@wildo-ai/presets-components 1.1.4 → 1.1.6

package/dist/esm/components/data-display/formatters/display-field-date.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-date.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-date.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAaZ,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,SAAS,gBAAgB,CAAC,EACxB,KAAK,EACL,SAAS,GACa;IACtB,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAE9G,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,UAAU,CAAC,KAAK,CAAC,GAAQ,CAAA;AAC/D,CAAC;AAED,CAAC;AAAC,gBAAsE,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEzG,OAAO,EAAE,gBAAgB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldDate Component\n *\n * Displays a date value formatted according to regional preferences.\n * Uses the centralized formatting from ComponentsLabellingContext.\n *\n * Label/description rendering is handled by the parent DisplayField (FIELD-01).\n */\n\nimport * as React from \"react\"\n\nimport { Text } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldDateProps } from '@wildo-ai/saas-frontend-lib'\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nfunction DisplayFieldDate({\n  value,\n  className,\n}: DisplayFieldDateProps): React.JSX.Element | null {\n  const { formatDate, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  if (!isReady) return null\n\n  if (value === null || value === undefined) {\n    return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n  }\n\n  return <Text className={className}>{formatDate(value)}</Text>\n}\n\n;(DisplayFieldDate as typeof DisplayFieldDate & { displayName: string }).displayName = \"DisplayFieldDate\"\n\nexport { DisplayFieldDate }\n"]}
+{"version":3,"file":"display-field-date.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-date.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAaZ,OAAO,EAAE,IAAI,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,SAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,GACa;IACtB,MAAM,EAAE,wBAAwB,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAExI,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,MAAM,EAAE,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IAE5B,+FAA+F;IAC/F,+FAA+F;IAC/F,6FAA6F;IAC7F,MAAM,aAAa,GAAG,0BAA0B,CAAC,EAAE,CAAC,CAAA;IAEpD,MAAM,QAAQ,GAAG,wBAAwB,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC,CAAA;IAC5E,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAA;IAElC,+FAA+F;IAC/F,6FAA6F;IAC7F,+FAA+F;IAC/F,gGAAgG;IAChG,gEAAgE;IAChE,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YAC5E,QAAQ,GACJ,CACR,CAAA;AACH,CAAC;AAED,CAAC;AAAC,gBAAsE,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEzG,OAAO,EAAE,gBAAgB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldDate Component\n *\n * Displays a date value according to regional preferences and the field's authored\n * `DateDisplayMode` — ABSOLUTE (the default), RELATIVE, or AUTO.\n *\n * Label/description rendering is handled by the parent DisplayField (FIELD-01).\n */\n\nimport * as React from \"react\"\n\nimport { Text, useContextualDisplayParams } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldDateProps } from '@wildo-ai/saas-frontend-lib'\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport { getDateUI } from \"@wildo-ai/zod-decorators\"\n\nfunction DisplayFieldDate({\n  schema,\n  value,\n  className,\n}: DisplayFieldDateProps): React.JSX.Element | null {\n  const { formatDateForDisplayMode, formatDate, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  if (!isReady) return null\n\n  if (value === null || value === undefined) {\n    return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n  }\n\n  const ui = getDateUI(schema)\n\n  // SUMMARY surfaces (cards, list rows, FK previews) merge `summaryOverride` over `display`, the\n  // same contract the enum renderer honours. It earns its keep here more than anywhere: a detail\n  // page wants the date a thing is due, and the card listing twenty of them wants \"in 3 days\".\n  const displayParams = useContextualDisplayParams(ui)\n\n  const rendered = formatDateForDisplayMode(value, displayParams?.displayMode)\n  const absolute = formatDate(value)\n\n  // A relative phrase is an approximation of a fact the record holds exactly, so the exact value\n  // stays one hover away. Without it, \"in 3 days\" would be the ONLY thing a reader could learn\n  // about a deadline from this field — which is a worse surface than the plain date it replaced,\n  // and would make the mode a trade rather than an improvement. Omitted when the two agree, so an\n  // absolute rendering does not carry a tooltip repeating itself.\n  return (\n    <Text className={className} title={rendered === absolute ? undefined : absolute}>\n      {rendered}\n    </Text>\n  )\n}\n\n;(DisplayFieldDate as typeof DisplayFieldDate & { displayName: string }).displayName = \"DisplayFieldDate\"\n\nexport { DisplayFieldDate }\n"]}

package/dist/esm/components/data-display/formatters/display-field-date.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-date.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-date.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"display-field-date.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-date.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-datetime.d.ts

@@ -1,13 +1,13 @@
 /**
  * DisplayFieldDateTime Component
  *
- * Displays a datetime value formatted according to regional preferences.
- * Uses the centralized formatting from ComponentsLabellingContext.
+ * Displays a datetime value according to regional preferences and the field's authored
+ * `DateDisplayMode` — ABSOLUTE (the default), RELATIVE, or AUTO.
  *
  * Label/description rendering is handled by the parent DisplayField (FIELD-01).
  */
 import * as React from "react";
 import type { DisplayFieldDateTimeProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldDateTime({ value, className, }: DisplayFieldDateTimeProps): React.JSX.Element | null;
+declare function DisplayFieldDateTime({ schema, value, className, }: DisplayFieldDateTimeProps): React.JSX.Element | null;
 export { DisplayFieldDateTime };
 //# sourceMappingURL=display-field-datetime.d.ts.map

package/dist/esm/components/data-display/formatters/display-field-datetime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-datetime.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-datetime.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAI5E,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAUtD;AAID,OAAO,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"display-field-datetime.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-datetime.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAK5E,iBAAS,oBAAoB,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6BtD;AAID,OAAO,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-datetime.js

@@ -1,16 +1,29 @@
 "use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from "@wildo-ai/saas-frontend-lib";
+import { Text, useContextualDisplayParams } from "@wildo-ai/saas-frontend-lib";
 import { useI18n } from "@wildo-ai/saas-frontend-lib";
 import { FrontendComponentType } from "@wildo-ai/presets-components-models";
-function DisplayFieldDateTime({ value, className, }) {
-    const { formatDateTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+import { getDateTimeUI } from "@wildo-ai/zod-decorators";
+function DisplayFieldDateTime({ schema, value, className, }) {
+    const { formatDateTimeForDisplayMode, formatDateTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
     if (!isReady)
         return null;
     if (value === null || value === undefined) {
         return _jsxs(_Fragment, { children: [_jsx(Text, { className: "text-muted-foreground italic", "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue') })] });
     }
-    return _jsx(Text, { className: className, children: formatDateTime(value) });
+    const ui = getDateTimeUI(schema);
+    // SUMMARY surfaces (cards, list rows, FK previews) merge `summaryOverride` over `display`, the
+    // same contract the enum renderer honours. It earns its keep here more than anywhere: a detail
+    // page wants the date a thing is due, and the card listing twenty of them wants "in 3 days".
+    const displayParams = useContextualDisplayParams(ui);
+    const rendered = formatDateTimeForDisplayMode(value, displayParams?.displayMode);
+    const absolute = formatDateTime(value);
+    // A relative phrase is an approximation of a fact the record holds exactly, so the exact value
+    // stays one hover away. Without it, "in 3 days" would be the ONLY thing a reader could learn
+    // about a deadline from this field — which is a worse surface than the plain date it replaced,
+    // and would make the mode a trade rather than an improvement. Omitted when the two agree, so an
+    // absolute rendering does not carry a tooltip repeating itself.
+    return (_jsx(Text, { className: className, title: rendered === absolute ? undefined : absolute, children: rendered }));
 }
 ;
 DisplayFieldDateTime.displayName = "DisplayFieldDateTime";

package/dist/esm/components/data-display/formatters/display-field-datetime.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-datetime.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-datetime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAaZ,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,SAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,SAAS,GACiB;IAC1B,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAElH,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,YAAG,cAAc,CAAC,KAAK,CAAC,GAAQ,CAAA;AACnE,CAAC;AAED,CAAC;AAAC,oBAA8E,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAErH,OAAO,EAAE,oBAAoB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldDateTime Component\n *\n * Displays a datetime value formatted according to regional preferences.\n * Uses the centralized formatting from ComponentsLabellingContext.\n *\n * Label/description rendering is handled by the parent DisplayField (FIELD-01).\n */\n\nimport * as React from \"react\"\n\nimport { Text } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldDateTimeProps } from '@wildo-ai/saas-frontend-lib'\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\n\nfunction DisplayFieldDateTime({\n  value,\n  className,\n}: DisplayFieldDateTimeProps): React.JSX.Element | null {\n  const { formatDateTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  if (!isReady) return null\n\n  if (value === null || value === undefined) {\n    return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n  }\n\n  return <Text className={className}>{formatDateTime(value)}</Text>\n}\n\n;(DisplayFieldDateTime as typeof DisplayFieldDateTime & { displayName: string }).displayName = \"DisplayFieldDateTime\"\n\nexport { DisplayFieldDateTime }\n"]}
+{"version":3,"file":"display-field-datetime.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-datetime.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAaZ,OAAO,EAAE,IAAI,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAE9E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD,SAAS,oBAAoB,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,SAAS,GACiB;IAC1B,MAAM,EAAE,4BAA4B,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAEhJ,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;IAC5L,CAAC;IAED,MAAM,EAAE,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;IAEhC,+FAA+F;IAC/F,+FAA+F;IAC/F,6FAA6F;IAC7F,MAAM,aAAa,GAAG,0BAA0B,CAAC,EAAE,CAAC,CAAA;IAEpD,MAAM,QAAQ,GAAG,4BAA4B,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,CAAC,CAAA;IAChF,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,CAAA;IAEtC,+FAA+F;IAC/F,6FAA6F;IAC7F,+FAA+F;IAC/F,gGAAgG;IAChG,gEAAgE;IAChE,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,YAC5E,QAAQ,GACJ,CACR,CAAA;AACH,CAAC;AAED,CAAC;AAAC,oBAA8E,CAAC,WAAW,GAAG,sBAAsB,CAAA;AAErH,OAAO,EAAE,oBAAoB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldDateTime Component\n *\n * Displays a datetime value according to regional preferences and the field's authored\n * `DateDisplayMode` — ABSOLUTE (the default), RELATIVE, or AUTO.\n *\n * Label/description rendering is handled by the parent DisplayField (FIELD-01).\n */\n\nimport * as React from \"react\"\n\nimport { Text, useContextualDisplayParams } from \"@wildo-ai/saas-frontend-lib\"\nimport type { DisplayFieldDateTimeProps } from '@wildo-ai/saas-frontend-lib'\nimport { useI18n } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport { getDateTimeUI } from \"@wildo-ai/zod-decorators\"\n\nfunction DisplayFieldDateTime({\n  schema,\n  value,\n  className,\n}: DisplayFieldDateTimeProps): React.JSX.Element | null {\n  const { formatDateTimeForDisplayMode, formatDateTime, tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n\n  if (!isReady) return null\n\n  if (value === null || value === undefined) {\n    return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n  }\n\n  const ui = getDateTimeUI(schema)\n\n  // SUMMARY surfaces (cards, list rows, FK previews) merge `summaryOverride` over `display`, the\n  // same contract the enum renderer honours. It earns its keep here more than anywhere: a detail\n  // page wants the date a thing is due, and the card listing twenty of them wants \"in 3 days\".\n  const displayParams = useContextualDisplayParams(ui)\n\n  const rendered = formatDateTimeForDisplayMode(value, displayParams?.displayMode)\n  const absolute = formatDateTime(value)\n\n  // A relative phrase is an approximation of a fact the record holds exactly, so the exact value\n  // stays one hover away. Without it, \"in 3 days\" would be the ONLY thing a reader could learn\n  // about a deadline from this field — which is a worse surface than the plain date it replaced,\n  // and would make the mode a trade rather than an improvement. Omitted when the two agree, so an\n  // absolute rendering does not carry a tooltip repeating itself.\n  return (\n    <Text className={className} title={rendered === absolute ? undefined : absolute}>\n      {rendered}\n    </Text>\n  )\n}\n\n;(DisplayFieldDateTime as typeof DisplayFieldDateTime & { displayName: string }).displayName = \"DisplayFieldDateTime\"\n\nexport { DisplayFieldDateTime }\n"]}

package/dist/esm/components/data-display/formatters/display-field-datetime.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-datetime.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-datetime.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,kCAAkC,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"display-field-datetime.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-datetime.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,kCAAkC,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-duration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-duration.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-duration.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAE7E;;;;GAIG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA8CtD;AAKD,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"display-field-duration.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-duration.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAE7E;;;;GAIG;AACH,iBAAS,oBAAoB,CAAC,EAC5B,MAAM,EACN,KAAK,EACL,SAAS,GACV,EAAE,yBAAyB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA8CtD;AAKD,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-duration.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-duration.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-duration.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,kCAAkC,EAAE,mBAAmB,EAMnE,CAAC"}
+{"version":3,"file":"display-field-duration.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-duration.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,kCAAkC,EAAE,mBAAmB,EAMnE,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-enum.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-enum.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-enum.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAGxE;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAkHlD;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"display-field-enum.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-enum.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAGxE;;;;GAIG;AACH,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,GACP,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAoIlD;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-enum.js

@@ -7,26 +7,24 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
  * Supports different display modes: text, badge, icon, card
  */
 import * as React from "react";
-import { cn, useI18n, useIconRegistry, IconSize, ICON_SIZE_MAP, Text, Badge, Card, DisplayContextKind, useDisplayContextKind } from "@wildo-ai/saas-frontend-lib";
-import { FrontendComponentType } from "@wildo-ai/presets-components-models";
-import { EnumDisplayMode, getEnumUI } from "@wildo-ai/zod-decorators";
+import { useI18n, useIconRegistry, IconSize, ICON_SIZE_MAP, Text, Badge, Card, useContextualDisplayParams, resolveEnumDisplayConfig } from "@wildo-ai/saas-frontend-lib";
+import { FrontendComponentType, resolveVocabularyWordKey } from "@wildo-ai/presets-components-models";
+import { EnumDisplayMode, getSystemEnumName } from "@wildo-ai/zod-decorators";
 /**
  * DisplayFieldEnum component
  *
  * Renders an enum value according to the display policy
  */
 function DisplayFieldEnum({ schema, value, className, labels, }) {
-    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
+    const { tComponent, t, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD });
     const { renderIcon } = useIconRegistry();
-    const displayContextKind = useDisplayContextKind();
-    const enumUI = getEnumUI(schema);
+    // The field's own metadata over the registered vocabulary's (#1321) — see `resolveEnumDisplayConfig`.
+    const enumUI = resolveEnumDisplayConfig(schema);
     // SUMMARY surfaces (cards, FK previews) merge `summaryOverride` over
     // `display` — the {primitive}UI decorator contract. E.g. a priority enum can
     // render `BADGE` on the detail page but `summaryOverride: { displayMode: ICON }`
     // (icon-only) on list cards.
-    const displayParams = displayContextKind === DisplayContextKind.SUMMARY
-        ? { ...enumUI?.display, ...enumUI?.summaryOverride }
-        : enumUI?.display;
+    const displayParams = useContextualDisplayParams(enumUI);
     const displayMode = displayParams?.displayMode ?? EnumDisplayMode.TEXT;
     const resolveColor = (enumValue, fallback) => {
         return (enumUI?.values?.[enumValue]?.color
@@ -37,8 +35,22 @@ function DisplayFieldEnum({ schema, value, className, labels, }) {
         return (enumUI?.values?.[enumValue]?.icon
             ?? enumUI?.defaultIcon);
     };
+    /*
+     * A value the resolved `labels` do not cover, on a field that names its vocabulary (#1851). The labels are built from
+     * the enum's own MEMBERS, so a union such as a feature list (`z.enum(CoreFeature) | z.string()`) carries values no
+     * member names — an application's own feature ids — and those read their word straight from the vocabulary, where
+     * it keeps it (`resolveVocabularyWordKey`). A value with no word shows itself: a missing label that looks missing.
+     */
+    const vocabulary = schema ? getSystemEnumName(schema) : undefined;
+    const vocabularyWord = (enumValue) => {
+        if (!vocabulary)
+            return undefined;
+        const key = resolveVocabularyWordKey(vocabulary, enumValue);
+        const word = t(key);
+        return word === key ? undefined : word;
+    };
     // Get display label for the value
-    const displayLabel = value ? (labels?.[value] ?? value) : null;
+    const displayLabel = value ? (labels?.[value] ?? vocabularyWord(value) ?? value) : null;
     /**
      * Render an `IconLike` — dispatches between string refs (via icon registry)
      * and direct React component refs (via createElement).
@@ -63,7 +75,13 @@ function DisplayFieldEnum({ schema, value, className, labels, }) {
             case EnumDisplayMode.BADGE: {
                 const variant = resolveColor(value, 'secondary');
                 const icon = resolveIcon(value);
-                return (_jsxs(Badge, { variant: variant, className: cn(icon && 'inline-flex items-center gap-item-xs'), children: [icon ? renderIconLike(icon, IconSize.SM) : null, displayLabel] }));
+                /*
+                 * NO local layout class on the badge. `Badge` is already `inline-flex items-center` with
+                 * the glyph gap its own structure owns; restating it here was a second copy of the same
+                 * decision, and the copy carried the one-pixel gap long after the shared one could have
+                 * fixed it for every badge at once.
+                 */
+                return (_jsxs(Badge, { variant: variant, children: [icon ? renderIconLike(icon, IconSize.SM) : null, displayLabel] }));
             }
             // ICON — the COMPACT, icon-only representation: a colored badge carrying
             // just the value's icon; the label goes to assistive tech (sr-only) and

package/dist/esm/components/data-display/formatters/display-field-enum.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-enum.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-enum.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,aAAa,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AACjK,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAKrE;;;;GAIG;AACH,SAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,MAAM,GACgB;IACtB,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IAClG,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,kBAAkB,GAAG,qBAAqB,EAAE,CAAA;IAElD,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IAChC,qEAAqE;IACrE,6EAA6E;IAC7E,iFAAiF;IACjF,6BAA6B;IAC7B,MAAM,aAAa,GAAG,kBAAkB,KAAK,kBAAkB,CAAC,OAAO;QACrE,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,eAAe,EAAE;QACpD,CAAC,CAAC,MAAM,EAAE,OAAO,CAAA;IACnB,MAAM,WAAW,GAAG,aAAa,EAAE,WAAW,IAAI,eAAe,CAAC,IAAI,CAAA;IAEtE,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAE,QAA+B,EAAyB,EAAE;QACjG,OAAO,CACL,MAAM,EAAE,MAAM,EAAE,CAAC,SAAS,CAAC,EAAE,KAAK;eAC/B,MAAM,EAAE,YAAY;eACpB,QAAQ,CACa,CAAA;IAC5B,CAAC,CAAA;IAED,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAwB,EAAE;QAC9D,OAAO,CACL,MAAM,EAAE,MAAM,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI;eAC9B,MAAM,EAAE,WAAW,CACvB,CAAA;IACH,CAAC,CAAA;IAED,kCAAkC;IAClC,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;IAE9D;;;OAGG;IACH,MAAM,cAAc,GAAG,CAAC,IAAc,EAAE,IAAc,EAAE,SAAkB,EAAmB,EAAE;QAC7F,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC7B,OAAO,UAAU,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAA;QAC9C,CAAC;QACD,MAAM,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,CAAA;QACxC,OAAO,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,CAAC,CAAA;IACrE,CAAC,CAAA;IAED,2BAA2B;IAC3B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,wBAAwB;QACxB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YACnF,OAAO,8BAAE,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,EAAA,eAAM,SAAS,EAAC,SAAS,YAAE,UAAU,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,SAAS,CAAC,GAAQ,IAAG,CAAA;QAC5L,CAAC;QAED,+BAA+B;QAC/B,QAAQ,WAAW,EAAE,CAAC;YACpB,KAAK,eAAe,CAAC,IAAI;gBACvB,OAAO,KAAC,IAAI,cAAE,YAAY,GAAQ,CAAA;YAEpC,KAAK,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;gBAC3B,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,EAAE,WAAW,CAAC,CAAA;gBAChD,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;gBAC/B,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,IAAI,IAAI,sCAAsC,CAAC,aACnF,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,EAC/C,YAAY,IACP,CACT,CAAA;YACH,CAAC;YAED,yEAAyE;YACzE,wEAAwE;YACxE,mEAAmE;YACnE,yEAAyE;YACzE,uEAAuE;YACvE,KAAK,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;gBAC1B,MAAM,WAAW,GAAG,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,CAAA;gBAClD,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;gBAE/B,IAAI,IAAI,EAAE,CAAC;oBACT,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,YAAY,aAChE,cAAc,CAAC,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,EAClC,eAAM,SAAS,EAAC,SAAS,YAAE,YAAY,GAAQ,IACzC,CACT,CAAA;gBACH,CAAC;gBAED,iEAAiE;gBACjE,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,8BAA8B,EACxC,KAAK,EAAE,YAAY,YAEnB,eAAM,SAAS,EAAC,SAAS,YAAE,YAAY,GAAQ,GACzC,CACT,CAAA;YACH,CAAC;YAED,KAAK,eAAe,CAAC,IAAI;gBACvB,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,YAC7C,KAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,YAAE,YAAY,GAAQ,GACtD,CACR,CAAA;YAEH;gBACE,OAAO,KAAC,IAAI,cAAE,YAAY,GAAQ,CAAA;QACtC,CAAC;IACH,CAAC,CAAA;IAED,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,+EAA+E;IAC/E,OAAO,cAAK,SAAS,EAAE,SAAS,YAAG,WAAW,EAAE,GAAO,CAAA;AACzD,CAAC;AAED,CAAC;AAAC,gBAAsE,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEzG,OAAO,EAAE,gBAAgB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldEnum Component\n *\n * Displays an enum value based on the enum UI decorator.\n * Supports different display modes: text, badge, icon, card\n */\n\nimport * as React from \"react\"\n\nimport { cn, useI18n, useIconRegistry, IconSize, ICON_SIZE_MAP, Text, Badge, Card, DisplayContextKind, useDisplayContextKind } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType } from \"@wildo-ai/presets-components-models\"\nimport { EnumDisplayMode, getEnumUI } from \"@wildo-ai/zod-decorators\"\nimport type { IconLike } from \"@wildo-ai/zod-decorators\"\nimport type { DisplayFieldEnumProps } from '@wildo-ai/saas-frontend-lib'\nimport type { BadgeVariants_Variant } from '@wildo-ai/saas-frontend-lib'\n\n/**\n * DisplayFieldEnum component\n *\n * Renders an enum value according to the display policy\n */\nfunction DisplayFieldEnum({\n  schema,\n  value,\n  className,\n  labels,\n}: DisplayFieldEnumProps): React.JSX.Element | null {\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n  const { renderIcon } = useIconRegistry()\n  const displayContextKind = useDisplayContextKind()\n\n  const enumUI = getEnumUI(schema)\n  // SUMMARY surfaces (cards, FK previews) merge `summaryOverride` over\n  // `display` — the {primitive}UI decorator contract. E.g. a priority enum can\n  // render `BADGE` on the detail page but `summaryOverride: { displayMode: ICON }`\n  // (icon-only) on list cards.\n  const displayParams = displayContextKind === DisplayContextKind.SUMMARY\n    ? { ...enumUI?.display, ...enumUI?.summaryOverride }\n    : enumUI?.display\n  const displayMode = displayParams?.displayMode ?? EnumDisplayMode.TEXT\n\n  const resolveColor = (enumValue: string, fallback: BadgeVariants_Variant): BadgeVariants_Variant => {\n    return (\n      enumUI?.values?.[enumValue]?.color\n      ?? enumUI?.defaultColor\n      ?? fallback\n    ) as BadgeVariants_Variant\n  }\n\n  const resolveIcon = (enumValue: string): IconLike | undefined => {\n    return (\n      enumUI?.values?.[enumValue]?.icon\n      ?? enumUI?.defaultIcon\n    )\n  }\n\n  // Get display label for the value\n  const displayLabel = value ? (labels?.[value] ?? value) : null\n\n  /**\n   * Render an `IconLike` — dispatches between string refs (via icon registry)\n   * and direct React component refs (via createElement).\n   */\n  const renderIconLike = (icon: IconLike, size: IconSize, className?: string): React.ReactNode => {\n    if (typeof icon === 'string') {\n      return renderIcon(icon, { size, className })\n    }\n    const sizeInPixels = ICON_SIZE_MAP[size]\n    return React.createElement(icon, { size: sizeInPixels, className })\n  }\n\n  // Render the value content\n  const renderValue = () => {\n    // Handle null/undefined\n    if (value === null || value === undefined || value === '' || displayLabel === null) {\n      return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n    }\n\n    // Render based on display mode\n    switch (displayMode) {\n      case EnumDisplayMode.TEXT:\n        return <Text>{displayLabel}</Text>\n\n      case EnumDisplayMode.BADGE: {\n        const variant = resolveColor(value, 'secondary')\n        const icon = resolveIcon(value)\n        return (\n          <Badge variant={variant} className={cn(icon && 'inline-flex items-center gap-item-xs')}>\n            {icon ? renderIconLike(icon, IconSize.SM) : null}\n            {displayLabel}\n          </Badge>\n        )\n      }\n\n      // ICON — the COMPACT, icon-only representation: a colored badge carrying\n      // just the value's icon; the label goes to assistive tech (sr-only) and\n      // to sighted users on hover (native `title`). This is what summary\n      // surfaces use via `summaryOverride: { displayMode: ICON }`. It is NOT a\n      // \"badge with icon\" — that's BADGE with a per-value `icon` configured.\n      case EnumDisplayMode.ICON: {\n        const iconVariant = resolveColor(value, 'outline')\n        const icon = resolveIcon(value)\n\n        if (icon) {\n          return (\n            <Badge variant={iconVariant} className=\"px-1.5\" title={displayLabel}>\n              {renderIconLike(icon, IconSize.SM)}\n              <span className=\"sr-only\">{displayLabel}</span>\n            </Badge>\n          )\n        }\n\n        // No icon configured for this value — the color dot IS the icon.\n        return (\n          <Badge\n            variant={iconVariant}\n            className=\"h-2.5 w-2.5 rounded-full p-0\"\n            title={displayLabel}\n          >\n            <span className=\"sr-only\">{displayLabel}</span>\n          </Badge>\n        )\n      }\n\n      case EnumDisplayMode.CARD:\n        return (\n          <Card className=\"inline-flex px-card-sm py-1.5\">\n            <Text className=\"text-sm font-medium\">{displayLabel}</Text>\n          </Card>\n        )\n\n      default:\n        return <Text>{displayLabel}</Text>\n    }\n  }\n\n  if (!isReady) return null\n\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return <div className={className}>{renderValue()}</div>\n}\n\n;(DisplayFieldEnum as typeof DisplayFieldEnum & { displayName: string }).displayName = \"DisplayFieldEnum\"\n\nexport { DisplayFieldEnum }\n"]}
+{"version":3,"file":"display-field-enum.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-enum.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldEnum Component\n *\n * Displays an enum value based on the enum UI decorator.\n * Supports different display modes: text, badge, icon, card\n */\n\nimport * as React from \"react\"\n\nimport { useI18n, useIconRegistry, IconSize, ICON_SIZE_MAP, Text, Badge, Card, useContextualDisplayParams, resolveEnumDisplayConfig } from \"@wildo-ai/saas-frontend-lib\"\nimport { FrontendComponentType, resolveVocabularyWordKey } from \"@wildo-ai/presets-components-models\"\nimport { EnumDisplayMode, getSystemEnumName } from \"@wildo-ai/zod-decorators\"\nimport type { IconLike } from \"@wildo-ai/zod-decorators\"\nimport type { DisplayFieldEnumProps } from '@wildo-ai/saas-frontend-lib'\nimport type { BadgeVariants_Variant } from '@wildo-ai/saas-frontend-lib'\n\n/**\n * DisplayFieldEnum component\n *\n * Renders an enum value according to the display policy\n */\nfunction DisplayFieldEnum({\n  schema,\n  value,\n  className,\n  labels,\n}: DisplayFieldEnumProps): React.JSX.Element | null {\n  const { tComponent, t, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_FORM_FIELD })\n  const { renderIcon } = useIconRegistry()\n\n  // The field's own metadata over the registered vocabulary's (#1321) — see `resolveEnumDisplayConfig`.\n  const enumUI = resolveEnumDisplayConfig(schema)\n  // SUMMARY surfaces (cards, FK previews) merge `summaryOverride` over\n  // `display` — the {primitive}UI decorator contract. E.g. a priority enum can\n  // render `BADGE` on the detail page but `summaryOverride: { displayMode: ICON }`\n  // (icon-only) on list cards.\n  const displayParams = useContextualDisplayParams(enumUI)\n  const displayMode = displayParams?.displayMode ?? EnumDisplayMode.TEXT\n\n  const resolveColor = (enumValue: string, fallback: BadgeVariants_Variant): BadgeVariants_Variant => {\n    return (\n      enumUI?.values?.[enumValue]?.color\n      ?? enumUI?.defaultColor\n      ?? fallback\n    ) as BadgeVariants_Variant\n  }\n\n  const resolveIcon = (enumValue: string): IconLike | undefined => {\n    return (\n      enumUI?.values?.[enumValue]?.icon\n      ?? enumUI?.defaultIcon\n    )\n  }\n\n  /*\n   * A value the resolved `labels` do not cover, on a field that names its vocabulary (#1851). The labels are built from\n   * the enum's own MEMBERS, so a union such as a feature list (`z.enum(CoreFeature) | z.string()`) carries values no\n   * member names — an application's own feature ids — and those read their word straight from the vocabulary, where\n   * it keeps it (`resolveVocabularyWordKey`). A value with no word shows itself: a missing label that looks missing.\n   */\n  const vocabulary = schema ? getSystemEnumName(schema) : undefined\n  const vocabularyWord = (enumValue: string): string | undefined => {\n    if (!vocabulary) return undefined\n    const key = resolveVocabularyWordKey(vocabulary, enumValue)\n    const word = t(key)\n    return word === key ? undefined : word\n  }\n\n  // Get display label for the value\n  const displayLabel = value ? (labels?.[value] ?? vocabularyWord(value) ?? value) : null\n\n  /**\n   * Render an `IconLike` — dispatches between string refs (via icon registry)\n   * and direct React component refs (via createElement).\n   */\n  const renderIconLike = (icon: IconLike, size: IconSize, className?: string): React.ReactNode => {\n    if (typeof icon === 'string') {\n      return renderIcon(icon, { size, className })\n    }\n    const sizeInPixels = ICON_SIZE_MAP[size]\n    return React.createElement(icon, { size: sizeInPixels, className })\n  }\n\n  // Render the value content\n  const renderValue = () => {\n    // Handle null/undefined\n    if (value === null || value === undefined || value === '' || displayLabel === null) {\n      return <><Text className=\"text-muted-foreground italic\" aria-hidden=\"true\">—</Text><span className=\"sr-only\">{tComponent(FrontendComponentType.LOW_LEVEL_FORM_FIELD, 'noValue')}</span></>\n    }\n\n    // Render based on display mode\n    switch (displayMode) {\n      case EnumDisplayMode.TEXT:\n        return <Text>{displayLabel}</Text>\n\n      case EnumDisplayMode.BADGE: {\n        const variant = resolveColor(value, 'secondary')\n        const icon = resolveIcon(value)\n        /*\n         * NO local layout class on the badge. `Badge` is already `inline-flex items-center` with\n         * the glyph gap its own structure owns; restating it here was a second copy of the same\n         * decision, and the copy carried the one-pixel gap long after the shared one could have\n         * fixed it for every badge at once.\n         */\n        return (\n          <Badge variant={variant}>\n            {icon ? renderIconLike(icon, IconSize.SM) : null}\n            {displayLabel}\n          </Badge>\n        )\n      }\n\n      // ICON — the COMPACT, icon-only representation: a colored badge carrying\n      // just the value's icon; the label goes to assistive tech (sr-only) and\n      // to sighted users on hover (native `title`). This is what summary\n      // surfaces use via `summaryOverride: { displayMode: ICON }`. It is NOT a\n      // \"badge with icon\" — that's BADGE with a per-value `icon` configured.\n      case EnumDisplayMode.ICON: {\n        const iconVariant = resolveColor(value, 'outline')\n        const icon = resolveIcon(value)\n\n        if (icon) {\n          return (\n            <Badge variant={iconVariant} className=\"px-1.5\" title={displayLabel}>\n              {renderIconLike(icon, IconSize.SM)}\n              <span className=\"sr-only\">{displayLabel}</span>\n            </Badge>\n          )\n        }\n\n        // No icon configured for this value — the color dot IS the icon.\n        return (\n          <Badge\n            variant={iconVariant}\n            className=\"h-2.5 w-2.5 rounded-full p-0\"\n            title={displayLabel}\n          >\n            <span className=\"sr-only\">{displayLabel}</span>\n          </Badge>\n        )\n      }\n\n      case EnumDisplayMode.CARD:\n        return (\n          <Card className=\"inline-flex px-card-sm py-1.5\">\n            <Text className=\"text-sm font-medium\">{displayLabel}</Text>\n          </Card>\n        )\n\n      default:\n        return <Text>{displayLabel}</Text>\n    }\n  }\n\n  if (!isReady) return null\n\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return <div className={className}>{renderValue()}</div>\n}\n\n;(DisplayFieldEnum as typeof DisplayFieldEnum & { displayName: string }).displayName = \"DisplayFieldEnum\"\n\nexport { DisplayFieldEnum }\n"]}

package/dist/esm/components/data-display/formatters/display-field-enum.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-enum.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-enum.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAAO,CAAC"}
+{"version":3,"file":"display-field-enum.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-enum.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM/H,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAAO,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-file-audio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-audio.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-audio.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAQL,0BAA0B,EAC3B,MAAM,6BAA6B,CAAC;AASrC,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAmB,EACnB,QAAe,GAChB,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAyEvD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"display-field-file-audio.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-audio.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAQL,0BAA0B,EAC3B,MAAM,6BAA6B,CAAC;AASrC,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAmB,EACnB,QAAe,GAChB,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA0EvD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-file-audio.js

@@ -18,7 +18,8 @@ import { formatFileSize } from "@wildo-ai/zod-decorators";
 // =============================================================================
 function DisplayFieldFileAudio({ metadata, fileId, className, showDownload = true, showSize = true, }) {
     const { renderIcon } = useIconRegistry();
-    const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE] });
+    // Load the group this component READS (it loaded the form-field groups, so its words rendered as raw keys).
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO });
     const [audioError, setAudioError] = React.useState(false);
     if (!isReady)
         return null;

package/dist/esm/components/data-display/formatters/display-field-file-audio.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-audio.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-audio.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldFileAudio Component\n *\n * Nature-specific display for audio files.\n * Renders a compact HTML5 audio player with native controls\n * and file metadata.\n *\n * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO).\n */\n\nimport * as React from \"react\"\n\nimport {\n  Text,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  cn,\n  Surface,\n  DisplayFieldFileAudioProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\nimport { type FileMetadata, formatFileSize } from \"@wildo-ai/zod-decorators\"\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction DisplayFieldFileAudio({\n  metadata,\n  fileId,\n  className,\n  showDownload = true,\n  showSize = true,\n}: DisplayFieldFileAudioProps): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry()\n  const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE] })\n\n  const [audioError, setAudioError] = React.useState(false)\n\n  if (!isReady) return null\n\n  const audioUrl = metadata.url\n\n  // No URL or audio failed — fallback to download card\n  if (audioError || !audioUrl) {\n    return (\n      <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n        <div className={cn('flex items-center gap-group p-card-sm rounded-md border bg-muted/30', className)}>\n          <span aria-hidden=\"true\">\n            {renderIcon(StandardIconReference.FILE_AUDIO, { size: IconSize.LG, className: \"text-muted-foreground\" })}\n          </span>\n          <div className=\"flex-1 min-w-0\">\n            <Text className=\"font-medium truncate\">{metadata.filename}</Text>\n            <div className=\"flex items-center gap-group text-xs text-muted-foreground mt-0.5\">\n              {showSize && <span>{formatFileSize(metadata.size)}</span>}\n              {metadata.extension && <span className=\"uppercase\">{metadata.extension}</span>}\n              {audioError && <span className=\"text-destructive\">{tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'audio_load_error')}</span>}\n            </div>\n          </div>\n          {showDownload && audioUrl && (\n            <a href={audioUrl} download={metadata.filename} className=\"text-primary hover:underline text-sm shrink-0\">\n              {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'download')}\n            </a>\n          )}\n        </div>\n      </Surface>\n    )\n  }\n\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n      <div className={cn('flex items-center gap-group p-card-sm rounded-md border bg-muted/30', className)}>\n        {/* Audio icon */}\n        <span aria-hidden=\"true\">\n          {renderIcon(StandardIconReference.FILE_AUDIO, { size: IconSize.LG, className: \"text-muted-foreground\" })}\n        </span>\n\n        {/* File info + player */}\n        <div className=\"flex-1 min-w-0 space-y-item\">\n          <div className=\"flex items-center gap-group\">\n            <Text className=\"font-medium truncate max-w-48\">{metadata.filename}</Text>\n            {showSize && <span className=\"text-xs text-muted-foreground\">{formatFileSize(metadata.size)}</span>}\n            {metadata.extension && <span className=\"text-xs text-muted-foreground uppercase\">{metadata.extension}</span>}\n          </div>\n\n          {/* Compact audio player — full width within the card */}\n          <audio\n            controls\n            preload=\"metadata\"\n            className=\"w-full h-8\"\n            onError={() => setAudioError(true)}\n          >\n            <source src={audioUrl} type={metadata.mimeType} />\n            {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'unsupported_format')}\n          </audio>\n        </div>\n\n        {/* Download link */}\n        {showDownload && (\n          <a href={audioUrl} download={metadata.filename} className=\"text-primary hover:underline text-sm shrink-0\">\n            {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'download')}\n          </a>\n        )}\n      </div>\n    </Surface>\n  )\n}\n\n;(DisplayFieldFileAudio as typeof DisplayFieldFileAudio & { displayName: string }).displayName = \"DisplayFieldFileAudio\"\n\nexport { DisplayFieldFileAudio }\n"]}
+{"version":3,"file":"display-field-file-audio.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-audio.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,IAAI,EACJ,eAAe,EACf,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,EAAE,EACF,OAAO,GAER,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAC3F,OAAO,EAAqB,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAE5E,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,IAAI,GACY;IAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,4GAA4G;IAC5G,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,kCAAkC,EAAE,CAAC,CAAA;IAEhH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAA;IAE7B,qDAAqD;IACrD,IAAI,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,YAClE,eAAK,SAAS,EAAE,EAAE,CAAC,qEAAqE,EAAE,SAAS,CAAC,aAClG,8BAAkB,MAAM,YACrB,UAAU,CAAC,qBAAqB,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC,GACnG,EACP,eAAK,SAAS,EAAC,gBAAgB,aAC7B,KAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,YAAE,QAAQ,CAAC,QAAQ,GAAQ,EACjE,eAAK,SAAS,EAAC,kEAAkE,aAC9E,QAAQ,IAAI,yBAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAQ,EACxD,QAAQ,CAAC,SAAS,IAAI,eAAM,SAAS,EAAC,WAAW,YAAE,QAAQ,CAAC,SAAS,GAAQ,EAC7E,UAAU,IAAI,eAAM,SAAS,EAAC,kBAAkB,YAAE,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,kBAAkB,CAAC,GAAQ,IAC/I,IACF,EACL,YAAY,IAAI,QAAQ,IAAI,CAC3B,YAAG,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAC,+CAA+C,YACtG,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,UAAU,CAAC,GAC/E,CACL,IACG,GACE,CACX,CAAA;IACH,CAAC;IAED,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,IAAI,YAClE,eAAK,SAAS,EAAE,EAAE,CAAC,qEAAqE,EAAE,SAAS,CAAC,aAElG,8BAAkB,MAAM,YACrB,UAAU,CAAC,qBAAqB,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC,GACnG,EAGP,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,6BAA6B,aAC1C,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,YAAE,QAAQ,CAAC,QAAQ,GAAQ,EACzE,QAAQ,IAAI,eAAM,SAAS,EAAC,+BAA+B,YAAE,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAQ,EAClG,QAAQ,CAAC,SAAS,IAAI,eAAM,SAAS,EAAC,yCAAyC,YAAE,QAAQ,CAAC,SAAS,GAAQ,IACxG,EAGN,iBACE,QAAQ,QACR,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,aAElC,iBAAQ,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,GAAI,EACjD,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,oBAAoB,CAAC,IACrF,IACJ,EAGL,YAAY,IAAI,CACf,YAAG,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAC,+CAA+C,YACtG,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,UAAU,CAAC,GAC/E,CACL,IACG,GACE,CACX,CAAA;AACH,CAAC;AAED,CAAC;AAAC,qBAAgF,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAExH,OAAO,EAAE,qBAAqB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldFileAudio Component\n *\n * Nature-specific display for audio files.\n * Renders a compact HTML5 audio player with native controls\n * and file metadata.\n *\n * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO).\n */\n\nimport * as React from \"react\"\n\nimport {\n  Text,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  cn,\n  Surface,\n  DisplayFieldFileAudioProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\nimport { type FileMetadata, formatFileSize } from \"@wildo-ai/zod-decorators\"\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction DisplayFieldFileAudio({\n  metadata,\n  fileId,\n  className,\n  showDownload = true,\n  showSize = true,\n}: DisplayFieldFileAudioProps): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry()\n  // Load the group this component READS (it loaded the form-field groups, so its words rendered as raw keys).\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO })\n\n  const [audioError, setAudioError] = React.useState(false)\n\n  if (!isReady) return null\n\n  const audioUrl = metadata.url\n\n  // No URL or audio failed — fallback to download card\n  if (audioError || !audioUrl) {\n    return (\n      <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n        <div className={cn('flex items-center gap-group p-card-sm rounded-md border bg-muted/30', className)}>\n          <span aria-hidden=\"true\">\n            {renderIcon(StandardIconReference.FILE_AUDIO, { size: IconSize.LG, className: \"text-muted-foreground\" })}\n          </span>\n          <div className=\"flex-1 min-w-0\">\n            <Text className=\"font-medium truncate\">{metadata.filename}</Text>\n            <div className=\"flex items-center gap-group text-xs text-muted-foreground mt-0.5\">\n              {showSize && <span>{formatFileSize(metadata.size)}</span>}\n              {metadata.extension && <span className=\"uppercase\">{metadata.extension}</span>}\n              {audioError && <span className=\"text-destructive\">{tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'audio_load_error')}</span>}\n            </div>\n          </div>\n          {showDownload && audioUrl && (\n            <a href={audioUrl} download={metadata.filename} className=\"text-primary hover:underline text-sm shrink-0\">\n              {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'download')}\n            </a>\n          )}\n        </div>\n      </Surface>\n    )\n  }\n\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.BASE}>\n      <div className={cn('flex items-center gap-group p-card-sm rounded-md border bg-muted/30', className)}>\n        {/* Audio icon */}\n        <span aria-hidden=\"true\">\n          {renderIcon(StandardIconReference.FILE_AUDIO, { size: IconSize.LG, className: \"text-muted-foreground\" })}\n        </span>\n\n        {/* File info + player */}\n        <div className=\"flex-1 min-w-0 space-y-item\">\n          <div className=\"flex items-center gap-group\">\n            <Text className=\"font-medium truncate max-w-48\">{metadata.filename}</Text>\n            {showSize && <span className=\"text-xs text-muted-foreground\">{formatFileSize(metadata.size)}</span>}\n            {metadata.extension && <span className=\"text-xs text-muted-foreground uppercase\">{metadata.extension}</span>}\n          </div>\n\n          {/* Compact audio player — full width within the card */}\n          <audio\n            controls\n            preload=\"metadata\"\n            className=\"w-full h-8\"\n            onError={() => setAudioError(true)}\n          >\n            <source src={audioUrl} type={metadata.mimeType} />\n            {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'unsupported_format')}\n          </audio>\n        </div>\n\n        {/* Download link */}\n        {showDownload && (\n          <a href={audioUrl} download={metadata.filename} className=\"text-primary hover:underline text-sm shrink-0\">\n            {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_AUDIO, 'download')}\n          </a>\n        )}\n      </div>\n    </Surface>\n  )\n}\n\n;(DisplayFieldFileAudio as typeof DisplayFieldFileAudio & { displayName: string }).displayName = \"DisplayFieldFileAudio\"\n\nexport { DisplayFieldFileAudio }\n"]}

