Skip to content

feat(apollo-vertex): rework shell user profile with fade-in text and minimal variant#682

Draft
petervachon wants to merge 2 commits into
feat/vertex-shell-sidebarfrom
feat/vertex-shell-user-profile
Draft

feat(apollo-vertex): rework shell user profile with fade-in text and minimal variant#682
petervachon wants to merge 2 commits into
feat/vertex-shell-sidebarfrom
feat/vertex-shell-user-profile

Conversation

@petervachon
Copy link
Copy Markdown
Collaborator

What

Stacked on #681 — review that first; this branch contains only the delta described below.

Replaces the AnimatePresence mode="wait" dual-branch user profile with a single unified component that uses framer-motion fade-in text, a TooltipProvider for collapsed-state affordance, and a new isMinimal prop for the horizontal header variant.

Behavioral changes:

  • Expanded sidebar: avatar + name + email visible; name/email fade in with the same textFadeVariants used by nav labels; subtle hover highlight via before: pseudo-element
  • Collapsed sidebar: avatar only; dropdown opens to the right with name/email header; tooltip reads "User profile" on hover
  • isMinimal variant (top-bar layout): avatar button in top-right corner; dropdown opens to the right; tooltip shows user's name
  • Removed collapsedMenuSide / collapsedMenuAlign props — positioning is now fixed by variant, not caller-configurable
  • Docs page extended with minimal-variant preview, full feature list, sub-nav usage, and updated install/usage examples

Lines changed: ~189 additions / 99 deletions (M-sized slice)

Test plan

  • Expanded: name and email visible, fade in when sidebar expands, fade out when collapsed
  • Collapsed: only avatar shown; clicking opens dropdown to the right with user info
  • Tooltip reads "User profile" when hovering avatar in collapsed state
  • Expanded dropdown opens upward and is full-width of the trigger
  • Minimal variant: avatar in top-right; tooltip shows user name; dropdown opens to the right
  • /patterns/shell docs page renders both shell and minimal previews without errors

🤖 Generated with Claude Code

@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 11, 2026

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

Project Deployment Review Updated (PT)
apollo-design 🟢 Ready Preview, Logs May 11, 2026, 09:05:14 AM
apollo-docs 🟢 Ready Preview, Logs May 11, 2026, 09:03:34 AM
apollo-landing 🟢 Ready Preview, Logs May 11, 2026, 09:02:35 AM
apollo-ui-react 🟢 Ready Preview, Logs May 11, 2026, 09:03:43 AM
apollo-vertex 🟢 Ready Preview, Logs May 11, 2026, 09:03:52 AM

@github-actions
Copy link
Copy Markdown

Dependency License Review

  • 2105 package(s) scanned
  • ✅ No license issues found
  • ⚠️ 15 package(s) excluded (see details below)
License distribution
License Packages
MIT 1826
ISC 104
Apache-2.0 69
BSD-3-Clause 30
BSD-2-Clause 24
Copyright 2022, UiPath, all rights reserved 9
BlueOak-1.0.0 8
MPL-2.0 5
MIT OR Apache-2.0 3
MIT-0 3
Unknown 3
Unlicense 3
CC0-1.0 3
LGPL-3.0-or-later 2
(MIT OR Apache-2.0) 2
Python-2.0 1
CC-BY-4.0 1
(MPL-2.0 OR Apache-2.0) 1
BSD 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
@uipath/apollo-angular-elements 5.89.0 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/apollo-core 4.35.0, 4.35.1, 4.35.2 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/apollo-fonts 1.25.8 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/apollo-icons 1.33.7 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/apollo-mui5 2.31.26, 2.31.27 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/portal-shell 3.351.4 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/portal-shell-react 3.149.36 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/portal-shell-types 3.326.0 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/portal-shell-util 1.114.0 Copyright 2022, UiPath, all rights reserved UiPath first-party package
@uipath/apollo-lab 25.12.0 Unknown UiPath first-party package
@uipath/telemetry-client-web 5.1.0 Unknown UiPath first-party package
khroma 2.1.0 Unknown MIT per GitHub repo, missing license field in package.json
hyperx 2.5.4 BSD BSD-2-Clause per LICENSE file, non-SPDX "BSD" in package.json

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants