@wildo-ai/saas-frontend-lib 1.1.9 → 1.1.11

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

@@ -1 +1 @@
-{"version":3,"file":"SummaryContext.js","sourceRoot":"","sources":["../../../../../src/components/data-display/SummaryContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAgCzD,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF,MAAM,cAAc,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAOvE,6EAA6E;AAC7E,MAAM,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA+B;IACrF,OAAO,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA2B,CAAC;AACrF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC","sourcesContent":["'use client';\n\n/**\n * SummaryContext — carries the resolved PRIMARY LABEL (title) of a resource into\n * the summary template render tree so that `<SummaryTitle />` can render it as a\n * first-class, composable element of the template flow.\n *\n * Provided by {@link ResourceSummaryDisplayer}. Read by `<SummaryTitle />` and by\n * `<SummaryLayout>` (to decide whether its `AUTO` title slot has anything to render).\n *\n * **Why the title lives in context, not in the host**\n *\n * Historically the card/list/popover HOST owned the title and the summary\n * template was forbidden from rendering it, which forced a second bolt-on\n * template (`summaryTitleAccessory`) whenever an author wanted something (a\n * status badge) beside the title. Making the title a context-fed element\n * (`<SummaryTitle />`) lets authors weave it into the template flow — inline\n * with a badge, above a body, or omitted — with no parallel config axis.\n *\n * **`primaryLabel` may be `null`.** `ResourceSummaryDisplayer` is also used for\n * body-only surfaces (inline FK-field references) where NO title should appear.\n * Those callers omit the label, so `<SummaryTitle />` renders nothing and\n * `<SummaryLayout titlePlacement={AUTO}>` shows no title slot. The presence of a\n * label is therefore the single, data-driven signal for \"this summary has a\n * title\".\n */\n\nimport React, { createContext, useContext } from 'react';\n\n// =============================================================================\n// CONTEXT VALUE\n// =============================================================================\n\nexport interface SummaryContextValue {\n  /** Resource type key of the summarized record. */\n  resourceType: string;\n\n  /**\n   * Resolved primary label (title) of the summarized record, or `null` when the\n   * hosting surface has no title to show (e.g. an inline FK-field body). When\n   * `null`, `<SummaryTitle />` renders nothing.\n   */\n  primaryLabel: string | null;\n\n  /**\n   * Dev-diagnostic seam: `<SummaryTitle />` flips `titleMounted` when it renders,\n   * letting `ResourceSummaryDisplayer` detect an AUTHORED summary template that\n   * never mounts the title. The engine cedes title rendering to any authored\n   * template (`ResourceListItemRenderer` suppresses the host title the moment\n   * `layout.summary` exists), so a template missing `<SummaryTitle />` /\n   * `<SummaryLayout>` silently loses the record's identity on every list row,\n   * search result and command-palette hit — the exact defect this catches at\n   * authoring time instead of in an audit. Mutable-ref shape (not state) on\n   * purpose: the flag is only read AFTER render by the displayer's effect and\n   * must never schedule a re-render.\n   */\n  titleMountTracker?: { titleMounted: boolean };\n}\n\n// =============================================================================\n// REACT CONTEXT\n// =============================================================================\n\nconst SummaryContext = createContext<SummaryContextValue | null>(null);\n\nexport interface SummaryContextProviderProps {\n  value: SummaryContextValue;\n  children: React.ReactNode;\n}\n\n/** Provides the resolved primary label to a summary template render tree. */\nexport function SummaryContextProvider({ value, children }: SummaryContextProviderProps): React.JSX.Element {\n  return <SummaryContext.Provider value={value}>{children}</SummaryContext.Provider>;\n}\n\n/**\n * Read the summary context if available, or `null` when rendered outside a\n * {@link ResourceSummaryDisplayer} (e.g. a template previewed in isolation).\n * `<SummaryTitle />` degrades to rendering nothing in that case.\n */\nexport function useOptionalSummaryContext(): SummaryContextValue | null {\n  return useContext(SummaryContext);\n}\n"]}
+{"version":3,"file":"SummaryContext.js","sourceRoot":"","sources":["../../../../../src/components/data-display/SummaryContext.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAgCzD,gFAAgF;AAChF,gBAAgB;AAChB,gFAAgF;AAEhF,MAAM,cAAc,GAAG,aAAa,CAA6B,IAAI,CAAC,CAAC;AAOvE,6EAA6E;AAC7E,MAAM,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAA+B;IACrF,OAAO,KAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA2B,CAAC;AACrF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC","sourcesContent":["'use client';\n\n/**\n * SummaryContext — carries the resolved PRIMARY LABEL (title) of a resource into\n * the summary template render tree so that `<SummaryTitle />` can render it as a\n * first-class, composable element of the template flow.\n *\n * Provided by {@link ResourceSummaryDisplayer}. Read by `<SummaryTitle />` and by\n * `<SummaryLayout>` (to decide whether its `AUTO` title slot has anything to render).\n *\n * **Why the title lives in context, not in the host**\n *\n * Historically the card/list/popover HOST owned the title and the summary\n * template was forbidden from rendering it, which forced a second bolt-on\n * template (`summaryTitleAccessory`) whenever an author wanted something (a\n * status badge) beside the title. Making the title a context-fed element\n * (`<SummaryTitle />`) lets authors weave it into the template flow — inline\n * with a badge, above a body, or omitted — with no parallel config axis.\n *\n * **`primaryLabel` may be `null`.** `ResourceSummaryDisplayer` is also used for\n * body-only surfaces (inline FK-field references) where NO title should appear.\n * Those callers omit the label, so `<SummaryTitle />` renders nothing and\n * `<SummaryLayout titlePlacement={AUTO}>` shows no title slot. The presence of a\n * label is therefore the single, data-driven signal for \"this summary has a\n * title\".\n */\n\nimport React, { createContext, useContext } from 'react';\n\n// =============================================================================\n// CONTEXT VALUE\n// =============================================================================\n\nexport interface SummaryContextValue {\n  /** Resource type key of the summarized record. */\n  resourceType: string;\n\n  /**\n   * Resolved primary label (title) of the summarized record, or `null` when the\n   * hosting surface draws the record's name itself (the no-template list card,\n   * the read summary's fallback). When `null`, `<SummaryTitle />` renders nothing.\n   */\n  primaryLabel: string | null;\n\n  /**\n   * Dev-diagnostic seam: `<SummaryTitle />` flips `titleMounted` when it renders,\n   * letting `ResourceSummaryDisplayer` detect an AUTHORED summary template that\n   * never mounts the title. The engine cedes title rendering to any authored\n   * template (`ResourceListItemRenderer` suppresses the host title the moment\n   * `layout.summary` exists), so a template missing `<SummaryTitle />` /\n   * `<SummaryLayout>` silently loses the record's identity on every list row,\n   * search result and command-palette hit — the exact defect this catches at\n   * authoring time instead of in an audit. Mutable-ref shape (not state) on\n   * purpose: the flag is only read AFTER render by the displayer's effect and\n   * must never schedule a re-render.\n   */\n  titleMountTracker?: { titleMounted: boolean };\n}\n\n// =============================================================================\n// REACT CONTEXT\n// =============================================================================\n\nconst SummaryContext = createContext<SummaryContextValue | null>(null);\n\nexport interface SummaryContextProviderProps {\n  value: SummaryContextValue;\n  children: React.ReactNode;\n}\n\n/** Provides the resolved primary label to a summary template render tree. */\nexport function SummaryContextProvider({ value, children }: SummaryContextProviderProps): React.JSX.Element {\n  return <SummaryContext.Provider value={value}>{children}</SummaryContext.Provider>;\n}\n\n/**\n * Read the summary context if available, or `null` when rendered outside a\n * {@link ResourceSummaryDisplayer} (e.g. a template previewed in isolation).\n * `<SummaryTitle />` degrades to rendering nothing in that case.\n */\nexport function useOptionalSummaryContext(): SummaryContextValue | null {\n  return useContext(SummaryContext);\n}\n"]}

package/dist/esm/components/data-display/automatic-displayer.utils.d.ts

@@ -5,7 +5,7 @@
  * Contains ResourceDisplayContext, its types, and non-component exports.
  */
 import type { FileFieldEndpoints } from '@wildo-ai/zod-decorators';
-import type { ParentDisplay } from '@wildo-ai/saas-models';
+import { ParentDisplay } from '@wildo-ai/saas-models';
 import type { ResourceMutationManager } from '../../core/resources/rmm/ResourceMutationManager';
 import type { NavigationZone } from '../../core/navigation/navigation.schemas';
 import type { MutationError } from '../../core/resources/rmm/types';
@@ -68,6 +68,27 @@ export interface ParentReferenceConfig {
     showParentLink?: boolean;
     onNavigateToParent?: (parentId: string) => boolean | void;
 }
+/**
+ * What remains of a displayed reference once the parent reference its surface declared hidden
+ * (`ParentDisplay.NONE`) is taken out. NONE means "don't show any parent reference" (`ParentDisplay`), so the parent
+ * is ABSENT — no value, no empty-value mark, no field box taking a gap — while any OTHER record the same field
+ * references still shows (#2195).
+ *
+ * A referenced id is the parent when the reference points at the parent's TYPE and, when the surface names the
+ * parent's id, it IS that id. With no id named, every reference of that type is the parent reference.
+ *
+ * `hidesWholeReference` is true when nothing of the reference remains — `DisplayField` then omits the field. The
+ * reference preset renders `visibleIds`. Both read the reference through `resolveReferenceDisplayTarget`, so they
+ * see the same type and the same ids and cannot disagree.
+ */
+export declare function withoutHiddenParentReference(params: {
+    parentReferenceConfig: ParentReferenceConfig | undefined;
+    referencedResourceType: string | undefined;
+    referencedIds: readonly string[];
+}): {
+    hidesWholeReference: boolean;
+    visibleIds: string[];
+};
 export declare const ResourceDisplayContext: import("react").Context<ResourceDisplayContextValue>;
 /**
  * Hook to access resource display context from AutomaticDisplayer.

package/dist/esm/components/data-display/automatic-displayer.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"automatic-displayer.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/automatic-displayer.utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gEAAgE,CAAC;AAC9G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,+DAA+D,CAAC;AACrH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,aAAa,EAAE,OAAO,CAAC;IACvB;;;;;;;;;;OAUG;IACH,iBAAiB,CAAC,EAAE,+BAA+B,CAAC;IACpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IACvD,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACvD,0BAA0B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG;QAAE,eAAe,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtG,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C;;;;OAIG;IACH,GAAG,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAC;CACtC;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,aAAa,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,sBAAsB,sDAUjC,CAAC;AAEH;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,2BAA2B,CAEvE;AAED,qBAAa,uBAAwB,SAAQ,KAAK;IAChD,SAAkB,IAAI,6BAA6B;IACnD,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC;gBAE3B,OAAO,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,aAAa;CAI3D"}
+{"version":3,"file":"automatic-displayer.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/automatic-displayer.utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gEAAgE,CAAC;AAC9G,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAC;AAClF,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,+DAA+D,CAAC;AACrH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAE1E;;;;;GAKG;AACH,MAAM,WAAW,2BAA2B;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,aAAa,EAAE,OAAO,CAAC;IACvB;;;;;;;;;;OAUG;IACH,iBAAiB,CAAC,EAAE,+BAA+B,CAAC;IACpD;;;OAGG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;IACvD,oBAAoB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IACvD,0BAA0B,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG;QAAE,eAAe,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtG,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C;;;;OAIG;IACH,GAAG,CAAC,EAAE,uBAAuB,GAAG,IAAI,CAAC;CACtC;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAqB;IACpC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,aAAa,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,OAAO,GAAG,IAAI,CAAC;CAC3D;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,4BAA4B,CAAC,MAAM,EAAE;IACnD,qBAAqB,EAAE,qBAAqB,GAAG,SAAS,CAAC;IACzD,sBAAsB,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3C,aAAa,EAAE,SAAS,MAAM,EAAE,CAAC;CAClC,GAAG;IAAE,mBAAmB,EAAE,OAAO,CAAC;IAAC,UAAU,EAAE,MAAM,EAAE,CAAA;CAAE,CAgBzD;AAED,eAAO,MAAM,sBAAsB,sDAUjC,CAAC;AAEH;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,2BAA2B,CAEvE;AAED,qBAAa,uBAAwB,SAAQ,KAAK;IAChD,SAAkB,IAAI,6BAA6B;IACnD,QAAQ,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC;gBAE3B,OAAO,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,aAAa;CAI3D"}

package/dist/esm/components/data-display/automatic-displayer.utils.js

@@ -5,6 +5,35 @@
  * Contains ResourceDisplayContext, its types, and non-component exports.
  */
 import { createContext, useContext } from 'react';
+import { ParentDisplay } from '@wildo-ai/saas-models';
+/**
+ * What remains of a displayed reference once the parent reference its surface declared hidden
+ * (`ParentDisplay.NONE`) is taken out. NONE means "don't show any parent reference" (`ParentDisplay`), so the parent
+ * is ABSENT — no value, no empty-value mark, no field box taking a gap — while any OTHER record the same field
+ * references still shows (#2195).
+ *
+ * A referenced id is the parent when the reference points at the parent's TYPE and, when the surface names the
+ * parent's id, it IS that id. With no id named, every reference of that type is the parent reference.
+ *
+ * `hidesWholeReference` is true when nothing of the reference remains — `DisplayField` then omits the field. The
+ * reference preset renders `visibleIds`. Both read the reference through `resolveReferenceDisplayTarget`, so they
+ * see the same type and the same ids and cannot disagree.
+ */
+export function withoutHiddenParentReference(params) {
+    const config = params.parentReferenceConfig;
+    const ids = [...params.referencedIds];
+    if (!config
+        || config.displayMode !== ParentDisplay.NONE
+        || !params.referencedResourceType
+        || params.referencedResourceType !== config.parentResourceType) {
+        return { hidesWholeReference: false, visibleIds: ids };
+    }
+    if (config.parentResourceId === undefined) {
+        return { hidesWholeReference: true, visibleIds: [] };
+    }
+    const visibleIds = ids.filter((id) => String(id) !== config.parentResourceId);
+    return { hidesWholeReference: ids.length > 0 && visibleIds.length === 0, visibleIds };
+}
 export const ResourceDisplayContext = createContext({
     resourceType: undefined,
     resourceId: undefined,

package/dist/esm/components/data-display/automatic-displayer.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"automatic-displayer.utils.js","sourceRoot":"","sources":["../../../../../src/components/data-display/automatic-displayer.utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAiElD,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAA8B;IAC/E,YAAY,EAAE,SAAS;IACvB,UAAU,EAAE,SAAS;IACrB,cAAc,EAAE,KAAK,IAAI,EAAE,GAAe,CAAC;IAC3C,aAAa,EAAE,KAAK;IACpB,iBAAiB,EAAE,SAAS;IAC5B,oBAAoB,EAAE,SAAS;IAC/B,0BAA0B,EAAE,SAAS;IACrC,cAAc,EAAE,SAAS;IACzB,qBAAqB,EAAE,SAAS;CACjC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IAC9B,IAAI,GAAG,yBAAyB,CAAC;IAC1C,aAAa,CAAiB;IAEvC,YAAY,OAAe,EAAE,aAA6B;QACxD,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACrC,CAAC;CACF","sourcesContent":["/**\n * AutomaticDisplayer utilities, types, and context\n *\n * Separated from AutomaticDisplayer.tsx for React Fast Refresh compatibility.\n * Contains ResourceDisplayContext, its types, and non-component exports.\n */\n\nimport { createContext, useContext } from 'react';\nimport type { FileFieldEndpoints } from '@wildo-ai/zod-decorators';\nimport type { ParentDisplay } from '@wildo-ai/saas-models';\nimport type { ResourceMutationManager } from '~wildo-frontend-lib/core/resources/rmm/ResourceMutationManager';\nimport type { NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport type { MutationError } from '~wildo-frontend-lib/core/resources/rmm/types';\nimport type { ResourceLayoutInlineEditDefault } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport type { AutoEmptyValue } from '@wildo-ai/presets-components-models';\n\n/**\n * Resource-aware display context for inline editing.\n *\n * This context provides the resource information needed for DisplayField\n * to perform inline edits directly against the resource API.\n */\nexport interface ResourceDisplayContextValue {\n  resourceType?: string;\n  resourceId?: string;\n  doInlineUpdate: (fieldName: string, value: unknown) => Promise<void>;\n  canInlineEdit: boolean;\n  /**\n   * The layout's inline-edit DEFAULT, from `ResourceLayoutConfig.defaultInlineEdit`.\n   *\n   * Distinct from `canInlineEdit`, and the two are ANDed rather than either standing alone:\n   * `canInlineEdit` answers \"is there a usable write path at all?\" (an RMM, an `onInlineEdit`, a\n   * real UPDATE operation), while this answers \"does this layout offer its writable fields for\n   * editing without each one asking?\". A default cannot manufacture a write path, and a write path\n   * does not by itself make every field a control.\n   *\n   * Absent (the default) means only fields carrying `inlineEditable` are editable in place.\n   */\n  defaultInlineEdit?: ResourceLayoutInlineEditDefault;\n  /**\n   * The layout's empty-value strategy, from `ResourceLayoutConfig.defaultEmptyValue`. Absent means\n   * the surface policy decides, which is what every layout did before this existed.\n   */\n  defaultEmptyValue?: AutoEmptyValue;\n  fileUploadContext?: Record<string, FileFieldEndpoints>;\n  contextualParameters?: Record<string, string | number>;\n  contextResourceIdentifiers?: Record<string, string | { fieldIdentifier: string; resourceId: string }>;\n  navigationZone?: NavigationZone;\n  parentReferenceConfig?: ParentReferenceConfig;\n  /**\n   * RMM instance for snapshot-driven inline edit state.\n   * When present, DisplayField subscribes to the snapshot to react to\n   * external mutations (form autosave, remote updates, conflict resets).\n   */\n  rmm?: ResourceMutationManager | null;\n}\n\n/**\n * Configuration for rendering parent reference in child resource views.\n *\n * Uses `ParentDisplay` enum directly — the same enum declared on\n * `RelationshipDisplayInChildView.parentDisplay` in `saas-models`.\n * No intermediate mapping layer.\n */\nexport interface ParentReferenceConfig {\n  parentResourceType: string;\n  parentResourceId?: string;\n  displayMode: ParentDisplay;\n  showParentLink?: boolean;\n  onNavigateToParent?: (parentId: string) => boolean | void;\n}\n\nexport const ResourceDisplayContext = createContext<ResourceDisplayContextValue>({\n  resourceType: undefined,\n  resourceId: undefined,\n  doInlineUpdate: async () => { /* no-op */ },\n  canInlineEdit: false,\n  fileUploadContext: undefined,\n  contextualParameters: undefined,\n  contextResourceIdentifiers: undefined,\n  navigationZone: undefined,\n  parentReferenceConfig: undefined,\n});\n\n/**\n * Hook to access resource display context from AutomaticDisplayer.\n * Used by DisplayField to perform resource-aware inline editing.\n */\nexport function useResourceDisplayContext(): ResourceDisplayContextValue {\n  return useContext(ResourceDisplayContext);\n}\n\nexport class InlineEditMutationError extends Error {\n  override readonly name = 'InlineEditMutationError';\n  readonly mutationError?: MutationError;\n\n  constructor(message: string, mutationError?: MutationError) {\n    super(message);\n    this.mutationError = mutationError;\n  }\n}\n"]}
+{"version":3,"file":"automatic-displayer.utils.js","sourceRoot":"","sources":["../../../../../src/components/data-display/automatic-displayer.utils.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AA+DtD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,4BAA4B,CAAC,MAI5C;IACC,MAAM,MAAM,GAAG,MAAM,CAAC,qBAAqB,CAAC;IAC5C,MAAM,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IACtC,IACE,CAAC,MAAM;WACJ,MAAM,CAAC,WAAW,KAAK,aAAa,CAAC,IAAI;WACzC,CAAC,MAAM,CAAC,sBAAsB;WAC9B,MAAM,CAAC,sBAAsB,KAAK,MAAM,CAAC,kBAAkB,EAC9D,CAAC;QACD,OAAO,EAAE,mBAAmB,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC;IACzD,CAAC;IACD,IAAI,MAAM,CAAC,gBAAgB,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,EAAE,mBAAmB,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC;IACvD,CAAC;IACD,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC9E,OAAO,EAAE,mBAAmB,EAAE,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;AACxF,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAA8B;IAC/E,YAAY,EAAE,SAAS;IACvB,UAAU,EAAE,SAAS;IACrB,cAAc,EAAE,KAAK,IAAI,EAAE,GAAe,CAAC;IAC3C,aAAa,EAAE,KAAK;IACpB,iBAAiB,EAAE,SAAS;IAC5B,oBAAoB,EAAE,SAAS;IAC/B,0BAA0B,EAAE,SAAS;IACrC,cAAc,EAAE,SAAS;IACzB,qBAAqB,EAAE,SAAS;CACjC,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,OAAO,uBAAwB,SAAQ,KAAK;IAC9B,IAAI,GAAG,yBAAyB,CAAC;IAC1C,aAAa,CAAiB;IAEvC,YAAY,OAAe,EAAE,aAA6B;QACxD,KAAK,CAAC,OAAO,CAAC,CAAC;QACf,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACrC,CAAC;CACF","sourcesContent":["/**\n * AutomaticDisplayer utilities, types, and context\n *\n * Separated from AutomaticDisplayer.tsx for React Fast Refresh compatibility.\n * Contains ResourceDisplayContext, its types, and non-component exports.\n */\n\nimport { createContext, useContext } from 'react';\nimport type { FileFieldEndpoints } from '@wildo-ai/zod-decorators';\nimport { ParentDisplay } from '@wildo-ai/saas-models';\nimport type { ResourceMutationManager } from '~wildo-frontend-lib/core/resources/rmm/ResourceMutationManager';\nimport type { NavigationZone } from '~wildo-frontend-lib/core/navigation/navigation.schemas';\nimport type { MutationError } from '~wildo-frontend-lib/core/resources/rmm/types';\nimport type { ResourceLayoutInlineEditDefault } from '~wildo-frontend-lib/core/resources/resources.frontend.schemas';\nimport type { AutoEmptyValue } from '@wildo-ai/presets-components-models';\n\n/**\n * Resource-aware display context for inline editing.\n *\n * This context provides the resource information needed for DisplayField\n * to perform inline edits directly against the resource API.\n */\nexport interface ResourceDisplayContextValue {\n  resourceType?: string;\n  resourceId?: string;\n  doInlineUpdate: (fieldName: string, value: unknown) => Promise<void>;\n  canInlineEdit: boolean;\n  /**\n   * The layout's inline-edit DEFAULT, from `ResourceLayoutConfig.defaultInlineEdit`.\n   *\n   * Distinct from `canInlineEdit`, and the two are ANDed rather than either standing alone:\n   * `canInlineEdit` answers \"is there a usable write path at all?\" (an RMM, an `onInlineEdit`, a\n   * real UPDATE operation), while this answers \"does this layout offer its writable fields for\n   * editing without each one asking?\". A default cannot manufacture a write path, and a write path\n   * does not by itself make every field a control.\n   *\n   * Absent (the default) means only fields carrying `inlineEditable` are editable in place.\n   */\n  defaultInlineEdit?: ResourceLayoutInlineEditDefault;\n  /**\n   * The layout's empty-value strategy, from `ResourceLayoutConfig.defaultEmptyValue`. Absent means\n   * the surface policy decides, which is what every layout did before this existed.\n   */\n  defaultEmptyValue?: AutoEmptyValue;\n  fileUploadContext?: Record<string, FileFieldEndpoints>;\n  contextualParameters?: Record<string, string | number>;\n  contextResourceIdentifiers?: Record<string, string | { fieldIdentifier: string; resourceId: string }>;\n  navigationZone?: NavigationZone;\n  parentReferenceConfig?: ParentReferenceConfig;\n  /**\n   * RMM instance for snapshot-driven inline edit state.\n   * When present, DisplayField subscribes to the snapshot to react to\n   * external mutations (form autosave, remote updates, conflict resets).\n   */\n  rmm?: ResourceMutationManager | null;\n}\n\n/**\n * Configuration for rendering parent reference in child resource views.\n *\n * Uses `ParentDisplay` enum directly — the same enum declared on\n * `RelationshipDisplayInChildView.parentDisplay` in `saas-models`.\n * No intermediate mapping layer.\n */\nexport interface ParentReferenceConfig {\n  parentResourceType: string;\n  parentResourceId?: string;\n  displayMode: ParentDisplay;\n  showParentLink?: boolean;\n  onNavigateToParent?: (parentId: string) => boolean | void;\n}\n\n/**\n * What remains of a displayed reference once the parent reference its surface declared hidden\n * (`ParentDisplay.NONE`) is taken out. NONE means \"don't show any parent reference\" (`ParentDisplay`), so the parent\n * is ABSENT — no value, no empty-value mark, no field box taking a gap — while any OTHER record the same field\n * references still shows (#2195).\n *\n * A referenced id is the parent when the reference points at the parent's TYPE and, when the surface names the\n * parent's id, it IS that id. With no id named, every reference of that type is the parent reference.\n *\n * `hidesWholeReference` is true when nothing of the reference remains — `DisplayField` then omits the field. The\n * reference preset renders `visibleIds`. Both read the reference through `resolveReferenceDisplayTarget`, so they\n * see the same type and the same ids and cannot disagree.\n */\nexport function withoutHiddenParentReference(params: {\n  parentReferenceConfig: ParentReferenceConfig | undefined;\n  referencedResourceType: string | undefined;\n  referencedIds: readonly string[];\n}): { hidesWholeReference: boolean; visibleIds: string[] } {\n  const config = params.parentReferenceConfig;\n  const ids = [...params.referencedIds];\n  if (\n    !config\n    || config.displayMode !== ParentDisplay.NONE\n    || !params.referencedResourceType\n    || params.referencedResourceType !== config.parentResourceType\n  ) {\n    return { hidesWholeReference: false, visibleIds: ids };\n  }\n  if (config.parentResourceId === undefined) {\n    return { hidesWholeReference: true, visibleIds: [] };\n  }\n  const visibleIds = ids.filter((id) => String(id) !== config.parentResourceId);\n  return { hidesWholeReference: ids.length > 0 && visibleIds.length === 0, visibleIds };\n}\n\nexport const ResourceDisplayContext = createContext<ResourceDisplayContextValue>({\n  resourceType: undefined,\n  resourceId: undefined,\n  doInlineUpdate: async () => { /* no-op */ },\n  canInlineEdit: false,\n  fileUploadContext: undefined,\n  contextualParameters: undefined,\n  contextResourceIdentifiers: undefined,\n  navigationZone: undefined,\n  parentReferenceConfig: undefined,\n});\n\n/**\n * Hook to access resource display context from AutomaticDisplayer.\n * Used by DisplayField to perform resource-aware inline editing.\n */\nexport function useResourceDisplayContext(): ResourceDisplayContextValue {\n  return useContext(ResourceDisplayContext);\n}\n\nexport class InlineEditMutationError extends Error {\n  override readonly name = 'InlineEditMutationError';\n  readonly mutationError?: MutationError;\n\n  constructor(message: string, mutationError?: MutationError) {\n    super(message);\n    this.mutationError = mutationError;\n  }\n}\n"]}

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

@@ -4,6 +4,15 @@ export type BadgeVariants_Variant = "default" | "secondary" | "destructive" | "o
 export type BadgeProps = React.ComponentProps<"span"> & {
     variant?: BadgeVariants_Variant;
     asChild?: boolean;
+    /**
+     * Lead the label with a small dot in the badge's own ink — the mark that says "this is a STATE"
+     * (in progress, completed, suspended) rather than a word or a count. The enum formatter sets it for
+     * a value rendered as a BADGE with no icon of its own; a count badge ("3") never carries it.
+     *
+     * The dot takes `currentColor`, so its tone is whatever the theme's INDICATOR recipe gives the text:
+     * no second colour decision, and every theme's tones apply unchanged.
+     */
+    dot?: boolean;
 };
 export declare function Badge({ preset, ...props }: BadgeProps & ComponentPresetProps): React.JSX.Element;
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAExH,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,qBAAqB,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAGD,wBAAgB,KAAK,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG1H"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAA;AAExH,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG;IACtD,OAAO,CAAC,EAAE,qBAAqB,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;;;;;;OAOG;IACH,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,CAAA;AAGD,wBAAgB,KAAK,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG1H"}

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

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../../src/components/data-display/badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AAWzH,kBAAkB;AAClB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAqC;IACrG,MAAM,SAAS,GAAG,uBAAuB,CAAa,qBAAqB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;IAC7G,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\n\n// --- Contract ---\nexport type BadgeVariants_Variant = \"default\" | \"secondary\" | \"destructive\" | \"outline\" | \"info\" | \"success\" | \"warning\"\n\nexport type BadgeProps = React.ComponentProps<\"span\"> & {\n  variant?: BadgeVariants_Variant\n  asChild?: boolean\n}\n\n// --- Wrapper ---\nexport function Badge({ preset = CorePresetNames.DEFAULT, ...props }: BadgeProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<BadgeProps>(FrontendComponentType.LOW_LEVEL_BADGE, 'Badge')(preset)\n  return <Component {...props} />\n}\n"]}
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../../src/components/data-display/badge.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AAoBzH,kBAAkB;AAClB,MAAM,UAAU,KAAK,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAqC;IACrG,MAAM,SAAS,GAAG,uBAAuB,CAAa,qBAAqB,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;IAC7G,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AACjC,CAAC","sourcesContent":["import React from 'react'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\n\n// --- Contract ---\nexport type BadgeVariants_Variant = \"default\" | \"secondary\" | \"destructive\" | \"outline\" | \"info\" | \"success\" | \"warning\"\n\nexport type BadgeProps = React.ComponentProps<\"span\"> & {\n  variant?: BadgeVariants_Variant\n  asChild?: boolean\n  /**\n   * Lead the label with a small dot in the badge's own ink — the mark that says \"this is a STATE\"\n   * (in progress, completed, suspended) rather than a word or a count. The enum formatter sets it for\n   * a value rendered as a BADGE with no icon of its own; a count badge (\"3\") never carries it.\n   *\n   * The dot takes `currentColor`, so its tone is whatever the theme's INDICATOR recipe gives the text:\n   * no second colour decision, and every theme's tones apply unchanged.\n   */\n  dot?: boolean\n}\n\n// --- Wrapper ---\nexport function Badge({ preset = CorePresetNames.DEFAULT, ...props }: BadgeProps & ComponentPresetProps): React.JSX.Element {\n  const Component = createComponentResolver<BadgeProps>(FrontendComponentType.LOW_LEVEL_BADGE, 'Badge')(preset)\n  return <Component {...props} />\n}\n"]}

package/dist/esm/components/data-display/chromes/DisplayFieldChrome.d.ts

@@ -3,7 +3,7 @@
  * for display fields.
  *
  * Parallel to FormFieldChrome but simplified for read-only display context:
- * - 5 modes: STACKED, INLINE, SETTINGS_ROW, COMPACT, HIDDEN (no RELAXED)
+ * - 6 modes: STACKED, INLINE, SETTINGS_ROW, TILE, COMPACT, HIDDEN (no RELAXED)
  * - No error, required, saveState, disabled, or autosave indicator props
  * - No FieldError rendering
  *
@@ -53,6 +53,18 @@ export interface DisplayFieldChromeProps {
      * table cell or a card has no room for a provenance note, and the cue belongs where one record is read.
      */
     provenance?: DisplayFieldProvenance;
+    /**
+     * The value is wide (a list, an object, a file, long text): in TILE mode it takes a whole row of the
+     * `<FieldTiles>` grid. Decided by the field gate from the value's shape (`isWideDisplayValue`); inert
+     * in every other mode.
+     */
+    wide?: boolean;
+    /**
+     * Name the value for assistive technology when the chrome shows no name (HIDDEN and COMPACT): a summary
+     * — a card, an FK preview, a search hit — shows bare values, and a screen reader then heard a column of
+     * values with nothing to bind them to (audit B-10). Set by the field gate on SUMMARY surfaces.
+     */
+    announceName?: boolean;
     className?: string;
     children: ReactNode;
 }
@@ -69,6 +81,6 @@ export interface DisplayFieldChromeProps {
  * breakpoint remounted the control (#1191); display follows so the two stay aligned.
  */
 declare function resolveEffectiveDisplayChromeMode(chromeMode: ResponsiveAware<DisplayChromeMode> | undefined, currentBreakpoint: ViewportBreakpoint): DisplayChromeMode;
-declare function DisplayFieldChrome({ mode, label, labelStyle, description, tooltip, name, labelPlacement, hideLabel, hideDescription, provenance, className, children, }: DisplayFieldChromeProps): React.JSX.Element;
+declare function DisplayFieldChrome({ mode, label, labelStyle, description, tooltip, name, labelPlacement, hideLabel, hideDescription, provenance, wide, announceName, className, children, }: DisplayFieldChromeProps): React.JSX.Element;
 export { DisplayFieldChrome, resolveEffectiveDisplayChromeMode };
 //# sourceMappingURL=DisplayFieldChrome.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayFieldChrome.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/chromes/DisplayFieldChrome.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,eAAe,EACrB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,EAAoE,KAAK,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAI/I,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wGAAwG,CAAA;AAEpJ,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sFAAsF;IACtF,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAOD;;;;;;;;;;;GAWG;AACH,iBAAS,iCAAiC,CACxC,UAAU,EAAE,eAAe,CAAC,iBAAiB,CAAC,GAAG,SAAS,EAC1D,iBAAiB,EAAE,kBAAkB,GACpC,iBAAiB,CAQnB;AAmCD,iBAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,EACP,IAAI,EACJ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgP7C;AAID,OAAO,EAAE,kBAAkB,EAAE,iCAAiC,EAAE,CAAA"}
+{"version":3,"file":"DisplayFieldChrome.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/chromes/DisplayFieldChrome.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,eAAe,EACrB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,OAAO,EAAoF,KAAK,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAI/J,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wGAAwG,CAAA;AAKpJ,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sFAAsF;IACtF,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAOD;;;;;;;;;;;GAWG;AACH,iBAAS,iCAAiC,CACxC,UAAU,EAAE,eAAe,CAAC,iBAAiB,CAAC,GAAG,SAAS,EAC1D,iBAAiB,EAAE,kBAAkB,GACpC,iBAAiB,CAEnB;AAoCD,iBAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,EACP,IAAI,EACJ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,IAAI,EACJ,YAAoB,EACpB,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6S7C;AAID,OAAO,EAAE,kBAAkB,EAAE,iCAAiC,EAAE,CAAA"}

package/dist/esm/components/data-display/chromes/DisplayFieldChrome.js

@@ -4,14 +4,18 @@ import { useMemo } from "react";
 import { cn } from "../../../core/ui/cn.js";
 import { Field, FieldLabel, FieldDescription, FieldContent, FieldTitle, FieldVariants_Orientation, } from "../../../components/form/chromes/field.js";
 import { Tooltip, TooltipTrigger, TooltipContent } from "../../../components/overlays/floating/tooltip.js";
-import { DisplayLabelStyle, DisplayChromeMode, ViewportBreakpoint, } from "@wildo-ai/zod-decorators";
+import { DisplayLabelStyle, DisplayChromeMode, } from "@wildo-ai/zod-decorators";
 import { useIconRegistry } from "../../../core/icons/useIconRegistry.js";
 import { StandardIconReference, IconSize } from "../../../core/icons/icon-registry.frontend.schemas.js";
 import { useI18n } from "../../../core/i18n/useI18n.js";
-import { FrontendComponentType, ButtonSize, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
+import { resolveDeclaredDisplayChromeMode } from "./display-chrome-mode-resolution.js";
+import { FrontendComponentType, ButtonSize, SurfaceVariant, TypographyVariant, UIBehavior } from "@wildo-ai/presets-components-models";
 import { useUI } from "../../../core/ui/useUI.js";
 import { Button, ButtonVariants_Variant } from "../../../components/actions/button.js";
 import { DisplayFieldProvenanceNote } from "../../../components/data-display/external-data-provenance/DisplayFieldProvenanceNote.js";
+import { useInFieldTiles } from "../../../components/data-display/chromes/field-tiles.utils.js";
+import { FieldTileContentBoundary } from "../../../components/data-display/chromes/field-tile-boundaries.js";
+import { Surface } from "../../../components/sections/surface.js";
 // =============================================================================
 // VIEWPORT-AWARE MODE RESOLUTION
 // =============================================================================
@@ -28,12 +32,7 @@ import { DisplayFieldProvenanceNote } from "../../../components/data-display/ext
  * breakpoint remounted the control (#1191); display follows so the two stay aligned.
  */
 function resolveEffectiveDisplayChromeMode(chromeMode, currentBreakpoint) {
-    if (chromeMode === undefined || chromeMode === null) {
-        return DisplayChromeMode.STACKED;
-    }
-    return typeof chromeMode === "string"
-        ? chromeMode
-        : (chromeMode[currentBreakpoint] ?? chromeMode[ViewportBreakpoint.DESKTOP] ?? DisplayChromeMode.STACKED);
+    return resolveDeclaredDisplayChromeMode(chromeMode, currentBreakpoint) ?? DisplayChromeMode.STACKED;
 }
 // =============================================================================
 // TOOLTIP ICON HELPER
@@ -50,8 +49,9 @@ function DisplayTooltipIcon({ text }) {
 // =============================================================================
 // COMPONENT
 // =============================================================================
-function DisplayFieldChrome({ mode, label, labelStyle, description, tooltip, name, labelPlacement, hideLabel, hideDescription, provenance, className, children, }) {
+function DisplayFieldChrome({ mode, label, labelStyle, description, tooltip, name, labelPlacement, hideLabel, hideDescription, provenance, wide, announceName = false, className, children, }) {
     const { currentBreakpoint, isMobile, getRecipe } = useUI();
+    const inFieldTiles = useInFieldTiles();
     /*
      * A READ label is a TERM: it names the value beneath it and must not compete with it. The form's
      * `FieldLabel` is set in the foreground at the value's own size and weight, which is right above an
@@ -82,13 +82,43 @@ function DisplayFieldChrome({ mode, label, labelStyle, description, tooltip, nam
     const provenanceNote = showProvenance
         ? _jsx(DisplayFieldProvenanceNote, { provenance: provenance })
         : null;
-    const hiddenLabel = !hideLabel && !!label && effectiveLabelPlacement === 'hidden'
-        ? _jsx("span", { className: "sr-only", children: label })
+    // A name for assistive technology only where the chrome SHOWS none: a visible "Label:" beside a hidden
+    // "Label: " was heard twice on every summary value the naming rule names in INLINE (audit review, B-10).
+    const hiddenLabel = !showLabel && !hideLabel && !!label && (effectiveLabelPlacement === 'hidden' || announceName)
+        ? _jsx("span", { className: "sr-only", children: announceName ? `${label}: ` : label })
         : null;
     // ── HIDDEN mode: pass through ──
     if (effectiveMode === DisplayChromeMode.HIDDEN) {
         return _jsxs(_Fragment, { children: [hiddenLabel, children] });
     }
+    // ── TILE mode: the fact tile — quiet name above, the value below, on the theme's TILE surface ──
+    //
+    // The label speaks in the EYEBROW voice and the value in the body at medium weight, so the name of a
+    // fact never outweighs the fact (the settings-row label did, measured 2026-09-30: 14px/500 against a
+    // 14px/400 value). Inside `<FieldTiles>` the pair is a `<dt>`/`<dd>` of the host's `<dl>`; a tile used
+    // on its own keeps plain elements. No description line: a tile is one fact, and its tooltip carries the rest.
+    //
+    // The tile IS a `Surface` (variant TILE), not a div wearing its class: the TILE surface policy — values
+    // wrap rather than truncate, figures align as tabular — reaches the value only through the surface's
+    // policy context, so a tile that merely borrowed the recipe's class left that policy inert.
+    //
+    // Inside the host's `<dl>` every tile is a `<dt>`/`<dd>` group, so a tile whose label is hidden keeps
+    // its term, visually hidden: a `<dd>` with no `<dt>` is invalid there, and the name is what assistive
+    // technology reads. The provenance note belongs to the value, so it sits inside the `<dd>`. A description
+    // the field declares is carried by the tooltip, never dropped.
+    if (effectiveMode === DisplayChromeMode.TILE) {
+        const TermTag = inFieldTiles ? 'dt' : 'div';
+        const ValueTag = inFieldTiles ? 'dd' : 'div';
+        const term = showLabel ? label : (label ? _jsx("span", { className: "sr-only", children: label }) : null);
+        // A tile has no room for a description line, so a description the field DECLARES it shows reaches the
+        // reader through the tooltip instead of being dropped (audit B-7: the host outranked the declaration).
+        const tileTooltip = [tooltip, showDescription ? description : undefined].filter((text) => !!text).join(' — ') || undefined;
+        // The tile's VALUE is content outside the host, so the fields it renders (an array's items, an object's
+        // members) do not become tiles of their own (`FieldTileContentBoundary`, audit B-1).
+        // `asChild`: the Surface lends its recipe and policy to OUR element, so the tile keeps the field-chrome
+        // marker (`data-slot="field-chrome"`) every other chrome carries — a Surface root writes its own slot.
+        return (_jsx(Surface, { asChild: true, variant: SurfaceVariant.TILE, children: _jsxs("div", { "data-slot": "field-chrome", "data-chrome-mode": "tile", "data-field": name, "data-testid": name ? `field-${name}` : undefined, "data-guidance-field": name, "data-tile-span": wide ? 'full' : undefined, className: cn("flex min-w-0 flex-col gap-item p-card-sm", className), children: [term && (_jsxs(TermTag, { className: cn("flex min-w-0 items-center", showLabel && eyebrowRecipe.base), children: [term, showLabel && tileTooltip && _jsx(DisplayTooltipIcon, { text: tileTooltip })] })), _jsxs(ValueTag, { className: "m-0 min-w-0 font-medium [overflow-wrap:anywhere]", children: [_jsx(FieldTileContentBoundary, { children: children }), provenanceNote] })] }) }));
+    }
     // ── COMPACT mode: bare value, no chrome ──
     if (effectiveMode === DisplayChromeMode.COMPACT) {
         return (_jsxs("div", { "data-slot": "field-chrome", "data-chrome-mode": "compact", "data-label-placement": effectiveLabelPlacement, "data-field": name, "data-testid": name ? `field-${name}` : undefined, "data-guidance-field": name, className: className, children: [hiddenLabel, children] }));
@@ -134,7 +164,7 @@ function DisplayFieldChrome({ mode, label, labelStyle, description, tooltip, nam
             // (`py-card-sm`) to keep rows compact.
             "flex min-h-10 px-card py-card-sm border-b border-border last:border-b-0 hover:bg-muted/50 transition-colors", isMobile
                 ? "flex-col gap-element-xs"
-                : cn("flex-row gap-section", showDescription ? "items-start" : "items-center"), className), children: [_jsxs("div", { className: cn("flex min-w-0 flex-col gap-element-xs", !isMobile && "flex-1"), children: [hiddenLabel, showLabel && (_jsxs(FieldLabel, { children: [label, tooltip && _jsx(DisplayTooltipIcon, { text: tooltip })] })), showDescription && _jsx(FieldDescription, { children: description })] }), _jsxs("div", { className: cn("flex min-w-0 flex-col gap-element-xs", isMobile ? "w-full items-start text-start" : "w-72 max-w-[55%] shrink items-end text-end"), children: [children, provenanceNote] })] }));
+                : cn("flex-row gap-section", showDescription ? "items-start" : "items-center"), className), children: [_jsxs("div", { className: cn("flex min-w-0 flex-col gap-element-xs", !isMobile && "flex-1"), children: [hiddenLabel, showLabel && (_jsxs(FieldLabel, { children: [label, tooltip && _jsx(DisplayTooltipIcon, { text: tooltip })] })), showDescription && _jsx(FieldDescription, { children: description })] }), _jsxs("div", { className: cn("flex min-w-0 flex-col gap-element-xs font-medium", "[&>[data-list-shape=primitive]]:flex-row [&>[data-list-shape=primitive]]:flex-wrap [&>[data-list-shape=primitive]]:gap-x-element", isMobile ? "w-full items-start text-start" : "w-72 max-w-[55%] shrink items-end text-end [&>[data-list-shape=primitive]]:justify-end"), children: [children, provenanceNote] })] }));
     }
     // ── Horizontal label modes ──
     if (effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline') {

package/dist/esm/components/data-display/chromes/DisplayFieldChrome.js.map

@@ -1 +1 @@
-{"version":3,"file":"DisplayFieldChrome.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/chromes/DisplayFieldChrome.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAkCZ,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAA;AACnD,OAAO,EACL,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,yBAAyB,GAC1B,MAAM,mDAAmD,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,0DAA0D,CAAA;AAClH,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,GAEnB,MAAM,0BAA0B,CAAA;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,gDAAgD,CAAA;AAChF,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,+DAA+D,CAAA;AAC/G,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAC/D,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,iBAAiB,EAAE,UAAU,EAA2B,MAAM,qCAAqC,CAAA;AAC/I,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAA;AAC9F,OAAO,EAAE,0BAA0B,EAAE,MAAM,iGAAiG,CAAA;AA4B5I,gFAAgF;AAChF,iCAAiC;AACjC,gFAAgF;AAEhF;;;;;;;;;;;GAWG;AACH,SAAS,iCAAiC,CACxC,UAA0D,EAC1D,iBAAqC;IAErC,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI,EAAE,CAAC;QACpD,OAAO,iBAAiB,CAAC,OAAO,CAAC;IACnC,CAAC;IAED,OAAO,OAAO,UAAU,KAAK,QAAQ;QACnC,CAAC,CAAC,UAAU;QACZ,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,UAAU,CAAC,kBAAkB,CAAC,OAAO,CAAC,IAAI,iBAAiB,CAAC,OAAO,CAAC,CAAC;AAC7G,CAAC;AAED,gFAAgF;AAChF,sBAAsB;AACtB,gFAAgF;AAEhF,SAAS,kBAAkB,CAAC,EAAE,IAAI,EAAoB;IACpD,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC;QACtC,SAAS,EAAE,qBAAqB,CAAC,oBAAoB;KACtD,CAAC,CAAC;IACH,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAC1B,OAAO,CACL,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,MAAM,IACL,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,sBAAsB,CAAC,KAAK,EACrC,IAAI,EAAE,UAAU,CAAC,OAAO,EACxB,SAAS,EAAC,mBAAmB,gBACjB,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,EACrF,QAAQ,EAAE,CAAC,CAAC,YAEX,UAAU,CAAC,qBAAqB,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GACvD,GACM,EACjB,KAAC,cAAc,cAAE,IAAI,GAAkB,IAC/B,CACX,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,OAAO,EACP,IAAI,EACJ,cAAc,EACd,SAAS,EACT,eAAe,EACf,UAAU,EACV,SAAS,EACT,QAAQ,GACgB;IACxB,MAAM,EAAE,iBAAiB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAC3D;;;;;;;;;OASG;IACH,MAAM,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACnF,0GAA0G;IAC1G,MAAM,aAAa,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAElF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,iCAAiC,CAAC,IAAI,EAAE,iBAAiB,CAAC,EAChE,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAC1B,CAAC;IAEF;;;;;;OAMG;IACH,MAAM,uBAAuB,GAAG,cAAc,IAAI,CAAC,aAAa,KAAK,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACjH,MAAM,SAAS,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,IAAI,uBAAuB,KAAK,QAAQ,IAAI,aAAa,KAAK,iBAAiB,CAAC,OAAO,IAAI,aAAa,KAAK,iBAAiB,CAAC,MAAM,CAAC;IAC7K,MAAM,eAAe,GAAG,CAAC,eAAe,IAAI,CAAC,CAAC,WAAW,IAAI,aAAa,KAAK,iBAAiB,CAAC,OAAO,IAAI,aAAa,KAAK,iBAAiB,CAAC,MAAM,CAAC;IACvJ,+GAA+G;IAC/G,oGAAoG;IACpG,MAAM,cAAc,GAAG,CAAC,CAAC,UAAU,CAAC;IACpC,MAAM,cAAc,GAAG,cAAc;QACnC,CAAC,CAAC,KAAC,0BAA0B,IAAC,UAAU,EAAE,UAAU,GAAI;QACxD,CAAC,CAAC,IAAI,CAAC;IACT,MAAM,WAAW,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,KAAK,IAAI,uBAAuB,KAAK,QAAQ;QAC/E,CAAC,CAAC,eAAM,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ;QAC1C,CAAC,CAAC,IAAI,CAAC;IAET,kCAAkC;IAClC,IAAI,aAAa,KAAK,iBAAiB,CAAC,MAAM,EAAE,CAAC;QAC/C,OAAO,8BAAG,WAAW,EAAE,QAAQ,IAAI,CAAC;IACtC,CAAC;IAED,4CAA4C;IAC5C,IAAI,aAAa,KAAK,iBAAiB,CAAC,OAAO,EAAE,CAAC;QAChD,OAAO,CACL,4BACY,cAAc,sBACP,SAAS,0BACJ,uBAAuB,gBACjC,IAAI,iBACH,IAAI,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,yBAC1B,IAAI,EACzB,SAAS,EAAE,SAAS,aAEnB,WAAW,EACX,QAAQ,IACL,CACP,CAAC;IACJ,CAAC;IAED,oDAAoD;IACpD,iGAAiG;IACjG,iGAAiG;IACjG,mGAAmG;IACnG,iDAAiD;IACjD,EAAE;IACF,+FAA+F;IAC/F,kGAAkG;IAClG,4FAA4F;IAC5F,kGAAkG;IAClG,IAAI,aAAa,KAAK,iBAAiB,CAAC,MAAM,EAAE,CAAC;QAC/C,OAAO,CACL,4BACY,cAAc,sBACP,QAAQ,0BACH,uBAAuB,gBACjC,IAAI,iBACH,IAAI,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,yBAC1B,IAAI,EACzB,SAAS,EAAE,EAAE,CAAC,0DAA0D,EAAE,SAAS,CAAC,aAEnF,WAAW,EACX,SAAS,IAAI,CACZ,gBAAM,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,IAAI,CAAC,aAC7C,KAAK,OACL,OAAO,IAAI,KAAC,kBAAkB,IAAC,IAAI,EAAE,OAAO,GAAI,IAC5C,CACR,EACD,cAAK,SAAS,EAAC,SAAS,YAAE,QAAQ,GAAO,EACxC,eAAe,IAAI,KAAC,gBAAgB,IAAC,SAAS,EAAC,QAAQ,YAAE,WAAW,GAAoB,EACxF,cAAc,IAAI,KAAC,0BAA0B,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAC,QAAQ,GAAG,IACxF,CACP,CAAC;IACJ,CAAC;IAED,2EAA2E;IAC3E,iFAAiF;IACjF,mFAAmF;IACnF,8EAA8E;IAC9E,8EAA8E;IAC9E,0EAA0E;IAC1E,2EAA2E;IAC3E,4EAA4E;IAC5E,kBAAkB;IAClB,EAAE;IACF,gFAAgF;IAChF,oFAAoF;IACpF,IAAI,aAAa,KAAK,iBAAiB,CAAC,YAAY,EAAE,CAAC;QACrD,OAAO,CACL,4BACY,cAAc,sBACP,cAAc,8BACL,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,0BACpC,uBAAuB,gBACjC,IAAI,iBACH,IAAI,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,yBAC1B,IAAI,EACzB,SAAS,EAAE,EAAE;YACX,yEAAyE;YACzE,oEAAoE;YACpE,yEAAyE;YACzE,wEAAwE;YACxE,yEAAyE;YACzE,2EAA2E;YAC3E,oEAAoE;YACpE,sEAAsE;YACtE,yEAAyE;YACzE,wEAAwE;YACxE,uEAAuE;YACvE,uCAAuC;YACvC,6GAA6G,EAC7G,QAAQ;gBACN,CAAC,CAAC,yBAAyB;gBAC3B,CAAC,CAAC,EAAE,CAAC,sBAAsB,EAAE,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,EAChF,SAAS,CACV,aAKD,eAAK,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAC9E,WAAW,EACX,SAAS,IAAI,CACZ,MAAC,UAAU,eACR,KAAK,EACL,OAAO,IAAI,KAAC,kBAAkB,IAAC,IAAI,EAAE,OAAO,GAAI,IACtC,CACd,EACA,eAAe,IAAI,KAAC,gBAAgB,cAAE,WAAW,GAAoB,IAClE,EAKN,eACE,SAAS,EAAE,EAAE,CACX,sCAAsC,EACtC,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,4CAA4C,CAC1F,aAEA,QAAQ,EACR,cAAc,IACX,IACF,CACP,CAAC;IACJ,CAAC;IAED,+BAA+B;IAC/B,IAAI,uBAAuB,KAAK,OAAO,IAAI,uBAAuB,KAAK,QAAQ,EAAE,CAAC;QAChF,MAAM,iBAAiB,GAAG,uBAAuB,KAAK,QAAQ,CAAC;QAC/D,OAAO,CACL,MAAC,KAAK,IACJ,WAAW,EAAE,yBAAyB,CAAC,UAAU,eACvC,cAAc,sBACP,QAAQ,0BACH,uBAAuB,gBACjC,IAAI,iBACH,IAAI,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,yBAC1B,IAAI,EACzB,SAAS,EAAE,EAAE,CAAC,iBAAiB,IAAI,kBAAkB,EAAE,SAAS,CAAC,aAEhE,WAAW,EACZ,MAAC,YAAY,eACV,SAAS,IAAI,CACZ,KAAC,UAAU,cAET,MAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,aACnC,KAAK,EACL,OAAO,IAAI,KAAC,kBAAkB,IAAC,IAAI,EAAE,OAAO,GAAI,IACtC,GACF,CACd,EACA,eAAe,IAAI,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EACrE,cAAc,IACF,EACd,QAAQ,IACH,CACT,CAAC;IACJ,CAAC;IAED,sEAAsE;IACtE,OAAO,CACL,MAAC,KAAK,IACJ,WAAW,EAAE,yBAAyB,CAAC,QAAQ,eACrC,cAAc,sBACP,SAAS,0BACJ,uBAAuB,gBACjC,IAAI,iBACH,IAAI,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,yBAC1B,IAAI,EACzB,SAAS,EAAE,SAAS,aAEnB,WAAW,EACX,SAAS,IAAI,CACZ,UAAU,KAAK,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC;YACvC;;;;eAIG;YACH,eAAK,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,IAAI,CAAC,aACjD,KAAK,EACL,OAAO,IAAI,KAAC,kBAAkB,IAAC,IAAI,EAAE,OAAO,GAAI,IAC7C,CACP,CAAC,CAAC,CAAC,CACF,MAAC,UAAU,IAAC,SAAS,EAAE,UAAU,CAAC,IAAI,aACnC,KAAK,EACL,OAAO,IAAI,KAAC,kBAAkB,IAAC,IAAI,EAAE,OAAO,GAAI,IACtC,CACd,CACF,EACA,QAAQ,EACR,eAAe,IAAI,KAAC,gBAAgB,cAAE,WAAW,GAAoB,EACrE,cAAc,IACT,CACT,CAAC;AACJ,CAAC;AAED,CAAC;AAAC,kBAA0E,CAAC,WAAW,GAAG,oBAAoB,CAAA;AAE/G,OAAO,EAAE,kBAAkB,EAAE,iCAAiC,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldChrome — centralized chrome (label, description, tooltip) wrapper\n * for display fields.\n *\n * Parallel to FormFieldChrome but simplified for read-only display context:\n * - 5 modes: STACKED, INLINE, SETTINGS_ROW, COMPACT, HIDDEN (no RELAXED)\n * - No error, required, saveState, disabled, or autosave indicator props\n * - No FieldError rendering\n *\n * Chrome mode is resolved via a two-phase cascade:\n *   Phase 1 (DisplayField): field decorator → section default → display default → surface policy → STACKED\n *   Phase 2 (here): responsive viewport resolution via useUI()\n *\n * ## data-field safety net\n *\n * Every mode that renders a WRAPPER puts `data-field={name}` on it, so guidance\n * targeting and DOM queries can locate the field node regardless of what the\n * inner value component does with its own attributes.\n *\n * `HIDDEN` is the one exception, and it is not a gap: that mode's whole contract\n * is \"no chrome at all — bare value output\", so it returns `children` directly\n * with no element of its own to carry the attribute. A caller that needs the\n * field locatable in the DOM must therefore not use `HIDDEN`; `COMPACT` is the\n * mode that drops the label and KEEPS the wrapper. Measured 2026-09-18 in the\n * browser (Labs → Field Chrome Modes): COMPACT emits\n * `<div data-slot=\"field-chrome\" data-chrome-mode=\"compact\" data-field=…>` while\n * HIDDEN emits the bare value node. This paragraph previously said \"every\n * visible chrome mode … can ALWAYS locate\", which reads as a guarantee with no\n * exception and is the sentence a guidance author would rely on.\n */\n\nimport * as React from \"react\"\nimport { useMemo } from \"react\"\n\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\nimport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldContent,\n  FieldTitle,\n  FieldVariants_Orientation,\n} from \"~wildo-frontend-lib/components/form/chromes/field\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"~wildo-frontend-lib/components/overlays/floating/tooltip\"\nimport {\n  DisplayLabelStyle,\n  DisplayChromeMode,\n  ViewportBreakpoint,\n  type ResponsiveAware,\n} from \"@wildo-ai/zod-decorators\"\nimport type { ReactNode } from 'react'\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\"\nimport { StandardIconReference, IconSize } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { FrontendComponentType, ButtonSize, TypographyVariant, UIBehavior, type AutoLabelPlacement } from \"@wildo-ai/presets-components-models\"\nimport { useUI } from \"~wildo-frontend-lib/core/ui/useUI\"\nimport { Button, ButtonVariants_Variant } from \"~wildo-frontend-lib/components/actions/button\"\nimport { DisplayFieldProvenanceNote } from \"~wildo-frontend-lib/components/data-display/external-data-provenance/DisplayFieldProvenanceNote\"\nimport type { DisplayFieldProvenance } from \"~wildo-frontend-lib/components/data-display/external-data-provenance/external-data-provenance.frontend\"\n\nexport interface DisplayFieldChromeProps {\n  mode?: ResponsiveAware<DisplayChromeMode>\n  label?: string\n  /** Label styling, orthogonal to the chrome mode's layout. See `DisplayLabelStyle`. */\n  labelStyle?: DisplayLabelStyle\n  description?: string\n  tooltip?: string\n  name?: string\n  labelPlacement?: AutoLabelPlacement\n  hideLabel?: boolean\n  hideDescription?: boolean\n  /**\n   * Where the value came from, for a field an external-data pipeline writes (#1997): \"Synced from Odoo · as of\n   * 12 minutes ago\". The chrome places it beneath the value in the description voice, so it reads as a note about the\n   * value rather than as a second label; `DisplayFieldProvenanceNote` composes the words from the i18n tree.\n   *\n   * Shown in every mode that renders chrome and suppressed in COMPACT and HIDDEN, which are the bare-value modes: a\n   * table cell or a card has no room for a provenance note, and the cue belongs where one record is read.\n   */\n  provenance?: DisplayFieldProvenance\n  className?: string\n  children: ReactNode\n}\n\n\n// =============================================================================\n// VIEWPORT-AWARE MODE RESOLUTION\n// =============================================================================\n\n/**\n * Resolves a potentially responsive DisplayChromeMode to a single concrete mode\n * for the current viewport.\n *\n * Fallback chain: mode[currentBreakpoint] → mode[DESKTOP] → STACKED\n *\n * SETTINGS_ROW is not collapsed to STACKED on mobile: the row stacks its value\n * beneath the label itself (see the SETTINGS_ROW branch), mirroring\n * FormFieldChrome so a view→edit drill keeps the same geometry at every width.\n * The edit twin stopped collapsing because swapping the chrome's root element on a\n * breakpoint remounted the control (#1191); display follows so the two stay aligned.\n */\nfunction resolveEffectiveDisplayChromeMode(\n  chromeMode: ResponsiveAware<DisplayChromeMode> | undefined,\n  currentBreakpoint: ViewportBreakpoint,\n): DisplayChromeMode {\n  if (chromeMode === undefined || chromeMode === null) {\n    return DisplayChromeMode.STACKED;\n  }\n\n  return typeof chromeMode === \"string\"\n    ? chromeMode\n    : (chromeMode[currentBreakpoint] ?? chromeMode[ViewportBreakpoint.DESKTOP] ?? DisplayChromeMode.STACKED);\n}\n\n// =============================================================================\n// TOOLTIP ICON HELPER\n// =============================================================================\n\nfunction DisplayTooltipIcon({ text }: { text: string }): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry();\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_FIELD,\n  });\n  if (!isReady) return null;\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          className=\"ms-1 rounded-full\"\n          aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'moreInformation')}\n          tabIndex={-1}\n        >\n          {renderIcon(StandardIconReference.INFO, { size: IconSize.XS })}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>{text}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction DisplayFieldChrome({\n  mode,\n  label,\n  labelStyle,\n  description,\n  tooltip,\n  name,\n  labelPlacement,\n  hideLabel,\n  hideDescription,\n  provenance,\n  className,\n  children,\n}: DisplayFieldChromeProps): React.JSX.Element {\n  const { currentBreakpoint, isMobile, getRecipe } = useUI();\n  /*\n   * A READ label is a TERM: it names the value beneath it and must not compete with it. The form's\n   * `FieldLabel` is set in the foreground at the value's own size and weight, which is right above an\n   * input (the label is what you read first) and wrong above a value, where it made every stacked\n   * read-only field one undifferentiated run of text — measured on the workbench's Roadmap and Build\n   * plan pages, where \"Sequence\", \"Theme\" and \"Objective\" could not be told from their answers.\n   *\n   * The DESCRIPTION recipe is the one the description list's `DescriptionTerm` already uses for the\n   * same job, so a stacked field and a description-list row name their values in one voice.\n   */\n  const termRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n  /* The TITLE label style's voice: the theme's small label above a section, not a class list of its own. */\n  const eyebrowRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.EYEBROW);\n\n  const effectiveMode = useMemo(\n    () => resolveEffectiveDisplayChromeMode(mode, currentBreakpoint),\n    [mode, currentBreakpoint],\n  );\n\n  /*\n   * INLINE mode defaults to label-FIRST ('start': \"Metric — value\"), not the suffix 'inline'\n   * placement — a labelled fact row reads label-first, and the suffix style stays reachable by\n   * passing `labelPlacement: 'inline'` explicitly. Safe to (re)decide 2026-08-31: until the\n   * surface-policy precedence fix landed the same day, INLINE mode was unreachable from\n   * decorators on any surface declaring an auto placement, so no consumer saw either default.\n   */\n  const effectiveLabelPlacement = labelPlacement ?? (effectiveMode === DisplayChromeMode.INLINE ? 'start' : 'top');\n  const showLabel = !hideLabel && !!label && effectiveLabelPlacement !== 'hidden' && effectiveMode !== DisplayChromeMode.COMPACT && effectiveMode !== DisplayChromeMode.HIDDEN;\n  const showDescription = !hideDescription && !!description && effectiveMode !== DisplayChromeMode.COMPACT && effectiveMode !== DisplayChromeMode.HIDDEN;\n  // No mode test here on purpose: the COMPACT and HIDDEN branches below return before any note is placed, so the\n  // bare-value modes carry none by construction (pinned in display-field-provenance-chrome.test.tsx).\n  const showProvenance = !!provenance;\n  const provenanceNote = showProvenance\n    ? <DisplayFieldProvenanceNote provenance={provenance} />\n    : null;\n  const hiddenLabel = !hideLabel && !!label && effectiveLabelPlacement === 'hidden'\n    ? <span className=\"sr-only\">{label}</span>\n    : null;\n\n  // ── HIDDEN mode: pass through ──\n  if (effectiveMode === DisplayChromeMode.HIDDEN) {\n    return <>{hiddenLabel}{children}</>;\n  }\n\n  // ── COMPACT mode: bare value, no chrome ──\n  if (effectiveMode === DisplayChromeMode.COMPACT) {\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"compact\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={name}\n        data-testid={name ? `field-${name}` : undefined}\n        data-guidance-field={name}\n        className={className}\n      >\n        {hiddenLabel}\n        {children}\n      </div>\n    );\n  }\n\n  // ── INLINE mode: a snug \"Label: value\" fact row ──\n  // The label reads as a prefix with a colon, the value directly beside it — one labelled fact per\n  // line (\"Metric: within one day\"), wrapping when the value is long. This is deliberately NOT the\n  // horizontal Field layout (label left, value pinned to the inline-end edge): a fact row is read as\n  // one sentence, not scanned as a settings table.\n  //\n  // The prefix is the same muted TERM as a stacked label (since 2026-09-25). It was a small bold\n  // foreground prefix, chosen while stacked labels were foreground too; once those became terms, an\n  // entry mixing the two modes named its facts in two voices — \"Target window:\" dark and bold\n  // beneath a muted \"Objective\" — which is the inconsistency a reader sees before reading anything.\n  if (effectiveMode === DisplayChromeMode.INLINE) {\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"inline\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={name}\n        data-testid={name ? `field-${name}` : undefined}\n        data-guidance-field={name}\n        className={cn(\"flex flex-wrap items-baseline gap-x-1.5 gap-y-element-xs\", className)}\n      >\n        {hiddenLabel}\n        {showLabel && (\n          <span className={cn(\"shrink-0\", termRecipe.base)}>\n            {label}:\n            {tooltip && <DisplayTooltipIcon text={tooltip} />}\n          </span>\n        )}\n        <div className=\"min-w-0\">{children}</div>\n        {showDescription && <FieldDescription className=\"w-full\">{description}</FieldDescription>}\n        {showProvenance && <DisplayFieldProvenanceNote provenance={provenance} className=\"w-full\" />}\n      </div>\n    );\n  }\n\n  // ── SETTINGS_ROW mode: a self-contained settings list-item (read mode) ──\n  // Read-mode counterpart of the form's SETTINGS_ROW (FormFieldChrome) — IDENTICAL\n  // row geometry (same `py-group` rhythm, same hairline `border-b … last:border-b-0`\n  // divider, same fixed-width inline-end column) so a view→edit drill keeps the\n  // value/control in the same place and a read-only settings list reads exactly\n  // like its editable twin. Values right-align to the row's inline-end edge\n  // (`items-end text-end`) so badges / ✓✗ booleans / text all share one edge\n  // instead of the previous ragged 200–320px box. See FormFieldChrome for the\n  // full rationale.\n  //\n  // On a MOBILE viewport the row keeps its shell and stacks the value beneath the\n  // label (the same element structure, only classes change), mirroring the edit twin.\n  if (effectiveMode === DisplayChromeMode.SETTINGS_ROW) {\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"settings_row\"\n        data-settings-row-layout={isMobile ? \"stacked\" : undefined}\n        data-label-placement={effectiveLabelPlacement}\n        data-field={name}\n        data-testid={name ? `field-${name}` : undefined}\n        data-guidance-field={name}\n        className={cn(\n          // Row rhythm (T4): a compact min-height + a subtle hover affordance so a\n          // settings list reads as scannable rows, not a flat stack. Vertical\n          // alignment is CONTENT-AWARE: a single-line row (no description) CENTERS\n          // its label + control in the min-height (`items-center`) so there is no\n          // dead space below the label — this is what made the rows read too tall;\n          // a row WITH a description top-aligns (`items-start`) so the control lines\n          // up with the label's first line and the description flows beneath.\n          // The row OWNS its inline padding (`px-card`): inside a CARD settings\n          // list the body is padding-less, so the row's `border-b` runs full-bleed\n          // to the card edge while `px-card` keeps the text inset; in a flat host\n          // the same `px-card` gives consistent inset. Block padding stays tight\n          // (`py-card-sm`) to keep rows compact.\n          \"flex min-h-10 px-card py-card-sm border-b border-border last:border-b-0 hover:bg-muted/50 transition-colors\",\n          isMobile\n            ? \"flex-col gap-element-xs\"\n            : cn(\"flex-row gap-section\", showDescription ? \"items-start\" : \"items-center\"),\n          className,\n        )}\n      >\n        {/* Inline-start: label + description. The label stays the FORM label here, deliberately not\n            the muted term the other read modes use: a settings row mirrors its editable twin, where\n            the label is the setting's name and reads first, so a view→edit drill keeps its voice. */}\n        <div className={cn(\"flex min-w-0 flex-col gap-element-xs\", !isMobile && \"flex-1\")}>\n          {hiddenLabel}\n          {showLabel && (\n            <FieldLabel>\n              {label}\n              {tooltip && <DisplayTooltipIcon text={tooltip} />}\n            </FieldLabel>\n          )}\n          {showDescription && <FieldDescription>{description}</FieldDescription>}\n        </div>\n        {/* Inline-end: value, right-pinned to the row's inline-end edge. `w-72` is\n            the shared target width; `shrink` + `min-w-0` (NOT `shrink-0`) keeps the\n            column compressible so the row can never outgrow a padded CARD fieldset\n            and clip against its border — mirrors the edit-mode FormFieldChrome twin. */}\n        <div\n          className={cn(\n            \"flex min-w-0 flex-col gap-element-xs\",\n            isMobile ? \"w-full items-start text-start\" : \"w-72 max-w-[55%] shrink items-end text-end\",\n          )}\n        >\n          {children}\n          {provenanceNote}\n        </div>\n      </div>\n    );\n  }\n\n  // ── Horizontal label modes ──\n  if (effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline') {\n    const isInlinePlacement = effectiveLabelPlacement === 'inline';\n    return (\n      <Field\n        orientation={FieldVariants_Orientation.HORIZONTAL}\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"inline\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={name}\n        data-testid={name ? `field-${name}` : undefined}\n        data-guidance-field={name}\n        className={cn(isInlinePlacement && \"flex-row-reverse\", className)}\n      >\n        {hiddenLabel}\n        <FieldContent>\n          {showLabel && (\n            <FieldTitle>\n              {/* The same muted TERM as the stacked and inline labels — one voice for naming a value. */}\n              <FieldLabel className={termRecipe.base}>\n                {label}\n                {tooltip && <DisplayTooltipIcon text={tooltip} />}\n              </FieldLabel>\n            </FieldTitle>\n          )}\n          {showDescription && <FieldDescription>{description}</FieldDescription>}\n          {provenanceNote}\n        </FieldContent>\n        {children}\n      </Field>\n    );\n  }\n\n  // ── STACKED mode (default): label above, value, description below ──\n  return (\n    <Field\n      orientation={FieldVariants_Orientation.VERTICAL}\n      data-slot=\"field-chrome\"\n      data-chrome-mode=\"stacked\"\n      data-label-placement={effectiveLabelPlacement}\n      data-field={name}\n      data-testid={name ? `field-${name}` : undefined}\n      data-guidance-field={name}\n      className={className}\n    >\n      {hiddenLabel}\n      {showLabel && (\n        labelStyle === DisplayLabelStyle.TITLE ? (\n          /*\n           * TITLE label style: the label reads as a SMALL TITLE above its content — for a field\n           * acting as a mini-section inside a prose flow (\"Who suffers it\" above its answer),\n           * where the ordinary muted label would not carry the structure.\n           */\n          <div className={cn(\"pt-item-xs\", eyebrowRecipe.base)}>\n            {label}\n            {tooltip && <DisplayTooltipIcon text={tooltip} />}\n          </div>\n        ) : (\n          <FieldLabel className={termRecipe.base}>\n            {label}\n            {tooltip && <DisplayTooltipIcon text={tooltip} />}\n          </FieldLabel>\n        )\n      )}\n      {children}\n      {showDescription && <FieldDescription>{description}</FieldDescription>}\n      {provenanceNote}\n    </Field>\n  );\n}\n\n;(DisplayFieldChrome as typeof DisplayFieldChrome & { displayName: string }).displayName = \"DisplayFieldChrome\"\n\nexport { DisplayFieldChrome, resolveEffectiveDisplayChromeMode }\n"]}
+{"version":3,"file":"DisplayFieldChrome.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/chromes/DisplayFieldChrome.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldChrome — centralized chrome (label, description, tooltip) wrapper\n * for display fields.\n *\n * Parallel to FormFieldChrome but simplified for read-only display context:\n * - 6 modes: STACKED, INLINE, SETTINGS_ROW, TILE, COMPACT, HIDDEN (no RELAXED)\n * - No error, required, saveState, disabled, or autosave indicator props\n * - No FieldError rendering\n *\n * Chrome mode is resolved via a two-phase cascade:\n *   Phase 1 (DisplayField): field decorator → section default → display default → surface policy → STACKED\n *   Phase 2 (here): responsive viewport resolution via useUI()\n *\n * ## data-field safety net\n *\n * Every mode that renders a WRAPPER puts `data-field={name}` on it, so guidance\n * targeting and DOM queries can locate the field node regardless of what the\n * inner value component does with its own attributes.\n *\n * `HIDDEN` is the one exception, and it is not a gap: that mode's whole contract\n * is \"no chrome at all — bare value output\", so it returns `children` directly\n * with no element of its own to carry the attribute. A caller that needs the\n * field locatable in the DOM must therefore not use `HIDDEN`; `COMPACT` is the\n * mode that drops the label and KEEPS the wrapper. Measured 2026-09-18 in the\n * browser (Labs → Field Chrome Modes): COMPACT emits\n * `<div data-slot=\"field-chrome\" data-chrome-mode=\"compact\" data-field=…>` while\n * HIDDEN emits the bare value node. This paragraph previously said \"every\n * visible chrome mode … can ALWAYS locate\", which reads as a guarantee with no\n * exception and is the sentence a guidance author would rely on.\n */\n\nimport * as React from \"react\"\nimport { useMemo } from \"react\"\n\nimport { cn } from \"~wildo-frontend-lib/core/ui/cn\"\nimport {\n  Field,\n  FieldLabel,\n  FieldDescription,\n  FieldContent,\n  FieldTitle,\n  FieldVariants_Orientation,\n} from \"~wildo-frontend-lib/components/form/chromes/field\"\nimport { Tooltip, TooltipTrigger, TooltipContent } from \"~wildo-frontend-lib/components/overlays/floating/tooltip\"\nimport {\n  DisplayLabelStyle,\n  DisplayChromeMode,\n  ViewportBreakpoint,\n  type ResponsiveAware,\n} from \"@wildo-ai/zod-decorators\"\nimport type { ReactNode } from 'react'\nimport { useIconRegistry } from \"~wildo-frontend-lib/core/icons/useIconRegistry\"\nimport { StandardIconReference, IconSize } from \"~wildo-frontend-lib/core/icons/icon-registry.frontend.schemas\"\nimport { useI18n } from \"~wildo-frontend-lib/core/i18n/useI18n\"\nimport { resolveDeclaredDisplayChromeMode } from \"./display-chrome-mode-resolution\"\nimport { FrontendComponentType, ButtonSize, SurfaceVariant, TypographyVariant, UIBehavior, type AutoLabelPlacement } from \"@wildo-ai/presets-components-models\"\nimport { useUI } from \"~wildo-frontend-lib/core/ui/useUI\"\nimport { Button, ButtonVariants_Variant } from \"~wildo-frontend-lib/components/actions/button\"\nimport { DisplayFieldProvenanceNote } from \"~wildo-frontend-lib/components/data-display/external-data-provenance/DisplayFieldProvenanceNote\"\nimport type { DisplayFieldProvenance } from \"~wildo-frontend-lib/components/data-display/external-data-provenance/external-data-provenance.frontend\"\nimport { useInFieldTiles } from \"~wildo-frontend-lib/components/data-display/chromes/field-tiles.utils\"\nimport { FieldTileContentBoundary } from \"~wildo-frontend-lib/components/data-display/chromes/field-tile-boundaries\"\nimport { Surface } from \"~wildo-frontend-lib/components/sections/surface\"\n\nexport interface DisplayFieldChromeProps {\n  mode?: ResponsiveAware<DisplayChromeMode>\n  label?: string\n  /** Label styling, orthogonal to the chrome mode's layout. See `DisplayLabelStyle`. */\n  labelStyle?: DisplayLabelStyle\n  description?: string\n  tooltip?: string\n  name?: string\n  labelPlacement?: AutoLabelPlacement\n  hideLabel?: boolean\n  hideDescription?: boolean\n  /**\n   * Where the value came from, for a field an external-data pipeline writes (#1997): \"Synced from Odoo · as of\n   * 12 minutes ago\". The chrome places it beneath the value in the description voice, so it reads as a note about the\n   * value rather than as a second label; `DisplayFieldProvenanceNote` composes the words from the i18n tree.\n   *\n   * Shown in every mode that renders chrome and suppressed in COMPACT and HIDDEN, which are the bare-value modes: a\n   * table cell or a card has no room for a provenance note, and the cue belongs where one record is read.\n   */\n  provenance?: DisplayFieldProvenance\n  /**\n   * The value is wide (a list, an object, a file, long text): in TILE mode it takes a whole row of the\n   * `<FieldTiles>` grid. Decided by the field gate from the value's shape (`isWideDisplayValue`); inert\n   * in every other mode.\n   */\n  wide?: boolean\n  /**\n   * Name the value for assistive technology when the chrome shows no name (HIDDEN and COMPACT): a summary\n   * — a card, an FK preview, a search hit — shows bare values, and a screen reader then heard a column of\n   * values with nothing to bind them to (audit B-10). Set by the field gate on SUMMARY surfaces.\n   */\n  announceName?: boolean\n  className?: string\n  children: ReactNode\n}\n\n\n// =============================================================================\n// VIEWPORT-AWARE MODE RESOLUTION\n// =============================================================================\n\n/**\n * Resolves a potentially responsive DisplayChromeMode to a single concrete mode\n * for the current viewport.\n *\n * Fallback chain: mode[currentBreakpoint] → mode[DESKTOP] → STACKED\n *\n * SETTINGS_ROW is not collapsed to STACKED on mobile: the row stacks its value\n * beneath the label itself (see the SETTINGS_ROW branch), mirroring\n * FormFieldChrome so a view→edit drill keeps the same geometry at every width.\n * The edit twin stopped collapsing because swapping the chrome's root element on a\n * breakpoint remounted the control (#1191); display follows so the two stay aligned.\n */\nfunction resolveEffectiveDisplayChromeMode(\n  chromeMode: ResponsiveAware<DisplayChromeMode> | undefined,\n  currentBreakpoint: ViewportBreakpoint,\n): DisplayChromeMode {\n  return resolveDeclaredDisplayChromeMode(chromeMode, currentBreakpoint) ?? DisplayChromeMode.STACKED;\n}\n\n\n// =============================================================================\n// TOOLTIP ICON HELPER\n// =============================================================================\n\nfunction DisplayTooltipIcon({ text }: { text: string }): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry();\n  const { tComponent, isReady } = useI18n({\n    component: FrontendComponentType.LOW_LEVEL_FORM_FIELD,\n  });\n  if (!isReady) return null;\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>\n        <Button\n          type=\"button\"\n          variant={ButtonVariants_Variant.GHOST}\n          size={ButtonSize.ICON_SM}\n          className=\"ms-1 rounded-full\"\n          aria-label={tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'moreInformation')}\n          tabIndex={-1}\n        >\n          {renderIcon(StandardIconReference.INFO, { size: IconSize.XS })}\n        </Button>\n      </TooltipTrigger>\n      <TooltipContent>{text}</TooltipContent>\n    </Tooltip>\n  );\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction DisplayFieldChrome({\n  mode,\n  label,\n  labelStyle,\n  description,\n  tooltip,\n  name,\n  labelPlacement,\n  hideLabel,\n  hideDescription,\n  provenance,\n  wide,\n  announceName = false,\n  className,\n  children,\n}: DisplayFieldChromeProps): React.JSX.Element {\n  const { currentBreakpoint, isMobile, getRecipe } = useUI();\n  const inFieldTiles = useInFieldTiles();\n  /*\n   * A READ label is a TERM: it names the value beneath it and must not compete with it. The form's\n   * `FieldLabel` is set in the foreground at the value's own size and weight, which is right above an\n   * input (the label is what you read first) and wrong above a value, where it made every stacked\n   * read-only field one undifferentiated run of text — measured on the workbench's Roadmap and Build\n   * plan pages, where \"Sequence\", \"Theme\" and \"Objective\" could not be told from their answers.\n   *\n   * The DESCRIPTION recipe is the one the description list's `DescriptionTerm` already uses for the\n   * same job, so a stacked field and a description-list row name their values in one voice.\n   */\n  const termRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.DESCRIPTION);\n  /* The TITLE label style's voice: the theme's small label above a section, not a class list of its own. */\n  const eyebrowRecipe = getRecipe(UIBehavior.TYPOGRAPHY, TypographyVariant.EYEBROW);\n\n  const effectiveMode = useMemo(\n    () => resolveEffectiveDisplayChromeMode(mode, currentBreakpoint),\n    [mode, currentBreakpoint],\n  );\n\n  /*\n   * INLINE mode defaults to label-FIRST ('start': \"Metric — value\"), not the suffix 'inline'\n   * placement — a labelled fact row reads label-first, and the suffix style stays reachable by\n   * passing `labelPlacement: 'inline'` explicitly. Safe to (re)decide 2026-08-31: until the\n   * surface-policy precedence fix landed the same day, INLINE mode was unreachable from\n   * decorators on any surface declaring an auto placement, so no consumer saw either default.\n   */\n  const effectiveLabelPlacement = labelPlacement ?? (effectiveMode === DisplayChromeMode.INLINE ? 'start' : 'top');\n  const showLabel = !hideLabel && !!label && effectiveLabelPlacement !== 'hidden' && effectiveMode !== DisplayChromeMode.COMPACT && effectiveMode !== DisplayChromeMode.HIDDEN;\n  const showDescription = !hideDescription && !!description && effectiveMode !== DisplayChromeMode.COMPACT && effectiveMode !== DisplayChromeMode.HIDDEN;\n  // No mode test here on purpose: the COMPACT and HIDDEN branches below return before any note is placed, so the\n  // bare-value modes carry none by construction (pinned in display-field-provenance-chrome.test.tsx).\n  const showProvenance = !!provenance;\n  const provenanceNote = showProvenance\n    ? <DisplayFieldProvenanceNote provenance={provenance} />\n    : null;\n  // A name for assistive technology only where the chrome SHOWS none: a visible \"Label:\" beside a hidden\n  // \"Label: \" was heard twice on every summary value the naming rule names in INLINE (audit review, B-10).\n  const hiddenLabel = !showLabel && !hideLabel && !!label && (effectiveLabelPlacement === 'hidden' || announceName)\n    ? <span className=\"sr-only\">{announceName ? `${label}: ` : label}</span>\n    : null;\n\n  // ── HIDDEN mode: pass through ──\n  if (effectiveMode === DisplayChromeMode.HIDDEN) {\n    return <>{hiddenLabel}{children}</>;\n  }\n\n  // ── TILE mode: the fact tile — quiet name above, the value below, on the theme's TILE surface ──\n  //\n  // The label speaks in the EYEBROW voice and the value in the body at medium weight, so the name of a\n  // fact never outweighs the fact (the settings-row label did, measured 2026-09-30: 14px/500 against a\n  // 14px/400 value). Inside `<FieldTiles>` the pair is a `<dt>`/`<dd>` of the host's `<dl>`; a tile used\n  // on its own keeps plain elements. No description line: a tile is one fact, and its tooltip carries the rest.\n  //\n  // The tile IS a `Surface` (variant TILE), not a div wearing its class: the TILE surface policy — values\n  // wrap rather than truncate, figures align as tabular — reaches the value only through the surface's\n  // policy context, so a tile that merely borrowed the recipe's class left that policy inert.\n  //\n  // Inside the host's `<dl>` every tile is a `<dt>`/`<dd>` group, so a tile whose label is hidden keeps\n  // its term, visually hidden: a `<dd>` with no `<dt>` is invalid there, and the name is what assistive\n  // technology reads. The provenance note belongs to the value, so it sits inside the `<dd>`. A description\n  // the field declares is carried by the tooltip, never dropped.\n  if (effectiveMode === DisplayChromeMode.TILE) {\n    const TermTag = inFieldTiles ? 'dt' : 'div';\n    const ValueTag = inFieldTiles ? 'dd' : 'div';\n    const term = showLabel ? label : (label ? <span className=\"sr-only\">{label}</span> : null);\n    // A tile has no room for a description line, so a description the field DECLARES it shows reaches the\n    // reader through the tooltip instead of being dropped (audit B-7: the host outranked the declaration).\n    const tileTooltip = [tooltip, showDescription ? description : undefined].filter((text): text is string => !!text).join(' — ') || undefined;\n    // The tile's VALUE is content outside the host, so the fields it renders (an array's items, an object's\n    // members) do not become tiles of their own (`FieldTileContentBoundary`, audit B-1).\n    // `asChild`: the Surface lends its recipe and policy to OUR element, so the tile keeps the field-chrome\n    // marker (`data-slot=\"field-chrome\"`) every other chrome carries — a Surface root writes its own slot.\n    return (\n      <Surface asChild variant={SurfaceVariant.TILE}>\n        <div\n          data-slot=\"field-chrome\"\n          data-chrome-mode=\"tile\"\n          data-field={name}\n          data-testid={name ? `field-${name}` : undefined}\n          data-guidance-field={name}\n          data-tile-span={wide ? 'full' : undefined}\n          className={cn(\"flex min-w-0 flex-col gap-item p-card-sm\", className)}\n        >\n          {term && (\n            <TermTag className={cn(\"flex min-w-0 items-center\", showLabel && eyebrowRecipe.base)}>\n              {term}\n              {showLabel && tileTooltip && <DisplayTooltipIcon text={tileTooltip} />}\n            </TermTag>\n          )}\n          <ValueTag className=\"m-0 min-w-0 font-medium [overflow-wrap:anywhere]\">\n            <FieldTileContentBoundary>{children}</FieldTileContentBoundary>\n            {provenanceNote}\n          </ValueTag>\n        </div>\n      </Surface>\n    );\n  }\n\n  // ── COMPACT mode: bare value, no chrome ──\n  if (effectiveMode === DisplayChromeMode.COMPACT) {\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"compact\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={name}\n        data-testid={name ? `field-${name}` : undefined}\n        data-guidance-field={name}\n        className={className}\n      >\n        {hiddenLabel}\n        {children}\n      </div>\n    );\n  }\n\n  // ── INLINE mode: a snug \"Label: value\" fact row ──\n  // The label reads as a prefix with a colon, the value directly beside it — one labelled fact per\n  // line (\"Metric: within one day\"), wrapping when the value is long. This is deliberately NOT the\n  // horizontal Field layout (label left, value pinned to the inline-end edge): a fact row is read as\n  // one sentence, not scanned as a settings table.\n  //\n  // The prefix is the same muted TERM as a stacked label (since 2026-09-25). It was a small bold\n  // foreground prefix, chosen while stacked labels were foreground too; once those became terms, an\n  // entry mixing the two modes named its facts in two voices — \"Target window:\" dark and bold\n  // beneath a muted \"Objective\" — which is the inconsistency a reader sees before reading anything.\n  if (effectiveMode === DisplayChromeMode.INLINE) {\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"inline\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={name}\n        data-testid={name ? `field-${name}` : undefined}\n        data-guidance-field={name}\n        className={cn(\"flex flex-wrap items-baseline gap-x-1.5 gap-y-element-xs\", className)}\n      >\n        {hiddenLabel}\n        {showLabel && (\n          <span className={cn(\"shrink-0\", termRecipe.base)}>\n            {label}:\n            {tooltip && <DisplayTooltipIcon text={tooltip} />}\n          </span>\n        )}\n        <div className=\"min-w-0\">{children}</div>\n        {showDescription && <FieldDescription className=\"w-full\">{description}</FieldDescription>}\n        {showProvenance && <DisplayFieldProvenanceNote provenance={provenance} className=\"w-full\" />}\n      </div>\n    );\n  }\n\n  // ── SETTINGS_ROW mode: a self-contained settings list-item (read mode) ──\n  // Read-mode counterpart of the form's SETTINGS_ROW (FormFieldChrome) — IDENTICAL\n  // row geometry (same `py-group` rhythm, same hairline `border-b … last:border-b-0`\n  // divider, same fixed-width inline-end column) so a view→edit drill keeps the\n  // value/control in the same place and a read-only settings list reads exactly\n  // like its editable twin. Values right-align to the row's inline-end edge\n  // (`items-end text-end`) so badges / ✓✗ booleans / text all share one edge\n  // instead of the previous ragged 200–320px box. See FormFieldChrome for the\n  // full rationale.\n  //\n  // On a MOBILE viewport the row keeps its shell and stacks the value beneath the\n  // label (the same element structure, only classes change), mirroring the edit twin.\n  if (effectiveMode === DisplayChromeMode.SETTINGS_ROW) {\n    return (\n      <div\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"settings_row\"\n        data-settings-row-layout={isMobile ? \"stacked\" : undefined}\n        data-label-placement={effectiveLabelPlacement}\n        data-field={name}\n        data-testid={name ? `field-${name}` : undefined}\n        data-guidance-field={name}\n        className={cn(\n          // Row rhythm (T4): a compact min-height + a subtle hover affordance so a\n          // settings list reads as scannable rows, not a flat stack. Vertical\n          // alignment is CONTENT-AWARE: a single-line row (no description) CENTERS\n          // its label + control in the min-height (`items-center`) so there is no\n          // dead space below the label — this is what made the rows read too tall;\n          // a row WITH a description top-aligns (`items-start`) so the control lines\n          // up with the label's first line and the description flows beneath.\n          // The row OWNS its inline padding (`px-card`): inside a CARD settings\n          // list the body is padding-less, so the row's `border-b` runs full-bleed\n          // to the card edge while `px-card` keeps the text inset; in a flat host\n          // the same `px-card` gives consistent inset. Block padding stays tight\n          // (`py-card-sm`) to keep rows compact.\n          \"flex min-h-10 px-card py-card-sm border-b border-border last:border-b-0 hover:bg-muted/50 transition-colors\",\n          isMobile\n            ? \"flex-col gap-element-xs\"\n            : cn(\"flex-row gap-section\", showDescription ? \"items-start\" : \"items-center\"),\n          className,\n        )}\n      >\n        {/* Inline-start: label + description. The label stays the FORM label here, deliberately not\n            the muted term the other read modes use: a settings row mirrors its editable twin, where\n            the label is the setting's name and reads first, so a view→edit drill keeps its voice. */}\n        <div className={cn(\"flex min-w-0 flex-col gap-element-xs\", !isMobile && \"flex-1\")}>\n          {hiddenLabel}\n          {showLabel && (\n            <FieldLabel>\n              {label}\n              {tooltip && <DisplayTooltipIcon text={tooltip} />}\n            </FieldLabel>\n          )}\n          {showDescription && <FieldDescription>{description}</FieldDescription>}\n        </div>\n        {/* Inline-end: value, right-pinned to the row's inline-end edge. `w-72` is\n            the shared target width; `shrink` + `min-w-0` (NOT `shrink-0`) keeps the\n            column compressible so the row can never outgrow a padded CARD fieldset\n            and clip against its border — mirrors the edit-mode FormFieldChrome twin.\n            `font-medium`: the value is never LIGHTER than the name beside it (the form label is 14px/500;\n            the value was 14px/400, measured 2026-09-30, so the name outweighed the fact).\n            A PLAIN list of values (tags, labels) flows inline and wraps toward the value edge instead of\n            stacking one per line — two tags were an 81px column. The dispatcher marks that shape\n            (`data-list-shape=\"primitive\"`), so bulleted, ruled and object lists keep their own layout. */}\n        <div\n          className={cn(\n            \"flex min-w-0 flex-col gap-element-xs font-medium\",\n            \"[&>[data-list-shape=primitive]]:flex-row [&>[data-list-shape=primitive]]:flex-wrap [&>[data-list-shape=primitive]]:gap-x-element\",\n            isMobile ? \"w-full items-start text-start\" : \"w-72 max-w-[55%] shrink items-end text-end [&>[data-list-shape=primitive]]:justify-end\",\n          )}\n        >\n          {children}\n          {provenanceNote}\n        </div>\n      </div>\n    );\n  }\n\n  // ── Horizontal label modes ──\n  if (effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline') {\n    const isInlinePlacement = effectiveLabelPlacement === 'inline';\n    return (\n      <Field\n        orientation={FieldVariants_Orientation.HORIZONTAL}\n        data-slot=\"field-chrome\"\n        data-chrome-mode=\"inline\"\n        data-label-placement={effectiveLabelPlacement}\n        data-field={name}\n        data-testid={name ? `field-${name}` : undefined}\n        data-guidance-field={name}\n        className={cn(isInlinePlacement && \"flex-row-reverse\", className)}\n      >\n        {hiddenLabel}\n        <FieldContent>\n          {showLabel && (\n            <FieldTitle>\n              {/* The same muted TERM as the stacked and inline labels — one voice for naming a value. */}\n              <FieldLabel className={termRecipe.base}>\n                {label}\n                {tooltip && <DisplayTooltipIcon text={tooltip} />}\n              </FieldLabel>\n            </FieldTitle>\n          )}\n          {showDescription && <FieldDescription>{description}</FieldDescription>}\n          {provenanceNote}\n        </FieldContent>\n        {children}\n      </Field>\n    );\n  }\n\n  // ── STACKED mode (default): label above, value, description below ──\n  return (\n    <Field\n      orientation={FieldVariants_Orientation.VERTICAL}\n      data-slot=\"field-chrome\"\n      data-chrome-mode=\"stacked\"\n      data-label-placement={effectiveLabelPlacement}\n      data-field={name}\n      data-testid={name ? `field-${name}` : undefined}\n      data-guidance-field={name}\n      className={className}\n    >\n      {hiddenLabel}\n      {showLabel && (\n        labelStyle === DisplayLabelStyle.TITLE ? (\n          /*\n           * TITLE label style: the label reads as a SMALL TITLE above its content — for a field\n           * acting as a mini-section inside a prose flow (\"Who suffers it\" above its answer),\n           * where the ordinary muted label would not carry the structure.\n           */\n          <div className={cn(\"pt-item-xs\", eyebrowRecipe.base)}>\n            {label}\n            {tooltip && <DisplayTooltipIcon text={tooltip} />}\n          </div>\n        ) : (\n          <FieldLabel className={termRecipe.base}>\n            {label}\n            {tooltip && <DisplayTooltipIcon text={tooltip} />}\n          </FieldLabel>\n        )\n      )}\n      {children}\n      {showDescription && <FieldDescription>{description}</FieldDescription>}\n      {provenanceNote}\n    </Field>\n  );\n}\n\n;(DisplayFieldChrome as typeof DisplayFieldChrome & { displayName: string }).displayName = \"DisplayFieldChrome\"\n\nexport { DisplayFieldChrome, resolveEffectiveDisplayChromeMode }\n"]}

package/dist/esm/components/data-display/chromes/display-chrome-mode-resolution.d.ts

@@ -0,0 +1,10 @@
+import { DisplayChromeMode, ViewportBreakpoint, type ResponsiveAware } from '@wildo-ai/zod-decorators';
+/**
+ * The chrome a (possibly responsive) DECLARATION names at this breakpoint, or `undefined` when it names
+ * none there: `mode[currentBreakpoint] → mode[DESKTOP]`. The one chain every reader of a declared display
+ * chrome uses — the field chrome (`DisplayFieldChrome`, which then defaults to STACKED) and the no-template card, which then
+ * applies its naming rule. The card used to resolve with 'any declared breakpoint', so `{ mobile: HIDDEN }`
+ * named nothing on a desktop card while the chrome drew STACKED labels there (audit B-17).
+ */
+export declare function resolveDeclaredDisplayChromeMode(chromeMode: ResponsiveAware<DisplayChromeMode> | undefined, currentBreakpoint: ViewportBreakpoint): DisplayChromeMode | undefined;
+//# sourceMappingURL=display-chrome-mode-resolution.d.ts.map

package/dist/esm/components/data-display/chromes/display-chrome-mode-resolution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-chrome-mode-resolution.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/chromes/display-chrome-mode-resolution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAOvG;;;;;;GAMG;AACH,wBAAgB,gCAAgC,CAC9C,UAAU,EAAE,eAAe,CAAC,iBAAiB,CAAC,GAAG,SAAS,EAC1D,iBAAiB,EAAE,kBAAkB,GACpC,iBAAiB,GAAG,SAAS,CAG/B"}

package/dist/esm/components/data-display/chromes/display-chrome-mode-resolution.js

@@ -0,0 +1,18 @@
+import { ViewportBreakpoint } from '@wildo-ai/zod-decorators';
+/*
+ * INTERNAL to the display layer — not re-exported from the package root (it was, by living in the exported
+ * `DisplayFieldChrome` module: audit review). An application declares a chrome; it never resolves one.
+ */
+/**
+ * The chrome a (possibly responsive) DECLARATION names at this breakpoint, or `undefined` when it names
+ * none there: `mode[currentBreakpoint] → mode[DESKTOP]`. The one chain every reader of a declared display
+ * chrome uses — the field chrome (`DisplayFieldChrome`, which then defaults to STACKED) and the no-template card, which then
+ * applies its naming rule. The card used to resolve with 'any declared breakpoint', so `{ mobile: HIDDEN }`
+ * named nothing on a desktop card while the chrome drew STACKED labels there (audit B-17).
+ */
+export function resolveDeclaredDisplayChromeMode(chromeMode, currentBreakpoint) {
+    if (chromeMode === undefined || chromeMode === null)
+        return undefined;
+    return typeof chromeMode === 'string' ? chromeMode : (chromeMode[currentBreakpoint] ?? chromeMode[ViewportBreakpoint.DESKTOP]);
+}
+//# sourceMappingURL=display-chrome-mode-resolution.js.map

package/dist/esm/components/data-display/chromes/display-chrome-mode-resolution.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"display-chrome-mode-resolution.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/chromes/display-chrome-mode-resolution.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,kBAAkB,EAAwB,MAAM,0BAA0B,CAAC;AAEvG;;;GAGG;AAEH;;;;;;GAMG;AACH,MAAM,UAAU,gCAAgC,CAC9C,UAA0D,EAC1D,iBAAqC;IAErC,IAAI,UAAU,KAAK,SAAS,IAAI,UAAU,KAAK,IAAI;QAAE,OAAO,SAAS,CAAC;IACtE,OAAO,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,iBAAiB,CAAC,IAAI,UAAU,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;AACjI,CAAC","sourcesContent":["import { DisplayChromeMode, ViewportBreakpoint, type ResponsiveAware } from '@wildo-ai/zod-decorators';\n\n/*\n * INTERNAL to the display layer — not re-exported from the package root (it was, by living in the exported\n * `DisplayFieldChrome` module: audit review). An application declares a chrome; it never resolves one.\n */\n\n/**\n * The chrome a (possibly responsive) DECLARATION names at this breakpoint, or `undefined` when it names\n * none there: `mode[currentBreakpoint] → mode[DESKTOP]`. The one chain every reader of a declared display\n * chrome uses — the field chrome (`DisplayFieldChrome`, which then defaults to STACKED) and the no-template card, which then\n * applies its naming rule. The card used to resolve with 'any declared breakpoint', so `{ mobile: HIDDEN }`\n * named nothing on a desktop card while the chrome drew STACKED labels there (audit B-17).\n */\nexport function resolveDeclaredDisplayChromeMode(\n  chromeMode: ResponsiveAware<DisplayChromeMode> | undefined,\n  currentBreakpoint: ViewportBreakpoint,\n): DisplayChromeMode | undefined {\n  if (chromeMode === undefined || chromeMode === null) return undefined;\n  return typeof chromeMode === 'string' ? chromeMode : (chromeMode[currentBreakpoint] ?? chromeMode[ViewportBreakpoint.DESKTOP]);\n}\n"]}

package/dist/esm/components/data-display/chromes/field-tile-boundaries.d.ts

@@ -0,0 +1,38 @@
+/**
+ * The two places a `<FieldTiles>` host ENDS. Internal to the display layer — not part of the package's
+ * public surface: an application places fields in a host; it never draws a host's boundary itself.
+ *
+ * A host gives its direct fields TILE chrome and the empty-fact default through context, and context
+ * reaches every descendant. Without a boundary, the values a tile renders — an array's items, an object
+ * value's members, a relationship shown in place — became tiles of their own: a `<dd>` inside a `<dd>`,
+ * a `<dt>`/`<dd>` with no `<dl>`, array items as nameless tiles, and empty nested members silently
+ * dropped (audit B-1, reproduced in jsdom 2026-10-01: `['a','b']` drew three tiles). A tile's CONTENT is
+ * therefore rendered outside the host: no tile context, no section chrome, the record's display chrome
+ * kept.
+ */
+import * as React from "react";
+/** Render a tile's value as content OUTSIDE the host: nested fields neither tile nor hide by default. */
+export declare function FieldTileContentBoundary({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+/**
+ * A whole-row term/description group of a `<FieldTiles>` host, for a field that does not render as a
+ * tile: one that brings its own frame (an inline-editable array, a read-only array section) or one whose
+ * own chrome is not TILE at this breakpoint (a fact declaring STACKED, INLINE or HIDDEN — audit B-4).
+ * Pass-through outside the host.
+ *
+ * The `<dt>` is there because a `<dd>` with no term is invalid in the host's `<dl>`. It is visually hidden
+ * always, and hidden from assistive technology too UNLESS `termAnnounced`: a legend or a visible label
+ * inside the row already names the field and a screen reader heard the name twice (audit B-14), while a
+ * HIDDEN or COMPACT chrome shows no name at all, and there the term is the only one the value has. Its
+ * content is rendered outside the host ({@link FieldTileContentBoundary}).
+ */
+export declare function InFieldTilesRow({ active, name, label, termAnnounced, children }: {
+    active: boolean;
+    name: string | undefined;
+    label: string | undefined;
+    /** The row's content shows no name of its own, so the term is announced (still visually hidden). */
+    termAnnounced?: boolean;
+    children: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=field-tile-boundaries.d.ts.map

package/dist/esm/components/data-display/chromes/field-tile-boundaries.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-tile-boundaries.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/chromes/field-tile-boundaries.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,yGAAyG;AACzG,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CASvG;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,aAAqB,EAAE,QAAQ,EAAE,EAAE;IACxF,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,oGAAoG;IACpG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUpB"}