@wildo-ai/saas-frontend-lib 1.1.5 → 1.1.7

package/dist/esm/components/data-display/DisplayFieldEditableArray.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayFieldEditableArray.js","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayFieldEditableArray.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * DisplayFieldEditableArray — read-side inline editor for an `@inlineEditable()` ARRAY\n * field (the checklist case).\n *\n * Unlike {@link DisplayFieldEditable} (a click-to-edit overlay for a single scalar\n * value), an array needs a PERSISTENT inline editor: add a row, edit items in place,\n * remove, and reorder — every change autosaved as the WHOLE array in one PATCH. Rather\n * than rebuild that surface, this component **reuses `AutomatedArrayField` verbatim** (its\n * quick-add row, per-item cards, drag-and-drop, primary-field summary header, and the\n * validate-before-add flow) by mounting it inside a LOCAL form context on a read view:\n *\n *   - `useForm` seeds a local RHF form with `{ [name]: serverArrayValue }`. The form is\n *     the editing source of truth; `AutomatedArrayField` drives it through `useFieldArray`.\n *   - `AutosaveProvider onSave` bridges the form's whole-array autosave\n *     (`AutomatedArrayField.afterArrayMutation` → `triggerSave(name, array, DEBOUNCE)`) to the\n *     read-side {@link ResourceDisplayContextValue.doInlineUpdate}, which PATCHes\n *     `{ [name]: array }` via the resource mutation manager (no form/AutosaveProvider\n *     exists on read surfaces — `useOptionalAutosave()` would otherwise return null).\n *\n * The form is seeded on mount from the server value (DisplayField gates this behind its\n * loading skeleton, so the value is present). **External changes re-sync into the editor:**\n * the `value` prop is RMM-backed (`ResourceAutomaticDisplayer` renders from\n * `rmmSnapshot.optimisticData`), so a remote UPDATE (another tab / another user, delivered\n * via `RMMWebSocketBridge` → `applyRemoteUpdate`) flows in as a new `value`. RHF ignores\n * post-mount `defaultValues` changes, so we reconcile explicitly with `form.reset` — but\n * NOT while the user is typing inside this editor (focus guard), so remote updates never\n * clobber in-progress keystrokes. A window that is actively editing reconciles once it is\n * idle and the next `value` change lands (the ACCEPT_REMOTE conflict cycle drives that).\n */\n\nimport React, { useMemo, useCallback, useEffect, useRef } from 'react';\nimport { z } from 'zod';\nimport { useForm, FormProvider } from 'react-hook-form';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { ArrayObjectItemLayout, type SoloSectionMode } from '@wildo-ai/zod-decorators';\nimport { CoreResourceOperation } from '@wildo-ai/saas-models';\n\nimport { AutomatedArrayField } from '../form/automated/AutomatedArrayField';\nimport { AutosaveProvider, type AutosaveSaveHandler, type AutosaveProviderLabels } from '../form/automated/AutosaveContext';\nimport { FormSchemaProvider } from '~wildo-frontend-lib/components/form/form-context';\nimport { useResourceDisplayContext } from './automatic-displayer.utils';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\n\nexport interface DisplayFieldEditableArrayProps {\n  /** The array field name (dot path) — also the PATCH key for the whole-array update. */\n  name: string;\n  /** The array field schema (`z.array(...)`) — carries item schema + arrayUI config. */\n  schema: z.ZodTypeAny;\n  /** The current server value (the array). Seeds the local form on mount. */\n  value: unknown;\n  /** Field label — rendered as the array section legend by `AutomatedArrayField`. */\n  label: string;\n  description?: string;\n  /**\n   * Read-side persistence: PATCHes `{ [fieldName]: value }` via the resource mutation\n   * manager (`type: INLINE`). Supplied by `DisplayField` from `ResourceDisplayContext`.\n   */\n  doInlineUpdate: (fieldName: string, value: unknown) => Promise<void>;\n  /**\n   * Optional per-item TEMPLATE (the `renderItem` render-prop). Forwarded verbatim\n   * to `AutomatedArrayField.renderField` so an authored item template drives the\n   * inline-editable rows too (the item path it receives is scoped to the local\n   * single-field form, e.g. `checklist.0`).\n   */\n  renderField?: (name: string, schema: z.ZodTypeAny) => React.ReactNode;\n  /** Array section-frame appearance — forwarded to `AutomatedArrayField`. */\n  sectionAppearance?: SoloSectionMode;\n  /** Per-placement item-layout override — forwarded to `AutomatedArrayField`. */\n  objectItemLayout?: ArrayObjectItemLayout;\n}\n\nfunction DisplayFieldEditableArrayComponent({\n  name,\n  schema,\n  value,\n  label,\n  description,\n  doInlineUpdate,\n  renderField,\n  sectionAppearance,\n  objectItemLayout,\n}: DisplayFieldEditableArrayProps): React.JSX.Element {\n  // The local editing form is a single-field object wrapping the array, keyed by the field's\n  // LAST path segment (`fieldKey`) — mirroring `DisplayFieldEditable`. This keeps the form\n  // schema (`z.object({ [fieldKey]: schema })`), the seeded value, and `AutomatedArrayField`'s\n  // own `useFieldArray(fieldKey)` in agreement. The FULL `name` stays the PATCH key used by\n  // `doInlineUpdate` (the whole-array update target on the resource). A dot-pathed nested array\n  // (`exportProjection.disclosedTiers`, inside an `ObjectScope`) is queued under that dotted\n  // path and shaped into the resource's own nesting — whole parent, siblings kept — where the\n  // body is built: `buildWireRequestData` in the RMM, `buildInlineUpdateRequestData` on the\n  // direct fallback. It used to go out as a flat dotted key that the server dropped with a 200\n  // (#1395).\n  const fieldKey = useMemo(\n    () => (name.includes('.') ? name.split('.').pop()! : name),\n    [name],\n  );\n\n  const formSchema = useMemo(() => z.object({ [fieldKey]: schema }), [fieldKey, schema]);\n\n  // Seed the local form from the server array. Memoised on (fieldKey, value) so a re-render\n  // with the SAME value doesn't churn the default values object.\n  const defaultValues = useMemo(\n    () => ({ [fieldKey]: Array.isArray(value) ? value : [] }),\n    [fieldKey, value],\n  );\n\n  // `mode: 'onChange'` so item-field edits validate live (mirrors inline-edit\n  // responsiveness); AutomatedArrayField additionally re-validates the whole array after every\n  // add/remove/move via `trigger(fieldKey)`.\n  //\n  // NO form-level `resolver`: validation is owned by `AutomatedArrayField`'s quick-add\n  // validate-before-add (which reads the item schema from the FormSchemaProvider below).\n  // Attaching a schema resolver (`zodIssueResolver(formSchema)`) here makes `AutosaveContext.executeSave`'s\n  // `formContext.trigger(fieldKey)` gate fail — it validates form INPUT against the\n  // **responseDto** field schema (a response/parse contract, not an input contract) and\n  // spuriously rejects valid items, silently swallowing the whole-array autosave PATCH.\n  const form = useForm({ defaultValues, mode: 'onChange' });\n\n  // ── Remote re-sync ──\n  // RHF only applies `defaultValues` at mount, so a changed `value` prop (a\n  // remote RMM update from another tab / user) would otherwise be ignored and\n  // the editor would show stale rows. Reconcile with `form.reset`, keyed by a\n  // serialized snapshot of the last-seeded array so we only reset on a REAL\n  // change (not on every re-render or the identity churn of the user's own\n  // optimistic echo). The focus guard is the \"don't reset mid-edit\" rule from\n  // the scalar `DisplayFieldEditable`: if the caret is inside this editor we\n  // skip — reconciliation rides the next `value` change that lands while the\n  // editor is idle (e.g. after the editing window's autosave + ACCEPT_REMOTE\n  // re-broadcast), so live keystrokes are never yanked out from under the user.\n  const editorRef = useRef<HTMLDivElement>(null);\n  const lastSeededSerializedRef = useRef<string>(JSON.stringify(Array.isArray(value) ? value : []));\n  useEffect(() => {\n    const nextArray = Array.isArray(value) ? value : [];\n    const serialized = JSON.stringify(nextArray);\n    if (serialized === lastSeededSerializedRef.current) {\n      return;\n    }\n    const active = typeof document !== 'undefined' ? document.activeElement : null;\n    if (active && editorRef.current?.contains(active)) {\n      return;\n    }\n    form.reset({ [fieldKey]: nextArray });\n    lastSeededSerializedRef.current = serialized;\n  }, [value, form, fieldKey]);\n\n  // Read-side resource context — forwarded to FormSchemaProvider so item FormFields resolve\n  // i18n labels / FK context exactly as they do inside a full resource form.\n  const resourceDisplayContext = useResourceDisplayContext();\n\n  // Autosave config — MUST be `enabled: true`. `AutosaveProvider`'s default config is\n  // `{ enabled: false }`, and `triggerSave` no-ops when disabled — so without this the\n  // whole-array PATCH never fires after a quick-add/edit/remove/reorder. Memoised so the\n  // provider's merged-config useMemo doesn't churn every render. (debounceMs defaults to 500.)\n  const autosaveConfig = useMemo(() => ({ enabled: true }), []);\n\n  // Autosave feedback labels (error states). Reuses the canonical create-layout autosave\n  // error i18n keys — the same strings the form's AutosaveProvider shows.\n  const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_CREATE });\n  const autosaveLabels = useMemo<AutosaveProviderLabels>(\n    () => ({\n      errorNetwork: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'autosaveErrorNetwork'),\n      errorValidation: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'autosaveErrorValidation'),\n      errorGeneric: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'autosaveErrorGeneric'),\n      errorConflict: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'autosaveErrorConflict'),\n      errorResourceDeleted: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'autosaveErrorResourceDeleted'),\n    }),\n    [tComponent],\n  );\n\n  // Bridge the form-side autosave to the read-side inline-update path. The read-inline editor\n  // persists the WHOLE array ATOMICALLY (`doInlineUpdate(name, wholeArray)` → one PATCH).\n  //\n  // The bridged autosave fires from TWO sources, and we must treat both identically:\n  //   1. `AutomatedArrayField.afterArrayMutation` (add / remove / reorder) — passes the whole array.\n  //   2. An item's own `FormField` per-field autosave (toggling `done`, editing a `label`) —\n  //      passes the INDIVIDUAL field path + value (e.g. `checklist.0.done` = `true`).\n  // Forwarding case (2)'s raw value would PATCH `{ checklist: true }` — a boolean where the\n  // resource expects an array (400 `expected array, received boolean`). So we IGNORE the\n  // per-call `fieldName`/`fieldValue` and always read + send the current WHOLE array from the\n  // form, under the array field `name`. (The field-level edit is already committed to the form\n  // by the time its autosave fires, so `getValues` reflects it.)\n  const handleSave = useCallback<AutosaveSaveHandler>(\n    async () => {\n      const wholeArray = form.getValues(fieldKey);\n      await doInlineUpdate(name, wholeArray);\n    },\n    [doInlineUpdate, name, form, fieldKey],\n  );\n\n  // `FormSchemaProvider` is REQUIRED: `AutomatedArrayField`'s item `FormField`s (and the\n  // quick-add row) call `useFormSchemaContext()` to resolve item sub-schemas + labels.\n  // Without it they throw \"must be used within a FormSchemaProvider\". This mirrors the\n  // scalar `DisplayFieldEditable`, which wraps its inline `FormField` the same way.\n  return (\n    <FormProvider {...form}>\n      <FormSchemaProvider\n        schema={formSchema}\n        form={form}\n        resourceType={resourceDisplayContext.resourceType}\n        resourceId={resourceDisplayContext.resourceId}\n        operationType={CoreResourceOperation.UPDATE}\n        contextResourceIdentifiers={resourceDisplayContext.contextResourceIdentifiers}\n        navigationZone={resourceDisplayContext.navigationZone}\n      >\n        <AutosaveProvider onSave={handleSave} labels={autosaveLabels} config={autosaveConfig}>\n          {/* `editorRef` scopes the remote-re-sync focus guard: a `form.reset`\n              from an incoming remote update is skipped while the caret is inside\n              this subtree (see the reconcile effect above). */}\n          <div ref={editorRef}>\n            <AutomatedArrayField name={fieldKey} schema={schema} label={label} description={description} renderField={renderField} sectionAppearance={sectionAppearance} objectItemLayout={objectItemLayout} />\n          </div>\n        </AutosaveProvider>\n      </FormSchemaProvider>\n    </FormProvider>\n  );\n}\n\nDisplayFieldEditableArrayComponent.displayName = 'DisplayFieldEditableArray';\n\nexport const DisplayFieldEditableArray = DisplayFieldEditableArrayComponent;\n"]}
+{"version":3,"file":"DisplayFieldEditableArray.js","sourceRoot":"","sources":["../../../../src/components/data-display/DisplayFieldEditableArray.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * DisplayFieldEditableArray — read-side inline editor for an `@inlineEditable()` ARRAY\n * field (the checklist case).\n *\n * Unlike {@link DisplayFieldEditable} (a click-to-edit overlay for a single scalar\n * value), an array needs a PERSISTENT inline editor: add a row, edit items in place,\n * remove, and reorder — every change autosaved as the WHOLE array in one PATCH. Rather\n * than rebuild that surface, this component **reuses `AutomatedArrayField` verbatim** (its\n * quick-add row, per-item cards, drag-and-drop, primary-field summary header, and the\n * validate-before-add flow) by mounting it inside a LOCAL form context on a read view:\n *\n *   - `useForm` seeds a local RHF form with `{ [name]: serverArrayValue }`. The form is\n *     the editing source of truth; `AutomatedArrayField` drives it through `useFieldArray`.\n *   - `AutosaveProvider onSave` bridges the form's whole-array autosave\n *     (`AutomatedArrayField.afterArrayMutation` → `triggerSave(name, array, DEBOUNCE)`) to the\n *     read-side {@link ResourceDisplayContextValue.doInlineUpdate}, which PATCHes\n *     `{ [name]: array }` via the resource mutation manager (no form/AutosaveProvider\n *     exists on read surfaces — `useOptionalAutosave()` would otherwise return null).\n *\n * The form is seeded on mount from the server value (DisplayField gates this behind its\n * loading skeleton, so the value is present). **External changes re-sync into the editor:**\n * the `value` prop is RMM-backed (`ResourceAutomaticDisplayer` renders from\n * `rmmSnapshot.optimisticData`), so a remote UPDATE (another tab / another user, delivered\n * via `RMMWebSocketBridge` → `applyRemoteUpdate`) flows in as a new `value`. RHF ignores\n * post-mount `defaultValues` changes, so we reconcile explicitly with `form.reset` — but\n * NOT while the user is typing inside this editor (focus guard), so remote updates never\n * clobber in-progress keystrokes. A window that is actively editing reconciles once it is\n * idle and the next `value` change lands (the ACCEPT_REMOTE conflict cycle drives that).\n */\n\nimport React, { useMemo, useCallback, useEffect, useRef } from 'react';\nimport { z } from 'zod';\nimport { useForm, FormProvider } from 'react-hook-form';\nimport { FrontendComponentType } from '@wildo-ai/presets-components-models';\nimport { ArrayObjectItemLayout, DisplayChromeMode, EditChromeMode, type SoloSectionMode } from '@wildo-ai/zod-decorators';\nimport { CoreResourceOperation } from '@wildo-ai/saas-models';\n\nimport { AutomatedArrayField } from '../form/automated/AutomatedArrayField';\nimport { AutosaveProvider, type AutosaveSaveHandler, type AutosaveProviderLabels } from '../form/automated/AutosaveContext';\nimport { FormSchemaProvider } from '~wildo-frontend-lib/components/form/form-context';\nimport { useResourceDisplayContext } from './automatic-displayer.utils';\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\n\nexport interface DisplayFieldEditableArrayProps {\n  /** The array field name (dot path) — also the PATCH key for the whole-array update. */\n  name: string;\n  /** The array field schema (`z.array(...)`) — carries item schema + arrayUI config. */\n  schema: z.ZodTypeAny;\n  /** The current server value (the array). Seeds the local form on mount. */\n  value: unknown;\n  /** Field label — rendered as the array section legend by `AutomatedArrayField`. */\n  label: string;\n  description?: string;\n  /**\n   * Read-side persistence: PATCHes `{ [fieldName]: value }` via the resource mutation\n   * manager (`type: INLINE`). Supplied by `DisplayField` from `ResourceDisplayContext`.\n   */\n  doInlineUpdate: (fieldName: string, value: unknown) => Promise<void>;\n  /**\n   * Optional per-item TEMPLATE (the `renderItem` render-prop). Forwarded verbatim\n   * to `AutomatedArrayField.renderField` so an authored item template drives the\n   * inline-editable rows too (the item path it receives is scoped to the local\n   * single-field form, e.g. `checklist.0`).\n   */\n  renderField?: (name: string, schema: z.ZodTypeAny) => React.ReactNode;\n  /** Array section-frame appearance — forwarded to `AutomatedArrayField`. */\n  sectionAppearance?: SoloSectionMode;\n  /**\n   * The display chrome the read pane resolved for this field. A settings-row pane (`SETTINGS_ROW`) edits the\n   * array as one row of that list — its edit-mode counterpart — instead of a section between the rows.\n   */\n  displayChromeMode?: DisplayChromeMode;\n  /** Per-placement item-layout override — forwarded to `AutomatedArrayField`. */\n  objectItemLayout?: ArrayObjectItemLayout;\n  /**\n   * Words for an enum array's options, keyed by value — the dictionary `DisplayField` resolved for this field.\n   * Forwarded to `AutomatedArrayField`, whose checkbox group otherwise named each option by its raw value.\n   */\n  enumLabels?: Record<string, string>;\n}\n\nfunction DisplayFieldEditableArrayComponent({\n  name,\n  schema,\n  value,\n  label,\n  description,\n  doInlineUpdate,\n  renderField,\n  sectionAppearance,\n  displayChromeMode,\n  objectItemLayout,\n  enumLabels,\n}: DisplayFieldEditableArrayProps): React.JSX.Element {\n  // The local editing form is a single-field object wrapping the array, keyed by the field's\n  // LAST path segment (`fieldKey`) — mirroring `DisplayFieldEditable`. This keeps the form\n  // schema (`z.object({ [fieldKey]: schema })`), the seeded value, and `AutomatedArrayField`'s\n  // own `useFieldArray(fieldKey)` in agreement. The FULL `name` stays the PATCH key used by\n  // `doInlineUpdate` (the whole-array update target on the resource). A dot-pathed nested array\n  // (`exportProjection.disclosedTiers`, inside an `ObjectScope`) is queued under that dotted\n  // path and shaped into the resource's own nesting — whole parent, siblings kept — where the\n  // body is built: `buildWireRequestData` in the RMM, `buildInlineUpdateRequestData` on the\n  // direct fallback. It used to go out as a flat dotted key that the server dropped with a 200\n  // (#1395).\n  const fieldKey = useMemo(\n    () => (name.includes('.') ? name.split('.').pop()! : name),\n    [name],\n  );\n\n  const formSchema = useMemo(() => z.object({ [fieldKey]: schema }), [fieldKey, schema]);\n\n  // Seed the local form from the server array. Memoised on (fieldKey, value) so a re-render\n  // with the SAME value doesn't churn the default values object.\n  const defaultValues = useMemo(\n    () => ({ [fieldKey]: Array.isArray(value) ? value : [] }),\n    [fieldKey, value],\n  );\n\n  // `mode: 'onChange'` so item-field edits validate live (mirrors inline-edit\n  // responsiveness); AutomatedArrayField additionally re-validates the whole array after every\n  // add/remove/move via `trigger(fieldKey)`.\n  //\n  // NO form-level `resolver`: validation is owned by `AutomatedArrayField`'s quick-add\n  // validate-before-add (which reads the item schema from the FormSchemaProvider below).\n  // Attaching a schema resolver (`zodIssueResolver(formSchema)`) here makes `AutosaveContext.executeSave`'s\n  // `formContext.trigger(fieldKey)` gate fail — it validates form INPUT against the\n  // **responseDto** field schema (a response/parse contract, not an input contract) and\n  // spuriously rejects valid items, silently swallowing the whole-array autosave PATCH.\n  const form = useForm({ defaultValues, mode: 'onChange' });\n\n  // ── Remote re-sync ──\n  // RHF only applies `defaultValues` at mount, so a changed `value` prop (a\n  // remote RMM update from another tab / user) would otherwise be ignored and\n  // the editor would show stale rows. Reconcile with `form.reset`, keyed by a\n  // serialized snapshot of the last-seeded array so we only reset on a REAL\n  // change (not on every re-render or the identity churn of the user's own\n  // optimistic echo). The focus guard is the \"don't reset mid-edit\" rule from\n  // the scalar `DisplayFieldEditable`: if the caret is inside this editor we\n  // skip — reconciliation rides the next `value` change that lands while the\n  // editor is idle (e.g. after the editing window's autosave + ACCEPT_REMOTE\n  // re-broadcast), so live keystrokes are never yanked out from under the user.\n  const editorRef = useRef<HTMLDivElement>(null);\n  const lastSeededSerializedRef = useRef<string>(JSON.stringify(Array.isArray(value) ? value : []));\n  useEffect(() => {\n    const nextArray = Array.isArray(value) ? value : [];\n    const serialized = JSON.stringify(nextArray);\n    if (serialized === lastSeededSerializedRef.current) {\n      return;\n    }\n    const active = typeof document !== 'undefined' ? document.activeElement : null;\n    if (active && editorRef.current?.contains(active)) {\n      return;\n    }\n    form.reset({ [fieldKey]: nextArray });\n    lastSeededSerializedRef.current = serialized;\n  }, [value, form, fieldKey]);\n\n  // Read-side resource context — forwarded to FormSchemaProvider so item FormFields resolve\n  // i18n labels / FK context exactly as they do inside a full resource form.\n  const resourceDisplayContext = useResourceDisplayContext();\n\n  // Autosave config — MUST be `enabled: true`. `AutosaveProvider`'s default config is\n  // `{ enabled: false }`, and `triggerSave` no-ops when disabled — so without this the\n  // whole-array PATCH never fires after a quick-add/edit/remove/reorder. Memoised so the\n  // provider's merged-config useMemo doesn't churn every render. (debounceMs defaults to 500.)\n  const autosaveConfig = useMemo(() => ({ enabled: true }), []);\n\n  // Autosave feedback labels (error states). Reuses the canonical create-layout autosave\n  // error i18n keys — the same strings the form's AutosaveProvider shows.\n  const { tComponent } = useI18n({ component: FrontendComponentType.RESOURCES_LAYOUTS_CREATE });\n  const autosaveLabels = useMemo<AutosaveProviderLabels>(\n    () => ({\n      errorNetwork: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'autosaveErrorNetwork'),\n      errorValidation: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'autosaveErrorValidation'),\n      errorGeneric: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'autosaveErrorGeneric'),\n      errorConflict: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'autosaveErrorConflict'),\n      errorResourceDeleted: tComponent(FrontendComponentType.RESOURCES_LAYOUTS_CREATE, 'autosaveErrorResourceDeleted'),\n    }),\n    [tComponent],\n  );\n\n  // Bridge the form-side autosave to the read-side inline-update path. The read-inline editor\n  // persists the WHOLE array ATOMICALLY (`doInlineUpdate(name, wholeArray)` → one PATCH).\n  //\n  // The bridged autosave fires from TWO sources, and we must treat both identically:\n  //   1. `AutomatedArrayField.afterArrayMutation` (add / remove / reorder) — passes the whole array.\n  //   2. An item's own `FormField` per-field autosave (toggling `done`, editing a `label`) —\n  //      passes the INDIVIDUAL field path + value (e.g. `checklist.0.done` = `true`).\n  // Forwarding case (2)'s raw value would PATCH `{ checklist: true }` — a boolean where the\n  // resource expects an array (400 `expected array, received boolean`). So we IGNORE the\n  // per-call `fieldName`/`fieldValue` and always read + send the current WHOLE array from the\n  // form, under the array field `name`. (The field-level edit is already committed to the form\n  // by the time its autosave fires, so `getValues` reflects it.)\n  const handleSave = useCallback<AutosaveSaveHandler>(\n    async () => {\n      const wholeArray = form.getValues(fieldKey);\n      await doInlineUpdate(name, wholeArray);\n    },\n    [doInlineUpdate, name, form, fieldKey],\n  );\n\n  // `FormSchemaProvider` is REQUIRED: `AutomatedArrayField`'s item `FormField`s (and the\n  // quick-add row) call `useFormSchemaContext()` to resolve item sub-schemas + labels.\n  // Without it they throw \"must be used within a FormSchemaProvider\". This mirrors the\n  // scalar `DisplayFieldEditable`, which wraps its inline `FormField` the same way.\n  return (\n    <FormProvider {...form}>\n      <FormSchemaProvider\n        schema={formSchema}\n        form={form}\n        resourceType={resourceDisplayContext.resourceType}\n        resourceId={resourceDisplayContext.resourceId}\n        operationType={CoreResourceOperation.UPDATE}\n        contextResourceIdentifiers={resourceDisplayContext.contextResourceIdentifiers}\n        navigationZone={resourceDisplayContext.navigationZone}\n      >\n        <AutosaveProvider onSave={handleSave} labels={autosaveLabels} config={autosaveConfig}>\n          {/* `editorRef` scopes the remote-re-sync focus guard: a `form.reset`\n              from an incoming remote update is skipped while the caret is inside\n              this subtree (see the reconcile effect above). */}\n          <div ref={editorRef}>\n            <AutomatedArrayField name={fieldKey} schema={schema} label={label} description={description} renderField={renderField} sectionAppearance={sectionAppearance} objectItemLayout={objectItemLayout} enumLabels={enumLabels}\n              chromeMode={displayChromeMode === DisplayChromeMode.SETTINGS_ROW ? EditChromeMode.SETTINGS_ROW : undefined} />\n          </div>\n        </AutosaveProvider>\n      </FormSchemaProvider>\n    </FormProvider>\n  );\n}\n\nDisplayFieldEditableArrayComponent.displayName = 'DisplayFieldEditableArray';\n\nexport const DisplayFieldEditableArray = DisplayFieldEditableArrayComponent;\n"]}

package/dist/esm/components/data-display/DisplayFieldReadOnly.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayFieldReadOnly.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayFieldReadOnly.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAQhF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsExF;yBAtEe,oBAAoB"}
+{"version":3,"file":"DisplayFieldReadOnly.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/DisplayFieldReadOnly.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAQhF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwExF;yBAxEe,oBAAoB"}

package/dist/esm/components/data-display/DisplayFieldReadOnly.js

@@ -13,7 +13,7 @@ import { DisplayValueDispatcher } from './DisplayValueDispatcher.js';
 // COMPONENT
 // =============================================================================
 export function DisplayFieldReadOnly(props) {
-    const { schema, schemaType, value, fieldName, label, description, tooltip, enumLabels, displayComponent, parentData, resourceLinkTrail, renderItem, className, hideLabel, hideDescription, resolvedChromeMode, resolvedLabelPlacement, resolvedLabelStyle, resolvedEmptyValue, fileUploadContext, } = props;
+    const { schema, schemaType, value, fieldName, label, description, tooltip, provenance, enumLabels, displayComponent, parentData, resourceLinkTrail, renderItem, className, hideLabel, hideDescription, resolvedChromeMode, resolvedLabelPlacement, resolvedLabelStyle, resolvedEmptyValue, fileUploadContext, } = props;
     // Truncation state for arrays/objects (ROBUST-03)
     const [showAllArrayItems, setShowAllArrayItems] = useState(false);
     const [showAllObjectFields, setShowAllObjectFields] = useState(false);
@@ -25,7 +25,7 @@ export function DisplayFieldReadOnly(props) {
             prevValueRef.current = value;
         }
     }, [value]);
-    return (_jsx(DisplayFieldChrome, { mode: resolvedChromeMode, label: label, labelStyle: resolvedLabelStyle, description: description, tooltip: tooltip, name: fieldName, labelPlacement: resolvedLabelPlacement, hideLabel: hideLabel, hideDescription: hideDescription, className: className, children: _jsx(DisplayValueDispatcher, { schema: schema, schemaType: schemaType, value: value, fieldName: fieldName, label: label, className: className, enumLabels: enumLabels, displayComponent: displayComponent, parentData: parentData, resourceLinkTrail: resourceLinkTrail, renderItem: renderItem, emptyValue: resolvedEmptyValue, fileUploadContext: fileUploadContext, showAllArrayItems: showAllArrayItems, onExpandArrayItems: () => setShowAllArrayItems(true), showAllObjectFields: showAllObjectFields, onExpandObjectFields: () => setShowAllObjectFields(true) }) }));
+    return (_jsx(DisplayFieldChrome, { mode: resolvedChromeMode, label: label, labelStyle: resolvedLabelStyle, description: description, tooltip: tooltip, provenance: provenance, name: fieldName, labelPlacement: resolvedLabelPlacement, hideLabel: hideLabel, hideDescription: hideDescription, className: className, children: _jsx(DisplayValueDispatcher, { schema: schema, schemaType: schemaType, value: value, fieldName: fieldName, label: label, className: className, enumLabels: enumLabels, displayComponent: displayComponent, parentData: parentData, resourceLinkTrail: resourceLinkTrail, renderItem: renderItem, emptyValue: resolvedEmptyValue, fileUploadContext: fileUploadContext, showAllArrayItems: showAllArrayItems, onExpandArrayItems: () => setShowAllArrayItems(true), showAllObjectFields: showAllObjectFields, onExpandObjectFields: () => setShowAllObjectFields(true) }) }));
 }
 DisplayFieldReadOnly.displayName = 'DisplayFieldReadOnly';
 //# sourceMappingURL=DisplayFieldReadOnly.js.map

