@wildo-ai/presets-components 1.0.1 → 1.1.1

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

@@ -8,7 +8,7 @@
  * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO).
  */
 import * as React from "react";
-import type { DisplayFieldFileVideoProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldFileVideo({ metadata, fileId, className, showDownload, showSize, }: DisplayFieldFileVideoProps): React.JSX.Element;
+import { DisplayFieldFileVideoProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldFileVideo({ metadata, fileId, className, showDownload, showSize, }: DisplayFieldFileVideoProps): React.JSX.Element | null;
 export { DisplayFieldFileVideo };
 //# sourceMappingURL=display-field-file-video.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-video.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-video.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAM7E,iBAAS,qBAAqB,CAAC,EAC7B,QAAQ,EACR,MAAM,EACN,SAAS,EACT,YAAmB,EACnB,QAAe,GAChB,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgEhD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"display-field-file-video.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-video.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,CAsEvD;AAID,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

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

@@ -10,8 +10,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO).
  */
 import * as React from "react";
-import { Text, useIconRegistry, StandardIconReference, IconSize, useI18n } from "@wildo-ai/saas-frontend-lib";
-import { FrontendComponentType } from "@wildo-ai/presets-components-models";
+import { Text, useIconRegistry, StandardIconReference, IconSize, useI18n, cn, Surface, } from '@wildo-ai/saas-frontend-lib';
+import { FrontendComponentType, SurfaceVariant } from "@wildo-ai/presets-components-models";
 import { formatFileSize } from "@wildo-ai/zod-decorators";
 // =============================================================================
 // COMPONENT
@@ -20,15 +20,17 @@ function DisplayFieldFileVideo({ metadata, fileId, className, showDownload = tru
     const { renderIcon } = useIconRegistry();
     const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO });
     const [videoError, setVideoError] = React.useState(false);
+    if (!isReady)
+        return null;
     const videoUrl = metadata.url;
     const posterUrl = metadata.thumbnailUrl;
     // No URL or video failed to load — fallback to card with download
     if (videoError || !videoUrl) {
-        return (_jsxs("div", { className: `flex items-center gap-group p-card-sm rounded-md border bg-muted/30 ${className ?? ''}`, children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILE_VIDEO, { size: IconSize.LG, className: "text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "font-medium truncate", children: metadata.filename }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground mt-0.5", children: [showSize && _jsx("span", { children: formatFileSize(metadata.size) }), metadata.extension && _jsx("span", { className: "uppercase", children: metadata.extension }), videoError && _jsx("span", { className: "text-destructive", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'video_load_error') })] })] }), showDownload && videoUrl && (_jsx("a", { href: videoUrl, download: metadata.filename, className: "text-primary hover:underline text-sm shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'download') }))] }));
+        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.BASE, children: _jsxs("div", { className: cn('flex items-center gap-group p-card-sm rounded-md border bg-muted/30', className), children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILE_VIDEO, { size: IconSize.LG, className: "text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Text, { className: "font-medium truncate", children: metadata.filename }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground mt-0.5", children: [showSize && _jsx("span", { children: formatFileSize(metadata.size) }), metadata.extension && _jsx("span", { className: "uppercase", children: metadata.extension }), videoError && _jsx("span", { className: "text-destructive", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'video_load_error') })] })] }), showDownload && videoUrl && (_jsx("a", { href: videoUrl, download: metadata.filename, className: "text-primary hover:underline text-sm shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'download') }))] }) }));
     }
-    return (_jsxs("div", { className: `space-y-item ${className ?? ''}`, children: [_jsx("div", { className: "w-full max-w-lg rounded-md overflow-hidden border bg-black", children: _jsxs("video", { controls: true, preload: "metadata", className: "w-full h-auto max-h-80", poster: posterUrl, onError: () => setVideoError(true), children: [_jsx("source", { src: videoUrl, type: metadata.mimeType }), _jsx(Text, { className: "p-card-sm text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'unsupported_format') })] }) }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-foreground truncate max-w-48", children: metadata.filename }), showSize && _jsx("span", { children: formatFileSize(metadata.size) }), metadata.extension && _jsx("span", { className: "uppercase", children: metadata.extension }), showDownload && (_jsx("a", { href: videoUrl, download: metadata.filename, className: "text-primary hover:underline ms-auto shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'download') }))] })] }));
+    return (_jsxs("div", { className: cn('space-y-item', className), children: [_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("div", { className: "w-full max-w-lg rounded-md overflow-hidden border bg-black", children: _jsxs("video", { controls: true, preload: "metadata", className: "w-full h-auto max-h-80", poster: posterUrl, onError: () => setVideoError(true), children: [_jsx("source", { src: videoUrl, type: metadata.mimeType }), _jsx(Text, { className: "p-card-sm text-muted-foreground", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'unsupported_format') })] }) }) }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground", children: [_jsx("span", { className: "font-medium text-foreground truncate max-w-48", children: metadata.filename }), showSize && _jsx("span", { children: formatFileSize(metadata.size) }), metadata.extension && _jsx("span", { className: "uppercase", children: metadata.extension }), showDownload && (_jsx("a", { href: videoUrl, download: metadata.filename, className: "text-primary hover:underline ms-auto shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'download') }))] })] }));
 }
 ;
 DisplayFieldFileVideo.displayName = "DisplayFieldFileVideo";
 export { DisplayFieldFileVideo };
-//# sourceMappingURL=display-field-file-video.js.map
+//# sourceMappingURL=display-field-file-video.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-video.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-video.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;GAQG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,qBAAqB,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AAC7G,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EAAqB,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAG5E,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,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,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAA;IAC7B,MAAM,SAAS,GAAG,QAAQ,CAAC,YAAY,CAAA;IAEvC,kEAAkE;IAClE,IAAI,UAAU,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC5B,OAAO,CACL,eAAK,SAAS,EAAE,uEAAuE,SAAS,IAAI,EAAE,EAAE,aACtG,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,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,SAAS,IAAI,EAAE,EAAE,aAE/C,cAAK,SAAS,EAAC,4DAA4D,YACzE,iBACE,QAAQ,QACR,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,wBAAwB,EAClC,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,aAElC,iBAAQ,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,QAAQ,GAAI,EAClD,KAAC,IAAI,IAAC,SAAS,EAAC,iCAAiC,YAC9C,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,oBAAoB,CAAC,GACtF,IACD,GACJ,EAGN,eAAK,SAAS,EAAC,2DAA2D,aACxE,eAAM,SAAS,EAAC,+CAA+C,YAAE,QAAQ,CAAC,QAAQ,GAAQ,EACzF,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,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,IACF,CACP,CAAA;AACH,CAAC;AAED,CAAC;AAAC,qBAAgF,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAExH,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"display-field-file-video.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-video.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldFileVideo Component\n *\n * Nature-specific display for video files.\n * Renders an HTML5 video player with native controls,\n * thumbnail poster, and download fallback for unsupported formats.\n *\n * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO).\n */\n\nimport * as React from \"react\"\n\nimport {\n  Text,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  cn,\n  Surface,\n  DisplayFieldFileVideoProps,\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 DisplayFieldFileVideo({\n  metadata,\n  fileId,\n  className,\n  showDownload = true,\n  showSize = true,\n}: DisplayFieldFileVideoProps): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry()\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO })\n\n  const [videoError, setVideoError] = React.useState(false)\n\n  if (!isReady) return null\n\n  const videoUrl = metadata.url\n  const posterUrl = metadata.thumbnailUrl\n\n  // No URL or video failed to load — fallback to card with download\n  if (videoError || !videoUrl) {\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_VIDEO, { 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              {videoError && <span className=\"text-destructive\">{tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'video_load_error')}</span>}\n            </div>\n          </div>\n          {showDownload && videoUrl && (\n            <a href={videoUrl} download={metadata.filename} className=\"text-primary hover:underline text-sm shrink-0\">\n              {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'download')}\n            </a>\n          )}\n        </div>\n      </Surface>\n    )\n  }\n\n  return (\n    <div className={cn('space-y-item', className)}>\n      {/* HTML5 video player with native controls */}\n      <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n        <div className=\"w-full max-w-lg rounded-md overflow-hidden border bg-black\">\n          <video\n            controls\n            preload=\"metadata\"\n            className=\"w-full h-auto max-h-80\"\n            poster={posterUrl}\n            onError={() => setVideoError(true)}\n          >\n            <source src={videoUrl} type={metadata.mimeType} />\n            <Text className=\"p-card-sm text-muted-foreground\">\n              {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'unsupported_format')}\n            </Text>\n          </video>\n        </div>\n      </Surface>\n\n      {/* Meta info below player */}\n      <div className=\"flex items-center gap-group text-xs text-muted-foreground\">\n        <span className=\"font-medium text-foreground truncate max-w-48\">{metadata.filename}</span>\n        {showSize && <span>{formatFileSize(metadata.size)}</span>}\n        {metadata.extension && <span className=\"uppercase\">{metadata.extension}</span>}\n        {showDownload && (\n          <a href={videoUrl} download={metadata.filename} className=\"text-primary hover:underline ms-auto shrink-0\">\n            {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, 'download')}\n          </a>\n        )}\n      </div>\n    </div>\n  )\n}\n\n;(DisplayFieldFileVideo as typeof DisplayFieldFileVideo & { displayName: string }).displayName = \"DisplayFieldFileVideo\"\n\nexport { DisplayFieldFileVideo }\n"]}

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

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const DisplayFieldFileVideo_Labels: LabellingUnitaryDef[];
+//# sourceMappingURL=display-field-file-video.labels.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-video.labels.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-video.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-video.labels.js

@@ -0,0 +1,11 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const DisplayFieldFileVideo_Labels = [
+    { ref: 'video_load_error', kind: LabelKind.MESSAGE, purpose: 'Error shown when the video file fails to load in the player' },
+    { ref: 'unsupported_format', kind: LabelKind.MESSAGE, purpose: 'Notice shown when the browser cannot play this video format' },
+    { ref: 'download', kind: LabelKind.BUTTON, purpose: 'Download link offered as a fallback when the video cannot be played inline' },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, DisplayFieldFileVideo_Labels);
+//# sourceMappingURL=display-field-file-video.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-video.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-video.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,4BAA4B,GAA0B;IACjE,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,6DAA6D,EAAE;IAC5H,EAAE,GAAG,EAAE,oBAAoB,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,6DAA6D,EAAE;IAC9H,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,4EAA4E,EAAE;CACnI,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,4BAA4B,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 DisplayFieldFileVideo_Labels: LabellingUnitaryDef[] = [\n  { ref: 'video_load_error', kind: LabelKind.MESSAGE, purpose: 'Error shown when the video file fails to load in the player' },\n  { ref: 'unsupported_format', kind: LabelKind.MESSAGE, purpose: 'Notice shown when the browser cannot play this video format' },\n  { ref: 'download', kind: LabelKind.BUTTON, purpose: 'Download link offered as a fallback when the video cannot be played inline' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_VIDEO, DisplayFieldFileVideo_Labels);\n"]}

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

@@ -18,7 +18,7 @@
  * by registering for LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE etc. at the wrapper level.
  */
 import * as React from "react";
-import type { DisplayFieldFileProps } from '@wildo-ai/saas-frontend-lib';
+import { DisplayFieldFileProps } from '@wildo-ai/saas-frontend-lib';
 /**
  * DisplayFieldFile component
  *
@@ -28,6 +28,6 @@ import type { DisplayFieldFileProps } from '@wildo-ai/saas-frontend-lib';
  * - File type icon/badge
  * - Download option
  */
-declare function DisplayFieldFile({ schema, value, className, endpoints, showSize, showType, showDownload, httpOperations, }: DisplayFieldFileProps): React.JSX.Element;
+declare function DisplayFieldFile({ schema, value, className, fieldName, endpoints, showSize, showType, showDownload, httpOperations, }: DisplayFieldFileProps): React.JSX.Element | null;
 export { DisplayFieldFile };
 //# sourceMappingURL=display-field-file.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-file.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0B9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAoCxE;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAe,EACf,QAAe,EACf,YAAmB,EACnB,cAAc,GACf,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4T3C;AAID,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"display-field-file.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAaL,qBAAqB,EAQtB,MAAM,6BAA6B,CAAC;AAgErC;;;;;;;;GAQG;AACH,iBAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAe,EACf,QAAe,EACf,YAAmB,EACnB,cAAc,GACf,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAqZlD;AAyDD,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

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

@@ -20,9 +20,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * by registering for LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE etc. at the wrapper level.
  */
 import * as React from "react";
-import { Text, Skeleton, DisplayFieldFileImage, DisplayFieldFileVideo, DisplayFieldFileAudio, DisplayFieldFileDocument, DisplayFieldFileGallery, useIconRegistry, StandardIconReference, IconSize, useI18n, } from "@wildo-ai/saas-frontend-lib";
-import { FrontendComponentType } from "@wildo-ai/presets-components-models";
-import { FileDisplayNature, resolveFileDisplayNature, getFileMetadata as getFileSchemaMetadata, formatFileSize, } from "@wildo-ai/zod-decorators";
+import { Text, Skeleton, DisplayFieldFileImage, DisplayFieldFileVideo, DisplayFieldFileAudio, DisplayFieldFileDocument, DisplayFieldFileGallery, useIconRegistry, StandardIconReference, IconSize, useI18n, Surface, useFileActivation, envLoader, useOptionalDisplayTemplateContext, Dialog, DialogContent, DialogHeader, DialogTitle, } from '@wildo-ai/saas-frontend-lib';
+import { FrontendComponentType, SurfaceVariant } from "@wildo-ai/presets-components-models";
+import { resolveInvalidLabel } from "./display-field-i18n.utils.js";
+import { FileDisplayNature, FileDisplayPresentation, resolveFileDisplayNature, resolveFileDisplayPolicy, getFileMetadata as getFileSchemaMetadata, getFieldUIDisplayConfig, formatFileSize, } from "@wildo-ai/zod-decorators";
 /** Type guard to check if value is a single file */
 function isSingleFileValue(value) {
     return value !== null && value !== undefined && 'fileId' in value;
@@ -43,6 +44,13 @@ function getNeutralFileDisplayLabel(value, t) {
             : `${fileCount} files attached`)
         : (t('File attached') ?? 'File attached');
 }
+function getFileValueRefreshKey(value) {
+    if (!value || typeof value !== 'object' || !('updatedAt' in value)) {
+        return '';
+    }
+    const updatedAt = value.updatedAt;
+    return updatedAt instanceof Date ? updatedAt.toISOString() : String(updatedAt);
+}
 /**
  * DisplayFieldFile component
  *
@@ -52,9 +60,9 @@ function getNeutralFileDisplayLabel(value, t) {
  * - File type icon/badge
  * - Download option
  */
-function DisplayFieldFile({ schema, value, className, endpoints, showSize = true, showType = true, showDownload = true, httpOperations, }) {
+function DisplayFieldFile({ schema, value, className, fieldName, endpoints, showSize = true, showType = true, showDownload = true, httpOperations, }) {
     const { renderIcon } = useIconRegistry();
-    const { t, tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE] });
+    const { t, tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE] });
     const fileSchemaMetadata = getFileSchemaMetadata(schema);
     const isMultiple = fileSchemaMetadata?.multiple ?? false;
     // State for loaded metadata (single file or array of files)
@@ -73,6 +81,7 @@ function DisplayFieldFile({ schema, value, className, endpoints, showSize = true
     }, [value]);
     // Stable key for dependency tracking (avoids inline .join() in useEffect deps)
     const fileIdsKey = React.useMemo(() => fileIds.join(','), [fileIds]);
+    const fileValueRefreshKey = React.useMemo(() => getFileValueRefreshKey(value), [value]);
     // Fetch metadata when value changes
     React.useEffect(() => {
         // Derive IDs from the key to keep closure and dependency in sync
@@ -101,7 +110,7 @@ function DisplayFieldFile({ schema, value, className, endpoints, showSize = true
                     return response.json();
                 }));
                 const successfulEntries = settledResults.flatMap((result, index) => (result.status === 'fulfilled'
-                    ? [{ fileId: currentFileIds[index], metadata: result.value }]
+                    ? [{ fileId: currentFileIds[index], refreshKey: fileValueRefreshKey, metadata: result.value }]
                     : []));
                 if (!cancelled) {
                     setMetadataEntries(successfulEntries);
@@ -118,11 +127,26 @@ function DisplayFieldFile({ schema, value, className, endpoints, showSize = true
         };
         fetchAllMetadata();
         return () => { cancelled = true; };
-    }, [fileIdsKey, endpoints.getMetadata, httpOperations]);
+    }, [fileIdsKey, fileValueRefreshKey, endpoints.getMetadata, httpOperations, t]);
     // =========================================================================
     // NATURE DETECTION (via shared utility from zod-decorators)
     // =========================================================================
     const schemaNature = fileSchemaMetadata?.nature;
+    // The authored file display policy: `presentation` (resting: card / thumbnail /
+    // full) x `activation` (click: none / overlay / download / new tab / custom).
+    // Resolution is per FILE, not per field, because the runtime guard tier needs the
+    // actual MIME: a field declaring the open `FileNature.ALL` can hold something no
+    // displayer can render, and the policy then degrades deterministically rather
+    // than rendering a blank frame or a dead click.
+    const displayConfig = getFieldUIDisplayConfig(schema);
+    // CUSTOM activation targets an OPERATION on the owning resource; only the
+    // resource-aware host can dispatch it, so it arrives opaquely through the display
+    // template context (same ownership split as `hiddenFieldNames`).
+    const displayTemplateCtx = useOptionalDisplayTemplateContext();
+    const onFileActivationOperation = displayTemplateCtx?.onFileActivationOperation;
+    // Overlay host for `FileActivationPolicy.OVERLAY` — one host for every nature,
+    // replacing the old image-only lightbox.
+    const [overlayFileId, setOverlayFileId] = React.useState(null);
     // =========================================================================
     // FILE ICON MAPPING (for generic card fallback)
     // =========================================================================
@@ -155,27 +179,44 @@ function DisplayFieldFile({ schema, value, className, endpoints, showSize = true
      * Delegates to the appropriate nature-specific display preset,
      * falling back to the generic file card for unknown/archive types.
      */
-    const renderNatureAwareFile = (metadata, fileId) => {
-        // Determine display nature: schema-declared > MIME-detected > generic
-        const nature = resolveFileDisplayNature(schemaNature, metadata.mimeType);
+    const renderNatureAwareFile = (metadata, fileId, refreshKey) => {
+        const policy = resolveFileDisplayPolicy({ schemaNature, mimeType: metadata.mimeType, authored: displayConfig });
+        if (policy.degraded && envLoader.isDevelopment()) {
+            // Loud in dev, silent in prod: the authored policy was unsatisfiable for THIS
+            // file. Only reachable under an open declared nature — a narrow one that cannot
+            // display is refused at registry build.
+            console.warn(`[DisplayFieldFile] "${fieldName ?? "(unnamed field)"}": authored file display policy degraded — ${policy.degradationReason}.`);
+        }
+        // CARD presentation short-circuits every nature: the neutral card IS the resting
+        // render, and the media (if any) is reachable through the activation policy.
+        const body = policy.presentation === FileDisplayPresentation.CARD
+            ? renderGenericFileItem(metadata, fileId)
+            : renderNatureMedia(metadata, fileId, refreshKey, policy.presentation, policy.displayNature);
+        return (_jsx(FileActivationBoundary, { activation: policy.activation, metadata: metadata, fileId: fileId, fieldName: fieldName ?? '', getBlob: httpOperations?.getBlob, onOperationRequested: onFileActivationOperation, onOverlayRequested: () => setOverlayFileId(fileId), activateLabel: metadata.filename, children: body }, `${fileId}:${refreshKey}`));
+    };
+    /**
+     * Render the media itself for a THUMBNAIL / FULL presentation. Nature displayers
+     * own how their medium looks; the presentation tier tells them how large a claim
+     * on the layout they may make.
+     */
+    const renderNatureMedia = (metadata, fileId, refreshKey, presentation, nature) => {
         switch (nature) {
             case FileDisplayNature.IMAGE:
-                return (_jsx(DisplayFieldFileImage, { metadata: metadata, fileId: fileId, showDownload: showDownload, showSize: showSize }, fileId));
+                return (_jsx(DisplayFieldFileImage, { metadata: metadata, fileId: fileId, serveUrl: endpoints.serve ? `${endpoints.serve}/${encodeURIComponent(fileId)}` : undefined, getBlob: httpOperations?.getBlob, previewOptions: displayConfig?.preview, presentation: presentation, showDownload: showDownload, showSize: showSize }));
             case FileDisplayNature.VIDEO:
-                return (_jsx(DisplayFieldFileVideo, { metadata: metadata, fileId: fileId, showDownload: showDownload, showSize: showSize }, fileId));
+                return _jsx(DisplayFieldFileVideo, { metadata: metadata, fileId: fileId, showDownload: showDownload, showSize: showSize });
             case FileDisplayNature.AUDIO:
-                return (_jsx(DisplayFieldFileAudio, { metadata: metadata, fileId: fileId, showDownload: showDownload, showSize: showSize }, fileId));
+                return _jsx(DisplayFieldFileAudio, { metadata: metadata, fileId: fileId, showDownload: showDownload, showSize: showSize });
             case FileDisplayNature.DOCUMENT:
-                return (_jsx(DisplayFieldFileDocument, { metadata: metadata, fileId: fileId, showDownload: showDownload, showSize: showSize }, fileId));
+                return (_jsx(DisplayFieldFileDocument, { metadata: metadata, fileId: fileId, refreshKey: refreshKey, presentation: presentation, serveUrl: endpoints.serve ? `${endpoints.serve}/${encodeURIComponent(fileId)}` : undefined, getBlob: httpOperations?.getBlob, showDownload: showDownload, showSize: showSize }));
             default:
-                // Generic file card (archives, unknown types, etc.)
                 return renderGenericFileItem(metadata, fileId);
         }
     };
     /** Render a generic file card (used for archives, unknown types, and as fallback) */
     const renderGenericFileItem = (metadata, fileId) => {
         const fileIconRef = getFileIconRef(metadata.mimeType);
-        return (_jsxs("div", { className: "flex items-center gap-group p-card-sm rounded-md border bg-muted/30", children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(fileIconRef, { size: IconSize.LG, className: "text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "flex items-center gap-element", children: metadata.url && showDownload ? (_jsx("a", { href: metadata.url, target: "_blank", rel: "noopener noreferrer", className: "font-medium text-primary hover:underline truncate", children: metadata.filename })) : (_jsx(Text, { className: "font-medium truncate", children: metadata.filename })) }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground mt-0.5", children: [showSize && metadata.size !== undefined && (_jsx("span", { children: formatFileSize(metadata.size) })), showType && metadata.mimeType && (_jsx("span", { className: "uppercase", children: metadata.extension || metadata.mimeType.split('/').pop() }))] })] }), metadata.thumbnailUrl && metadata.mimeType?.startsWith('image/') && (_jsx("img", { src: metadata.thumbnailUrl, alt: metadata.filename, className: "h-12 w-12 rounded object-cover" }))] }, fileId));
+        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsxs("div", { className: "flex items-center gap-group p-card-sm rounded-md border bg-muted/30", children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(fileIconRef, { size: IconSize.LG, className: "text-muted-foreground" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "flex items-center gap-element", children: metadata.url && showDownload ? (_jsx("a", { href: metadata.url, target: "_blank", rel: "noopener noreferrer", className: "font-medium text-primary hover:underline truncate", children: metadata.filename })) : (_jsx(Text, { className: "font-medium truncate", children: metadata.filename })) }), _jsxs("div", { className: "flex items-center gap-group text-xs text-muted-foreground mt-0.5", children: [showSize && metadata.size !== undefined && (_jsx("span", { children: formatFileSize(metadata.size) })), showType && metadata.mimeType && (_jsx("span", { className: "uppercase", children: metadata.extension || metadata.mimeType.split('/').pop() }))] })] }), metadata.thumbnailUrl && metadata.mimeType?.startsWith('image/') && (_jsx("img", { src: metadata.thumbnailUrl, alt: metadata.filename, className: "h-12 w-12 rounded object-cover" }))] }) }, fileId));
     };
     // =========================================================================
     // MULTI-FILE GALLERY DETECTION