package/dist/esm/components/data-display/formatters/display-field-file-audio.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-audio.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-audio.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,4BAA4B,EAAE,mBAAmB,EAI7D,CAAC"}
+{"version":3,"file":"display-field-file-audio.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-audio.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,4BAA4B,EAAE,mBAAmB,EAI7D,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-file-document.d.ts

@@ -5,7 +5,10 @@
  * - PDF: rendered by PDF.js behind the `PdfViewerLazy` boundary, so the pdf.js
  *   payload is fetched only when a PDF is actually displayed. Replaces the previous
  *   `<iframe>` on the browser's native viewer, which could not be styled to the
- *   design system and dies under a strict `frame-src` CSP.
+ *   design system and dies under a strict `frame-src` CSP. Falls back to the
+ *   downloadable file card when the bytes cannot be fetched OR the viewer's chunk
+ *   cannot be loaded — the same card in both cases, because to a reader both mean
+ *   "no preview, but the file is still here".
  * - Office docs: file card with type-specific icon + download (no viewer exists, so
  *   the display guard refuses THUMBNAIL/FULL for them upstream).
  *

package/dist/esm/components/data-display/formatters/display-field-file-document.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-document.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-document.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EASL,6BAA6B,EAC9B,MAAM,6BAA6B,CAAC;AAgDrC,iBAAS,wBAAwB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAmB,EACnB,QAAe,EACf,YAAY,EACZ,OAAO,EACP,QAAQ,GACT,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA2G1D;AAID,OAAO,EAAE,wBAAwB,EAAE,CAAA"}
+{"version":3,"file":"display-field-file-document.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-document.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EASL,6BAA6B,EAC9B,MAAM,6BAA6B,CAAC;AAgDrC,iBAAS,wBAAwB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAmB,EACnB,QAAe,EACf,YAAY,EACZ,OAAO,EACP,QAAQ,GACT,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAgI1D;AAID,OAAO,EAAE,wBAAwB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-file-document.js

@@ -7,7 +7,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * - PDF: rendered by PDF.js behind the `PdfViewerLazy` boundary, so the pdf.js
  *   payload is fetched only when a PDF is actually displayed. Replaces the previous
  *   `<iframe>` on the browser's native viewer, which could not be styled to the
- *   design system and dies under a strict `frame-src` CSP.
+ *   design system and dies under a strict `frame-src` CSP. Falls back to the
+ *   downloadable file card when the bytes cannot be fetched OR the viewer's chunk
+ *   cannot be loaded — the same card in both cases, because to a reader both mean
+ *   "no preview, but the file is still here".
  * - Office docs: file card with type-specific icon + download (no viewer exists, so
  *   the display guard refuses THUMBNAIL/FULL for them upstream).
  *
@@ -69,6 +72,10 @@ function DisplayFieldFileDocument({ metadata, fileId, refreshKey, className, sho
     // protected document renders without exposing an unauthenticated fetch path.
     const [pdfData, setPdfData] = React.useState(null);
     const [pdfFetchFailed, setPdfFetchFailed] = React.useState(false);
+    // The PDF.js chunk failed to load. `React.lazy` caches that rejection for the life of
+    // the page, so this is never reset: a retry would re-render the same failed module.
+    const [pdfViewerUnavailable, setPdfViewerUnavailable] = React.useState(false);
+    const handlePdfViewerUnavailable = React.useCallback(() => setPdfViewerUnavailable(true), []);
     const documentUrl = metadata.url;
     const freshDocumentUrl = documentUrl ? buildFreshFileUrl(documentUrl, refreshKey) : undefined;
     const isPdfDocument = isPdf(metadata.mimeType);
@@ -106,14 +113,20 @@ function DisplayFieldFileDocument({ metadata, fileId, refreshKey, className, sho
             setPdfFetchFailed(true); });
         return () => { cancelled = true; controller.abort(); };
     }, [isPdfDocument, getBlob, fetchUrl, refreshKey]);
+    const pdfViewerLabels = {
+        page: (pageNumber) => tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'page_number', { pageNumber }),
+        pagesTruncated: (shown, total) => tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'pages_truncated', { shown, total }),
+        renderFailed: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'render_failed'),
+    };
     if (!isReady)
         return null;
     // PDF — render through PDF.js. Falls through to the file card when the bytes
-    // cannot be fetched (no authed client, or the fetch failed): a card that can still
-    // be downloaded beats an empty viewer frame.
-    if (isPdfDocument && (pdfData || (getBlob && fetchUrl && !pdfFetchFailed))) {
+    // cannot be fetched (no authed client, or the fetch failed) or the viewer's own
+    // chunk could not be loaded: a card that can still be downloaded beats an empty
+    // viewer frame.
+    if (isPdfDocument && !pdfViewerUnavailable && (pdfData || (getBlob && fetchUrl && !pdfFetchFailed))) {
         return (_jsxs("div", { className: cn('space-y-item', className), children: [_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("div", { className: cn('w-full rounded-md overflow-hidden border bg-muted/20 p-card-sm', firstPageOnly && 'max-w-48'), children: pdfData
-                            ? _jsx(PdfViewerLazy, { data: pdfData, firstPageOnly: firstPageOnly, ariaLabel: metadata.filename })
+                            ? (_jsx(PdfViewerLazy, { data: pdfData, firstPageOnly: firstPageOnly, ariaLabel: metadata.filename, labels: pdfViewerLabels, onUnavailable: handlePdfViewerUnavailable }))
                             : _jsx(Skeleton, { className: firstPageOnly ? 'h-40 w-full' : 'h-64 w-full', "aria-hidden": "true" }) }) }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground", children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(docIcon, { size: IconSize.SM }) }), _jsx("span", { className: "font-medium text-foreground truncate max-w-48", children: metadata.filename }), _jsx("span", { className: "uppercase", children: docTypeLabel }), showSize && _jsx("span", { children: formatFileSize(metadata.size) }), showDownload && (_jsx("a", { href: freshDocumentUrl, download: metadata.filename, className: "text-primary hover:underline ms-auto shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'download') }))] })] }));
     }
     // Non-PDF or no URL — enhanced file card with type-specific icon

package/dist/esm/components/data-display/formatters/display-field-file-document.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-document.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-document.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldFileDocument Component\n *\n * Nature-specific display for document files (PDF, Office).\n * - PDF: rendered by PDF.js behind the `PdfViewerLazy` boundary, so the pdf.js\n *   payload is fetched only when a PDF is actually displayed. Replaces the previous\n *   `<iframe>` on the browser's native viewer, which could not be styled to the\n *   design system and dies under a strict `frame-src` CSP.\n * - Office docs: file card with type-specific icon + download (no viewer exists, so\n *   the display guard refuses THUMBNAIL/FULL for them upstream).\n *\n * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT).\n */\n\nimport * as React from \"react\"\n\nimport {\n  Text,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  cn,\n  Surface,\n  Skeleton,\n  DisplayFieldFileDocumentProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\nimport { type FileMetadata, formatFileSize, FileDisplayPresentation } from \"@wildo-ai/zod-decorators\"\nimport { PdfViewerLazy } from \"../pdf-viewer/pdf-viewer.lazy\"\n\n// =============================================================================\n// HELPERS\n// =============================================================================\n\n/** Check if a MIME type is a PDF */\nfunction isPdf(mimeType: string): boolean {\n  return mimeType === 'application/pdf'\n}\n\n/** Get the appropriate icon for a document type */\nfunction getDocumentIconRef(mimeType: string): StandardIconReference {\n  if (isPdf(mimeType)) return StandardIconReference.FILE_TEXT\n  if (mimeType.includes('spreadsheet') || mimeType.includes('excel')) return StandardIconReference.FILE_SPREADSHEET\n  if (mimeType.includes('presentation') || mimeType.includes('powerpoint')) return StandardIconReference.FILE_PRESENTATION\n  if (mimeType.includes('document') || mimeType.includes('word')) return StandardIconReference.FILE_TEXT\n  return StandardIconReference.FILE_TEXT\n}\n\n/** Get a human-readable document type label */\nfunction getDocumentTypeLabel(mimeType: string, extension?: string): string {\n  if (isPdf(mimeType)) return 'PDF'\n  if (mimeType.includes('spreadsheet') || mimeType.includes('excel')) return extension?.toUpperCase() || 'Spreadsheet'\n  if (mimeType.includes('presentation') || mimeType.includes('powerpoint')) return extension?.toUpperCase() || 'Presentation'\n  if (mimeType.includes('document') || mimeType.includes('word')) return extension?.toUpperCase() || 'Document'\n  return extension?.toUpperCase() || 'Document'\n}\n\nfunction buildFreshFileUrl(url: string, refreshKey?: string): string {\n  if (!refreshKey) {\n    return url\n  }\n\n  const [withoutHash, hash] = url.split('#')\n  const separator = withoutHash.includes('?') ? '&' : '?'\n  const versionedUrl = `${withoutHash}${separator}wildoFileUpdatedAt=${encodeURIComponent(refreshKey)}`\n  return hash ? `${versionedUrl}#${hash}` : versionedUrl\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction DisplayFieldFileDocument({\n  metadata,\n  fileId,\n  refreshKey,\n  className,\n  showDownload = true,\n  showSize = true,\n  presentation,\n  getBlob,\n  serveUrl,\n}: DisplayFieldFileDocumentProps): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry()\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT })\n\n  // PDF bytes for the viewer. Fetched over the AUTHENTICATED serve route (authz\n  // inherits the parent resource's READ) rather than handed to pdf.js as a URL, so a\n  // protected document renders without exposing an unauthenticated fetch path.\n  const [pdfData, setPdfData] = React.useState<ArrayBuffer | null>(null)\n  const [pdfFetchFailed, setPdfFetchFailed] = React.useState(false)\n\n  const documentUrl = metadata.url\n  const freshDocumentUrl = documentUrl ? buildFreshFileUrl(documentUrl, refreshKey) : undefined\n  const isPdfDocument = isPdf(metadata.mimeType)\n  const docIcon = getDocumentIconRef(metadata.mimeType)\n  const docTypeLabel = getDocumentTypeLabel(metadata.mimeType, metadata.extension)\n  // The host only mounts this component for THUMBNAIL / FULL; treat an absent value\n  // as FULL so a direct (non-host) consumer still gets the whole document.\n  const firstPageOnly = presentation === FileDisplayPresentation.THUMBNAIL\n\n  /**\n   * The FRESH url, not the bare one — the same cache-buster the download links below already use.\n   *\n   * This carried `wildoFileUpdatedAt` for free while the PDF rendered in an `<iframe src=…>`. Moving\n   * to PDF.js turned the render into an authenticated GET through `getBlob`, and the busting was left\n   * behind on `freshDocumentUrl`, which kept only the `<a href>` honest. `refreshKey` stayed in the\n   * effect's dependency array, so a regenerated file DID re-run the fetch — at a byte-identical URL,\n   * which the HTTP cache may answer from its stored copy (`fetchFileBlob` is a plain `axios.get` with\n   * no cache directive). The viewer could therefore show the previous revision of a file whose\n   * download link served the new one.\n   *\n   * `serveUrl` is deliberately NOT busted: it takes precedence, and a pre-signed serve URL can carry a\n   * signature that appending a query parameter would invalidate.\n   */\n  const fetchUrl = serveUrl ?? freshDocumentUrl\n  React.useEffect(() => {\n    if (!isPdfDocument || !getBlob || !fetchUrl) return\n    let cancelled = false\n    const controller = new AbortController()\n    setPdfFetchFailed(false)\n    getBlob(fetchUrl, { signal: controller.signal })\n      .then(blob => blob.arrayBuffer())\n      .then(buffer => { if (!cancelled) setPdfData(buffer) })\n      .catch(() => { if (!cancelled) setPdfFetchFailed(true) })\n    return () => { cancelled = true; controller.abort() }\n  }, [isPdfDocument, getBlob, fetchUrl, refreshKey])\n\n  if (!isReady) return null\n\n  // PDF — render through PDF.js. Falls through to the file card when the bytes\n  // cannot be fetched (no authed client, or the fetch failed): a card that can still\n  // be downloaded beats an empty viewer frame.\n  if (isPdfDocument && (pdfData || (getBlob && fetchUrl && !pdfFetchFailed))) {\n    return (\n      <div className={cn('space-y-item', className)}>\n        <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n          <div className={cn('w-full rounded-md overflow-hidden border bg-muted/20 p-card-sm', firstPageOnly && 'max-w-48')}>\n            {pdfData\n              ? <PdfViewerLazy data={pdfData} firstPageOnly={firstPageOnly} ariaLabel={metadata.filename} />\n              : <Skeleton className={firstPageOnly ? 'h-40 w-full' : 'h-64 w-full'} aria-hidden=\"true\" />}\n          </div>\n        </Surface>\n\n        {/* Meta info below viewer */}\n        <div className=\"flex items-center gap-group text-xs text-muted-foreground\">\n          <span aria-hidden=\"true\">{renderIcon(docIcon, { size: IconSize.SM })}</span>\n          <span className=\"font-medium text-foreground truncate max-w-48\">{metadata.filename}</span>\n          <span className=\"uppercase\">{docTypeLabel}</span>\n          {showSize && <span>{formatFileSize(metadata.size)}</span>}\n          {showDownload && (\n            <a href={freshDocumentUrl} download={metadata.filename} className=\"text-primary hover:underline ms-auto shrink-0\">\n              {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'download')}\n            </a>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  // Non-PDF or no URL — enhanced file card with type-specific icon\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n      <div className={cn('flex items-center gap-group p-card-sm rounded-md border bg-muted/30', className)}>\n        <span aria-hidden=\"true\">\n          {renderIcon(docIcon, { size: IconSize.LG, className: \"text-muted-foreground\" })}\n        </span>\n\n        <div className=\"flex-1 min-w-0\">\n          <Text className=\"font-medium truncate\">{metadata.filename}</Text>\n          <div className=\"flex items-center gap-group text-xs text-muted-foreground mt-0.5\">\n            <span className=\"uppercase\">{docTypeLabel}</span>\n            {showSize && <span>{formatFileSize(metadata.size)}</span>}\n          </div>\n        </div>\n\n        {showDownload && freshDocumentUrl && (\n          <a\n            href={freshDocumentUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-primary hover:underline text-sm shrink-0\"\n          >\n            {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'open_document')}\n          </a>\n        )}\n      </div>\n    </Surface>\n  )\n}\n\n;(DisplayFieldFileDocument as typeof DisplayFieldFileDocument & { displayName: string }).displayName = \"DisplayFieldFileDocument\"\n\nexport { DisplayFieldFileDocument }\n"]}
+{"version":3,"file":"display-field-file-document.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-document.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldFileDocument Component\n *\n * Nature-specific display for document files (PDF, Office).\n * - PDF: rendered by PDF.js behind the `PdfViewerLazy` boundary, so the pdf.js\n *   payload is fetched only when a PDF is actually displayed. Replaces the previous\n *   `<iframe>` on the browser's native viewer, which could not be styled to the\n *   design system and dies under a strict `frame-src` CSP. Falls back to the\n *   downloadable file card when the bytes cannot be fetched OR the viewer's chunk\n *   cannot be loaded — the same card in both cases, because to a reader both mean\n *   \"no preview, but the file is still here\".\n * - Office docs: file card with type-specific icon + download (no viewer exists, so\n *   the display guard refuses THUMBNAIL/FULL for them upstream).\n *\n * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT).\n */\n\nimport * as React from \"react\"\n\nimport {\n  Text,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  cn,\n  Surface,\n  Skeleton,\n  DisplayFieldFileDocumentProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\nimport { type FileMetadata, formatFileSize, FileDisplayPresentation } from \"@wildo-ai/zod-decorators\"\nimport { PdfViewerLazy, type PdfViewerLabels } from \"../pdf-viewer/pdf-viewer.lazy\"\n\n// =============================================================================\n// HELPERS\n// =============================================================================\n\n/** Check if a MIME type is a PDF */\nfunction isPdf(mimeType: string): boolean {\n  return mimeType === 'application/pdf'\n}\n\n/** Get the appropriate icon for a document type */\nfunction getDocumentIconRef(mimeType: string): StandardIconReference {\n  if (isPdf(mimeType)) return StandardIconReference.FILE_TEXT\n  if (mimeType.includes('spreadsheet') || mimeType.includes('excel')) return StandardIconReference.FILE_SPREADSHEET\n  if (mimeType.includes('presentation') || mimeType.includes('powerpoint')) return StandardIconReference.FILE_PRESENTATION\n  if (mimeType.includes('document') || mimeType.includes('word')) return StandardIconReference.FILE_TEXT\n  return StandardIconReference.FILE_TEXT\n}\n\n/** Get a human-readable document type label */\nfunction getDocumentTypeLabel(mimeType: string, extension?: string): string {\n  if (isPdf(mimeType)) return 'PDF'\n  if (mimeType.includes('spreadsheet') || mimeType.includes('excel')) return extension?.toUpperCase() || 'Spreadsheet'\n  if (mimeType.includes('presentation') || mimeType.includes('powerpoint')) return extension?.toUpperCase() || 'Presentation'\n  if (mimeType.includes('document') || mimeType.includes('word')) return extension?.toUpperCase() || 'Document'\n  return extension?.toUpperCase() || 'Document'\n}\n\nfunction buildFreshFileUrl(url: string, refreshKey?: string): string {\n  if (!refreshKey) {\n    return url\n  }\n\n  const [withoutHash, hash] = url.split('#')\n  const separator = withoutHash.includes('?') ? '&' : '?'\n  const versionedUrl = `${withoutHash}${separator}wildoFileUpdatedAt=${encodeURIComponent(refreshKey)}`\n  return hash ? `${versionedUrl}#${hash}` : versionedUrl\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction DisplayFieldFileDocument({\n  metadata,\n  fileId,\n  refreshKey,\n  className,\n  showDownload = true,\n  showSize = true,\n  presentation,\n  getBlob,\n  serveUrl,\n}: DisplayFieldFileDocumentProps): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry()\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT })\n\n  // PDF bytes for the viewer. Fetched over the AUTHENTICATED serve route (authz\n  // inherits the parent resource's READ) rather than handed to pdf.js as a URL, so a\n  // protected document renders without exposing an unauthenticated fetch path.\n  const [pdfData, setPdfData] = React.useState<ArrayBuffer | null>(null)\n  const [pdfFetchFailed, setPdfFetchFailed] = React.useState(false)\n  // The PDF.js chunk failed to load. `React.lazy` caches that rejection for the life of\n  // the page, so this is never reset: a retry would re-render the same failed module.\n  const [pdfViewerUnavailable, setPdfViewerUnavailable] = React.useState(false)\n  const handlePdfViewerUnavailable = React.useCallback(() => setPdfViewerUnavailable(true), [])\n\n  const documentUrl = metadata.url\n  const freshDocumentUrl = documentUrl ? buildFreshFileUrl(documentUrl, refreshKey) : undefined\n  const isPdfDocument = isPdf(metadata.mimeType)\n  const docIcon = getDocumentIconRef(metadata.mimeType)\n  const docTypeLabel = getDocumentTypeLabel(metadata.mimeType, metadata.extension)\n  // The host only mounts this component for THUMBNAIL / FULL; treat an absent value\n  // as FULL so a direct (non-host) consumer still gets the whole document.\n  const firstPageOnly = presentation === FileDisplayPresentation.THUMBNAIL\n\n  /**\n   * The FRESH url, not the bare one — the same cache-buster the download links below already use.\n   *\n   * This carried `wildoFileUpdatedAt` for free while the PDF rendered in an `<iframe src=…>`. Moving\n   * to PDF.js turned the render into an authenticated GET through `getBlob`, and the busting was left\n   * behind on `freshDocumentUrl`, which kept only the `<a href>` honest. `refreshKey` stayed in the\n   * effect's dependency array, so a regenerated file DID re-run the fetch — at a byte-identical URL,\n   * which the HTTP cache may answer from its stored copy (`fetchFileBlob` is a plain `axios.get` with\n   * no cache directive). The viewer could therefore show the previous revision of a file whose\n   * download link served the new one.\n   *\n   * `serveUrl` is deliberately NOT busted: it takes precedence, and a pre-signed serve URL can carry a\n   * signature that appending a query parameter would invalidate.\n   */\n  const fetchUrl = serveUrl ?? freshDocumentUrl\n  React.useEffect(() => {\n    if (!isPdfDocument || !getBlob || !fetchUrl) return\n    let cancelled = false\n    const controller = new AbortController()\n    setPdfFetchFailed(false)\n    getBlob(fetchUrl, { signal: controller.signal })\n      .then(blob => blob.arrayBuffer())\n      .then(buffer => { if (!cancelled) setPdfData(buffer) })\n      .catch(() => { if (!cancelled) setPdfFetchFailed(true) })\n    return () => { cancelled = true; controller.abort() }\n  }, [isPdfDocument, getBlob, fetchUrl, refreshKey])\n\n  const pdfViewerLabels: PdfViewerLabels = {\n    page: (pageNumber) =>\n      tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'page_number', { pageNumber }),\n    pagesTruncated: (shown, total) =>\n      tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'pages_truncated', { shown, total }),\n    renderFailed: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'render_failed'),\n  }\n\n  if (!isReady) return null\n\n  // PDF — render through PDF.js. Falls through to the file card when the bytes\n  // cannot be fetched (no authed client, or the fetch failed) or the viewer's own\n  // chunk could not be loaded: a card that can still be downloaded beats an empty\n  // viewer frame.\n  if (isPdfDocument && !pdfViewerUnavailable && (pdfData || (getBlob && fetchUrl && !pdfFetchFailed))) {\n    return (\n      <div className={cn('space-y-item', className)}>\n        <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n          <div className={cn('w-full rounded-md overflow-hidden border bg-muted/20 p-card-sm', firstPageOnly && 'max-w-48')}>\n            {pdfData\n              ? (\n                <PdfViewerLazy\n                  data={pdfData}\n                  firstPageOnly={firstPageOnly}\n                  ariaLabel={metadata.filename}\n                  labels={pdfViewerLabels}\n                  onUnavailable={handlePdfViewerUnavailable}\n                />\n              )\n              : <Skeleton className={firstPageOnly ? 'h-40 w-full' : 'h-64 w-full'} aria-hidden=\"true\" />}\n          </div>\n        </Surface>\n\n        {/* Meta info below viewer */}\n        <div className=\"flex items-center gap-group text-xs text-muted-foreground\">\n          <span aria-hidden=\"true\">{renderIcon(docIcon, { size: IconSize.SM })}</span>\n          <span className=\"font-medium text-foreground truncate max-w-48\">{metadata.filename}</span>\n          <span className=\"uppercase\">{docTypeLabel}</span>\n          {showSize && <span>{formatFileSize(metadata.size)}</span>}\n          {showDownload && (\n            <a href={freshDocumentUrl} download={metadata.filename} className=\"text-primary hover:underline ms-auto shrink-0\">\n              {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'download')}\n            </a>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  // Non-PDF or no URL — enhanced file card with type-specific icon\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n      <div className={cn('flex items-center gap-group p-card-sm rounded-md border bg-muted/30', className)}>\n        <span aria-hidden=\"true\">\n          {renderIcon(docIcon, { size: IconSize.LG, className: \"text-muted-foreground\" })}\n        </span>\n\n        <div className=\"flex-1 min-w-0\">\n          <Text className=\"font-medium truncate\">{metadata.filename}</Text>\n          <div className=\"flex items-center gap-group text-xs text-muted-foreground mt-0.5\">\n            <span className=\"uppercase\">{docTypeLabel}</span>\n            {showSize && <span>{formatFileSize(metadata.size)}</span>}\n          </div>\n        </div>\n\n        {showDownload && freshDocumentUrl && (\n          <a\n            href={freshDocumentUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-primary hover:underline text-sm shrink-0\"\n          >\n            {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'open_document')}\n          </a>\n        )}\n      </div>\n    </Surface>\n  )\n}\n\n;(DisplayFieldFileDocument as typeof DisplayFieldFileDocument & { displayName: string }).displayName = \"DisplayFieldFileDocument\"\n\nexport { DisplayFieldFileDocument }\n"]}

