feat(apollo-vertex): add page-header component to vertex registry by creilly11235 · Pull Request #465 · UiPath/apollo-ui

creilly11235 · 2026-04-07T17:32:43Z

Summary

Ports the page-header compound component from vertical-medical-mrs to the apollo-vertex shadcn registry
Adds docs page with live demos using a ScaledPreview wrapper to simulate full-width layout in narrow docs containers
Adds shell preview pages (InvoiceDashboard header + InvoiceDetail page) using the component
Includes improvements over MRS source: two-pass collapsible actions algorithm, named prop types for all sub-components, ref forwarding, lint compliance

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 4.6 noreply@anthropic.com

github-actions · 2026-04-07T17:32:56Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (PT)
apollo-design	🟢 Ready	Preview, Logs	Apr 17, 2026, 04:28:14 PM
apollo-docs	🟢 Ready	Preview, Logs	Apr 17, 2026, 04:27:08 PM
apollo-landing	🟢 Ready	Preview, Logs	Apr 17, 2026, 04:25:46 PM
apollo-ui-react	🟢 Ready	Preview, Logs	Apr 17, 2026, 04:27:08 PM
apollo-vertex	🟢 Ready	Preview, Logs	Apr 17, 2026, 04:27:00 PM

github-actions · 2026-04-07T17:33:25Z

Dependency License Review

✅ 1941 package(s) scanned
✅ No license issues found
⚠️ 3 package(s) excluded (see details below)

License distribution

License	Packages
MIT	1701
ISC	89
Apache-2.0	61
BSD-3-Clause	28
BSD-2-Clause	23
BlueOak-1.0.0	8
MPL-2.0	5
MIT OR Apache-2.0	3
MIT-0	3
CC0-1.0	3
LGPL-3.0-or-later	2
(MIT OR Apache-2.0)	2
Unlicense	2
Python-2.0	1
CC-BY-4.0	1
(MPL-2.0 OR Apache-2.0)	1
Unknown	1
Artistic-2.0	1
(WTFPL OR MIT)	1
(BSD-2-Clause OR MIT OR Apache-2.0)	1
CC-BY-3.0	1
0BSD	1
(MIT OR CC0-1.0)	1
MIT AND ISC	1

Excluded packages

Package	Version	License	Reason
@img/sharp-libvips-linux-x64	1.2.4	LGPL-3.0-or-later	LGPL pre-built binary, not linked
@img/sharp-libvips-linuxmusl-x64	1.2.4	LGPL-3.0-or-later	LGPL pre-built binary, not linked
khroma	2.1.0	Unknown	MIT per GitHub repo, missing license field in package.json

pieman1313

is this intended behaviour, or am I not using it correctly?
I made the viewport unreasonably small, and the header shrinks to the point its unreadable / unusable

pieman1313 · 2026-04-09T06:35:40Z

+});
+
+interface PageHeaderProps
+  extends React.ComponentProps<"div">,


import from react? same for other occurrences

pieman1313 · 2026-04-09T06:37:30Z

+}: PageHeaderCollapsibleActionsProps) {
+  const containerRef = React.useRef<HTMLDivElement>(null);
+  const rulerRef = React.useRef<HTMLDivElement>(null);
+  const [visibleCount, setVisibleCount] = React.useState(-1);


why -1? wouldn't switching to null make more sense?

I don't think you pushed the changes yet

my bad, should be pushed now

pieman1313 · 2026-04-09T06:39:47Z

+"use client";
+
+/* eslint-disable max-lines -- compound component with collapsible actions + skeletons */
+import { cva, type VariantProps } from "class-variance-authority";


doesn't this need to be in the dependencies?

pieman1313 · 2026-04-09T06:40:31Z

@@ -0,0 +1,540 @@
+"use client";
+
+/* eslint-disable max-lines -- compound component with collapsible actions + skeletons */


im a bit offput by the size as well, not sure what others think, but I would prefer each component in each file

creilly11235 · 2026-04-10T05:14:53Z

is this intended behaviour, or am I not using it correctly? I made the viewport unreasonably small, and the header shrinks to the point its unreadable / unusable

On this doc page, I ended up using this work around because the preview container is artificially constraining the component and was causing some weird behavior (component was calculating page width not container width) so I had zoom to fit. If you have ideas for a better work around I'd be happy to try it!

pieman1313

the old changes still show up, did you push the latest ones?

pieman1313 · 2026-04-13T07:02:16Z

On this doc page, I ended up using this work around because the preview container is artificially constraining the component and was causing some weird behavior (component was calculating page width not container width) so I had zoom to fit. If you have ideas for a better work around I'd be happy to try it!

shouldn't we then switch to container queries instead of page widths? it would make this more reusable, since this will break as well if used in conjunction with the shell, right?

Port page-header compound component from vertical-medical-mrs to the apollo-vertex shadcn registry. Includes back navigation, title/description, metadata fields, collapsible actions with overflow dropdown, and skeleton loading state. Update shell preview with PageHeader in InvoiceDashboard and add InvoiceDetail page with back navigation. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

creilly11235 · 2026-04-18T02:33:45Z

@pieman1313 should be updated and ready for review

creilly11235 requested a review from a team as a code owner April 7, 2026 17:32

creilly11235 requested review from frankkluijtmans and pieman1313 and removed request for a team April 7, 2026 17:32

KokoMilev enabled auto-merge (rebase) April 7, 2026 17:32

github-actions bot added the size:XXL 1,000+ changed lines. label Apr 7, 2026

creilly11235 force-pushed the creilly11235/vertex-header-registry branch 2 times, most recently from 0cf415e to 984815b Compare April 9, 2026 00:05

pieman1313 requested changes Apr 9, 2026

View reviewed changes

creilly11235 requested a review from pieman1313 April 10, 2026 05:15

pieman1313 requested changes Apr 13, 2026

View reviewed changes

creilly11235 force-pushed the creilly11235/vertex-header-registry branch from 984815b to be335a5 Compare April 16, 2026 00:27

github-actions bot added the app:apollo-vertex label Apr 16, 2026

creilly11235 force-pushed the creilly11235/vertex-header-registry branch from be335a5 to 57a4b62 Compare April 16, 2026 00:30

creilly11235 requested a review from pieman1313 April 16, 2026 00:40

creilly11235 force-pushed the creilly11235/vertex-header-registry branch from 57a4b62 to b3b0eda Compare April 17, 2026 23:24

		@@ -0,0 +1,540 @@
		"use client";

		/* eslint-disable max-lines -- compound component with collapsible actions + skeletons */

Conversation

creilly11235 commented Apr 7, 2026

Summary

Uh oh!

github-actions bot commented Apr 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Apr 7, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Dependency License Review

Uh oh!

pieman1313 left a comment

Choose a reason for hiding this comment

Uh oh!

pieman1313 Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

pieman1313 Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

creilly11235 Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

pieman1313 Apr 13, 2026

Choose a reason for hiding this comment

Uh oh!

creilly11235 Apr 16, 2026

Choose a reason for hiding this comment

Uh oh!

pieman1313 Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

creilly11235 Apr 9, 2026

Choose a reason for hiding this comment

Uh oh!

pieman1313 Apr 9, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

creilly11235 commented Apr 10, 2026

Uh oh!

pieman1313 left a comment

Choose a reason for hiding this comment

Uh oh!

pieman1313 commented Apr 13, 2026

Uh oh!

creilly11235 commented Apr 18, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

github-actions bot commented Apr 7, 2026 •

edited

Loading

github-actions bot commented Apr 7, 2026 •

edited

Loading

pieman1313 Apr 9, 2026 •

edited

Loading