@@ -193,9 +234,12 @@ function DisplayFieldFile({ schema, value, className, endpoints, showSize = true
         // All fetched files are images — auto-gallery
         return metadataEntries.every(({ metadata }) => metadata.mimeType?.startsWith('image/'));
     }, [metadataEntries, schemaNature]);
+    const invalidLabel = React.useMemo(() => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE), [tComponent]);
     // =========================================================================
     // RENDER
     // =========================================================================
+    if (!isReady)
+        return null;
     const renderValue = () => {
         // Handle null/undefined
         if (value === null || value === undefined) {
@@ -203,12 +247,12 @@ function DisplayFieldFile({ schema, value, className, endpoints, showSize = true
         }
         // Handle invalid value
         if (typeof value !== 'object' || (!('fileId' in value) && !('fileIds' in value))) {
-            return _jsx(Text, { className: "text-muted-foreground italic", children: "Invalid" });
+            return _jsx(Text, { className: "text-muted-foreground italic", children: invalidLabel });
         }
         // Loading state
         if (loading) {
             const loadingLabel = t('Loading file metadata') ?? 'Loading file metadata';
-            return (_jsxs("div", { className: "flex items-center gap-group p-card-sm rounded-md border bg-muted/30", role: "status", "aria-label": loadingLabel, children: [_jsx(Skeleton, { className: "h-6 w-6 rounded" }), _jsxs("div", { className: "flex-1 min-w-0 space-y-1.5", children: [_jsx(Skeleton, { className: "h-4 w-36" }), _jsx(Skeleton, { className: "h-3 w-20" })] })] }));
+            return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsxs("div", { className: "flex items-center gap-group p-card-sm rounded-md border bg-muted/30", role: "status", "aria-label": loadingLabel, children: [_jsx(Skeleton, { className: "h-6 w-6 rounded" }), _jsxs("div", { className: "flex-1 min-w-0 space-y-1.5", children: [_jsx(Skeleton, { className: "h-4 w-36" }), _jsx(Skeleton, { className: "h-3 w-20" })] })] }) }));
         }
         // Error state
         if (error) {
@@ -226,15 +270,45 @@ function DisplayFieldFile({ schema, value, className, endpoints, showSize = true
                 return (_jsx(DisplayFieldFileGallery, { metadataList: metadataEntries.map(({ metadata }) => metadata), fileIds: metadataEntries.map(({ fileId }) => fileId), showDownload: showDownload }));
             }
             // Mixed content or non-image multiple — individual nature-aware cards
-            return (_jsx("div", { className: "space-y-item", children: metadataEntries.map(({ metadata, fileId }) => renderNatureAwareFile(metadata, fileId)) }));
+            return (_jsx("div", { className: "space-y-item", children: metadataEntries.map(({ metadata, fileId, refreshKey }) => renderNatureAwareFile(metadata, fileId, refreshKey)) }));
         }
         // Single file — nature-aware rendering
-        return renderNatureAwareFile(metadataEntries[0].metadata, metadataEntries[0].fileId);
+        return renderNatureAwareFile(metadataEntries[0].metadata, metadataEntries[0].fileId, metadataEntries[0].refreshKey);
     };
+    // Overlay host for OVERLAY activation — ONE host for every nature (it replaces the
+    // old image-only lightbox). It renders the file at FULL presentation, which is what
+    // "display it" means for each medium: a full image, a player, a paginated PDF.
+    const overlayEntry = overlayFileId
+        ? metadataEntries.find(entry => entry.fileId === overlayFileId)
+        : undefined;
     // Label/description rendering is handled by the parent DisplayField (FIELD-01)
-    return _jsx("div", { className: className, children: renderValue() });
+    return (_jsxs("div", { className: className, children: [renderValue(), overlayEntry && (_jsx(Dialog, { open: true, onOpenChange: (open) => { if (!open)
+                    setOverlayFileId(null); }, children: _jsxs(DialogContent, { className: "max-w-5xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: overlayEntry.metadata.filename }) }), renderNatureMedia(overlayEntry.metadata, overlayEntry.fileId, overlayEntry.refreshKey, FileDisplayPresentation.FULL, resolveFileDisplayNature(schemaNature, overlayEntry.metadata.mimeType))] }) }))] }));
+}
+/**
+ * Binds a file's activation policy onto its rendered body.
+ *
+ * A thin boundary rather than a prop on each nature displayer: every nature gets
+ * identical click/keyboard semantics, and a displayer stays free to be purely
+ * presentational. When the policy is inert (NONE, or means unavailable) the body is
+ * returned untouched — no affordance, no focus stop, no lie about interactivity.
+ */
+function FileActivationBoundary({ activation, metadata, fileId, fieldName, getBlob, onOperationRequested, onOverlayRequested, activateLabel, children, }) {
+    const { interactive, activationProps } = useFileActivation({
+        activation,
+        metadata,
+        fileId,
+        fieldName,
+        getBlob,
+        onOperationRequested,
+        onOverlayRequested,
+        ariaLabel: activateLabel,
+    });
+    if (!interactive)
+        return _jsx(_Fragment, { children: children });
+    return (_jsx("div", { ...activationProps, "data-slot": "file-activation", className: "cursor-pointer rounded-md focus-ring-offset outline-none", children: children }));
 }
 ;
 DisplayFieldFile.displayName = "DisplayFieldFile";
 export { DisplayFieldFile };
-//# sourceMappingURL=display-field-file.js.map
+//# sourceMappingURL=display-field-file.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-file.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"display-field-file.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,uBAAuB,EACvB,eAAe,EACf,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,OAAO,EAEP,iBAAiB,EACjB,SAAS,EACT,iCAAiC,EACjC,MAAM,EACN,aAAa,EACb,YAAY,EACZ,WAAW,GACZ,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAC3F,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAChE,OAAO,EAML,iBAAiB,EACjB,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,eAAe,IAAI,qBAAqB,EACxC,uBAAuB,EAEvB,cAAc,GACf,MAAM,0BAA0B,CAAA;AAQjC,oDAAoD;AACpD,SAAS,iBAAiB,CAAC,KAAmC;IAC5D,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,QAAQ,IAAI,KAAK,CAAC;AACpE,CAAC;AAED,qDAAqD;AACrD,SAAS,mBAAmB,CAAC,KAAmC;IAC9D,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,SAAS,IAAI,KAAK,CAAC;AACrE,CAAC;AAED,SAAS,0BAA0B,CACjC,KAAgB,EAChB,CAAwE;IAExE,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;QAC7B,OAAO,CAAC,CAAC,eAAe,CAAC,IAAI,eAAe,CAAA;IAC9C,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,CAAA;IACtC,MAAM,uBAAuB,GAAG,CAAC,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAA;IACzE,OAAO,SAAS,GAAG,CAAC;QAClB,CAAC,CAAC,CACE,uBAAuB,IAAI,uBAAuB,KAAK,gBAAgB;YACrE,CAAC,CAAC,uBAAuB;YACzB,CAAC,CAAC,GAAG,SAAS,iBAAiB,CAClC;QACH,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,eAAe,CAAC,CAAA;AAC7C,CAAC;AAED,SAAS,sBAAsB,CAAC,KAAmC;IACjE,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,WAAW,IAAI,KAAK,CAAC,EAAE,CAAC;QACnE,OAAO,EAAE,CAAA;IACX,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAA;IACjC,OAAO,SAAS,YAAY,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;AAChF,CAAC;AAED;;;;;;;;GAQG;AACH,SAAS,gBAAgB,CAAC,EACxB,MAAM,EACN,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,GAAG,IAAI,EACf,YAAY,GAAG,IAAI,EACnB,cAAc,GACQ;IACtB,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,yBAAyB,EAAE,qBAAqB,CAAC,4BAA4B,CAAC,EAAE,CAAC,CAAA;IAC5M,MAAM,kBAAkB,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAA;IACxD,MAAM,UAAU,GAAG,kBAAkB,EAAE,QAAQ,IAAI,KAAK,CAAA;IAExD,4DAA4D;IAC5D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAsB,EAAE,CAAC,CAAA;IACrF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAE7D,6DAA6D;IAC7D,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC7B,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACxB,CAAC;QACD,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;YAC/B,OAAO,KAAK,CAAC,OAAO,CAAC;QACvB,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,+EAA+E;IAC/E,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACrE,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAExF,oCAAoC;IACpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,iEAAiE;QACjE,MAAM,cAAc,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;QAE9D,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC;YAC1D,kBAAkB,CAAC,EAAE,CAAC,CAAA;YACtB,OAAM;QACR,CAAC;QAED,IAAI,SAAS,GAAG,KAAK,CAAA;QACrB,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,QAAQ,CAAC,IAAI,CAAC,CAAA;QAEd,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;YAClC,IAAI,CAAC;gBACH,MAAM,cAAc,GAAG,MAAM,OAAO,CAAC,UAAU,CAC7C,cAAc,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;oBAClC,MAAM,WAAW,GAAG,GAAG,SAAS,CAAC,WAAW,IAAI,kBAAkB,CAAC,MAAM,CAAC,WAAW,CAAA;oBAErF,iFAAiF;oBACjF,yEAAyE;oBACzE,IAAI,cAAc,EAAE,CAAC;wBACnB,OAAO,cAAc,CAAC,GAAG,CAAe,WAAW,CAAC,CAAA;oBACtD,CAAC;oBAED,iEAAiE;oBACjE,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,WAAW,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC,CAAA;oBACrE,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;wBACjB,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAA;oBAClD,CAAC;oBACD,OAAO,QAAQ,CAAC,IAAI,EAA2B,CAAA;gBACjD,CAAC,CAAC,CACH,CAAA;gBAED,MAAM,iBAAiB,GAAwB,cAAc,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACvF,MAAM,CAAC,MAAM,KAAK,WAAW;oBAC3B,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,KAAK,CAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC;oBAC/F,CAAC,CAAC,EAAE,CACP,CAAC,CAAA;gBAEF,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,kBAAkB,CAAC,iBAAiB,CAAC,CAAA;oBACrC,QAAQ,CACN,iBAAiB,CAAC,MAAM,KAAK,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,KAAK,UAAU,CAAC;wBAC3F,CAAC,CAAC,CAAC,CAAC,CAAC,6BAA6B,CAAC,IAAI,6BAA6B,CAAC;wBACrE,CAAC,CAAC,IAAI,CACT,CAAA;gBACH,CAAC;YACH,CAAC;oBAAS,CAAC;gBACT,IAAI,CAAC,SAAS,EAAE,CAAC;oBACf,UAAU,CAAC,KAAK,CAAC,CAAA;gBACnB,CAAC;YACH,CAAC;QACH,CAAC,CAAA;QAED,gBAAgB,EAAE,CAAA;QAClB,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAA,CAAC,CAAC,CAAA;IACnC,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,EAAE,SAAS,CAAC,WAAW,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,CAAA;IAE/E,4EAA4E;IAC5E,4DAA4D;IAC5D,4EAA4E;IAE5E,MAAM,YAAY,GAAG,kBAAkB,EAAE,MAAM,CAAA;IAE/C,gFAAgF;IAChF,8EAA8E;IAC9E,kFAAkF;IAClF,iFAAiF;IACjF,8EAA8E;IAC9E,gDAAgD;IAChD,MAAM,aAAa,GAAG,uBAAuB,CAAC,MAAM,CAAoC,CAAA;IAExF,0EAA0E;IAC1E,kFAAkF;IAClF,iEAAiE;IACjE,MAAM,kBAAkB,GAAG,iCAAiC,EAAE,CAAA;IAC9D,MAAM,yBAAyB,GAAG,kBAAkB,EAAE,yBAAyB,CAAA;IAE/E,+EAA+E;IAC/E,yCAAyC;IACzC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAE7E,4EAA4E;IAC5E,gDAAgD;IAChD,4EAA4E;IAE5E,MAAM,cAAc,GAAG,CAAC,QAAiB,EAAyB,EAAE;QAClE,IAAI,CAAC,QAAQ;YAAE,OAAO,qBAAqB,CAAC,IAAI,CAAA;QAChD,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;YAAE,OAAO,qBAAqB,CAAC,UAAU,CAAA;QAC1E,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;YAAE,OAAO,qBAAqB,CAAC,UAAU,CAAA;QAC1E,IAAI,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC;YAAE,OAAO,qBAAqB,CAAC,UAAU,CAAA;QAC1E,IAAI,QAAQ,KAAK,iBAAiB;YAAE,OAAO,qBAAqB,CAAC,SAAS,CAAA;QAC1E,IAAI,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC;YAAE,OAAO,qBAAqB,CAAC,gBAAgB,CAAA;QACjH,IAAI,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC;YAAE,OAAO,qBAAqB,CAAC,iBAAiB,CAAA;QACxH,IAAI,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;YAAE,OAAO,qBAAqB,CAAC,SAAS,CAAA;QACtG,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,OAAO,qBAAqB,CAAC,YAAY,CAAA;QAC9H,OAAO,qBAAqB,CAAC,IAAI,CAAA;IACnC,CAAC,CAAA;IAED,4EAA4E;IAC5E,yBAAyB;IACzB,4EAA4E;IAE5E;;;;OAIG;IACH,MAAM,qBAAqB,GAAG,CAAC,QAAsB,EAAE,MAAc,EAAE,UAAkB,EAAmB,EAAE;QAC5G,MAAM,MAAM,GAAG,wBAAwB,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,CAAA;QAE/G,IAAI,MAAM,CAAC,QAAQ,IAAI,SAAS,CAAC,aAAa,EAAE,EAAE,CAAC;YACjD,8EAA8E;YAC9E,gFAAgF;YAChF,wCAAwC;YACxC,OAAO,CAAC,IAAI,CACV,uBAAuB,SAAS,IAAI,iBAAiB,8CAA8C,MAAM,CAAC,iBAAiB,GAAG,CAC/H,CAAA;QACH,CAAC;QAED,iFAAiF;QACjF,6EAA6E;QAC7E,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,KAAK,uBAAuB,CAAC,IAAI;YAC/D,CAAC,CAAC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC;YACzC,CAAC,CAAC,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,aAAa,CAAC,CAAA;QAE9F,OAAO,CACL,KAAC,sBAAsB,IAErB,UAAU,EAAE,MAAM,CAAC,UAAU,EAC7B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,IAAI,EAAE,EAC1B,OAAO,EAAE,cAAc,EAAE,OAAO,EAChC,oBAAoB,EAAE,yBAAyB,EAC/C,kBAAkB,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,CAAC,EAClD,aAAa,EAAE,QAAQ,CAAC,QAAQ,YAE/B,IAAI,IAVA,GAAG,MAAM,IAAI,UAAU,EAAE,CAWP,CAC1B,CAAA;IACH,CAAC,CAAA;IAED;;;;OAIG;IACH,MAAM,iBAAiB,GAAG,CACxB,QAAsB,EACtB,MAAc,EACd,UAAkB,EAClB,YAAqC,EACrC,MAAyB,EACR,EAAE;QACnB,QAAQ,MAAM,EAAE,CAAC;YACf,KAAK,iBAAiB,CAAC,KAAK;gBAC1B,OAAO,CACL,KAAC,qBAAqB,IACpB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,KAAK,IAAI,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1F,OAAO,EAAE,cAAc,EAAE,OAAO,EAChC,cAAc,EAAE,aAAa,EAAE,OAAO,EACtC,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;YAEH,KAAK,iBAAiB,CAAC,KAAK;gBAC1B,OAAO,KAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;YAEtH,KAAK,iBAAiB,CAAC,KAAK;gBAC1B,OAAO,KAAC,qBAAqB,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAA;YAEtH,KAAK,iBAAiB,CAAC,QAAQ;gBAC7B,OAAO,CACL,KAAC,wBAAwB,IACvB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,KAAK,IAAI,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAC1F,OAAO,EAAE,cAAc,EAAE,OAAO,EAChC,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAA;YAEH;gBACE,OAAO,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;QAClD,CAAC;IACH,CAAC,CAAA;IAED,qFAAqF;IACrF,MAAM,qBAAqB,GAAG,CAAC,QAAsB,EAAE,MAAc,EAAmB,EAAE;QACxF,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;QAErD,OAAO,CACL,KAAC,OAAO,IAAc,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,YAChF,eAAK,SAAS,EAAC,qEAAqE,aAElF,8BAAkB,MAAM,YAAE,UAAU,CAAC,WAAW,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC,GAAQ,EAGpH,eAAK,SAAS,EAAC,gBAAgB,aAC7B,cAAK,SAAS,EAAC,+BAA+B,YAC3C,QAAQ,CAAC,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,CAC9B,YACE,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,mDAAmD,YAE5D,QAAQ,CAAC,QAAQ,GAChB,CACL,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,YAAE,QAAQ,CAAC,QAAQ,GAAQ,CAClE,GACG,EAGN,eAAK,SAAS,EAAC,kEAAkE,aAC9E,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,SAAS,IAAI,CAC1C,yBAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAQ,CAC7C,EACA,QAAQ,IAAI,QAAQ,CAAC,QAAQ,IAAI,CAChC,eAAM,SAAS,EAAC,WAAW,YAAE,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,GAAQ,CAC9F,IACG,IACF,EAGL,QAAQ,CAAC,YAAY,IAAI,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,IAAI,CACnE,cACE,GAAG,EAAE,QAAQ,CAAC,YAAY,EAC1B,GAAG,EAAE,QAAQ,CAAC,QAAQ,EACtB,SAAS,EAAC,gCAAgC,GAC1C,CACH,IACG,IAzCM,MAAM,CA0CV,CACX,CAAA;IACH,CAAC,CAAA;IAED,4EAA4E;IAC5E,+BAA+B;IAC/B,4EAA4E;IAE5E;;;OAGG;IACH,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7C,IAAI,eAAe,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO,KAAK,CAAA;QAE7C,6DAA6D;QAC7D,IAAI,wBAAwB,CAAC,YAAY,CAAC,KAAK,iBAAiB,CAAC,KAAK;YAAE,OAAO,IAAI,CAAA;QAEnF,8CAA8C;QAC9C,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAA;IACzF,CAAC,EAAE,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC,CAAA;IAEnC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,mBAAmB,CAAC,UAAU,EAAE,qBAAqB,CAAC,4BAA4B,CAAC,EACzF,CAAC,UAAU,CAAC,CACb,CAAA;IAED,4EAA4E;IAC5E,SAAS;IACT,4EAA4E;IAE5E,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,wBAAwB;QACxB,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC1C,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,uBAAuB;QACvB,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,SAAS,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC;YACjF,OAAO,KAAC,IAAI,IAAC,SAAS,EAAC,8BAA8B,YAAE,YAAY,GAAQ,CAAA;QAC7E,CAAC;QAED,gBAAgB;QAChB,IAAI,OAAO,EAAE,CAAC;YACZ,MAAM,YAAY,GAAG,CAAC,CAAC,uBAAuB,CAAC,IAAI,uBAAuB,CAAA;YAC1E,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,YACnE,eAAK,SAAS,EAAC,qEAAqE,EAAC,IAAI,EAAC,QAAQ,gBAAa,YAAY,aACzH,KAAC,QAAQ,IAAC,SAAS,EAAC,iBAAiB,GAAG,EACxC,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IAC7B,IACF,GACE,CACX,CAAA;QACH,CAAC;QAED,cAAc;QACd,IAAI,KAAK,EAAE,CAAC;YACV,OAAO,CACL,eAAK,SAAS,EAAC,gDAAgD,EAAC,IAAI,EAAC,OAAO,aAC1E,8BAAkB,MAAM,YAAE,UAAU,CAAC,qBAAqB,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAQ,EAClG,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,YAAE,KAAK,GAAQ,IACpC,CACP,CAAA;QACH,CAAC;QAED,sEAAsE;QACtE,sEAAsE;QACtE,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACjC,OAAO,CACL,eAAK,SAAS,EAAC,qDAAqD,aAClE,8BAAkB,MAAM,YAAE,UAAU,CAAC,qBAAqB,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAQ,EAC/F,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,YAAE,0BAA0B,CAAC,KAAK,EAAE,CAAC,CAAC,GAAQ,IACnE,CACP,CAAA;QACH,CAAC;QAED,+CAA+C;QAC/C,IAAI,UAAU,IAAI,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC7C,oCAAoC;YACpC,IAAI,mBAAmB,EAAE,CAAC;gBACxB,OAAO,CACL,KAAC,uBAAuB,IACtB,YAAY,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAC7D,OAAO,EAAE,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,EACpD,YAAY,EAAE,YAAY,GAC1B,CACH,CAAA;YACH,CAAC;YAED,sEAAsE;YACtE,OAAO,CACL,cAAK,SAAS,EAAC,cAAc,YAC1B,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,qBAAqB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,GAC3G,CACP,CAAA;QACH,CAAC;QAED,uCAAuC;QACvC,OAAO,qBAAqB,CAAC,eAAe,CAAC,CAAC,CAAE,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAE,CAAC,UAAU,CAAC,CAAA;IACxH,CAAC,CAAA;IAED,mFAAmF;IACnF,oFAAoF;IACpF,+EAA+E;IAC/E,MAAM,YAAY,GAAG,aAAa;QAChC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,aAAa,CAAC;QAC/D,CAAC,CAAC,SAAS,CAAA;IAEb,+EAA+E;IAC/E,OAAO,CACL,eAAK,SAAS,EAAE,SAAS,aACtB,WAAW,EAAE,EACb,YAAY,IAAI,CACf,KAAC,MAAM,IAAC,IAAI,QAAC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,GAAG,IAAI,CAAC,IAAI;oBAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC,YACxE,MAAC,aAAa,IAAC,SAAS,EAAC,WAAW,aAClC,KAAC,YAAY,cACX,KAAC,WAAW,cAAE,YAAY,CAAC,QAAQ,CAAC,QAAQ,GAAe,GAC9C,EACd,iBAAiB,CAChB,YAAY,CAAC,QAAQ,EACrB,YAAY,CAAC,MAAM,EACnB,YAAY,CAAC,UAAU,EACvB,uBAAuB,CAAC,IAAI,EAC5B,wBAAwB,CAAC,YAAY,EAAE,YAAY,CAAC,QAAQ,CAAC,QAAQ,CAAC,CACvE,IACa,GACT,CACV,IACG,CACP,CAAA;AACH,CAAC;AAED;;;;;;;GAOG;AACH,SAAS,sBAAsB,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAO,EACP,oBAAoB,EACpB,kBAAkB,EAClB,aAAa,EACb,QAAQ,GAWT;IACC,MAAM,EAAE,WAAW,EAAE,eAAe,EAAE,GAAG,iBAAiB,CAAC;QACzD,UAAU;QACV,QAAQ;QACR,MAAM;QACN,SAAS;QACT,OAAO;QACP,oBAAoB;QACpB,kBAAkB;QAClB,SAAS,EAAE,aAAa;KACzB,CAAC,CAAA;IAEF,IAAI,CAAC,WAAW;QAAE,OAAO,4BAAG,QAAQ,GAAI,CAAA;IAExC,OAAO,CACL,iBACM,eAAe,eACT,iBAAiB,EAC3B,SAAS,EAAC,0DAA0D,YAEnE,QAAQ,GACL,CACP,CAAA;AACH,CAAC;AAED,CAAC;AAAC,gBAAsE,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEzG,OAAO,EAAE,gBAAgB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldFile Component\n *\n * Root display component for file fields. Acts as both:\n * 1. Metadata fetcher — loads file metadata from server via authenticated httpOperations\n * 2. Nature router — delegates rendering to nature-specific display components\n *\n * Nature routing priority:\n * 1. Schema metadata `fileConfig.nature` (explicit, from z_file({ nature: FileNature.IMAGE }))\n * 2. Fetched metadata MIME type detection (from server response)\n * 3. Generic file card (fallback for unknown types / archives)\n *\n * For multiple images → gallery display. For mixed multiple → individual cards.\n *\n * Nature-specific sub-components are imported directly within this preset.\n * Custom apps can override the entire file display by registering a new preset\n * for LOW_LEVEL_DISPLAY_FIELD_FILE, or override individual nature renderers\n * by registering for LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE etc. at the wrapper level.\n */\n\nimport * as React from \"react\"\nimport {\n  Text,\n  Skeleton,\n  DisplayFieldFileImage,\n  DisplayFieldFileVideo,\n  DisplayFieldFileAudio,\n  DisplayFieldFileDocument,\n  DisplayFieldFileGallery,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  Surface,\n  DisplayFieldFileProps,\n  useFileActivation,\n  envLoader,\n  useOptionalDisplayTemplateContext,\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\nimport { resolveInvalidLabel } from \"./display-field-i18n.utils\"\nimport {\n  FileValue,\n  SingleFileValue,\n  MultipleFileValue,\n  FileMetadata,\n  FileFieldEndpoints,\n  FileDisplayNature,\n  FileDisplayPresentation,\n  resolveFileDisplayNature,\n  resolveFileDisplayPolicy,\n  getFileMetadata as getFileSchemaMetadata,\n  getFieldUIDisplayConfig,\n  type FileUIDisplayParams,\n  formatFileSize,\n} from \"@wildo-ai/zod-decorators\"\n\ntype FileMetadataEntry = {\n  fileId: string\n  refreshKey: string\n  metadata: FileMetadata\n}\n\n/** Type guard to check if value is a single file */\nfunction isSingleFileValue(value: FileValue | null | undefined): value is SingleFileValue {\n  return value !== null && value !== undefined && 'fileId' in value;\n}\n\n/** Type guard to check if value is multiple files */\nfunction isMultipleFileValue(value: FileValue | null | undefined): value is MultipleFileValue {\n  return value !== null && value !== undefined && 'fileIds' in value;\n}\n\nfunction getNeutralFileDisplayLabel(\n  value: FileValue,\n  t: (key: string, params?: Record<string, unknown>) => string | undefined,\n): string {\n  if (isSingleFileValue(value)) {\n    return t('File attached') ?? 'File attached'\n  }\n\n  const fileCount = value.fileIds.length\n  const translatedMultipleLabel = t('Files attached', { count: fileCount })\n  return fileCount > 1\n    ? (\n        translatedMultipleLabel && translatedMultipleLabel !== 'Files attached'\n          ? translatedMultipleLabel\n          : `${fileCount} files attached`\n      )\n    : (t('File attached') ?? 'File attached')\n}\n\nfunction getFileValueRefreshKey(value: FileValue | null | undefined): string {\n  if (!value || typeof value !== 'object' || !('updatedAt' in value)) {\n    return ''\n  }\n\n  const updatedAt = value.updatedAt\n  return updatedAt instanceof Date ? updatedAt.toISOString() : String(updatedAt)\n}\n\n/**\n * DisplayFieldFile component\n *\n * Renders a file reference with:\n * - Filename with link\n * - File size\n * - File type icon/badge\n * - Download option\n */\nfunction DisplayFieldFile({\n  schema,\n  value,\n  className,\n  fieldName,\n  endpoints,\n  showSize = true,\n  showType = true,\n  showDownload = true,\n  httpOperations,\n}: DisplayFieldFileProps): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry()\n  const { t, tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE] })\n  const fileSchemaMetadata = getFileSchemaMetadata(schema)\n  const isMultiple = fileSchemaMetadata?.multiple ?? false\n\n  // State for loaded metadata (single file or array of files)\n  const [metadataEntries, setMetadataEntries] = React.useState<FileMetadataEntry[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n\n  // Get file IDs from value (handles both single and multiple)\n  const fileIds = React.useMemo(() => {\n    if (isSingleFileValue(value)) {\n      return [value.fileId];\n    }\n    if (isMultipleFileValue(value)) {\n      return value.fileIds;\n    }\n    return [];\n  }, [value]);\n\n  // Stable key for dependency tracking (avoids inline .join() in useEffect deps)\n  const fileIdsKey = React.useMemo(() => fileIds.join(','), [fileIds]);\n  const fileValueRefreshKey = React.useMemo(() => getFileValueRefreshKey(value), [value]);\n\n  // Fetch metadata when value changes\n  React.useEffect(() => {\n    // Derive IDs from the key to keep closure and dependency in sync\n    const currentFileIds = fileIdsKey ? fileIdsKey.split(',') : []\n\n    if (currentFileIds.length === 0 || !endpoints.getMetadata) {\n      setMetadataEntries([])\n      return\n    }\n\n    let cancelled = false\n    setLoading(true)\n    setError(null)\n\n    const fetchAllMetadata = async () => {\n      try {\n        const settledResults = await Promise.allSettled(\n          currentFileIds.map(async (fileId) => {\n            const metadataUrl = `${endpoints.getMetadata}/${encodeURIComponent(fileId)}/metadata`\n\n            // Use authenticated HTTP operations when available (injected by engine wrapper).\n            // Falls back to raw fetch for standalone usage without resource context.\n            if (httpOperations) {\n              return httpOperations.get<FileMetadata>(metadataUrl)\n            }\n\n            // Fallback: raw fetch with cookie credentials (standalone usage)\n            const response = await fetch(metadataUrl, { credentials: 'include' })\n            if (!response.ok) {\n              throw new Error('Failed to fetch file metadata')\n            }\n            return response.json() as Promise<FileMetadata>\n          })\n        )\n\n        const successfulEntries: FileMetadataEntry[] = settledResults.flatMap((result, index) => (\n          result.status === 'fulfilled'\n            ? [{ fileId: currentFileIds[index]!, refreshKey: fileValueRefreshKey, metadata: result.value }]\n            : []\n        ))\n\n        if (!cancelled) {\n          setMetadataEntries(successfulEntries)\n          setError(\n            successfulEntries.length === 0 && settledResults.some(result => result.status === 'rejected')\n              ? (t('Unable to load file details') ?? 'Unable to load file details')\n              : null\n          )\n        }\n      } finally {\n        if (!cancelled) {\n          setLoading(false)\n        }\n      }\n    }\n\n    fetchAllMetadata()\n    return () => { cancelled = true }\n  }, [fileIdsKey, fileValueRefreshKey, endpoints.getMetadata, httpOperations, t])\n\n  // =========================================================================\n  // NATURE DETECTION (via shared utility from zod-decorators)\n  // =========================================================================\n\n  const schemaNature = fileSchemaMetadata?.nature\n\n  // The authored file display policy: `presentation` (resting: card / thumbnail /\n  // full) x `activation` (click: none / overlay / download / new tab / custom).\n  // Resolution is per FILE, not per field, because the runtime guard tier needs the\n  // actual MIME: a field declaring the open `FileNature.ALL` can hold something no\n  // displayer can render, and the policy then degrades deterministically rather\n  // than rendering a blank frame or a dead click.\n  const displayConfig = getFieldUIDisplayConfig(schema) as FileUIDisplayParams | undefined\n\n  // CUSTOM activation targets an OPERATION on the owning resource; only the\n  // resource-aware host can dispatch it, so it arrives opaquely through the display\n  // template context (same ownership split as `hiddenFieldNames`).\n  const displayTemplateCtx = useOptionalDisplayTemplateContext()\n  const onFileActivationOperation = displayTemplateCtx?.onFileActivationOperation\n\n  // Overlay host for `FileActivationPolicy.OVERLAY` — one host for every nature,\n  // replacing the old image-only lightbox.\n  const [overlayFileId, setOverlayFileId] = React.useState<string | null>(null)\n\n  // =========================================================================\n  // FILE ICON MAPPING (for generic card fallback)\n  // =========================================================================\n\n  const getFileIconRef = (mimeType?: string): StandardIconReference => {\n    if (!mimeType) return StandardIconReference.FILE\n    if (mimeType.startsWith('image/')) return StandardIconReference.FILE_IMAGE\n    if (mimeType.startsWith('video/')) return StandardIconReference.FILE_VIDEO\n    if (mimeType.startsWith('audio/')) return StandardIconReference.FILE_AUDIO\n    if (mimeType === 'application/pdf') 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    if (mimeType.includes('zip') || mimeType.includes('rar') || mimeType.includes('7z')) return StandardIconReference.FILE_ARCHIVE\n    return StandardIconReference.FILE\n  }\n\n  // =========================================================================\n  // NATURE-AWARE RENDERING\n  // =========================================================================\n\n  /**\n   * Render a single file with nature-aware component selection.\n   * Delegates to the appropriate nature-specific display preset,\n   * falling back to the generic file card for unknown/archive types.\n   */\n  const renderNatureAwareFile = (metadata: FileMetadata, fileId: string, refreshKey: string): React.ReactNode => {\n    const policy = resolveFileDisplayPolicy({ schemaNature, mimeType: metadata.mimeType, authored: displayConfig })\n\n    if (policy.degraded && envLoader.isDevelopment()) {\n      // Loud in dev, silent in prod: the authored policy was unsatisfiable for THIS\n      // file. Only reachable under an open declared nature — a narrow one that cannot\n      // display is refused at registry build.\n      console.warn(\n        `[DisplayFieldFile] \"${fieldName ?? \"(unnamed field)\"}\": authored file display policy degraded — ${policy.degradationReason}.`,\n      )\n    }\n\n    // CARD presentation short-circuits every nature: the neutral card IS the resting\n    // render, and the media (if any) is reachable through the activation policy.\n    const body = policy.presentation === FileDisplayPresentation.CARD\n      ? renderGenericFileItem(metadata, fileId)\n      : renderNatureMedia(metadata, fileId, refreshKey, policy.presentation, policy.displayNature)\n\n    return (\n      <FileActivationBoundary\n        key={`${fileId}:${refreshKey}`}\n        activation={policy.activation}\n        metadata={metadata}\n        fileId={fileId}\n        fieldName={fieldName ?? ''}\n        getBlob={httpOperations?.getBlob}\n        onOperationRequested={onFileActivationOperation}\n        onOverlayRequested={() => setOverlayFileId(fileId)}\n        activateLabel={metadata.filename}\n      >\n        {body}\n      </FileActivationBoundary>\n    )\n  }\n\n  /**\n   * Render the media itself for a THUMBNAIL / FULL presentation. Nature displayers\n   * own how their medium looks; the presentation tier tells them how large a claim\n   * on the layout they may make.\n   */\n  const renderNatureMedia = (\n    metadata: FileMetadata,\n    fileId: string,\n    refreshKey: string,\n    presentation: FileDisplayPresentation,\n    nature: FileDisplayNature,\n  ): React.ReactNode => {\n    switch (nature) {\n      case FileDisplayNature.IMAGE:\n        return (\n          <DisplayFieldFileImage\n            metadata={metadata}\n            fileId={fileId}\n            serveUrl={endpoints.serve ? `${endpoints.serve}/${encodeURIComponent(fileId)}` : undefined}\n            getBlob={httpOperations?.getBlob}\n            previewOptions={displayConfig?.preview}\n            presentation={presentation}\n            showDownload={showDownload}\n            showSize={showSize}\n          />\n        )\n\n      case FileDisplayNature.VIDEO:\n        return <DisplayFieldFileVideo metadata={metadata} fileId={fileId} showDownload={showDownload} showSize={showSize} />\n\n      case FileDisplayNature.AUDIO:\n        return <DisplayFieldFileAudio metadata={metadata} fileId={fileId} showDownload={showDownload} showSize={showSize} />\n\n      case FileDisplayNature.DOCUMENT:\n        return (\n          <DisplayFieldFileDocument\n            metadata={metadata}\n            fileId={fileId}\n            refreshKey={refreshKey}\n            presentation={presentation}\n            serveUrl={endpoints.serve ? `${endpoints.serve}/${encodeURIComponent(fileId)}` : undefined}\n            getBlob={httpOperations?.getBlob}\n            showDownload={showDownload}\n            showSize={showSize}\n          />\n        )\n\n      default:\n        return renderGenericFileItem(metadata, fileId)\n    }\n  }\n\n  /** Render a generic file card (used for archives, unknown types, and as fallback) */\n  const renderGenericFileItem = (metadata: FileMetadata, fileId: string): React.ReactNode => {\n    const fileIconRef = getFileIconRef(metadata.mimeType)\n\n    return (\n      <Surface key={fileId} asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n        <div className=\"flex items-center gap-group p-card-sm rounded-md border bg-muted/30\">\n          {/* File icon (decorative — filename provides the meaningful content) */}\n          <span aria-hidden=\"true\">{renderIcon(fileIconRef, { size: IconSize.LG, className: \"text-muted-foreground\" })}</span>\n\n          {/* File info */}\n          <div className=\"flex-1 min-w-0\">\n            <div className=\"flex items-center gap-element\">\n              {metadata.url && showDownload ? (\n                <a\n                  href={metadata.url}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"font-medium text-primary hover:underline truncate\"\n                >\n                  {metadata.filename}\n                </a>\n              ) : (\n                <Text className=\"font-medium truncate\">{metadata.filename}</Text>\n              )}\n            </div>\n\n            {/* Meta info */}\n            <div className=\"flex items-center gap-group text-xs text-muted-foreground mt-0.5\">\n              {showSize && metadata.size !== undefined && (\n                <span>{formatFileSize(metadata.size)}</span>\n              )}\n              {showType && metadata.mimeType && (\n                <span className=\"uppercase\">{metadata.extension || metadata.mimeType.split('/').pop()}</span>\n              )}\n            </div>\n          </div>\n\n          {/* Thumbnail for images (in generic mode — for mixed content lists) */}\n          {metadata.thumbnailUrl && metadata.mimeType?.startsWith('image/') && (\n            <img\n              src={metadata.thumbnailUrl}\n              alt={metadata.filename}\n              className=\"h-12 w-12 rounded object-cover\"\n            />\n          )}\n        </div>\n      </Surface>\n    )\n  }\n\n  // =========================================================================\n  // MULTI-FILE GALLERY DETECTION\n  // =========================================================================\n\n  /**\n   * Check if multiple files should be rendered as a gallery.\n   * Conditions: multiple mode + all files are images (by schema nature or MIME detection).\n   */\n  const shouldRenderGallery = React.useMemo(() => {\n    if (metadataEntries.length <= 1) return false\n\n    // Schema declares IMAGE nature — always gallery for multiple\n    if (resolveFileDisplayNature(schemaNature) === FileDisplayNature.IMAGE) return true\n\n    // All fetched files are images — auto-gallery\n    return metadataEntries.every(({ metadata }) => metadata.mimeType?.startsWith('image/'))\n  }, [metadataEntries, schemaNature])\n\n  const invalidLabel = React.useMemo(\n    () => resolveInvalidLabel(tComponent, FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE),\n    [tComponent]\n  )\n\n  // =========================================================================\n  // RENDER\n  // =========================================================================\n\n  if (!isReady) return null\n\n  const renderValue = () => {\n    // Handle null/undefined\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    // Handle invalid value\n    if (typeof value !== 'object' || (!('fileId' in value) && !('fileIds' in value))) {\n      return <Text className=\"text-muted-foreground italic\">{invalidLabel}</Text>\n    }\n\n    // Loading state\n    if (loading) {\n      const loadingLabel = t('Loading file metadata') ?? 'Loading file metadata'\n      return (\n        <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n          <div className=\"flex items-center gap-group p-card-sm rounded-md border bg-muted/30\" role=\"status\" aria-label={loadingLabel}>\n            <Skeleton className=\"h-6 w-6 rounded\" />\n            <div className=\"flex-1 min-w-0 space-y-1.5\">\n              <Skeleton className=\"h-4 w-36\" />\n              <Skeleton className=\"h-3 w-20\" />\n            </div>\n          </div>\n        </Surface>\n      )\n    }\n\n    // Error state\n    if (error) {\n      return (\n        <div className=\"flex items-center gap-element text-destructive\" role=\"alert\">\n          <span aria-hidden=\"true\">{renderIcon(StandardIconReference.WARNING, { size: IconSize.SM })}</span>\n          <Text className=\"text-sm\">{error}</Text>\n        </div>\n      )\n    }\n\n    // No metadata available yet — keep the UI neutral instead of exposing\n    // internal file identifiers while metadata is loading or unavailable.\n    if (metadataEntries.length === 0) {\n      return (\n        <div className=\"flex items-center gap-element text-muted-foreground\">\n          <span aria-hidden=\"true\">{renderIcon(StandardIconReference.FILE, { size: IconSize.SM })}</span>\n          <Text className=\"text-sm\">{getNeutralFileDisplayLabel(value, t)}</Text>\n        </div>\n      )\n    }\n\n    // Multiple files — gallery or individual cards\n    if (isMultiple || metadataEntries.length > 1) {\n      // Gallery for all-image collections\n      if (shouldRenderGallery) {\n        return (\n          <DisplayFieldFileGallery\n            metadataList={metadataEntries.map(({ metadata }) => metadata)}\n            fileIds={metadataEntries.map(({ fileId }) => fileId)}\n            showDownload={showDownload}\n          />\n        )\n      }\n\n      // Mixed content or non-image multiple — individual nature-aware cards\n      return (\n        <div className=\"space-y-item\">\n          {metadataEntries.map(({ metadata, fileId, refreshKey }) => renderNatureAwareFile(metadata, fileId, refreshKey))}\n        </div>\n      )\n    }\n\n    // Single file — nature-aware rendering\n    return renderNatureAwareFile(metadataEntries[0]!.metadata, metadataEntries[0]!.fileId, metadataEntries[0]!.refreshKey)\n  }\n\n  // Overlay host for OVERLAY activation — ONE host for every nature (it replaces the\n  // old image-only lightbox). It renders the file at FULL presentation, which is what\n  // \"display it\" means for each medium: a full image, a player, a paginated PDF.\n  const overlayEntry = overlayFileId\n    ? metadataEntries.find(entry => entry.fileId === overlayFileId)\n    : undefined\n\n  // Label/description rendering is handled by the parent DisplayField (FIELD-01)\n  return (\n    <div className={className}>\n      {renderValue()}\n      {overlayEntry && (\n        <Dialog open onOpenChange={(open) => { if (!open) setOverlayFileId(null) }}>\n          <DialogContent className=\"max-w-5xl\">\n            <DialogHeader>\n              <DialogTitle>{overlayEntry.metadata.filename}</DialogTitle>\n            </DialogHeader>\n            {renderNatureMedia(\n              overlayEntry.metadata,\n              overlayEntry.fileId,\n              overlayEntry.refreshKey,\n              FileDisplayPresentation.FULL,\n              resolveFileDisplayNature(schemaNature, overlayEntry.metadata.mimeType),\n            )}\n          </DialogContent>\n        </Dialog>\n      )}\n    </div>\n  )\n}\n\n/**\n * Binds a file's activation policy onto its rendered body.\n *\n * A thin boundary rather than a prop on each nature displayer: every nature gets\n * identical click/keyboard semantics, and a displayer stays free to be purely\n * presentational. When the policy is inert (NONE, or means unavailable) the body is\n * returned untouched — no affordance, no focus stop, no lie about interactivity.\n */\nfunction FileActivationBoundary({\n  activation,\n  metadata,\n  fileId,\n  fieldName,\n  getBlob,\n  onOperationRequested,\n  onOverlayRequested,\n  activateLabel,\n  children,\n}: {\n  activation: React.ComponentProps<typeof DisplayFieldFile> extends never ? never : Parameters<typeof useFileActivation>[0]['activation']\n  metadata: FileMetadata\n  fileId: string\n  fieldName: string\n  getBlob?: (url: string) => Promise<Blob>\n  onOperationRequested?: Parameters<typeof useFileActivation>[0]['onOperationRequested']\n  onOverlayRequested?: () => void\n  activateLabel?: string\n  children: React.ReactNode\n}): React.JSX.Element {\n  const { interactive, activationProps } = useFileActivation({\n    activation,\n    metadata,\n    fileId,\n    fieldName,\n    getBlob,\n    onOperationRequested,\n    onOverlayRequested,\n    ariaLabel: activateLabel,\n  })\n\n  if (!interactive) return <>{children}</>\n\n  return (\n    <div\n      {...activationProps}\n      data-slot=\"file-activation\"\n      className=\"cursor-pointer rounded-md focus-ring-offset outline-none\"\n    >\n      {children}\n    </div>\n  )\n}\n\n;(DisplayFieldFile as typeof DisplayFieldFile & { displayName: string }).displayName = \"DisplayFieldFile\"\n\nexport { DisplayFieldFile }\n\n"]}

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

@@ -0,0 +1,3 @@
+import { type LabellingUnitaryDef } from '@wildo-ai/presets-components-models';
+export declare const DisplayFieldFile_Labels: LabellingUnitaryDef[];
+//# sourceMappingURL=display-field-file.labels.d.ts.map

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

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

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

@@ -0,0 +1,23 @@
+import { FrontendComponentType, LabelKind, registerComponentLabels } from '@wildo-ai/presets-components-models';
+// Companion-only label metadata for this component: keys + params + (where
+// authored) per-key purpose / kind / variable meaning. Statically scanned by
+// the dev companion; NOT imported at runtime, so it never ships in the bundle.
+export const DisplayFieldFile_Labels = [
+    { ref: 'file_nature_image', kind: LabelKind.LABEL, purpose: 'Kind label shown when the file is detected to be an image' },
+    { ref: 'file_nature_video', kind: LabelKind.LABEL, purpose: 'Kind label shown when the file is detected to be a video' },
+    { ref: 'file_nature_audio', kind: LabelKind.LABEL, purpose: 'Kind label shown when the file is detected to be audio' },
+    { ref: 'file_nature_document', kind: LabelKind.LABEL, purpose: 'Kind label shown when the file is detected to be a document' },
+    { ref: 'file_nature_generic', kind: LabelKind.LABEL, purpose: 'Kind label shown for any file whose nature is not specifically recognised' },
+    {
+        ref: 'files_count',
+        kind: LabelKind.LABEL,
+        purpose: 'Summary of how many files the field holds when several are attached',
+        params: [{ key: 'count', meaning: 'number of attached files' }],
+    },
+    { ref: 'no_file', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when the file field has no attachment' },
+    { ref: 'loading_metadata', kind: LabelKind.MESSAGE, purpose: 'Shown while the file metadata is being fetched' },
+    { ref: 'metadata_error', kind: LabelKind.MESSAGE, purpose: 'Shown when the file metadata could not be loaded' },
+    { ref: 'invalid', kind: LabelKind.MESSAGE, purpose: 'Fallback shown in place of a file value that cannot be interpreted as a file reference' },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE, DisplayFieldFile_Labels);
+//# sourceMappingURL=display-field-file.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file.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,uBAAuB,GAA0B;IAC5D,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,2DAA2D,EAAE;IACzH,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,0DAA0D,EAAE;IACxH,EAAE,GAAG,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,wDAAwD,EAAE;IACtH,EAAE,GAAG,EAAE,sBAAsB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,6DAA6D,EAAE;IAC9H,EAAE,GAAG,EAAE,qBAAqB,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,2EAA2E,EAAE;IAC3I;QACE,GAAG,EAAE,aAAa;QAClB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,qEAAqE;QAC9E,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,0BAA0B,EAAE,CAAC;KAChE;IACD,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,OAAO,EAAE,6CAA6C,EAAE;IACvG,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,gDAAgD,EAAE;IAC/G,EAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,kDAAkD,EAAE;IAC/G,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,wFAAwF,EAAE;CAC/I,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,4BAA4B,EAAE,uBAAuB,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 DisplayFieldFile_Labels: LabellingUnitaryDef[] = [\n  { ref: 'file_nature_image', kind: LabelKind.LABEL, purpose: 'Kind label shown when the file is detected to be an image' },\n  { ref: 'file_nature_video', kind: LabelKind.LABEL, purpose: 'Kind label shown when the file is detected to be a video' },\n  { ref: 'file_nature_audio', kind: LabelKind.LABEL, purpose: 'Kind label shown when the file is detected to be audio' },\n  { ref: 'file_nature_document', kind: LabelKind.LABEL, purpose: 'Kind label shown when the file is detected to be a document' },\n  { ref: 'file_nature_generic', kind: LabelKind.LABEL, purpose: 'Kind label shown for any file whose nature is not specifically recognised' },\n  {\n    ref: 'files_count',\n    kind: LabelKind.LABEL,\n    purpose: 'Summary of how many files the field holds when several are attached',\n    params: [{ key: 'count', meaning: 'number of attached files' }],\n  },\n  { ref: 'no_file', kind: LabelKind.EMPTY_STATE, purpose: 'Shown when the file field has no attachment' },\n  { ref: 'loading_metadata', kind: LabelKind.MESSAGE, purpose: 'Shown while the file metadata is being fetched' },\n  { ref: 'metadata_error', kind: LabelKind.MESSAGE, purpose: 'Shown when the file metadata could not be loaded' },\n  { ref: 'invalid', kind: LabelKind.MESSAGE, purpose: 'Fallback shown in place of a file value that cannot be interpreted as a file reference' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE, DisplayFieldFile_Labels);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-format.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-format.utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAwBH,qBAAa,uBAAuB;IAElC,OAAO;IAIP;;;;;;OAMG;IACH,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM;IAavD;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,GAAE,MAAa,GAAG,MAAM;IAiB9D;;;;;;;;;OASG;IACH,MAAM,CAAC,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,GAAG,MAAM;CA8BnG"}
+{"version":3,"file":"display-field-format.utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-format.utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAwBH,qBAAa,uBAAuB;IAElC,OAAO;IAIP;;;;;;OAMG;IACH,MAAM,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM;IAavD;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,GAAE,MAAa,GAAG,MAAM;IAiB9D;;;;;;;;;OASG;IACH,MAAM,CAAC,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,OAAO,GAAG,MAAM;CA8BnG"}

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

@@ -110,4 +110,4 @@ export class DisplayFieldFormatUtils {
         return trimmed ? `${integerPart}.${trimmed}` : integerPart;
     }
 }
-//# sourceMappingURL=display-field-format.utils.js.map
+//# sourceMappingURL=display-field-format.utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-format.utils.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-format.utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;GAYG;AACH,MAAM,mBAAmB,GAA2C;IAClE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;IACpD,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC7B,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;IACnB,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;IAClB,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;IACnB,mDAAmD;CACpD,CAAA;AAED,MAAM,OAAO,uBAAuB;IAElC;QACE,4CAA4C;IAC9C,CAAC;IAED;;;;;;OAMG;IACH,MAAM,CAAC,WAAW,CAAC,KAAa,EAAE,QAAQ,GAAG,CAAC;QAC5C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,GAAG,CAAA;QACvC,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,KAAK,CAAA;QAC7B,IAAI,KAAK,GAAG,CAAC;YAAE,OAAO,GAAG,GAAG,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAA;QAE1F,MAAM,CAAC,GAAG,IAAI,CAAA;QACd,MAAM,EAAE,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;QACtC,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QAEjD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QACnD,OAAO,GAAG,UAAU,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1E,CAAC;IAED;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,aAAa,CAAC,CAAS,EAAE,SAAiB,IAAI;QACnD,2DAA2D;QAC3D,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA;QAEnD,MAAM,SAAS,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAA;QAE/C,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,EAAE,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAA;YAC5D,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;YACzB,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,IAAI,GAAG,CAAA;YAC3D,OAAO,GAAG,CAAC,GAAG,MAAM,EAAE,CAAA;QACxB,CAAC;QAED,sEAAsE;QACtE,OAAO,GAAG,CAAC,GAAG,CAAA;IAChB,CAAC;IAED;;;;;;;;;OASG;IACH,MAAM,CAAC,qBAAqB,CAAC,KAAa,EAAE,aAAqB,EAAE,aAAsB;QACvF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAEnC,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YACpB,6BAA6B;YAC7B,IAAI,aAAa,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;gBACvC,OAAO,GAAG,KAAK,IAAI,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAA;YAChD,CAAC;YACD,OAAO,KAAK,CAAA;QACd,CAAC;QAED,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA;QAC5C,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;QAEhD,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,WAAW,CAAA;QACpB,CAAC;QAED,wDAAwD;QACxD,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;QAExD,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,CAAC,CAAA;YACnD,OAAO,GAAG,WAAW,IAAI,MAAM,EAAE,CAAA;QACnC,CAAC;QAED,wBAAwB;QACxB,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;QAC5C,OAAO,OAAO,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,WAAW,CAAA;IAC5D,CAAC;CACF"}
+{"version":3,"file":"display-field-format.utils.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-format.utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH;;;;;;;;;;;;GAYG;AACH,MAAM,mBAAmB,GAA2C;IAClE,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;IACpD,EAAE,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE;IAC7B,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;IACnB,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;IAClB,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE;IACnB,mDAAmD;CACpD,CAAA;AAED,MAAM,OAAO,uBAAuB;IAElC;QACE,4CAA4C;IAC9C,CAAC;IAED;;;;;;OAMG;IACH,MAAM,CAAC,WAAW,CAAC,KAAa,EAAE,QAAQ,GAAG,CAAC;QAC5C,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,GAAG,CAAA;QACvC,IAAI,KAAK,KAAK,CAAC;YAAE,OAAO,KAAK,CAAA;QAC7B,IAAI,KAAK,GAAG,CAAC;YAAE,OAAO,GAAG,GAAG,uBAAuB,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,CAAA;QAE1F,MAAM,CAAC,GAAG,IAAI,CAAA;QACd,MAAM,EAAE,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAA;QACtC,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;QAEjD,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;QACnD,OAAO,GAAG,UAAU,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;IAC1E,CAAC;IAED;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,aAAa,CAAC,CAAS,EAAE,SAAiB,IAAI;QACnD,2DAA2D;QAC3D,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAA;QAEnD,MAAM,SAAS,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAA;QAE/C,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,EAAE,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAA;YAC5D,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAA;YACzB,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,OAAO,CAAC,IAAI,GAAG,CAAA;YAC3D,OAAO,GAAG,CAAC,GAAG,MAAM,EAAE,CAAA;QACxB,CAAC;QAED,sEAAsE;QACtE,OAAO,GAAG,CAAC,GAAG,CAAA;IAChB,CAAC;IAED;;;;;;;;;OASG;IACH,MAAM,CAAC,qBAAqB,CAAC,KAAa,EAAE,aAAqB,EAAE,aAAsB;QACvF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;QAEnC,IAAI,QAAQ,KAAK,CAAC,CAAC,EAAE,CAAC;YACpB,6BAA6B;YAC7B,IAAI,aAAa,IAAI,aAAa,GAAG,CAAC,EAAE,CAAC;gBACvC,OAAO,GAAG,KAAK,IAAI,GAAG,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,CAAA;YAChD,CAAC;YACD,OAAO,KAAK,CAAA;QACd,CAAC;QAED,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAA;QAC5C,MAAM,cAAc,GAAG,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAA;QAEhD,IAAI,aAAa,KAAK,CAAC,EAAE,CAAC;YACxB,OAAO,WAAW,CAAA;QACpB,CAAC;QAED,wDAAwD;QACxD,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;QAExD,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,GAAG,CAAC,CAAA;YACnD,OAAO,GAAG,WAAW,IAAI,MAAM,EAAE,CAAA;QACnC,CAAC;QAED,wBAAwB;QACxB,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAA;QAC5C,OAAO,OAAO,CAAC,CAAC,CAAC,GAAG,WAAW,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,WAAW,CAAA;IAC5D,CAAC;CACF","sourcesContent":["/**\n * DisplayFieldFormatUtils\n * \n * Singleton class with static formatting utilities for display field formatters.\n * Consolidates common formatting functions used across number, bigdecimal, \n * and other display field components to avoid duplication.\n */\n\n/**\n * Per-locale ordinal suffix maps.\n * \n * Each entry maps Intl.PluralRules ordinal categories to locale-specific suffixes.\n * Languages not listed fall back to the dot convention (e.g., \"1.\" — universally\n * understood in most European languages).\n * \n * References:\n * - English: 1st, 2nd, 3rd, 4th ...\n * - French: 1er, 2e, 3e ... (only \"1er\", rest are \"e\")\n * - German/Swedish/most Romance: 1., 2., 3. (dot suffix)\n * - Spanish: 1.º, 2.º, 3.º\n */\nconst ORDINAL_SUFFIX_MAPS: Record<string, Record<string, string>> = {\n  en: { one: 'st', two: 'nd', few: 'rd', other: 'th' },\n  fr: { one: 'er', other: 'e' },\n  es: { other: '.º' },\n  it: { other: '°' },\n  pt: { other: '.º' },\n  // dot-suffix languages are handled by the fallback\n}\n\nexport class DisplayFieldFormatUtils {\n\n  private constructor() {\n    // Prevent instantiation — static-only class\n  }\n\n  /**\n   * Format bytes to human-readable string.\n   * \n   * @param bytes - The byte value to format\n   * @param decimals - Number of decimal places (default: 2)\n   * @returns Formatted string (e.g., \"1.5 MB\")\n   */\n  static formatBytes(bytes: number, decimals = 2): string {\n    if (!Number.isFinite(bytes)) return '—'\n    if (bytes === 0) return '0 B'\n    if (bytes < 0) return '-' + DisplayFieldFormatUtils.formatBytes(Math.abs(bytes), decimals)\n    \n    const k = 1024\n    const dm = decimals < 0 ? 0 : decimals\n    const sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB']\n    \n    const i = Math.floor(Math.log(bytes) / Math.log(k))\n    return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`\n  }\n\n  /**\n   * Format number as ordinal with locale awareness.\n   * \n   * Uses `Intl.PluralRules` for category detection and a per-locale suffix map\n   * for correct ordinal rendering. Locales without an explicit suffix map fall\n   * back to the dot convention (e.g., \"3.\" — standard in German, Swedish, \n   * Norwegian, Dutch, and most European languages).\n   * \n   * @param n - The number to format\n   * @param locale - BCP 47 locale string (default: 'en')\n   * @returns Formatted ordinal string (e.g., \"1st\", \"1er\", \"3.\")\n   */\n  static formatOrdinal(n: number, locale: string = 'en'): string {\n    // Extract base language from locale (e.g., 'en-US' → 'en')\n    const baseLang = locale.split('-')[0].toLowerCase()\n    \n    const suffixMap = ORDINAL_SUFFIX_MAPS[baseLang]\n    \n    if (suffixMap) {\n      const pr = new Intl.PluralRules(locale, { type: 'ordinal' })\n      const rule = pr.select(n)\n      const suffix = suffixMap[rule] ?? suffixMap['other'] ?? '.'\n      return `${n}${suffix}`\n    }\n    \n    // Fallback: dot convention (universally understood in most languages)\n    return `${n}.`\n  }\n\n  /**\n   * Truncate a decimal string to a specified number of decimal places.\n   * Operates purely on the string representation — no floating-point conversion,\n   * preserving full precision for BigDecimal values.\n   * \n   * @param value - The decimal string (e.g., \"123.456789012345678901234\")\n   * @param decimalPlaces - Number of decimal places to keep\n   * @param trailingZeros - Whether to pad with trailing zeros\n   * @returns Truncated decimal string\n   */\n  static truncateDecimalString(value: string, decimalPlaces: number, trailingZeros: boolean): string {\n    const dotIndex = value.indexOf('.')\n    \n    if (dotIndex === -1) {\n      // No decimal point — integer\n      if (trailingZeros && decimalPlaces > 0) {\n        return `${value}.${'0'.repeat(decimalPlaces)}`\n      }\n      return value\n    }\n    \n    const integerPart = value.slice(0, dotIndex)\n    const fractionalPart = value.slice(dotIndex + 1)\n    \n    if (decimalPlaces === 0) {\n      return integerPart\n    }\n    \n    // Truncate (not round) to preserve BigDecimal semantics\n    const truncated = fractionalPart.slice(0, decimalPlaces)\n    \n    if (trailingZeros) {\n      const padded = truncated.padEnd(decimalPlaces, '0')\n      return `${integerPart}.${padded}`\n    }\n    \n    // Remove trailing zeros\n    const trimmed = truncated.replace(/0+$/, '')\n    return trimmed ? `${integerPart}.${trimmed}` : integerPart\n  }\n}\n"]}

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

@@ -0,0 +1,23 @@
+/**
+ * Display-field i18n helpers.
+ *
+ * Tiny utilities used by the `DisplayField*` formatter family to keep
+ * the per-component invalid-value handling DRY and memoizable.
+ */
+import type { FrontendComponentType } from "@wildo-ai/presets-components-models";
+/**
+ * Resolve the localized "invalid" label for a display-field component.
+ *
+ * Returns whatever `tComponent` returns — including the raw key path
+ * (`components.<componentType>.invalid`) when the translation is missing.
+ * Surfacing the raw key path is **intentional**: it makes missing
+ * translations immediately visible during development. Apps that ship
+ * to production are expected to run `wildo translate` so the key is
+ * actually localized.
+ *
+ * Pure function on top of an already-bound `tComponent` callback so it
+ * can be wrapped in `useMemo` at the call-site to avoid recomputing on
+ * every render. See R-1 in `.cursor/plans/ui-coherence-deep-audit.md`.
+ */
+export declare function resolveInvalidLabel(tComponent: (componentType: FrontendComponentType, key: string) => string, componentType: FrontendComponentType): string;
+//# sourceMappingURL=display-field-i18n.utils.d.ts.map