Skip to content

feat(app-shell): the product mark stays top-left as the home button; the app menu gains Back to home, All apps and Settings (objectui#12605) - #12650

Closed
objectstack-fleet[bot] wants to merge 7 commits into
mainfrom
claude/issue-12605-app-bar-home-mark
Closed

objectstack-fleet[bot] wants to merge 7 commits into
mainfrom
claude/issue-12605-app-bar-home-mark

Conversation

@objectstack-fleet

Copy link
Copy Markdown
Contributor

Fixes #12605
Clause-②: no

Inside an app the product mark stays top-left as the home button, and the app pill's menu gains Back to home, All apps and Settings, per the maintainer-approved artboard (AppBar.html).

What changed

  • Left group (AppHeader.tsx): sidebar trigger, the product mark, a drawn / rule, the app pill, the PREVIEW chip. The mark is one component (ProductHomeMark) used on every surface, the home page, the organizations and Studio front doors and inside every app: a 32 px link holding a 24 px tile on --primary with the stack glyph (or the deployment logo). Its accessible name is layout.appSwitcher.productHome ({{product}} home / 「{{product}} 首页」) from getProductName(); it links to homePath (/home unless the deployment declares a landing, the objectui#7256 rule the old logo already followed).
  • Same x on every surface. Off an app there is no sidebar trigger, so the bar holds the trigger's slot empty (h-7 w-7 shrink-0 mr-1, aria-hidden) before the mark; the mark does not jump when the viewer goes home.
  • ⌘⇧H / Ctrl+Shift+H goes home from any app page with a push (Back returns). It skips text inputs, textareas, selects, content-editable regions and ARIA textboxes, and events already defaultPrevented or composing. The chord lives in the shortcut registry (chrome/advertisedShortcuts.ts, GO_HOME_SHORTCUT) and is advertised to the keyboard-shortcuts dialog under the same gate as the listener.
  • App menu (AppSwitcher.tsx): Switch Application lists the installed apps with the current one checked and without Setup; a divider; Back to home (keycaps drawn from the same chord), All apps, Settings (the Setup app, shown only when the viewer's app list carries it; checked inside Setup); then Edit APP in Studio after a second divider, its gate untouched.
  • Below 640 px the pill shows the app tile only; title names the app (tooltip and accessible name). The pill was previously hidden below sm.
  • i18n: layout.appSwitcher.backToHome, layout.appSwitcher.settings, layout.appSwitcher.productHome, console.shortcuts.goHome in all ten locales; zh uses the card's words (返回首页, 系统设置, 首页).
  • Every existing data-testid stays; new ones: app-bar-product-home, app-bar-home-separator, app-bar-trigger-slot, app-switcher-home, app-switcher-settings.

Tests (head 0590733)

  • New pins: AppHeader.homeMark-12605.test.tsx (left-group order, name + /home link, click lands home, pill drawn at every width, chord advertised as ⌘⇧H, ⌘ and Ctrl push /home and Back returns, chord left to a text field, ⌘H alone does nothing, home page: same mark, no rule, no advertisement, trigger slot held), AppSwitcher.homeMenu-12605.test.tsx (menu order, Setup absent from the switch group, keycaps, Settings target and check, no Settings without Setup, sub-sm classes and title).
  • Vitest (--maxWorkers=1, repo root): all 80 packages/app-shell/src/layout suites + src/chrome (36 + 58 files, 290 + 382 tests, exit 0), src/__tests__ + console/home (43 files, 567 tests, exit 0), packages/i18n (83 files, 1321 tests, exit 0). After merging main: AppHeader/AppSwitcher suites + every app-shell test file the merge brought in (31 files, 264 tests, exit 0).
  • Ablation (once): switchApps = activeApps (Setup filter removed), landed via ablation-replace.mjs (anchor 1 to 0, blob 3f315e70 to 656696e8) and turned 3 of 7 menu tests red; restored with git checkout HEAD --, git diff HEAD empty, blob hash matches HEAD.
  • type-check @object-ui/i18n and @object-ui/app-shell: exit 0 (after rebuilding the four deps main changed: auth, components, fields, i18n).
  • Pre-tsc battery (15 check:* listed in the dispatch), check-hand-rolled-comment-mask, check-changeset-fixed: all exit 0; i18n, control-bytes, unreferenced-sources, self-import, phantom-deps and changeset-fixed re-run on the merged head, exit 0.
  • eslint narrowed to the 16 changed TS/TSX files (--no-inline-config --format json): 16 files, 0 errors, 20 warnings (all no-explicit-any on pre-existing lines). The config enables no type-aware linting, so this diff cannot move any untouched file's verdict.
  • NOT MEASURED locally, declared to CI: the whole packages/app-shell package (1442 test files; at --maxWorkers=1 it exceeds the foreground cap), and apps/console suites.

Acceptance notes

  • AppHeader.appIdentity-12201.test.tsx changed: its item-4 cell pinned "no platform mark in app context", the ruling this card reverses. It now pins the mark before the pill; the "no crumb separator precedes the pill" cell is unchanged in substance.
  • The mark keeps its x across surfaces by an empty trigger slot on the home, organizations and Studio bars (the ruling's "measure the home page's mark position and match it" with the trigger first). If the maintainer prefers the home bar flush left, delete the one span.
  • AppSwitcher reads SETUP_APP_PACKAGE_ID / SETUP_APP_NAME from console/ConsoleShell (render-time use only), resolving Setup in the same order as resolveSetupAppPath.
  • objectui#12639 (48 px bar): the mark is 32 px (size-8) and fits.
  • PR feat(app-shell): Home's top bar searches, the greeting sums up approvals, compact builder chips and 56 px app tiles that say when they were last opened (objectui#12601) #12638 (objectui#12601, Home's centred search) merged cleanly into this branch and its tests pass here.

Changeset

.changeset/12605-app-bar-home-mark.md: @object-ui/app-shell patch, @object-ui/i18n patch. No package export is added (GO_HOME_SHORTCUT is internal to chrome/advertisedShortcuts, not re-exported from the package index).


Generated by Claude Code

…tton; the app menu gains Back to home, All apps and Settings

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XVp19E1MYUTFM3dnkwz8gB
…p menu order (objectui#12605)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XVp19E1MYUTFM3dnkwz8gB
…n any (objectui#12605)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XVp19E1MYUTFM3dnkwz8gB
…tes that stub the app pill keep the header (objectui#12605)

Eleven-plus AppHeader suites stub ../AppSwitcher with a bare factory; with
GO_HOME_SHORTCUT exported from AppSwitcher the header read undefined off the
stub and every one of them failed. The chord now lives in
chrome/advertisedShortcuts beside the other registry types, read by both
holders.
…ng the sidebar trigger's slot (objectui#12605)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01XVp19E1MYUTFM3dnkwz8gB
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

Metric Value Budget
Eager closure (gzip, 70 chunks) 3096.6 KB 3119.4 KB
Main entry chunk (gzip) 64.8 KB 350 KB
Entry file index-eGnxGIpi.js —
Status PASS —

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

Package Size Gzipped
app-shell (consoleActionDispatch.js) 0.20KB 0.19KB
app-shell (index.js) 21.19KB 7.76KB
app-shell (runtime-config.js) 22.59KB 7.89KB
app-shell (types.js) 0.01KB 0.04KB
app-shell (urlParams.js) 10.11KB 3.87KB
auth (ActiveOrganizationStorage.js) 27.95KB 10.04KB
auth (AuthContext.js) 0.31KB 0.24KB
auth (AuthGuard.js) 2.07KB 1.00KB
auth (AuthProvider.js) 40.22KB 10.61KB
auth (AuthShell.js) 3.49KB 1.40KB
auth (ForgotPasswordForm.js) 12.21KB 3.45KB
auth (LoginForm.js) 20.39KB 6.02KB
auth (PreviewBanner.js) 0.90KB 0.50KB
auth (RegisterForm.js) 6.72KB 2.24KB
auth (SocialSignInButtons.js) 9.70KB 3.93KB
auth (UserMenu.js) 3.39KB 1.21KB
auth (auth-gate-events.js) 1.62KB 0.83KB
auth (authStyles.js) 5.27KB 1.86KB
auth (createAuthClient.js) 41.19KB 11.12KB
auth (createAuthenticatedFetch.js) 8.54KB 3.46KB
auth (index.js) 3.63KB 1.64KB
auth (invitation-status.js) 1.22KB 0.70KB
auth (org-roles.js) 6.66KB 2.78KB
auth (phone-identifier.js) 1.11KB 0.66KB
auth (types.js) 0.59KB 0.35KB
auth (useAuth.js) 5.30KB 1.02KB
auth (useWorkspaceAdminStatus.js) 11.08KB 4.58KB
collaboration (CommentThread.js) 27.26KB 8.03KB
collaboration (LiveCursors.js) 3.17KB 1.27KB
collaboration (PresenceAvatars.js) 6.28KB 2.60KB
collaboration (PresenceProvider.js) 2.79KB 1.13KB
collaboration (commentAuthorship.js) 1.39KB 0.78KB
collaboration (index.js) 1.93KB 0.85KB
collaboration (useCollaborationTranslation.js) 6.50KB 2.52KB
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) 597.83KB 144.29KB
core (index.js) 10.18KB 4.04KB
create-plugin (index.js) 27.94KB 9.51KB
data-objectstack (index.js) 248.20KB 69.22KB
fields (index.js) 290.12KB 74.14KB
i18n (LocalizationContext.js) 2.92KB 1.42KB
i18n (builtinAggregateLabels.js) 0.86KB 0.49KB
i18n (currency.js) 2.59KB 1.22KB
i18n (fallbackInterpolation.js) 6.25KB 2.77KB
i18n (i18n.js) 8.87KB 3.64KB
i18n (index.js) 5.52KB 2.39KB
i18n (pickLocalized.js) 9.86KB 3.95KB
i18n (provider.js) 39.35KB 12.88KB
i18n (translateFn.js) 0.20KB 0.18KB
i18n (useDisplayLocale.js) 3.52KB 1.76KB
i18n (useObjectLabel.js) 36.87KB 9.88KB
i18n (useSafeTranslation.js) 7.14KB 2.92KB
layout (index.js) 40.67KB 11.85KB
mobile (MobileProvider.js) 0.92KB 0.49KB
mobile (ResponsiveContainer.js) 0.94KB 0.38KB
mobile (breakpoints.js) 1.51KB 0.70KB
mobile (createOfflineDataSource.js) 5.61KB 1.75KB
mobile (index.js) 1.99KB 0.87KB
mobile (offlineQueue.js) 3.91KB 1.35KB
mobile (pwa.js) 0.97KB 0.49KB
mobile (serviceWorker.js) 1.48KB 0.62KB
mobile (serviceWorkerSource.js) 3.41KB 1.48KB
mobile (useBreakpoint.js) 1.54KB 0.65KB
mobile (useGesture.js) 6.96KB 1.98KB
mobile (useOfflineSync.js) 1.99KB 0.72KB
mobile (usePullToRefresh.js) 6.62KB 2.45KB
mobile (useResponsive.js) 0.72KB 0.42KB
mobile (useSpecGesture.js) 5.52KB 2.10KB
mobile (useTouchTarget.js) 1.01KB 0.54KB
permissions (MePermissionsProvider.js) 15.35KB 5.51KB
permissions (PermissionContext.js) 0.31KB 0.25KB
permissions (PermissionGuard.js) 0.89KB 0.45KB
permissions (PermissionProvider.js) 6.82KB 2.38KB
permissions (discardProofCache.js) 1.04KB 0.55KB
permissions (evaluator.js) 8.33KB 3.07KB
permissions (index.js) 0.93KB 0.41KB
permissions (store.js) 0.91KB 0.42KB
permissions (useFieldPermissions.js) 1.28KB 0.53KB
permissions (usePermissions.js) 4.83KB 2.27KB
plugin-ai (index.js) 16.04KB 3.92KB
plugin-calendar (index.js) 54.94KB 16.05KB
plugin-charts (index.js) 84.97KB 23.36KB
plugin-chatbot (index.js) 201.89KB 48.13KB
plugin-dashboard (index.js) 146.15KB 39.55KB
plugin-designer (index.js) 233.95KB 50.08KB
plugin-detail (index.js) 262.91KB 69.49KB
plugin-editor (index.js) 2.23KB 1.05KB
plugin-form (index.js) 180.92KB 46.73KB
plugin-gantt (index.js) 178.36KB 45.08KB
plugin-grid (index.js) 265.13KB 73.29KB
plugin-kanban (index.js) 53.23KB 16.71KB
plugin-list (index.js) 129.90KB 33.12KB
plugin-map (index.js) 27.07KB 8.96KB
plugin-markdown (index.js) 13.88KB 4.80KB
plugin-report (index.js) 46.66KB 13.13KB
plugin-timeline (index.js) 39.21KB 11.85KB
plugin-tree (index.js) 15.07KB 5.33KB
plugin-view (index.js) 93.43KB 23.94KB
providers (DataSourceProvider.js) 0.75KB 0.39KB
providers (MetadataProvider.js) 1.37KB 0.59KB
providers (ThemeProvider.js) 1.90KB 0.85KB
providers (UploadProvider.js) 12.07KB 3.68KB
providers (index.js) 0.45KB 0.23KB
providers (types.js) 0.01KB 0.04KB
react-runtime (index.js) 5.62KB 2.34KB
react (LazyPluginLoader.js) 4.47KB 1.63KB
react (SchemaRenderer.js) 120.63KB 39.56KB
react (data-invalidation.js) 5.05KB 2.08KB
react (index.js) 4.50KB 2.06KB
react (schema-input.js) 4.31KB 2.07KB
react (spec-input.js) 0.20KB 0.18KB
sdui-parser (body-dialect.js) 4.50KB 1.99KB
sdui-parser (codegen.js) 9.45KB 3.76KB
sdui-parser (dashboard-widget-options.js) 3.07KB 1.30KB
sdui-parser (index.js) 7.30KB 3.12KB
sdui-parser (input-type.js) 2.84KB 1.40KB
sdui-parser (parse.js) 25.28KB 7.81KB
sdui-parser (provenance.js) 3.84KB 1.90KB
sdui-parser (types.js) 0.29KB 0.24KB
sdui-parser (validate.js) 23.87KB 7.83KB
types (ai.js) 4.39KB 2.17KB
types (api-types.js) 0.20KB 0.18KB
types (app.js) 4.12KB 1.61KB
types (authoring-nodes.js) 0.20KB 0.19KB
types (base.js) 0.20KB 0.18KB
types (blocks.js) 0.20KB 0.18KB
types (cloud.js) 0.20KB 0.18KB
types (complex.js) 4.44KB 2.07KB
types (crud.js) 0.20KB 0.18KB
types (dashboard-filter-alias.js) 6.23KB 2.74KB
types (dashboard-widget-layout.js) 2.06KB 0.96KB
types (data-display.js) 3.75KB 1.85KB
types (data-protocol.js) 0.20KB 0.19KB
types (data.js) 0.20KB 0.18KB
types (designer.js) 1.85KB 0.85KB
types (disclosure.js) 0.20KB 0.18KB
types (error-code.js) 1.54KB 0.88KB
types (expression.js) 0.20KB 0.18KB
types (feedback.js) 0.20KB 0.18KB
types (field-types.js) 1.13KB 0.65KB
types (form.js) 0.20KB 0.18KB
types (http-inflight.js) 8.87KB 3.73KB
types (http-retry.js) 4.32KB 2.02KB
types (icon-key-migration.js) 4.26KB 1.63KB
types (index.js) 5.78KB 2.70KB
types (layout.js) 0.20KB 0.18KB
types (managed-by.js) 0.19KB 0.18KB
types (mobile.js) 5.00KB 2.39KB
types (navigation.js) 0.20KB 0.18KB
types (node-slots.js) 7.18KB 2.34KB
types (objectql.js) 0.20KB 0.18KB
types (overlay.js) 0.20KB 0.18KB
types (permissions.js) 2.52KB 1.31KB
types (plugin-scope.js) 0.20KB 0.18KB
types (record-approval-decision.js) 0.20KB 0.20KB
types (record-components.js) 0.20KB 0.19KB
types (record-panels.js) 0.20KB 0.19KB
types (record-semantics.js) 1.28KB 0.67KB
types (registry.js) 0.20KB 0.18KB
types (reports.js) 0.20KB 0.18KB
types (select-option.js) 0.20KB 0.19KB
types (spec-report.js) 4.99KB 1.96KB
types (spec-ui-namespace.js) 0.20KB 0.19KB
types (strict-authoring-face.js) 19.93KB 7.26KB
types (system-fields.js) 3.33KB 1.54KB
types (theme.js) 6.28KB 2.87KB
types (ui-action.js) 8.48KB 3.50KB
types (views.js) 0.20KB 0.18KB
types (widget.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

@objectstack-fleet

Copy link
Copy Markdown
Contributor Author

Superseded by #12651: the same tree for every file this PR changed, rebuilt on current main as one commit (ba5461f) with the model-free trailer pair, because this branch's commits carry model-named co-author trailers. Closing this one; the branch is left as is.


Generated by Claude Code

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.

Console app bar: the product mark stays top-left as the home button; the app menu gains Home, All apps and Setup

2 participants