Skip to content

fix(fields,i18n,dashboard): number renderers follow the active locale and stop grouping ordinals - #4333

Merged
yinlianghui merged 2 commits into
mainfrom
claude/issue-4033-number-format-locale
Aug 11, 2026
Merged

fix(fields,i18n,dashboard): number renderers follow the active locale and stop grouping ordinals#4333
yinlianghui merged 2 commits into
mainfrom
claude/issue-4033-number-format-locale

Conversation

@yinlianghui

Copy link
Copy Markdown
Collaborator

Fixes#4033 — source thread objectstack-ai/objectstack#5067 (read-only history; its triage comment is the route of record).

What was wrong

Every numeric field the console rendered went through an Intl.NumberFormat constructed with the locale hardcoded to en-US and useGrouping never set. Two independent defects rode in that one construction:

  1. a zh-CN / de-DE console still grouped and pointed decimals the US way; and
  2. a four-digit year stored as Field.number({ scale: 0 }) rendered as 2,026 — in every locale, with no field property able to turn it off.

The construction had been copied into five places, so fixing any one surface never changed the answer.

What changed

Both policies now live in one function, formatDisplayNumber in @object-ui/i18n, plus one locale resolver, useDisplayLocale. Call sites bring the value and the display width; they do not bring a locale default and they do not decide grouping.

Converged call sitespackages/fields/src/index.tsx (formatCurrency, formatCompactCurrency, formatNumber, NumberCellRenderer, CurrencyCellRenderer), packages/fields/src/widgets/CurrencyField.tsx, packages/components/src/renderers/basic/elements.tsx, packages/plugin-dashboard/src/MetricWidget.tsx.

The locale channel is composed, not invented

The card asked for "the active i18n locale". Measurement found two existing channels, and useDisplayLocale composes them rather than adding a third:

  1. useLocalization().locale — the tenant's resolved regional default (ADR-0053). Frequently undefined; the endpoint is cosmetic and non-blocking.
  2. useObjectTranslation().language — the ACTIVE UI language from the switcher.
  3. 'en' — a concrete last resort rather than undefined, which would hand Intl the machine's locale and be non-deterministic in CI.

Step 2 is what covers the state #4033 was measured in: a fresh database, where the tenant endpoint has no locale to give, so a language switch alone has to drive formatting.

Grouping policy, and its interim status

scale === 0 and no currency ⇒ useGrouping: false. Documented at the definition as an interim default with the accepted cost named (a large scale-0 count loses its separators too), and marked as overridden by the future spec-level presentation hint. No spec / objectstack change here — that stays contract-first and separate.

scale is treated as a policy input, not a display width: only a surface with a real field declaration behind it passes it. That is what makes the exceptions structural rather than three separately-patched call sites.

Measured grouping exception, reported honestly

MetricWidget keeps its separators. Its decimals is parsed from a numeral.js format pattern ('0,0.00' gives 2), not from a field's declared scale, and it is 0 for the commonest KPI patterns ('0,0', or no format at all). Grouping there is load-bearing by the widget's own contract:

When no format is given but the value is a finite number, defaults to thousands separators with no decimals — that's what users expect for KPI cards (1,930,000 not 1930000).

The en-US hardcode is fixed on that surface; only the grouping default is not applied to it. element:number (an aggregate renderer) and every currency path are excluded on the same structural grounds. An undeclaredscale also keeps grouping — absent means "decimals unknown", not "integer".

Reverse verification

Predictions were written down before running; commit-then-revert, never git stash.

Limb revertedPredictedObserved
A — grouping suppression deleted7 red (ordinal pins + unit policy pins), all controls greenexactly that
B — locale hardcoded back to en-US7 red (de-DE/fr-FR/currency/metric locale pins); ordinal pins stay GREENexactly that
C — MetricWidget made to obey the ordinal default3 red (its grouping-exception pins)exactly that

Limb B's green half is the load-bearing one: 2026 ungrouped is identical in every locale, so a locale regression is invisible to the ordinal tests. The two fixes are therefore independently pinned rather than entangled.

Limb C exists so the exception is evidence rather than assertion — had nothing gone red, "grouping is load-bearing here" would be an unverified claim.

Reverse verification also caught one of my own pins passing for an empty reason: emits an explicit false only when suppressing was anchored on es-ES, which renders 1234 ungrouped under Intl's autoas well — green whether or not the suppression existed. Re-anchored on en-US, which separates the two (1,234 vs 1234). Second commit.

Two Intl traps the implementation is written around

  • useGrouping: true is not the same as omitting it.true means "always"; omitting means "auto" (the locale's own preference). Measured for 1234: es-ES auto 1234 vs always 1.234; pl-PL auto 1234 vs always 1 234. So the code sets useGroupingonly to suppress — writing true would silently override those locales' conventions in the name of preserving en-US output. Pinned as a test.
  • A malformed tenant locale must not take a cell down.locale arrives from a server response; new Intl.NumberFormat('not a locale') throws RangeError. Handled inside the formatter by retrying without the locale, while a genuinely bad currency code still propagates to the call sites' existing fallbacks. Both directions pinned.

Tests

New: packages/fields/src/__tests__/NumberCellRenderer.grouping.test.tsx (17), packages/i18n/src/__tests__/number-display.test.ts (16), packages/plugin-dashboard/src/__tests__/MetricWidget.numberFormat.test.tsx (7). Red-first on the card's exact fixture.

  • Directly edited packages: 273 files / 3296 tests passed (i18n, fields, components, plugin-dashboard).
  • Downstream consumers: 243 files / 2653 tests passed (plugin-grid, plugin-gantt, plugin-list, plugin-detail, react).
  • Type-check, downstream/prefix direction (--filter '...pkg' = consumers, not dependencies): 35 of 46 workspace projects, all clean, after a full pnpm build (43/43) so no stale dist/*.d.ts was read.
  • Lint: 0 errors across the four edited packages. Changeset gates: presence / fixed-group / no-major all green. check-control-bytes: OK.

API surface

Additive only — no narrowing. formatCurrency, formatCompactCurrency and formatNumber each gain an optional trailinglocale; existing calls are unaffected, though omitting it now follows the runtime default rather than forcing US conventions. @object-ui/i18n gains three exports.

Scope notes

Out-of-scope findings


Generated by Claude Code

… and stop grouping ordinals
Every numeric field the console renders went through an Intl.NumberFormat
constructed with the locale hardcoded to 'en-US' and grouping left at the
Intl default, so a four-digit year stored as Field.number({ scale: 0 })
rendered as '2,026' in every locale with no field property able to turn it
off (objectui#4033, source thread objectstack#5067).
The same construction had been copied into five places, so fixing any one
surface never changed the answer. Converge them onto one formatter in
@object-ui/i18n — formatDisplayNumber — which owns both the locale and the
grouping policy, and one locale resolver, useDisplayLocale.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017Qqyix2QcnpUC9XeYVDzx3
Reverse verification caught the 'emits an explicit false only when
suppressing' pin passing for an empty reason: es-ES renders 1234 ungrouped
under Intl's 'auto' as well, so the assertion was green whether or not the
suppression existed. Re-anchored on en-US, which separates the two.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017Qqyix2QcnpUC9XeYVDzx3
@vercel

vercelBot commented Aug 11, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
ProjectDeploymentActionsUpdated (UTC)
objectuiIgnoredIgnoredAug 11, 2026 3:25pm

Request Review

@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Main entry (gzip)29.5 KB350 KB
Entry fileindex-bjVijaHG.js
StatusPASS

📦 Bundle Size Report

PackageSizeGzipped
app-shell (index.js)9.56KB3.59KB
app-shell (runtime-config.js)7.42KB2.32KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)8.92KB3.41KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)1.17KB0.53KB
auth (AuthProvider.js)22.10KB4.37KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.13KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.64KB2.21KB
auth (SocialSignInButtons.js)9.60KB3.89KB
auth (UserMenu.js)3.40KB1.22KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)35.76KB9.11KB
auth (createAuthenticatedFetch.js)4.37KB1.69KB
auth (index.js)2.35KB1.07KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)4.91KB0.87KB
auth (useIsWorkspaceAdmin.js)1.61KB0.85KB
collaboration (CommentThread.js)26.07KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.65KB0.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)489.12KB108.41KB
core (index.js)3.04KB1.15KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)150.04KB39.79KB
fields (index.js)228.37KB56.62KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (i18n.js)4.32KB1.77KB
i18n (index.js)3.01KB1.22KB
i18n (pickLocalized.js)1.70KB0.83KB
i18n (provider.js)16.38KB5.47KB
i18n (useDisplayLocale.js)2.33KB1.20KB
i18n (useObjectLabel.js)27.59KB6.63KB
i18n (useSafeTranslation.js)4.52KB1.96KB
layout (index.js)38.98KB10.85KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.74KB
mobile (index.js)1.50KB0.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.71KB0.42KB
mobile (useResponsiveConfig.js)1.36KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)8.75KB3.06KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)3.67KB1.12KB
permissions (evaluator.js)4.41KB1.44KB
permissions (index.js)0.91KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.52KB
permissions (usePermissions.js)1.55KB0.71KB
plugin-ai (index.js)15.71KB3.79KB
plugin-calendar (index.js)45.23KB12.45KB
plugin-charts (index.js)62.18KB17.67KB
plugin-chatbot (index.js)180.33KB42.79KB
plugin-dashboard (index.js)121.56KB31.56KB
plugin-designer (index.js)210.91KB42.67KB
plugin-detail (index.js)238.95KB59.76KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)114.58KB27.68KB
plugin-gantt (index.js)164.14KB39.98KB
plugin-grid (index.js)188.00KB49.94KB
plugin-kanban (index.js)48.60KB13.41KB
plugin-list (index.js)109.93KB26.65KB
plugin-map (index.js)17.00KB5.32KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)40.60KB10.58KB
plugin-timeline (index.js)26.21KB7.52KB
plugin-tree (index.js)8.50KB2.88KB
plugin-view (index.js)84.03KB20.55KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.71KB3.53KB
providers (index.js)0.44KB0.22KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.67KB2.37KB
react (LazyPluginLoader.js)3.77KB1.33KB
react (SchemaRenderer.js)23.71KB7.96KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)1.23KB0.66KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)4.09KB1.74KB
sdui-parser (index.js)4.47KB2.03KB
sdui-parser (parse.js)10.04KB2.82KB
sdui-parser (types.js)0.29KB0.24KB
sdui-parser (validate.js)4.69KB1.48KB
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)0.20KB0.18KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)0.20KB0.18KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.87KB0.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-retry.js)4.32KB2.02KB
types (index.js)3.05KB1.52KB
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 (system-fields.js)3.33KB1.54KB
types (theme.js)0.20KB0.18KB
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

@yinlianghui@claude