Skip to content

feat(console): Public Forms, Flow Runs and Profile pick with the shared Select - #12012

Merged
objectstack-fleet[bot] merged 4 commits into
mainfrom
claude/issue-11865-console-pages-select
Oct 8, 2026
Merged

objectstack-fleet[bot] merged 4 commits into
mainfrom
claude/issue-11865-console-pages-select

Conversation

@objectstack-fleet

Copy link
Copy Markdown
Contributor

Part of #11865

Clause-②: no

Slice h of claim 6069665700, the console's own pages: four browser-native select elements on three pages become the shared Radix Select (packages/components/src/ui/select, used, not edited), following objectui#11976, #11990, #11995, #12000 and #12005. This PR converts these files and no others:

  • apps/console/src/pages/developer/PublicFormsPage.tsx: "FormView" in Publish a FormView and "After submit" in the edit dialog, through one module-private FormsPicker.
  • apps/console/src/pages/developer/FlowRunsPage.tsx: the flow picker, through a module-private FlowPicker.
  • apps/console/src/pages/system/ProfilePage.tsx: "Preferred language", through a module-private LanguagePicker.

Each picker follows the card's earlier pickers. Items carry their option's index, so the two options whose value is the empty string ("— Select a FormView —", "Use the deployment default") need no empty SelectItem. A value no option carries gets an item of its own and is shown as itself. No picker is exported, and no listing logic on Public Forms moved (objectui#11545 is untouched).

Hypotheses, measured

  • H1, value parity: holds. A scratch probe (not committed) on base 902fbe190, with the native selects and the same fixtures as the pins, read what every option led to. The pins compare against those readings as JSON text:
    • Public Forms, publish: each view writes the same meta.saveItem call (["view","lead.intake",{…,"sharing":{"enabled":true,"allowAnonymous":true,"publicLink":"/forms/contact-us"}}], and the same for the view with no label or object). "— Select a FormView —" leaves Publish disabled with no call.
    • Public Forms, "After submit": 12 rows (stored behaviour unset, redirect with /done, or continue, by each of the four options), each the same full saveItem call, submitBehavior included.
    • Flow Runs: each flow, picked, is the one Run Flow executes ([["nightly_sync",{"params":{}}]]) and whose runs are listed ([["nightly_sync",{"limit":20}]]), and the same for reassign_wizard.
    • Profile: 13 rows (stored tag none, ja or pt-BR, by each option), each the same adapter.update call; "Use the deployment default" still saves {"locale":null}. Re-picking the current option leaves Save disabled, as before.
  • H2, names, keyboard and read-only: holds.
    • Names, read on base through getByRole('combobox', { name }): "FormView", "After submit" and "Preferred language" come from each field's Label htmlFor. Each trigger now carries that id, and the name pins are green on base and head by design.
    • The flow picker had no label, id or aria-label, so its name was empty. It is still empty, and is pinned so (see Acceptance notes).
    • Keyboard: Enter opens and Enter on an option selects, pinned once per page.
    • Read-only: only the Profile card has such a state. Its trigger is the primitive's disabled trigger (objectui#11781), pinned by ProfilePage.language's "degrades to read-only" case. Public Forms' two dialogs open only from the page's own buttons, and Flow Runs has no such state.
  • H3, a value no option carries: holds. On base the native control showed its first option in each case. Head shows the value itself, pinned three times:
    • Flow Runs, a picked flow that a Refresh no longer lists: base showed "Reassign (reassign_wizard)" while the page held nightly_sync and showed no runner.
    • "After submit" with a stored kind none of the four names: base showed "Show a thank-you panel" with no thank-you fields.
    • Profile, a pick the offered list has since dropped: base showed "Use the deployment default" while Save wrote zh.
  • H4, first-load bytes: neutral.
    • Measured before the first edit, on base: the three pages ship in lazy chunks (PublicFormsPage-*, FlowRunsPage-* and ProfilePage-*), none among the 336 members of dist/eager-closure.json. The positive controls were the entry chunk and ui-components, both eager.
    • On head: eager gzip 3,391,326 B on base and 3,391,327 B on head, and eager raw 11,496,190 B on both, so the delta is +1 B gzip and 0 B raw.
    • The one eager member that changed is the entry chunk. It names the three lazy chunks, whose hashes moved. ui-components keeps its file name, so the shared Select was already in it.

Tests

New pins (one per page): PublicFormsPage.sharedSelect-11865.test.tsx, FlowRunsPage.sharedSelect-11865.test.tsx, ProfilePage.sharedSelect-11865.test.tsx.

Suites that drove or mount these pages, changed only in their harness:

  • PublicFormsPage.redirect: the editor helper picks "Redirect to a URL" through the primitive.
  • ProfilePage.language: picks through the primitive. Its adapter mock is now one object, as the app's provider hands out. A fresh one per render re-read the row and reset the pick before Save could be reached. The native control's synchronous change event used to win that race.
  • developerMetadataEnvelope.contractEnvelope-6917 and consoleFaces.displayLocale-9909: getClient() now returns one client, as the real adapter's does. With a fresh client per call, Flow Runs re-ran its loads on every render. Measured with that harness shape: 251 meta.getItems calls in 600 ms on the base page and 73 on this branch, against 2 with one client. The native option text was readable between reloads; the shared trigger's value never settled, so their Flow Runs cases went red.

Reverse leg, from the committed head 699224076:

  • The three page files were put back on their base blobs (hash-checked on disk) and the new pins run: Tests 42 failed | 3 passed (45). The three passing are the name pins, green on both sides by design.
  • Restored with git checkout HEAD. The blobs on disk equal HEAD's, and git diff HEAD is empty. A trap restored on EXIT, INT and TERM.

Gates (head f0ec3325f, worktree clean)

  • Repo-root pnpm exec vitest run over the 3 new pins, the 8 suites that mount these pages, submitRedirect.test.ts, column-identity.ratchet.test.ts and one-authority-per-exported-name-6273.test.ts: Test Files 14 passed (14), Tests 180 passed (180).
  • pnpm --filter @object-ui/console type-check, after turbo run build --filter='@object-ui/console^...' (Tasks: 34 successful, 34 total): exit 0. tsc --listFilesOnly lists every touched file.
  • pnpm exec eslint on the 10 touched ts/tsx files: 0 errors and 32 warnings, all pre-existing rule kinds. The base blobs carry 33, and PublicFormsPage loses one no-explicit-any.
  • pnpm check:eager-closure on the head build: "Console eager closure is 3311.8 KB gzipped across 336 of 2458 chunks (budget: 3312.0 KB, headroom: 0.2 KB)."
  • Each exit 0:
    • node scripts/check-changeset-presence.mjs: "10 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.
    • Derived from the touched paths: check:vi-mock-specifiers, check:vi-mock-inherit, check:vi-mock-override-shape, check:test-path-roots, check:i18n-keys, check:changeset-claims, check:pending-changeset-literals, check:phantom-deps, check:metadata-write-doors, check:unreferenced-sources and check:handler-key-reads.

Changeset: .changeset/11865-h-console-pages-shared-select.md, '@object-ui/console': patch.

Docs: no guide or README describes these controls. A git grep of content/docs and the console README for the page names and labels finds only public-forms.md, which documents the route and the redirect contract, not the dialog's controls. So no doc change.

Acceptance notes

None of these is filed. Each is noted with no carrier.

  • The flow picker has no accessible name, before and after: no label, id or aria-label is associated with it. Kept for parity, as the claim asks. Naming it is a separate change.
  • Picking a flow reloads the flow list, because loadFlows depends on the picked name. The picker unmounts while the list loads, so focus does not come back to it after a pick. Read in jsdom, the same before and after.
  • Flow Runs keys its flow and run loads on the identity of getClient(). The real adapter returns one client, so this is dormant in the app; only a harness that builds a fresh client loops. FlowRunsPage.test.tsx still builds one per call and passes.
  • A stored submitBehavior.kind outside the spec's four is saved away: Save writes the view without submitBehavior, before and after. The spec refuses such a kind, so reaching this needs an off-spec stored view.
  • The FormView option for a view with no object keeps the trailing space the native option had.

Session: https://claude.ai/code/session_01MgfduSkFrfM3eorB3UGfAU.


Generated by Claude Code

claude added 4 commits October 8, 2026 21:56
…ed Select

The Public Forms dialogs (the FormView to publish, "After submit"), the
Flow Runs flow picker and the Profile page's preferred language were
browser-native selects beside the shared Radix Select the rest of the
console uses. Each now picks through a module-private picker on the
shared primitive: items carry their option's index, so the '' options
("— Select a FormView —", "Use the deployment default") need no empty
SelectItem, and a value no option carries is shown as itself rather than
as the first option. Every pick hands the caller the same string the
native change carried, each trigger keeps its label (id on the trigger),
and the Profile picker's read-only state is the primitive's disabled
trigger.

Part of objectui#11865.

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

One pin per page: each picker is the primitive's trigger and no visible
native select is left; each keeps the accessible name it had; every
option leads to the same saveItem / execute+listRuns / update call the
native control led to (literals read on the pre-conversion pages with
the same fixtures); a value no option carries is shown as itself; Enter
opens and selects.

The two suites that drove the native controls now pick through the
primitive: PublicFormsPage.redirect's editor helper, and
ProfilePage.language, whose adapter mock is now a stable object as the
app's provider is (a fresh one per render re-read the row and reset the
pick before Save).

Patch changeset for @object-ui/console.

Part of objectui#11865.

Claude-Session: https://claude.ai/code/session_01MgfduSkFrfM3eorB3UGfAU
Co-authored-by: Claude <noreply@anthropic.com>
Part of objectui#11865.

Claude-Session: https://claude.ai/code/session_01MgfduSkFrfM3eorB3UGfAU
Co-authored-by: Claude <noreply@anthropic.com>
…s the adapter does

developerMetadataEnvelope.contractEnvelope-6917 and
consoleFaces.displayLocale-9909 built a fresh client on every
getClient() call. Flow Runs keys its flow and run loads on the client,
so each render re-ran them: measured with that harness shape, 251
meta.getItems calls in 600 ms on the base page and 73 on this branch,
against 2 with one client. The native select's option text was readable
between those reloads; the shared Select's trigger value never settled
long enough, so both suites' Flow Runs cases went red. The real
adapter's getClient() returns its one client, which is what the
harnesses now do.

Part of objectui#11865.

Claude-Session: https://claude.ai/code/session_01MgfduSkFrfM3eorB3UGfAU
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, 336 chunks) 3311.8 KB 3312.0 KB
Main entry chunk (gzip) 71.5 KB 350 KB
Entry file index-Ui9q-xgz.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.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) 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) 249.56KB 69.16KB
plugin-kanban (index.js) 52.22KB 16.38KB
plugin-list (index.js) 117.80KB 29.42KB
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 22:56
@objectstack-fleet
objectstack-fleet Bot enabled auto-merge October 8, 2026 22:56
@objectstack-fleet
objectstack-fleet Bot added this pull request to the merge queue Oct 8, 2026
Merged via the queue into main with commit 2855785 Oct 8, 2026
45 checks passed
@objectstack-fleet
objectstack-fleet Bot deleted the claude/issue-11865-console-pages-select branch October 8, 2026 23:14
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