Skip to content

fix(app-shell): the header draws its Search trigger only where a command palette is mounted (objectui#11912) - #11987

Merged
objectstack-fleet[bot] merged 2 commits into
mainfrom
claude/issue-11912-inert-search-trigger
Oct 8, 2026
Merged

objectstack-fleet[bot] merged 2 commits into
mainfrom
claude/issue-11912-inert-search-trigger

Conversation

@objectstack-fleet

Copy link
Copy Markdown
Contributor

Fixes #11912

Clause-②: no

What changed

The console header drew its "Search ⌘K" trigger in every frame, but only ConsoleLayout mounts a CommandPaletteProvider (and only AppContent mounts the palette). On /home, /ai, /organizations and an organization's own pages, useCommandPalette() answered its documented no-op fallback, so a click opened nothing and Ctrl+K opened nothing either.

This takes the card's second route: the header does not show the trigger where no palette is mounted. A search that works with no active app is objectui#11863's question and is not touched here.

  • packages/app-shell/src/context/CommandPaletteProvider.tsx — a new useCommandPaletteProviderMounted() answers whether a provider is mounted above the caller. It is package-internal: not re-exported from context/index.ts or the package entry. useCommandPalette() keeps its published return shape (CommandPaletteContextValue) and its no-op fallback; only its docblock changed, because it said the header trigger "is then inert".
  • packages/app-shell/src/layout/AppHeader.tsx — the search group (desktop action:command-palette:open and compact action:command-palette:open-mobile) renders only when that hook answers true. The group is dropped whole, so no empty data-topbar-group is left behind. Inside an app nothing changes.
  • .changeset/11912-inert-search-trigger.md — patch on @object-ui/app-shell.

The gate is the provider's presence, not the variant name. If a palette is later mounted outside apps (objectui#11863), the trigger comes back there without touching the header again.

Pins

  • New AppHeader.searchTriggerNeedsPalette-11912.test.tsx (real AppHeader, real CommandPaletteProvider, real MemoryRouter):
    • with no provider, the home, orgs and app variants draw neither trigger testid and no aria-keyshortcuts element, while the header itself drew (the inbox bell is there);
    • CONTROL: under the provider, the app and home variants draw both triggers, and a click on each one opens the palette (useCommandPalette().open goes false to true, the URL gains palette=1).
  • AppHeader.designInStudioNeedsAuthoring-10899.test.tsx used the desktop trigger as its "the header rendered" check while mounting the app variant with no provider. Its mount now sits under CommandPaletteProvider, which is how ConsoleLayout mounts that variant. No assertion changed.

Reverse verification (ablation)

Run from the committed head 3664e20c with ablation-replace (anchor must hit; write, restore and blob checked on disk). The hook's body return useContext(CommandPaletteContext) !== null; was replaced by return true;:

  • anchor 1 to 0, blob 3e03354a65fc to d9f466451f93;
  • the new file: Tests 3 failed | 2 passed (5). The three no-provider cases (home, orgs, app) went red with "expected document not to contain element, found BUTTON"; the two provider controls stayed green;
  • restored: blob equal to HEAD (3e03354a65fc), git diff HEAD empty.

The subject is imported from src by relative path, so no dist rebuild sits between the mutation and the run.

Browser check

Chromium at 1440x900 and 800x900. The console was served by vite from this branch, and from main 989b1908 as the control, both against a scratch objectstack dev backend (17.7.0, one app probe_search_app), signed in as the seeded admin.

Frame main 989b190 this branch
/home trigger shown; click: URL stays /home, 0 overlays; Ctrl+K: 0 overlays no trigger, no aria-keyshortcuts; Ctrl+K: 0 overlays
/organizations?create=1 (OrganizationsLayout) trigger shown; click: 0 overlays; Ctrl+K: 0 no trigger; Ctrl+K: 0
/organizations/default/members (OrganizationLayout) trigger shown; click: 0 overlays; Ctrl+K: 0 no trigger; Ctrl+K: 0
/apps/probe_search_app/psrch_task trigger shown; click and Ctrl+K open the palette (?palette=1, 1 overlay) same: click and Ctrl+K open the palette (?palette=1, 1 overlay)

The same at 800 px, where the compact trigger is the visible one. On every frame without a trigger the header keeps two data-topbar-group blocks (inbox and help, account), none empty, and the first one has no left divider (border 0px, margin 0px). No page errors.

/ai is NOT MEASURED in the browser: this backend serves no AI, so the route guard sends /ai to /home. AiChatPage mounts the same home variant with no provider, which the unit pin covers.

Gates (run from the worktree root)

All on head 3664e20c (the last commit; nothing was committed after these runs).

  • pnpm exec vitest run packages/app-shell/ (whole package, --maxWorkers=2, under the shared verify lock): exit 0, Test Files 1187 passed | 1 skipped (1188), Tests 11476 passed | 9 skipped (11485).
  • pnpm exec vitest run on the two touched AppHeader test files: exit 0, Test Files 2 passed (2), Tests 8 passed (8).
  • pnpm --filter @object-ui/app-shell type-check (tsc --noEmit && tsc -p tsconfig.test.json; the test project's file list includes both touched test files): exit 0.
  • pnpm --filter @object-ui/app-shell build: exit 0, dist completeness: 1 package(s) complete. Built entry check: dist/index.d.ts re-exports useCommandPalette (control) and has no export *; useCommandPaletteProviderMounted appears only in dist/context/CommandPaletteProvider.d.ts, which the entry reaches only through named re-exports. The package entry's type graph does not change.
  • pnpm exec eslint on the four touched source files: exit 0, 0 errors (warnings only, all of a kind the files already carried).
  • pnpm check:control-bytes, check:test-path-roots, check:changeset-claims, check:pending-changeset-literals, check:new-line-citations (0 new citations), check:vi-mock-specifiers, check:vi-mock-inherit, check:vi-mock-override-shape, check:i18n-keys, check:unreferenced-sources: all exit 0.
  • node scripts/check-changeset-presence.mjs: exit 0, 1 changeset declared for 4 changed source files of 1 released package. node scripts/check-changeset-no-major.mjs: exit 0.
  • NOT MEASURED locally: check:readme-exports (it needs every package built and refuses on unbuilt plugin-* entries; this PR changes no export), and Bundle Analysis / check:eager-closure (CI). The change adds no import and no first-load module.

Acceptance notes

  • packages/app-shell/README.md ("Command palette (⌘K)") is not edited. It is off this card's file surface, and no sentence in it became false: it names the trigger's testids and does not say where the trigger renders.
  • ConsoleLayout is a published export that mounts the provider but not the palette (AppContent mounts CommandPalette). A host that uses ConsoleLayout without CommandPalette still gets a trigger that sets ?palette=1 and opens nothing. That is a read-only inference with no named producer, so it is noted here and not filed.
  • The react-refresh/only-export-components warning on the new hook is the same warning useCommandPalette() already carries in that file. ESLint reports 0 errors on the four touched files.

This was implemented by the os-dev seat for objectui#11912, session https://claude.ai/code/session_01CGZy1BGCjdN5cXqL9cnvB8.


Generated by Claude Code

claude added 2 commits October 8, 2026 15:09
…and palette is mounted

On /home, /ai and the organizations frames no CommandPaletteProvider is
mounted, so the header's Search trigger called the hook's inert fallback and
neither a click nor Ctrl+K opened anything. AppHeader now asks a
package-internal useCommandPaletteProviderMounted() and renders the search
group only when it answers true. useCommandPalette()'s published return
shape and no-op fallback are unchanged; the new hook is not re-exported.

Claude-Session: https://claude.ai/code/session_01CGZy1BGCjdN5cXqL9cnvB8
Co-authored-by: Claude <noreply@anthropic.com>
…and add the patch changeset

AppHeader.searchTriggerNeedsPalette-11912 renders the header through a
real MemoryRouter: with no CommandPaletteProvider the home, orgs and app
variants draw neither trigger testid; under the real provider both draw
and each click opens the palette (open state true, ?palette=1).

The 10899 pin reads the desktop trigger as its "header rendered" control,
so its app-variant mount now sits under the provider ConsoleLayout gives
that variant.

Claude-Session: https://claude.ai/code/session_01CGZy1BGCjdN5cXqL9cnvB8
Co-authored-by: Claude <noreply@anthropic.com>
@github-actions

github-actions Bot commented Oct 8, 2026

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

Metric Value Budget
Eager closure (gzip, 337 chunks) 3311.5 KB 3312.0 KB
Main entry chunk (gzip) 71.4 KB 350 KB
Entry file index-BeAZsCls.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) 18.33KB 6.73KB
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) 18.15KB 5.40KB
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.29KB 0.66KB
auth (authStyles.js) 5.04KB 1.72KB
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.11KB 7.97KB
collaboration (LiveCursors.js) 3.17KB 1.27KB
collaboration (PresenceAvatars.js) 6.28KB 2.60KB
collaboration (PresenceProvider.js) 2.79KB 1.13KB
collaboration (index.js) 1.68KB 0.73KB
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) 587.53KB 141.60KB
core (index.js) 10.00KB 3.96KB
create-plugin (index.js) 27.94KB 9.51KB
data-objectstack (index.js) 240.39KB 67.09KB
fields (index.js) 268.74KB 68.04KB
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) 41.50KB 11.82KB
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) 13.86KB 5.00KB
permissions (PermissionContext.js) 0.31KB 0.25KB
permissions (PermissionGuard.js) 0.89KB 0.45KB
permissions (PermissionProvider.js) 6.52KB 2.26KB
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) 53.43KB 15.54KB
plugin-charts (index.js) 84.71KB 23.25KB
plugin-chatbot (index.js) 199.63KB 47.46KB
plugin-dashboard (index.js) 144.20KB 38.95KB
plugin-designer (index.js) 231.46KB 48.87KB
plugin-detail (index.js) 248.57KB 65.47KB
plugin-editor (index.js) 2.23KB 1.05KB
plugin-form (index.js) 177.11KB 45.88KB
plugin-gantt (index.js) 179.17KB 45.07KB
plugin-grid (index.js) 248.22KB 68.84KB
plugin-kanban (index.js) 52.22KB 16.38KB
plugin-list (index.js) 117.72KB 29.41KB
plugin-map (index.js) 27.24KB 9.03KB
plugin-markdown (index.js) 13.88KB 4.80KB
plugin-report (index.js) 44.12KB 12.29KB
plugin-timeline (index.js) 39.10KB 11.81KB
plugin-tree (index.js) 15.07KB 5.33KB
plugin-view (index.js) 91.09KB 22.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) 11.81KB 3.58KB
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.80KB
sdui-parser (provenance.js) 3.84KB 1.90KB
sdui-parser (types.js) 0.28KB 0.23KB
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-components.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.25KB
types (system-fields.js) 3.33KB 1.54KB
types (theme.js) 6.28KB 2.87KB
types (ui-action.js) 8.11KB 3.32KB
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
objectstack-fleet Bot marked this pull request as ready for review October 8, 2026 16:22
@objectstack-fleet
objectstack-fleet Bot added this pull request to the merge queue Oct 8, 2026
Merged via the queue into main with commit a920d8c Oct 8, 2026
45 checks passed
@objectstack-fleet
objectstack-fleet Bot deleted the claude/issue-11912-inert-search-trigger branch October 8, 2026 16:40
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 header: the "Search ⌘K" trigger on /home (and the other frames outside an app) opens nothing — no command palette is mounted there

2 participants