Skip to content

feat(fields): select+multiple → multi-value chip picker; restore fields/core lint gates - #2709

Merged
os-zhuang merged 2 commits into
mainfrom
claude/sdui-actionparamdialog-form-fields-kk6w4k
Jul 20, 2026
Merged

feat(fields): select+multiple → multi-value chip picker; restore fields/core lint gates#2709
os-zhuang merged 2 commits into
mainfrom
claude/sdui-actionparamdialog-form-fields-kk6w4k

Conversation

@os-zhuang

Copy link
Copy Markdown
Contributor

Two follow-ups from the ADR-0059 next-steps list, as two clearly-separated commits.

1. select + multiple → multi-value chip picker (commit 1)

A select field/param declared multiple: true is a multi-value selector (spec allows multiple on select), but it rendered a single-value dropdown that could hold only one value. SelectField now delegates to the multi-value chip picker (the multiselect widget) when multiple is set, storing a string[].

Why delegate inside SelectField (not at a type-resolution layer): every surface that renders the select widget inherits multi-select identically — the object form, the inline grid editor, and the app-shell ActionParamDialog — with no per-surface drift. (Special-casing it only in the param adapter would have diverged params from the form, which is exactly the trap called out when this was first scoped.) Single selects keep the cascading dropdown; multi + per-option visibleWhen cascading is not a combination in use today (noted in code + README).

  • Tests: chip toggles render (not a combobox) when multiple, toggle as an array, badges in readonly.
  • Browser-verified (real Chromium): single select renders a combobox; the multiple param renders three chip toggles, Red/Green go aria-pressed false→true on click. Screenshot confirms filled Red+Green chips inside the dialog. Throwaway harness removed after.

2. Restore @object-ui/fields + @object-ui/core lint gates (commit 2)

