fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key - #7318

Merged
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier
Sep 2, 2026
Merged

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key#7318
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier

Conversation

@os-litant

Copy link
Copy Markdown
Collaborator

Fixes#7238

disabled on a schema node is boolean | string — the string being a predicate. SchemaRenderer evaluates disabled / disabledOn, strips the raw key from the props it spreads, and forwards the answer as a real disabled prop (disabled: __disabled || undefined). Eight widgets re-read the raw key beside that verdict. An expression string is truthy however it evaluates, so the raw read is a second, wrong answer to a question the host already settled — AGENTS.md #0.1, one carrier for one question. The in-tree precedent is packages/plugin-chatbot/src/renderer.tsx (#6169), whose shape this copies: take the verdict by name in the destructure, consume it, never re-read schema.disabled.

What was measured before the fix

Every case renders through the realSchemaRenderer and the real registry, and every predicate is exercised in both polarities on the same node — that is what separates "the widget ignores the verdict" from "the widget is never disabled at all".

On 67dadd602, packages/components/src/__tests__/disabled-verdict-one-carrier.test.tsx reported Tests 2 failed | 23 passed (25):

× `form` … > a FALSE predicate leaves the fields and the action bar interactive
AssertionError: expected true to be false
× `ui:button` … > `loading` disables the button — the leg the raw read used to lose
AssertionError: expected false to be true

The 23 passing are the discriminating controls: the TRUE-predicate polarity of every case, the literal disabled: true polarity, and both polarities of all six DOM pass-throughs.

The two runtime defects

ui:formform.tsx destructured disabled = false off FormSchema and discarded the host prop as disabled: _disabledProp. The raw value fed every field's disabled, the cancel button and the submit button, so a form declaring disabled: "${data.status == 'locked'}" greyed itself out whatever the predicate said. It now consumes the verdict (hostDisabled === true) and the discard is gone.

ui:button — the card predicted a predicate-string defect here. That is not what the tree does, and this PR reports the measurement rather than the prediction: isDisabled was computed from the raw key and then overwritten, because disabled also rode buttonProps into toFormControlDomProps, which forwards it by name and keeps the key even when the value is undefined (pickDomProps iterates Object.keys). Spread after disabled={isDisabled}, the host's verdict won — so the predicate polarities were already correct, and the casualty was the loading leg of the OR: loading: true with no authored predicate rendered the spinner on a live, clickable button. Destructuring disabled out of props removes the second writer; isDisabled = hostDisabled || isLoading is now the only one.

The six DOM pass-throughs (input, textarea, checkbox, select, combobox, collapsible) were correct at runtime through the host — the forwarded prop was spread after the raw one — so their defect was compile-only, exactly as the card says. They now take the verdict by name, so the behaviour no longer depends on spread order.

The compile half — the #7087 types applied as a scratch probe

06103d1d6 (branch claude/issue-7087-disabled-narrowing) merged in, @object-ui/typesrebuiltpackages/components overrides the root paths map, so it resolves @object-ui/types through node_modules to dist/index.d.ts, and an unbuilt probe would have measured the old narrowings — then pnpm --filter @object-ui/components run type-check:

legerror TS2322total TS errors
with this PR's fix00
the eight files reverted to 67dadd6029exit 2

The nine, by file: form.tsx ×3, and input / textarea / checkbox / select / combobox / collapsible ×1 each. button.tsx contributes none — props is any there, which is exactly why its defect was invisible to the compiler. The scratch merge was aborted before committing: packages/types is not touched by this PR, #7087 remains open, and its own PR is reviewed on its own.

Direct-usage census — nothing renders these widgets without the host in production

None of the eight files exports its component, so the only way to render one without SchemaRenderer is ComponentRegistry.get(...). Every such call site was enumerated across packages/, apps/ and examples/:

  • No production path renders any of the eight directly. packages/plugin-form composes { type: 'form' } nodes and hands them to SchemaRenderer with no root-level disabled; every other consumer goes through the renderer too. So no boolean-only raw read is kept anywhere.
  • One test relied on the raw read: form-renderers.test.tsx "should handle disabled state" mounted renderComponent({ type: 'input', disabled: true }) with no host in front of it. It now renders through the real SchemaRenderer, which is the only mount that can assert anything about an authored disabled at all.
  • Every other direct-render test authors disabled on a field (fields: [{ …, disabled: true }]), which travels the untouched fieldDisabled path.

Verification

whatheadverdict line
vitest run packages/components/ packages/fields/ packages/react/f1f3fa6efTest Files 422 passed (422) / Tests 5041 passed (5041)
vitest run packages/components/32b214a04Test Files 224 passed (224) / Tests 2065 passed (2065)
turbo run type-check --filter=@object-ui/components (tsc --noEmit && tsc -p tsconfig.test.json — the new test file is type-checked)78be0e9b2Tasks: 9 successful, 9 total, 0 error TS
turbo run build --filter='@object-ui/components^...'78be0e9b2Tasks: 7 successful, 7 total
pnpm --filter @object-ui/components lint (eslint . — the package's own CI unit, not a narrowing)f1f3fa6ef✖ 944 problems (0 errors, 944 warnings) — all pre-existing
check:control-bytes78be0e9b2✅ check-control-bytes: OK (scanned 6014 tracked text file(s); skipped 85 binary).
check:vi-mock-specifiers78be0e9b2✅ check-vi-mock-specifiers: OK (…)
check:vi-mock-inherit78be0e9b2✅ check-vi-mock-inherit: OK (… 118 inherit, 0 auto-mocked …)
check:self-import78be0e9b2✅ No package names itself inside its own src/.
check:phantom-deps78be0e9b2✅ Every in-scope import is declared by the package that publishes it.
scripts/check-changeset-presence.mjs78be0e9b2✅ 10 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s)
scripts/check-changeset-no-major.mjs78be0e9b2✅ No changeset declares a major bump.
check:sdui-registration-pins (console built first)f1f3fa6ef✅ All 16 registration(s) a sideEffects array promises are present in the built console (517 chunks weighed; the 3 ruled control(s) are in the derived set).
check:eager-closure (console built first)f1f3fa6efexit 0

Declared narrowing. The suite re-run on the final head is the one measurement that did not land: the shared verify lock was held continuously by a sibling agent's repo-wide chain. What the older greens still cover is exact rather than assumed — git diff --stat 32b214a04 78be0e9b2 -- packages/components/src is a single added file, page-header-action-ids.dist.spec.tsx, which matches DIST_PIN_GLOB (packages/*/src/**/*.dist.spec.tsx) and therefore runs only in the opt-in dist project behind OBJECTUI_DIST_PINS=1 — never in the unit / dom / dom-heavy projects a packages/components/ path filter drives. No production source under packages/components/src moved. The merge's other content (packages/types, packages/plugin-form) is covered against this package by the green type-check on 78be0e9b2. CI runs the full farm on this PR regardless.

Ablation (taken after the commit, so the restore leg has a real reference). form.tsx and button.tsx reverted to 67dadd602, with the mutation confirmed on disk by anchor-text counts in both directions (hostDisabled → 0 in both files; disabled = false, and schema.disabled || props.disabled → 1 each) and a non-empty git diff HEAD. Mutated: Tests 2 failed | 23 passed (25) — the same two cases, the 23 controls still green. Restored with git checkout HEAD -- ABSOLUTE_PATH, proven by an empty git diff HEADand a git hash-object match against each file's HEAD blob, then Tests 25 passed (25). No rebuild leg is owed: the root vitest.config.mts aliases @object-ui/components and @object-ui/react to packages/*/src, so the mutated source is what runs.

#7087 remains open. #7240, #6169 and #4581 are context only — none of them is closed here.

🤖 Generated with Claude Code

https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho


Generated by Claude Code

…never the raw key
`disabled` on a schema node is `boolean | string` — the string being a
predicate. `SchemaRenderer` evaluates `disabled` / `disabledOn`, strips the raw
key from the props it spreads, and forwards the answer as a real `disabled`
prop. Eight widgets re-read the raw key beside that verdict, and an expression
string is truthy however it evaluates. One carrier for one question (AGENTS.md
#0.1); the in-tree precedent is `plugin-chatbot`'s renderer.
Two runtime defects, both measured through the real renderer and the real
registry before the fix:
* `ui:form` destructured `disabled` off `FormSchema` and discarded the host
prop as `_disabledProp`. A FALSE predicate greyed out every field, the
submit button and the cancel button.
* `ui:button` computed `schema.disabled || props.disabled || isLoading` and
then let `toFormControlDomProps` re-declare `disabled` in the spread that
follows — the key is kept even when the value is `undefined`, so the
computed state was overwritten and `loading: true` rendered a spinner on a
live, clickable button.
The six DOM pass-throughs (`input`, `textarea`, `checkbox`, `select`,
`combobox`, `collapsible`) were already correct AT RUNTIME through the host,
because the forwarded prop was spread after the raw one; they now take the
verdict by name so the behaviour no longer depends on spread order, and the
raw read that the `disabled?: boolean` narrowings were load-bearing for is
gone.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.3 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-DC2n5ziW.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
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)514.48KB117.36KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.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)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
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)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
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.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
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

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants

@os-litant@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key - #7318

Merged
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier
Sep 2, 2026
Merged

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key#7318
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier

Conversation

@os-litant

Copy link
Copy Markdown
Collaborator

Fixes#7238

disabled on a schema node is boolean | string — the string being a predicate. SchemaRenderer evaluates disabled / disabledOn, strips the raw key from the props it spreads, and forwards the answer as a real disabled prop (disabled: __disabled || undefined). Eight widgets re-read the raw key beside that verdict. An expression string is truthy however it evaluates, so the raw read is a second, wrong answer to a question the host already settled — AGENTS.md #0.1, one carrier for one question. The in-tree precedent is packages/plugin-chatbot/src/renderer.tsx (#6169), whose shape this copies: take the verdict by name in the destructure, consume it, never re-read schema.disabled.

What was measured before the fix

Every case renders through the realSchemaRenderer and the real registry, and every predicate is exercised in both polarities on the same node — that is what separates "the widget ignores the verdict" from "the widget is never disabled at all".

On 67dadd602, packages/components/src/__tests__/disabled-verdict-one-carrier.test.tsx reported Tests 2 failed | 23 passed (25):

× `form` … > a FALSE predicate leaves the fields and the action bar interactive
AssertionError: expected true to be false
× `ui:button` … > `loading` disables the button — the leg the raw read used to lose
AssertionError: expected false to be true

The 23 passing are the discriminating controls: the TRUE-predicate polarity of every case, the literal disabled: true polarity, and both polarities of all six DOM pass-throughs.

The two runtime defects

ui:formform.tsx destructured disabled = false off FormSchema and discarded the host prop as disabled: _disabledProp. The raw value fed every field's disabled, the cancel button and the submit button, so a form declaring disabled: "${data.status == 'locked'}" greyed itself out whatever the predicate said. It now consumes the verdict (hostDisabled === true) and the discard is gone.

ui:button — the card predicted a predicate-string defect here. That is not what the tree does, and this PR reports the measurement rather than the prediction: isDisabled was computed from the raw key and then overwritten, because disabled also rode buttonProps into toFormControlDomProps, which forwards it by name and keeps the key even when the value is undefined (pickDomProps iterates Object.keys). Spread after disabled={isDisabled}, the host's verdict won — so the predicate polarities were already correct, and the casualty was the loading leg of the OR: loading: true with no authored predicate rendered the spinner on a live, clickable button. Destructuring disabled out of props removes the second writer; isDisabled = hostDisabled || isLoading is now the only one.

The six DOM pass-throughs (input, textarea, checkbox, select, combobox, collapsible) were correct at runtime through the host — the forwarded prop was spread after the raw one — so their defect was compile-only, exactly as the card says. They now take the verdict by name, so the behaviour no longer depends on spread order.

The compile half — the #7087 types applied as a scratch probe

06103d1d6 (branch claude/issue-7087-disabled-narrowing) merged in, @object-ui/typesrebuiltpackages/components overrides the root paths map, so it resolves @object-ui/types through node_modules to dist/index.d.ts, and an unbuilt probe would have measured the old narrowings — then pnpm --filter @object-ui/components run type-check:

legerror TS2322total TS errors
with this PR's fix00
the eight files reverted to 67dadd6029exit 2

The nine, by file: form.tsx ×3, and input / textarea / checkbox / select / combobox / collapsible ×1 each. button.tsx contributes none — props is any there, which is exactly why its defect was invisible to the compiler. The scratch merge was aborted before committing: packages/types is not touched by this PR, #7087 remains open, and its own PR is reviewed on its own.

Direct-usage census — nothing renders these widgets without the host in production

None of the eight files exports its component, so the only way to render one without SchemaRenderer is ComponentRegistry.get(...). Every such call site was enumerated across packages/, apps/ and examples/:

  • No production path renders any of the eight directly. packages/plugin-form composes { type: 'form' } nodes and hands them to SchemaRenderer with no root-level disabled; every other consumer goes through the renderer too. So no boolean-only raw read is kept anywhere.
  • One test relied on the raw read: form-renderers.test.tsx "should handle disabled state" mounted renderComponent({ type: 'input', disabled: true }) with no host in front of it. It now renders through the real SchemaRenderer, which is the only mount that can assert anything about an authored disabled at all.
  • Every other direct-render test authors disabled on a field (fields: [{ …, disabled: true }]), which travels the untouched fieldDisabled path.

Verification

whatheadverdict line
vitest run packages/components/ packages/fields/ packages/react/f1f3fa6efTest Files 422 passed (422) / Tests 5041 passed (5041)
vitest run packages/components/32b214a04Test Files 224 passed (224) / Tests 2065 passed (2065)
turbo run type-check --filter=@object-ui/components (tsc --noEmit && tsc -p tsconfig.test.json — the new test file is type-checked)78be0e9b2Tasks: 9 successful, 9 total, 0 error TS
turbo run build --filter='@object-ui/components^...'78be0e9b2Tasks: 7 successful, 7 total
pnpm --filter @object-ui/components lint (eslint . — the package's own CI unit, not a narrowing)f1f3fa6ef✖ 944 problems (0 errors, 944 warnings) — all pre-existing
check:control-bytes78be0e9b2✅ check-control-bytes: OK (scanned 6014 tracked text file(s); skipped 85 binary).
check:vi-mock-specifiers78be0e9b2✅ check-vi-mock-specifiers: OK (…)
check:vi-mock-inherit78be0e9b2✅ check-vi-mock-inherit: OK (… 118 inherit, 0 auto-mocked …)
check:self-import78be0e9b2✅ No package names itself inside its own src/.
check:phantom-deps78be0e9b2✅ Every in-scope import is declared by the package that publishes it.
scripts/check-changeset-presence.mjs78be0e9b2✅ 10 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s)
scripts/check-changeset-no-major.mjs78be0e9b2✅ No changeset declares a major bump.
check:sdui-registration-pins (console built first)f1f3fa6ef✅ All 16 registration(s) a sideEffects array promises are present in the built console (517 chunks weighed; the 3 ruled control(s) are in the derived set).
check:eager-closure (console built first)f1f3fa6efexit 0

Declared narrowing. The suite re-run on the final head is the one measurement that did not land: the shared verify lock was held continuously by a sibling agent's repo-wide chain. What the older greens still cover is exact rather than assumed — git diff --stat 32b214a04 78be0e9b2 -- packages/components/src is a single added file, page-header-action-ids.dist.spec.tsx, which matches DIST_PIN_GLOB (packages/*/src/**/*.dist.spec.tsx) and therefore runs only in the opt-in dist project behind OBJECTUI_DIST_PINS=1 — never in the unit / dom / dom-heavy projects a packages/components/ path filter drives. No production source under packages/components/src moved. The merge's other content (packages/types, packages/plugin-form) is covered against this package by the green type-check on 78be0e9b2. CI runs the full farm on this PR regardless.

Ablation (taken after the commit, so the restore leg has a real reference). form.tsx and button.tsx reverted to 67dadd602, with the mutation confirmed on disk by anchor-text counts in both directions (hostDisabled → 0 in both files; disabled = false, and schema.disabled || props.disabled → 1 each) and a non-empty git diff HEAD. Mutated: Tests 2 failed | 23 passed (25) — the same two cases, the 23 controls still green. Restored with git checkout HEAD -- ABSOLUTE_PATH, proven by an empty git diff HEADand a git hash-object match against each file's HEAD blob, then Tests 25 passed (25). No rebuild leg is owed: the root vitest.config.mts aliases @object-ui/components and @object-ui/react to packages/*/src, so the mutated source is what runs.

#7087 remains open. #7240, #6169 and #4581 are context only — none of them is closed here.

🤖 Generated with Claude Code

https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho


Generated by Claude Code

…never the raw key
`disabled` on a schema node is `boolean | string` — the string being a
predicate. `SchemaRenderer` evaluates `disabled` / `disabledOn`, strips the raw
key from the props it spreads, and forwards the answer as a real `disabled`
prop. Eight widgets re-read the raw key beside that verdict, and an expression
string is truthy however it evaluates. One carrier for one question (AGENTS.md
#0.1); the in-tree precedent is `plugin-chatbot`'s renderer.
Two runtime defects, both measured through the real renderer and the real
registry before the fix:
* `ui:form` destructured `disabled` off `FormSchema` and discarded the host
prop as `_disabledProp`. A FALSE predicate greyed out every field, the
submit button and the cancel button.
* `ui:button` computed `schema.disabled || props.disabled || isLoading` and
then let `toFormControlDomProps` re-declare `disabled` in the spread that
follows — the key is kept even when the value is `undefined`, so the
computed state was overwritten and `loading: true` rendered a spinner on a
live, clickable button.
The six DOM pass-throughs (`input`, `textarea`, `checkbox`, `select`,
`combobox`, `collapsible`) were already correct AT RUNTIME through the host,
because the forwarded prop was spread after the raw one; they now take the
verdict by name so the behaviour no longer depends on spread order, and the
raw read that the `disabled?: boolean` narrowings were load-bearing for is
gone.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.3 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-DC2n5ziW.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
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)514.48KB117.36KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.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)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
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)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
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.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
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

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants

@os-litant@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key - #7318