package/dist/esm/components/data-display/formatters/display-field-file-document.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-document.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-document.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,+BAA+B,EAAE,mBAAmB,EAIhE,CAAC"}
+{"version":3,"file":"display-field-file-document.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-document.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,+BAA+B,EAAE,mBAAmB,EAwBhE,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-file-document.labels.js

@@ -6,6 +6,26 @@ export const DisplayFieldFileDocument_Labels = [
     { ref: 'open_document', kind: LabelKind.BUTTON, purpose: 'Link that opens the document (PDF or office file) for viewing' },
     { ref: 'download', kind: LabelKind.BUTTON, purpose: 'Link that downloads the document file' },
     { ref: 'pages', kind: LabelKind.LABEL, purpose: 'Unit label appended to the document page count' },
+    {
+        ref: 'page_number',
+        kind: LabelKind.ARIA,
+        purpose: 'Accessible name of one rendered page image inside the PDF viewer',
+        params: [{ key: 'pageNumber', meaning: "the page's 1-based position in the document" }],
+    },
+    {
+        ref: 'pages_truncated',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Notice under a long PDF saying only its first pages were rendered, so the document is not mistaken for complete',
+        params: [
+            { key: 'shown', meaning: 'number of pages that were rendered' },
+            { key: 'total', meaning: 'total number of pages in the document' },
+        ],
+    },
+    {
+        ref: 'render_failed',
+        kind: LabelKind.MESSAGE,
+        purpose: 'Alert shown in place of a PDF preview that could not be rendered; the file can still be downloaded',
+    },
 ];
 registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, DisplayFieldFileDocument_Labels);
 //# sourceMappingURL=display-field-file-document.labels.js.map