Both package lints were red at baseline on main, so the gate could not catch new violations. Cleared every error (no behavior change):

  • fieldsreact-hooks/rules-of-hooks: ImageField / TextAreaField hoist their hooks above the readonly early return; index.tsxuseFieldTranslate no longer wraps the provider-safe useObjectTranslation in try/catch (wrapping a hook is the violation).
  • core: no-useless-assignment / no-useless-escape (×2) / prefer-const fixed directly; no-control-regex (intentional filename control-char range) and preserve-caught-error (package targets ES2020 whose lib types only the 1-arg Error, so { cause } won't compile — message is inlined) carry justified scoped disables.

Checks

  • @object-ui/fields + @object-ui/core: lint clean (0 errors) and type-check green — the gates now pass, having been red before.
  • Tests: fields + core (76 files / 1436) and the select-consuming suites app-shell + components + plugin-form + plugin-grid (297 files / 2435) all green.

Changeset: @object-ui/fields minor, @object-ui/core patch.

🤖 Generated with Claude Code

https://claude.ai/code/session_01Rg7oavKSUdb2KzYEEYrCHX


Generated by Claude Code

claude added 2 commits July 20, 2026 01:43
A `select` field/param declared `multiple: true` is a multi-value selector
(spec allows `multiple` on select), but it rendered a single-value dropdown
that could hold only one value. SelectField now delegates to the multi-value
chip picker (the multiselect widget) when `multiple` is set, storing a string[].
Delegating inside SelectField — rather than at a type-resolution layer — means
every surface that renders the `select` widget inherits multi-select
identically: the object form, the inline grid editor, and the app-shell
ActionParamDialog. No per-surface drift, no divergence from the form (which was
the risk of special-casing it only in the param adapter). Single selects keep
the cascading dropdown; multi + per-option visibleWhen cascading is not a
combination in use today.
Tests: SelectField renders chip toggles (not a combobox) when multiple, toggles
values as an array, and renders badges in readonly mode. Docs: fields README
"Multi-value selects". Changeset: @object-ui/fields minor.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Rg7oavKSUdb2KzYEEYrCHX
…gates
The @object-ui/fields and @object-ui/core package lints were red at baseline,
so the gate could not catch NEW violations. Cleared all errors (behavior
unchanged):
fields (react-hooks/rules-of-hooks — hooks were called after early returns):
- ImageField: hoist the two useCallback handlers (+ their `images` dep) above
the readonly early return.
- TextAreaField: hoist the two useState calls above the readonly early return.
- index.tsx: useFieldTranslate no longer wraps useObjectTranslation in
try/catch (the hook is provider-safe and never throws; try/catch around a
hook is the violation). Mirrors useFieldLabel.
core:
- ExpressionEvaluator: preserve-caught-error — the package targets ES2020 whose
lib types only the 1-arg Error constructor, so `{ cause }` won't compile; the
original message is inlined and the rule is disabled with that justification.
- SafeExpressionParser: drop the useless `op` null-initializer (every branch
assigns or breaks); drop the useless `\-` escape in a char class.
- export-filename: drop the useless `\/` escape; the intentional control-char
range keeps a justified no-control-regex disable.
- record-title: `let display` -> `const` (never reassigned).
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Rg7oavKSUdb2KzYEEYrCHX
@vercel

vercelBot commented Jul 20, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredJul 20, 2026 1:46am

Request Review

@github-actionsgithub-actionsBot added documentation Improvements or additions to documentation package: core tests labels Jul 20, 2026
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Main entry (gzip)28.0 KB350 KB
Entry fileindex-B8U4Cy1_.js
StatusPASS

📦 Bundle Size Report

PackageSizeGzipped
app-shell (index.js)8.19KB2.96KB
app-shell (runtime-config.js)7.42KB2.32KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)7.57KB2.97KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)21.70KB4.21KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.12KB3.41KB
auth (LoginForm.js)17.86KB5.29KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.43KB2.09KB
auth (SocialSignInButtons.js)9.60KB3.89KB
auth (UserMenu.js)3.40KB1.22KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)33.74KB8.53KB
auth (createAuthenticatedFetch.js)3.93KB1.55KB
auth (index.js)1.83KB0.79KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.86KB0.85KB
auth (useIsWorkspaceAdmin.js)1.61KB0.85KB
collaboration (CommentThread.js)18.38KB4.49KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)3.65KB1.42KB
collaboration (PresenceProvider.js)2.42KB0.96KB
collaboration (index.js)1.25KB0.53KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)450.03KB97.83KB
core (index.js)1.82KB0.62KB
create-plugin (index.js)9.28KB2.98KB
data-objectstack (index.js)120.81KB30.10KB
fields (index.js)209.43KB51.33KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)2.46KB0.96KB
i18n (pickLocalized.js)1.70KB0.83KB
i18n (provider.js)5.37KB1.72KB
i18n (useObjectLabel.js)21.22KB4.69KB
i18n (useSafeTranslation.js)2.87KB1.28KB
layout (index.js)38.45KB10.67KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.74KB
mobile (index.js)1.50KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)4.42KB1.27KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.71KB0.42KB
mobile (useResponsiveConfig.js)1.36KB0.63KB
mobile (useSpecGesture.js)1.77KB0.77KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)5.90KB2.15KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.46KB1.03KB
permissions (evaluator.js)4.00KB1.23KB
permissions (index.js)0.91KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.52KB
permissions (usePermissions.js)1.50KB0.70KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.12KB12.34KB
plugin-charts (index.js)46.31KB13.06KB
plugin-chatbot (index.js)179.58KB42.81KB
plugin-dashboard (index.js)113.58KB28.77KB
plugin-designer (index.js)213.43KB42.95KB
plugin-detail (index.js)213.39KB51.95KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)102.94KB24.95KB
plugin-gantt (index.js)162.24KB39.49KB
plugin-grid (index.js)174.50KB46.00KB
plugin-kanban (index.js)47.23KB12.88KB
plugin-list (index.js)98.22KB23.21KB
plugin-map (index.js)16.80KB5.24KB
plugin-markdown (index.js)13.65KB4.67KB
plugin-report (index.js)37.81KB9.98KB
plugin-timeline (index.js)25.37KB7.20KB
plugin-tree (index.js)8.36KB2.81KB
plugin-view (index.js)85.72KB20.86KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.55KB0.67KB
providers (UploadProvider.js)11.71KB3.53KB
providers (index.js)0.44KB0.22KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)3.19KB1.38KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)18.70KB6.09KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)0.76KB0.42KB
sdui-parser (codegen.js)4.09KB1.74KB
sdui-parser (index.js)2.16KB0.94KB
sdui-parser (parse.js)10.04KB2.82KB
sdui-parser (types.js)0.29KB0.24KB
sdui-parser (validate.js)4.69KB1.48KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)0.20KB0.18KB
types (crud.js)0.20KB0.18KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)0.77KB0.41KB
types (disclosure.js)0.20KB0.18KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (index.js)1.97KB0.93KB
types (layout.js)0.20KB0.18KB
types (mobile.js)0.20KB0.18KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.26KB1.96KB
types (system-fields.js)2.39KB1.17KB
types (theme.js)0.20KB0.18KB
types (ui-action.js)0.75KB0.46KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-zhuang
os-zhuang marked this pull request as ready for review July 20, 2026 02:14
@os-zhuang
os-zhuang merged commit eee4ded into mainJul 20, 2026
14 checks passed
@os-zhuang
os-zhuang deleted the claude/sdui-actionparamdialog-form-fields-kk6w4k branch July 20, 2026 02:15
os-zhuang added a commit that referenced this pull request Jul 20, 2026
…endsOn gating (#2715) (#2717)
Closes the parity gap #2709 opened: when a `select` + `multiple` (and the
`multiselect` type) began delegating to the multi-value chip picker, that picker
did not implement the ADR-0058 per-option `visibleWhen` cascading / `dependsOn`
gating the single `SelectField` has, so a multi-select with dependent options
showed the unfiltered set.
- Extract `useCascadingOptions` — the shared hook resolving per-option
`visibleWhen` filtering, `dependsOn` gating, and the live `dependentValues` +
predicate-scope wiring — and route both `SingleSelectField` and
`MultiSelectField` through it (no duplicated resolver).
- `MultiSelectField` narrows its offered chips against the live record +
`current_user`, gates behind a "select the parent first" hint while a
`dependsOn` field is empty, and surfaces a legible empty state.
- Cascade-clear prunes only the now-invalid selections (array analogue of the
single select's clear), keeping still-offered ones.
- Tests mirror `SelectField.cascade.test.tsx`; README + changeset updated.
Co-authored-by: Jack Zhuang <277994282+os-zhuang@users.noreply.github.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
os-zhuang added a commit that referenced this pull request Jul 20, 2026
#2730)
Extends the fields/core lint-gate cleanup from #2709 to eight more packages
whose lint was red at baseline on main — so the per-package `lint` gate could
not catch new violations of the same class. Errors only; no behavior change.
- no-useless-catch (data-objectstack): unwrap 5 rethrow-only try/catch blocks
- preserve-caught-error (cli, data-objectstack, react): scoped disable w/
justification (ES2020 lib types the 1-arg Error only, per #2709 core case)
- prefer-const (plugin-calendar, plugin-map)
- no-empty-object-type (plugin-designer): extend-only interfaces -> type alias
- no-useless-assignment (react): drop dead initializer
- no-require-imports (plugin-calendar, plugin-timeline tests): async vi.mock
factory with await import('react')
- stale eslint-disable (plugin-markdown): drop unknown-rule react/no-danger
directive, keep rationale as a plain comment
Co-authored-by: Jack Zhuang <277994282+os-zhuang@users.noreply.github.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
os-zhuang added a commit that referenced this pull request Jul 20, 2026
…ui#2713 Wave 2) (#2737)
Wave 2 of the #2713 lint-gate restoration (after #2730). Nine packages red at
baseline on main; cleared every error, no behavior change (warnings out of scope).
- rules-of-hooks (i18n, plugin-grid, plugin-view, plugin-list): translation
helpers wrapped a provider-safe hook in try/catch -> unwrap (the #2709 fix);
plugin-kanban moved its if(error) early return below the useCallback;
collaboration __unsafe_usePresenceContext keeps its danger-prefix name via a
justified scoped disable
- static-components (layout, plugin-list, plugin-report): icon/registry lookups
are stable refs -> scoped disable; plugin-charts TreemapCell (genuine inline
component) hoisted to module scope
- no-irregular-whitespace (plugin-grid ImportWizard): literal U+FEFF CSV BOM
written as the escape (runtime-identical)
- no-useless-assignment (plugin-grid BulkActionDialog): drop dead initializer
- no-unsafe-function-type (plugin-view ViewTabBar): explicit callable signature
- no-require-imports (plugin-kanban, plugin-view tests): async vi.mock + await import
Co-authored-by: Jack Zhuang <277994282+os-zhuang@users.noreply.github.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
os-zhuang added a commit that referenced this pull request Jul 20, 2026
…#2713 Wave 3) (#2738)
First package of Wave 3. plugin-dashboard was red at baseline on main; cleared
every error, no behavior change (warnings out of scope).
- rules-of-hooks (ObjectDataTable): unwrap try/catch around provider-safe
useObjectTranslation (#2709 fix)
- static-components (MetricCard, MetricWidget): getLazyIcon is a module-cached
stable component per name -> scoped disable
- no-irregular-whitespace (DatasetWidget): literal U+FEFF CSV BOM -> escape
- no-useless-escape (recordFields): drop needless \$ in a character class
- no-sparse-arrays (recordFields): [, ''] fallback -> [undefined, '']
- no-useless-assignment (PivotTable): suffix accumulator -> single const
- no-require-imports (designMode test): async vi.mock + await import
Co-authored-by: Jack Zhuang <277994282+os-zhuang@users.noreply.github.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
os-zhuang added a commit that referenced this pull request Jul 20, 2026
…713 Wave 3) (#2741)
- useObjectChat (8 rules-of-hooks): the hook called different useCallbacks in
each isApiMode return branch (both sets conditional). useChat is already
unconditional; destructure its result + hoist all 8 callbacks above the branch
so hook order is stable. Callback bodies unchanged (API `messages` -> apiMessages).
- FloatingChatbotTrigger (rules-of-hooks): unwrap try/catch around provider-safe
useObjectTranslation (#2709 fix)
- shimmer (static-components): motion.create(Component) must key off the `as`
prop; memoized per Component + justified scoped disable at the render
Co-authored-by: Jack Zhuang <277994282+os-zhuang@users.noreply.github.com>
Co-authored-by: Claude Opus 4.8 <noreply@anthropic.com>
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentationImprovements or additions to documentationpackage: coretests

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants

@os-zhuang@claude