feat(components,plugin-list): a list block in a narrow page region draws a compact list (objectui#12703) by objectstack-fleet[bot] · Pull Request #12797 · objectstack-ai/objectui

objectstack-fleet · 2026-10-16T21:10:10Z

Part of #12703
Clause-②: yes — @object-ui/components exports a new hook usePageRegionPosture and type PageRegionPosture, and @object-ui/plugin-list's ListViewProps gains the optional host prop compact (the dispatch's provisional no, corrected by measurement).

What this does

A list-view block in a page region narrower than half the page now draws a compact list: a header with its title and record count over two-line rows (the view's first visible column, its second muted below). It draws no toolbar, no view tabs, no # row-number column, no pager and no record-count bar. A region half the page or wider keeps today's full list, and so does any region whose width is not known.

Part of, not a closing keyword: the ruled "View all" footer link is NOT in this PR. Opening the object list needs a destination the renderer cannot build on its own; the report on the card asks the PM to choose the mechanism. That half stays open.

How the posture is decided (A1, measured)

A1 as stated is false: a page region does not know its width or span at render. Regions are placed by CSS (aside is md:w-80 next to a flex-1 main), and the 12-column grid from objectui#12624 spans BLOCKS inside a region, not regions. So the page renderer now measures:

PageRenderer watches its max-width body element (the element its regions are laid out in), and each RegionContent watches its own grid, both through ResizeObserver with a first getBoundingClientRect reading in a layout effect. Nothing reads the window.
pageRegionPostureFor(region, page) returns compact when the region is narrower than (page - 24) / 2, which is half the page less the gap-6 between side-by-side regions. A half-and-half cell (the dashboard template) therefore stays full.
The answer reaches blocks through usePageRegionPosture() (new export of @object-ui/components). It is null outside a page region, before a measurement, without ResizeObserver, and on the server. null means full.
The page width is a subscription store, not a context value, so a resize re-renders a region only when its posture flips.
No spec key is added or read. The posture is width-driven only.

ListViewBlock (the list-view registration) reads the posture and passes the new compact host prop to ListView. ListView is unchanged for every other host, so the object list page is untouched. The compact posture applies to a paged grid, the view whose rows ListView fetches a page of. A board, a calendar or a grouped grid keeps its own rendering. Rows render values through the shared cell renderers (getCellRenderer), and a row click goes through the same navigation.handleClick a grid row uses.

Studio: the non-design page preview renders through SchemaRenderer and PageRenderer, so it shows the posture with no change. The design-mode canvas (PageBlockCanvas) draws block cards, not the page renderer, and per the ruling no second designer rendering was built. PagePreview.tsx is untouched.

Files

packages/components/src/renderers/layout/page-region-posture.tsx (new): the rule, the page width store, the region provider, the hook.
packages/components/src/renderers/layout/page.tsx, page-block-grid.tsx (a gridRef prop), packages/components/src/index.ts (the export).
packages/plugin-list/src/ListViewBlock.tsx, ListView.tsx (the compact prop and its branches), ListViewCompact.tsx (new: header and rows).
Tests beside each package, and .changeset/12703-compact-list-block.md.

Evidence (all at `f61f6f2e7`)

pnpm exec vitest run --maxWorkers=1 packages/plugin-list/src/__tests__/ListViewBlock.compactRegion-12703.test.tsx: 6 passed. This pins (a) the aside block (320 of 1200) with no toolbar trigger, no tablist, no grid (so no # column), no count bar, and two two-line rows (first column over second); (b) its header title and count; (c) CONTROL: the main block (856 of 1200) on the same page with toolbar and grid, showRowNumbers: true, and exactly one grid on the page; unknown width keeps the full list; (d) CONTROL: the object list page ListView and the block with no page are both full.
packages/components/src/__tests__/page-region-posture-12703.test.tsx: 8 passed (the rule's thresholds, aside compact and main full, stacked aside full, a block nested in a page:card reads the region, no ResizeObserver gives unknown, no regions gives none, no page gives none).
Ablation: pageRegionPostureFor mutated to always return full through ablation-replace.mjs (anchor 1 to 0, blob 761c974f5b56 to 0dc11caf582a). Pin (a) went RED, and so did control (c), because with both blocks full the page holds two grids instead of one. Restored: blob equals HEAD and git diff HEAD is empty.
Reverse type check on the rebuilt declarations: comparing usePageRegionPosture() with 'narrow' in ListViewBlock.tsx gives TS2367 ... types 'PageRegionPosture | null' and '"narrow"' have no overlap. Restored, and git diff HEAD is empty.
pnpm --filter '@object-ui/plugin-list^...' build, then type-check for @object-ui/components and @object-ui/plugin-list: exit 0, both script names echoed.
Whole packages/plugin-list/ dir: 144 files, 1493 tests passed.
packages/components, narrowed and declared: the 22 test files that render the page renderer (selected by git grep for regions, PageRenderer, the block grid or a page type) passed, 224 tests. The other component tests are declared to CI.
packages/app-shell tests that name PageView, PagePreview or data-region: 41 files, 350 tests passed.
eslint on the 9 changed ts/tsx files, run as the package lint scripts run it (eslint ., no --max-warnings): 0 errors. There is no type-aware linting (no parserOptions.project in eslint.config.js), so this diff cannot change the verdict on any untouched file.
Gates, exit 0: check:phantom-deps, self-import, unreferenced-sources, doc-example-readers, handler-key-reads, side-effects-array, element-data-source-declaration, spec-symbols, action-forward-parity, designer-field-key-parity, icon-record-names, i18n-keys, i18n-drift, i18n-designer-parity, control-bytes, new-line-citations, plus check-hand-rolled-comment-mask, check-changeset-fixed and check-changeset-presence. check:spec-floors exits 1 with no-artifact for unbuilt packages, which is expected on main; recorded, not fixed.

Acceptance notes

Screenshots of Sales Home at 1024 and 1280 px are the maintainer's browser check and are not attached. Reading of HotCRM main (4f82b81): the Sales Home page has header, main and an aside of width medium. At 1024 px with the app sidebar open, the page body is about 736 px wide and the aside is 320 px, so the aside is compact and main (about 392 px, above 356) stays full.
HotCRM's embedded list-view nodes still write properties.objectName and viewType, which objectui main no longer reads (objectui#12099; the platform converts stored nodes). No compact-specific change follows from that here.
The compact title is the node's label and falls back to the object label. In Sales Home the block's page:card also has a title ("Upcoming Events"), so the card title and the list title both appear. That follows the ruling ("the block header shows its title"); the card can drop one of the two.
Rows show the window the list fetched (the grid's page size). No new cap was added. An author caps rows with pagination.pageSize.
AGENTS.md Add automated testing infrastructure and CI/CD workflows #2 docs: packages/plugin-list/README.md (the compact host prop), packages/components/README.md (usePageRegionPosture(), null means full, the (page - 24) / 2 cut) and content/docs/guide/react-pages.md (a list-view in a narrow region renders the compact list, measured and not authored, with "View all" as a follow-up) are updated in f04480a34, per the revised claim.

Generated by Claude Code

… blocks (objectui#12703) The page renderer measures each region's grid against the page body and publishes `compact` (narrower than half the page) or `full` through `usePageRegionPosture`; unknown width (no layout, no ResizeObserver) reads as no posture, so the full rendering stays the default. Co-authored-by: Claude <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XVp19E1MYUTFM3dnkwz8gB

…e compact list (objectui#12703) The `list-view` block reads its page region's posture; in a region narrower than half the page `ListView` (host prop `compact`) draws a header with the title and record count over two-line rows (the view's first visible column, the second muted), without the toolbar, view tabs, row-number column, pager or record-count bar. Wide regions, unknown widths and every other host of `ListView` keep the full list. Co-authored-by: Claude <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XVp19E1MYUTFM3dnkwz8gB

…i#12703) Co-authored-by: Claude <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XVp19E1MYUTFM3dnkwz8gB

github-actions · 2026-10-16T21:14:56Z

✅ Console Performance Budget

Metric	Value	Budget
Eager closure (gzip, 74 chunks)	3129.0 KB	3744.1 KB
Main entry chunk (gzip)	75.6 KB	350 KB
Entry file	`index-BSdmc2q1.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)	21.42KB	7.85KB
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)	41.15KB	10.86KB
auth (AuthShell.js)	3.49KB	1.40KB
auth (ForgotPasswordForm.js)	12.21KB	3.45KB
auth (LoginForm.js)	20.67KB	6.12KB
auth (PreviewBanner.js)	0.90KB	0.50KB
auth (RegisterForm.js)	6.72KB	2.24KB
auth (SocialSignInButtons.js)	9.74KB	3.94KB
auth (UserMenu.js)	3.39KB	1.21KB
auth (auth-gate-events.js)	1.62KB	0.83KB
auth (authStyles.js)	5.27KB	1.86KB
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.26KB	8.03KB
collaboration (LiveCursors.js)	3.17KB	1.27KB
collaboration (PresenceAvatars.js)	6.28KB	2.60KB
collaboration (PresenceProvider.js)	2.79KB	1.13KB
collaboration (commentAuthorship.js)	1.39KB	0.78KB
collaboration (index.js)	1.93KB	0.85KB
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)	603.81KB	146.09KB
core (index.js)	10.18KB	4.04KB
create-plugin (index.js)	27.94KB	9.51KB
data-objectstack (index.js)	248.96KB	69.45KB
fields (index.js)	291.36KB	74.46KB
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.67KB	11.85KB
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)	15.35KB	5.51KB
permissions (PermissionContext.js)	0.31KB	0.25KB
permissions (PermissionGuard.js)	0.89KB	0.45KB
permissions (PermissionProvider.js)	6.82KB	2.38KB
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)	54.94KB	16.05KB
plugin-charts (index.js)	84.97KB	23.36KB
plugin-chatbot (index.js)	201.89KB	48.13KB
plugin-dashboard (index.js)	146.23KB	39.59KB
plugin-designer (index.js)	233.95KB	50.08KB
plugin-detail (index.js)	263.59KB	69.69KB
plugin-editor (index.js)	2.23KB	1.05KB
plugin-form (index.js)	180.28KB	46.60KB
plugin-gantt (index.js)	178.36KB	45.08KB
plugin-grid (index.js)	270.84KB	75.07KB
plugin-kanban (index.js)	59.42KB	18.48KB
plugin-list (index.js)	135.74KB	34.83KB
plugin-map (index.js)	27.07KB	8.96KB
plugin-markdown (index.js)	13.88KB	4.80KB
plugin-report (index.js)	46.66KB	13.13KB
plugin-timeline (index.js)	39.21KB	11.85KB
plugin-tree (index.js)	15.07KB	5.33KB
plugin-view (index.js)	94.68KB	24.36KB
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.23KB	39.46KB
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.81KB
sdui-parser (provenance.js)	3.84KB	1.90KB
sdui-parser (types.js)	0.29KB	0.24KB
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-approval-decision.js)	0.20KB	0.20KB
types (record-components.js)	0.20KB	0.19KB
types (record-panels.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

plugin-list README: the `compact` host prop the list-view page block sets. components README: usePageRegionPosture() and its (page - 24) / 2 cut. React Pages guide: a list-view block in a narrow region renders the compact list; measured, never authored; "View all" is a follow-up. Co-authored-by: Claude <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XVp19E1MYUTFM3dnkwz8gB

github-actions · 2026-10-16T21:33:35Z

✅ Console Performance Budget

Metric	Value	Budget
Eager closure (gzip, 74 chunks)	3129.5 KB	3744.1 KB
Main entry chunk (gzip)	75.6 KB	350 KB
Entry file	`index-3_2hgiQp.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)	21.42KB	7.85KB
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)	41.15KB	10.86KB
auth (AuthShell.js)	3.49KB	1.40KB
auth (ForgotPasswordForm.js)	12.21KB	3.45KB
auth (LoginForm.js)	20.67KB	6.12KB
auth (PreviewBanner.js)	0.90KB	0.50KB
auth (RegisterForm.js)	6.72KB	2.24KB
auth (SocialSignInButtons.js)	9.74KB	3.94KB
auth (UserMenu.js)	3.39KB	1.21KB
auth (auth-gate-events.js)	1.62KB	0.83KB
auth (authStyles.js)	5.27KB	1.86KB
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.26KB	8.03KB
collaboration (LiveCursors.js)	3.17KB	1.27KB
collaboration (PresenceAvatars.js)	6.28KB	2.60KB
collaboration (PresenceProvider.js)	2.79KB	1.13KB
collaboration (commentAuthorship.js)	1.39KB	0.78KB
collaboration (index.js)	1.93KB	0.85KB
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)	603.81KB	146.09KB
core (index.js)	10.18KB	4.04KB
create-plugin (index.js)	27.94KB	9.51KB
data-objectstack (index.js)	248.96KB	69.45KB
fields (index.js)	291.36KB	74.46KB
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.79KB	11.90KB
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)	15.35KB	5.51KB
permissions (PermissionContext.js)	0.31KB	0.25KB
permissions (PermissionGuard.js)	0.89KB	0.45KB
permissions (PermissionProvider.js)	6.82KB	2.38KB
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)	54.94KB	16.05KB
plugin-charts (index.js)	84.97KB	23.36KB
plugin-chatbot (index.js)	201.89KB	48.13KB
plugin-dashboard (index.js)	146.23KB	39.59KB
plugin-designer (index.js)	233.95KB	50.08KB
plugin-detail (index.js)	263.59KB	69.69KB
plugin-editor (index.js)	2.23KB	1.05KB
plugin-form (index.js)	180.28KB	46.60KB
plugin-gantt (index.js)	178.36KB	45.08KB
plugin-grid (index.js)	270.84KB	75.07KB
plugin-kanban (index.js)	59.42KB	18.48KB
plugin-list (index.js)	135.74KB	34.83KB
plugin-map (index.js)	27.07KB	8.96KB
plugin-markdown (index.js)	13.88KB	4.80KB
plugin-report (index.js)	46.66KB	13.13KB
plugin-timeline (index.js)	39.21KB	11.85KB
plugin-tree (index.js)	15.07KB	5.33KB
plugin-view (index.js)	94.68KB	24.36KB
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.23KB	39.46KB
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.81KB
sdui-parser (provenance.js)	3.84KB	1.90KB
sdui-parser (types.js)	0.29KB	0.24KB
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-approval-decision.js)	0.20KB	0.20KB
types (record-components.js)	0.20KB	0.19KB
types (record-panels.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 · 2026-10-16T21:42:33Z

Review: ACCEPT (part 1 of objectui#12703) — objectui PR #12797 · `domain:ui` seat 2 · `session_01XVp19E1MYUTFM3dnkwz8gB` · 2026-10-16T21:42Z

Reviewed on GitHub at head f04480a, against the card's Target, the claim (6224046413, revised in place for docs) and the seat ruling on the "View all" link (6224804504).

Shape: the body says Part of #12703, not a closing keyword: "View all" is part 2 by ruling. The second line is Clause-②: yes. The changeset is minor for components and plugin-list.
The change: the posture is width-driven and needs no spec key.
- PageRenderer measures its body and each RegionContent measures its grid (a ResizeObserver plus a first getBoundingClientRect in a layout effect).
- A region narrower than (page − 24) / 2 is 'compact'. That answer is published through the new usePageRegionPosture() export of @object-ui/components. null, meaning the width is unknown or the block is outside a region, keeps the full list.
- The list-view block passes the new optional ListView host prop compact. On a paged grid the list then draws a header (title and record count) over two-line rows, with no toolbar, tabs, # column, pager or count bar.
- Wide regions, unknown widths and the object list page are unchanged.
Contract review (contract tier):
- The first verdict was FAIL on one item, objectui AGENTS.md Add automated testing infrastructure and CI/CD workflows #2 (docs-driven). It was fixed in f04480a:
  - packages/plugin-list/README.md covers the compact prop;
  - packages/components/README.md covers usePageRegionPosture(), with null read as full and the cut;
  - content/docs/guide/react-pages.md covers the compact list in a narrow region. That guide was chosen because open PR fix(components): page:header reads the spec's variant 'danger' as destructive (objectui#12764) #12798 edits slotted-pages.md.
- All 11 doc gates exit 0.
- Verified with probes:
  - The published delta is exactly the hook and its type plus the prop. PageBlockGrid's gridRef is internal.
  - There is no resize loop: the store short-circuits equal widths, and a posture flip cannot change a CSS-fixed region's width.
  - A continuous resize crosses the cut once per direction.
  - StrictMode disconnects every observer, SSR and jsdom fall back to the full list, and there is at most one forced layout per commit.
  - The compact rows read the same FLS-filtered effectiveFields as the grid, so no unreadable column can become a line.
  - The count is the same fetch's total, row click is unchanged, and the error, loading and empty states render as before.
  - Only the list-view block passes compact, so every other ListView consumer is byte-for-byte unchanged.
Pins:
- ListViewBlock.compactRegion-12703:
  - (a) aside 320 of 1200: no toolbar, tabs, # column or count bar, and two-line rows;
  - (b) the header title and count;
  - (c) CONTROL: main 856 of 1200 is full, and an unknown width is full;
  - (d) CONTROL: the object list and a bare block are full.
- page-region-posture-12703 (8 cases).
- Ablation: forcing the posture to 'full' turns (a) red. The restore was proven by blob hash.
- The whole packages/plugin-list dir is green (144 files, 1493 tests).
Acceptance notes, not filed:
- An empty primary cell falls back to the record's display name.
- On Sales Home the card title and the list title both show. A card author can drop one.
- REGION_GAP_PX = 24 mirrors gap-6 in page.tsx, and only a comment ties them.
Owed by the maintainer: screenshots of Sales Home at 1024 and 1280 px.
Trailers: every commit carries only the model-free pair.
CI at head: 33 success, 3 skipped, 0 failures (filter=latest, 36 runs), including Bundle Analysis and Live E2E (informational). The code head f61f6f2 was also green, 36 of 36.

Next: pr_ready + automerge_enable. pm:dispatched stays on the card until part 2 ("View all") lands.

Generated by Claude Code

claude added 3 commits October 16, 2026 20:39

chore(changeset): compact list block in a narrow page region (objectu…

f61f6f2

…i#12703) Co-authored-by: Claude <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01XVp19E1MYUTFM3dnkwz8gB

objectstack-fleet Bot assigned baozhoutao Oct 16, 2026

github-actions Bot added package: components plugin tests labels Oct 16, 2026

objectstack-fleet Bot mentioned this pull request Oct 16, 2026

App pages: a list block in a region narrower than half the page takes a compact posture, without the toolbar and the row-number column #12703

Closed

objectstack-fleet Bot mentioned this pull request Oct 16, 2026

[PM seat] domain:ui · seat 2 — 🟢 baozhoutao · session_01XVp19E1MYUTFM3dnkwz8gB · batch 1 (container restarts) · 70 landed · in flight #12625 #9771

Open

github-actions Bot added the documentation Improvements or additions to documentation label Oct 16, 2026

objectstack-fleet Bot marked this pull request as ready for review October 16, 2026 21:42

objectstack-fleet Bot enabled auto-merge October 16, 2026 21:42

objectstack-fleet Bot added this pull request to the merge queue Oct 16, 2026

Merged via the queue into main with commit a8add5c Oct 16, 2026
37 checks passed

objectstack-fleet Bot deleted the claude/issue-12703-compact-list-block branch October 16, 2026 21:56

objectstack-fleet Bot mentioned this pull request Oct 16, 2026

feat(react,app-shell,plugin-list): the compact list block links "View all" through the host listHref (objectui#12703) #12817

Merged

Navigation Menu

Repository navigation

feat(components,plugin-list): a list block in a narrow page region draws a compact list (objectui#12703) - #12797

feat(components,plugin-list): a list block in a narrow page region draws a compact list (objectui#12703)#12797
objectstack-fleet[bot] merged 4 commits into
mainfrom
claude/issue-12703-compact-list-block

objectstack-fleet Bot commented Oct 16, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Oct 16, 2026

Uh oh!

github-actions Bot commented Oct 16, 2026

Uh oh!

objectstack-fleet Bot commented Oct 16, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

objectstack-fleet Bot commented Oct 16, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What this does

How the posture is decided (A1, measured)

Files

Evidence (all at f61f6f2e7)

Acceptance notes

Uh oh!

github-actions Bot commented Oct 16, 2026

✅ Console Performance Budget

📦 Bundle Size Report

Size Limits

Uh oh!

github-actions Bot commented Oct 16, 2026

✅ Console Performance Budget

📦 Bundle Size Report

Size Limits

Uh oh!

objectstack-fleet Bot commented Oct 16, 2026

Review: ACCEPT (part 1 of objectui#12703) — objectui PR #12797 · domain:ui seat 2 · session_01XVp19E1MYUTFM3dnkwz8gB · 2026-10-16T21:42Z

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

objectstack-fleet Bot commented Oct 16, 2026 •

edited

Loading

Evidence (all at `f61f6f2e7`)

Review: ACCEPT (part 1 of objectui#12703) — objectui PR #12797 · `domain:ui` seat 2 · `session_01XVp19E1MYUTFM3dnkwz8gB` · 2026-10-16T21:42Z