Merged
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier
Sep 2, 2026
Merged

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key#7318
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier

Conversation

@os-litant

Copy link
Copy Markdown
Collaborator

Fixes#7238

disabled on a schema node is boolean | string — the string being a predicate. SchemaRenderer evaluates disabled / disabledOn, strips the raw key from the props it spreads, and forwards the answer as a real disabled prop (disabled: __disabled || undefined). Eight widgets re-read the raw key beside that verdict. An expression string is truthy however it evaluates, so the raw read is a second, wrong answer to a question the host already settled — AGENTS.md #0.1, one carrier for one question. The in-tree precedent is packages/plugin-chatbot/src/renderer.tsx (#6169), whose shape this copies: take the verdict by name in the destructure, consume it, never re-read schema.disabled.

What was measured before the fix

Every case renders through the realSchemaRenderer and the real registry, and every predicate is exercised in both polarities on the same node — that is what separates "the widget ignores the verdict" from "the widget is never disabled at all".

On 67dadd602, packages/components/src/__tests__/disabled-verdict-one-carrier.test.tsx reported Tests 2 failed | 23 passed (25):

× `form` … > a FALSE predicate leaves the fields and the action bar interactive
AssertionError: expected true to be false
× `ui:button` … > `loading` disables the button — the leg the raw read used to lose
AssertionError: expected false to be true

The 23 passing are the discriminating controls: the TRUE-predicate polarity of every case, the literal disabled: true polarity, and both polarities of all six DOM pass-throughs.

The two runtime defects

ui:formform.tsx destructured disabled = false off FormSchema and discarded the host prop as disabled: _disabledProp. The raw value fed every field's disabled, the cancel button and the submit button, so a form declaring disabled: "${data.status == 'locked'}" greyed itself out whatever the predicate said. It now consumes the verdict (hostDisabled === true) and the discard is gone.

ui:button — the card predicted a predicate-string defect here. That is not what the tree does, and this PR reports the measurement rather than the prediction: isDisabled was computed from the raw key and then overwritten, because disabled also rode buttonProps into toFormControlDomProps, which forwards it by name and keeps the key even when the value is undefined (pickDomProps iterates Object.keys). Spread after disabled={isDisabled}, the host's verdict won — so the predicate polarities were already correct, and the casualty was the loading leg of the OR: loading: true with no authored predicate rendered the spinner on a live, clickable button. Destructuring disabled out of props removes the second writer; isDisabled = hostDisabled || isLoading is now the only one.

The six DOM pass-throughs (input, textarea, checkbox, select, combobox, collapsible) were correct at runtime through the host — the forwarded prop was spread after the raw one — so their defect was compile-only, exactly as the card says. They now take the verdict by name, so the behaviour no longer depends on spread order.

The compile half — the #7087 types applied as a scratch probe

06103d1d6 (branch claude/issue-7087-disabled-narrowing) merged in, @object-ui/typesrebuiltpackages/components overrides the root paths map, so it resolves @object-ui/types through node_modules to dist/index.d.ts, and an unbuilt probe would have measured the old narrowings — then pnpm --filter @object-ui/components run type-check:

legerror TS2322total TS errors
with this PR's fix00
the eight files reverted to 67dadd6029exit 2

The nine, by file: form.tsx ×3, and input / textarea / checkbox / select / combobox / collapsible ×1 each. button.tsx contributes none — props is any there, which is exactly why its defect was invisible to the compiler. The scratch merge was aborted before committing: packages/types is not touched by this PR, #7087 remains open, and its own PR is reviewed on its own.

Direct-usage census — nothing renders these widgets without the host in production

None of the eight files exports its component, so the only way to render one without SchemaRenderer is ComponentRegistry.get(...). Every such call site was enumerated across packages/, apps/ and examples/:

  • No production path renders any of the eight directly. packages/plugin-form composes { type: 'form' } nodes and hands them to SchemaRenderer with no root-level disabled; every other consumer goes through the renderer too. So no boolean-only raw read is kept anywhere.
  • One test relied on the raw read: form-renderers.test.tsx "should handle disabled state" mounted renderComponent({ type: 'input', disabled: true }) with no host in front of it. It now renders through the real SchemaRenderer, which is the only mount that can assert anything about an authored disabled at all.
  • Every other direct-render test authors disabled on a field (fields: [{ …, disabled: true }]), which travels the untouched fieldDisabled path.

Verification

whatheadverdict line
vitest run packages/components/ packages/fields/ packages/react/f1f3fa6efTest Files 422 passed (422) / Tests 5041 passed (5041)
vitest run packages/components/32b214a04Test Files 224 passed (224) / Tests 2065 passed (2065)
turbo run type-check --filter=@object-ui/components (tsc --noEmit && tsc -p tsconfig.test.json — the new test file is type-checked)78be0e9b2Tasks: 9 successful, 9 total, 0 error TS
turbo run build --filter='@object-ui/components^...'78be0e9b2Tasks: 7 successful, 7 total
pnpm --filter @object-ui/components lint (eslint . — the package's own CI unit, not a narrowing)f1f3fa6ef✖ 944 problems (0 errors, 944 warnings) — all pre-existing
check:control-bytes78be0e9b2✅ check-control-bytes: OK (scanned 6014 tracked text file(s); skipped 85 binary).
check:vi-mock-specifiers78be0e9b2✅ check-vi-mock-specifiers: OK (…)
check:vi-mock-inherit78be0e9b2✅ check-vi-mock-inherit: OK (… 118 inherit, 0 auto-mocked …)
check:self-import78be0e9b2✅ No package names itself inside its own src/.
check:phantom-deps78be0e9b2✅ Every in-scope import is declared by the package that publishes it.
scripts/check-changeset-presence.mjs78be0e9b2✅ 10 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s)
scripts/check-changeset-no-major.mjs78be0e9b2✅ No changeset declares a major bump.
check:sdui-registration-pins (console built first)f1f3fa6ef✅ All 16 registration(s) a sideEffects array promises are present in the built console (517 chunks weighed; the 3 ruled control(s) are in the derived set).
check:eager-closure (console built first)f1f3fa6efexit 0

Declared narrowing. The suite re-run on the final head is the one measurement that did not land: the shared verify lock was held continuously by a sibling agent's repo-wide chain. What the older greens still cover is exact rather than assumed — git diff --stat 32b214a04 78be0e9b2 -- packages/components/src is a single added file, page-header-action-ids.dist.spec.tsx, which matches DIST_PIN_GLOB (packages/*/src/**/*.dist.spec.tsx) and therefore runs only in the opt-in dist project behind OBJECTUI_DIST_PINS=1 — never in the unit / dom / dom-heavy projects a packages/components/ path filter drives. No production source under packages/components/src moved. The merge's other content (packages/types, packages/plugin-form) is covered against this package by the green type-check on 78be0e9b2. CI runs the full farm on this PR regardless.

Ablation (taken after the commit, so the restore leg has a real reference). form.tsx and button.tsx reverted to 67dadd602, with the mutation confirmed on disk by anchor-text counts in both directions (hostDisabled → 0 in both files; disabled = false, and schema.disabled || props.disabled → 1 each) and a non-empty git diff HEAD. Mutated: Tests 2 failed | 23 passed (25) — the same two cases, the 23 controls still green. Restored with git checkout HEAD -- ABSOLUTE_PATH, proven by an empty git diff HEADand a git hash-object match against each file's HEAD blob, then Tests 25 passed (25). No rebuild leg is owed: the root vitest.config.mts aliases @object-ui/components and @object-ui/react to packages/*/src, so the mutated source is what runs.

#7087 remains open. #7240, #6169 and #4581 are context only — none of them is closed here.

🤖 Generated with Claude Code

https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho


Generated by Claude Code

…never the raw key
`disabled` on a schema node is `boolean | string` — the string being a
predicate. `SchemaRenderer` evaluates `disabled` / `disabledOn`, strips the raw
key from the props it spreads, and forwards the answer as a real `disabled`
prop. Eight widgets re-read the raw key beside that verdict, and an expression
string is truthy however it evaluates. One carrier for one question (AGENTS.md
#0.1); the in-tree precedent is `plugin-chatbot`'s renderer.
Two runtime defects, both measured through the real renderer and the real
registry before the fix:
* `ui:form` destructured `disabled` off `FormSchema` and discarded the host
prop as `_disabledProp`. A FALSE predicate greyed out every field, the
submit button and the cancel button.
* `ui:button` computed `schema.disabled || props.disabled || isLoading` and
then let `toFormControlDomProps` re-declare `disabled` in the spread that
follows — the key is kept even when the value is `undefined`, so the
computed state was overwritten and `loading: true` rendered a spinner on a
live, clickable button.
The six DOM pass-throughs (`input`, `textarea`, `checkbox`, `select`,
`combobox`, `collapsible`) were already correct AT RUNTIME through the host,
because the forwarded prop was spread after the raw one; they now take the
verdict by name so the behaviour no longer depends on spread order, and the
raw read that the `disabled?: boolean` narrowings were load-bearing for is
gone.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.3 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-DC2n5ziW.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
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)514.48KB117.36KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.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)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
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)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
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.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
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

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants

@os-litant@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key - #7318

Merged
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier
Sep 2, 2026
Merged

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key#7318
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier

Conversation

@os-litant

Copy link
Copy Markdown
Collaborator

Fixes#7238

disabled on a schema node is boolean | string — the string being a predicate. SchemaRenderer evaluates disabled / disabledOn, strips the raw key from the props it spreads, and forwards the answer as a real disabled prop (disabled: __disabled || undefined). Eight widgets re-read the raw key beside that verdict. An expression string is truthy however it evaluates, so the raw read is a second, wrong answer to a question the host already settled — AGENTS.md #0.1, one carrier for one question. The in-tree precedent is packages/plugin-chatbot/src/renderer.tsx (#6169), whose shape this copies: take the verdict by name in the destructure, consume it, never re-read schema.disabled.

What was measured before the fix

Every case renders through the realSchemaRenderer and the real registry, and every predicate is exercised in both polarities on the same node — that is what separates "the widget ignores the verdict" from "the widget is never disabled at all".

On 67dadd602, packages/components/src/__tests__/disabled-verdict-one-carrier.test.tsx reported Tests 2 failed | 23 passed (25):

× `form` … > a FALSE predicate leaves the fields and the action bar interactive
AssertionError: expected true to be false
× `ui:button` … > `loading` disables the button — the leg the raw read used to lose
AssertionError: expected false to be true

The 23 passing are the discriminating controls: the TRUE-predicate polarity of every case, the literal disabled: true polarity, and both polarities of all six DOM pass-throughs.

The two runtime defects

ui:formform.tsx destructured disabled = false off FormSchema and discarded the host prop as disabled: _disabledProp. The raw value fed every field's disabled, the cancel button and the submit button, so a form declaring disabled: "${data.status == 'locked'}" greyed itself out whatever the predicate said. It now consumes the verdict (hostDisabled === true) and the discard is gone.

ui:button — the card predicted a predicate-string defect here. That is not what the tree does, and this PR reports the measurement rather than the prediction: isDisabled was computed from the raw key and then overwritten, because disabled also rode buttonProps into toFormControlDomProps, which forwards it by name and keeps the key even when the value is undefined (pickDomProps iterates Object.keys). Spread after disabled={isDisabled}, the host's verdict won — so the predicate polarities were already correct, and the casualty was the loading leg of the OR: loading: true with no authored predicate rendered the spinner on a live, clickable button. Destructuring disabled out of props removes the second writer; isDisabled = hostDisabled || isLoading is now the only one.

The six DOM pass-throughs (input, textarea, checkbox, select, combobox, collapsible) were correct at runtime through the host — the forwarded prop was spread after the raw one — so their defect was compile-only, exactly as the card says. They now take the verdict by name, so the behaviour no longer depends on spread order.

The compile half — the #7087 types applied as a scratch probe

06103d1d6 (branch claude/issue-7087-disabled-narrowing) merged in, @object-ui/typesrebuiltpackages/components overrides the root paths map, so it resolves @object-ui/types through node_modules to dist/index.d.ts, and an unbuilt probe would have measured the old narrowings — then pnpm --filter @object-ui/components run type-check:

legerror TS2322total TS errors
with this PR's fix00
the eight files reverted to 67dadd6029exit 2

The nine, by file: form.tsx ×3, and input / textarea / checkbox / select / combobox / collapsible ×1 each. button.tsx contributes none — props is any there, which is exactly why its defect was invisible to the compiler. The scratch merge was aborted before committing: packages/types is not touched by this PR, #7087 remains open, and its own PR is reviewed on its own.

Direct-usage census — nothing renders these widgets without the host in production

None of the eight files exports its component, so the only way to render one without SchemaRenderer is ComponentRegistry.get(...). Every such call site was enumerated across packages/, apps/ and examples/:

  • No production path renders any of the eight directly. packages/plugin-form composes { type: 'form' } nodes and hands them to SchemaRenderer with no root-level disabled; every other consumer goes through the renderer too. So no boolean-only raw read is kept anywhere.
  • One test relied on the raw read: form-renderers.test.tsx "should handle disabled state" mounted renderComponent({ type: 'input', disabled: true }) with no host in front of it. It now renders through the real SchemaRenderer, which is the only mount that can assert anything about an authored disabled at all.
  • Every other direct-render test authors disabled on a field (fields: [{ …, disabled: true }]), which travels the untouched fieldDisabled path.

Verification

whatheadverdict line
vitest run packages/components/ packages/fields/ packages/react/f1f3fa6efTest Files 422 passed (422) / Tests 5041 passed (5041)
vitest run packages/components/32b214a04Test Files 224 passed (224) / Tests 2065 passed (2065)
turbo run type-check --filter=@object-ui/components (tsc --noEmit && tsc -p tsconfig.test.json — the new test file is type-checked)78be0e9b2Tasks: 9 successful, 9 total, 0 error TS
turbo run build --filter='@object-ui/components^...'78be0e9b2Tasks: 7 successful, 7 total
pnpm --filter @object-ui/components lint (eslint . — the package's own CI unit, not a narrowing)f1f3fa6ef✖ 944 problems (0 errors, 944 warnings) — all pre-existing
check:control-bytes78be0e9b2✅ check-control-bytes: OK (scanned 6014 tracked text file(s); skipped 85 binary).
check:vi-mock-specifiers78be0e9b2✅ check-vi-mock-specifiers: OK (…)
check:vi-mock-inherit78be0e9b2✅ check-vi-mock-inherit: OK (… 118 inherit, 0 auto-mocked …)
check:self-import78be0e9b2✅ No package names itself inside its own src/.
check:phantom-deps78be0e9b2✅ Every in-scope import is declared by the package that publishes it.
scripts/check-changeset-presence.mjs78be0e9b2✅ 10 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s)
scripts/check-changeset-no-major.mjs78be0e9b2✅ No changeset declares a major bump.
check:sdui-registration-pins (console built first)f1f3fa6ef✅ All 16 registration(s) a sideEffects array promises are present in the built console (517 chunks weighed; the 3 ruled control(s) are in the derived set).
check:eager-closure (console built first)f1f3fa6efexit 0

Declared narrowing. The suite re-run on the final head is the one measurement that did not land: the shared verify lock was held continuously by a sibling agent's repo-wide chain. What the older greens still cover is exact rather than assumed — git diff --stat 32b214a04 78be0e9b2 -- packages/components/src is a single added file, page-header-action-ids.dist.spec.tsx, which matches DIST_PIN_GLOB (packages/*/src/**/*.dist.spec.tsx) and therefore runs only in the opt-in dist project behind OBJECTUI_DIST_PINS=1 — never in the unit / dom / dom-heavy projects a packages/components/ path filter drives. No production source under packages/components/src moved. The merge's other content (packages/types, packages/plugin-form) is covered against this package by the green type-check on 78be0e9b2. CI runs the full farm on this PR regardless.

Ablation (taken after the commit, so the restore leg has a real reference). form.tsx and button.tsx reverted to 67dadd602, with the mutation confirmed on disk by anchor-text counts in both directions (hostDisabled → 0 in both files; disabled = false, and schema.disabled || props.disabled → 1 each) and a non-empty git diff HEAD. Mutated: Tests 2 failed | 23 passed (25) — the same two cases, the 23 controls still green. Restored with git checkout HEAD -- ABSOLUTE_PATH, proven by an empty git diff HEADand a git hash-object match against each file's HEAD blob, then Tests 25 passed (25). No rebuild leg is owed: the root vitest.config.mts aliases @object-ui/components and @object-ui/react to packages/*/src, so the mutated source is what runs.

#7087 remains open. #7240, #6169 and #4581 are context only — none of them is closed here.

🤖 Generated with Claude Code

https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho


Generated by Claude Code

…never the raw key
`disabled` on a schema node is `boolean | string` — the string being a
predicate. `SchemaRenderer` evaluates `disabled` / `disabledOn`, strips the raw
key from the props it spreads, and forwards the answer as a real `disabled`
prop. Eight widgets re-read the raw key beside that verdict, and an expression
string is truthy however it evaluates. One carrier for one question (AGENTS.md
#0.1); the in-tree precedent is `plugin-chatbot`'s renderer.
Two runtime defects, both measured through the real renderer and the real
registry before the fix:
* `ui:form` destructured `disabled` off `FormSchema` and discarded the host
prop as `_disabledProp`. A FALSE predicate greyed out every field, the
submit button and the cancel button.
* `ui:button` computed `schema.disabled || props.disabled || isLoading` and
then let `toFormControlDomProps` re-declare `disabled` in the spread that
follows — the key is kept even when the value is `undefined`, so the
computed state was overwritten and `loading: true` rendered a spinner on a
live, clickable button.
The six DOM pass-throughs (`input`, `textarea`, `checkbox`, `select`,
`combobox`, `collapsible`) were already correct AT RUNTIME through the host,
because the forwarded prop was spread after the raw one; they now take the
verdict by name so the behaviour no longer depends on spread order, and the
raw read that the `disabled?: boolean` narrowings were load-bearing for is
gone.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.3 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-DC2n5ziW.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
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)514.48KB117.36KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.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)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
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)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
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.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
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

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants

@os-litant@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key - #7318

Merged
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier
Sep 2, 2026
Merged

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key#7318
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier

Conversation

