Skip to content

feat(layout,app-shell): a nav entry reads its declared API dataSource, so its visible sees the selected value as data - #13095

Merged
objectstack-fleet[bot] merged 1 commit into
mainfrom
claude/issue-13029-nav-data-source
Oct 19, 2026
Merged

objectstack-fleet[bot] merged 1 commit into
mainfrom
claude/issue-13029-nav-data-source

Conversation

@objectstack-fleet

Copy link
Copy Markdown
Contributor

Fixes #13029
Clause-②: yes

What changes

A navigation entry may declare the spec's API dataSource (BaseNavItemSchema.dataSource, objectstack-ai/objectstack#24427): { provider: 'api', read: { url }, path? }. The entry's visible now reads the value the binding selects, as data (for example data.total == 1). The sidebar, the nav:menu block and the command palette all read it.

  • @object-ui/layout (NavigationRenderer.tsx): VisibilityEvaluator takes an optional second argument, entry, the entry whose visible it judges. passesNavItemGuards passes it on every path it serves: the rows, hasVisibleNavigationItems (derived area visibility) and the Favorites walk. The layout's default evaluator reads no binding, so it hides an entry that declares one (fail closed). An entry without the key renders exactly as before.

  • @object-ui/app-shell (hooks/useNavMemberGates.ts): one decision, navEntryVisible, and one hook, useNavVisibility(app), which every surface builds its evaluator from:

    • the sidebar and the landing take it through useNavMemberGates (the expression context's app). UnifiedSidebar is unchanged: it already hands gates.evaluateVisibility to NavigationRenderer;
    • nav:menu (views/nav-menu-renderer.tsx) uses it for the active app, and its renderItem passes the entry;
    • the command palette (chrome/CommandPalette.tsx) uses it for the active app, and its filter passes the entry.

    useNavVisibility reads each distinct binding in the app's navigation and areas[].navigation, at any group depth. It uses the page element's reader module in @object-ui/react: judgeElementApiDataSource (the spec's schema judges the binding), readElementApi (the same GET with the host's apiFetch, which shares an in-flight request per URL) and selectElementApiPath. There is no second fetch implementation. The reads are keyed on the bindings' content, never on a tree's identity (AGENTS.md [WIP] Enhance every detail of the designer #10).

  • @object-ui/types: the dataSource describe (zod/app.zod.ts) and doc (app.ts) now say what the console does. The accept set is unchanged.

How the binding is honoured

  • Ready: visible is evaluated by evaluateNavigationVisibility over evaluator.withContext({ data }). data is the value at path, or the whole answer when there is no path.
  • Hidden: the entry is hidden while the read is pending, after it fails (a non-2xx answer or a body that is not JSON), when path selects nothing, and when the spec refuses the binding.
  • No binding: the entry goes through evaluateNavigationVisibility as before, with no request and no wait on first paint.
  • Scope: only visible reads data. The label and the target do not, and nothing is published to children.

Published faces

  • VisibilityEvaluator (@object-ui/layout) gains an optional parameter. An existing evaluator that ignores it still type-checks and behaves as before, except for an entry that declares dataSource. No other published export was added. NavigationVisibilityOptions and NavigationRendererProps are unchanged.
  • navEntryVisible, useNavVisibility and NavEntryDataRead are exported from useNavMemberGates.ts, an internal module that the package entry does not re-export.
  • Changeset .changeset/13029-nav-data-source.md: layout minor, app-shell minor, types patch.

Tests

  • packages/app-shell/src/hooks/__tests__/navEntryDataSource-13029.test.tsx mounts each surface (describe.each) over the real ExpressionProvider, the real MePermissionsProvider and a stubbed apiFetch on SchemaRendererContext:

    • sidebar: a host hands useNavMemberGates() to the real NavigationRenderer, as UnifiedSidebar does;
    • nav:menu: through SchemaRenderer;
    • command palette: through CommandPaletteProvider plus ?palette=1.

    Pins:

    • (a) visible: 'data.total == 1' shows the entry for total: 1 and hides it for total: 2.
    • (b) A pending read hides it, and an HTTP 500 hides it.
    • (c) Controls: an entry without dataSource draws on first paint and no request is sent. A visible: '2 > 1' on a bound entry still evaluates once the read answers.
    • (d) path is honoured: the answer { total: 2, summary: { total: 1 } } with path: 'summary' shows the entry. Without path it hides it.
  • packages/layout/src/__tests__/NavigationRenderer.entryDataSource-13029.test.tsx: the guard passes the entry to a host evaluator, on rows and on hasVisibleNavigationItems. The default evaluator hides a bound entry and draws a plain one.

Ablations, each run through ablation-replace.mjs (anchor must hit; restore proved by blob hash 693474f2afd7 equal to HEAD and an empty git diff HEAD). Both packages resolve through the root vitest alias to src, so no dist was involved:

  1. Hand-off dropped (evaluator.withContext({ data: read.data }) replaced by evaluator): 6 failed out of 21. That is (a) "shown when total 1" and (d) "value at path" on all three surfaces. The first attempt was a no-op: the replacement text was already present 12 times, so the tool refused and ran nothing. It was rerun with a marked replacement.
  2. Pending treated as shown: 3 failed out of 21, the (b) pending pin on all three surfaces. The first attempt was a no-op too: the replacement contained the anchor, and the tool refused. It was rerun.

Local verification (head ef2abeca8a)

  • Build: the closure build pnpm --filter '@object-ui/app-shell^...' build passed: VERDICT command-exit 0.
  • Type-check: type-check passed for @object-ui/types, @object-ui/layout and @object-ui/app-shell: VERDICT command-exit 0. Both new test files are inside the tsconfig.test.json includes.
  • Vitest: the new tests passed: 2 files, 25 tests. The families naming the touched files also passed: 149 files, 1857 tests in three locked chunks, each VERDICT command-exit 0. The family is every test that names nav-menu-renderer, CommandPalette, useNavMemberGates, NavigationRenderer, evaluateNavigationVisibility, NavigationItemSchema or the types app.zod. The full directories of the touched packages are left to CI.
  • ESLint: the 8 changed files gave 0 errors. Warnings per modified file are equal at the base (6058bf8b71) and at the head.
  • Gates: each of these exited 0:
    • check:phantom-deps, check:self-import, check:unreferenced-sources, check:doc-example-readers;
    • check:handler-key-reads, check:side-effects-array, check:element-data-source-declaration, check:spec-symbols;
    • check:action-forward-parity, check:designer-field-key-parity, check:icon-record-names;
    • check:i18n-keys, check:i18n-drift, check:i18n-designer-parity;
    • check:control-bytes, check:new-line-citations;
    • check-hand-rolled-comment-mask.mjs, check-changeset-fixed.mjs, check-changeset-presence.mjs.

Objectstack follow-up (not done here)

One domain:spec change on objectstack after this lands:

  • remove the [PLANNED — not yet rendered] marker from BaseNavItemSchema.dataSource's describe in packages/spec/src/ui/app.zod.ts;
  • flip the liveness row packages/spec/liveness/app.json → navigation.children.dataSource from planned to live, and drop its author warning.

Acceptance notes

  • Other hosts fail closed. A host of @object-ui/layout outside the console (AppSchemaRenderer without an evaluator, a third-party host) does not read bindings. With the default evaluator it hides a bound entry. A host evaluator that ignores entry evaluates visible without data, as before.
  • Landing. The app root's landing (AppRootLanding, through navEntriesShownToMember) treats a pending bound entry as hidden. If every entry of an app is bound, the no-access state can show until the reads answer. This is an observation, not measured in a browser.
  • Request counts. Each surface instance reads its own bindings. Concurrent reads of one URL share a request (readElementApi), and no answer is cached, as for a page element.
  • #13076 (the navItemVisibleDataNeedsDataSource chain) is untouched and remains open.

The session that wrote this PR is https://claude.ai/code/session_01XVp19E1MYUTFM3dnkwz8gB.


Generated by Claude Code

… visible sees the selected value as data

The item guard hands the visible evaluator the entry it judges; the
layout's default evaluator hides an entry that declares an API binding.
The shell's one navigation visible evaluator (useNavVisibility) reads each
binding through readElementApi and binds the selected value as data; the
sidebar (through useNavMemberGates), nav:menu and the command palette all
take it. Pending, failed or refused reads hide the entry.

Co-authored-by: Claude <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, 77 chunks) 3208.4 KB 3744.1 KB
Main entry chunk (gzip) 81.5 KB 350 KB
Entry file index-BG3rMLav.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 (buildIdentity.js) 0.80KB 0.49KB
app-shell (consoleActionDispatch.js) 0.20KB 0.19KB
app-shell (index.js) 21.17KB 7.81KB
app-shell (runtime-config.js) 24.52KB 8.48KB
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) 45.59KB 12.03KB
auth (AuthShell.js) 3.49KB 1.40KB
auth (ForgotPasswordForm.js) 12.21KB 3.45KB
auth (LoginForm.js) 20.67KB 6.12KB
auth (PreviewBanner.js) 0.90KB 0.50KB
auth (RegisterForm.js) 6.72KB 2.24KB
auth (SocialSignInButtons.js) 9.74KB 3.94KB
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) 42.84KB 11.66KB
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) 615.08KB 149.86KB
core (index.js) 10.18KB 4.04KB
create-plugin (index.js) 27.94KB 9.51KB
data-objectstack (index.js) 252.05KB 70.40KB
fields (index.js) 292.36KB 74.70KB
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.40KB 12.01KB
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) 55.04KB 16.10KB
plugin-charts (index.js) 85.14KB 23.42KB
plugin-chatbot (index.js) 238.47KB 56.30KB
plugin-dashboard (index.js) 147.53KB 39.95KB
plugin-designer (index.js) 233.95KB 50.08KB
plugin-detail (index.js) 265.63KB 70.60KB
plugin-editor (index.js) 2.23KB 1.05KB
plugin-form (index.js) 184.11KB 47.60KB
plugin-gantt (index.js) 178.46KB 45.13KB
plugin-grid (index.js) 272.91KB 75.73KB
plugin-kanban (index.js) 64.49KB 19.83KB
plugin-list (index.js) 148.80KB 38.90KB
plugin-map (index.js) 27.17KB 9.00KB
plugin-markdown (index.js) 13.88KB 4.80KB
plugin-report (index.js) 46.66KB 13.13KB
plugin-timeline (index.js) 39.31KB 11.88KB
plugin-tree (index.js) 15.27KB 5.40KB
plugin-view (index.js) 94.68KB 24.36KB
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) 126.45KB 41.40KB
react (data-invalidation.js) 5.05KB 2.08KB
react (index.js) 4.71KB 2.11KB
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 (product-blocks.js) 0.20KB 0.19KB
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
objectstack-fleet Bot marked this pull request as ready for review October 19, 2026 23:24
@objectstack-fleet
objectstack-fleet Bot enabled auto-merge October 19, 2026 23:24
@objectstack-fleet
objectstack-fleet Bot added this pull request to the merge queue Oct 19, 2026
Merged via the queue into main with commit 1b94d50 Oct 19, 2026
37 checks passed
@objectstack-fleet
objectstack-fleet Bot deleted the claude/issue-13029-nav-data-source branch October 19, 2026 23:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants