Skip to content

refactor(app-shell): the Studio design surface picks with the shared Select (objectui#11865, slice o) - #12024

Merged
objectstack-fleet[bot] merged 3 commits into
mainfrom
claude/issue-11865-studio-surface-select
Oct 9, 2026
Merged

objectstack-fleet[bot] merged 3 commits into
mainfrom
claude/issue-11865-studio-surface-select

Conversation

@objectstack-fleet

Copy link
Copy Markdown
Contributor

Part of #11865
Clause-②: no

Slice o of claim 6073419396 on objectui#11865: the Studio design surface (StudioDesignSurface.tsx). The card stays open for slice p (ListView, ChatbotEnhanced), which a sibling PR carries.

What changed

StudioDesignSurface drew five pickers as browser-native select elements. Counted before the first edit: the census's five lines are all real elements, each with its closing tag, and none is a comment line. Each now uses the shared Radix Select (@object-ui/components) through one module-private StudioPicker:

  • the nav-item inspector's Link object (StudioNavItemInspector);
  • its target picker, NavTargetSelect, for a page, dashboard, report, action, component or doc entry (Doc page and Book included);
  • a url entry's Open in (NavUrlFields);
  • New object's record sharing (OWD), in the Data pillar's create dialog;
  • New automation's trigger under Advanced, in the Automations pillar's create dialog.

StudioPicker follows the card's landed slices (RulePicker, CreatePicker):

  • Items carry their option's index, not its value. So the '' options ("Choose object", "Choose", "Choose later on the Start node") need no empty SelectItem, which Radix refuses.
  • A value no option carries gets an item of its own, labelled with the value and listed first. Picking it writes nothing.
  • onPick receives the picked option's own value, the string the native change carried.

No native select element is left in the file, and the tag spelling is in no comment either.

Not touched: every write path (bindObject, setTarget, setAction, setCreateOwd, setNewTrigger and the saves behind them), packages/components/src/ui/**, packages/i18n/**, the designer tables, ListView.tsx, ChatbotEnhanced.tsx and the eager-closure budget script.

Files: StudioDesignSurface.tsx, the new pin StudioDesignSurface.sharedSelect-11865.test.tsx, fourteen existing studio-design suites that drove these controls, and .changeset/11865-o-studio-surface-shared-select.md (@object-ui/app-shell: patch).

The dispatch's hypotheses, measured

A scratch probe (uncommitted, deleted) mounted the base surface (2063f7a96) and fired change on every option of every native control, with the fixtures the pin uses. It recorded the write, the accessible name (dom-accessibility-api) and the shown option.

  • H1, value parity: holds.
    • 52 nav-inspector rows across 18 entries compare onNavPatch's value as JSON text, plus the keys the written entry holds as undefined. JSON erases those keys, and the unbind writes type, objectName and object as undefined.
    • 3 record sharing rows compare the New object save call as JSON text, and the untouched default saves the same private.
    • 10 trigger rows compare the saved flow as JSON text. "Choose later on the Start node" saves a Start node with no config.
    • Re-picking the current option writes nothing. The probe's change fired for the current option too, which a browser's native select does not do, so those rows pin the primitive.
  • H2, names, keyboard, read-only.
    • Names: Page, Dashboard, Report, Action, Component, Doc page, Book and Open in keep their label htmlFor names; the id moved onto the trigger.
    • Trigger keeps the name its wrapping label gave it.
    • The record sharing picker keeps its wrapping label's whole text as its name: caption, the chosen model's gloss and the hint, as on base. The pin reads it before and after a pick.
    • Link object had no accessible name on base (its label has no htmlFor) and still has none. Its trigger carries data-testid="nav-link-object" so suites can find it.
    • Keyboard: Enter opens and Enter on an option selects, pinned on Link object and Trigger.
    • Read-only: none of the five has such a state. A read-only package closes nav editing, which unmounts the inspector, and offers no New object. The pins for those two are StudioDesignSurface.navEditClosesOnReadOnly-11167 ("closes nav editing and the linked item’s inspector") and StudioDesignSurface.emptyPackage ("hides the CTA on a read-only package"). The Automations rail's New is gated on the same readOnly in the source, and no suite pins it.
  • H3, a stored value outside the options: holds.
    • An object entry bound to ghost_obj now shows ghost_obj, listed first. The native control showed "— Choose object —".
    • A url entry holding _top now shows _top. The native control showed "Same tab".
    • NavTargetSelect already listed an outside target as its own option on base, and it still does.
    • The two dialogs' values are component state that only ever holds an option.
  • H4, first-load bytes: −2 B gzip, 0 B raw.
    • Measured with apps/console CI=true vite build under the verify lock. Base 2063f7a96: eagerGzipBytes 3237430, raw 10893710, 289 of 2474 chunks eager. Head 2d046a08a: 3237428, raw 10893710, 289 of 2474.
    • The only mover is the entry index chunk: 0 raw, −2 gzip, from renamed lazy hashes.
    • StudioDesignSurface ships in the lazy studioBuilder chunk on both legs. ui-components and vendor-radix were already eager.
    • check-eager-closure-budget.mjs on the head build: "Console eager closure is 3161.6 KB gzipped across 289 of 2474 chunks (budget: 3204.6 KB, headroom: 43.0 KB)."

Tests

  • New pin, StudioDesignSurface.sharedSelect-11865.test.tsx, 79 tests:

    • each picker is the Radix combobox trigger, with no native select left;
    • names, option order, the 65 write rows, outside values and the keyboard.
  • Fourteen existing suites drove the native controls with fireEvent.change, or read .value, .options or toHaveValue. Each now opens the primitive's list and picks by label, or reads the trigger's text and the listed labels:

    • navItemInspector, navItemInspectorLabel-11196, navItemInspectorLabelMaps-11148, standardNavEntries-11201 and navItemTypes-11790;
    • navPlaceholderSave-11776, navAutosaveFlush-11189, navEditClosesOnReadOnly-11167, autosaveInFlight-11204, autosaveSwitch-11232 and InterfacesPillar.heldWidget-11910;
    • createObjectOwd, newFlowTrigger-11788 and flowPresets-11861.

    No expected value changes meaning. One read would have gone vacuous on the trigger: flowPresets-11861 read the trigger picker's .value as '', which a button's .value also is. It now reads the trigger's text.

  • Reverse leg, from committed a7e59648e, with a trap restore:

    • StudioDesignSurface.tsx was written from its base blob 9d6ced42 (hash proved, 5 native selects, 0 StudioPicker).
    • The pin plus the fourteen suites read 'Test Files 15 failed (15)', 'Tests 127 failed | 65 passed (192)'.
    • The pin is red in 77 of 79. Green by design: the Trigger name, and the untouched record-sharing default.
    • The fourteen suites are red in 50 tests.
    • Restore: git checkout HEAD --, disk blob 656f270d equal to the HEAD blob, git diff HEAD 0 bytes.

Gates (head 2d046a08a)

  • pnpm exec vitest run --maxWorkers=2 from the repo root, under the lock, over 190 files: every suite that imports or names StudioDesignSurface or a pillar (188), plus packages/core/src/utils/__tests__/column-identity.ratchet.test.ts and scripts/__tests__/one-authority-per-exported-name-6273.test.ts. Result: 'Test Files 190 passed (190)', 'Tests 1601 passed (1601)', VERDICT command-exit 0.
  • pnpm --filter @object-ui/app-shell type-check ('tsc --noEmit && tsc -p tsconfig.test.json') exits 0. It ran after the closure build pnpm --workspace-concurrency=2 --filter '@object-ui/app-shell^...' run build (Scope: 29 of 47). tsc -p tsconfig.test.json --listFilesOnly lists all 16 touched ts/tsx files.
  • pnpm exec eslint --format json on the 16 touched files: 0 errors and 13 warnings, all in StudioDesignSurface.tsx. The per-rule counts equal its base blob's (stdin): set-state-in-effect 5, exhaustive-deps 6, preserve-manual-memoization 2. The test files read 0 / 0.
  • Each exits 0:
    • node scripts/check-changeset-presence.mjs ('16 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s)');
    • node scripts/check-changeset-no-major.mjs;
    • pnpm check:new-line-citations ('0 new citation(s)');
    • pnpm check:control-bytes;
    • check-changeset-fixed, check-changeset-overwrite, check:changeset-claims, check:pending-changeset-literals, check:test-path-roots, check:vi-mock-specifiers, check:vi-mock-inherit, check:vi-mock-override-shape, check:i18n-keys, check:metadata-write-doors, check:unreferenced-sources, check:phantom-deps, check:handler-key-reads and check:component-surface-parity (report-only).
  • Declared to CI: the full pnpm test farm and repo-wide pnpm lint.

Acceptance notes

  • Link object has no accessible name, on base as on head: its caption label has no htmlFor. Naming it is outside this control swap, and no public-door reading was taken.
  • The Trigger and record sharing pickers stay inside their wrapping labels, as the card's earlier pickers do, so the labels keep naming them. A click on such a label's other text now reaches the trigger as a click. NOT MEASURED in a browser: whether it opens the list there.
  • Browser: NOT MEASURED. Keyboard and names are pinned in the test DOM only.

Generated by Claude Code

claude added 3 commits October 9, 2026 03:21
…ct (objectui#11865, slice o)

StudioDesignSurface drew five pickers as browser-native selects: the
nav-item inspector's Link object, its target picker (NavTargetSelect) and
a url entry's Open in, plus New object's record sharing and New
automation's trigger. Each now uses the shared Radix Select through one
module-private StudioPicker: items carry option indexes, so the '' options
need no empty SelectItem, and a value no option carries is shown as its
own item. Every pick hands onPick the same value the native change did.

The new pin reads every option's write against literals a scratch probe
read on the base surface.

Claude-Session: https://claude.ai/code/session_01MgfduSkFrfM3eorB3UGfAU
Co-authored-by: Claude <noreply@anthropic.com>
…Select (objectui#11865, slice o)

Fourteen studio-design suites drove the surface's native selects with
change events or read their value and options. Each now opens the
primitive's list and picks an option by its label, or reads the trigger's
text and the listed labels; no assertion changes meaning. The object
picker carries a test id (nav-link-object), since it has no accessible
name. Adds the patch changeset for @object-ui/app-shell.

Claude-Session: https://claude.ai/code/session_01MgfduSkFrfM3eorB3UGfAU
Co-authored-by: Claude <noreply@anthropic.com>
…t the native controls

The reverse leg left two pins green on the native controls (the trigger
picker's name, and the record sharing default saved untouched); the
header now says so, and cites the suites that pin the read-only closes.

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

github-actions Bot commented Oct 9, 2026

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

Metric Value Budget
Eager closure (gzip, 289 chunks) 3161.6 KB 3204.6 KB
Main entry chunk (gzip) 71.6 KB 350 KB
Entry file index-nBqsl3eN.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) 19.52KB 7.19KB
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.83KB 141.44KB
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) 201.12KB 47.86KB
plugin-dashboard (index.js) 144.20KB 38.95KB
plugin-designer (index.js) 233.53KB 49.80KB
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) 249.62KB 69.16KB
plugin-kanban (index.js) 52.77KB 16.56KB
plugin-list (index.js) 119.89KB 30.11KB
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.20KB 23.04KB
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 9, 2026 04:17
@objectstack-fleet
objectstack-fleet Bot enabled auto-merge October 9, 2026 04:17
@objectstack-fleet
objectstack-fleet Bot added this pull request to the merge queue Oct 9, 2026
Merged via the queue into main with commit 5382a86 Oct 9, 2026
45 checks passed
@objectstack-fleet
objectstack-fleet Bot deleted the claude/issue-11865-studio-surface-select branch October 9, 2026 04:34
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