Skip to content

feat(console): use top navigation on /home instead of left sidebar#1246

Merged
xuyushun441-sys merged 3 commits intomainfrom
copilot/update-menu-position
Apr 19, 2026
Merged

feat(console): use top navigation on /home instead of left sidebar#1246
xuyushun441-sys merged 3 commits intomainfrom
copilot/update-menu-position

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Apr 19, 2026

The home page shared the same AppShell + UnifiedSidebar chrome as in-app views (e.g. Enterprise CRM), making the workspace landing page visually indistinguishable from an individual application. Switching /home to a top-nav-only shell draws a clear boundary between the workspace and apps.

Changes

  • New HomeTopNav (apps/console/src/pages/home/HomeTopNav.tsx): horizontal bar with workspace switcher, Home link, ⌘K search, activity feed, help, theme, locale, and user-profile dropdown. Reuses WorkspaceSwitcher, ModeToggle, LocaleSwitcher, and ActivityFeed.
  • HomeLayout refactor: drops AppShell / UnifiedSidebar; renders HomeTopNav + <main> and keeps setContext('home') on mount.
  • UnifiedSidebar unchanged: still the sole navigation surface for /apps/:appName/*. The context === 'home' branch of the sidebar is now effectively dead for the main route but left in place for safety with no behavioral change.
  • Tests: HomeLayout.test.tsx asserts the new top-nav is present and neither app-shell nor unified-sidebar are rendered. e2e/sidebar-text-visibility.spec.ts now clicks the first app card after login (client-side nav to preserve the MSW mock session) before exercising sidebar expand/collapse.
  • CHANGELOG: entry under [Unreleased].

Layout shape

/home                          /apps/:appName/*
┌───────────────────────────┐  ┌──────┬────────────────────┐
│ HomeTopNav                │  │      │ AppHeader          │
├───────────────────────────┤  │ Uni- ├────────────────────┤
│                           │  │ fied │                    │
│  HomePage (cards, etc.)   │  │ Side │  App content       │
│                           │  │ bar  │                    │
└───────────────────────────┘  └──────┴────────────────────┘

Agent-Logs-Url: https://github.com/objectstack-ai/objectui/sessions/80f3c2ba-baa3-4527-b23a-09bc48125a13

Co-authored-by: xuyushun441-sys <255036401+xuyushun441-sys@users.noreply.github.com>
@vercel
Copy link
Copy Markdown

vercel bot commented Apr 19, 2026

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

Project Deployment Actions Updated (UTC)
objectui-demo Ready Ready Preview, Comment Apr 19, 2026 8:09am
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
objectui Ignored Ignored Apr 19, 2026 8:09am

Request Review

@github-actions github-actions bot added documentation Improvements or additions to documentation apps tests labels Apr 19, 2026
@xuyushun441-sys xuyushun441-sys marked this pull request as ready for review April 19, 2026 08:09
@xuyushun441-sys xuyushun441-sys merged commit a26decd into main Apr 19, 2026
9 checks passed
@github-actions
Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

Metric Value Budget
Main entry (gzip) 293.7 KB 350 KB
Entry file index-DdQ0l81b.js
Status PASS

📦 Bundle Size Report

Package Size Gzipped
app-shell (index.js) 0.43KB 0.22KB
app-shell (types.js) 0.01KB 0.04KB
auth (AuthContext.js) 0.31KB 0.24KB
auth (AuthGuard.js) 1.17KB 0.53KB
auth (AuthProvider.js) 10.48KB 2.37KB
auth (ForgotPasswordForm.js) 4.91KB 1.66KB
auth (LoginForm.js) 5.00KB 1.64KB
auth (PreviewBanner.js) 0.90KB 0.50KB
auth (RegisterForm.js) 6.85KB 1.86KB
auth (UserMenu.js) 3.40KB 1.22KB
auth (createAuthClient.js) 11.21KB 2.86KB
auth (createAuthenticatedFetch.js) 2.47KB 0.95KB
auth (index.js) 1.22KB 0.53KB
auth (types.js) 0.59KB 0.35KB
auth (useAuth.js) 2.01KB 0.63KB
collaboration (CommentThread.js) 18.38KB 4.49KB
collaboration (LiveCursors.js) 3.17KB 1.27KB
collaboration (PresenceAvatars.js) 3.65KB 1.42KB
collaboration (index.js) 1.16KB 0.50KB
collaboration (useCommentSearch.js) 1.98KB 0.88KB
collaboration (useConflictResolution.js) 7.75KB 1.86KB
collaboration (useMentionNotifications.js) 1.81KB 0.68KB
collaboration (usePresence.js) 6.33KB 1.84KB
collaboration (useRealtimeSubscription.js) 7.91KB 2.01KB
components (index.js) 1980.45KB 464.81KB
core (index.js) 1.29KB 0.51KB
create-plugin (index.js) 10.13KB 3.17KB
data-objectstack (index.js) 46.96KB 11.67KB
fields (LookupField-B6MOSQVJ.js) 30.75KB 8.34KB
fields (index.js) 74.79KB 15.84KB
fields (rolldown-runtime-CAFD8bLK.js) 0.24KB 0.24KB
fields (useFieldTranslation-Bv3oUVgb.js) 0.26KB 0.21KB
i18n (i18n.js) 2.03KB 0.77KB
i18n (index.js) 1.99KB 0.79KB
i18n (provider.js) 4.63KB 1.47KB
i18n (useObjectLabel.js) 7.92KB 2.45KB
i18n (useSafeTranslation.js) 1.63KB 0.57KB
layout (index.js) 88.09KB 24.91KB
mobile (MobileProvider.js) 0.92KB 0.49KB
mobile (ResponsiveContainer.js) 0.94KB 0.38KB
mobile (breakpoints.js) 1.51KB 0.70KB
mobile (index.js) 1.19KB 0.53KB
mobile (pwa.js) 0.97KB 0.49KB
mobile (serviceWorker.js) 1.48KB 0.62KB
mobile (useBreakpoint.js) 1.54KB 0.65KB
mobile (useGesture.js) 4.42KB 1.27KB
mobile (usePullToRefresh.js) 2.53KB 0.85KB
mobile (useResponsive.js) 0.71KB 0.42KB
mobile (useResponsiveConfig.js) 1.36KB 0.63KB
mobile (useSpecGesture.js) 1.77KB 0.77KB
mobile (useTouchTarget.js) 1.01KB 0.54KB
permissions (PermissionContext.js) 0.31KB 0.25KB
permissions (PermissionGuard.js) 0.89KB 0.45KB
permissions (PermissionProvider.js) 3.11KB 0.87KB
permissions (evaluator.js) 4.00KB 1.23KB
permissions (index.js) 0.85KB 0.40KB
permissions (store.js) 0.91KB 0.42KB
permissions (useFieldPermissions.js) 1.28KB 0.52KB
permissions (usePermissions.js) 0.99KB 0.49KB
plugin-aggrid (AddressField-DKqaE9pD.js) 2.85KB 0.81KB
plugin-aggrid (AgGridImpl-DBqxIsko.js) 6.39KB 2.24KB
plugin-aggrid (AutoNumberField-0RU2dNKe.js) 0.43KB 0.34KB
plugin-aggrid (AvatarField-C5b9biGa.js) 2.65KB 1.15KB
plugin-aggrid (BooleanField-DRzAZhSq.js) 1.23KB 0.58KB
plugin-aggrid (CodeField-RWhnDMyL.js) 0.86KB 0.53KB
plugin-aggrid (ColorField-B-YAFXdz.js) 1.26KB 0.59KB
plugin-aggrid (CurrencyField-Bu80a-sI.js) 1.52KB 0.80KB
plugin-aggrid (DateField-CV-NpLbM.js) 0.65KB 0.43KB
plugin-aggrid (DateTimeField--YTsgTjw.js) 0.82KB 0.48KB
plugin-aggrid (EmailField-B-3fWJsH.js) 0.88KB 0.53KB
plugin-aggrid (FileField-BcGMvBnI.js) 5.67KB 2.05KB
plugin-aggrid (FormulaField-MQXJZOep.js) 0.64KB 0.46KB
plugin-aggrid (GeolocationField-D3BrmwqV.js) 4.10KB 1.49KB
plugin-aggrid (GridField-DHsGo9l2.js) 1.96KB 0.76KB
plugin-aggrid (ImageField-BBqwJEkk.js) 2.65KB 1.12KB
plugin-aggrid (LocationField-DSvhU9Dz.js) 1.00KB 0.59KB
plugin-aggrid (LookupField-DoOmbbZF.js) 33.78KB 8.95KB
plugin-aggrid (LookupField-KfYQlgUd.js) 0.08KB 0.11KB
plugin-aggrid (MasterDetailField-BnSPGAtS.js) 3.40KB 1.14KB
plugin-aggrid (NumberField-Kz4_o5DE.js) 0.76KB 0.50KB
plugin-aggrid (ObjectAgGridImpl-DrI0aa8t.js) 726.52KB 183.35KB
plugin-aggrid (ObjectField-C1qkl6s4.js) 1.63KB 0.82KB
plugin-aggrid (PasswordField-k5JeKk9f.js) 1.88KB 0.94KB
plugin-aggrid (PercentField-Dmipqv0I.js) 1.85KB 0.88KB
plugin-aggrid (PhoneField-Dn4h6V9H.js) 0.87KB 0.54KB
plugin-aggrid (QRCodeField-BIrSW1Zr.js) 3.27KB 1.25KB
plugin-aggrid (RatingField-5iMhn2GL.js) 2.05KB 0.93KB
plugin-aggrid (RichTextField-CN5BRd_7.js) 1.19KB 0.63KB
plugin-aggrid (SelectField-Bjk_S2zT.js) 1.07KB 0.58KB
plugin-aggrid (SelectField-CcWvzp9g.js) 0.08KB 0.11KB
plugin-aggrid (SignatureField-BAMvNrE6.js) 3.14KB 1.29KB
plugin-aggrid (SliderField-C9IhmjbF.js) 1.11KB 0.55KB
plugin-aggrid (SummaryField-R9RENAZv.js) 0.60KB 0.45KB
plugin-aggrid (TextAreaField-BY63Nr6-.js) 1.12KB 0.64KB
plugin-aggrid (TextField-SIw8aMzf.js) 0.90KB 0.50KB
plugin-aggrid (TimeField-xxziHPjE.js) 0.61KB 0.40KB
plugin-aggrid (UrlField-Ihk3_ff5.js) 1.04KB 0.57KB
plugin-aggrid (UserField-BHl6mmIH.js) 2.62KB 0.98KB
plugin-aggrid (VectorField-Ci167cxr.js) 0.92KB 0.52KB
plugin-aggrid (createLucideIcon-BjfZYZey.js) 1.72KB 0.93KB
plugin-aggrid (image-DlUdeTgT.js) 0.36KB 0.26KB
plugin-aggrid (index.js) 10.33KB 2.43KB
plugin-aggrid (jsx-runtime-CGDkM_Jn.js) 7.83KB 2.89KB
plugin-aggrid (plus-BwEV_Q5_.js) 0.19KB 0.19KB
plugin-aggrid (upload-DPiohvXv.js) 0.29KB 0.23KB
plugin-aggrid (useFieldTranslation-C69OtouR.js) 9.53KB 3.69KB
plugin-aggrid (x-BFq2GeQ5.js) 0.19KB 0.19KB
plugin-ai (index.js) 24.21KB 6.44KB
plugin-calendar (index.js) 44.95KB 12.96KB
plugin-charts (AdvancedChartImpl-JDjuxIZW.js) 118.19KB 24.21KB
plugin-charts (BarChart-Bvt5Se8Q.js) 523.60KB 126.89KB
plugin-charts (ChartImpl-CQj8Kris.js) 3.62KB 1.16KB
plugin-charts (index.js) 12.70KB 4.07KB
plugin-charts (jsx-runtime-C8d0IhUE.js) 8.40KB 3.09KB
plugin-chatbot (index.js) 1194.20KB 340.76KB
plugin-dashboard (index.js) 158.64KB 38.77KB
plugin-designer (index.js) 246.89KB 48.48KB
plugin-detail (AddressField-DXK2FpW5.js) 2.66KB 0.79KB
plugin-detail (AutoNumberField-XjGIdGCv.js) 0.44KB 0.34KB
plugin-detail (AvatarField-B8a5-z-5.js) 2.40KB 1.09KB
plugin-detail (BooleanField-CJ8XfuOV.js) 1.14KB 0.55KB
plugin-detail (CodeField-Bk5i0M8T.js) 0.80KB 0.50KB
plugin-detail (ColorField-CV9hhNR7.js) 1.19KB 0.57KB
plugin-detail (CurrencyField-BAMqIjLA.js) 1.47KB 0.78KB
plugin-detail (DateField-L5Mo-vGM.js) 0.60KB 0.40KB
plugin-detail (DateTimeField-B0cObVC9.js) 0.78KB 0.46KB
plugin-detail (EmailField-4oBEL9PA.js) 0.83KB 0.51KB
plugin-detail (FileField-D-MOhyB5.js) 5.12KB 1.90KB
plugin-detail (FormulaField-l-fHVrbl.js) 0.66KB 0.45KB
plugin-detail (GeolocationField-DT9d3Ro8.js) 3.31KB 1.23KB
plugin-detail (GridField-C0_hGg1Y.js) 1.83KB 0.74KB
plugin-detail (ImageField-C2SyMo8f.js) 2.45KB 1.09KB
plugin-detail (LocationField-D_CdO3pD.js) 0.97KB 0.57KB
plugin-detail (LookupField-BmnW-AQC.js) 0.08KB 0.11KB
plugin-detail (LookupField-Drk0aiMT.js) 30.30KB 8.21KB
plugin-detail (MasterDetailField-no1WT-2n.js) 2.90KB 0.99KB
plugin-detail (NumberField-CkUCsixE.js) 0.72KB 0.47KB
plugin-detail (ObjectField-CjIp97J8.js) 1.57KB 0.79KB
plugin-detail (PasswordField-CSdPEWM9.js) 1.13KB 0.66KB
plugin-detail (PercentField-Be_Coq2R.js) 1.76KB 0.86KB
plugin-detail (PhoneField-DxNoE0dO.js) 0.82KB 0.51KB
plugin-detail (QRCodeField-CZsm4-94.js) 2.15KB 0.93KB
plugin-detail (RatingField-COKx8z51.js) 1.56KB 0.69KB
plugin-detail (RichTextField-BkstOWnv.js) 1.12KB 0.61KB
plugin-detail (SelectField-Cqy4uQoW.js) 0.08KB 0.11KB
plugin-detail (SelectField-DGCZMyiw.js) 0.96KB 0.55KB
plugin-detail (SignatureField-4tzXf-xj.js) 2.81KB 1.15KB
plugin-detail (SliderField-BEcfa0qR.js) 1.04KB 0.53KB
plugin-detail (SummaryField-BPq_XCHg.js) 0.62KB 0.45KB
plugin-detail (TextAreaField-CwfgWYW1.js) 1.06KB 0.61KB
plugin-detail (TextField-BGBVEZWZ.js) 0.84KB 0.46KB
plugin-detail (TimeField-DFPG2uQx.js) 0.57KB 0.38KB
plugin-detail (UrlField-DdfP-HLQ.js) 0.98KB 0.54KB
plugin-detail (UserField-kcQyJ2V9.js) 2.43KB 0.95KB
plugin-detail (VectorField-CXrnX4T4.js) 0.92KB 0.52KB
plugin-detail (index.js) 137.85KB 30.39KB
plugin-detail (src-CR-0FOG_.js) 1960.29KB 461.71KB
plugin-detail (useFieldTranslation-DO8uZN8S.js) 0.25KB 0.20KB
plugin-editor (MonacoImpl-BMgw4JKF.js) 17.97KB 5.53KB
plugin-editor (index.js) 1.61KB 0.74KB
plugin-editor (jsx-runtime-HjdTyiyb.js) 7.63KB 2.80KB
plugin-form (index.js) 61.30KB 13.89KB
plugin-gantt (index.js) 215.46KB 52.74KB
plugin-grid (index.js) 102.59KB 27.80KB
plugin-kanban (KanbanEnhanced-TdUe0kQH.js) 30.21KB 8.94KB
plugin-kanban (KanbanImpl-BtlPa7GE.js) 13.33KB 4.08KB
plugin-kanban (chevron-down-B6UH8BbF.js) 0.15KB 0.18KB
plugin-kanban (index.js) 18.55KB 5.80KB
plugin-kanban (plus-BTqoaaEC.js) 9.31KB 3.57KB
plugin-kanban (sortable.esm-LJG1TjKd.js) 59.36KB 17.43KB
plugin-list (index.js) 2031.31KB 477.11KB
plugin-map (chunk-vKJrgz-R.js) 1.18KB 0.67KB
plugin-map (index.js) 123.69KB 30.35KB
plugin-map (maplibre-gl-DK6BxsIK.js) 1331.05KB 296.40KB
plugin-markdown (MarkdownImpl-BcKLng98.js) 220.68KB 53.61KB
plugin-markdown (index.js) 1.04KB 0.58KB
plugin-markdown (jsx-runtime-B1W8iDPg.js) 8.39KB 3.09KB
plugin-report (index.js) 70.37KB 13.98KB
plugin-timeline (index.js) 99.93KB 24.18KB
plugin-view (index.js) 116.61KB 31.05KB
plugin-workflow (index.js) 81.18KB 17.06KB
providers (DataSourceProvider.js) 0.75KB 0.39KB
providers (MetadataProvider.js) 1.37KB 0.59KB
providers (ThemeProvider.js) 1.55KB 0.67KB
providers (index.js) 0.29KB 0.17KB
providers (types.js) 0.01KB 0.04KB
react (LazyPluginLoader.js) 3.77KB 1.33KB
react (SchemaRenderer.js) 9.07KB 2.83KB
react (index.js) 0.76KB 0.42KB
tenant (TenantContext.js) 0.31KB 0.25KB
tenant (TenantGuard.js) 1.04KB 0.43KB
tenant (TenantProvider.js) 2.76KB 0.98KB
tenant (TenantScopedQuery.js) 0.77KB 0.44KB
tenant (index.js) 0.75KB 0.38KB
tenant (resolver.js) 2.64KB 0.76KB
tenant (useTenant.js) 0.50KB 0.32KB
tenant (useTenantBranding.js) 0.62KB 0.39KB
types (ai.js) 0.20KB 0.17KB
types (api-types.js) 0.20KB 0.18KB
types (app.js) 2.87KB 0.99KB
types (base.js) 0.20KB 0.18KB
types (blocks.js) 0.20KB 0.18KB
types (complex.js) 0.20KB 0.18KB
types (crud.js) 0.20KB 0.18KB
types (data-display.js) 0.20KB 0.18KB
types (data-protocol.js) 0.20KB 0.19KB
types (data.js) 0.20KB 0.18KB
types (designer.js) 0.74KB 0.39KB
types (disclosure.js) 0.20KB 0.18KB
types (feedback.js) 0.20KB 0.18KB
types (field-types.js) 0.20KB 0.18KB
types (form.js) 0.20KB 0.18KB
types (index.js) 1.25KB 0.58KB
types (layout.js) 0.20KB 0.18KB
types (mobile.js) 0.20KB 0.18KB
types (navigation.js) 0.20KB 0.18KB
types (objectql.js) 0.20KB 0.18KB
types (overlay.js) 0.20KB 0.18KB
types (permissions.js) 0.20KB 0.18KB
types (plugin-scope.js) 0.20KB 0.18KB
types (record-components.js) 0.20KB 0.19KB
types (registry.js) 0.20KB 0.18KB
types (reports.js) 0.20KB 0.18KB
types (tenant.js) 0.20KB 0.18KB
types (theme.js) 0.20KB 0.18KB
types (ui-action.js) 0.20KB 0.18KB
types (views.js) 0.20KB 0.18KB
types (widget.js) 0.20KB 0.18KB
types (workflow.js) 0.20KB 0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

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

Labels

apps documentation Improvements or additions to documentation tests

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants