Skip to content

fix(fields): a numeric formula result reads as a number, and the datetime cell's text separates date and time (objectui#11683) - #11747

Merged
objectstack-fleet[bot] merged 2 commits into
mainfrom
claude/issue-11683-formula-datetime-cells
Oct 6, 2026
Merged

objectstack-fleet[bot] merged 2 commits into
mainfrom
claude/issue-11683-formula-datetime-cells

Conversation

@objectstack-fleet

Copy link
Copy Markdown
Contributor

Fixes #11683

Clause-②: no

Two cell renderers in packages/fields/src/index.tsx drew text that read wrong. Both were found by the 2026-10-06 showcase dogfood (objectui#11672, items 10 and 16). Implemented by session session_01CGZy1BGCjdN5cXqL9cnvB8 (seat domain:ui#3, round 1).

What changed

Formula cell (FormulaCellRenderer). It printed every result as raw monospace text, so Projects' Budget Remaining (a formula with no returnType) read 200000 beside a formatted currency column. A numeric result is now drawn by NumberCellRenderer, whose formatNumberFieldValue is the one call every number face makes. That gives the locale's grouping, and the width resolveFieldScale answers for the field. The spec applies scale to a formula field ("whose computed result is rounded to it"), so a declared scale is honoured. The formula cell's guard is unchanged.

Which results count as numbers:

  • returnType: 'number': the spec's declared value type, read as declared. A numeric string is read as a number here, as the number cell reads one.
  • no returnType: the value's own JSON type, and only a JS number. A string of digits from an undeclared formula stays text, because nothing says it is a quantity.
  • any other declared returnType (text, boolean, date): drawn exactly as before. A declaration is never overridden by the value.

summary is registered to the same renderer, so a numeric roll-up (it has no returnType) is drawn by the number cell too. Every face that dispatches through getCellRenderer changes with it: grid, record detail, related lists, cards, reports, dashboard record fields and the approvals summary card.

Datetime cell (DateTimeCellRenderer). On the compact face, which is the default, the date and the time were two spans separated by an ml-2 margin alone. So the text a copy takes, a screen reader reads and textContent returns ran the halves together: 2026/10/6上午1:42 in zh-CN, 10/6/20261:42 am in en-US. A text space now sits between the two spans. The cell's text is therefore exactly the string formatDateTime(value, { style: 'compact' }) returns, because that function joins the same two halves with one space. The time span keeps its muted colour; its margin narrows from ml-2 to ml-1 beside the space, so the halves stay visibly apart. packages/core/src/utils/date-display.ts is not touched (PR objectui#11729 holds it).

No export, prop, language-pack key or spec key is added.

The reading the card asked for: do the formula's inputs give a better type?

Not one this renderer may use. Read on the installed @objectstack/spec 17.6.0:

  • FieldSchema.returnType is number | text | boolean | date, with no currency value.
  • The spec's field form gives returnType this help text: "Declared value type of the formula, stamped from the inferred CEL type. Consumers read it instead of re-parsing the expression."

Budget Remaining's expression subtracts two currency fields, so it IS money. But getting "currency" from that means parsing the CEL expression and type-checking it against the object's fields in the renderer. That is the re-parse the contract tells consumers not to do, and it would be a second inference engine beside the authoring one (ObjectFieldInspector stamps returnType from the inferred CEL type). So an untyped numeric formula renders as a grouped number, not as money. Showing it as money needs the spec to let a formula declare that, which is a decision for the spec and is left out of this PR (see Acceptance notes).

Pins (en-US and zh-CN, measured on textContent)

New: packages/fields/src/__tests__/formulaDatetimeCells.copiedText-11683.test.tsx

  • datetime: the cell's text equals formatDateTime(INSTANT, { style: 'compact', locale }) and the literals 10/6/2026 1:42 am / 2026/10/6 上午1:42, and is not the run-together text; format: 'short' reaches the same face; the time span stays muted.
  • formula: untyped 200000 reads 200,000 and equals the number cell's face for the same value; no monospace; de-DE reads 200.000 (en-US and zh-CN group alike, so this is the case that proves the locale reaches the formatter); a fraction keeps its natural precision; a summary roll-up 8900 reads 8,900; returnType: 'number' (also over a numeric string) is the number face; a declared scale: 2 reads 200,000.00. Two controls stay text: a string of digits with no returnType, and returnType: 'text' over a number.

Updated (each pinned the run-together text as the expected face): datetime-compact-style-7443.test.tsx (the joined face now carries the space; the offset class pin reads ml-1), datetimeCell.formatVocabulary-8853.test.tsx (compactCellText joins with a space; 9/11/2026 9:30 am), datetime-carriers.impossibleDay-10301.test.tsx (2/28/2026 10:00 am).

Measured

The full runs are on f2fa584. The head is a4a2375, whose only change from f2fa584 rewords one comment in FormulaCellRenderer (4 lines, all comment). On a4a2375 the six formula/datetime pin files were re-run (Test Files 6 passed (6), Tests 191 passed (191): the new file, the three updated ones, emptinessFloorExtensions-8496 and cellRenderers.objectLiteral-8596), the type-check was re-run (exit 0), and the light gates and eslint on index.tsx were re-run (each exit 0).

command (from the worktree root), on f2fa584 verdict
pnpm exec vitest run packages/fields/ Test Files 237 passed, 1 skipped (238), Tests 3714 passed, 7 skipped (3721)
pnpm exec vitest run --maxWorkers=2 over 42 consumer files (below) Test Files 42 passed (42), Tests 522 passed (522)
pnpm --workspace-concurrency=2 --filter '@object-ui/fields^...' build exit 0 (11 packages)
pnpm --filter @object-ui/fields type-check echoed tsc --noEmit && tsc -p tsconfig.test.json, exit 0; --listFilesOnly on the test program lists all four changed test files
pnpm exec eslint on the 5 changed files exit 0, 0 errors; no warning falls inside a changed hunk
pnpm check:control-bytes / check:test-path-roots / check:changeset-claims / check:pending-changeset-literals / check:new-line-citations / check:vi-mock-specifiers / check:comment-mask-corpus each exit 0
node scripts/check-changeset-presence.mjs / -no-major / -fixed / -overwrite each exit 0

Consumer selection: every test file under packages/plugin-{grid,detail,list,kanban,dashboard,report,tree} and apps/console/src that names DateTimeCellRenderer, FormulaCellRenderer or a datetime / formula / summary field type (a git grep -l over those trees). That is a declared narrowing: the rest of the farm is CI's. Heavy runs went through os-verify-lock.sh; the seconds are shared-box seconds.

Ablation (through ablation-replace.mjs, which landed each mutation on disk and proved each restore: blob equals HEAD 86e762b7a312, git diff HEAD empty), over the new pin file plus the three updated ones:

  • the number arm disabled (anchor if (returnType === 'number' || … replaced by if (false)): 15 failed, 83 passed. Exactly the 15 formula number cases went red; the two text controls and every datetime case stayed green.
  • the old datetime markup restored (no text space, ml-2): 20 failed, 78 passed across all 4 files. Every datetime text pin went red; every formula case stayed green.

Acceptance notes

Read and left alone, outside this card's file surface (reported to the seat, not filed here):

  • The read-only formula WIDGET (widgets/FormulaField.tsx, the form face) still prints 200000 (no returnType) and 200000.00 (returnType: 'number', a toFixed(2)), monospace, in en-US and zh-CN, where the cell now reads 200,000. Measured with a throwaway probe (never committed) on f2fa584. One stored value, two faces.
  • The formula CELL still ignores a declared returnType of boolean or date: it prints true and 2026-07-04 in monospace, where the widget prints Yes and Jul 4. Same probe. Which date face a cell should use (the date cell's relative default or formatDate's default) is not pinned anywhere, so it was not guessed here.
  • Currency for a formula is not expressible in the spec's returnType today (see the reading above).

Generated by Claude Code

claude added 2 commits October 6, 2026 20:24
…atetime cell's text separates date and time (objectui#11683)

FormulaCellRenderer printed every result as raw monospace text. A result
declared `returnType: 'number'`, or a JS number from a formula declaring no
`returnType`, is now drawn by NumberCellRenderer (formatNumberFieldValue:
the locale's grouping and the width resolveFieldScale answers). `summary`
shares the renderer. No type is inferred from the expression.

DateTimeCellRenderer's compact face separated the date and the time with an
`ml-2` margin only, so its text ran the halves together. A text space now
sits between them (the compact face's own joiner), with `ml-1` on the time.

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

The quoted sentence is the spec's field-form help text for `returnType`, not
its schema describe text. Comment only.

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

github-actions Bot commented Oct 6, 2026

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

Metric Value Budget
Eager closure (gzip, 331 chunks) 3327.6 KB 3330.4 KB
Main entry chunk (gzip) 154.8 KB 350 KB
Entry file index-QmksoBwh.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) 17.82KB 6.58KB
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) 40.70KB 10.94KB
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) 579.15KB 139.25KB
core (index.js) 10.00KB 3.96KB
create-plugin (index.js) 27.94KB 9.51KB
data-objectstack (index.js) 235.41KB 65.46KB
fields (index.js) 263.62KB 66.79KB
i18n (LocalizationContext.js) 1.76KB 0.96KB
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) 37.51KB 10.04KB
i18n (useSafeTranslation.js) 7.14KB 2.92KB
layout (index.js) 41.50KB 11.82KB
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.39KB 15.52KB
plugin-charts (index.js) 84.26KB 23.05KB
plugin-chatbot (index.js) 199.63KB 47.46KB
plugin-dashboard (index.js) 144.26KB 38.97KB
plugin-designer (index.js) 231.46KB 48.87KB
plugin-detail (index.js) 247.69KB 65.18KB
plugin-editor (index.js) 2.23KB 1.05KB
plugin-form (index.js) 177.09KB 45.89KB
plugin-gantt (index.js) 179.16KB 45.06KB
plugin-grid (index.js) 238.51KB 65.53KB
plugin-kanban (index.js) 52.17KB 16.37KB
plugin-list (index.js) 116.85KB 29.12KB
plugin-map (index.js) 25.60KB 8.62KB
plugin-markdown (index.js) 13.88KB 4.80KB
plugin-report (index.js) 44.12KB 12.29KB
plugin-timeline (index.js) 38.90KB 11.74KB
plugin-tree (index.js) 15.07KB 5.33KB
plugin-view (index.js) 90.64KB 22.85KB
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.81KB 3.58KB
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.08KB 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.25KB
types (system-fields.js) 3.33KB 1.54KB
types (theme.js) 6.28KB 2.87KB
types (ui-action.js) 8.11KB 3.32KB
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 6, 2026 21:12
@objectstack-fleet
objectstack-fleet Bot enabled auto-merge October 6, 2026 21:12
@objectstack-fleet
objectstack-fleet Bot added this pull request to the merge queue Oct 6, 2026
Merged via the queue into main with commit 055d350 Oct 6, 2026
45 checks passed
@objectstack-fleet
objectstack-fleet Bot deleted the claude/issue-11683-formula-datetime-cells branch October 6, 2026 21:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

2 participants