@wildo-ai/saas-frontend-lib 1.0.1 → 1.1.1

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

@@ -27,8 +27,18 @@ export interface ResourceSummaryDisplayerProps {
     data: Record<string, unknown>;
     /** Optional CSS class applied to the root element. */
     className?: string;
+    /**
+     * Resolved primary label (title) of the record. When provided, the template's
+     * `<SummaryTitle />` renders it (directly, or automatically via
+     * `<SummaryLayout titlePlacement={AUTO}>`). Omit it on body-only surfaces
+     * (inline FK-field references) where no title should appear — `<SummaryTitle />`
+     * then renders nothing. Card/list/popover hosts pass the label they already
+     * computed via `computeFrontendResourceLabel` (correct `t`, junction
+     * forwardedLabel, etc.) so it is not recomputed here.
+     */
+    primaryLabel?: string | null;
 }
-declare function ResourceSummaryDisplayerComponent({ resourceType, schema, data, className, }: ResourceSummaryDisplayerProps): React.JSX.Element;
+declare function ResourceSummaryDisplayerComponent({ resourceType, schema, data, className, primaryLabel, }: ResourceSummaryDisplayerProps): React.JSX.Element;
 declare namespace ResourceSummaryDisplayerComponent {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceSummaryDisplayer.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/ResourceSummaryDisplayer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAW7B,MAAM,WAAW,6BAA6B;IAC5C,2EAA2E;IAC3E,YAAY,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IAErB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD,iBAAS,iCAAiC,CAAC,EACzC,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,SAAS,GACV,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2BnD;kBAhCQ,iCAAiC;;;AAoC1C,eAAO,MAAM,wBAAwB,EAAE,OAAO,iCAAiC,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CACpE,CAAC"}
+{"version":3,"file":"ResourceSummaryDisplayer.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/ResourceSummaryDisplayer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAe7B,MAAM,WAAW,6BAA6B;IAC5C,2EAA2E;IAC3E,YAAY,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,MAAM,EAAE,CAAC,CAAC,UAAU,CAAC;IAErB,oCAAoC;IACpC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAE9B,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAYD,iBAAS,iCAAiC,CAAC,EACzC,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,SAAS,EACT,YAAmB,GACpB,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8EnD;kBApFQ,iCAAiC;;;AAwF1C,eAAO,MAAM,wBAAwB,EAAE,OAAO,iCAAiC,GAAG;IAAE,WAAW,EAAE,MAAM,CAAA;CACpE,CAAC"}

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

@@ -13,22 +13,66 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Intended use: list item rows, FK popovers, anywhere the caller already has
  * the data and needs a compact, read-only representation of a resource.
  */
-import { useMemo } from 'react';
+import { useEffect, useMemo, useRef } from 'react';
 import { DisplayChromeMode } from '@wildo-ai/zod-decorators';
+import { CoreResourceOperation } from '@wildo-ai/saas-models';
 import { useResourceRegistry } from '../../core/resources/useResourceRegistry.js';
 import { generateDefaultSummaryTemplate } from '../../core/automated-layout/default-layout-generator.frontend.utils.js';
 import { AutomaticDisplayer } from './AutomaticDisplayer.js';
+import { DisplayContextKind, DisplayContextKindProvider } from './DisplayContextKindContext.js';
+import { SummaryContextProvider } from './SummaryContext.js';
 // =============================================================================
 // COMPONENT
 // =============================================================================
-function ResourceSummaryDisplayerComponent({ resourceType, schema, data, className, }) {
+/**
+ * Resource types already warned about a title-less authored summary template —
+ * module-level so N list rows of the same resource produce ONE warning, not N.
+ */
+const warnedMissingTitleResourceTypes = new Set();
+function ResourceSummaryDisplayerComponent({ resourceType, schema, data, className, primaryLabel = null, }) {
     const { registry } = useResourceRegistry();
     const resourceConfig = useMemo(() => registry.resourceConfigurations[resourceType], [registry, resourceType]);
     const explicitSummaryTemplate = resourceConfig?.frontendConfiguration?.layout?.summary;
     const summaryChrome = resourceConfig?.frontendConfiguration?.layout?.defaultChromeMode?.summary;
     const layoutTemplate = useMemo(() => explicitSummaryTemplate ?? generateDefaultSummaryTemplate(schema), [explicitSummaryTemplate, schema]);
-    return (_jsx(AutomaticDisplayer, { schema: schema, data: data, className: className, disableInlineEdit: true, layoutTemplate: layoutTemplate, defaultDisplayChromeMode: summaryChrome ?? DisplayChromeMode.INLINE, isLoading: false }));
+    // Stable mutable tracker for the missing-title diagnostic below. Never reset:
+    // once any render of this displayer mounted a `<SummaryTitle />`, the template
+    // has proven it participates in the title contract.
+    const titleMountTracker = useRef({ titleMounted: false }).current;
+    const summaryContextValue = useMemo(() => ({ resourceType, primaryLabel, titleMountTracker }), [resourceType, primaryLabel, titleMountTracker]);
+    // DEV DIAGNOSTIC — authored template that never mounts the title.
+    // The moment `layout.summary` exists, the host (`ResourceListItemRenderer`,
+    // command palette, FK popover) suppresses its own title rendering and the
+    // template owns it. A template that neither wraps in `<SummaryLayout>` (AUTO
+    // title) nor mounts `<SummaryTitle />` therefore renders the record with NO
+    // identity anywhere it appears — a silent, high-severity authoring bug (found
+    // live in the 2026-08 frontend UX audit: every todos list row / search result
+    // rendered as a bare status badge). Child effects and render-time tracker
+    // writes both precede this parent effect, so a mounted title is always visible
+    // here. Warn once per resource type; no-op in production builds.
+    useEffect(() => {
+        if (process.env.NODE_ENV === 'production')
+            return;
+        if (!explicitSummaryTemplate || primaryLabel == null)
+            return;
+        if (titleMountTracker.titleMounted || warnedMissingTitleResourceTypes.has(resourceType))
+            return;
+        warnedMissingTitleResourceTypes.add(resourceType);
+        console.warn(`[ResourceSummaryDisplayer] Resource "${resourceType}" authors a frontend \`layout.summary\` template that never renders the record title: `
+            + `the host cedes title rendering to authored templates, so rows/search results for this resource show no identity. `
+            + `Wrap the template body in <SummaryLayout> (AUTO places the title for you) or mount <SummaryTitle /> explicitly (TEMPLATE_OWNED).`);
+    });
+    // Thread the resource i18n scope so field/enum labels resolve through the
+    // central label system (enum badges show "Pending", not the raw `pending`
+    // value). Without it, useResourceLabels has no resource bundle to read from
+    // and every summary surface fell back to raw schema values.
+    const labels = useMemo(() => ({ resourceContext: { resourceType, operationId: CoreResourceOperation.READ } }), [resourceType]);
+    return (
+    // SUMMARY context marker — field renderers below resolve their effective
+    // display params as `{...display, ...summaryOverride}` (the decorator
+    // contract for cards / FK previews) instead of the plain display params.
+    _jsx(DisplayContextKindProvider, { kind: DisplayContextKind.SUMMARY, children: _jsx(SummaryContextProvider, { value: summaryContextValue, children: _jsx(AutomaticDisplayer, { schema: schema, data: data, className: className, labels: labels, disableInlineEdit: true, layoutTemplate: layoutTemplate, defaultDisplayChromeMode: summaryChrome ?? DisplayChromeMode.INLINE, isLoading: false }) }) }));
 }
 ResourceSummaryDisplayerComponent.displayName = 'ResourceSummaryDisplayer';
 export const ResourceSummaryDisplayer = ResourceSummaryDisplayerComponent;
-//# sourceMappingURL=ResourceSummaryDisplayer.js.map
+//# sourceMappingURL=ResourceSummaryDisplayer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResourceSummaryDisplayer.js","sourceRoot":"","sources":["../../../../src/components/data-display/ResourceSummaryDisplayer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EAAE,8BAA8B,EAAE,MAAM,mFAAmF,CAAC;AACnI,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAwB1D,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAS,iCAAiC,CAAC,EACzC,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,SAAS,GACqB;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAE3C,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC,YAAY,CAAC,EACnD,CAAC,QAAQ,EAAE,YAAY,CAAC,CACzB,CAAC;IAEF,MAAM,uBAAuB,GAAG,cAAc,EAAE,qBAAqB,EAAE,MAAM,EAAE,OAAO,CAAC;IACvF,MAAM,aAAa,GAAG,cAAc,EAAE,qBAAqB,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,CAAC;IAEhG,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,uBAAuB,IAAI,8BAA8B,CAAC,MAAM,CAAC,EACvE,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAClC,CAAC;IAEF,OAAO,CACL,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,IAAI,EACvB,cAAc,EAAE,cAAc,EAC9B,wBAAwB,EAAE,aAAa,IAAI,iBAAiB,CAAC,MAAM,EACnE,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;AACJ,CAAC;AAED,iCAAiC,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAE3E,MAAM,CAAC,MAAM,wBAAwB,GACnC,iCAAiC,CAAC"}
+{"version":3,"file":"ResourceSummaryDisplayer.js","sourceRoot":"","sources":["../../../../../src/components/data-display/ResourceSummaryDisplayer.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EAAE,8BAA8B,EAAE,MAAM,mFAAmF,CAAC;AAEnI,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAC7F,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAmC1D,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF;;;GAGG;AACH,MAAM,+BAA+B,GAAG,IAAI,GAAG,EAAU,CAAC;AAE1D,SAAS,iCAAiC,CAAC,EACzC,YAAY,EACZ,MAAM,EACN,IAAI,EACJ,SAAS,EACT,YAAY,GAAG,IAAI,GACW;IAC9B,MAAM,EAAE,QAAQ,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAE3C,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,QAAQ,CAAC,sBAAsB,CAAC,YAAY,CAAC,EACnD,CAAC,QAAQ,EAAE,YAAY,CAAC,CACzB,CAAC;IAEF,MAAM,uBAAuB,GAAG,cAAc,EAAE,qBAAqB,EAAE,MAAM,EAAE,OAAO,CAAC;IACvF,MAAM,aAAa,GAAG,cAAc,EAAE,qBAAqB,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,CAAC;IAEhG,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,uBAAuB,IAAI,8BAA8B,CAAC,MAAM,CAAC,EACvE,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAClC,CAAC;IAEF,8EAA8E;IAC9E,+EAA+E;IAC/E,oDAAoD;IACpD,MAAM,iBAAiB,GAAG,MAAM,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC;IAElE,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC,EACzD,CAAC,YAAY,EAAE,YAAY,EAAE,iBAAiB,CAAC,CAChD,CAAC;IAEF,kEAAkE;IAClE,4EAA4E;IAC5E,0EAA0E;IAC1E,6EAA6E;IAC7E,4EAA4E;IAC5E,8EAA8E;IAC9E,8EAA8E;IAC9E,0EAA0E;IAC1E,+EAA+E;IAC/E,iEAAiE;IACjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY;YAAE,OAAO;QAClD,IAAI,CAAC,uBAAuB,IAAI,YAAY,IAAI,IAAI;YAAE,OAAO;QAC7D,IAAI,iBAAiB,CAAC,YAAY,IAAI,+BAA+B,CAAC,GAAG,CAAC,YAAY,CAAC;YAAE,OAAO;QAChG,+BAA+B,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;QAClD,OAAO,CAAC,IAAI,CACV,wCAAwC,YAAY,wFAAwF;cAC1I,mHAAmH;cACnH,kIAAkI,CACrI,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,0EAA0E;IAC1E,0EAA0E;IAC1E,4EAA4E;IAC5E,4DAA4D;IAC5D,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,CAAC,EAAE,eAAe,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,qBAAqB,CAAC,IAAI,EAAE,EAAE,CAAC,EACtF,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,OAAO;IACL,yEAAyE;IACzE,sEAAsE;IACtE,yEAAyE;IACzE,KAAC,0BAA0B,IAAC,IAAI,EAAE,kBAAkB,CAAC,OAAO,YAG1D,KAAC,sBAAsB,IAAC,KAAK,EAAE,mBAAmB,YAChD,KAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,iBAAiB,EAAE,IAAI,EACvB,cAAc,EAAE,cAAc,EAC9B,wBAAwB,EAAE,aAAa,IAAI,iBAAiB,CAAC,MAAM,EACnE,SAAS,EAAE,KAAK,GAChB,GACqB,GACE,CAC9B,CAAC;AACJ,CAAC;AAED,iCAAiC,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAE3E,MAAM,CAAC,MAAM,wBAAwB,GACnC,iCAAiC,CAAC","sourcesContent":["/**\n * ResourceSummaryDisplayer — lean renderer for summary layout templates.\n *\n * Unlike ResourceAutomaticDisplayer, this component:\n *  - Receives already-loaded `data` as a prop (no data fetching)\n *  - Always disables inline editing\n *  - Uses `layout.summary` from the resource config, falling back to\n *    `generateDefaultSummaryTemplate`\n *  - Defaults chrome to `DisplayChromeMode.INLINE` when `defaultChromeMode.summary`\n *    is not set, ensuring compact rendering out of the box\n *\n * Intended use: list item rows, FK popovers, anywhere the caller already has\n * the data and needs a compact, read-only representation of a resource.\n */\n\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport type { z } from 'zod';\nimport { DisplayChromeMode } from '@wildo-ai/zod-decorators';\nimport { CoreResourceOperation } from '@wildo-ai/saas-models';\n\nimport { useResourceRegistry } from '~wildo-frontend-lib/core/resources/useResourceRegistry';\nimport { generateDefaultSummaryTemplate } from '~wildo-frontend-lib/core/automated-layout/default-layout-generator.frontend.utils';\nimport type { AutomaticDisplayerLabels } from './AutomaticDisplayer';\nimport { AutomaticDisplayer } from './AutomaticDisplayer';\nimport { DisplayContextKind, DisplayContextKindProvider } from './DisplayContextKindContext';\nimport { SummaryContextProvider } from './SummaryContext';\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\nexport interface ResourceSummaryDisplayerProps {\n  /** Resource type key — used to look up layout config from the registry. */\n  resourceType: string;\n\n  /**\n   * Zod schema for the displayed data.\n   * Callers provide this explicitly; it is typically the READ operation's\n   * `summaryDto ?? responseDto`.\n   */\n  schema: z.ZodTypeAny;\n\n  /** Already-loaded resource data. */\n  data: Record<string, unknown>;\n\n  /** Optional CSS class applied to the root element. */\n  className?: string;\n\n  /**\n   * Resolved primary label (title) of the record. When provided, the template's\n   * `<SummaryTitle />` renders it (directly, or automatically via\n   * `<SummaryLayout titlePlacement={AUTO}>`). Omit it on body-only surfaces\n   * (inline FK-field references) where no title should appear — `<SummaryTitle />`\n   * then renders nothing. Card/list/popover hosts pass the label they already\n   * computed via `computeFrontendResourceLabel` (correct `t`, junction\n   * forwardedLabel, etc.) so it is not recomputed here.\n   */\n  primaryLabel?: string | null;\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\n/**\n * Resource types already warned about a title-less authored summary template —\n * module-level so N list rows of the same resource produce ONE warning, not N.\n */\nconst warnedMissingTitleResourceTypes = new Set<string>();\n\nfunction ResourceSummaryDisplayerComponent({\n  resourceType,\n  schema,\n  data,\n  className,\n  primaryLabel = null,\n}: ResourceSummaryDisplayerProps): React.JSX.Element {\n  const { registry } = useResourceRegistry();\n\n  const resourceConfig = useMemo(\n    () => registry.resourceConfigurations[resourceType],\n    [registry, resourceType],\n  );\n\n  const explicitSummaryTemplate = resourceConfig?.frontendConfiguration?.layout?.summary;\n  const summaryChrome = resourceConfig?.frontendConfiguration?.layout?.defaultChromeMode?.summary;\n\n  const layoutTemplate = useMemo(\n    () => explicitSummaryTemplate ?? generateDefaultSummaryTemplate(schema),\n    [explicitSummaryTemplate, schema],\n  );\n\n  // Stable mutable tracker for the missing-title diagnostic below. Never reset:\n  // once any render of this displayer mounted a `<SummaryTitle />`, the template\n  // has proven it participates in the title contract.\n  const titleMountTracker = useRef({ titleMounted: false }).current;\n\n  const summaryContextValue = useMemo(\n    () => ({ resourceType, primaryLabel, titleMountTracker }),\n    [resourceType, primaryLabel, titleMountTracker],\n  );\n\n  // DEV DIAGNOSTIC — authored template that never mounts the title.\n  // The moment `layout.summary` exists, the host (`ResourceListItemRenderer`,\n  // command palette, FK popover) suppresses its own title rendering and the\n  // template owns it. A template that neither wraps in `<SummaryLayout>` (AUTO\n  // title) nor mounts `<SummaryTitle />` therefore renders the record with NO\n  // identity anywhere it appears — a silent, high-severity authoring bug (found\n  // live in the 2026-08 frontend UX audit: every todos list row / search result\n  // rendered as a bare status badge). Child effects and render-time tracker\n  // writes both precede this parent effect, so a mounted title is always visible\n  // here. Warn once per resource type; no-op in production builds.\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (!explicitSummaryTemplate || primaryLabel == null) return;\n    if (titleMountTracker.titleMounted || warnedMissingTitleResourceTypes.has(resourceType)) return;\n    warnedMissingTitleResourceTypes.add(resourceType);\n    console.warn(\n      `[ResourceSummaryDisplayer] Resource \"${resourceType}\" authors a frontend \\`layout.summary\\` template that never renders the record title: `\n      + `the host cedes title rendering to authored templates, so rows/search results for this resource show no identity. `\n      + `Wrap the template body in <SummaryLayout> (AUTO places the title for you) or mount <SummaryTitle /> explicitly (TEMPLATE_OWNED).`,\n    );\n  });\n\n  // Thread the resource i18n scope so field/enum labels resolve through the\n  // central label system (enum badges show \"Pending\", not the raw `pending`\n  // value). Without it, useResourceLabels has no resource bundle to read from\n  // and every summary surface fell back to raw schema values.\n  const labels = useMemo<AutomaticDisplayerLabels>(\n    () => ({ resourceContext: { resourceType, operationId: CoreResourceOperation.READ } }),\n    [resourceType],\n  );\n\n  return (\n    // SUMMARY context marker — field renderers below resolve their effective\n    // display params as `{...display, ...summaryOverride}` (the decorator\n    // contract for cards / FK previews) instead of the plain display params.\n    <DisplayContextKindProvider kind={DisplayContextKind.SUMMARY}>\n      {/* Feeds `<SummaryTitle />` (in the template flow) the resolved primary\n          label so the title is a composable element, not a host-owned prefix. */}\n      <SummaryContextProvider value={summaryContextValue}>\n        <AutomaticDisplayer\n          schema={schema}\n          data={data}\n          className={className}\n          labels={labels}\n          disableInlineEdit={true}\n          layoutTemplate={layoutTemplate}\n          defaultDisplayChromeMode={summaryChrome ?? DisplayChromeMode.INLINE}\n          isLoading={false}\n        />\n      </SummaryContextProvider>\n    </DisplayContextKindProvider>\n  );\n}\n\nResourceSummaryDisplayerComponent.displayName = 'ResourceSummaryDisplayer';\n\nexport const ResourceSummaryDisplayer: typeof ResourceSummaryDisplayerComponent & { displayName: string } =\n  ResourceSummaryDisplayerComponent;\n"]}

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

@@ -0,0 +1,63 @@
+/**
+ * SummaryContext — carries the resolved PRIMARY LABEL (title) of a resource into
+ * the summary template render tree so that `<SummaryTitle />` can render it as a
+ * first-class, composable element of the template flow.
+ *
+ * Provided by {@link ResourceSummaryDisplayer}. Read by `<SummaryTitle />` and by
+ * `<SummaryLayout>` (to decide whether its `AUTO` title slot has anything to render).
+ *
+ * **Why the title lives in context, not in the host**
+ *
+ * Historically the card/list/popover HOST owned the title and the summary
+ * template was forbidden from rendering it, which forced a second bolt-on
+ * template (`summaryTitleAccessory`) whenever an author wanted something (a
+ * status badge) beside the title. Making the title a context-fed element
+ * (`<SummaryTitle />`) lets authors weave it into the template flow — inline
+ * with a badge, above a body, or omitted — with no parallel config axis.
+ *
+ * **`primaryLabel` may be `null`.** `ResourceSummaryDisplayer` is also used for
+ * body-only surfaces (inline FK-field references) where NO title should appear.
+ * Those callers omit the label, so `<SummaryTitle />` renders nothing and
+ * `<SummaryLayout titlePlacement={AUTO}>` shows no title slot. The presence of a
+ * label is therefore the single, data-driven signal for "this summary has a
+ * title".
+ */
+import React from 'react';
+export interface SummaryContextValue {
+    /** Resource type key of the summarized record. */
+    resourceType: string;
+    /**
+     * Resolved primary label (title) of the summarized record, or `null` when the
+     * hosting surface has no title to show (e.g. an inline FK-field body). When
+     * `null`, `<SummaryTitle />` renders nothing.
+     */
+    primaryLabel: string | null;
+    /**
+     * Dev-diagnostic seam: `<SummaryTitle />` flips `titleMounted` when it renders,
+     * letting `ResourceSummaryDisplayer` detect an AUTHORED summary template that
+     * never mounts the title. The engine cedes title rendering to any authored
+     * template (`ResourceListItemRenderer` suppresses the host title the moment
+     * `layout.summary` exists), so a template missing `<SummaryTitle />` /
+     * `<SummaryLayout>` silently loses the record's identity on every list row,
+     * search result and command-palette hit — the exact defect this catches at
+     * authoring time instead of in an audit. Mutable-ref shape (not state) on
+     * purpose: the flag is only read AFTER render by the displayer's effect and
+     * must never schedule a re-render.
+     */
+    titleMountTracker?: {
+        titleMounted: boolean;
+    };
+}
+export interface SummaryContextProviderProps {
+    value: SummaryContextValue;
+    children: React.ReactNode;
+}
+/** Provides the resolved primary label to a summary template render tree. */
+export declare function SummaryContextProvider({ value, children }: SummaryContextProviderProps): React.JSX.Element;
+/**
+ * Read the summary context if available, or `null` when rendered outside a
+ * {@link ResourceSummaryDisplayer} (e.g. a template previewed in isolation).
+ * `<SummaryTitle />` degrades to rendering nothing in that case.
+ */
+export declare function useOptionalSummaryContext(): SummaryContextValue | null;
+//# sourceMappingURL=SummaryContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/SummaryContext.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAoC,MAAM,OAAO,CAAC;AAMzD,MAAM,WAAW,mBAAmB;IAClC,kDAAkD;IAClD,YAAY,EAAE,MAAM,CAAC;IAErB;;;;OAIG;IACH,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B;;;;;;;;;;;OAWG;IACH,iBAAiB,CAAC,EAAE;QAAE,YAAY,EAAE,OAAO,CAAA;KAAE,CAAC;CAC/C;AAQD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,mBAAmB,CAAC;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,6EAA6E;AAC7E,wBAAgB,sBAAsB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,2BAA2B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAE1G;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,IAAI,mBAAmB,GAAG,IAAI,CAEtE"}

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

@@ -0,0 +1,44 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * SummaryContext — carries the resolved PRIMARY LABEL (title) of a resource into
+ * the summary template render tree so that `<SummaryTitle />` can render it as a
+ * first-class, composable element of the template flow.
+ *
+ * Provided by {@link ResourceSummaryDisplayer}. Read by `<SummaryTitle />` and by
+ * `<SummaryLayout>` (to decide whether its `AUTO` title slot has anything to render).
+ *
+ * **Why the title lives in context, not in the host**
+ *
+ * Historically the card/list/popover HOST owned the title and the summary
+ * template was forbidden from rendering it, which forced a second bolt-on
+ * template (`summaryTitleAccessory`) whenever an author wanted something (a
+ * status badge) beside the title. Making the title a context-fed element
+ * (`<SummaryTitle />`) lets authors weave it into the template flow — inline
+ * with a badge, above a body, or omitted — with no parallel config axis.
+ *
+ * **`primaryLabel` may be `null`.** `ResourceSummaryDisplayer` is also used for
+ * body-only surfaces (inline FK-field references) where NO title should appear.
+ * Those callers omit the label, so `<SummaryTitle />` renders nothing and
+ * `<SummaryLayout titlePlacement={AUTO}>` shows no title slot. The presence of a
+ * label is therefore the single, data-driven signal for "this summary has a
+ * title".
+ */
+import { createContext, useContext } from 'react';
+// =============================================================================
+// REACT CONTEXT
+// =============================================================================
+const SummaryContext = createContext(null);
+/** Provides the resolved primary label to a summary template render tree. */
+export function SummaryContextProvider({ value, children }) {
+    return _jsx(SummaryContext.Provider, { value: value, children: children });
+}
+/**
+ * Read the summary context if available, or `null` when rendered outside a
+ * {@link ResourceSummaryDisplayer} (e.g. a template previewed in isolation).
+ * `<SummaryTitle />` degrades to rendering nothing in that case.
+ */
+export function useOptionalSummaryContext() {
+    return useContext(SummaryContext);
+}
+//# sourceMappingURL=SummaryContext.js.map

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

@@ -0,0 +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"]}

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

@@ -6,9 +6,9 @@
  */
 import type { FileFieldEndpoints } from '@wildo-ai/zod-decorators';
 import type { ParentDisplay } from '@wildo-ai/saas-models';
-import type { ResourceMutationManager } from '../../core/resources/rmm/ResourceMutationManager.js';
-import type { NavigationZone } from '../../core/navigation/navigation.schemas.js';
-import type { MutationError } from '../../core/resources/rmm/types.js';
+import type { ResourceMutationManager } from '../../core/resources/rmm/ResourceMutationManager';
+import type { NavigationZone } from '../../core/navigation/navigation.schemas';
+import type { MutationError } from '../../core/resources/rmm/types';
 /**
  * Resource-aware display context for inline editing.
  *

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;AAElF;;;;;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,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,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;AAElF;;;;;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,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"}

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

@@ -31,4 +31,4 @@ export class InlineEditMutationError extends Error {
         this.mutationError = mutationError;
     }
 }
-//# sourceMappingURL=automatic-displayer.utils.js.map
+//# sourceMappingURL=automatic-displayer.utils.js.map

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;AA8ClD,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"}
+{"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;AA8ClD,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';\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  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"]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
 export type AvatarProps = React.ComponentProps<"span">;
 export type AvatarImageProps = React.ComponentProps<"img">;
 export type AvatarFallbackProps = React.ComponentProps<"span">;

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AACtD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAC1D,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAI9D,MAAM,WAAW,cAAc;IAC7B,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACvC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IACjC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAA;CACxC;AAYD,wBAAgB,MAAM,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5H;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5I"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAGvH,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AACtD,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;AAC1D,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAA;AAI9D,MAAM,WAAW,cAAc;IAC7B,CAAC,KAAK,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACvC,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAA;IACjC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAA;CACxC;AAYD,wBAAgB,MAAM,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5H;AAED,wBAAgB,WAAW,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGtI;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAG5I"}

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

@@ -16,4 +16,4 @@ export function AvatarFallback({ preset = CorePresetNames.DEFAULT, ...props }) {
     const C = resolve(preset);
     return _jsx(C.Fallback, { ...props });
 }
-//# sourceMappingURL=avatar.js.map
+//# sourceMappingURL=avatar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../src/components/data-display/avatar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AACjI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAgB5F,mBAAmB;AAEnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,gBAAgB,EACtC,QAAQ,EACR,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAA;AAED,mBAAmB;AAEnB,MAAM,UAAU,MAAM,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAsC;IACvG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,GAAI,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA2C;IACjH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,KAAK,OAAK,KAAK,GAAI,CAAA;AAC/B,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA8C;IACvH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,QAAQ,OAAK,KAAK,GAAI,CAAA;AAClC,CAAC"}
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../../src/components/data-display/avatar.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,iFAAiF,CAAA;AACjI,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAgB5F,mBAAmB;AAEnB,MAAM,OAAO,GAAG,+BAA+B,CAC7C,qBAAqB,CAAC,gBAAgB,EACtC,QAAQ,EACR,CAAC,OAAO,EAAE,UAAU,CAAC,CACtB,CAAA;AAED,mBAAmB;AAEnB,MAAM,UAAU,MAAM,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAsC;IACvG,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,OAAK,KAAK,GAAI,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA2C;IACjH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,KAAK,OAAK,KAAK,GAAI,CAAA;AAC/B,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA8C;IACvH,MAAM,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzB,OAAO,KAAC,CAAC,CAAC,QAAQ,OAAK,KAAK,GAAI,CAAA;AAClC,CAAC","sourcesContent":["import React from 'react'\nimport { createCompoundComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\n\n// --- Contract ---\nexport type AvatarProps = React.ComponentProps<\"span\">\nexport type AvatarImageProps = React.ComponentProps<\"img\">\nexport type AvatarFallbackProps = React.ComponentProps<\"span\">\n\n// --- Compound type ---\n\nexport interface AvatarCompound {\n  (props: AvatarProps): React.JSX.Element\n  Image: React.FC<AvatarImageProps>\n  Fallback: React.FC<AvatarFallbackProps>\n}\n\n// --- Resolver ---\n\nconst resolve = createCompoundComponentResolver<AvatarCompound>(\n  FrontendComponentType.LOW_LEVEL_AVATAR,\n  'Avatar',\n  ['Image', 'Fallback']\n)\n\n// --- Wrappers ---\n\nexport function Avatar({ preset = CorePresetNames.DEFAULT, ...props }: AvatarProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C {...props} />\n}\n\nexport function AvatarImage({ preset = CorePresetNames.DEFAULT, ...props }: AvatarImageProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Image {...props} />\n}\n\nexport function AvatarFallback({ preset = CorePresetNames.DEFAULT, ...props }: AvatarFallbackProps & ComponentPresetProps): React.JSX.Element {\n  const C = resolve(preset)\n  return <C.Fallback {...props} />\n}\n"]}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas.js';
+import { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
 export type BadgeVariants_Variant = "default" | "secondary" | "destructive" | "outline" | "info" | "success" | "warning";
 export type BadgeProps = React.ComponentProps<"span"> & {
     variant?: BadgeVariants_Variant;

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;CAClB,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

@@ -6,4 +6,4 @@ export function Badge({ preset = CorePresetNames.DEFAULT, ...props }) {
     const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_BADGE, 'Badge')(preset);
     return _jsx(Component, { ...props });
 }
-//# sourceMappingURL=badge.js.map
+//# sourceMappingURL=badge.js.map

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"}
+{"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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"chart-echarts.d.ts","sourceRoot":"","sources":["../../../../src/components/data-display/chart-echarts.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG"}
+{"version":3,"file":"chart-echarts.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/chart-echarts.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG"}

package/dist/esm/components/data-display/chart-echarts.js

@@ -10,4 +10,4 @@ import React from 'react';
 const LazyChartView = React.lazy(() => import('../../components/views/chart-view/ChartView.js'));
 // Lazy-load ChartWidget (dashboard grid usage)
 const LazyChartWidget = React.lazy(() => import('../../components/views/chart-view/ChartWidget.js'));
-//# sourceMappingURL=chart-echarts.js.map
+//# sourceMappingURL=chart-echarts.js.map

package/dist/esm/components/data-display/chart-echarts.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-echarts.js","sourceRoot":"","sources":["../../../../src/components/data-display/chart-echarts.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,yDAAyD;AACzD,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAC9B,GAAG,EAAE,CAAC,MAAM,CAAC,2DAA2D,CAAC,CAC1E,CAAC;AAEF,+CAA+C;AAC/C,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAChC,GAAG,EAAE,CAAC,MAAM,CAAC,6DAA6D,CAAC,CAC5E,CAAC"}
+{"version":3,"file":"chart-echarts.js","sourceRoot":"","sources":["../../../../../src/components/data-display/chart-echarts.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,yDAAyD;AACzD,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAC9B,GAAG,EAAE,CAAC,MAAM,CAAC,2DAA2D,CAAC,CAC1E,CAAC;AAEF,+CAA+C;AAC/C,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAChC,GAAG,EAAE,CAAC,MAAM,CAAC,6DAA6D,CAAC,CAC5E,CAAC","sourcesContent":["/**\n * ECharts Chart Component Registration\n *\n * Registers ChartView and ChartWidget as HIGH_LEVEL_VIEWS components\n * in the component registry. Both are lazy-loaded to keep ECharts\n * out of the main bundle for apps that don't use charts.\n */\n\nimport React from 'react';\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';\n\n// Lazy-load ChartView (keeps ECharts out of main bundle)\nconst LazyChartView = React.lazy(\n  () => import('~wildo-frontend-lib/components/views/chart-view/ChartView'),\n);\n\n// Lazy-load ChartWidget (dashboard grid usage)\nconst LazyChartWidget = React.lazy(\n  () => import('~wildo-frontend-lib/components/views/chart-view/ChartWidget'),\n);\n\n\n"]}

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

@@ -3,7 +3,8 @@
  * down to DisplayField components.
  *
  * Resolution cascade (same pattern as FormChromeContext):
- *   Field decorator chromeMode → DisplayChromeContext.sectionChromeMode → DisplayChromeContext.displayChromeMode → STACKED
+ *   Field decorator chromeMode → DisplayChromeContext.sectionChromeMode
+ *   → DisplayChromeContext.displayChromeMode → surface autoFieldChrome → STACKED
  *
  * DisplayField reads from this context and passes the resolved mode to DisplayFieldChrome.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayChromeContext.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/chromes/DisplayChromeContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAElF,MAAM,WAAW,wBAAwB;IACvC,iBAAiB,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAA;IACtD,iBAAiB,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAA;CACvD;AAED,MAAM,WAAW,0BAA2B,SAAQ,wBAAwB;IAC1E,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,oBAAoB,yCAAiE,CAAC;AAE5F,iBAAS,qBAAqB,CAAC,EAC7B,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,GACT,EAAE,0BAA0B,2CAW5B;AAMD;;;GAGG;AACH,iBAAS,uBAAuB,IAAI,wBAAwB,CAE3D;AAED,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"DisplayChromeContext.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/chromes/DisplayChromeContext.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClF,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAElF,MAAM,WAAW,wBAAwB;IACvC,iBAAiB,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAA;IACtD,iBAAiB,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAA;CACvD;AAED,MAAM,WAAW,0BAA2B,SAAQ,wBAAwB;IAC1E,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,oBAAoB,yCAAiE,CAAC;AAE5F,iBAAS,qBAAqB,CAAC,EAC7B,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,GACT,EAAE,0BAA0B,2CAW5B;AAMD;;;GAGG;AACH,iBAAS,uBAAuB,IAAI,wBAAwB,CAE3D;AAED,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -4,7 +4,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * down to DisplayField components.
  *
  * Resolution cascade (same pattern as FormChromeContext):
- *   Field decorator chromeMode → DisplayChromeContext.sectionChromeMode → DisplayChromeContext.displayChromeMode → STACKED
+ *   Field decorator chromeMode → DisplayChromeContext.sectionChromeMode
+ *   → DisplayChromeContext.displayChromeMode → surface autoFieldChrome → STACKED
  *
  * DisplayField reads from this context and passes the resolved mode to DisplayFieldChrome.
  */
@@ -25,4 +26,4 @@ function useDisplayChromeContext() {
     return useContext(DisplayChromeContext) ?? {};
 }
 export { DisplayChromeContext, DisplayChromeProvider, useDisplayChromeContext };
-//# sourceMappingURL=DisplayChromeContext.js.map
+//# sourceMappingURL=DisplayChromeContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DisplayChromeContext.js","sourceRoot":"","sources":["../../../../../src/components/data-display/chromes/DisplayChromeContext.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AAEH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAYlF,MAAM,oBAAoB,GAAG,aAAa,CAAuC,SAAS,CAAC,CAAC;AAE5F,SAAS,qBAAqB,CAAC,EAC7B,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,GACmB;IAC3B,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC,EAChD,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACxC,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,OAAO;AACP,gFAAgF;AAEhF;;;GAGG;AACH,SAAS,uBAAuB;IAC9B,OAAO,UAAU,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;AAChD,CAAC;AAED,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"DisplayChromeContext.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/chromes/DisplayChromeContext.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;GASG;AAEH,OAAc,EAAE,aAAa,EAAE,UAAU,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AAYlF,MAAM,oBAAoB,GAAG,aAAa,CAAuC,SAAS,CAAC,CAAC;AAE5F,SAAS,qBAAqB,CAAC,EAC7B,iBAAiB,EACjB,iBAAiB,EACjB,QAAQ,GACmB;IAC3B,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAC,EAChD,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CACvC,CAAC;IAEF,OAAO,CACL,KAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACxC,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,OAAO;AACP,gFAAgF;AAEhF;;;GAGG;AACH,SAAS,uBAAuB;IAC9B,OAAO,UAAU,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;AAChD,CAAC;AAED,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,CAAC","sourcesContent":["/**\n * DisplayChromeContext — propagates section-level and display-level chrome mode defaults\n * down to DisplayField components.\n *\n * Resolution cascade (same pattern as FormChromeContext):\n *   Field decorator chromeMode → DisplayChromeContext.sectionChromeMode\n *   → DisplayChromeContext.displayChromeMode → surface autoFieldChrome → STACKED\n *\n * DisplayField reads from this context and passes the resolved mode to DisplayFieldChrome.\n */\n\nimport React, { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { DisplayChromeMode, ResponsiveAware } from '@wildo-ai/zod-decorators'\n\nexport interface DisplayChromeContextType {\n  displayChromeMode?: ResponsiveAware<DisplayChromeMode>\n  sectionChromeMode?: ResponsiveAware<DisplayChromeMode>\n}\n\nexport interface DisplayChromeProviderProps extends DisplayChromeContextType {\n  children: ReactNode\n}\n\nconst DisplayChromeContext = createContext<DisplayChromeContextType | undefined>(undefined);\n\nfunction DisplayChromeProvider({\n  displayChromeMode,\n  sectionChromeMode,\n  children,\n}: DisplayChromeProviderProps) {\n  const value = useMemo(\n    () => ({ displayChromeMode, sectionChromeMode }),\n    [displayChromeMode, sectionChromeMode],\n  );\n\n  return (\n    <DisplayChromeContext.Provider value={value}>\n      {children}\n    </DisplayChromeContext.Provider>\n  );\n}\n\n// =============================================================================\n// HOOK\n// =============================================================================\n\n/**\n * Read the chrome mode defaults from the nearest DisplayChromeProvider.\n * Returns empty object when no provider is mounted (field-level decorator is sole source).\n */\nfunction useDisplayChromeContext(): DisplayChromeContextType {\n  return useContext(DisplayChromeContext) ?? {};\n}\n\nexport { DisplayChromeContext, DisplayChromeProvider, useDisplayChromeContext };\n"]}

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

@@ -8,7 +8,7 @@
  * - No FieldError rendering
  *
  * Chrome mode is resolved via a two-phase cascade:
- *   Phase 1 (DisplayField): field decorator → section default → display default → STACKED
+ *   Phase 1 (DisplayField): field decorator → section default → display default → surface policy → STACKED
  *   Phase 2 (here): responsive viewport resolution via useUI()
  *
  * ## data-field safety net
@@ -20,12 +20,14 @@
 import * as React from "react";
 import { DisplayChromeMode, ViewportBreakpoint, type ResponsiveAware } from "@wildo-ai/zod-decorators";
 import type { ReactNode } from 'react';
+import { type AutoLabelPlacement } from "@wildo-ai/presets-components-models";
 export interface DisplayFieldChromeProps {
     mode?: ResponsiveAware<DisplayChromeMode>;
     label?: string;
     description?: string;
     tooltip?: string;
     name?: string;
+    labelPlacement?: AutoLabelPlacement;
     hideLabel?: boolean;
     hideDescription?: boolean;
     className?: string;
@@ -37,7 +39,7 @@ export interface DisplayFieldChromeProps {
  *
  * Fallback chain: mode[currentBreakpoint] → mode[DESKTOP] → STACKED
  */
-declare function resolveEffectiveDisplayChromeMode(chromeMode: ResponsiveAware<DisplayChromeMode> | undefined, currentBreakpoint: ViewportBreakpoint, _isMobile: boolean): DisplayChromeMode;
-declare function DisplayFieldChrome({ mode, label, description, tooltip, name, hideLabel, hideDescription, className, children, }: DisplayFieldChromeProps): React.JSX.Element;
+declare function resolveEffectiveDisplayChromeMode(chromeMode: ResponsiveAware<DisplayChromeMode> | undefined, currentBreakpoint: ViewportBreakpoint, isMobile: boolean): DisplayChromeMode;
+declare function DisplayFieldChrome({ mode, label, description, tooltip, name, labelPlacement, hideLabel, hideDescription, 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;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,eAAe,EACrB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQtC,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAOD;;;;;GAKG;AACH,iBAAS,iCAAiC,CACxC,UAAU,EAAE,eAAe,CAAC,iBAAiB,CAAC,GAAG,SAAS,EAC1D,iBAAiB,EAAE,kBAAkB,EACrC,SAAS,EAAE,OAAO,GACjB,iBAAiB,CAcnB;AAkCD,iBAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,EACJ,SAAS,EACT,eAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkF7C;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;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,KAAK,eAAe,EACrB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,OAAO,EAAqC,KAAK,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AAIhH,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC,iBAAiB,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,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,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAOD;;;;;GAKG;AACH,iBAAS,iCAAiC,CACxC,UAAU,EAAE,eAAe,CAAC,iBAAiB,CAAC,GAAG,SAAS,EAC1D,iBAAiB,EAAE,kBAAkB,EACrC,QAAQ,EAAE,OAAO,GAChB,iBAAiB,CAgBnB;AAmCD,iBAAS,kBAAkB,CAAC,EAC1B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,IAAI,EACJ,cAAc,EACd,SAAS,EACT,eAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsJ7C;AAID,OAAO,EAAE,kBAAkB,EAAE,iCAAiC,EAAE,CAAA"}

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

@@ -20,52 +20,86 @@ import { Button, ButtonVariants_Variant } from "../../../components/actions/butt
  *
  * Fallback chain: mode[currentBreakpoint] → mode[DESKTOP] → STACKED
  */
-function resolveEffectiveDisplayChromeMode(chromeMode, currentBreakpoint, _isMobile) {
+function resolveEffectiveDisplayChromeMode(chromeMode, currentBreakpoint, isMobile) {
     if (chromeMode === undefined || chromeMode === null) {
         return DisplayChromeMode.STACKED;
     }
-    if (typeof chromeMode === "string") {
-        return chromeMode;
+    const resolved = typeof chromeMode === "string"
+        ? chromeMode
+        : (chromeMode[currentBreakpoint] ?? chromeMode[ViewportBreakpoint.DESKTOP] ?? DisplayChromeMode.STACKED);
+    // SETTINGS_ROW has no horizontal room on mobile — collapse to STACKED
+    // (mirrors the same auto-collapse in FormFieldChrome so view/edit stay aligned).
+    if (resolved === DisplayChromeMode.SETTINGS_ROW && isMobile) {
+        return DisplayChromeMode.STACKED;
     }
-    return (chromeMode[currentBreakpoint] ??
-        chromeMode[ViewportBreakpoint.DESKTOP] ??
-        DisplayChromeMode.STACKED);
+    return resolved;
 }
 // =============================================================================
 // TOOLTIP ICON HELPER
 // =============================================================================
 function DisplayTooltipIcon({ text }) {
     const { renderIcon } = useIconRegistry();
-    const { tComponent } = useI18n({
+    const { tComponent, isReady } = useI18n({
         component: FrontendComponentType.LOW_LEVEL_FORM_FIELD,
     });
+    if (!isReady)
+        return null;
     return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: ButtonVariants_Variant.GHOST, size: ButtonSize.ICON_SM, className: "ms-1 rounded-full", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'moreInformation'), tabIndex: -1, children: renderIcon(StandardIconReference.INFO, { size: IconSize.XS }) }) }), _jsx(TooltipContent, { children: text })] }));
 }
 // =============================================================================
 // COMPONENT
 // =============================================================================
-function DisplayFieldChrome({ mode, label, description, tooltip, name, hideLabel, hideDescription, className, children, }) {
+function DisplayFieldChrome({ mode, label, description, tooltip, name, labelPlacement, hideLabel, hideDescription, className, children, }) {
     const { currentBreakpoint, isMobile } = useUI();
     const effectiveMode = useMemo(() => resolveEffectiveDisplayChromeMode(mode, currentBreakpoint, isMobile), [mode, currentBreakpoint, isMobile]);
-    const showLabel = !hideLabel && !!label && effectiveMode !== DisplayChromeMode.COMPACT && effectiveMode !== DisplayChromeMode.HIDDEN;
+    const effectiveLabelPlacement = labelPlacement ?? (effectiveMode === DisplayChromeMode.INLINE ? 'inline' : 'top');
+    const showLabel = !hideLabel && !!label && effectiveLabelPlacement !== 'hidden' && effectiveMode !== DisplayChromeMode.COMPACT && effectiveMode !== DisplayChromeMode.HIDDEN;
     const showDescription = !hideDescription && !!description && effectiveMode !== DisplayChromeMode.COMPACT && effectiveMode !== DisplayChromeMode.HIDDEN;
+    const hiddenLabel = !hideLabel && !!label && effectiveLabelPlacement === 'hidden'
+        ? _jsx("span", { className: "sr-only", children: label })
+        : null;
     // ── HIDDEN mode: pass through ──
     if (effectiveMode === DisplayChromeMode.HIDDEN) {
-        return _jsx(_Fragment, { children: children });
+        return _jsxs(_Fragment, { children: [hiddenLabel, children] });
     }
     // ── COMPACT mode: bare value, no chrome ──
     if (effectiveMode === DisplayChromeMode.COMPACT) {
-        return (_jsx("div", { "data-slot": "field-chrome", "data-chrome-mode": "compact", "data-field": name, "data-testid": name ? `field-${name}` : undefined, "data-guidance-field": name, className: className, children: children }));
+        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] }));
+    }
+    // ── SETTINGS_ROW mode: a self-contained settings list-item (read mode) ──
+    // Read-mode counterpart of the form's SETTINGS_ROW (FormFieldChrome) — IDENTICAL
+    // row geometry (same `py-group` rhythm, same hairline `border-b … last:border-b-0`
+    // divider, same fixed-width inline-end column) so a view→edit drill keeps the
+    // value/control in the same place and a read-only settings list reads exactly
+    // like its editable twin. Values right-align to the row's inline-end edge
+    // (`items-end text-end`) so badges / ✓✗ booleans / text all share one edge
+    // instead of the previous ragged 200–320px box. See FormFieldChrome for the
+    // full rationale.
+    if (effectiveMode === DisplayChromeMode.SETTINGS_ROW) {
+        return (_jsxs("div", { "data-slot": "field-chrome", "data-chrome-mode": "settings_row", "data-label-placement": effectiveLabelPlacement, "data-field": name, "data-testid": name ? `field-${name}` : undefined, "data-guidance-field": name, className: cn(
+            // Row rhythm (T4): a compact min-height + a subtle hover affordance so a
+            // settings list reads as scannable rows, not a flat stack. Vertical
+            // alignment is CONTENT-AWARE: a single-line row (no description) CENTERS
+            // its label + control in the min-height (`items-center`) so there is no
+            // dead space below the label — this is what made the rows read too tall;
+            // a row WITH a description top-aligns (`items-start`) so the control lines
+            // up with the label's first line and the description flows beneath.
+            // The row OWNS its inline padding (`px-card`): inside a CARD settings
+            // list the body is padding-less, so the row's `border-b` runs full-bleed
+            // to the card edge while `px-card` keeps the text inset; in a flat host
+            // the same `px-card` gives consistent inset. Block padding stays tight
+            // (`py-card-sm`) to keep rows compact.
+            "flex flex-row gap-section min-h-10 px-card py-card-sm border-b border-border last:border-b-0 hover:bg-muted/50 transition-colors", showDescription ? "items-start" : "items-center", className), children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-element-xs", children: [hiddenLabel, showLabel && (_jsxs(FieldLabel, { children: [label, tooltip && _jsx(DisplayTooltipIcon, { text: tooltip })] })), showDescription && _jsx(FieldDescription, { children: description })] }), _jsx("div", { className: "flex w-72 max-w-[55%] min-w-0 shrink flex-col items-end gap-element-xs text-end", children: children })] }));
     }
-    // ── INLINE mode: label left, value right (visually reversed via CSS) ──
-    // DOM order: label → value (accessible), visual order: value ← label (via flex-row-reverse)
-    if (effectiveMode === DisplayChromeMode.INLINE) {
-        return (_jsxs(Field, { orientation: FieldVariants_Orientation.HORIZONTAL, "data-slot": "field-chrome", "data-chrome-mode": "inline", "data-field": name, "data-testid": name ? `field-${name}` : undefined, "data-guidance-field": name, className: cn("flex-row-reverse", className), children: [_jsxs(FieldContent, { children: [showLabel && (_jsx(FieldTitle, { children: _jsxs(FieldLabel, { children: [label, tooltip && _jsx(DisplayTooltipIcon, { text: tooltip })] }) })), showDescription && _jsx(FieldDescription, { children: description })] }), children] }));
+    // ── Horizontal label modes ──
+    if (effectiveLabelPlacement === 'start' || effectiveLabelPlacement === 'inline') {
+        const isInlinePlacement = effectiveLabelPlacement === 'inline';
+        return (_jsxs(Field, { orientation: FieldVariants_Orientation.HORIZONTAL, "data-slot": "field-chrome", "data-chrome-mode": "inline", "data-label-placement": effectiveLabelPlacement, "data-field": name, "data-testid": name ? `field-${name}` : undefined, "data-guidance-field": name, className: cn(isInlinePlacement && "flex-row-reverse", className), children: [hiddenLabel, _jsxs(FieldContent, { children: [showLabel && (_jsx(FieldTitle, { children: _jsxs(FieldLabel, { children: [label, tooltip && _jsx(DisplayTooltipIcon, { text: tooltip })] }) })), showDescription && _jsx(FieldDescription, { children: description })] }), children] }));
     }
     // ── STACKED mode (default): label above, value, description below ──
-    return (_jsxs(Field, { orientation: FieldVariants_Orientation.VERTICAL, "data-slot": "field-chrome", "data-chrome-mode": "stacked", "data-field": name, "data-testid": name ? `field-${name}` : undefined, "data-guidance-field": name, className: className, children: [showLabel && (_jsxs(FieldLabel, { children: [label, tooltip && _jsx(DisplayTooltipIcon, { text: tooltip })] })), children, showDescription && _jsx(FieldDescription, { children: description })] }));
+    return (_jsxs(Field, { orientation: FieldVariants_Orientation.VERTICAL, "data-slot": "field-chrome", "data-chrome-mode": "stacked", "data-label-placement": effectiveLabelPlacement, "data-field": name, "data-testid": name ? `field-${name}` : undefined, "data-guidance-field": name, className: className, children: [hiddenLabel, showLabel && (_jsxs(FieldLabel, { children: [label, tooltip && _jsx(DisplayTooltipIcon, { text: tooltip })] })), children, showDescription && _jsx(FieldDescription, { children: description })] }));
 }
 ;
 DisplayFieldChrome.displayName = "DisplayFieldChrome";
 export { DisplayFieldChrome, resolveEffectiveDisplayChromeMode };
-//# sourceMappingURL=DisplayFieldChrome.js.map
+//# sourceMappingURL=DisplayFieldChrome.js.map