Skip to content

fix(plugin-form): render a childObject config hint for a declined master-detail collection - #6374

Merged
os-support-ai merged 1 commit into
mainfrom
claude/issue-6360-master-detail-declined-config-hint
Aug 25, 2026
Merged

fix(plugin-form): render a childObject config hint for a declined master-detail collection#6374
os-support-ai merged 1 commit into
mainfrom
claude/issue-6360-master-detail-declined-config-hint

Conversation

@claude

@claude claude Bot commented Aug 25, 2026

Copy link
Copy Markdown
Contributor

Fixes #6360

MasterDetailForm already declines to fetch the schema of a detail collection whose childObject is missing (the decline landed in #5940) and returns the entry unresolved. The render branch it then fell into read !d.columns?.length ? <p>Loading columns…</p>, so the author was shown a spinner-shaped message that can never end — the decline is precisely the guarantee that those columns will not arrive — and that never named the key they had to set.

The change

packages/plugin-form/src/MasterDetailForm.tsx — the !d.childObject case takes its own branch, checked before the columns arm because nothing is pending: there is no first paint where "loading" is honest.

{!d.childObject ? (
  <p className="py-4 text-sm text-muted-foreground" data-testid="md-detail-no-child-object">
    This collection has no child object configured: set{' '}
    <code className="font-mono">childObject</code> to the object whose rows it lists.
  </p>
) : !d.columns?.length ? (
  <p className="py-4 text-sm text-muted-foreground">Loading columns…</p>
) : (

Copy and structure are LineItemsPanel.tsx:327-334's (landed by #6359 for #6194) — same key, same register, same "childObject arm ahead of the loading arm", its own data-testid. The two components had been disagreeing about what an author sees for the identical authoring mistake, and the weaker of the two was the one that read as the precedent.

The two false comments

Both claimed "the grid card shows a config hint". Following them is what cost the reporting reader a run of the component.

Ghost-assertion guard (mandatory, both readings)

The new assertions were run against unmodified origin/main source first — with the test file's additions in place and MasterDetailForm.tsx untouched.

Beforepnpm exec vitest run packages/plugin-form/src/MasterDetailForm.detailChildObjectDecline.test.tsx, exit 1:

FAIL  |dom| packages/plugin-form/src/MasterDetailForm.detailChildObjectDecline.test.tsx
  > what a declined detail RENDERS (objectui#6360)
  > names `childObject` in a config hint instead of a permanent "Loading columns…"
TestingLibraryElementError: Unable to find an element by: [data-testid="md-detail-no-child-object"]

 Test Files  1 failed (1)
      Tests  1 failed | 3 passed (4)

The failure dump confirms the defect rather than a missing test id — the rendered section was:

<section class="space-y-2">
  <h3 class="text-sm font-medium text-foreground">Probe Detail</h3>
  <p class="py-4 text-sm text-muted-foreground">Loading columns…</p>
</section>

After — same command, exit 0:

 Test Files  1 passed (1)
      Tests  4 passed (4)

Tests

MasterDetailForm.detailChildObjectDecline.test.tsx already existed and covered the fetch half only (the exact data-call list, the console.warn). No existing assertion was weakened or removed — the file goes 2 tests → 4.

The two new tests pin both directions, matching the discipline the file already states for its fetch half:

  1. the declined detail renders a hint whose text contains childObject, contains no Loading columns…, and still shows its section title — with the existing exact-call-list assertion re-stated so the render claim is anchored to a genuinely declined detail;
  2. ⭐ a detail that does name its child object shows neither the hint nor anything but Loading columns… while it resolves. Without this, deleting the loading branch outright would pass test 1.

Verification

Measured on 8a8a45b1b. git status / git diff HEAD were empty at the time of every reading below, so all of them were taken on this exact tree.

Check Result
pnpm exec vitest run packages/plugin-form/ Test Files 66 passed (66) / Tests 671 passed (671), exit 0
tsc -p packages/plugin-form/tsconfig.json --noEmit exit 0
tsc -p packages/plugin-form/tsconfig.test.json --noEmit exit 0
node scripts/check-control-bytes.mjs ✅ check-control-bytes: OK (scanned 5247 tracked text file(s); skipped 85 binary)
node scripts/check-changeset-presence.mjs ✅ 2 source file(s) of 1 released package(s) changed, and this change declares 1 changeset(s)
node scripts/check-changeset-no-major.mjs ✅ No changeset declares a major bump.
downstream renders of this block apps/console binding-reach / record-reach / formType-manifest + examples/schema-catalog gallery render: Test Files 4 passed (4) / Tests 612 passed (612), exit 0

Dependency closure built first (turbo run build --filter='@object-ui/plugin-form^...', 11/11 successful) — before it, this fresh worktree's typecheck reported six TS2307 Cannot find module '@object-ui/…', which is the missing-dist artifact and not a finding.

Typecheck coverage is real, not assumed: tsc -p …/tsconfig.test.json --listFiles lists both edited files, so the test-side typecheck does cover the file this PR extends.

Lint — a narrowed run, declared as narrowed

Repo-wide pnpm lint is CI's run. Locally, eslint was run on the two changed files only, and the narrowing is measured rather than assumed:

  • Files linted: 2, read from --format json output, not estimated. MasterDetailForm.tsx 0 errors / 25 warnings; the test file 0 errors / 4 warnings.
  • Baseline comparison: origin/main's MasterDetailForm.tsx piped through eslint --stdin --stdin-filename … reports 0 errors / 25 warnings — identical, so this change introduces no new finding.
  • Invariance for untouched files: eslint.config.js declares no projectService, project:, parserOptions or tsconfigRootDir — type-aware linting is off, so no edit in this diff can move the verdict on a file it does not touch.

Out of scope — filed for triage, not addressed here

Scope

Single site. "Loading columns…" appears exactly once in repo source, at the line this PR changes — confirmed by git grep on this branch. Not widened into a family sweep.

No spec or schema change: childObject is already REQUIRED on MasterDetailDetailConfig. This is renderer-side reporting of an authoring error the type system cannot catch, because a detail entry reaches this renderer straight off an authored JSON schema.

Changeset: .changeset/6360-master-detail-declined-detail-config-hint.md, patch, @object-ui/plugin-form.

Draft, and staying draft — the PM lands it.


Generated by Claude Code


Generated by Claude Code

`MasterDetailForm` already declines to fetch the schema of a detail collection
whose `childObject` never resolved (objectui#5940) and returns the entry
unresolved. The render branch it then fell into read
`!d.columns?.length ? <p>Loading columns…</p>`, so the author was shown a
spinner-shaped message that can never end — the decline is precisely the
guarantee that those columns will not arrive — and that never named the key
they had to set.

The `!d.childObject` case now takes its own branch, checked BEFORE the columns
arm because nothing is pending: there is no first paint where "loading" is
honest. Copy and structure are `LineItemsPanel`'s, which took the same branch
for the same key in objectui#6194 / PR #6359; the two components had disagreed
about what an author sees for the identical authoring mistake. The hint carries
its own `data-testid` (`md-detail-no-child-object`).

Two source comments claimed "the grid card shows a config hint". Both were
false. The one at the decline is now true and records that it was not. The one
at the resolver's `catch` is corrected rather than made true: an entry whose
schema fetch threw DOES name a child object, so it skips the new branch and
still lands on `Loading columns…`. Separating that from "still in flight" needs
per-entry error state this resolver does not keep, filed as objectui#6372.

Extends `MasterDetailForm.detailChildObjectDecline.test.tsx`, which covered the
fetch half only, with the render half. Both directions are pinned, matching the
file's existing discipline: the declined detail shows the hint and no
`Loading columns…`, and a detail that names its child object shows neither the
hint nor anything but `Loading columns…` while it resolves — so deleting the
loading branch outright cannot pass.

Claude-Session: https://claude.ai/code/session_011SfZeFWrhGLHmfq61xbz4q

Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

Metric Value Budget
Eager closure (gzip, 52 chunks) 3223.7 KB 3266.6 KB
Main entry chunk (gzip) 154.1 KB 350 KB
Entry file index-BFxCMGUT.js
Status PASS

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

Package Size Gzipped
app-shell (consoleActionDispatch.js) 0.20KB 0.19KB
app-shell (index.js) 10.96KB 4.16KB
app-shell (runtime-config.js) 18.10KB 6.51KB
app-shell (types.js) 0.01KB 0.04KB
app-shell (urlParams.js) 10.06KB 3.86KB
auth (ActiveOrganizationStorage.js) 25.05KB 9.16KB
auth (AuthContext.js) 0.31KB 0.24KB
auth (AuthGuard.js) 2.07KB 1.00KB
auth (AuthProvider.js) 40.18KB 10.59KB
auth (AuthShell.js) 3.49KB 1.40KB
auth (ForgotPasswordForm.js) 12.21KB 3.45KB
auth (LoginForm.js) 18.15KB 5.39KB
auth (PreviewBanner.js) 0.90KB 0.50KB
auth (RegisterForm.js) 6.65KB 2.22KB
auth (SocialSignInButtons.js) 9.61KB 3.89KB
auth (UserMenu.js) 3.41KB 1.23KB
auth (auth-gate-events.js) 1.29KB 0.66KB
auth (authStyles.js) 5.04KB 1.72KB
auth (createAuthClient.js) 40.21KB 10.80KB
auth (createAuthenticatedFetch.js) 8.46KB 3.43KB
auth (index.js) 3.19KB 1.44KB
auth (invitation-status.js) 1.22KB 0.70KB
auth (org-roles.js) 6.66KB 2.78KB
auth (phone-identifier.js) 1.11KB 0.66KB
auth (types.js) 0.59KB 0.35KB
auth (useAuth.js) 5.30KB 1.02KB
auth (useWorkspaceAdminStatus.js) 5.13KB 2.35KB
collaboration (CommentThread.js) 26.08KB 7.56KB
collaboration (LiveCursors.js) 3.17KB 1.27KB
collaboration (PresenceAvatars.js) 6.49KB 2.64KB
collaboration (PresenceProvider.js) 2.79KB 1.13KB
collaboration (index.js) 1.68KB 0.73KB
collaboration (useCollaborationTranslation.js) 6.05KB 2.52KB
collaboration (useCommentSearch.js) 1.98KB 0.88KB
collaboration (useConflictResolution.js) 7.75KB 1.86KB
collaboration (useMentionNotifications.js) 1.81KB 0.68KB
collaboration (usePresence.js) 6.33KB 1.84KB
collaboration (useRealtimeSubscription.js) 7.91KB 2.01KB
components (index.js) 505.90KB 114.59KB
core (index.js) 5.30KB 2.13KB
create-plugin (index.js) 10.08KB 3.26KB
data-objectstack (index.js) 173.18KB 47.97KB
fields (index.js) 238.89KB 60.02KB
i18n (LocalizationContext.js) 1.76KB 0.96KB
i18n (currency.js) 1.22KB 0.64KB
i18n (fallbackInterpolation.js) 6.25KB 2.77KB
i18n (i18n.js) 4.28KB 1.75KB
i18n (index.js) 3.44KB 1.39KB
i18n (pickLocalized.js) 7.62KB 3.26KB
i18n (provider.js) 26.89KB 9.04KB
i18n (useDisplayLocale.js) 2.85KB 1.45KB
i18n (useObjectLabel.js) 33.40KB 8.71KB
i18n (useSafeTranslation.js) 5.60KB 2.33KB
layout (index.js) 38.95KB 10.97KB
mobile (MobileProvider.js) 0.92KB 0.49KB
mobile (ResponsiveContainer.js) 0.94KB 0.38KB
mobile (breakpoints.js) 1.51KB 0.70KB
mobile (createOfflineDataSource.js) 5.61KB 1.75KB
mobile (index.js) 1.55KB 0.62KB
mobile (offlineQueue.js) 3.91KB 1.35KB
mobile (pwa.js) 0.97KB 0.49KB
mobile (serviceWorker.js) 1.48KB 0.62KB
mobile (serviceWorkerSource.js) 3.41KB 1.48KB
mobile (useBreakpoint.js) 1.54KB 0.65KB
mobile (useGesture.js) 6.96KB 1.98KB
mobile (useOfflineSync.js) 1.99KB 0.72KB
mobile (usePullToRefresh.js) 2.53KB 0.85KB
mobile (useResponsive.js) 0.72KB 0.42KB
mobile (useResponsiveConfig.js) 1.37KB 0.63KB
mobile (useSpecGesture.js) 4.32KB 1.64KB
mobile (useTouchTarget.js) 1.01KB 0.54KB
permissions (MePermissionsProvider.js) 9.53KB 3.38KB
permissions (PermissionContext.js) 0.31KB 0.25KB
permissions (PermissionGuard.js) 0.89KB 0.45KB
permissions (PermissionProvider.js) 4.64KB 1.50KB
permissions (evaluator.js) 5.12KB 1.74KB
permissions (index.js) 0.93KB 0.41KB
permissions (store.js) 0.91KB 0.42KB
permissions (useFieldPermissions.js) 1.28KB 0.53KB
permissions (usePermissions.js) 1.93KB 0.88KB
plugin-ai (index.js) 15.75KB 3.80KB
plugin-calendar (index.js) 46.62KB 12.83KB
plugin-charts (index.js) 64.66KB 18.32KB
plugin-chatbot (index.js) 188.21KB 44.67KB
plugin-dashboard (index.js) 133.35KB 34.45KB
plugin-designer (index.js) 211.95KB 42.75KB
plugin-detail (index.js) 245.10KB 62.31KB
plugin-editor (index.js) 2.46KB 1.10KB
plugin-form (index.js) 127.89KB 31.16KB
plugin-gantt (index.js) 164.14KB 39.87KB
plugin-grid (index.js) 201.21KB 54.43KB
plugin-kanban (index.js) 52.83KB 14.55KB
plugin-list (index.js) 111.94KB 27.24KB
plugin-map (index.js) 20.09KB 6.62KB
plugin-markdown (index.js) 13.72KB 4.69KB
plugin-report (index.js) 43.49KB 11.93KB
plugin-timeline (index.js) 26.70KB 7.69KB
plugin-tree (index.js) 9.26KB 3.13KB
plugin-view (index.js) 84.55KB 20.74KB
providers (DataSourceProvider.js) 0.75KB 0.39KB
providers (MetadataProvider.js) 1.37KB 0.59KB
providers (ThemeProvider.js) 1.90KB 0.85KB
providers (UploadProvider.js) 11.66KB 3.50KB
providers (index.js) 0.45KB 0.23KB
providers (types.js) 0.01KB 0.04KB
react-runtime (index.js) 5.62KB 2.34KB
react (LazyPluginLoader.js) 4.47KB 1.63KB
react (SchemaRenderer.js) 54.84KB 18.43KB
react (data-invalidation.js) 5.05KB 2.08KB
react (index.js) 1.35KB 0.70KB
react (schema-input.js) 2.32KB 1.24KB
react (spec-input.js) 0.20KB 0.18KB
sdui-parser (codegen.js) 5.41KB 2.34KB
sdui-parser (dashboard-widget-options.js) 3.08KB 1.30KB
sdui-parser (index.js) 4.93KB 2.24KB
sdui-parser (input-type.js) 2.84KB 1.40KB
sdui-parser (parse.js) 12.13KB 3.65KB
sdui-parser (provenance.js) 3.66KB 1.82KB
sdui-parser (types.js) 0.28KB 0.23KB
sdui-parser (validate.js) 7.54KB 2.63KB
types (ai.js) 0.20KB 0.17KB
types (api-types.js) 0.20KB 0.18KB
types (app.js) 2.87KB 0.99KB
types (base.js) 0.20KB 0.18KB
types (blocks.js) 0.20KB 0.18KB
types (complex.js) 2.74KB 1.41KB
types (crud.js) 0.20KB 0.18KB
types (dashboard-filter-alias.js) 6.23KB 2.74KB
types (data-display.js) 0.20KB 0.18KB
types (data-protocol.js) 0.20KB 0.19KB
types (data.js) 0.20KB 0.18KB
types (designer.js) 1.87KB 0.85KB
types (disclosure.js) 0.20KB 0.18KB
types (error-code.js) 1.54KB 0.88KB
types (feedback.js) 0.20KB 0.18KB
types (field-types.js) 0.20KB 0.18KB
types (form.js) 0.20KB 0.18KB
types (http-inflight.js) 8.87KB 3.73KB
types (http-retry.js) 4.32KB 2.02KB
types (icon-key-migration.js) 4.26KB 1.63KB
types (index.js) 4.49KB 2.14KB
types (layout.js) 0.20KB 0.18KB
types (managed-by.js) 0.19KB 0.18KB
types (mobile.js) 2.59KB 1.31KB
types (navigation.js) 0.20KB 0.18KB
types (objectql.js) 0.20KB 0.18KB
types (overlay.js) 0.20KB 0.18KB
types (permissions.js) 0.20KB 0.18KB
types (plugin-scope.js) 0.20KB 0.18KB
types (record-components.js) 0.20KB 0.19KB
types (record-semantics.js) 1.28KB 0.67KB
types (registry.js) 0.20KB 0.18KB
types (reports.js) 0.20KB 0.18KB
types (spec-report.js) 5.05KB 1.93KB
types (spec-ui-namespace.js) 0.20KB 0.19KB
types (system-fields.js) 3.33KB 1.54KB
types (theme.js) 6.28KB 2.87KB
types (ui-action.js) 3.40KB 1.71KB
types (views.js) 0.20KB 0.18KB
types (widget.js) 0.20KB 0.18KB

Size Limits

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

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

object-master-detail-form shows "Loading columns…" forever for a detail whose childObject never resolved — the promised config hint does not exist

2 participants