package/dist/esm/components/data-display/formatters/display-field-file-document.labels.js.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-document.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-document.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,+BAA+B,GAA0B;IACpE,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,+DAA+D,EAAE;IAC1H,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,uCAAuC,EAAE;IAC7F,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gDAAgD,EAAE;CACnG,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,qCAAqC,EAAE,+BAA+B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const DisplayFieldFileDocument_Labels: LabellingUnitaryDef[] = [\n  { ref: 'open_document', kind: LabelKind.BUTTON, purpose: 'Link that opens the document (PDF or office file) for viewing' },\n  { ref: 'download', kind: LabelKind.BUTTON, purpose: 'Link that downloads the document file' },\n  { ref: 'pages', kind: LabelKind.LABEL, purpose: 'Unit label appended to the document page count' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, DisplayFieldFileDocument_Labels);\n"]}
+{"version":3,"file":"display-field-file-document.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-document.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,+BAA+B,GAA0B;IACpE,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,+DAA+D,EAAE;IAC1H,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,uCAAuC,EAAE;IAC7F,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gDAAgD,EAAE;IAClG;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,IAAI;QACpB,OAAO,EAAE,kEAAkE;QAC3E,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,OAAO,EAAE,6CAA6C,EAAE,CAAC;KACxF;IACD;QACE,GAAG,EAAE,iBAAiB;QACtB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,iHAAiH;QAC1H,MAAM,EAAE;YACN,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,oCAAoC,EAAE;YAC/D,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,uCAAuC,EAAE;SACnE;KACF;IACD;QACE,GAAG,EAAE,eAAe;QACpB,IAAI,EAAE,SAAS,CAAC,OAAO;QACvB,OAAO,EAAE,oGAAoG;KAC9G;CACF,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,qCAAqC,EAAE,+BAA+B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const DisplayFieldFileDocument_Labels: LabellingUnitaryDef[] = [\n  { ref: 'open_document', kind: LabelKind.BUTTON, purpose: 'Link that opens the document (PDF or office file) for viewing' },\n  { ref: 'download', kind: LabelKind.BUTTON, purpose: 'Link that downloads the document file' },\n  { ref: 'pages', kind: LabelKind.LABEL, purpose: 'Unit label appended to the document page count' },\n  {\n    ref: 'page_number',\n    kind: LabelKind.ARIA,\n    purpose: 'Accessible name of one rendered page image inside the PDF viewer',\n    params: [{ key: 'pageNumber', meaning: \"the page's 1-based position in the document\" }],\n  },\n  {\n    ref: 'pages_truncated',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Notice under a long PDF saying only its first pages were rendered, so the document is not mistaken for complete',\n    params: [\n      { key: 'shown', meaning: 'number of pages that were rendered' },\n      { key: 'total', meaning: 'total number of pages in the document' },\n    ],\n  },\n  {\n    ref: 'render_failed',\n    kind: LabelKind.MESSAGE,\n    purpose: 'Alert shown in place of a PDF preview that could not be rendered; the file can still be downloaded',\n  },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, DisplayFieldFileDocument_Labels);\n"]}

package/dist/esm/components/data-display/formatters/display-field-file-gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-gallery.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-gallery.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAQL,4BAA4B,EAC7B,MAAM,6BAA6B,CAAC;AAiBrC,iBAAS,uBAAuB,CAAC,EAC/B,YAAY,EACZ,OAAO,EACP,SAAS,EACT,OAAW,EACX,YAAmB,GACpB,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA0KzD;AAID,OAAO,EAAE,uBAAuB,EAAE,CAAA"}
+{"version":3,"file":"display-field-file-gallery.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-gallery.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAQL,4BAA4B,EAC7B,MAAM,6BAA6B,CAAC;AAiBrC,iBAAS,uBAAuB,CAAC,EAC/B,YAAY,EACZ,OAAO,EACP,SAAS,EACT,OAAW,EACX,YAAmB,GACpB,EAAE,4BAA4B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA0KzD;AAID,OAAO,EAAE,uBAAuB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-file-gallery.labels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-gallery.labels.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-gallery.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAW/D,CAAC"}
+{"version":3,"file":"display-field-file-gallery.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-gallery.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,mBAAmB,EAA2B,MAAM,qCAAqC,CAAC;AAM1I,eAAO,MAAM,8BAA8B,EAAE,mBAAmB,EAW/D,CAAC"}

package/dist/esm/components/data-display/formatters/display-field-file-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-image.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-image.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EASL,0BAA0B,EAE3B,MAAM,6BAA6B,CAAC;AA8BrC,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAmB,EACnB,QAAe,EACf,cAAqB,EACrB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,YAAY,GACb,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAyOvD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"display-field-file-image.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-image.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EASL,0BAA0B,EAE3B,MAAM,6BAA6B,CAAC;AA8BrC,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAmB,EACnB,QAAe,EACf,cAAqB,EACrB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,YAAY,GACb,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA2OvD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/esm/components/data-display/formatters/display-field-file-image.js

@@ -37,7 +37,9 @@ const FILE_MEDIA_SHAPE_RADIUS = {
 // =============================================================================
 function DisplayFieldFileImage({ metadata, fileId, className, showDownload = true, showSize = true, showDimensions = true, serveUrl, getBlob, previewOptions, presentation, }) {
     const { renderIcon } = useIconRegistry();
-    const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE] });
+    // Load the group this component READS. It loaded the form-field groups instead, so every word below
+    // rendered as its raw key (`components.LOW_LEVEL_DISPLAY_FIELD_FILE_…download`) — seen 2026-09-24 in a file preview.
+    const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE });
     const [imageError, setImageError] = React.useState(false);
     // An <img> can't attach the bearer token, so protected bytes are fetched via the
     // injected authed client and wrapped in object URLs. TWO renditions are tracked: