Skip to content

fix(plugin-view): hand ObjectGallery the gallery block nested, so coverFit, cardSize and visibleFields take effect (objectui#12053) - #12069

Merged
objectstack-fleet[bot] merged 2 commits into
mainfrom
claude/issue-12053-view-gallery-block
Oct 9, 2026
Merged

objectstack-fleet[bot] merged 2 commits into
mainfrom
claude/issue-12053-view-gallery-block

Conversation

@objectstack-fleet

Copy link
Copy Markdown
Contributor

Fixes #12053

Clause-②: no

Implemented by the os-dev dispatched from seat domain:ui#3, session session_01CGZy1BGCjdN5cXqL9cnvB8, on the claim in comment 6086543001.

What changed

generateViewSchema's gallery branch (packages/plugin-view/src/ObjectView.tsx) now hands ObjectGallery the gallery block nested, as the node's own gallery. That is the shape ListView already hands the same renderer. Before, the branch built a flat node that carried imageField (from coverField) and titleField only, so a gallery view handed to plugin-view's ObjectView lost coverFit, cardSize and visibleFields. That held for the host views prop and for a named listViews entry alike.

  • The keys are picked by name through a new module-local table, GALLERY_CONFIG_SPELLING, with the existing pickFlatMapConfig helper. The gantt and timeline branches already use this mechanism (objectui#6152 round 14). The table is a satisfies Record keyed by every keyof of the spec's gallery block (SpecListView['gallery']), so a key the spec adds or drops fails tsc here. ⛔ No raw spread: an undeclared key in the authored block does not reach the node, and a block key named like a node key cannot override the node's own value.
  • One spelling per key. The flat imageField and titleField are gone from the node, because ObjectGallery reads the nested coverField and titleField ahead of them (measured below). The branch's existing 'name' title floor moves into the block with the key it floors, so an undeclared title still resolves to name.
  • ObjectGallery, ListView and every other branch of generateViewSchema are untouched. No export, prop, type member or language-pack key changes. GALLERY_CONFIG_SPELLING is not exported.

Dispatch zone 2: the three hypotheses, measured

  1. What ObjectGallery reads, and in what order. These are the read points in packages/plugin-list/src/ObjectGallery.tsx, in the block under the comment Resolve GalleryConfig with backwards-compatible fallbacks:

    • coverField: gallery?.coverField ?? schema.imageField ?? 'image' (nested first)
    • coverFit: gallery?.coverFit ?? 'cover' (nested only)
    • cardSize: gallery?.cardSize ?? 'medium' (nested only)
    • titleField: gallery?.titleField ?? schema.titleField (nested first)
    • visibleFields: gallery?.visibleFields (nested only)

    ⇒ once the block is nested, the flat pair can only restate a nested value, so it is dropped (one spelling per key).

  2. The declared set. @objectstack/spec 17.7.0, as plugin-view resolves it, declares GalleryConfigSchema (strict) as ListViewShapeSchema.gallery. That shape feeds ListViewSchema and the named-view ObjectListViewSchema. Its keys are coverField, coverFit, cardSize, titleField and visibleFields. ObjectGallery reads exactly these five off schema.gallery. No key is on one side only, so this is not a stop. The objectui node type ObjectGallerySchema.gallery is typed as the spec's GalleryConfig.

  3. Named listViews. canonicalViewKindBlocks.gallery folds a named view's gallery into the same viewOptions.gallery the host views entry feeds, so both reach the same branch. Pinned: every route pin in the new test file runs on both routes.

End-to-end reading through the real ObjectGallery

This is a scratch probe and is not committed. It uses the real SchemaRenderer, imports @object-ui/plugin-list (through the root vitest alias) for its object-gallery registration, and mounts plugin-view's ObjectView with the gallery block { coverField: 'photo', coverFit: 'contain', cardSize: 'small', visibleFields: ['stage'] } and one row that carries a cover URL.

route before: the flat node (ablation A1 below) after: HEAD
host views prop object-cover img, medium grid (lg:grid-cols-4), no stage on the card object-contain img, small grid (xl:grid-cols-6), stage value shown
named listViews entry same as the row above same as the row above

Why the probe is not committed: plugin-view does not depend on @object-ui/plugin-list, and its type-checked test program (tsconfig.test.json, paths: {}) cannot resolve that package. The committed pins read the generated node at the SchemaRenderer seam, as every sibling file in this package does. The app-shell import-side run below does reach the real ObjectGallery through this branch, with no gallery block.

Tests

  • New: packages/plugin-view/src/__tests__/ObjectView.galleryBlockNested-12053.test.tsx. It holds triage's pins (comment 6080379082). Each route pin runs on the host views prop and on a named listViews entry:
    • coverFit: 'contain' reaches gallery.coverFit;
    • cardSize and visibleFields reach gallery the same way;
    • every key the spec declares on the block, driven off ListViewSchema.shape.gallery, reaches gallery;
    • one spelling per key: no flat imageField or titleField;
    • an undeclared title keeps the name floor inside the block;
    • control: an undeclared key (and a block objectName) reaches neither gallery nor the node.
  • Updated, re-spelled from flat to nested (both pinned the flat imageField this card retires):
    • ObjectView.readersRetired-6152.test.tsx, section 3 and its header bullet;
    • ObjectView.namedViewProtocolKeys-8980.test.tsx, the gallery case.
  • Control route (ListView), unchanged: plugin-list ListView.galleryOptionsBagCanonical-6152, ListView.readersRetired-6152, ListView.test.tsx and the twelve ObjectGallery.* files: 15 files, 227 tests passed.

Reverse verification (ablation)

Predictions were written before either run. The mutation went through ablation-replace.mjs from the objectstack checkout (objectui has none), in wrap mode, with blob-equal restores. The tests import ../ObjectView relatively, from source, and no alias or dist/ is involved, so no rebuild was needed. Runs were on HEAD a31f6aa85, the fix commit.

  • A1, rebuild the flat node (imageField from coverField plus a flat titleField, no nested block). Predicted: all 11 new pins red, both re-spelled pins red, the probe red on both routes. Observed: 16 failed, 48 passed (64). Exactly that set, and the probe readings in the table above. Mutation landed: anchor 1 to 0, blob 5fae6dbb4b45 to abf92739b839. Restored: blob equals HEAD (5fae6dbb4b45), git diff HEAD empty.
  • A2, raw spread inside the nested block (...viewOptions.gallery in place of the pick). Predicted: the new control red, the round-14 gallery arm (objectName hijack) red, the retired-imageField pin red, everything else green. Observed: 3 failed, 61 passed (64). Exactly those three. Restored: blob equals HEAD, git diff HEAD empty.

Gates (union run after the final commit, HEAD c346c41f7)

command exit the gate's own verdict
pnpm exec vitest run packages/plugin-view/ 0 Test Files 74 passed (74), Tests 691 passed (691)
plugin-list ListView / ObjectGallery control set 0 Test Files 15 passed (15), Tests 227 passed (227)
import side: app-shell PageView.refreshInPlace-10519 (drives defaultViewType: 'gallery' through this branch into the real ObjectGallery), app-shell ObjectView.titleFieldConvergence, examples/schema-catalog/test/catalog-gallery-render 0 Test Files 3 passed (3), Tests 603 passed (603)
pnpm --filter @object-ui/plugin-view type-check (after pnpm --workspace-concurrency=2 --filter '@object-ui/plugin-view^...' build, exit 0) 0 tsc --noEmit && tsc -p tsconfig.test.json clean; --listFiles counts all three touched test files in the test program
pnpm exec eslint on the 4 touched source files 0 0 errors, 101 warnings (no-explicit-any and kin; warnings carry no ratchet)
pnpm check:control-bytes 0 check-control-bytes: OK
pnpm check:test-path-roots 0 check-test-path-roots: OK
pnpm check:changeset-claims 0 No pending changeset names a file this change touches.
pnpm check:pending-changeset-literals 0 No test source names a pending changeset.
pnpm check:new-line-citations 0 VERDICT new-cross-file-line-citations: 0 new citation(s)
pnpm check:vi-mock-specifiers / check:vi-mock-inherit / check:vi-mock-override-shape 0 / 0 / 0 OK each
pnpm check:shell-escape-residue / check:handler-key-reads / check:unreferenced-sources / check:metadata-write-doors 0 each OK each
node scripts/check-changeset-presence.mjs / check-changeset-no-major.mjs 0 / 0 presence satisfied by .changeset/12053-view-gallery-block.md (patch); No changeset declares a major bump.

The eslint narrowing is a measurement, not a skip.

  • Population: eslint.config.js lints **/*.{ts,tsx}.
  • The JSON output counts 4 files, none ignored.
  • Type-aware linting is off (no parserOptions.project, no projectService), and no rule under eslint-rules/ reads another file. So this diff cannot move an untouched file's verdict.

The repo-wide pnpm lint is CI's.

NOT MEASURED:

  • check:eager-closure, reason: it needs the console build and belongs to CI. The diff adds one five-entry const and moves no import.
  • i18n gates, reason: no language pack is touched.
  • check:readme-exports, reason: no export changes.

Acceptance notes

  • ListView's gallery branch (out of scope here) still builds its nested block by spreading schema.options?.gallery and schema.gallery whole. It also writes a flat titleField beside gallery.titleField, so there are two spellings on that route. The undeclared keys it carries are inert there: ObjectGallery reads five keys off the block, and nested keys cannot override node keys. Observation only; there is no wrong answer at a public door. Carrier: none.
  • The name title floor. Both routes floor titleField at the literal 'name', while ObjectGallery's own ADR-0079 comment prefers getRecordDisplayName to a literal 'name' floor. This PR keeps the floor as existing behaviour. Observation, not measured at a public door. Carrier: none.
  • No committed test drives the real ObjectGallery through plugin-view's ObjectView (see the probe section for why). Carrier: none.

Generated by Claude Code

claude added 2 commits October 9, 2026 18:15
…erFit, cardSize and visibleFields take effect (objectui#12053)

generateViewSchema's gallery branch built a flat object-gallery node
carrying imageField (from coverField) and titleField only. ObjectGallery
reads coverFit, cardSize and visibleFields off schema.gallery and nowhere
else, so a gallery view handed to plugin-view's ObjectView, through the
host views prop or a named listViews entry, drew contain covers cropped,
at the default card size, with no card body.

The branch now builds the node's own nested gallery block, the shape
ListView already hands the same renderer. The keys are picked by name
through GALLERY_CONFIG_SPELLING, total over the spec's gallery block, so
no raw spread carries an undeclared key or overrides a node key. One
spelling per key: the flat imageField / titleField pair is gone (the
renderer reads the nested coverField / titleField ahead of them), and
the branch's 'name' title floor moves into the block.

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

github-actions Bot commented Oct 9, 2026

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

Metric Value Budget
Eager closure (gzip, 290 chunks) 3167.9 KB 3204.6 KB
Main entry chunk (gzip) 73.7 KB 350 KB
Entry file index-TicFH94M.js —
Status PASS —

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


📦 Bundle Size Report

Package Size Gzipped
app-shell (consoleActionDispatch.js) 0.20KB 0.19KB
app-shell (index.js) 19.75KB 7.29KB
app-shell (runtime-config.js) 22.59KB 7.89KB
app-shell (types.js) 0.01KB 0.04KB
app-shell (urlParams.js) 10.11KB 3.87KB
auth (ActiveOrganizationStorage.js) 27.95KB 10.04KB
auth (AuthContext.js) 0.31KB 0.24KB
auth (AuthGuard.js) 2.07KB 1.00KB
auth (AuthProvider.js) 40.22KB 10.61KB
auth (AuthShell.js) 3.49KB 1.40KB
auth (ForgotPasswordForm.js) 12.21KB 3.45KB
auth (LoginForm.js) 18.15KB 5.40KB
auth (PreviewBanner.js) 0.90KB 0.50KB
auth (RegisterForm.js) 6.72KB 2.24KB
auth (SocialSignInButtons.js) 9.70KB 3.93KB
auth (UserMenu.js) 3.39KB 1.21KB
auth (auth-gate-events.js) 1.29KB 0.66KB
auth (authStyles.js) 5.04KB 1.72KB
auth (createAuthClient.js) 41.19KB 11.12KB
auth (createAuthenticatedFetch.js) 8.54KB 3.46KB
auth (index.js) 3.63KB 1.64KB
auth (invitation-status.js) 1.22KB 0.70KB
auth (org-roles.js) 6.66KB 2.78KB
auth (phone-identifier.js) 1.11KB 0.66KB
auth (types.js) 0.59KB 0.35KB
auth (useAuth.js) 5.30KB 1.02KB
auth (useWorkspaceAdminStatus.js) 11.08KB 4.58KB
collaboration (CommentThread.js) 27.11KB 7.97KB
collaboration (LiveCursors.js) 3.17KB 1.27KB
collaboration (PresenceAvatars.js) 6.28KB 2.60KB
collaboration (PresenceProvider.js) 2.79KB 1.13KB
collaboration (index.js) 1.68KB 0.73KB
collaboration (useCollaborationTranslation.js) 6.50KB 2.52KB
collaboration (useCommentSearch.js) 1.98KB 0.88KB
collaboration (useConflictResolution.js) 7.75KB 1.86KB
collaboration (useMentionNotifications.js) 1.81KB 0.68KB
collaboration (usePresence.js) 6.33KB 1.84KB
collaboration (useRealtimeSubscription.js) 7.91KB 2.01KB
components (index.js) 587.83KB 141.44KB
core (index.js) 10.00KB 3.96KB
create-plugin (index.js) 27.94KB 9.51KB
data-objectstack (index.js) 240.39KB 67.09KB
fields (index.js) 269.42KB 68.20KB
i18n (LocalizationContext.js) 2.92KB 1.42KB
i18n (builtinAggregateLabels.js) 0.86KB 0.49KB
i18n (currency.js) 2.59KB 1.22KB
i18n (fallbackInterpolation.js) 6.25KB 2.77KB
i18n (i18n.js) 8.87KB 3.64KB
i18n (index.js) 5.52KB 2.39KB
i18n (pickLocalized.js) 9.86KB 3.95KB
i18n (provider.js) 39.35KB 12.88KB
i18n (translateFn.js) 0.20KB 0.18KB
i18n (useDisplayLocale.js) 3.52KB 1.76KB
i18n (useObjectLabel.js) 36.87KB 9.88KB
i18n (useSafeTranslation.js) 7.14KB 2.92KB
layout (index.js) 40.26KB 11.71KB
mobile (MobileProvider.js) 0.92KB 0.49KB
mobile (ResponsiveContainer.js) 0.94KB 0.38KB
mobile (breakpoints.js) 1.51KB 0.70KB
mobile (createOfflineDataSource.js) 5.61KB 1.75KB
mobile (index.js) 1.99KB 0.87KB
mobile (offlineQueue.js) 3.91KB 1.35KB
mobile (pwa.js) 0.97KB 0.49KB
mobile (serviceWorker.js) 1.48KB 0.62KB
mobile (serviceWorkerSource.js) 3.41KB 1.48KB
mobile (useBreakpoint.js) 1.54KB 0.65KB
mobile (useGesture.js) 6.96KB 1.98KB
mobile (useOfflineSync.js) 1.99KB 0.72KB
mobile (usePullToRefresh.js) 6.62KB 2.45KB
mobile (useResponsive.js) 0.72KB 0.42KB
mobile (useSpecGesture.js) 5.52KB 2.10KB
mobile (useTouchTarget.js) 1.01KB 0.54KB
permissions (MePermissionsProvider.js) 13.86KB 5.00KB
permissions (PermissionContext.js) 0.31KB 0.25KB
permissions (PermissionGuard.js) 0.89KB 0.45KB
permissions (PermissionProvider.js) 6.52KB 2.26KB
permissions (discardProofCache.js) 1.04KB 0.55KB
permissions (evaluator.js) 8.33KB 3.07KB
permissions (index.js) 0.93KB 0.41KB
permissions (store.js) 0.91KB 0.42KB
permissions (useFieldPermissions.js) 1.28KB 0.53KB
permissions (usePermissions.js) 4.83KB 2.27KB
plugin-ai (index.js) 16.04KB 3.92KB
plugin-calendar (index.js) 53.43KB 15.54KB
plugin-charts (index.js) 84.72KB 23.27KB
plugin-chatbot (index.js) 201.52KB 47.99KB
plugin-dashboard (index.js) 144.20KB 38.95KB
plugin-designer (index.js) 233.53KB 49.80KB
plugin-detail (index.js) 248.82KB 65.56KB
plugin-editor (index.js) 2.23KB 1.05KB
plugin-form (index.js) 177.11KB 45.88KB
plugin-gantt (index.js) 179.17KB 45.07KB
plugin-grid (index.js) 249.62KB 69.16KB
plugin-kanban (index.js) 52.77KB 16.56KB
plugin-list (index.js) 120.10KB 30.28KB
plugin-map (index.js) 27.24KB 9.03KB
plugin-markdown (index.js) 13.88KB 4.80KB
plugin-report (index.js) 44.12KB 12.29KB
plugin-timeline (index.js) 39.06KB 11.80KB
plugin-tree (index.js) 15.07KB 5.33KB
plugin-view (index.js) 91.93KB 23.24KB
providers (DataSourceProvider.js) 0.75KB 0.39KB
providers (MetadataProvider.js) 1.37KB 0.59KB
providers (ThemeProvider.js) 1.90KB 0.85KB
providers (UploadProvider.js) 12.07KB 3.68KB
providers (index.js) 0.45KB 0.23KB
providers (types.js) 0.01KB 0.04KB
react-runtime (index.js) 5.62KB 2.34KB
react (LazyPluginLoader.js) 4.47KB 1.63KB
react (SchemaRenderer.js) 120.63KB 39.56KB
react (data-invalidation.js) 5.05KB 2.08KB
react (index.js) 4.50KB 2.06KB
react (schema-input.js) 4.31KB 2.07KB
react (spec-input.js) 0.20KB 0.18KB
sdui-parser (body-dialect.js) 4.50KB 1.99KB
sdui-parser (codegen.js) 9.45KB 3.76KB
sdui-parser (dashboard-widget-options.js) 3.07KB 1.30KB
sdui-parser (index.js) 7.30KB 3.12KB
sdui-parser (input-type.js) 2.84KB 1.40KB
sdui-parser (parse.js) 25.28KB 7.80KB
sdui-parser (provenance.js) 3.84KB 1.90KB
sdui-parser (types.js) 0.28KB 0.23KB
sdui-parser (validate.js) 23.87KB 7.83KB
types (ai.js) 4.39KB 2.17KB
types (api-types.js) 0.20KB 0.18KB
types (app.js) 4.12KB 1.61KB
types (authoring-nodes.js) 0.20KB 0.19KB
types (base.js) 0.20KB 0.18KB
types (blocks.js) 0.20KB 0.18KB
types (cloud.js) 0.20KB 0.18KB
types (complex.js) 4.44KB 2.07KB
types (crud.js) 0.20KB 0.18KB
types (dashboard-filter-alias.js) 6.23KB 2.74KB
types (dashboard-widget-layout.js) 2.06KB 0.96KB
types (data-display.js) 3.75KB 1.85KB
types (data-protocol.js) 0.20KB 0.19KB
types (data.js) 0.20KB 0.18KB
types (designer.js) 1.85KB 0.85KB
types (disclosure.js) 0.20KB 0.18KB
types (error-code.js) 1.54KB 0.88KB
types (expression.js) 0.20KB 0.18KB
types (feedback.js) 0.20KB 0.18KB
types (field-types.js) 1.13KB 0.65KB
types (form.js) 0.20KB 0.18KB
types (http-inflight.js) 8.87KB 3.73KB
types (http-retry.js) 4.32KB 2.02KB
types (icon-key-migration.js) 4.26KB 1.63KB
types (index.js) 5.78KB 2.70KB
types (layout.js) 0.20KB 0.18KB
types (managed-by.js) 0.19KB 0.18KB
types (mobile.js) 5.00KB 2.39KB
types (navigation.js) 0.20KB 0.18KB
types (node-slots.js) 7.18KB 2.34KB
types (objectql.js) 0.20KB 0.18KB
types (overlay.js) 0.20KB 0.18KB
types (permissions.js) 2.52KB 1.31KB
types (plugin-scope.js) 0.20KB 0.18KB
types (record-components.js) 0.20KB 0.19KB
types (record-semantics.js) 1.28KB 0.67KB
types (registry.js) 0.20KB 0.18KB
types (reports.js) 0.20KB 0.18KB
types (select-option.js) 0.20KB 0.19KB
types (spec-report.js) 4.99KB 1.96KB
types (spec-ui-namespace.js) 0.20KB 0.19KB
types (strict-authoring-face.js) 19.93KB 7.26KB
types (system-fields.js) 3.33KB 1.54KB
types (theme.js) 6.28KB 2.87KB
types (ui-action.js) 8.48KB 3.50KB
types (views.js) 0.20KB 0.18KB
types (widget.js) 0.20KB 0.18KB

Size Limits

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

@objectstack-fleet
objectstack-fleet Bot marked this pull request as ready for review October 9, 2026 18:49
@objectstack-fleet
objectstack-fleet Bot enabled auto-merge October 9, 2026 18:49
@objectstack-fleet
objectstack-fleet Bot added this pull request to the merge queue Oct 9, 2026
Merged via the queue into main with commit acc4328 Oct 9, 2026
45 checks passed
@objectstack-fleet
objectstack-fleet Bot deleted the claude/issue-12053-view-gallery-block branch October 9, 2026 19:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants