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

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayFieldEditable.js","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayFieldEditable.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * DisplayFieldEditable — inline-editable display field.\n *\n * Renders as a clickable trigger in display mode, switches to an inline\n * form when activated. Manages all editing state: useForm, RMM subscription,\n * focus management, save/cancel callbacks.\n *\n * Display mode: DisplayFieldChrome → inline edit trigger (wrapping DisplayValueDispatcher)\n * Edit mode:   DisplayFieldChrome → FormField with embedded FormFieldChrome\n */\n\nimport React, { useState, useCallback, useMemo, useRef, useEffect, useSyncExternalStore } from 'react';\nimport { z } from 'zod';\nimport { useForm } from 'react-hook-form';\nimport { zodIssueResolver } from '~wildo-frontend-lib/components/form/validation-errors/zod-issue-resolver';\n\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { Text, Code } from '~wildo-frontend-lib/components/typography/text';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { Alert, AlertDescription } from '~wildo-frontend-lib/components/overlays/containers/alert';\nimport { FrontendComponentType, UIBehavior, InteractiveVariant, IndicatorVariant, TypographyVariant } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { CoreResourceOperation, type ResourceType } from '@wildo-ai/saas-models';\nimport {\n  FieldSchemaType,\n  getInlineEditableParams,\n  isMultilineEditField,\n  isTemplatableFileField,\n} from '@wildo-ai/zod-decorators';\n\nimport { rmmFieldPathIsDescendant, rmmReadPathValue } from '~wildo-frontend-lib/core/resources/rmm/field-path.utils';\nimport { NOOP_GET_SNAPSHOT, NOOP_SUBSCRIBE } from '~wildo-frontend-lib/core/resources/rmm/rmm-noop-snapshot';\nimport { RMMEventType, MutationErrorType, MutationSourceType } from '~wildo-frontend-lib/core/resources/rmm/types';\nimport type { ResourceMutationManager } from '~wildo-frontend-lib/core/resources/rmm/ResourceMutationManager';\nimport { FormSchemaProvider } from '~wildo-frontend-lib/components/form/form-context';\nimport { FormSchemaKind } from '~wildo-frontend-lib/components/form/form-field-types';\nimport { FormField } from '~wildo-frontend-lib/components/form/automated/FormField';\nimport { SwitchRoot } from '~wildo-frontend-lib/components/form/controls/boolean/switch';\nimport { DEFAULT_VALIDATION_MODE, InlineEditState } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.schemas';\nimport { AutomatedLayoutFrontendUtils } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.utils';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\n\nimport type { DisplayFieldResolvedProps } from './display-field-resolved-props';\nimport { DisplayFieldChrome } from './chromes/DisplayFieldChrome';\nimport { DisplayValueDispatcher } from './DisplayValueDispatcher';\nimport { InlineEditMutationError, useResourceDisplayContext } from './automatic-displayer.utils';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport { resolveRelationshipInlineEditSurface } from '~wildo-frontend-lib/core/resources/relationship-surface-runtime.frontend.utils';\n\nconst logger = LoggerFrontendService.getLogger();\nconst logDebug = logger.debugByType('DisplayFieldEditable');\nlogger.setDebugTypeLogging('DisplayFieldEditable', false);\n\n// =============================================================================\n// HELPERS\n// =============================================================================\n\n/**\n * Check if a field name matches any entry in changedFields/savedFields.\n * Handles nested dot-paths: a change to `address` matches `address.city`.\n */\nfunction fieldMatchesEvent(fieldName: string, eventFields: string[]): boolean {\n  return eventFields.some(\n    (f) => fieldName === f || fieldName.startsWith(f + '[') || rmmFieldPathIsDescendant(f, fieldName),\n  );\n}\n\nfunction hasActionableFileEndpoints(\n  endpoints: { upload?: string; override?: string } | undefined,\n): boolean {\n  return !!(endpoints?.upload || endpoints?.override);\n}\n\nconst DEFAULT_INLINE_EDIT_PARAMS = {\n  mode: 'direct' as const,\n  saveOn: 'blur' as const,\n  showSaveButton: false,\n  showCancelButton: true,\n} as const;\n\n// =============================================================================\n// PROPS\n// =============================================================================\n\nexport interface DisplayFieldEditableProps extends DisplayFieldResolvedProps {\n  /** Callback to save an inline edit. From ResourceDisplayContext. */\n  doInlineUpdate: (fieldName: string, value: unknown) => Promise<void>;\n  /** RMM instance for reacting to external mutations. */\n  rmm?: ResourceMutationManager | null;\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport function DisplayFieldEditable(props: DisplayFieldEditableProps): React.JSX.Element | null {\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    className,\n    hideLabel,\n    hideDescription,\n    resolvedChromeMode,\n    resolvedLabelPlacement,\n    resolvedEmptyValue,\n    fileUploadContext,\n    doInlineUpdate,\n    rmm,\n  } = props;\n\n  const { tComponent, isReady } = useI18n({\n    component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_BUTTON],\n  });\n  const { getRecipe } = useUI();\n  const { renderIcon } = useIconRegistry();\n  const resourceDisplayContext = useResourceDisplayContext();\n  const { registry } = useResourceRegistry();\n\n  const successIndicatorRecipe = getRecipe(UIBehavior.INDICATOR, IndicatorVariant.SUCCESS);\n\n  // ── Inline editing state ──\n  const [editState, setEditState] = useState<InlineEditState>(InlineEditState.DISPLAY);\n  const [saveErrorMessage, setSaveErrorMessage] = useState<string | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const retryButtonRef = useRef<HTMLButtonElement>(null);\n  const savedTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const lastProcessedEventIdRef = useRef<number | null>(null);\n\n  // ── Boolean toggle-in-place state (T4b) ──\n  // An inline-editable boolean renders a LIVE Switch that persists immediately on\n  // toggle (no click-to-edit overlay). `optimisticBool` gives instant feedback and\n  // is cleared when the authoritative `value` arrives (or on error → revert).\n  const [booleanSaving, setBooleanSaving] = useState(false);\n  const [optimisticBool, setOptimisticBool] = useState<boolean | null>(null);\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      // Authoritative value arrived (RMM update / conflict reset) → drop optimism.\n      setOptimisticBool(null);\n      prevValueRef.current = value;\n    }\n  }, [value]);\n\n  const isInEditMode = editState !== InlineEditState.DISPLAY;\n  const isSaving = editState === InlineEditState.SAVING;\n\n  // ── RMM subscription ──\n  const rmmForField = rmm ?? null;\n  const rmmSnapshot = useSyncExternalStore(\n    rmmForField?.subscribe ?? NOOP_SUBSCRIBE,\n    rmmForField?.getSnapshot ?? NOOP_GET_SNAPSHOT,\n  );\n\n  // ── Inline edit params from decorator ──\n  const inlineEditParams = getInlineEditableParams(schema);\n  const params = inlineEditParams ?? DEFAULT_INLINE_EDIT_PARAMS;\n  const relationshipInlineEditSurface = useMemo(() => {\n    if (!fieldName || !resourceDisplayContext.resourceType) {\n      return undefined;\n    }\n\n    return resolveRelationshipInlineEditSurface({\n      resourceType: resourceDisplayContext.resourceType as ResourceType,\n      fieldName,\n      operationType: CoreResourceOperation.UPDATE,\n      registry,\n    });\n  }, [fieldName, registry, resourceDisplayContext.resourceType]);\n  const inlineFileEndpoints = useMemo(() => {\n    if (!fieldName) {\n      return undefined;\n    }\n\n    return fileUploadContext?.[AutomatedLayoutFrontendUtils.normalizeSchemaFieldPath(fieldName)];\n  }, [fieldName, fileUploadContext]);\n  const supportsInlineFileEditing = schemaType !== FieldSchemaType.FILE\n    || (!isTemplatableFileField(schema) && hasActionableFileEndpoints(inlineFileEndpoints));\n\n  // ── Isolated form for inline editing ──\n  // PERF: useForm() is unconditionally instantiated due to Rules of Hooks.\n  // In a future refactor, extract the edit form into a child component\n  // (DisplayFieldInlineEditForm) that mounts only when editing, so useForm()\n  // is lazy. The cost is ~1 useForm per editable field even in display mode.\n  const fieldKey = useMemo(() => {\n    return fieldName?.includes('.') ? fieldName.split('.').pop()! : (fieldName ?? 'value');\n  }, [fieldName]);\n\n  const formSchema = useMemo(() => {\n    return z.object({ [fieldKey]: schema });\n  }, [fieldKey, schema]);\n\n  const form = useForm({\n    // The resolver that keeps the issue code, so an inline edit's error translates like a form's (#995).\n    resolver: zodIssueResolver(formSchema),\n    defaultValues: { [fieldKey]: value },\n    mode: DEFAULT_VALIDATION_MODE,\n  });\n\n  // Reset form when value or schema changes externally (schema may change\n  // for discriminated unions; resetting ensures the resolver stays in sync)\n  useEffect(() => {\n    if (editState === InlineEditState.DISPLAY) {\n      form.reset({ [fieldKey]: value });\n      setSaveErrorMessage(null);\n    }\n  }, [value, editState, form, fieldKey, schema]);\n\n  // Auto-focus when entering edit mode\n  useEffect(() => {\n    if (isInEditMode && containerRef.current) {\n      const timer = setTimeout(() => {\n        const firstInput = containerRef.current?.querySelector<HTMLElement>(\n          'input, textarea, select, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (firstInput) {\n          firstInput.focus();\n        }\n      }, 0);\n      return () => clearTimeout(timer);\n    }\n  }, [isInEditMode]);\n\n  // Auto-focus retry button on error\n  useEffect(() => {\n    if (editState === InlineEditState.ERROR) {\n      retryButtonRef.current?.focus();\n    }\n  }, [editState]);\n\n  // Cleanup SAVED→DISPLAY timeout on unmount to prevent state updates on unmounted component\n  useEffect(() => {\n    return () => {\n      if (savedTimeoutRef.current != null) {\n        clearTimeout(savedTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  // ── Callbacks ──\n\n  const handleSave = useCallback(async () => {\n    if (!fieldName) return;\n\n    const isValid = await form.trigger(fieldKey);\n    if (!isValid) {\n      setEditState(InlineEditState.EDITING);\n      return;\n    }\n    setSaveErrorMessage(null);\n\n    setEditState(InlineEditState.SAVING);\n    try {\n      const formValue = form.getValues(fieldKey);\n      await doInlineUpdate(fieldName, formValue);\n      logDebug('inline edit save', { fieldName, value: formValue });\n      setEditState(InlineEditState.SAVED);\n      savedTimeoutRef.current = setTimeout(() => {\n        setEditState(InlineEditState.DISPLAY);\n        savedTimeoutRef.current = null;\n      }, 500);\n    } catch (err) {\n      if (err instanceof InlineEditMutationError && err.mutationError?.type === MutationErrorType.CONFLICT) {\n        return;\n      }\n      setSaveErrorMessage(tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'save_failed'));\n      setEditState(InlineEditState.ERROR);\n    }\n  }, [form, fieldKey, fieldName, doInlineUpdate, tComponent]);\n\n  const handleCancel = useCallback(() => {\n    if (fieldName) {\n      logDebug('inline edit cancel', { fieldName });\n    }\n    form.reset({ [fieldKey]: value });\n    setSaveErrorMessage(null);\n    setEditState(InlineEditState.DISPLAY);\n  }, [form, fieldKey, value, fieldName]);\n\n  // ── Boolean toggle-in-place handler (T4b) ──\n  // Persists immediately via the same RMM `doInlineUpdate` path used by the\n  // click-to-edit flow. Optimistic flip for responsiveness; reverts on error\n  // (a CONFLICT is authoritative — RMM re-syncs `value`, so leave the revert to\n  // the value-change effect and surface no error message).\n  const handleBooleanToggle = useCallback(async (next: boolean) => {\n    if (!fieldName) return;\n    setOptimisticBool(next);\n    setSaveErrorMessage(null);\n    setBooleanSaving(true);\n    try {\n      await doInlineUpdate(fieldName, next);\n      logDebug('inline boolean toggle', { fieldName, value: next });\n    } catch (err) {\n      setOptimisticBool(null);\n      if (!(err instanceof InlineEditMutationError && err.mutationError?.type === MutationErrorType.CONFLICT)) {\n        setSaveErrorMessage(tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'save_failed'));\n      }\n    } finally {\n      setBooleanSaving(false);\n    }\n  }, [fieldName, doInlineUpdate, tComponent]);\n\n  // ── RMM event handler ──\n  // Read the translator through a ref: listing it in the effect below would re-run its CONFLICT_RESET branch\n  // (`form.reset`) on every provider render, while omitting it would keep a stale translator after a locale change.\n  const tComponentRef = useRef(tComponent);\n  tComponentRef.current = tComponent;\n\n  // Cancel inline edit when an external mutation changes this field.\n  // Tracks last-processed event ID to prevent re-processing the same event\n  // when other deps change (e.g., editState transitions from DISPLAY→EDITING).\n  useEffect(() => {\n    if (!rmmForField || !rmmSnapshot?.lastEvent || !fieldName) return;\n    const event = rmmSnapshot.lastEvent;\n\n    if (event.id === lastProcessedEventIdRef.current) return;\n    lastProcessedEventIdRef.current = event.id;\n\n    switch (event.type) {\n      case RMMEventType.REMOTE_UPDATE: {\n        if (fieldMatchesEvent(fieldName, event.changedFields) && editState === InlineEditState.EDITING) {\n          logDebug('RMM event cancelling inline edit', { fieldName, eventType: event.type });\n          handleCancel();\n        }\n        break;\n      }\n      case RMMEventType.CONFLICT_RESET: {\n        const authoritativeValue = rmmReadPathValue(event.currentData, fieldName);\n        form.reset({ [fieldKey]: authoritativeValue });\n\n        if (editState !== InlineEditState.DISPLAY) {\n          logDebug('RMM event resetting inline edit after conflict', { fieldName, eventType: event.type });\n          setSaveErrorMessage(tComponentRef.current(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'field_reset_after_conflict'));\n          setEditState(InlineEditState.ERROR);\n        }\n        break;\n      }\n      case RMMEventType.MUTATION_RESULT: {\n        if (\n          event.result.success &&\n          event.source.type !== MutationSourceType.DISPLAY &&\n          event.result.savedFields &&\n          fieldMatchesEvent(fieldName, event.result.savedFields) &&\n          editState === InlineEditState.EDITING\n        ) {\n          logDebug('RMM event cancelling inline edit', { fieldName, eventType: event.type });\n          handleCancel();\n        }\n        break;\n      }\n      case RMMEventType.RESOURCE_DELETED: {\n        if (editState === InlineEditState.EDITING) {\n          logDebug('RMM event cancelling inline edit', { fieldName, eventType: event.type });\n          handleCancel();\n        }\n        break;\n      }\n    }\n  }, [rmmSnapshot?.lastEvent?.id, rmmForField, fieldName, editState, fieldKey, form, handleCancel]);\n\n  // ── Blur & keyboard handlers ──\n\n  const handleContainerBlur = useCallback((e: React.FocusEvent) => {\n    if (params.saveOn === 'blur' && containerRef.current) {\n      const relatedTarget = e.relatedTarget as HTMLElement | null;\n      if (!containerRef.current.contains(relatedTarget)) {\n        handleSave();\n      }\n    }\n  }, [params.saveOn, handleSave]);\n\n  // `isMultilineEditField`, not `isFormTextarea`: the latter read ONLY the\n  // cross-cutting `edit.component` axis, so a field declaring the per-type\n  // `edit.editMode: TEXTAREA` — the axis the renderer honors — was treated as\n  // single-line here and Enter saved instead of inserting a newline.\n  const isMultilineField = schemaType === FieldSchemaType.CODE || isMultilineEditField(schema);\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      handleCancel();\n      return;\n    }\n    if (e.key === 'Enter') {\n      if (isMultilineField) {\n        if (e.ctrlKey || e.metaKey) {\n          e.preventDefault();\n          handleSave();\n        }\n      } else if (!e.shiftKey) {\n        e.preventDefault();\n        handleSave();\n      }\n    }\n  }, [handleSave, handleCancel, isMultilineField]);\n\n  // ── Content rendering ──\n\n  function renderDisplayValue(): React.JSX.Element {\n    return (\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        emptyValue={resolvedEmptyValue}\n        fileUploadContext={fileUploadContext}\n        showAllArrayItems={showAllArrayItems}\n        onExpandArrayItems={() => setShowAllArrayItems(true)}\n        showAllObjectFields={showAllObjectFields}\n        onExpandObjectFields={() => setShowAllObjectFields(true)}\n      />\n    );\n  }\n\n  // Boolean toggle-in-place (T4b): a live Switch, right-pinned in the settings row,\n  // that writes immediately on toggle. No click-to-edit overlay, no ✓/✕ glyph.\n  function renderBooleanToggle(): React.JSX.Element {\n    const checked = optimisticBool ?? !!value;\n    return (\n      <div className=\"inline-flex items-center gap-element\">\n        {booleanSaving && (\n          <span className=\"text-muted-foreground\" aria-hidden=\"true\">\n            {renderIcon(StandardIconReference.LOADER_2, {\n              size: IconSize.SM,\n              className: 'animate-spin motion-reduce:animate-none',\n            })}\n          </span>\n        )}\n        {saveErrorMessage && !booleanSaving && (\n          <span className=\"text-destructive text-xs\" role=\"alert\">{saveErrorMessage}</span>\n        )}\n        <SwitchRoot\n          checked={checked}\n          onCheckedChange={handleBooleanToggle}\n          disabled={booleanSaving}\n          aria-label={label || fieldName || undefined}\n        />\n      </div>\n    );\n  }\n\n  function renderInlineEditTrigger(): React.JSX.Element {\n    return (\n      <Button\n        type=\"button\"\n        variant={ButtonVariants_Variant.GHOST}\n        className={cn(\"group relative inline-flex items-center gap-element h-auto px-card-sm py-item-xs\")}\n        onClick={() => {\n          if (fieldName) {\n            logDebug('inline edit start', { fieldName });\n          }\n          setEditState(InlineEditState.EDITING);\n        }}\n        aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'editField', { label: label || fieldName || '' })}\n      >\n        <span className=\"flex-1\">{renderDisplayValue()}</span>\n        <span className=\"text-muted-foreground opacity-0 group-hover:opacity-100 motion-safe:transition-opacity\">\n          {renderIcon(StandardIconReference.EDIT, { size: IconSize.SM })}\n        </span>\n      </Button>\n    );\n  }\n\n  function renderInlineEditForm(): React.JSX.Element {\n    const errorAlertId = fieldName ? `inline-edit-error-${fieldName.replace(/\\./g, '-')}` : undefined;\n    const hasError = editState === InlineEditState.ERROR && !!saveErrorMessage;\n\n    return (\n      <FormSchemaProvider\n        schema={formSchema}\n        // This surface wraps a single field from the resource's MAIN schema, not an operation\n        // request DTO. Declaring it is what lets `FormField` ask the right clearability question:\n        // on a main schema an ordinary `.optional()` field does not accept `null`, so the\n        // request-DTO question would report every clearable field un-clearable — which left\n        // refined optional fields (colour, email, url) impossible to empty inline.\n        schemaKind={FormSchemaKind.MAIN_SCHEMA}\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        <div\n          ref={containerRef}\n          className=\"inline-flex flex-col gap-item-xs min-w-[200px]\"\n          onBlur={handleContainerBlur}\n          onKeyDown={handleKeyDown}\n          aria-describedby={hasError ? errorAlertId : undefined}\n        >\n          <div className=\"flex items-start gap-element\">\n            <div className=\"flex-1\">\n              <FormField\n                name={fieldKey}\n                quickCreateSourceFieldName={relationshipInlineEditSurface?.sourceFieldName}\n                schema={schema}\n                label=\"\"\n                description=\"\"\n                disabled={isSaving}\n                placeholder={label}\n                enumLabels={enumLabels}\n                respectSurfaceErrorPlacement={false}\n                fileUploadContext={inlineFileEndpoints\n                  ? { [fieldKey]: inlineFileEndpoints }\n                  : undefined}\n                className=\"inline-edit-field\"\n              />\n            </div>\n\n            <div className=\"flex items-center gap-item-xs shrink-0 pt-item-xs\">\n              {editState === InlineEditState.SAVED && (\n                <div className={successIndicatorRecipe.base} aria-hidden=\"true\">\n                  {renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })}\n                </div>\n              )}\n\n              {params.showSaveButton && editState !== InlineEditState.SAVED && (\n                <Button\n                  type=\"button\"\n                  size={ButtonSize.SM}\n                  variant={ButtonVariants_Variant.DEFAULT}\n                  onClick={handleSave}\n                  disabled={isSaving}\n                  aria-label={tComponent(FrontendComponentType.LOW_LEVEL_BUTTON, 'save')}\n                >\n                  {editState === InlineEditState.SAVING\n                    ? renderIcon(StandardIconReference.LOADER_2, {\n                        size: IconSize.SM,\n                        className: 'animate-spin motion-reduce:animate-none'\n                      })\n                    : renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })\n                  }\n                </Button>\n              )}\n\n              {params.showCancelButton && (\n                <Button\n                  type=\"button\"\n                  size={ButtonSize.SM}\n                  variant={ButtonVariants_Variant.GHOST}\n                  onClick={handleCancel}\n                  disabled={isSaving}\n                  aria-label={tComponent(FrontendComponentType.LOW_LEVEL_BUTTON, 'cancel')}\n                >\n                  {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n                </Button>\n              )}\n            </div>\n          </div>\n\n          {hasError && (\n            <Alert id={errorAlertId} variant=\"destructive\" role=\"alert\" className=\"flex items-center gap-element py-card-sm\">\n              {renderIcon(StandardIconReference.ERROR, {\n                size: IconSize.SM,\n                className: 'shrink-0'\n              })}\n              <AlertDescription className=\"flex-1 m-0\">\n                <Text>{saveErrorMessage}</Text>\n              </AlertDescription>\n              {(() => {\n                const retryLabel = tComponent(FrontendComponentType.LOW_LEVEL_BUTTON, 'retry');\n                return (\n                  <Button\n                    ref={retryButtonRef}\n                    type=\"button\"\n                    size={ButtonSize.SM}\n                    variant={ButtonVariants_Variant.GHOST}\n                    onClick={handleSave}\n                    disabled={isSaving}\n                    aria-label={retryLabel}\n                    title={retryLabel}\n                  >\n                    {renderIcon(StandardIconReference.TRY_AGAIN, { size: IconSize.SM })}\n                  </Button>\n                );\n              })()}\n            </Alert>\n          )}\n        </div>\n      </FormSchemaProvider>\n    );\n  }\n\n  if (!isReady) return null;\n\n  // ── Determine content based on edit state ──\n  let content: React.JSX.Element;\n  if (schemaType === FieldSchemaType.BOOLEAN && fieldName) {\n    // Inline-editable boolean → live toggle-in-place Switch (T4b), no overlay.\n    content = renderBooleanToggle();\n  } else if (isInEditMode && fieldName && supportsInlineFileEditing) {\n    content = renderInlineEditForm();\n  } else if (!supportsInlineFileEditing) {\n    content = renderDisplayValue();\n  } else {\n    content = renderInlineEditTrigger();\n  }\n\n  return (\n    <DisplayFieldChrome\n      mode={resolvedChromeMode}\n      label={label}\n      description={description}\n      tooltip={tooltip}\n      name={fieldName}\n      labelPlacement={resolvedLabelPlacement}\n      hideLabel={hideLabel}\n      hideDescription={hideDescription}\n      className={className}\n    >\n      {content}\n    </DisplayFieldChrome>\n  );\n}\n\nDisplayFieldEditable.displayName = 'DisplayFieldEditable';\n"]}
+{"version":3,"file":"DisplayFieldEditable.js","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayFieldEditable.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n * DisplayFieldEditable — inline-editable display field.\n *\n * Renders as a clickable trigger in display mode, switches to an inline\n * form when activated. Manages all editing state: useForm, RMM subscription,\n * focus management, save/cancel callbacks.\n *\n * Display mode: DisplayFieldChrome → inline edit trigger (wrapping DisplayValueDispatcher)\n * Edit mode:   DisplayFieldChrome → FormField with embedded FormFieldChrome\n */\n\nimport React, { useState, useCallback, useMemo, useRef, useEffect, useSyncExternalStore } from 'react';\nimport { z } from 'zod';\nimport { useForm } from 'react-hook-form';\nimport { zodIssueResolver } from '~wildo-frontend-lib/components/form/validation-errors/zod-issue-resolver';\n\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n';\nimport { useUI } from '~wildo-frontend-lib/core/ui/useUI';\nimport { useIconRegistry } from '~wildo-frontend-lib/core/icons/useIconRegistry';\nimport { IconSize, StandardIconReference } from '~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas';\nimport { Text, Code } from '~wildo-frontend-lib/components/typography/text';\nimport { Button, ButtonVariants_Variant } from '~wildo-frontend-lib/components/actions/button';\nimport { ButtonSize } from '@wildo-ai/presets-components-models';\nimport { Alert, AlertDescription } from '~wildo-frontend-lib/components/overlays/containers/alert';\nimport { FrontendComponentType, UIBehavior, InteractiveVariant, IndicatorVariant, TypographyVariant } from '@wildo-ai/presets-components-models';\nimport { cn } from '~wildo-frontend-lib/core/ui/cn';\nimport { CoreResourceOperation, type ResourceType } from '@wildo-ai/saas-models';\nimport {\n  FieldSchemaType,\n  getInlineEditableParams,\n  isMultilineEditField,\n  isTemplatableFileField,\n} from '@wildo-ai/zod-decorators';\n\nimport { rmmFieldPathIsDescendant, rmmReadPathValue } from '~wildo-frontend-lib/core/resources/rmm/field-path.utils';\nimport { NOOP_GET_SNAPSHOT, NOOP_SUBSCRIBE } from '~wildo-frontend-lib/core/resources/rmm/rmm-noop-snapshot';\nimport { RMMEventType, MutationErrorType, MutationSourceType } from '~wildo-frontend-lib/core/resources/rmm/types';\nimport type { ResourceMutationManager } from '~wildo-frontend-lib/core/resources/rmm/ResourceMutationManager';\nimport { FormSchemaProvider } from '~wildo-frontend-lib/components/form/form-context';\nimport { FormSchemaKind } from '~wildo-frontend-lib/components/form/form-field-types';\nimport { FormField } from '~wildo-frontend-lib/components/form/automated/FormField';\nimport { SwitchRoot } from '~wildo-frontend-lib/components/form/controls/boolean/switch';\nimport { DEFAULT_VALIDATION_MODE, InlineEditState } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.schemas';\nimport { AutomatedLayoutFrontendUtils } from '~wildo-frontend-lib/core/automated-layout/automated-layout.frontend.utils';\nimport { LoggerFrontendService } from '~wildo-frontend-lib/core/monitoring/logger.frontend.service';\n\nimport type { DisplayFieldResolvedProps } from './display-field-resolved-props';\nimport { DisplayFieldChrome } from './chromes/DisplayFieldChrome';\nimport { DisplayValueDispatcher } from './DisplayValueDispatcher';\nimport { InlineEditMutationError, useResourceDisplayContext } from './automatic-displayer.utils';\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport { resolveRelationshipInlineEditSurface } from '~wildo-frontend-lib/core/resources/relationship-surface-runtime.frontend.utils';\n\nconst logger = LoggerFrontendService.getLogger();\nconst logDebug = logger.debugByType('DisplayFieldEditable');\nlogger.setDebugTypeLogging('DisplayFieldEditable', false);\n\n// =============================================================================\n// HELPERS\n// =============================================================================\n\n/**\n * Check if a field name matches any entry in changedFields/savedFields.\n * Handles nested dot-paths: a change to `address` matches `address.city`.\n */\nfunction fieldMatchesEvent(fieldName: string, eventFields: string[]): boolean {\n  return eventFields.some(\n    (f) => fieldName === f || fieldName.startsWith(f + '[') || rmmFieldPathIsDescendant(f, fieldName),\n  );\n}\n\nfunction hasActionableFileEndpoints(\n  endpoints: { upload?: string; override?: string } | undefined,\n): boolean {\n  return !!(endpoints?.upload || endpoints?.override);\n}\n\nconst DEFAULT_INLINE_EDIT_PARAMS = {\n  mode: 'direct' as const,\n  saveOn: 'blur' as const,\n  showSaveButton: false,\n  showCancelButton: true,\n} as const;\n\n// =============================================================================\n// PROPS\n// =============================================================================\n\nexport interface DisplayFieldEditableProps extends DisplayFieldResolvedProps {\n  /** Callback to save an inline edit. From ResourceDisplayContext. */\n  doInlineUpdate: (fieldName: string, value: unknown) => Promise<void>;\n  /** RMM instance for reacting to external mutations. */\n  rmm?: ResourceMutationManager | null;\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nexport function DisplayFieldEditable(props: DisplayFieldEditableProps): React.JSX.Element | null {\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    className,\n    hideLabel,\n    hideDescription,\n    resolvedChromeMode,\n    resolvedLabelPlacement,\n    resolvedEmptyValue,\n    fileUploadContext,\n    doInlineUpdate,\n    rmm,\n  } = props;\n\n  const { tComponent, isReady } = useI18n({\n    component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_BUTTON],\n  });\n  const { getRecipe } = useUI();\n  const { renderIcon } = useIconRegistry();\n  const resourceDisplayContext = useResourceDisplayContext();\n  const { registry } = useResourceRegistry();\n\n  const successIndicatorRecipe = getRecipe(UIBehavior.INDICATOR, IndicatorVariant.SUCCESS);\n\n  // ── Inline editing state ──\n  const [editState, setEditState] = useState<InlineEditState>(InlineEditState.DISPLAY);\n  const [saveErrorMessage, setSaveErrorMessage] = useState<string | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const retryButtonRef = useRef<HTMLButtonElement>(null);\n  const savedTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const lastProcessedEventIdRef = useRef<number | null>(null);\n\n  // ── Boolean toggle-in-place state (T4b) ──\n  // An inline-editable boolean renders a LIVE Switch that persists immediately on\n  // toggle (no click-to-edit overlay). `optimisticBool` gives instant feedback and\n  // is cleared when the authoritative `value` arrives (or on error → revert).\n  const [booleanSaving, setBooleanSaving] = useState(false);\n  const [optimisticBool, setOptimisticBool] = useState<boolean | null>(null);\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      // Authoritative value arrived (RMM update / conflict reset) → drop optimism.\n      setOptimisticBool(null);\n      prevValueRef.current = value;\n    }\n  }, [value]);\n\n  const isInEditMode = editState !== InlineEditState.DISPLAY;\n  const isSaving = editState === InlineEditState.SAVING;\n\n  // ── RMM subscription ──\n  const rmmForField = rmm ?? null;\n  const rmmSnapshot = useSyncExternalStore(\n    rmmForField?.subscribe ?? NOOP_SUBSCRIBE,\n    rmmForField?.getSnapshot ?? NOOP_GET_SNAPSHOT,\n  );\n\n  // ── Inline edit params from decorator ──\n  const inlineEditParams = getInlineEditableParams(schema);\n  const params = inlineEditParams ?? DEFAULT_INLINE_EDIT_PARAMS;\n  const relationshipInlineEditSurface = useMemo(() => {\n    if (!fieldName || !resourceDisplayContext.resourceType) {\n      return undefined;\n    }\n\n    return resolveRelationshipInlineEditSurface({\n      resourceType: resourceDisplayContext.resourceType as ResourceType,\n      fieldName,\n      operationType: CoreResourceOperation.UPDATE,\n      registry,\n    });\n  }, [fieldName, registry, resourceDisplayContext.resourceType]);\n  const inlineFileEndpoints = useMemo(() => {\n    if (!fieldName) {\n      return undefined;\n    }\n\n    return fileUploadContext?.[AutomatedLayoutFrontendUtils.normalizeSchemaFieldPath(fieldName)];\n  }, [fieldName, fileUploadContext]);\n  const supportsInlineFileEditing = schemaType !== FieldSchemaType.FILE\n    || (!isTemplatableFileField(schema) && hasActionableFileEndpoints(inlineFileEndpoints));\n\n  // ── Isolated form for inline editing ──\n  // PERF: useForm() is unconditionally instantiated due to Rules of Hooks.\n  // In a future refactor, extract the edit form into a child component\n  // (DisplayFieldInlineEditForm) that mounts only when editing, so useForm()\n  // is lazy. The cost is ~1 useForm per editable field even in display mode.\n  const fieldKey = useMemo(() => {\n    return fieldName?.includes('.') ? fieldName.split('.').pop()! : (fieldName ?? 'value');\n  }, [fieldName]);\n\n  const formSchema = useMemo(() => {\n    return z.object({ [fieldKey]: schema });\n  }, [fieldKey, schema]);\n\n  const form = useForm({\n    // The resolver that keeps the issue code, so an inline edit's error translates like a form's (#995).\n    resolver: zodIssueResolver(formSchema),\n    defaultValues: { [fieldKey]: value },\n    mode: DEFAULT_VALIDATION_MODE,\n  });\n\n  // Reset form when value or schema changes externally (schema may change\n  // for discriminated unions; resetting ensures the resolver stays in sync)\n  useEffect(() => {\n    if (editState === InlineEditState.DISPLAY) {\n      form.reset({ [fieldKey]: value });\n      setSaveErrorMessage(null);\n    }\n  }, [value, editState, form, fieldKey, schema]);\n\n  // Auto-focus when entering edit mode\n  useEffect(() => {\n    if (isInEditMode && containerRef.current) {\n      const timer = setTimeout(() => {\n        const firstInput = containerRef.current?.querySelector<HTMLElement>(\n          'input, textarea, select, [tabindex]:not([tabindex=\"-1\"])'\n        );\n        if (firstInput) {\n          firstInput.focus();\n        }\n      }, 0);\n      return () => clearTimeout(timer);\n    }\n  }, [isInEditMode]);\n\n  // Auto-focus retry button on error\n  useEffect(() => {\n    if (editState === InlineEditState.ERROR) {\n      retryButtonRef.current?.focus();\n    }\n  }, [editState]);\n\n  // Cleanup SAVED→DISPLAY timeout on unmount to prevent state updates on unmounted component\n  useEffect(() => {\n    return () => {\n      if (savedTimeoutRef.current != null) {\n        clearTimeout(savedTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  // ── Callbacks ──\n\n  const handleSave = useCallback(async () => {\n    if (!fieldName) return;\n\n    const isValid = await form.trigger(fieldKey);\n    if (!isValid) {\n      setEditState(InlineEditState.EDITING);\n      return;\n    }\n    setSaveErrorMessage(null);\n\n    setEditState(InlineEditState.SAVING);\n    try {\n      const formValue = form.getValues(fieldKey);\n      await doInlineUpdate(fieldName, formValue);\n      logDebug('inline edit save', { fieldName, value: formValue });\n      setEditState(InlineEditState.SAVED);\n      savedTimeoutRef.current = setTimeout(() => {\n        setEditState(InlineEditState.DISPLAY);\n        savedTimeoutRef.current = null;\n      }, 500);\n    } catch (err) {\n      if (err instanceof InlineEditMutationError && err.mutationError?.type === MutationErrorType.CONFLICT) {\n        return;\n      }\n      setSaveErrorMessage(tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'save_failed'));\n      setEditState(InlineEditState.ERROR);\n    }\n  }, [form, fieldKey, fieldName, doInlineUpdate, tComponent]);\n\n  const handleCancel = useCallback(() => {\n    if (fieldName) {\n      logDebug('inline edit cancel', { fieldName });\n    }\n    form.reset({ [fieldKey]: value });\n    setSaveErrorMessage(null);\n    setEditState(InlineEditState.DISPLAY);\n  }, [form, fieldKey, value, fieldName]);\n\n  // ── Boolean toggle-in-place handler (T4b) ──\n  // Persists immediately via the same RMM `doInlineUpdate` path used by the\n  // click-to-edit flow. Optimistic flip for responsiveness; reverts on error\n  // (a CONFLICT is authoritative — RMM re-syncs `value`, so leave the revert to\n  // the value-change effect and surface no error message).\n  const handleBooleanToggle = useCallback(async (next: boolean) => {\n    if (!fieldName) return;\n    setOptimisticBool(next);\n    setSaveErrorMessage(null);\n    setBooleanSaving(true);\n    try {\n      await doInlineUpdate(fieldName, next);\n      logDebug('inline boolean toggle', { fieldName, value: next });\n    } catch (err) {\n      setOptimisticBool(null);\n      if (!(err instanceof InlineEditMutationError && err.mutationError?.type === MutationErrorType.CONFLICT)) {\n        setSaveErrorMessage(tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'save_failed'));\n      }\n    } finally {\n      setBooleanSaving(false);\n    }\n  }, [fieldName, doInlineUpdate, tComponent]);\n\n  // ── RMM event handler ──\n  // Read the translator through a ref: listing it in the effect below would re-run its CONFLICT_RESET branch\n  // (`form.reset`) on every provider render, while omitting it would keep a stale translator after a locale change.\n  const tComponentRef = useRef(tComponent);\n  tComponentRef.current = tComponent;\n\n  // Cancel inline edit when an external mutation changes this field.\n  // Tracks last-processed event ID to prevent re-processing the same event\n  // when other deps change (e.g., editState transitions from DISPLAY→EDITING).\n  useEffect(() => {\n    if (!rmmForField || !rmmSnapshot?.lastEvent || !fieldName) return;\n    const event = rmmSnapshot.lastEvent;\n\n    if (event.id === lastProcessedEventIdRef.current) return;\n    lastProcessedEventIdRef.current = event.id;\n\n    switch (event.type) {\n      case RMMEventType.REMOTE_UPDATE: {\n        if (fieldMatchesEvent(fieldName, event.changedFields) && editState === InlineEditState.EDITING) {\n          logDebug('RMM event cancelling inline edit', { fieldName, eventType: event.type });\n          handleCancel();\n        }\n        break;\n      }\n      case RMMEventType.CONFLICT_RESET: {\n        const authoritativeValue = rmmReadPathValue(event.currentData, fieldName);\n        form.reset({ [fieldKey]: authoritativeValue });\n\n        if (editState !== InlineEditState.DISPLAY) {\n          logDebug('RMM event resetting inline edit after conflict', { fieldName, eventType: event.type });\n          setSaveErrorMessage(tComponentRef.current(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'field_reset_after_conflict'));\n          setEditState(InlineEditState.ERROR);\n        }\n        break;\n      }\n      case RMMEventType.MUTATION_RESULT: {\n        if (\n          event.result.success &&\n          event.source.type !== MutationSourceType.DISPLAY &&\n          event.result.savedFields &&\n          fieldMatchesEvent(fieldName, event.result.savedFields) &&\n          editState === InlineEditState.EDITING\n        ) {\n          logDebug('RMM event cancelling inline edit', { fieldName, eventType: event.type });\n          handleCancel();\n        }\n        break;\n      }\n      case RMMEventType.RESOURCE_DELETED: {\n        if (editState === InlineEditState.EDITING) {\n          logDebug('RMM event cancelling inline edit', { fieldName, eventType: event.type });\n          handleCancel();\n        }\n        break;\n      }\n    }\n  }, [rmmSnapshot?.lastEvent?.id, rmmForField, fieldName, editState, fieldKey, form, handleCancel]);\n\n  // ── Blur & keyboard handlers ──\n\n  const handleContainerBlur = useCallback((e: React.FocusEvent) => {\n    if (params.saveOn === 'blur' && containerRef.current) {\n      const relatedTarget = e.relatedTarget as HTMLElement | null;\n      if (!containerRef.current.contains(relatedTarget)) {\n        handleSave();\n      }\n    }\n  }, [params.saveOn, handleSave]);\n\n  // `isMultilineEditField`, not `isFormTextarea`: the latter read ONLY the\n  // cross-cutting `edit.component` axis, so a field declaring the per-type\n  // `edit.editMode: TEXTAREA` — the axis the renderer honors — was treated as\n  // single-line here and Enter saved instead of inserting a newline.\n  const isMultilineField = schemaType === FieldSchemaType.CODE || isMultilineEditField(schema);\n  const handleKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Escape') {\n      e.preventDefault();\n      handleCancel();\n      return;\n    }\n    if (e.key === 'Enter') {\n      if (isMultilineField) {\n        if (e.ctrlKey || e.metaKey) {\n          e.preventDefault();\n          handleSave();\n        }\n      } else if (!e.shiftKey) {\n        e.preventDefault();\n        handleSave();\n      }\n    }\n  }, [handleSave, handleCancel, isMultilineField]);\n\n  // ── Content rendering ──\n\n  function renderDisplayValue(): React.JSX.Element {\n    return (\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        emptyValue={resolvedEmptyValue}\n        fileUploadContext={fileUploadContext}\n        showAllArrayItems={showAllArrayItems}\n        onExpandArrayItems={() => setShowAllArrayItems(true)}\n        showAllObjectFields={showAllObjectFields}\n        onExpandObjectFields={() => setShowAllObjectFields(true)}\n      />\n    );\n  }\n\n  // Boolean toggle-in-place (T4b): a live Switch, right-pinned in the settings row,\n  // that writes immediately on toggle. No click-to-edit overlay, no ✓/✕ glyph.\n  function renderBooleanToggle(): React.JSX.Element {\n    const checked = optimisticBool ?? !!value;\n    return (\n      <div className=\"inline-flex items-center gap-element\">\n        {booleanSaving && (\n          <span className=\"text-muted-foreground\" aria-hidden=\"true\">\n            {renderIcon(StandardIconReference.LOADER_2, {\n              size: IconSize.SM,\n              className: 'animate-spin motion-reduce:animate-none',\n            })}\n          </span>\n        )}\n        {saveErrorMessage && !booleanSaving && (\n          <span className=\"text-destructive text-xs\" role=\"alert\">{saveErrorMessage}</span>\n        )}\n        <SwitchRoot\n          checked={checked}\n          onCheckedChange={handleBooleanToggle}\n          disabled={booleanSaving}\n          aria-label={label || fieldName || undefined}\n        />\n      </div>\n    );\n  }\n\n  function renderInlineEditTrigger(): React.JSX.Element {\n    return (\n      <Button\n        type=\"button\"\n        variant={ButtonVariants_Variant.GHOST}\n        className={cn(\"group relative inline-flex items-center gap-element h-auto px-card-sm py-item-xs\")}\n        onClick={() => {\n          if (fieldName) {\n            logDebug('inline edit start', { fieldName });\n          }\n          setEditState(InlineEditState.EDITING);\n        }}\n        aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'editField', { label: label || fieldName || '' })}\n      >\n        <span className=\"flex-1\">{renderDisplayValue()}</span>\n        <span className=\"text-muted-foreground opacity-0 group-hover:opacity-100 motion-safe:transition-opacity\">\n          {renderIcon(StandardIconReference.EDIT, { size: IconSize.SM })}\n        </span>\n      </Button>\n    );\n  }\n\n  function renderInlineEditForm(): React.JSX.Element {\n    const errorAlertId = fieldName ? `inline-edit-error-${fieldName.replace(/\\./g, '-')}` : undefined;\n    const hasError = editState === InlineEditState.ERROR && !!saveErrorMessage;\n\n    return (\n      <FormSchemaProvider\n        schema={formSchema}\n        // This surface wraps a single field from the resource's MAIN schema, not an operation\n        // request DTO. Declaring it is what lets `FormField` ask the right clearability question:\n        // on a main schema an ordinary `.optional()` field does not accept `null`, so the\n        // request-DTO question would report every clearable field un-clearable — which left\n        // refined optional fields (colour, email, url) impossible to empty inline.\n        schemaKind={FormSchemaKind.MAIN_SCHEMA}\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        <div\n          ref={containerRef}\n          className=\"inline-flex flex-col gap-item-xs min-w-[200px]\"\n          onBlur={handleContainerBlur}\n          onKeyDown={handleKeyDown}\n          aria-describedby={hasError ? errorAlertId : undefined}\n        >\n          <div className=\"flex items-start gap-element\">\n            <div className=\"flex-1\">\n              <FormField\n                name={fieldKey}\n                quickCreateSourceFieldName={relationshipInlineEditSurface?.sourceFieldName}\n                schema={schema}\n                label=\"\"\n                description=\"\"\n                disabled={isSaving}\n                placeholder={label}\n                enumLabels={enumLabels}\n                respectSurfaceErrorPlacement={false}\n                fileUploadContext={inlineFileEndpoints\n                  ? { [fieldKey]: inlineFileEndpoints }\n                  : undefined}\n                className=\"inline-edit-field\"\n              />\n            </div>\n\n            <div className=\"flex items-center gap-item-xs shrink-0 pt-item-xs\">\n              {editState === InlineEditState.SAVED && (\n                <div className={successIndicatorRecipe.base} aria-hidden=\"true\">\n                  {renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })}\n                </div>\n              )}\n\n              {params.showSaveButton && editState !== InlineEditState.SAVED && (\n                <Button\n                  type=\"button\"\n                  size={ButtonSize.SM}\n                  variant={ButtonVariants_Variant.DEFAULT}\n                  onClick={handleSave}\n                  disabled={isSaving}\n                  aria-label={tComponent(FrontendComponentType.LOW_LEVEL_BUTTON, 'save')}\n                >\n                  {editState === InlineEditState.SAVING\n                    ? renderIcon(StandardIconReference.LOADER_2, {\n                        size: IconSize.SM,\n                        className: 'animate-spin motion-reduce:animate-none'\n                      })\n                    : renderIcon(StandardIconReference.CHECK, { size: IconSize.SM })\n                  }\n                </Button>\n              )}\n\n              {params.showCancelButton && (\n                <Button\n                  type=\"button\"\n                  size={ButtonSize.SM}\n                  variant={ButtonVariants_Variant.GHOST}\n                  onClick={handleCancel}\n                  disabled={isSaving}\n                  aria-label={tComponent(FrontendComponentType.LOW_LEVEL_BUTTON, 'cancel')}\n                >\n                  {renderIcon(StandardIconReference.CLOSE, { size: IconSize.SM })}\n                </Button>\n              )}\n            </div>\n          </div>\n\n          {hasError && (\n            <Alert id={errorAlertId} variant=\"destructive\" role=\"alert\" className=\"flex items-center gap-element py-card-sm\">\n              {renderIcon(StandardIconReference.ERROR, {\n                size: IconSize.SM,\n                className: 'shrink-0'\n              })}\n              <AlertDescription className=\"flex-1 m-0\">\n                <Text>{saveErrorMessage}</Text>\n              </AlertDescription>\n              {(() => {\n                const retryLabel = tComponent(FrontendComponentType.LOW_LEVEL_BUTTON, 'retry');\n                return (\n                  <Button\n                    ref={retryButtonRef}\n                    type=\"button\"\n                    size={ButtonSize.SM}\n                    variant={ButtonVariants_Variant.GHOST}\n                    onClick={handleSave}\n                    disabled={isSaving}\n                    aria-label={retryLabel}\n                    title={retryLabel}\n                  >\n                    {renderIcon(StandardIconReference.TRY_AGAIN, { size: IconSize.SM })}\n                  </Button>\n                );\n              })()}\n            </Alert>\n          )}\n        </div>\n      </FormSchemaProvider>\n    );\n  }\n\n  if (!isReady) return null;\n\n  // ── Determine content based on edit state ──\n  let content: React.JSX.Element;\n  if (schemaType === FieldSchemaType.BOOLEAN && fieldName) {\n    // Inline-editable boolean → live toggle-in-place Switch (T4b), no overlay.\n    content = renderBooleanToggle();\n  } else if (isInEditMode && fieldName && supportsInlineFileEditing) {\n    content = renderInlineEditForm();\n  } else if (!supportsInlineFileEditing) {\n    content = renderDisplayValue();\n  } else {\n    content = renderInlineEditTrigger();\n  }\n\n  return (\n    <DisplayFieldChrome\n      mode={resolvedChromeMode}\n      label={label}\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      {content}\n    </DisplayFieldChrome>\n  );\n}\n\nDisplayFieldEditable.displayName = 'DisplayFieldEditable';\n"]}

package/dist/esm/components/data-display/DisplayFieldEditableArray.d.ts

@@ -29,7 +29,7 @@
  */
 import React from 'react';
 import { z } from 'zod';
-import { ArrayObjectItemLayout, type SoloSectionMode } from '@wildo-ai/zod-decorators';
+import { ArrayObjectItemLayout, DisplayChromeMode, type SoloSectionMode } from '@wildo-ai/zod-decorators';
 export interface DisplayFieldEditableArrayProps {
     /** The array field name (dot path) — also the PATCH key for the whole-array update. */
     name: string;
@@ -54,10 +54,20 @@ export interface DisplayFieldEditableArrayProps {
     renderField?: (name: string, schema: z.ZodTypeAny) => React.ReactNode;
     /** Array section-frame appearance — forwarded to `AutomatedArrayField`. */
     sectionAppearance?: SoloSectionMode;
+    /**
+     * The display chrome the read pane resolved for this field. A settings-row pane (`SETTINGS_ROW`) edits the
+     * array as one row of that list — its edit-mode counterpart — instead of a section between the rows.
+     */
+    displayChromeMode?: DisplayChromeMode;
     /** Per-placement item-layout override — forwarded to `AutomatedArrayField`. */
     objectItemLayout?: ArrayObjectItemLayout;
+    /**
+     * Words for an enum array's options, keyed by value — the dictionary `DisplayField` resolved for this field.
+     * Forwarded to `AutomatedArrayField`, whose checkbox group otherwise named each option by its raw value.
+     */
+    enumLabels?: Record<string, string>;
 }
-declare function DisplayFieldEditableArrayComponent({ name, schema, value, label, description, doInlineUpdate, renderField, sectionAppearance, objectItemLayout, }: DisplayFieldEditableArrayProps): React.JSX.Element;
+declare function DisplayFieldEditableArrayComponent({ name, schema, value, label, description, doInlineUpdate, renderField, sectionAppearance, displayChromeMode, objectItemLayout, enumLabels, }: DisplayFieldEditableArrayProps): React.JSX.Element;
 declare namespace DisplayFieldEditableArrayComponent {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayFieldEditableArray.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayFieldEditableArray.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,qBAAqB,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AASvF,MAAM,WAAW,8BAA8B;IAC7C,uFAAuF;IACvF,IAAI,EAAE,MAAM,CAAC;IACb,sFAAsF;IACtF,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,2EAA2E;IAC3E,KAAK,EAAE,OAAO,CAAC;IACf,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IACtE,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;CAC1C;AAED,iBAAS,kCAAkC,CAAC,EAC1C,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,gBAAgB,GACjB,EAAE,8BAA8B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsIpD;kBAhJQ,kCAAkC;;;AAoJ3C,eAAO,MAAM,yBAAyB,2CAAqC,CAAC"}
+{"version":3,"file":"DisplayFieldEditableArray.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/DisplayFieldEditableArray.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAkB,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAS1H,MAAM,WAAW,8BAA8B;IAC7C,uFAAuF;IACvF,IAAI,EAAE,MAAM,CAAC;IACb,sFAAsF;IACtF,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IACrB,2EAA2E;IAC3E,KAAK,EAAE,OAAO,CAAC;IACf,mFAAmF;IACnF,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC;IACtE,2EAA2E;IAC3E,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAED,iBAAS,kCAAkC,CAAC,EAC1C,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,GACX,EAAE,8BAA8B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuIpD;kBAnJQ,kCAAkC;;;AAuJ3C,eAAO,MAAM,yBAAyB,2CAAqC,CAAC"}

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

@@ -32,13 +32,14 @@ import { useMemo, useCallback, useEffect, useRef } from 'react';
 import { z } from 'zod';
 import { useForm, FormProvider } from 'react-hook-form';
 import { FrontendComponentType } from '@wildo-ai/presets-components-models';
+import { DisplayChromeMode, EditChromeMode } from '@wildo-ai/zod-decorators';
 import { CoreResourceOperation } from '@wildo-ai/saas-models';
 import { AutomatedArrayField } from '../form/automated/AutomatedArrayField.js';
 import { AutosaveProvider } from '../form/automated/AutosaveContext.js';
 import { FormSchemaProvider } from '../../components/form/form-context.js';
 import { useResourceDisplayContext } from './automatic-displayer.utils.js';
 import { useI18n } from '../../core/i18n/useI18n.js';
-function DisplayFieldEditableArrayComponent({ name, schema, value, label, description, doInlineUpdate, renderField, sectionAppearance, objectItemLayout, }) {
+function DisplayFieldEditableArrayComponent({ name, schema, value, label, description, doInlineUpdate, renderField, sectionAppearance, displayChromeMode, objectItemLayout, enumLabels, }) {
     // The local editing form is a single-field object wrapping the array, keyed by the field's
     // LAST path segment (`fieldKey`) — mirroring `DisplayFieldEditable`. This keeps the form
     // schema (`z.object({ [fieldKey]: schema })`), the seeded value, and `AutomatedArrayField`'s
@@ -129,7 +130,7 @@ function DisplayFieldEditableArrayComponent({ name, schema, value, label, descri
     // quick-add row) call `useFormSchemaContext()` to resolve item sub-schemas + labels.
     // Without it they throw "must be used within a FormSchemaProvider". This mirrors the
     // scalar `DisplayFieldEditable`, which wraps its inline `FormField` the same way.
-    return (_jsx(FormProvider, { ...form, children: _jsx(FormSchemaProvider, { schema: formSchema, form: form, resourceType: resourceDisplayContext.resourceType, resourceId: resourceDisplayContext.resourceId, operationType: CoreResourceOperation.UPDATE, contextResourceIdentifiers: resourceDisplayContext.contextResourceIdentifiers, navigationZone: resourceDisplayContext.navigationZone, children: _jsx(AutosaveProvider, { onSave: handleSave, labels: autosaveLabels, config: autosaveConfig, children: _jsx("div", { ref: editorRef, children: _jsx(AutomatedArrayField, { name: fieldKey, schema: schema, label: label, description: description, renderField: renderField, sectionAppearance: sectionAppearance, objectItemLayout: objectItemLayout }) }) }) }) }));
+    return (_jsx(FormProvider, { ...form, children: _jsx(FormSchemaProvider, { schema: formSchema, form: form, resourceType: resourceDisplayContext.resourceType, resourceId: resourceDisplayContext.resourceId, operationType: CoreResourceOperation.UPDATE, contextResourceIdentifiers: resourceDisplayContext.contextResourceIdentifiers, navigationZone: resourceDisplayContext.navigationZone, children: _jsx(AutosaveProvider, { onSave: handleSave, labels: autosaveLabels, config: autosaveConfig, children: _jsx("div", { ref: editorRef, children: _jsx(AutomatedArrayField, { name: fieldKey, schema: schema, label: label, description: description, renderField: renderField, sectionAppearance: sectionAppearance, objectItemLayout: objectItemLayout, enumLabels: enumLabels, chromeMode: displayChromeMode === DisplayChromeMode.SETTINGS_ROW ? EditChromeMode.SETTINGS_ROW : undefined }) }) }) }) }));
 }
 DisplayFieldEditableArrayComponent.displayName = 'DisplayFieldEditableArray';
 export const DisplayFieldEditableArray = DisplayFieldEditableArrayComponent;

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":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAEH,OAAc,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAyB,iBAAiB,EAAE,cAAc,EAAwB,MAAM,0BAA0B,CAAC;AAC1H,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAyD,MAAM,mCAAmC,CAAC;AAC5H,OAAO,EAAE,kBAAkB,EAAE,MAAM,kDAAkD,CAAC;AACtF,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAC;AAwChE,SAAS,kCAAkC,CAAC,EAC1C,IAAI,EACJ,MAAM,EACN,KAAK,EACL,KAAK,EACL,WAAW,EACX,cAAc,EACd,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,GACqB;IAC/B,2FAA2F;IAC3F,yFAAyF;IACzF,6FAA6F;IAC7F,0FAA0F;IAC1F,8FAA8F;IAC9F,2FAA2F;IAC3F,4FAA4F;IAC5F,0FAA0F;IAC1F,6FAA6F;IAC7F,WAAW;IACX,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAC1D,CAAC,IAAI,CAAC,CACP,CAAC;IAEF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAEvF,0FAA0F;IAC1F,+DAA+D;IAC/D,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,EACzD,CAAC,QAAQ,EAAE,KAAK,CAAC,CAClB,CAAC;IAEF,4EAA4E;IAC5E,6FAA6F;IAC7F,2CAA2C;IAC3C,EAAE;IACF,qFAAqF;IACrF,uFAAuF;IACvF,0GAA0G;IAC1G,kFAAkF;IAClF,sFAAsF;IACtF,sFAAsF;IACtF,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;IAE1D,uBAAuB;IACvB,0EAA0E;IAC1E,4EAA4E;IAC5E,4EAA4E;IAC5E,0EAA0E;IAC1E,yEAAyE;IACzE,4EAA4E;IAC5E,2EAA2E;IAC3E,2EAA2E;IAC3E,2EAA2E;IAC3E,8EAA8E;IAC9E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,uBAAuB,GAAG,MAAM,CAAS,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QACpD,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7C,IAAI,UAAU,KAAK,uBAAuB,CAAC,OAAO,EAAE,CAAC;YACnD,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC;QAC/E,IAAI,MAAM,IAAI,SAAS,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YAClD,OAAO;QACT,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QACtC,uBAAuB,CAAC,OAAO,GAAG,UAAU,CAAC;IAC/C,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,0FAA0F;IAC1F,2EAA2E;IAC3E,MAAM,sBAAsB,GAAG,yBAAyB,EAAE,CAAC;IAE3D,oFAAoF;IACpF,qFAAqF;IACrF,uFAAuF;IACvF,6FAA6F;IAC7F,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;IAE9D,uFAAuF;IACvF,wEAAwE;IACxE,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,wBAAwB,EAAE,CAAC,CAAC;IAC9F,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,CAAC;QACL,YAAY,EAAE,UAAU,CAAC,qBAAqB,CAAC,wBAAwB,EAAE,sBAAsB,CAAC;QAChG,eAAe,EAAE,UAAU,CAAC,qBAAqB,CAAC,wBAAwB,EAAE,yBAAyB,CAAC;QACtG,YAAY,EAAE,UAAU,CAAC,qBAAqB,CAAC,wBAAwB,EAAE,sBAAsB,CAAC;QAChG,aAAa,EAAE,UAAU,CAAC,qBAAqB,CAAC,wBAAwB,EAAE,uBAAuB,CAAC;QAClG,oBAAoB,EAAE,UAAU,CAAC,qBAAqB,CAAC,wBAAwB,EAAE,8BAA8B,CAAC;KACjH,CAAC,EACF,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,4FAA4F;IAC5F,wFAAwF;IACxF,EAAE;IACF,mFAAmF;IACnF,mGAAmG;IACnG,2FAA2F;IAC3F,oFAAoF;IACpF,0FAA0F;IAC1F,uFAAuF;IACvF,4FAA4F;IAC5F,6FAA6F;IAC7F,+DAA+D;IAC/D,MAAM,UAAU,GAAG,WAAW,CAC5B,KAAK,IAAI,EAAE;QACT,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QAC5C,MAAM,cAAc,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CACvC,CAAC;IAEF,uFAAuF;IACvF,qFAAqF;IACrF,qFAAqF;IACrF,kFAAkF;IAClF,OAAO,CACL,KAAC,YAAY,OAAK,IAAI,YACpB,KAAC,kBAAkB,IACjB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,sBAAsB,CAAC,YAAY,EACjD,UAAU,EAAE,sBAAsB,CAAC,UAAU,EAC7C,aAAa,EAAE,qBAAqB,CAAC,MAAM,EAC3C,0BAA0B,EAAE,sBAAsB,CAAC,0BAA0B,EAC7E,cAAc,EAAE,sBAAsB,CAAC,cAAc,YAErD,KAAC,gBAAgB,IAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,cAAc,YAIlF,cAAK,GAAG,EAAE,SAAS,YACjB,KAAC,mBAAmB,IAAC,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EACrN,UAAU,EAAE,iBAAiB,KAAK,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,GAAI,GAC5G,GACW,GACA,GACR,CAChB,CAAC;AACJ,CAAC;AAED,kCAAkC,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAE7E,MAAM,CAAC,MAAM,yBAAyB,GAAG,kCAAkC,CAAC","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/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 ──