package/dist/esm/components/data-display/DisplayFieldReadOnly.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayFieldReadOnly.js","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayFieldReadOnly.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,MAAM,EACJ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,GAClB,GAAG,KAAK,CAAC;IAEV,kDAAkD;IAClD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACnC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAC9B,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,kBAAkB,IACjB,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,kBAAkB,EAC9B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,SAAS,EACf,cAAc,EAAE,sBAAsB,EACtC,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,YAEpB,KAAC,sBAAsB,IACrB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,kBAAkB,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EACpD,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,GACxD,GACiB,CACtB,CAAC;AACJ,CAAC;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC","sourcesContent":["/**\n * DisplayFieldReadOnly — read-only display field with chrome wrapping.\n *\n * Owns truncation state (array/object \"show more\") and delegates value\n * rendering to DisplayValueDispatcher. No inline editing hooks — all\n * editing concerns live in DisplayFieldEditable.\n */\n\nimport React, { useState, useRef, useEffect } from 'react';\n\nimport type { DisplayFieldResolvedProps } from './display-field-resolved-props';\nimport { DisplayFieldChrome } from './chromes/DisplayFieldChrome';\nimport { DisplayValueDispatcher } from './DisplayValueDispatcher';\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport function DisplayFieldReadOnly(props: DisplayFieldResolvedProps): React.JSX.Element {\n  const {\n    schema,\n    schemaType,\n    value,\n    fieldName,\n    label,\n    description,\n    tooltip,\n    enumLabels,\n    displayComponent,\n    parentData,\n    resourceLinkTrail,\n    renderItem,\n    className,\n    hideLabel,\n    hideDescription,\n    resolvedChromeMode,\n    resolvedLabelPlacement,\n    resolvedLabelStyle,\n    resolvedEmptyValue,\n    fileUploadContext,\n  } = props;\n\n  // Truncation state for arrays/objects (ROBUST-03)\n  const [showAllArrayItems, setShowAllArrayItems] = useState(false);\n  const [showAllObjectFields, setShowAllObjectFields] = useState(false);\n  const prevValueRef = useRef(value);\n  useEffect(() => {\n    if (prevValueRef.current !== value) {\n      setShowAllArrayItems(false);\n      setShowAllObjectFields(false);\n      prevValueRef.current = value;\n    }\n  }, [value]);\n\n  return (\n    <DisplayFieldChrome\n      mode={resolvedChromeMode}\n      label={label}\n      labelStyle={resolvedLabelStyle}\n      description={description}\n      tooltip={tooltip}\n      name={fieldName}\n      labelPlacement={resolvedLabelPlacement}\n      hideLabel={hideLabel}\n      hideDescription={hideDescription}\n      className={className}\n    >\n      <DisplayValueDispatcher\n        schema={schema}\n        schemaType={schemaType}\n        value={value}\n        fieldName={fieldName}\n        label={label}\n        className={className}\n        enumLabels={enumLabels}\n        displayComponent={displayComponent}\n        parentData={parentData}\n        resourceLinkTrail={resourceLinkTrail}\n        renderItem={renderItem}\n        emptyValue={resolvedEmptyValue}\n        fileUploadContext={fileUploadContext}\n        showAllArrayItems={showAllArrayItems}\n        onExpandArrayItems={() => setShowAllArrayItems(true)}\n        showAllObjectFields={showAllObjectFields}\n        onExpandObjectFields={() => setShowAllObjectFields(true)}\n      />\n    </DisplayFieldChrome>\n  );\n}\n\nDisplayFieldReadOnly.displayName = 'DisplayFieldReadOnly';\n"]}
+{"version":3,"file":"DisplayFieldReadOnly.js","sourceRoot":"","sources":["../../../../src/components/data-display/DisplayFieldReadOnly.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAClE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,MAAM,EACJ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,GAClB,GAAG,KAAK,CAAC;IAEV,kDAAkD;IAClD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACnC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAC9B,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,KAAC,kBAAkB,IACjB,IAAI,EAAE,kBAAkB,EACxB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,kBAAkB,EAC9B,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,SAAS,EACf,cAAc,EAAE,sBAAsB,EACtC,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,YAEpB,KAAC,sBAAsB,IACrB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,kBAAkB,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EACpD,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,GACxD,GACiB,CACtB,CAAC;AACJ,CAAC;AAED,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC","sourcesContent":["/**\n * DisplayFieldReadOnly — read-only display field with chrome wrapping.\n *\n * Owns truncation state (array/object \"show more\") and delegates value\n * rendering to DisplayValueDispatcher. No inline editing hooks — all\n * editing concerns live in DisplayFieldEditable.\n */\n\nimport React, { useState, useRef, useEffect } from 'react';\n\nimport type { DisplayFieldResolvedProps } from './display-field-resolved-props';\nimport { DisplayFieldChrome } from './chromes/DisplayFieldChrome';\nimport { DisplayValueDispatcher } from './DisplayValueDispatcher';\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport function DisplayFieldReadOnly(props: DisplayFieldResolvedProps): React.JSX.Element {\n  const {\n    schema,\n    schemaType,\n    value,\n    fieldName,\n    label,\n    description,\n    tooltip,\n    provenance,\n    enumLabels,\n    displayComponent,\n    parentData,\n    resourceLinkTrail,\n    renderItem,\n    className,\n    hideLabel,\n    hideDescription,\n    resolvedChromeMode,\n    resolvedLabelPlacement,\n    resolvedLabelStyle,\n    resolvedEmptyValue,\n    fileUploadContext,\n  } = props;\n\n  // Truncation state for arrays/objects (ROBUST-03)\n  const [showAllArrayItems, setShowAllArrayItems] = useState(false);\n  const [showAllObjectFields, setShowAllObjectFields] = useState(false);\n  const prevValueRef = useRef(value);\n  useEffect(() => {\n    if (prevValueRef.current !== value) {\n      setShowAllArrayItems(false);\n      setShowAllObjectFields(false);\n      prevValueRef.current = value;\n    }\n  }, [value]);\n\n  return (\n    <DisplayFieldChrome\n      mode={resolvedChromeMode}\n      label={label}\n      labelStyle={resolvedLabelStyle}\n      description={description}\n      tooltip={tooltip}\n      provenance={provenance}\n      name={fieldName}\n      labelPlacement={resolvedLabelPlacement}\n      hideLabel={hideLabel}\n      hideDescription={hideDescription}\n      className={className}\n    >\n      <DisplayValueDispatcher\n        schema={schema}\n        schemaType={schemaType}\n        value={value}\n        fieldName={fieldName}\n        label={label}\n        className={className}\n        enumLabels={enumLabels}\n        displayComponent={displayComponent}\n        parentData={parentData}\n        resourceLinkTrail={resourceLinkTrail}\n        renderItem={renderItem}\n        emptyValue={resolvedEmptyValue}\n        fileUploadContext={fileUploadContext}\n        showAllArrayItems={showAllArrayItems}\n        onExpandArrayItems={() => setShowAllArrayItems(true)}\n        showAllObjectFields={showAllObjectFields}\n        onExpandObjectFields={() => setShowAllObjectFields(true)}\n      />\n    </DisplayFieldChrome>\n  );\n}\n\nDisplayFieldReadOnly.displayName = 'DisplayFieldReadOnly';\n"]}

package/dist/esm/components/data-display/DisplayFieldReadOnlyArraySection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayFieldReadOnlyArraySection.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayFieldReadOnlyArraySection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAOhE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAGhF,MAAM,MAAM,qCAAqC,GAAG,yBAAyB,GAAG;IAC9E,iBAAiB,CAAC,EAAE,eAAe,CAAC;CACrC,CAAC;AAEF,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,qCAAqC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgEhH;yBAhEe,gCAAgC"}
+{"version":3,"file":"DisplayFieldReadOnlyArraySection.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/DisplayFieldReadOnlyArraySection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAUhE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAGhF,MAAM,MAAM,qCAAqC,GAAG,yBAAyB,GAAG;IAC9E,iBAAiB,CAAC,EAAE,eAAe,CAAC;CACrC,CAAC;AAEF,wBAAgB,gCAAgC,CAAC,KAAK,EAAE,qCAAqC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoEhH;yBApEe,gCAAgC"}

package/dist/esm/components/data-display/DisplayFieldReadOnlyArraySection.js

@@ -17,11 +17,16 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { DisplayLabelStyle } from '@wildo-ai/zod-decorators';
 import { useState, useRef, useEffect } from 'react';
+import { TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';
+import { cn } from '../../core/ui/cn.js';
+import { useUI } from '../../core/ui/useUI.js';
 import { ContentSection, ContentSectionLegend, } from '../../components/sections/content-section.js';
 import { FieldDescription as ContentSectionDescription } from '../../components/form/chromes/field.js';
 import { DisplayValueDispatcher } from './DisplayValueDispatcher.js';
 export function DisplayFieldReadOnlyArraySection(props) {
     const { schema, schemaType, value, fieldName, label, description, enumLabels, displayComponent, parentData, resourceLinkTrail, renderItem, className, hideLabel, hideDescription, resolvedLabelStyle, resolvedEmptyValue, fileUploadContext, sectionAppearance, } = props;
+    const { getRecipe } = useUI();
+    const eyebrowRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.EYEBROW);
     // "Show more" truncation for the array list — mirrors DisplayFieldReadOnly.
     const [showAllArrayItems, setShowAllArrayItems] = useState(false);
     const [showAllObjectFields, setShowAllObjectFields] = useState(false);
@@ -35,8 +40,9 @@ export function DisplayFieldReadOnlyArraySection(props) {
     }, [value]);
     return (_jsxs(ContentSection, { appearance: sectionAppearance, className: className, "data-field": fieldName, children: [label != null && !hideLabel && (resolvedLabelStyle === DisplayLabelStyle.TITLE
                 // TITLE label style — see DisplayFieldChrome: a small title above the list, for a
-                // collection acting as a mini-section inside a prose flow.
-                ? _jsx("div", { className: "pt-item-xs text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: label })
+                // collection acting as a mini-section inside a prose flow. Its voice is the theme's EYEBROW
+                // recipe, so every theme styles it the way it styles every other label above a section.
+                ? _jsx("div", { className: cn('pt-item-xs', eyebrowRecipe.base), children: label })
                 : _jsx(ContentSectionLegend, { children: label })), description != null && !hideDescription && _jsx(ContentSectionDescription, { children: description }), _jsx(DisplayValueDispatcher, { schema: schema, schemaType: schemaType, value: value, fieldName: fieldName, label: label, enumLabels: enumLabels, displayComponent: displayComponent, parentData: parentData, resourceLinkTrail: resourceLinkTrail, renderItem: renderItem, emptyValue: resolvedEmptyValue, fileUploadContext: fileUploadContext, showAllArrayItems: showAllArrayItems, onExpandArrayItems: () => setShowAllArrayItems(true), showAllObjectFields: showAllObjectFields, onExpandObjectFields: () => setShowAllObjectFields(true) })] }));
 }
 DisplayFieldReadOnlyArraySection.displayName = 'DisplayFieldReadOnlyArraySection';

package/dist/esm/components/data-display/DisplayFieldReadOnlyArraySection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayFieldReadOnlyArraySection.js","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayFieldReadOnlyArraySection.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3D,OAAO,EACL,cAAc,EACd,oBAAoB,GACrB,MAAM,yDAAyD,CAAC;AACjE,OAAO,EAAE,gBAAgB,IAAI,yBAAyB,EAAE,MAAM,mDAAmD,CAAC;AAGlH,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAMlE,MAAM,UAAU,gCAAgC,CAAC,KAA4C;IAC3F,MAAM,EACJ,MAAM,EACN,UAAU,EACV,KAAK,EACL,SAAS,EACT,KAAK,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,GAClB,GAAG,KAAK,CAAC;IAEV,4EAA4E;IAC5E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,KAAK,KAAK,EAAE,CAAC;YACnC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,sBAAsB,CAAC,KAAK,CAAC,CAAC;YAC9B,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,MAAC,cAAc,IAAC,UAAU,EAAE,iBAAiB,EAAE,SAAS,EAAE,SAAS,gBAAc,SAAS,aACvF,KAAK,IAAI,IAAI,IAAI,CAAC,SAAS,IAAI,CAC9B,kBAAkB,KAAK,iBAAiB,CAAC,KAAK;gBAC5C,kFAAkF;gBAClF,2DAA2D;gBAC3D,CAAC,CAAC,cAAK,SAAS,EAAC,gFAAgF,YAAE,KAAK,GAAO;gBAC/G,CAAC,CAAC,KAAC,oBAAoB,cAAE,KAAK,GAAwB,CACzD,EACA,WAAW,IAAI,IAAI,IAAI,CAAC,eAAe,IAAI,KAAC,yBAAyB,cAAE,WAAW,GAA6B,EAChH,KAAC,sBAAsB,IACrB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,kBAAkB,EAC9B,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,kBAAkB,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,CAAC,EACpD,mBAAmB,EAAE,mBAAmB,EACxC,oBAAoB,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,GACxD,IACa,CAClB,CAAC;AACJ,CAAC;AAED,gCAAgC,CAAC,WAAW,GAAG,kCAAkC,CAAC","sourcesContent":["/**\n * DisplayFieldReadOnlyArraySection — read-only array rendered inside a\n * controllable SECTION container (legend + `sectionAppearance`), mirroring the\n * editable path (`AutomatedArrayField` also renders a `ContentSection`).\n *\n * This is the read-only half of \"section containerization of FieldArray\": a\n * NON-inline-editable array authored via `DisplayFieldArray` renders as a quiet\n * GHOST section by default (opt into CARD/COLLAPSIBLE), instead of the bare\n * `role=\"list\"` the default chrome produces. The section's legend IS the field\n * label, so — unlike `DisplayFieldReadOnly` — we do NOT wrap in\n * `DisplayFieldChrome` (that would render the label twice).\n *\n * `renderItem` is intentionally NOT honored here: item templates bind to a form\n * (`useFormContext`), which does not exist in a read-only context. Items render\n * through `DisplayValueDispatcher` (display-only) as usual.\n */\n\nimport { DisplayLabelStyle } from '@wildo-ai/zod-decorators';\nimport React, { useState, useRef, useEffect } from 'react';\n\nimport type { SoloSectionMode } from '@wildo-ai/zod-decorators';\nimport {\n  ContentSection,\n  ContentSectionLegend,\n} from '~wildo-frontend-lib/components/sections/content-section';\nimport { FieldDescription as ContentSectionDescription } from '~wildo-frontend-lib/components/form/chromes/field';\n\nimport type { DisplayFieldResolvedProps } from './display-field-resolved-props';\nimport { DisplayValueDispatcher } from './DisplayValueDispatcher';\n\nexport type DisplayFieldReadOnlyArraySectionProps = DisplayFieldResolvedProps & {\n  sectionAppearance?: SoloSectionMode;\n};\n\nexport function DisplayFieldReadOnlyArraySection(props: DisplayFieldReadOnlyArraySectionProps): React.JSX.Element {\n  const {\n    schema,\n    schemaType,\n    value,\n    fieldName,\n    label,\n    description,\n    enumLabels,\n    displayComponent,\n    parentData,\n    resourceLinkTrail,\n    renderItem,\n    className,\n    hideLabel,\n    hideDescription,\n    resolvedLabelStyle,\n    resolvedEmptyValue,\n    fileUploadContext,\n    sectionAppearance,\n  } = props;\n\n  // \"Show more\" truncation for the array list — mirrors DisplayFieldReadOnly.\n  const [showAllArrayItems, setShowAllArrayItems] = useState(false);\n  const [showAllObjectFields, setShowAllObjectFields] = useState(false);\n  const prevValueRef = useRef(value);\n  useEffect(() => {\n    if (prevValueRef.current !== value) {\n      setShowAllArrayItems(false);\n      setShowAllObjectFields(false);\n      prevValueRef.current = value;\n    }\n  }, [value]);\n\n  return (\n    <ContentSection appearance={sectionAppearance} className={className} data-field={fieldName}>\n      {label != null && !hideLabel && (\n        resolvedLabelStyle === DisplayLabelStyle.TITLE\n          // TITLE label style — see DisplayFieldChrome: a small title above the list, for a\n          // collection acting as a mini-section inside a prose flow.\n          ? <div className=\"pt-item-xs text-xs font-semibold uppercase tracking-wide text-muted-foreground\">{label}</div>\n          : <ContentSectionLegend>{label}</ContentSectionLegend>\n      )}\n      {description != null && !hideDescription && <ContentSectionDescription>{description}</ContentSectionDescription>}\n      <DisplayValueDispatcher\n        schema={schema}\n        schemaType={schemaType}\n        value={value}\n        fieldName={fieldName}\n        label={label}\n        enumLabels={enumLabels}\n        displayComponent={displayComponent}\n        parentData={parentData}\n        resourceLinkTrail={resourceLinkTrail}\n        renderItem={renderItem}\n        emptyValue={resolvedEmptyValue}\n        fileUploadContext={fileUploadContext}\n        showAllArrayItems={showAllArrayItems}\n        onExpandArrayItems={() => setShowAllArrayItems(true)}\n        showAllObjectFields={showAllObjectFields}\n        onExpandObjectFields={() => setShowAllObjectFields(true)}\n      />\n    </ContentSection>\n  );\n}\n\nDisplayFieldReadOnlyArraySection.displayName = 'DisplayFieldReadOnlyArraySection';\n"]}
+{"version":3,"file":"DisplayFieldReadOnlyArraySection.js","sourceRoot":"","sources":["../../../../src/components/data-display/DisplayFieldReadOnlyArraySection.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * DisplayFieldReadOnlyArraySection — read-only array rendered inside a\n * controllable SECTION container (legend + `sectionAppearance`), mirroring the\n * editable path (`AutomatedArrayField` also renders a `ContentSection`).\n *\n * This is the read-only half of \"section containerization of FieldArray\": a\n * NON-inline-editable array authored via `DisplayFieldArray` renders as a quiet\n * GHOST section by default (opt into CARD/COLLAPSIBLE), instead of the bare\n * `role=\"list\"` the default chrome produces. The section's legend IS the field\n * label, so — unlike `DisplayFieldReadOnly` — we do NOT wrap in\n * `DisplayFieldChrome` (that would render the label twice).\n *\n * `renderItem` is intentionally NOT honored here: item templates bind to a form\n * (`useFormContext`), which does not exist in a read-only context. Items render\n * through `DisplayValueDispatcher` (display-only) as usual.\n */\n\nimport { DisplayLabelStyle } from '@wildo-ai/zod-decorators';\nimport React, { useState, useRef, useEffect } from 'react';\n\nimport type { SoloSectionMode } from '@wildo-ai/zod-decorators';\nimport { TypographyVariant, UIBehavior } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport {\n  ContentSection,\n  ContentSectionLegend,\n} from '~wildo-frontend-lib/components/sections/content-section';\nimport { FieldDescription as ContentSectionDescription } from '~wildo-frontend-lib/components/form/chromes/field';\n\nimport type { DisplayFieldResolvedProps } from './display-field-resolved-props';\nimport { DisplayValueDispatcher } from './DisplayValueDispatcher';\n\nexport type DisplayFieldReadOnlyArraySectionProps = DisplayFieldResolvedProps & {\n  sectionAppearance?: SoloSectionMode;\n};\n\nexport function DisplayFieldReadOnlyArraySection(props: DisplayFieldReadOnlyArraySectionProps): React.JSX.Element {\n  const {\n    schema,\n    schemaType,\n    value,\n    fieldName,\n    label,\n    description,\n    enumLabels,\n    displayComponent,\n    parentData,\n    resourceLinkTrail,\n    renderItem,\n    className,\n    hideLabel,\n    hideDescription,\n    resolvedLabelStyle,\n    resolvedEmptyValue,\n    fileUploadContext,\n    sectionAppearance,\n  } = props;\n\n  const { getRecipe } = useUI();\n  const eyebrowRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.EYEBROW);\n\n  // \"Show more\" truncation for the array list — mirrors DisplayFieldReadOnly.\n  const [showAllArrayItems, setShowAllArrayItems] = useState(false);\n  const [showAllObjectFields, setShowAllObjectFields] = useState(false);\n  const prevValueRef = useRef(value);\n  useEffect(() => {\n    if (prevValueRef.current !== value) {\n      setShowAllArrayItems(false);\n      setShowAllObjectFields(false);\n      prevValueRef.current = value;\n    }\n  }, [value]);\n\n  return (\n    <ContentSection appearance={sectionAppearance} className={className} data-field={fieldName}>\n      {label != null && !hideLabel && (\n        resolvedLabelStyle === DisplayLabelStyle.TITLE\n          // TITLE label style — see DisplayFieldChrome: a small title above the list, for a\n          // collection acting as a mini-section inside a prose flow. Its voice is the theme's EYEBROW\n          // recipe, so every theme styles it the way it styles every other label above a section.\n          ? <div className={cn('pt-item-xs', eyebrowRecipe.base)}>{label}</div>\n          : <ContentSectionLegend>{label}</ContentSectionLegend>\n      )}\n      {description != null && !hideDescription && <ContentSectionDescription>{description}</ContentSectionDescription>}\n      <DisplayValueDispatcher\n        schema={schema}\n        schemaType={schemaType}\n        value={value}\n        fieldName={fieldName}\n        label={label}\n        enumLabels={enumLabels}\n        displayComponent={displayComponent}\n        parentData={parentData}\n        resourceLinkTrail={resourceLinkTrail}\n        renderItem={renderItem}\n        emptyValue={resolvedEmptyValue}\n        fileUploadContext={fileUploadContext}\n        showAllArrayItems={showAllArrayItems}\n        onExpandArrayItems={() => setShowAllArrayItems(true)}\n        showAllObjectFields={showAllObjectFields}\n        onExpandObjectFields={() => setShowAllObjectFields(true)}\n      />\n    </ContentSection>\n  );\n}\n\nDisplayFieldReadOnlyArraySection.displayName = 'DisplayFieldReadOnlyArraySection';\n"]}

package/dist/esm/components/data-display/DisplayTemplateContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayTemplateContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayTemplateContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,+DAA+D,CAAC;AACvH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAMrE,MAAM,WAAW,2BAA2B;IAC1C,0GAA0G;IAC1G,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IAErB;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAE1C;;;;;;OAMG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB,oFAAoF;IACpF,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEpC,0FAA0F;IAC1F,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE1C,sFAAsF;IACtF,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnD,uFAAuF;IACvF,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC;;;;;;;;OAQG;IACH,wBAAwB,CAAC,EAAE,oBAAoB,CAAC;IAEhD,6FAA6F;IAC7F,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE5C,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAErC,oEAAoE;IACpE,UAAU,EAAE,kBAAkB,CAAC;IAE/B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B;;;;OAIG;IACH,4BAA4B,CAAC,EAAE,MAAM,EAAE,CAAC;IAExC;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,iCAAiC,CAAC;CAC/D;AAYD,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,2BAA2B,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAM5G;AAMD;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,2BAA2B,CASvE;AAED;;;;;;;GAOG;AACH,wBAAgB,iCAAiC,IAAI,2BAA2B,GAAG,IAAI,CAEtF"}
+{"version":3,"file":"DisplayTemplateContext.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/DisplayTemplateContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAC7B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,iCAAiC,EAAE,MAAM,+DAA+D,CAAC;AACvH,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAMrE,MAAM,WAAW,2BAA2B;IAC1C,0GAA0G;IAC1G,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IAErB;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAE1C;;;;;;OAMG;IACH,SAAS,EAAE,OAAO,CAAC;IAEnB,oFAAoF;IACpF,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEpC,0FAA0F;IAC1F,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE1C,sFAAsF;IACtF,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnD,uFAAuF;IACvF,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtC;;;;;;;;OAQG;IACH,wBAAwB,CAAC,EAAE,oBAAoB,CAAC;IAEhD,6FAA6F;IAC7F,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAE5C,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAErC,oEAAoE;IACpE,UAAU,EAAE,kBAAkB,CAAC;IAE/B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAE5B;;;;OAIG;IACH,4BAA4B,CAAC,EAAE,MAAM,EAAE,CAAC;IAExC;;;;;;;;;;OAUG;IACH,yBAAyB,CAAC,EAAE,iCAAiC,CAAC;CAC/D;AAYD,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,2BAA2B,CAAC;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAM5G;AAMD;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,2BAA2B,CASvE;AAED;;;;;;;GAOG;AACH,wBAAgB,iCAAiC,IAAI,2BAA2B,GAAG,IAAI,CAEtF"}

package/dist/esm/components/data-display/DisplayTemplateContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayTemplateContext.js","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayTemplateContext.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAgGzD,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF,MAAM,sBAAsB,GAAG,aAAa,CAAqC,IAAI,CAAC,CAAC;AAWvF;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAgC;IACvF,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC1C,QAAQ,GACuB,CACnC,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,QAAQ;AACR,gFAAgF;AAEhF;;;GAGG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC/C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,+EAA+E;YAC/E,oFAAoF,CACrF,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,iCAAiC;IAC/C,OAAO,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAC5C,CAAC","sourcesContent":["/**\n * DisplayTemplateContext — carries resolved display-level values so template components\n * (DisplayField in name-only mode, Section, Group) can resolve from context.\n *\n * AutomaticDisplayer / ResourceAutomaticDisplayer provide this context inside the\n * display render tree. Skeleton components and developer-authored templates both\n * read from it via `useDisplayTemplateContext()` or `useOptionalDisplayTemplateContext()`.\n *\n * **What this context carries (and where each value comes from):**\n *\n * | Value                | Source                                | Template consumer |\n * |----------------------|---------------------------------------|-------------------|\n * | schema               | Resource schema                       | DisplayField (resolves field schemas by path) |\n * | data                 | Fetched resource data (undefined when loading) | DisplayField (resolves field values by path) |\n * | isLoading            | `!effectiveData`                      | DisplayField (renders Skeleton when true — DD-9) |\n * | fieldLabels          | `useResourceLabels()` hook            | DisplayField `label` |\n * | fieldDescriptions    | `useResourceLabels()` hook            | DisplayField `description` |\n * | fieldTooltips        | `useResourceLabels()` hook            | DisplayField `tooltip` |\n * | enumLabels           | `useResourceLabels()` hook            | DisplayField `enumLabels` |\n * | sectionLabels        | `useResourceLabels()` hook            | Section `legend` |\n * | sectionDescriptions  | `useResourceLabels()` hook            | Section `description` |\n * | groupLabels          | `useResourceLabels()` hook            | Group label |\n * | breakpoint           | `useUI().currentBreakpoint`           | Responsive layout decisions |\n * | hiddenFieldNames     | Resource-aware upstream display shaping | DisplayField hide gate for automatic templates |\n * | inlineEditDisabledFieldNames | Resource-aware upstream display shaping | DisplayField inline-edit gate for automatic templates |\n *\n * **Relationship with ResourceDisplayContext:**\n *\n * ResourceDisplayContext carries inline editing capabilities (RMM, doInlineUpdate,\n * canInlineEdit, fileUploadContext). DisplayTemplateContext carries data resolution\n * and display-level metadata. They are separate concerns — a field needs both to\n * render correctly in a resource context.\n */\n\nimport React, { createContext, useContext } from 'react';\nimport type { z } from 'zod';\nimport type { ViewportBreakpoint } from '@wildo-ai/zod-decorators';\nimport type { FileActivationOperationDispatcher } from '~wildo-frontend-lib/components/data-display/useFileActivation';\nimport type { ContainerSectionMode } from '@wildo-ai/zod-decorators';\n\n// =============================================================================\n// CONTEXT VALUE\n// =============================================================================\n\nexport interface DisplayTemplateContextValue {\n  /** Root display schema — enables field schema resolution by dot-path for name-only DisplayField usage. */\n  schema: z.ZodTypeAny;\n\n  /**\n   * Fetched resource data. `undefined` during initial loading.\n   * When `isLoading` is true, this is `undefined` — each DisplayField renders a `<Skeleton>` placeholder\n   * (template-as-skeleton pattern, DD-9). When loaded, contains the full resource data object.\n   */\n  data: Record<string, unknown> | undefined;\n\n  /**\n   * Whether resource data is still being fetched.\n   * When true, DisplayField renders `<Skeleton>` instead of the field value.\n   * Computed as `!effectiveData` in ResourceAutomaticDisplayer.\n   * This enables the template-as-skeleton pattern (DD-9): the template structure\n   * renders immediately from schema, individual fields show loading placeholders.\n   */\n  isLoading: boolean;\n\n  /** Resolved field labels (keyed by field name). Produced by useResourceLabels(). */\n  fieldLabels: Record<string, string>;\n\n  /** Resolved field descriptions (keyed by field name). Produced by useResourceLabels(). */\n  fieldDescriptions: Record<string, string>;\n\n  /** Resolved field tooltips (keyed by field name). Produced by useResourceLabels(). */\n  fieldTooltips: Record<string, string>;\n\n  /**\n   * Resolved enum labels per field (keyed by field name → enum value → label).\n   * Produced by useResourceLabels().\n   */\n  enumLabels: Record<string, Record<string, string>>;\n\n  /** Resolved section labels (keyed by section ref). Produced by useResourceLabels(). */\n  sectionLabels: Record<string, string>;\n\n  /**\n   * The layout's `defaultDisplaySectionAppearance` — the container mode a `<Section>` with no\n   * `appearance` of its own adopts, so a pane declares \"these are the tabs of one thing\" once rather\n   * than repeating it per section and relying on N declarations agreeing.\n   *\n   * Read by the layout HOST's grouping rather than by `Section` itself: grouping inspects each\n   * child's props to decide which sections share a container, so a default applied inside the\n   * component would be invisible to the scan that does the work.\n   */\n  defaultSectionAppearance?: ContainerSectionMode;\n\n  /** Resolved section descriptions (keyed by section ref). Produced by useResourceLabels(). */\n  sectionDescriptions: Record<string, string>;\n\n  /** Resolved group labels (keyed by group name). Produced by useResourceLabels(). */\n  groupLabels?: Record<string, string>;\n\n  /** Current viewport breakpoint for responsive display decisions. */\n  breakpoint: ViewportBreakpoint;\n\n  /**\n   * Resource-aware display shaping input for automatic READ templates.\n   * Like form `hiddenFieldNames`, this is consumed opaquely by generic display\n   * primitives. Explicit `layout.display` templates can simply omit it.\n   */\n  hiddenFieldNames?: string[];\n\n  /**\n   * Resource-aware inline-edit shaping input for automatic READ templates.\n   * This keeps the generic display field gate from treating relationship object\n   * slots as if they used the same write contract as primitive/FK fields.\n   */\n  inlineEditDisabledFieldNames?: string[];\n\n  /**\n   * Dispatcher for a file whose activation policy is `FileActivationPolicy.CUSTOM`\n   * (the policy names an OPERATION on the owning resource — see\n   * `FileActivationOperationRequest`).\n   *\n   * Supplied by the resource-aware host (`ResourceAutomaticDisplayer`), which is the\n   * only layer holding the resource operation context; generic display components\n   * consume it OPAQUELY, exactly like `hiddenFieldNames` above. Absent under a\n   * non-resource display host, in which case a CUSTOM activation renders inert\n   * rather than as a dead control.\n   */\n  onFileActivationOperation?: FileActivationOperationDispatcher;\n}\n\n// =============================================================================\n// REACT CONTEXT\n// =============================================================================\n\nconst DisplayTemplateContext = createContext<DisplayTemplateContextValue | null>(null);\n\n// =============================================================================\n// PROVIDER\n// =============================================================================\n\nexport interface DisplayTemplateProviderProps {\n  value: DisplayTemplateContextValue;\n  children: React.ReactNode;\n}\n\n/**\n * Provides display-level resolved values to the template tree.\n * Placed by AutomaticDisplayer inside the display render tree so that\n * skeleton components can resolve labels, schema, data, and loading state.\n */\nexport function DisplayTemplateProvider({ value, children }: DisplayTemplateProviderProps): React.JSX.Element {\n  return (\n    <DisplayTemplateContext.Provider value={value}>\n      {children}\n    </DisplayTemplateContext.Provider>\n  );\n}\n\n// =============================================================================\n// HOOKS\n// =============================================================================\n\n/**\n * Read the display template context. Throws if not inside a DisplayTemplateProvider.\n * Use in components that REQUIRE AutomaticDisplayer context.\n */\nexport function useDisplayTemplateContext(): DisplayTemplateContextValue {\n  const ctx = useContext(DisplayTemplateContext);\n  if (!ctx) {\n    throw new Error(\n      'useDisplayTemplateContext() must be used within a <DisplayTemplateProvider>. ' +\n      'This is provided automatically by AutomaticDisplayer / ResourceAutomaticDisplayer.',\n    );\n  }\n  return ctx;\n}\n\n/**\n * Read the display template context if available, or null when outside AutomaticDisplayer.\n * Use in components that work both standalone and inside AutomaticDisplayer\n * (e.g., DisplayField can receive explicit props OR resolve from context).\n *\n * When null is returned, DisplayField skips context resolution, skeleton rendering,\n * and per-field showWhen — all values must be provided via explicit props.\n */\nexport function useOptionalDisplayTemplateContext(): DisplayTemplateContextValue | null {\n  return useContext(DisplayTemplateContext);\n}\n"]}
+{"version":3,"file":"DisplayTemplateContext.js","sourceRoot":"","sources":["../../../../src/components/data-display/DisplayTemplateContext.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAgGzD,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF,MAAM,sBAAsB,GAAG,aAAa,CAAqC,IAAI,CAAC,CAAC;AAWvF;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAgC;IACvF,OAAO,CACL,KAAC,sBAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAC1C,QAAQ,GACuB,CACnC,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,QAAQ;AACR,gFAAgF;AAEhF;;;GAGG;AACH,MAAM,UAAU,yBAAyB;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IAC/C,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CACb,+EAA+E;YAC/E,oFAAoF,CACrF,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,iCAAiC;IAC/C,OAAO,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAC5C,CAAC","sourcesContent":["/**\n * DisplayTemplateContext — carries resolved display-level values so template components\n * (DisplayField in name-only mode, Section, Group) can resolve from context.\n *\n * AutomaticDisplayer / ResourceAutomaticDisplayer provide this context inside the\n * display render tree. Skeleton components and developer-authored templates both\n * read from it via `useDisplayTemplateContext()` or `useOptionalDisplayTemplateContext()`.\n *\n * **What this context carries (and where each value comes from):**\n *\n * | Value                | Source                                | Template consumer |\n * |----------------------|---------------------------------------|-------------------|\n * | schema               | Resource schema                       | DisplayField (resolves field schemas by path) |\n * | data                 | Fetched resource data (undefined when loading) | DisplayField (resolves field values by path) |\n * | isLoading            | `!effectiveData`                      | DisplayField (renders Skeleton when true — DD-9) |\n * | fieldLabels          | `useResourceLabels()` hook            | DisplayField `label` |\n * | fieldDescriptions    | `useResourceLabels()` hook            | DisplayField `description` |\n * | fieldTooltips        | `useResourceLabels()` hook            | DisplayField `tooltip` |\n * | enumLabels           | `useResourceLabels()` hook            | DisplayField `enumLabels` |\n * | sectionLabels        | `useResourceLabels()` hook            | Section `legend` |\n * | sectionDescriptions  | `useResourceLabels()` hook            | Section `description` |\n * | groupLabels          | `useResourceLabels()` hook            | Group label |\n * | breakpoint           | `useUI().currentBreakpoint`           | Responsive layout decisions |\n * | hiddenFieldNames     | Resource-aware upstream display shaping | DisplayField hide gate for automatic templates |\n * | inlineEditDisabledFieldNames | Resource-aware upstream display shaping | DisplayField inline-edit gate for automatic templates |\n *\n * **Relationship with ResourceDisplayContext:**\n *\n * ResourceDisplayContext carries inline editing capabilities (RMM, doInlineUpdate,\n * canInlineEdit, fileUploadContext). DisplayTemplateContext carries data resolution\n * and display-level metadata. They are separate concerns — a field needs both to\n * render correctly in a resource context.\n */\n\nimport React, { createContext, useContext } from 'react';\nimport type { z } from 'zod';\nimport type { ViewportBreakpoint } from '@wildo-ai/zod-decorators';\nimport type { FileActivationOperationDispatcher } from '~wildo-frontend-lib/components/data-display/useFileActivation';\nimport type { ContainerSectionMode } from '@wildo-ai/zod-decorators';\n\n// =============================================================================\n// CONTEXT VALUE\n// =============================================================================\n\nexport interface DisplayTemplateContextValue {\n  /** Root display schema — enables field schema resolution by dot-path for name-only DisplayField usage. */\n  schema: z.ZodTypeAny;\n\n  /**\n   * Fetched resource data. `undefined` during initial loading.\n   * When `isLoading` is true, this is `undefined` — each DisplayField renders a `<Skeleton>` placeholder\n   * (template-as-skeleton pattern, DD-9). When loaded, contains the full resource data object.\n   */\n  data: Record<string, unknown> | undefined;\n\n  /**\n   * Whether resource data is still being fetched.\n   * When true, DisplayField renders `<Skeleton>` instead of the field value.\n   * Computed as `!effectiveData` in ResourceAutomaticDisplayer.\n   * This enables the template-as-skeleton pattern (DD-9): the template structure\n   * renders immediately from schema, individual fields show loading placeholders.\n   */\n  isLoading: boolean;\n\n  /** Resolved field labels (keyed by field name). Produced by useResourceLabels(). */\n  fieldLabels: Record<string, string>;\n\n  /** Resolved field descriptions (keyed by field name). Produced by useResourceLabels(). */\n  fieldDescriptions: Record<string, string>;\n\n  /** Resolved field tooltips (keyed by field name). Produced by useResourceLabels(). */\n  fieldTooltips: Record<string, string>;\n\n  /**\n   * Resolved enum labels per field (keyed by field name → enum value → label).\n   * Produced by useResourceLabels().\n   */\n  enumLabels: Record<string, Record<string, string>>;\n\n  /** Resolved section labels (keyed by section ref). Produced by useResourceLabels(). */\n  sectionLabels: Record<string, string>;\n\n  /**\n   * The layout's `defaultDisplaySectionAppearance` — the container mode a `<Section>` with no\n   * `appearance` of its own adopts, so a pane declares \"these are the tabs of one thing\" once rather\n   * than repeating it per section and relying on N declarations agreeing.\n   *\n   * Read by the layout HOST's grouping rather than by `Section` itself: grouping inspects each\n   * child's props to decide which sections share a container, so a default applied inside the\n   * component would be invisible to the scan that does the work.\n   */\n  defaultSectionAppearance?: ContainerSectionMode;\n\n  /** Resolved section descriptions (keyed by section ref). Produced by useResourceLabels(). */\n  sectionDescriptions: Record<string, string>;\n\n  /** Resolved group labels (keyed by group name). Produced by useResourceLabels(). */\n  groupLabels?: Record<string, string>;\n\n  /** Current viewport breakpoint for responsive display decisions. */\n  breakpoint: ViewportBreakpoint;\n\n  /**\n   * Resource-aware display shaping input for automatic READ templates.\n   * Like form `hiddenFieldNames`, this is consumed opaquely by generic display\n   * primitives. Explicit `layout.display` templates can simply omit it.\n   */\n  hiddenFieldNames?: string[];\n\n  /**\n   * Resource-aware inline-edit shaping input for automatic READ templates.\n   * This keeps the generic display field gate from treating relationship object\n   * slots as if they used the same write contract as primitive/FK fields.\n   */\n  inlineEditDisabledFieldNames?: string[];\n\n  /**\n   * Dispatcher for a file whose activation policy is `FileActivationPolicy.CUSTOM`\n   * (the policy names an OPERATION on the owning resource — see\n   * `FileActivationOperationRequest`).\n   *\n   * Supplied by the resource-aware host (`ResourceAutomaticDisplayer`), which is the\n   * only layer holding the resource operation context; generic display components\n   * consume it OPAQUELY, exactly like `hiddenFieldNames` above. Absent under a\n   * non-resource display host, in which case a CUSTOM activation renders inert\n   * rather than as a dead control.\n   */\n  onFileActivationOperation?: FileActivationOperationDispatcher;\n}\n\n// =============================================================================\n// REACT CONTEXT\n// =============================================================================\n\nconst DisplayTemplateContext = createContext<DisplayTemplateContextValue | null>(null);\n\n// =============================================================================\n// PROVIDER\n// =============================================================================\n\nexport interface DisplayTemplateProviderProps {\n  value: DisplayTemplateContextValue;\n  children: React.ReactNode;\n}\n\n/**\n * Provides display-level resolved values to the template tree.\n * Placed by AutomaticDisplayer inside the display render tree so that\n * skeleton components can resolve labels, schema, data, and loading state.\n */\nexport function DisplayTemplateProvider({ value, children }: DisplayTemplateProviderProps): React.JSX.Element {\n  return (\n    <DisplayTemplateContext.Provider value={value}>\n      {children}\n    </DisplayTemplateContext.Provider>\n  );\n}\n\n// =============================================================================\n// HOOKS\n// =============================================================================\n\n/**\n * Read the display template context. Throws if not inside a DisplayTemplateProvider.\n * Use in components that REQUIRE AutomaticDisplayer context.\n */\nexport function useDisplayTemplateContext(): DisplayTemplateContextValue {\n  const ctx = useContext(DisplayTemplateContext);\n  if (!ctx) {\n    throw new Error(\n      'useDisplayTemplateContext() must be used within a <DisplayTemplateProvider>. ' +\n      'This is provided automatically by AutomaticDisplayer / ResourceAutomaticDisplayer.',\n    );\n  }\n  return ctx;\n}\n\n/**\n * Read the display template context if available, or null when outside AutomaticDisplayer.\n * Use in components that work both standalone and inside AutomaticDisplayer\n * (e.g., DisplayField can receive explicit props OR resolve from context).\n *\n * When null is returned, DisplayField skips context resolution, skeleton rendering,\n * and per-field showWhen — all values must be provided via explicit props.\n */\nexport function useOptionalDisplayTemplateContext(): DisplayTemplateContextValue | null {\n  return useContext(DisplayTemplateContext);\n}\n"]}

package/dist/esm/components/data-display/DisplayValueDispatcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayValueDispatcher.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayValueDispatcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAKtF,OAAO,EAGL,eAAe,EAoBf,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,IAAI,yBAAyB,EAIxD,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,+BAA+B,CAAC;AAuTvC,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;IAC7C,6FAA6F;IAC7F,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAEvD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAMD,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,GACrB,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAu6BxD;yBAz7Be,sBAAsB"}
+{"version":3,"file":"DisplayValueDispatcher.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/DisplayValueDispatcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AASxB,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAKtF,OAAO,EAGL,eAAe,EAsBf,KAAK,kBAAkB,EACvB,KAAK,qBAAqB,IAAI,yBAAyB,EAIxD,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAEL,KAAK,wBAAwB,EAC9B,MAAM,+BAA+B,CAAC;AAuTvC,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,UAAU,EAAE,eAAe,CAAC;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;IAC7C,6FAA6F;IAC7F,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IAEvD,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC;AAMD,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EACL,SAAS,EACT,KAAK,EACL,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,iBAAiB,EACjB,UAAU,EACV,UAAU,EACV,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,GACrB,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAo7BxD;yBAt8Be,sBAAsB"}

package/dist/esm/components/data-display/DisplayValueDispatcher.js

@@ -25,11 +25,11 @@ import { ResourceRegistryContext } from '../../core/resources/ResourceRegistryCo
 import { Text, Code } from '../../components/typography/text.js';
 import { Button, ButtonVariants_Variant } from '../../components/actions/button.js';
 import { ButtonSize } from '@wildo-ai/presets-components-models';
-import { FrontendComponentType, UIBehavior, IndicatorVariant, TypographyVariant } from '@wildo-ai/presets-components-models';
+import { FrontendComponentType, UIBehavior, IndicatorVariant, TypographyVariant, resolveVocabularyWordKey } from '@wildo-ai/presets-components-models';
 import { cn } from '../../core/ui/cn.js';
 import { Skeleton } from '../../components/feedback/skeleton.js';
 import { resolveContextualDisplayParams, useDisplayContextKind } from './DisplayContextKindContext.js';
-import { ArrayListStyle, ArrayObjectItemLayout, DisplayChromeMode, FieldSchemaType, getFieldUIDisplayConfig, getObjectKeys, getObjectShape, getRecordValueSchema, getSetValueSchema, getTupleItemSchemas, getMapSchemas, resolveDiscriminatedUnionVariant, getSchemaType, inferFieldSchemaTypeFromValue, getArrayUI, getObjectUI, isForeignKey, resolveDisplayEmptyReason, resolveForeignKeyLabelFallback, DISPLAY_EMPTY_REASON_LABEL_KEYS, getForeignKeyUIDisplay, getDiscriminatedPolymorphicForeignKey, unwrapSchema, } from '@wildo-ai/zod-decorators';
+import { ArrayListStyle, ArrayObjectItemLayout, DisplayChromeMode, FieldSchemaType, getFieldUIDisplayConfig, getObjectKeys, getObjectShape, getRecordValueSchema, getRecordKeySchema, getSystemEnumName, getSetValueSchema, getTupleItemSchemas, getMapSchemas, resolveDiscriminatedUnionVariant, getSchemaType, inferFieldSchemaTypeFromValue, getArrayUI, getObjectUI, isForeignKey, resolveDisplayEmptyReason, resolveForeignKeyLabelFallback, DISPLAY_EMPTY_REASON_LABEL_KEYS, getForeignKeyUIDisplay, getDiscriminatedPolymorphicForeignKey, unwrapSchema, } from '@wildo-ai/zod-decorators';
 import { ResourcesConfigNamingUtils } from '@wildo-ai/saas-models';
 import { resolveResourceRelativeFieldName, } from './display-resource-link-trail.js';
 import { AutomatedLayoutFrontendUtils } from '../../core/automated-layout/automated-layout.frontend.utils.js';
@@ -254,7 +254,7 @@ function renderEmptyDisplayValue(strategy, noValueLabel) {
 // COMPONENT
 // =============================================================================
 export function DisplayValueDispatcher({ schema, schemaType: declaredSchemaType, value, fieldName, label, className, enumLabels, displayComponent, parentData, resourceLinkTrail, renderItem, emptyValue, fileUploadContext, showAllArrayItems, onExpandArrayItems, showAllObjectFields, onExpandObjectFields, }) {
-    const { tComponent, isReady } = useI18n({
+    const { tComponent, t, isReady } = useI18n({
         component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_BUTTON],
     });
     const resourceRegistryContext = React.useContext(ResourceRegistryContext);
@@ -763,7 +763,21 @@ export function DisplayValueDispatcher({ schema, schemaType: declaredSchemaType,
             return renderEmptyDisplayValue(emptyValue, emptyLabelFor(true));
         }
         const recordValueSchema = getRecordValueSchema(schema);
-        return (_jsxs("div", { className: cn('ps-card relative flex flex-col gap-element', className), children: [_jsx("div", { className: cn('absolute start-0 top-0 bottom-0 w-0.5', dividerRecipe.base), "aria-hidden": "true" }), recordEntries.map(([entryKey, entryValue]) => (_jsxs("div", { className: "flex flex-wrap items-baseline gap-x-item-sm gap-y-element-xs", children: [_jsx(Text, { className: cn(labelTypographyRecipe.base, 'shrink-0'), children: entryKey }), _jsx("div", { className: "min-w-0 flex-1", children: _jsx(DisplayField, { schema: recordValueSchema ?? undefined, schemaType: recordValueSchema ? getSchemaType(recordValueSchema) : undefined, value: entryValue, name: fieldName ? `${fieldName}.${entryKey}` : entryKey, hideLabel: true, parentData: value, resourceLinkTrail: childResourceLinkTrail }) })] }, entryKey)))] }));
+        /*
+         * A key that belongs to a named vocabulary (`z.record(z.string().systemEnum('Limit'), …)`, #1851) is shown as its
+         * word — `max_projects` read as an identifier on the Entitlements screen. An undeclared key, or a key with no
+         * word yet, shows itself: a missing label that looks missing.
+         */
+        const recordKeySchema = getRecordKeySchema(schema);
+        const keyVocabulary = recordKeySchema ? getSystemEnumName(recordKeySchema) : undefined;
+        const keyWord = (entryKey) => {
+            if (!keyVocabulary)
+                return entryKey;
+            const wordKey = resolveVocabularyWordKey(keyVocabulary, entryKey);
+            const word = t(wordKey);
+            return word === wordKey ? entryKey : word;
+        };
+        return (_jsxs("div", { className: cn('ps-card relative flex flex-col gap-element', className), children: [_jsx("div", { className: cn('absolute start-0 top-0 bottom-0 w-0.5', dividerRecipe.base), "aria-hidden": "true" }), recordEntries.map(([entryKey, entryValue]) => (_jsxs("div", { className: "flex flex-wrap items-baseline gap-x-item-sm gap-y-element-xs", children: [_jsx(Text, { className: cn(labelTypographyRecipe.base, 'shrink-0'), children: keyWord(entryKey) }), _jsx("div", { className: "min-w-0 flex-1", children: _jsx(DisplayField, { schema: recordValueSchema ?? undefined, schemaType: recordValueSchema ? getSchemaType(recordValueSchema) : undefined, value: entryValue, name: fieldName ? `${fieldName}.${entryKey}` : entryKey, hideLabel: true, parentData: value, resourceLinkTrail: childResourceLinkTrail }) })] }, entryKey)))] }));
     }
     /*
      * ── SET ──