@os-litant

Copy link
Copy Markdown
Collaborator

Fixes#7238

disabled on a schema node is boolean | string — the string being a predicate. SchemaRenderer evaluates disabled / disabledOn, strips the raw key from the props it spreads, and forwards the answer as a real disabled prop (disabled: __disabled || undefined). Eight widgets re-read the raw key beside that verdict. An expression string is truthy however it evaluates, so the raw read is a second, wrong answer to a question the host already settled — AGENTS.md #0.1, one carrier for one question. The in-tree precedent is packages/plugin-chatbot/src/renderer.tsx (#6169), whose shape this copies: take the verdict by name in the destructure, consume it, never re-read schema.disabled.

What was measured before the fix

Every case renders through the realSchemaRenderer and the real registry, and every predicate is exercised in both polarities on the same node — that is what separates "the widget ignores the verdict" from "the widget is never disabled at all".

On 67dadd602, packages/components/src/__tests__/disabled-verdict-one-carrier.test.tsx reported Tests 2 failed | 23 passed (25):

× `form` … > a FALSE predicate leaves the fields and the action bar interactive
AssertionError: expected true to be false
× `ui:button` … > `loading` disables the button — the leg the raw read used to lose
AssertionError: expected false to be true

The 23 passing are the discriminating controls: the TRUE-predicate polarity of every case, the literal disabled: true polarity, and both polarities of all six DOM pass-throughs.

The two runtime defects

ui:formform.tsx destructured disabled = false off FormSchema and discarded the host prop as disabled: _disabledProp. The raw value fed every field's disabled, the cancel button and the submit button, so a form declaring disabled: "${data.status == 'locked'}" greyed itself out whatever the predicate said. It now consumes the verdict (hostDisabled === true) and the discard is gone.

ui:button — the card predicted a predicate-string defect here. That is not what the tree does, and this PR reports the measurement rather than the prediction: isDisabled was computed from the raw key and then overwritten, because disabled also rode buttonProps into toFormControlDomProps, which forwards it by name and keeps the key even when the value is undefined (pickDomProps iterates Object.keys). Spread after disabled={isDisabled}, the host's verdict won — so the predicate polarities were already correct, and the casualty was the loading leg of the OR: loading: true with no authored predicate rendered the spinner on a live, clickable button. Destructuring disabled out of props removes the second writer; isDisabled = hostDisabled || isLoading is now the only one.

The six DOM pass-throughs (input, textarea, checkbox, select, combobox, collapsible) were correct at runtime through the host — the forwarded prop was spread after the raw one — so their defect was compile-only, exactly as the card says. They now take the verdict by name, so the behaviour no longer depends on spread order.

The compile half — the #7087 types applied as a scratch probe

06103d1d6 (branch claude/issue-7087-disabled-narrowing) merged in, @object-ui/typesrebuiltpackages/components overrides the root paths map, so it resolves @object-ui/types through node_modules to dist/index.d.ts, and an unbuilt probe would have measured the old narrowings — then pnpm --filter @object-ui/components run type-check:

legerror TS2322total TS errors
with this PR's fix00
the eight files reverted to 67dadd6029exit 2

The nine, by file: form.tsx ×3, and input / textarea / checkbox / select / combobox / collapsible ×1 each. button.tsx contributes none — props is any there, which is exactly why its defect was invisible to the compiler. The scratch merge was aborted before committing: packages/types is not touched by this PR, #7087 remains open, and its own PR is reviewed on its own.

Direct-usage census — nothing renders these widgets without the host in production

None of the eight files exports its component, so the only way to render one without SchemaRenderer is ComponentRegistry.get(...). Every such call site was enumerated across packages/, apps/ and examples/:

  • No production path renders any of the eight directly. packages/plugin-form composes { type: 'form' } nodes and hands them to SchemaRenderer with no root-level disabled; every other consumer goes through the renderer too. So no boolean-only raw read is kept anywhere.
  • One test relied on the raw read: form-renderers.test.tsx "should handle disabled state" mounted renderComponent({ type: 'input', disabled: true }) with no host in front of it. It now renders through the real SchemaRenderer, which is the only mount that can assert anything about an authored disabled at all.
  • Every other direct-render test authors disabled on a field (fields: [{ …, disabled: true }]), which travels the untouched fieldDisabled path.

Verification

whatheadverdict line
vitest run packages/components/ packages/fields/ packages/react/f1f3fa6efTest Files 422 passed (422) / Tests 5041 passed (5041)
vitest run packages/components/32b214a04Test Files 224 passed (224) / Tests 2065 passed (2065)
turbo run type-check --filter=@object-ui/components (tsc --noEmit && tsc -p tsconfig.test.json — the new test file is type-checked)78be0e9b2Tasks: 9 successful, 9 total, 0 error TS
turbo run build --filter='@object-ui/components^...'78be0e9b2Tasks: 7 successful, 7 total
pnpm --filter @object-ui/components lint (eslint . — the package's own CI unit, not a narrowing)f1f3fa6ef✖ 944 problems (0 errors, 944 warnings) — all pre-existing
check:control-bytes78be0e9b2✅ check-control-bytes: OK (scanned 6014 tracked text file(s); skipped 85 binary).
check:vi-mock-specifiers78be0e9b2✅ check-vi-mock-specifiers: OK (…)
check:vi-mock-inherit78be0e9b2✅ check-vi-mock-inherit: OK (… 118 inherit, 0 auto-mocked …)
check:self-import78be0e9b2✅ No package names itself inside its own src/.
check:phantom-deps78be0e9b2✅ Every in-scope import is declared by the package that publishes it.
scripts/check-changeset-presence.mjs78be0e9b2✅ 10 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s)
scripts/check-changeset-no-major.mjs78be0e9b2✅ No changeset declares a major bump.
check:sdui-registration-pins (console built first)f1f3fa6ef✅ All 16 registration(s) a sideEffects array promises are present in the built console (517 chunks weighed; the 3 ruled control(s) are in the derived set).
check:eager-closure (console built first)f1f3fa6efexit 0

Declared narrowing. The suite re-run on the final head is the one measurement that did not land: the shared verify lock was held continuously by a sibling agent's repo-wide chain. What the older greens still cover is exact rather than assumed — git diff --stat 32b214a04 78be0e9b2 -- packages/components/src is a single added file, page-header-action-ids.dist.spec.tsx, which matches DIST_PIN_GLOB (packages/*/src/**/*.dist.spec.tsx) and therefore runs only in the opt-in dist project behind OBJECTUI_DIST_PINS=1 — never in the unit / dom / dom-heavy projects a packages/components/ path filter drives. No production source under packages/components/src moved. The merge's other content (packages/types, packages/plugin-form) is covered against this package by the green type-check on 78be0e9b2. CI runs the full farm on this PR regardless.

Ablation (taken after the commit, so the restore leg has a real reference). form.tsx and button.tsx reverted to 67dadd602, with the mutation confirmed on disk by anchor-text counts in both directions (hostDisabled → 0 in both files; disabled = false, and schema.disabled || props.disabled → 1 each) and a non-empty git diff HEAD. Mutated: Tests 2 failed | 23 passed (25) — the same two cases, the 23 controls still green. Restored with git checkout HEAD -- ABSOLUTE_PATH, proven by an empty git diff HEADand a git hash-object match against each file's HEAD blob, then Tests 25 passed (25). No rebuild leg is owed: the root vitest.config.mts aliases @object-ui/components and @object-ui/react to packages/*/src, so the mutated source is what runs.

#7087 remains open. #7240, #6169 and #4581 are context only — none of them is closed here.

🤖 Generated with Claude Code

https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho


Generated by Claude Code

…never the raw key
`disabled` on a schema node is `boolean | string` — the string being a
predicate. `SchemaRenderer` evaluates `disabled` / `disabledOn`, strips the raw
key from the props it spreads, and forwards the answer as a real `disabled`
prop. Eight widgets re-read the raw key beside that verdict, and an expression
string is truthy however it evaluates. One carrier for one question (AGENTS.md
#0.1); the in-tree precedent is `plugin-chatbot`'s renderer.
Two runtime defects, both measured through the real renderer and the real
registry before the fix:
* `ui:form` destructured `disabled` off `FormSchema` and discarded the host
prop as `_disabledProp`. A FALSE predicate greyed out every field, the
submit button and the cancel button.
* `ui:button` computed `schema.disabled || props.disabled || isLoading` and
then let `toFormControlDomProps` re-declare `disabled` in the spread that
follows — the key is kept even when the value is `undefined`, so the
computed state was overwritten and `loading: true` rendered a spinner on a
live, clickable button.
The six DOM pass-throughs (`input`, `textarea`, `checkbox`, `select`,
`combobox`, `collapsible`) were already correct AT RUNTIME through the host,
because the forwarded prop was spread after the raw one; they now take the
verdict by name so the behaviour no longer depends on spread order, and the
raw read that the `disabled?: boolean` narrowings were load-bearing for is
gone.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.3 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-DC2n5ziW.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
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)514.48KB117.36KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.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)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
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)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
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.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
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

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants

@os-litant@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key - #7318

Merged
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier
Sep 2, 2026
Merged

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key#7318
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier

Conversation

@os-litant

Copy link
Copy Markdown
Collaborator

Fixes#7238

disabled on a schema node is boolean | string — the string being a predicate. SchemaRenderer evaluates disabled / disabledOn, strips the raw key from the props it spreads, and forwards the answer as a real disabled prop (disabled: __disabled || undefined). Eight widgets re-read the raw key beside that verdict. An expression string is truthy however it evaluates, so the raw read is a second, wrong answer to a question the host already settled — AGENTS.md #0.1, one carrier for one question. The in-tree precedent is packages/plugin-chatbot/src/renderer.tsx (#6169), whose shape this copies: take the verdict by name in the destructure, consume it, never re-read schema.disabled.

What was measured before the fix

Every case renders through the realSchemaRenderer and the real registry, and every predicate is exercised in both polarities on the same node — that is what separates "the widget ignores the verdict" from "the widget is never disabled at all".

On 67dadd602, packages/components/src/__tests__/disabled-verdict-one-carrier.test.tsx reported Tests 2 failed | 23 passed (25):

× `form` … > a FALSE predicate leaves the fields and the action bar interactive
AssertionError: expected true to be false
× `ui:button` … > `loading` disables the button — the leg the raw read used to lose
AssertionError: expected false to be true

The 23 passing are the discriminating controls: the TRUE-predicate polarity of every case, the literal disabled: true polarity, and both polarities of all six DOM pass-throughs.

The two runtime defects

ui:formform.tsx destructured disabled = false off FormSchema and discarded the host prop as disabled: _disabledProp. The raw value fed every field's disabled, the cancel button and the submit button, so a form declaring disabled: "${data.status == 'locked'}" greyed itself out whatever the predicate said. It now consumes the verdict (hostDisabled === true) and the discard is gone.

ui:button — the card predicted a predicate-string defect here. That is not what the tree does, and this PR reports the measurement rather than the prediction: isDisabled was computed from the raw key and then overwritten, because disabled also rode buttonProps into toFormControlDomProps, which forwards it by name and keeps the key even when the value is undefined (pickDomProps iterates Object.keys). Spread after disabled={isDisabled}, the host's verdict won — so the predicate polarities were already correct, and the casualty was the loading leg of the OR: loading: true with no authored predicate rendered the spinner on a live, clickable button. Destructuring disabled out of props removes the second writer; isDisabled = hostDisabled || isLoading is now the only one.

The six DOM pass-throughs (input, textarea, checkbox, select, combobox, collapsible) were correct at runtime through the host — the forwarded prop was spread after the raw one — so their defect was compile-only, exactly as the card says. They now take the verdict by name, so the behaviour no longer depends on spread order.

The compile half — the #7087 types applied as a scratch probe

06103d1d6 (branch claude/issue-7087-disabled-narrowing) merged in, @object-ui/typesrebuiltpackages/components overrides the root paths map, so it resolves @object-ui/types through node_modules to dist/index.d.ts, and an unbuilt probe would have measured the old narrowings — then pnpm --filter @object-ui/components run type-check:

legerror TS2322total TS errors
with this PR's fix00
the eight files reverted to 67dadd6029exit 2

The nine, by file: form.tsx ×3, and input / textarea / checkbox / select / combobox / collapsible ×1 each. button.tsx contributes none — props is any there, which is exactly why its defect was invisible to the compiler. The scratch merge was aborted before committing: packages/types is not touched by this PR, #7087 remains open, and its own PR is reviewed on its own.

Direct-usage census — nothing renders these widgets without the host in production

None of the eight files exports its component, so the only way to render one without SchemaRenderer is ComponentRegistry.get(...). Every such call site was enumerated across packages/, apps/ and examples/:

  • No production path renders any of the eight directly. packages/plugin-form composes { type: 'form' } nodes and hands them to SchemaRenderer with no root-level disabled; every other consumer goes through the renderer too. So no boolean-only raw read is kept anywhere.
  • One test relied on the raw read: form-renderers.test.tsx "should handle disabled state" mounted renderComponent({ type: 'input', disabled: true }) with no host in front of it. It now renders through the real SchemaRenderer, which is the only mount that can assert anything about an authored disabled at all.
  • Every other direct-render test authors disabled on a field (fields: [{ …, disabled: true }]), which travels the untouched fieldDisabled path.

Verification

whatheadverdict line
vitest run packages/components/ packages/fields/ packages/react/f1f3fa6efTest Files 422 passed (422) / Tests 5041 passed (5041)
vitest run packages/components/32b214a04Test Files 224 passed (224) / Tests 2065 passed (2065)
turbo run type-check --filter=@object-ui/components (tsc --noEmit && tsc -p tsconfig.test.json — the new test file is type-checked)78be0e9b2Tasks: 9 successful, 9 total, 0 error TS
turbo run build --filter='@object-ui/components^...'78be0e9b2Tasks: 7 successful, 7 total
pnpm --filter @object-ui/components lint (eslint . — the package's own CI unit, not a narrowing)f1f3fa6ef✖ 944 problems (0 errors, 944 warnings) — all pre-existing
check:control-bytes78be0e9b2✅ check-control-bytes: OK (scanned 6014 tracked text file(s); skipped 85 binary).
check:vi-mock-specifiers78be0e9b2✅ check-vi-mock-specifiers: OK (…)
check:vi-mock-inherit78be0e9b2✅ check-vi-mock-inherit: OK (… 118 inherit, 0 auto-mocked …)
check:self-import78be0e9b2✅ No package names itself inside its own src/.
check:phantom-deps78be0e9b2✅ Every in-scope import is declared by the package that publishes it.
scripts/check-changeset-presence.mjs78be0e9b2✅ 10 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s)
scripts/check-changeset-no-major.mjs78be0e9b2✅ No changeset declares a major bump.
check:sdui-registration-pins (console built first)f1f3fa6ef✅ All 16 registration(s) a sideEffects array promises are present in the built console (517 chunks weighed; the 3 ruled control(s) are in the derived set).
check:eager-closure (console built first)f1f3fa6efexit 0

Declared narrowing. The suite re-run on the final head is the one measurement that did not land: the shared verify lock was held continuously by a sibling agent's repo-wide chain. What the older greens still cover is exact rather than assumed — git diff --stat 32b214a04 78be0e9b2 -- packages/components/src is a single added file, page-header-action-ids.dist.spec.tsx, which matches DIST_PIN_GLOB (packages/*/src/**/*.dist.spec.tsx) and therefore runs only in the opt-in dist project behind OBJECTUI_DIST_PINS=1 — never in the unit / dom / dom-heavy projects a packages/components/ path filter drives. No production source under packages/components/src moved. The merge's other content (packages/types, packages/plugin-form) is covered against this package by the green type-check on 78be0e9b2. CI runs the full farm on this PR regardless.

Ablation (taken after the commit, so the restore leg has a real reference). form.tsx and button.tsx reverted to 67dadd602, with the mutation confirmed on disk by anchor-text counts in both directions (hostDisabled → 0 in both files; disabled = false, and schema.disabled || props.disabled → 1 each) and a non-empty git diff HEAD. Mutated: Tests 2 failed | 23 passed (25) — the same two cases, the 23 controls still green. Restored with git checkout HEAD -- ABSOLUTE_PATH, proven by an empty git diff HEADand a git hash-object match against each file's HEAD blob, then Tests 25 passed (25). No rebuild leg is owed: the root vitest.config.mts aliases @object-ui/components and @object-ui/react to packages/*/src, so the mutated source is what runs.

#7087 remains open. #7240, #6169 and #4581 are context only — none of them is closed here.

🤖 Generated with Claude Code

https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho


Generated by Claude Code

…never the raw key
`disabled` on a schema node is `boolean | string` — the string being a
predicate. `SchemaRenderer` evaluates `disabled` / `disabledOn`, strips the raw
key from the props it spreads, and forwards the answer as a real `disabled`
prop. Eight widgets re-read the raw key beside that verdict, and an expression
string is truthy however it evaluates. One carrier for one question (AGENTS.md
#0.1); the in-tree precedent is `plugin-chatbot`'s renderer.
Two runtime defects, both measured through the real renderer and the real
registry before the fix:
* `ui:form` destructured `disabled` off `FormSchema` and discarded the host
prop as `_disabledProp`. A FALSE predicate greyed out every field, the
submit button and the cancel button.
* `ui:button` computed `schema.disabled || props.disabled || isLoading` and
then let `toFormControlDomProps` re-declare `disabled` in the spread that
follows — the key is kept even when the value is `undefined`, so the
computed state was overwritten and `loading: true` rendered a spinner on a
live, clickable button.
The six DOM pass-throughs (`input`, `textarea`, `checkbox`, `select`,
`combobox`, `collapsible`) were already correct AT RUNTIME through the host,
because the forwarded prop was spread after the raw one; they now take the
verdict by name so the behaviour no longer depends on spread order, and the
raw read that the `disabled?: boolean` narrowings were load-bearing for is
gone.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.3 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-DC2n5ziW.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
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)514.48KB117.36KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.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)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
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)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
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.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
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

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants

@os-litant@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key - #7318

Merged
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier
Sep 2, 2026
Merged

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key#7318
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier

Conversation

@os-litant

Copy link
Copy Markdown
Collaborator

Fixes#7238

disabled on a schema node is boolean | string — the string being a predicate. SchemaRenderer evaluates disabled / disabledOn, strips the raw key from the props it spreads, and forwards the answer as a real disabled prop (disabled: __disabled || undefined). Eight widgets re-read the raw key beside that verdict. An expression string is truthy however it evaluates, so the raw read is a second, wrong answer to a question the host already settled — AGENTS.md #0.1, one carrier for one question. The in-tree precedent is packages/plugin-chatbot/src/renderer.tsx (#6169), whose shape this copies: take the verdict by name in the destructure, consume it, never re-read schema.disabled.

What was measured before the fix

Every case renders through the realSchemaRenderer and the real registry, and every predicate is exercised in both polarities on the same node — that is what separates "the widget ignores the verdict" from "the widget is never disabled at all".

On 67dadd602, packages/components/src/__tests__/disabled-verdict-one-carrier.test.tsx reported Tests 2 failed | 23 passed (25):

× `form` … > a FALSE predicate leaves the fields and the action bar interactive
AssertionError: expected true to be false
× `ui:button` … > `loading` disables the button — the leg the raw read used to lose
AssertionError: expected false to be true

The 23 passing are the discriminating controls: the TRUE-predicate polarity of every case, the literal disabled: true polarity, and both polarities of all six DOM pass-throughs.

The two runtime defects

ui:formform.tsx destructured disabled = false off FormSchema and discarded the host prop as disabled: _disabledProp. The raw value fed every field's disabled, the cancel button and the submit button, so a form declaring disabled: "${data.status == 'locked'}" greyed itself out whatever the predicate said. It now consumes the verdict (hostDisabled === true) and the discard is gone.

ui:button — the card predicted a predicate-string defect here. That is not what the tree does, and this PR reports the measurement rather than the prediction: isDisabled was computed from the raw key and then overwritten, because disabled also rode buttonProps into toFormControlDomProps, which forwards it by name and keeps the key even when the value is undefined (pickDomProps iterates Object.keys). Spread after disabled={isDisabled}, the host's verdict won — so the predicate polarities were already correct, and the casualty was the loading leg of the OR: loading: true with no authored predicate rendered the spinner on a live, clickable button. Destructuring disabled out of props removes the second writer; isDisabled = hostDisabled || isLoading is now the only one.

The six DOM pass-throughs (input, textarea, checkbox, select, combobox, collapsible) were correct at runtime through the host — the forwarded prop was spread after the raw one — so their defect was compile-only, exactly as the card says. They now take the verdict by name, so the behaviour no longer depends on spread order.

The compile half — the #7087 types applied as a scratch probe

06103d1d6 (branch claude/issue-7087-disabled-narrowing) merged in, @object-ui/typesrebuiltpackages/components overrides the root paths map, so it resolves @object-ui/types through node_modules to dist/index.d.ts, and an unbuilt probe would have measured the old narrowings — then pnpm --filter @object-ui/components run type-check:

legerror TS2322total TS errors
with this PR's fix00
the eight files reverted to 67dadd6029exit 2

The nine, by file: form.tsx ×3, and input / textarea / checkbox / select / combobox / collapsible ×1 each. button.tsx contributes none — props is any there, which is exactly why its defect was invisible to the compiler. The scratch merge was aborted before committing: packages/types is not touched by this PR, #7087 remains open, and its own PR is reviewed on its own.

Direct-usage census — nothing renders these widgets without the host in production

None of the eight files exports its component, so the only way to render one without SchemaRenderer is ComponentRegistry.get(...). Every such call site was enumerated across packages/, apps/ and examples/:

  • No production path renders any of the eight directly. packages/plugin-form composes { type: 'form' } nodes and hands them to SchemaRenderer with no root-level disabled; every other consumer goes through the renderer too. So no boolean-only raw read is kept anywhere.
  • One test relied on the raw read: form-renderers.test.tsx "should handle disabled state" mounted renderComponent({ type: 'input', disabled: true }) with no host in front of it. It now renders through the real SchemaRenderer, which is the only mount that can assert anything about an authored disabled at all.
  • Every other direct-render test authors disabled on a field (fields: [{ …, disabled: true }]), which travels the untouched fieldDisabled path.

Verification

whatheadverdict line
vitest run packages/components/ packages/fields/ packages/react/f1f3fa6efTest Files 422 passed (422) / Tests 5041 passed (5041)
vitest run packages/components/32b214a04Test Files 224 passed (224) / Tests 2065 passed (2065)
turbo run type-check --filter=@object-ui/components (tsc --noEmit && tsc -p tsconfig.test.json — the new test file is type-checked)78be0e9b2Tasks: 9 successful, 9 total, 0 error TS
turbo run build --filter='@object-ui/components^...'78be0e9b2Tasks: 7 successful, 7 total
pnpm --filter @object-ui/components lint (eslint . — the package's own CI unit, not a narrowing)f1f3fa6ef✖ 944 problems (0 errors, 944 warnings) — all pre-existing
check:control-bytes78be0e9b2✅ check-control-bytes: OK (scanned 6014 tracked text file(s); skipped 85 binary).
check:vi-mock-specifiers78be0e9b2✅ check-vi-mock-specifiers: OK (…)
check:vi-mock-inherit78be0e9b2✅ check-vi-mock-inherit: OK (… 118 inherit, 0 auto-mocked …)
check:self-import78be0e9b2✅ No package names itself inside its own src/.
check:phantom-deps78be0e9b2✅ Every in-scope import is declared by the package that publishes it.
scripts/check-changeset-presence.mjs78be0e9b2✅ 10 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s)
scripts/check-changeset-no-major.mjs78be0e9b2✅ No changeset declares a major bump.
check:sdui-registration-pins (console built first)f1f3fa6ef✅ All 16 registration(s) a sideEffects array promises are present in the built console (517 chunks weighed; the 3 ruled control(s) are in the derived set).
check:eager-closure (console built first)f1f3fa6efexit 0

Declared narrowing. The suite re-run on the final head is the one measurement that did not land: the shared verify lock was held continuously by a sibling agent's repo-wide chain. What the older greens still cover is exact rather than assumed — git diff --stat 32b214a04 78be0e9b2 -- packages/components/src is a single added file, page-header-action-ids.dist.spec.tsx, which matches DIST_PIN_GLOB (packages/*/src/**/*.dist.spec.tsx) and therefore runs only in the opt-in dist project behind OBJECTUI_DIST_PINS=1 — never in the unit / dom / dom-heavy projects a packages/components/ path filter drives. No production source under packages/components/src moved. The merge's other content (packages/types, packages/plugin-form) is covered against this package by the green type-check on 78be0e9b2. CI runs the full farm on this PR regardless.

Ablation (taken after the commit, so the restore leg has a real reference). form.tsx and button.tsx reverted to 67dadd602, with the mutation confirmed on disk by anchor-text counts in both directions (hostDisabled → 0 in both files; disabled = false, and schema.disabled || props.disabled → 1 each) and a non-empty git diff HEAD. Mutated: Tests 2 failed | 23 passed (25) — the same two cases, the 23 controls still green. Restored with git checkout HEAD -- ABSOLUTE_PATH, proven by an empty git diff HEADand a git hash-object match against each file's HEAD blob, then Tests 25 passed (25). No rebuild leg is owed: the root vitest.config.mts aliases @object-ui/components and @object-ui/react to packages/*/src, so the mutated source is what runs.

#7087 remains open. #7240, #6169 and #4581 are context only — none of them is closed here.

🤖 Generated with Claude Code

https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho


Generated by Claude Code

…never the raw key
`disabled` on a schema node is `boolean | string` — the string being a
predicate. `SchemaRenderer` evaluates `disabled` / `disabledOn`, strips the raw
key from the props it spreads, and forwards the answer as a real `disabled`
prop. Eight widgets re-read the raw key beside that verdict, and an expression
string is truthy however it evaluates. One carrier for one question (AGENTS.md
#0.1); the in-tree precedent is `plugin-chatbot`'s renderer.
Two runtime defects, both measured through the real renderer and the real
registry before the fix:
* `ui:form` destructured `disabled` off `FormSchema` and discarded the host
prop as `_disabledProp`. A FALSE predicate greyed out every field, the
submit button and the cancel button.
* `ui:button` computed `schema.disabled || props.disabled || isLoading` and
then let `toFormControlDomProps` re-declare `disabled` in the spread that
follows — the key is kept even when the value is `undefined`, so the
computed state was overwritten and `loading: true` rendered a spinner on a
live, clickable button.
The six DOM pass-throughs (`input`, `textarea`, `checkbox`, `select`,
`combobox`, `collapsible`) were already correct AT RUNTIME through the host,
because the forwarded prop was spread after the raw one; they now take the
verdict by name so the behaviour no longer depends on spread order, and the
raw read that the `disabled?: boolean` narrowings were load-bearing for is
gone.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.3 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-DC2n5ziW.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
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)514.48KB117.36KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.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)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
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)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
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.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
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

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants

@os-litant@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key - #7318

Merged
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier
Sep 2, 2026
Merged

fix(components): read SchemaRenderer's evaluated disabled verdict, never the raw key#7318
os-litant merged 3 commits into
mainfrom
claude/issue-7238-disabled-one-carrier

Conversation

@os-litant

Copy link
Copy Markdown
Collaborator

Fixes#7238

disabled on a schema node is boolean | string — the string being a predicate. SchemaRenderer evaluates disabled / disabledOn, strips the raw key from the props it spreads, and forwards the answer as a real disabled prop (disabled: __disabled || undefined). Eight widgets re-read the raw key beside that verdict. An expression string is truthy however it evaluates, so the raw read is a second, wrong answer to a question the host already settled — AGENTS.md #0.1, one carrier for one question. The in-tree precedent is packages/plugin-chatbot/src/renderer.tsx (#6169), whose shape this copies: take the verdict by name in the destructure, consume it, never re-read schema.disabled.

What was measured before the fix

Every case renders through the realSchemaRenderer and the real registry, and every predicate is exercised in both polarities on the same node — that is what separates "the widget ignores the verdict" from "the widget is never disabled at all".

On 67dadd602, packages/components/src/__tests__/disabled-verdict-one-carrier.test.tsx reported Tests 2 failed | 23 passed (25):

× `form` … > a FALSE predicate leaves the fields and the action bar interactive
AssertionError: expected true to be false
× `ui:button` … > `loading` disables the button — the leg the raw read used to lose
AssertionError: expected false to be true

The 23 passing are the discriminating controls: the TRUE-predicate polarity of every case, the literal disabled: true polarity, and both polarities of all six DOM pass-throughs.

The two runtime defects

ui:formform.tsx destructured disabled = false off FormSchema and discarded the host prop as disabled: _disabledProp. The raw value fed every field's disabled, the cancel button and the submit button, so a form declaring disabled: "${data.status == 'locked'}" greyed itself out whatever the predicate said. It now consumes the verdict (hostDisabled === true) and the discard is gone.

ui:button — the card predicted a predicate-string defect here. That is not what the tree does, and this PR reports the measurement rather than the prediction: isDisabled was computed from the raw key and then overwritten, because disabled also rode buttonProps into toFormControlDomProps, which forwards it by name and keeps the key even when the value is undefined (pickDomProps iterates Object.keys). Spread after disabled={isDisabled}, the host's verdict won — so the predicate polarities were already correct, and the casualty was the loading leg of the OR: loading: true with no authored predicate rendered the spinner on a live, clickable button. Destructuring disabled out of props removes the second writer; isDisabled = hostDisabled || isLoading is now the only one.

The six DOM pass-throughs (input, textarea, checkbox, select, combobox, collapsible) were correct at runtime through the host — the forwarded prop was spread after the raw one — so their defect was compile-only, exactly as the card says. They now take the verdict by name, so the behaviour no longer depends on spread order.

The compile half — the #7087 types applied as a scratch probe

06103d1d6 (branch claude/issue-7087-disabled-narrowing) merged in, @object-ui/typesrebuiltpackages/components overrides the root paths map, so it resolves @object-ui/types through node_modules to dist/index.d.ts, and an unbuilt probe would have measured the old narrowings — then pnpm --filter @object-ui/components run type-check:

legerror TS2322total TS errors
with this PR's fix00
the eight files reverted to 67dadd6029exit 2

The nine, by file: form.tsx ×3, and input / textarea / checkbox / select / combobox / collapsible ×1 each. button.tsx contributes none — props is any there, which is exactly why its defect was invisible to the compiler. The scratch merge was aborted before committing: packages/types is not touched by this PR, #7087 remains open, and its own PR is reviewed on its own.

Direct-usage census — nothing renders these widgets without the host in production

None of the eight files exports its component, so the only way to render one without SchemaRenderer is ComponentRegistry.get(...). Every such call site was enumerated across packages/, apps/ and examples/:

  • No production path renders any of the eight directly. packages/plugin-form composes { type: 'form' } nodes and hands them to SchemaRenderer with no root-level disabled; every other consumer goes through the renderer too. So no boolean-only raw read is kept anywhere.
  • One test relied on the raw read: form-renderers.test.tsx "should handle disabled state" mounted renderComponent({ type: 'input', disabled: true }) with no host in front of it. It now renders through the real SchemaRenderer, which is the only mount that can assert anything about an authored disabled at all.
  • Every other direct-render test authors disabled on a field (fields: [{ …, disabled: true }]), which travels the untouched fieldDisabled path.

Verification

whatheadverdict line
vitest run packages/components/ packages/fields/ packages/react/f1f3fa6efTest Files 422 passed (422) / Tests 5041 passed (5041)
vitest run packages/components/32b214a04Test Files 224 passed (224) / Tests 2065 passed (2065)
turbo run type-check --filter=@object-ui/components (tsc --noEmit && tsc -p tsconfig.test.json — the new test file is type-checked)78be0e9b2Tasks: 9 successful, 9 total, 0 error TS
turbo run build --filter='@object-ui/components^...'78be0e9b2Tasks: 7 successful, 7 total
pnpm --filter @object-ui/components lint (eslint . — the package's own CI unit, not a narrowing)f1f3fa6ef✖ 944 problems (0 errors, 944 warnings) — all pre-existing
check:control-bytes78be0e9b2✅ check-control-bytes: OK (scanned 6014 tracked text file(s); skipped 85 binary).
check:vi-mock-specifiers78be0e9b2✅ check-vi-mock-specifiers: OK (…)
check:vi-mock-inherit78be0e9b2✅ check-vi-mock-inherit: OK (… 118 inherit, 0 auto-mocked …)
check:self-import78be0e9b2✅ No package names itself inside its own src/.
check:phantom-deps78be0e9b2✅ Every in-scope import is declared by the package that publishes it.
scripts/check-changeset-presence.mjs78be0e9b2✅ 10 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s)
scripts/check-changeset-no-major.mjs78be0e9b2✅ No changeset declares a major bump.
check:sdui-registration-pins (console built first)f1f3fa6ef✅ All 16 registration(s) a sideEffects array promises are present in the built console (517 chunks weighed; the 3 ruled control(s) are in the derived set).
check:eager-closure (console built first)f1f3fa6efexit 0

Declared narrowing. The suite re-run on the final head is the one measurement that did not land: the shared verify lock was held continuously by a sibling agent's repo-wide chain. What the older greens still cover is exact rather than assumed — git diff --stat 32b214a04 78be0e9b2 -- packages/components/src is a single added file, page-header-action-ids.dist.spec.tsx, which matches DIST_PIN_GLOB (packages/*/src/**/*.dist.spec.tsx) and therefore runs only in the opt-in dist project behind OBJECTUI_DIST_PINS=1 — never in the unit / dom / dom-heavy projects a packages/components/ path filter drives. No production source under packages/components/src moved. The merge's other content (packages/types, packages/plugin-form) is covered against this package by the green type-check on 78be0e9b2. CI runs the full farm on this PR regardless.

Ablation (taken after the commit, so the restore leg has a real reference). form.tsx and button.tsx reverted to 67dadd602, with the mutation confirmed on disk by anchor-text counts in both directions (hostDisabled → 0 in both files; disabled = false, and schema.disabled || props.disabled → 1 each) and a non-empty git diff HEAD. Mutated: Tests 2 failed | 23 passed (25) — the same two cases, the 23 controls still green. Restored with git checkout HEAD -- ABSOLUTE_PATH, proven by an empty git diff HEADand a git hash-object match against each file's HEAD blob, then Tests 25 passed (25). No rebuild leg is owed: the root vitest.config.mts aliases @object-ui/components and @object-ui/react to packages/*/src, so the mutated source is what runs.

#7087 remains open. #7240, #6169 and #4581 are context only — none of them is closed here.

🤖 Generated with Claude Code

https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho


Generated by Claude Code

…never the raw key
`disabled` on a schema node is `boolean | string` — the string being a
predicate. `SchemaRenderer` evaluates `disabled` / `disabledOn`, strips the raw
key from the props it spreads, and forwards the answer as a real `disabled`
prop. Eight widgets re-read the raw key beside that verdict, and an expression
string is truthy however it evaluates. One carrier for one question (AGENTS.md
#0.1); the in-tree precedent is `plugin-chatbot`'s renderer.
Two runtime defects, both measured through the real renderer and the real
registry before the fix:
* `ui:form` destructured `disabled` off `FormSchema` and discarded the host
prop as `_disabledProp`. A FALSE predicate greyed out every field, the
submit button and the cancel button.
* `ui:button` computed `schema.disabled || props.disabled || isLoading` and
then let `toFormControlDomProps` re-declare `disabled` in the spread that
follows — the key is kept even when the value is `undefined`, so the
computed state was overwritten and `loading: true` rendered a spinner on a
live, clickable button.
The six DOM pass-throughs (`input`, `textarea`, `checkbox`, `select`,
`combobox`, `collapsible`) were already correct AT RUNTIME through the host,
because the forwarded prop was spread after the raw one; they now take the
verdict by name so the behaviour no longer depends on spread order, and the
raw read that the `disabled?: boolean` narrowings were load-bearing for is
gone.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01NRRumy89BYdW9ogbcdHTho
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.3 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-DC2n5ziW.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
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)514.48KB117.36KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.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)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
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)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
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.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
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

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants

@os-litant@claude