@wildo-ai/presets-components 1.0.1 → 1.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-document.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-document.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"display-field-file-document.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-document.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,IAAI,EACJ,eAAe,EACf,qBAAqB,EACrB,QAAQ,EACR,OAAO,EACP,EAAE,EACF,OAAO,EACP,QAAQ,GAET,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AAC3F,OAAO,EAAqB,cAAc,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AACrG,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAA;AAE7D,gFAAgF;AAChF,UAAU;AACV,gFAAgF;AAEhF,oCAAoC;AACpC,SAAS,KAAK,CAAC,QAAgB;IAC7B,OAAO,QAAQ,KAAK,iBAAiB,CAAA;AACvC,CAAC;AAED,mDAAmD;AACnD,SAAS,kBAAkB,CAAC,QAAgB;IAC1C,IAAI,KAAK,CAAC,QAAQ,CAAC;QAAE,OAAO,qBAAqB,CAAC,SAAS,CAAA;IAC3D,IAAI,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC;QAAE,OAAO,qBAAqB,CAAC,gBAAgB,CAAA;IACjH,IAAI,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC;QAAE,OAAO,qBAAqB,CAAC,iBAAiB,CAAA;IACxH,IAAI,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAO,qBAAqB,CAAC,SAAS,CAAA;IACtG,OAAO,qBAAqB,CAAC,SAAS,CAAA;AACxC,CAAC;AAED,+CAA+C;AAC/C,SAAS,oBAAoB,CAAC,QAAgB,EAAE,SAAkB;IAChE,IAAI,KAAK,CAAC,QAAQ,CAAC;QAAE,OAAO,KAAK,CAAA;IACjC,IAAI,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC;QAAE,OAAO,SAAS,EAAE,WAAW,EAAE,IAAI,aAAa,CAAA;IACpH,IAAI,QAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC;QAAE,OAAO,SAAS,EAAE,WAAW,EAAE,IAAI,cAAc,CAAA;IAC3H,IAAI,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC;QAAE,OAAO,SAAS,EAAE,WAAW,EAAE,IAAI,UAAU,CAAA;IAC7G,OAAO,SAAS,EAAE,WAAW,EAAE,IAAI,UAAU,CAAA;AAC/C,CAAC;AAED,SAAS,iBAAiB,CAAC,GAAW,EAAE,UAAmB;IACzD,IAAI,CAAC,UAAU,EAAE,CAAC;QAChB,OAAO,GAAG,CAAA;IACZ,CAAC;IAED,MAAM,CAAC,WAAW,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC1C,MAAM,SAAS,GAAG,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAA;IACvD,MAAM,YAAY,GAAG,GAAG,WAAW,GAAG,SAAS,sBAAsB,kBAAkB,CAAC,UAAU,CAAC,EAAE,CAAA;IACrG,OAAO,IAAI,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,IAAI,EAAE,CAAC,CAAC,CAAC,YAAY,CAAA;AACxD,CAAC;AAED,gFAAgF;AAChF,YAAY;AACZ,gFAAgF;AAEhF,SAAS,wBAAwB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,UAAU,EACV,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,QAAQ,GAAG,IAAI,EACf,YAAY,EACZ,OAAO,EACP,QAAQ,GACsB;IAC9B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,qBAAqB,CAAC,qCAAqC,EAAE,CAAC,CAAA;IAEnH,8EAA8E;IAC9E,mFAAmF;IACnF,6EAA6E;IAC7E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,IAAI,CAAC,CAAA;IACtE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjE,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAA;IAChC,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,CAAC,iBAAiB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAC7F,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC9C,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IACrD,MAAM,YAAY,GAAG,oBAAoB,CAAC,QAAQ,CAAC,QAAQ,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;IAChF,kFAAkF;IAClF,yEAAyE;IACzE,MAAM,aAAa,GAAG,YAAY,KAAK,uBAAuB,CAAC,SAAS,CAAA;IAExE;;;;;;;;;;;;;OAaG;IACH,MAAM,QAAQ,GAAG,QAAQ,IAAI,gBAAgB,CAAA;IAC7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,aAAa,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE,OAAM;QACnD,IAAI,SAAS,GAAG,KAAK,CAAA;QACrB,MAAM,UAAU,GAAG,IAAI,eAAe,EAAE,CAAA;QACxC,iBAAiB,CAAC,KAAK,CAAC,CAAA;QACxB,OAAO,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,UAAU,CAAC,MAAM,EAAE,CAAC;aAC7C,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;aAChC,IAAI,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,CAAC,SAAS;YAAE,UAAU,CAAC,MAAM,CAAC,CAAA,CAAC,CAAC,CAAC;aACtD,KAAK,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS;YAAE,iBAAiB,CAAC,IAAI,CAAC,CAAA,CAAC,CAAC,CAAC,CAAA;QAC3D,OAAO,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,CAAA,CAAC,CAAC,CAAA;IACvD,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAA;IAElD,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAA;IAEzB,6EAA6E;IAC7E,mFAAmF;IACnF,6CAA6C;IAC7C,IAAI,aAAa,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,QAAQ,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,CAAC;QAC3E,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,aAC3C,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,YACnE,cAAK,SAAS,EAAE,EAAE,CAAC,gEAAgE,EAAE,aAAa,IAAI,UAAU,CAAC,YAC9G,OAAO;4BACN,CAAC,CAAC,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,CAAC,QAAQ,GAAI;4BAC9F,CAAC,CAAC,KAAC,QAAQ,IAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,iBAAc,MAAM,GAAG,GACzF,GACE,EAGV,eAAK,SAAS,EAAC,2DAA2D,aACxE,8BAAkB,MAAM,YAAE,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAQ,EAC5E,eAAM,SAAS,EAAC,+CAA+C,YAAE,QAAQ,CAAC,QAAQ,GAAQ,EAC1F,eAAM,SAAS,EAAC,WAAW,YAAE,YAAY,GAAQ,EAChD,QAAQ,IAAI,yBAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAQ,EACxD,YAAY,IAAI,CACf,YAAG,IAAI,EAAE,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAC,+CAA+C,YAC9G,UAAU,CAAC,qBAAqB,CAAC,qCAAqC,EAAE,UAAU,CAAC,GAClF,CACL,IACG,IACF,CACP,CAAA;IACH,CAAC;IAED,iEAAiE;IACjE,OAAO,CACL,KAAC,OAAO,IAAC,OAAO,QAAC,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,YACnE,eAAK,SAAS,EAAE,EAAE,CAAC,qEAAqE,EAAE,SAAS,CAAC,aAClG,8BAAkB,MAAM,YACrB,UAAU,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC,GAC1E,EAEP,eAAK,SAAS,EAAC,gBAAgB,aAC7B,KAAC,IAAI,IAAC,SAAS,EAAC,sBAAsB,YAAE,QAAQ,CAAC,QAAQ,GAAQ,EACjE,eAAK,SAAS,EAAC,kEAAkE,aAC/E,eAAM,SAAS,EAAC,WAAW,YAAE,YAAY,GAAQ,EAChD,QAAQ,IAAI,yBAAO,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAQ,IACrD,IACF,EAEL,YAAY,IAAI,gBAAgB,IAAI,CACnC,YACE,IAAI,EAAE,gBAAgB,EACtB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,SAAS,EAAC,+CAA+C,YAExD,UAAU,CAAC,qBAAqB,CAAC,qCAAqC,EAAE,eAAe,CAAC,GACvF,CACL,IACG,GACE,CACX,CAAA;AACH,CAAC;AAED,CAAC;AAAC,wBAAsF,CAAC,WAAW,GAAG,0BAA0B,CAAA;AAEjI,OAAO,EAAE,wBAAwB,EAAE,CAAA","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldFileDocument Component\n *\n * Nature-specific display for document files (PDF, Office).\n * - PDF: rendered by PDF.js behind the `PdfViewerLazy` boundary, so the pdf.js\n *   payload is fetched only when a PDF is actually displayed. Replaces the previous\n *   `<iframe>` on the browser's native viewer, which could not be styled to the\n *   design system and dies under a strict `frame-src` CSP.\n * - Office docs: file card with type-specific icon + download (no viewer exists, so\n *   the display guard refuses THUMBNAIL/FULL for them upstream).\n *\n * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT).\n */\n\nimport * as React from \"react\"\n\nimport {\n  Text,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  cn,\n  Surface,\n  Skeleton,\n  DisplayFieldFileDocumentProps,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\nimport { type FileMetadata, formatFileSize, FileDisplayPresentation } from \"@wildo-ai/zod-decorators\"\nimport { PdfViewerLazy } from \"../pdf-viewer/pdf-viewer.lazy\"\n\n// =============================================================================\n// HELPERS\n// =============================================================================\n\n/** Check if a MIME type is a PDF */\nfunction isPdf(mimeType: string): boolean {\n  return mimeType === 'application/pdf'\n}\n\n/** Get the appropriate icon for a document type */\nfunction getDocumentIconRef(mimeType: string): StandardIconReference {\n  if (isPdf(mimeType)) return StandardIconReference.FILE_TEXT\n  if (mimeType.includes('spreadsheet') || mimeType.includes('excel')) return StandardIconReference.FILE_SPREADSHEET\n  if (mimeType.includes('presentation') || mimeType.includes('powerpoint')) return StandardIconReference.FILE_PRESENTATION\n  if (mimeType.includes('document') || mimeType.includes('word')) return StandardIconReference.FILE_TEXT\n  return StandardIconReference.FILE_TEXT\n}\n\n/** Get a human-readable document type label */\nfunction getDocumentTypeLabel(mimeType: string, extension?: string): string {\n  if (isPdf(mimeType)) return 'PDF'\n  if (mimeType.includes('spreadsheet') || mimeType.includes('excel')) return extension?.toUpperCase() || 'Spreadsheet'\n  if (mimeType.includes('presentation') || mimeType.includes('powerpoint')) return extension?.toUpperCase() || 'Presentation'\n  if (mimeType.includes('document') || mimeType.includes('word')) return extension?.toUpperCase() || 'Document'\n  return extension?.toUpperCase() || 'Document'\n}\n\nfunction buildFreshFileUrl(url: string, refreshKey?: string): string {\n  if (!refreshKey) {\n    return url\n  }\n\n  const [withoutHash, hash] = url.split('#')\n  const separator = withoutHash.includes('?') ? '&' : '?'\n  const versionedUrl = `${withoutHash}${separator}wildoFileUpdatedAt=${encodeURIComponent(refreshKey)}`\n  return hash ? `${versionedUrl}#${hash}` : versionedUrl\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction DisplayFieldFileDocument({\n  metadata,\n  fileId,\n  refreshKey,\n  className,\n  showDownload = true,\n  showSize = true,\n  presentation,\n  getBlob,\n  serveUrl,\n}: DisplayFieldFileDocumentProps): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry()\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT })\n\n  // PDF bytes for the viewer. Fetched over the AUTHENTICATED serve route (authz\n  // inherits the parent resource's READ) rather than handed to pdf.js as a URL, so a\n  // protected document renders without exposing an unauthenticated fetch path.\n  const [pdfData, setPdfData] = React.useState<ArrayBuffer | null>(null)\n  const [pdfFetchFailed, setPdfFetchFailed] = React.useState(false)\n\n  const documentUrl = metadata.url\n  const freshDocumentUrl = documentUrl ? buildFreshFileUrl(documentUrl, refreshKey) : undefined\n  const isPdfDocument = isPdf(metadata.mimeType)\n  const docIcon = getDocumentIconRef(metadata.mimeType)\n  const docTypeLabel = getDocumentTypeLabel(metadata.mimeType, metadata.extension)\n  // The host only mounts this component for THUMBNAIL / FULL; treat an absent value\n  // as FULL so a direct (non-host) consumer still gets the whole document.\n  const firstPageOnly = presentation === FileDisplayPresentation.THUMBNAIL\n\n  /**\n   * The FRESH url, not the bare one — the same cache-buster the download links below already use.\n   *\n   * This carried `wildoFileUpdatedAt` for free while the PDF rendered in an `<iframe src=…>`. Moving\n   * to PDF.js turned the render into an authenticated GET through `getBlob`, and the busting was left\n   * behind on `freshDocumentUrl`, which kept only the `<a href>` honest. `refreshKey` stayed in the\n   * effect's dependency array, so a regenerated file DID re-run the fetch — at a byte-identical URL,\n   * which the HTTP cache may answer from its stored copy (`fetchFileBlob` is a plain `axios.get` with\n   * no cache directive). The viewer could therefore show the previous revision of a file whose\n   * download link served the new one.\n   *\n   * `serveUrl` is deliberately NOT busted: it takes precedence, and a pre-signed serve URL can carry a\n   * signature that appending a query parameter would invalidate.\n   */\n  const fetchUrl = serveUrl ?? freshDocumentUrl\n  React.useEffect(() => {\n    if (!isPdfDocument || !getBlob || !fetchUrl) return\n    let cancelled = false\n    const controller = new AbortController()\n    setPdfFetchFailed(false)\n    getBlob(fetchUrl, { signal: controller.signal })\n      .then(blob => blob.arrayBuffer())\n      .then(buffer => { if (!cancelled) setPdfData(buffer) })\n      .catch(() => { if (!cancelled) setPdfFetchFailed(true) })\n    return () => { cancelled = true; controller.abort() }\n  }, [isPdfDocument, getBlob, fetchUrl, refreshKey])\n\n  if (!isReady) return null\n\n  // PDF — render through PDF.js. Falls through to the file card when the bytes\n  // cannot be fetched (no authed client, or the fetch failed): a card that can still\n  // be downloaded beats an empty viewer frame.\n  if (isPdfDocument && (pdfData || (getBlob && fetchUrl && !pdfFetchFailed))) {\n    return (\n      <div className={cn('space-y-item', className)}>\n        <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n          <div className={cn('w-full rounded-md overflow-hidden border bg-muted/20 p-card-sm', firstPageOnly && 'max-w-48')}>\n            {pdfData\n              ? <PdfViewerLazy data={pdfData} firstPageOnly={firstPageOnly} ariaLabel={metadata.filename} />\n              : <Skeleton className={firstPageOnly ? 'h-40 w-full' : 'h-64 w-full'} aria-hidden=\"true\" />}\n          </div>\n        </Surface>\n\n        {/* Meta info below viewer */}\n        <div className=\"flex items-center gap-group text-xs text-muted-foreground\">\n          <span aria-hidden=\"true\">{renderIcon(docIcon, { size: IconSize.SM })}</span>\n          <span className=\"font-medium text-foreground truncate max-w-48\">{metadata.filename}</span>\n          <span className=\"uppercase\">{docTypeLabel}</span>\n          {showSize && <span>{formatFileSize(metadata.size)}</span>}\n          {showDownload && (\n            <a href={freshDocumentUrl} download={metadata.filename} className=\"text-primary hover:underline ms-auto shrink-0\">\n              {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'download')}\n            </a>\n          )}\n        </div>\n      </div>\n    )\n  }\n\n  // Non-PDF or no URL — enhanced file card with type-specific icon\n  return (\n    <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n      <div className={cn('flex items-center gap-group p-card-sm rounded-md border bg-muted/30', className)}>\n        <span aria-hidden=\"true\">\n          {renderIcon(docIcon, { size: IconSize.LG, className: \"text-muted-foreground\" })}\n        </span>\n\n        <div className=\"flex-1 min-w-0\">\n          <Text className=\"font-medium truncate\">{metadata.filename}</Text>\n          <div className=\"flex items-center gap-group text-xs text-muted-foreground mt-0.5\">\n            <span className=\"uppercase\">{docTypeLabel}</span>\n            {showSize && <span>{formatFileSize(metadata.size)}</span>}\n          </div>\n        </div>\n\n        {showDownload && freshDocumentUrl && (\n          <a\n            href={freshDocumentUrl}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className=\"text-primary hover:underline text-sm shrink-0\"\n          >\n            {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, 'open_document')}\n          </a>\n        )}\n      </div>\n    </Surface>\n  )\n}\n\n;(DisplayFieldFileDocument as typeof DisplayFieldFileDocument & { displayName: string }).displayName = \"DisplayFieldFileDocument\"\n\nexport { DisplayFieldFileDocument }\n"]}

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

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

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

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

package/dist/esm/components/data-display/formatters/display-field-file-document.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 DisplayFieldFileDocument_Labels = [
+    { ref: 'open_document', kind: LabelKind.BUTTON, purpose: 'Link that opens the document (PDF or office file) for viewing' },
+    { ref: 'download', kind: LabelKind.BUTTON, purpose: 'Link that downloads the document file' },
+    { ref: 'pages', kind: LabelKind.LABEL, purpose: 'Unit label appended to the document page count' },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, DisplayFieldFileDocument_Labels);
+//# sourceMappingURL=display-field-file-document.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-document.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-document.labels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAA4B,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE1I,2EAA2E;AAC3E,6EAA6E;AAC7E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,+BAA+B,GAA0B;IACpE,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,+DAA+D,EAAE;IAC1H,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,uCAAuC,EAAE;IAC7F,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,gDAAgD,EAAE;CACnG,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,qCAAqC,EAAE,+BAA+B,CAAC,CAAC","sourcesContent":["import { FrontendComponentType, LabelKind, type LabellingUnitaryDef, registerComponentLabels } from '@wildo-ai/presets-components-models';\n\n// Companion-only label metadata for this component: keys + params + (where\n// authored) per-key purpose / kind / variable meaning. Statically scanned by\n// the dev companion; NOT imported at runtime, so it never ships in the bundle.\n\nexport const DisplayFieldFileDocument_Labels: LabellingUnitaryDef[] = [\n  { ref: 'open_document', kind: LabelKind.BUTTON, purpose: 'Link that opens the document (PDF or office file) for viewing' },\n  { ref: 'download', kind: LabelKind.BUTTON, purpose: 'Link that downloads the document file' },\n  { ref: 'pages', kind: LabelKind.LABEL, purpose: 'Unit label appended to the document page count' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_DOCUMENT, DisplayFieldFileDocument_Labels);\n"]}

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

@@ -11,7 +11,7 @@
  * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY).
  */
 import * as React from "react";
-import type { DisplayFieldFileGalleryProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldFileGallery({ metadataList, fileIds, className, columns, showDownload, }: DisplayFieldFileGalleryProps): React.JSX.Element;
+import { DisplayFieldFileGalleryProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldFileGallery({ metadataList, fileIds, className, columns, showDownload, }: DisplayFieldFileGalleryProps): React.JSX.Element | null;
 export { DisplayFieldFileGallery };
 //# sourceMappingURL=display-field-file-gallery.d.ts.map

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

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

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

@@ -13,9 +13,8 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
  * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY).
  */
 import * as React from "react";
-import { Text } from "@wildo-ai/saas-frontend-lib";
-import { 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";
 // =============================================================================
 // HELPERS
 // =============================================================================
@@ -71,17 +70,19 @@ function DisplayFieldFileGallery({ metadataList, fileIds, className, columns = 4
     const gridStyle = columns !== 4
         ? { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }
         : undefined;
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `space-y-item ${className ?? ''}`, children: [_jsxs(Text, { className: "text-xs text-muted-foreground", children: [tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'images_count', { count: imageCount }), metadataList.length > imageCount && ` + ${metadataList.length - imageCount} file${metadataList.length - imageCount !== 1 ? 's' : ''}`] }), _jsx("div", { className: gridClass, style: gridStyle, children: metadataList.map((meta, index) => {
+    if (!isReady)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: cn('space-y-item', className), children: [_jsxs(Text, { className: "text-xs text-muted-foreground", children: [tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'images_count', { count: imageCount }), metadataList.length > imageCount && ` + ${metadataList.length - imageCount} file${metadataList.length - imageCount !== 1 ? 's' : ''}`] }), _jsx("div", { className: gridClass, style: gridStyle, children: metadataList.map((meta, index) => {
                             const isImage = isImageMimeType(meta.mimeType);
                             const thumbUrl = meta.thumbnailUrl || meta.url;
                             if (isImage && thumbUrl) {
-                                return (_jsx("button", { type: "button", onClick: () => setLightboxIndex(index), className: "aspect-square rounded-md overflow-hidden border bg-muted/20 cursor-zoom-in hover:ring-2 hover:ring-primary/30 transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": `${meta.filename} — ${tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'click_to_browse')}`, children: _jsx("img", { src: thumbUrl, alt: meta.filename, className: "w-full h-full object-cover", loading: "lazy" }) }, fileIds[index]));
+                                return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("button", { type: "button", onClick: () => setLightboxIndex(index), className: "aspect-square rounded-md overflow-hidden border bg-muted/20 cursor-zoom-in hover:ring-2 hover:ring-primary/30 transition-shadow focus-ring-offset", "aria-label": `${meta.filename} — ${tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'click_to_browse')}`, children: _jsx("img", { src: thumbUrl, alt: meta.filename, className: "w-full h-full object-cover", loading: "lazy" }) }) }, fileIds[index]));
                             }
                             // Non-image file — render as icon card within grid
-                            return (_jsxs("div", { className: "aspect-square rounded-md overflow-hidden border bg-muted/30 flex flex-col items-center justify-center gap-1 p-2", children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILE, { size: IconSize.MD, className: "text-muted-foreground" }) }), _jsx(Text, { className: "text-xs text-muted-foreground truncate max-w-full text-center", children: meta.filename })] }, fileIds[index]));
-                        }) })] }), lightboxIndex !== null && metadataList[lightboxIndex] && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm", onClick: () => setLightboxIndex(null), role: "dialog", "aria-modal": "true", "aria-label": metadataList[lightboxIndex].filename, children: [_jsx("button", { type: "button", onClick: () => setLightboxIndex(null), className: "absolute top-4 right-4 text-white/80 hover:text-white z-10", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'close'), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.LG, className: "text-white" }) }), imageIndices.indexOf(lightboxIndex) > 0 && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); goToPrev(); }, className: "absolute left-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white z-10 p-2 rounded-full bg-black/40", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'previous'), children: renderIcon(StandardIconReference.CHEVRON_LEFT, { size: IconSize.LG, className: "text-white" }) })), imageIndices.indexOf(lightboxIndex) < imageIndices.length - 1 && (_jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); goToNext(); }, className: "absolute right-4 top-1/2 -translate-y-1/2 text-white/80 hover:text-white z-10 p-2 rounded-full bg-black/40", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'next'), children: renderIcon(StandardIconReference.CHEVRON_RIGHT, { size: IconSize.LG, className: "text-white" }) })), _jsx("img", { src: metadataList[lightboxIndex].url || metadataList[lightboxIndex].thumbnailUrl || '', alt: metadataList[lightboxIndex].filename, className: "max-w-[90vw] max-h-[85vh] object-contain rounded-md shadow-[var(--shadow-xl)]", onClick: (e) => e.stopPropagation() }), _jsxs("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 text-white/80 text-sm bg-black/40 px-3 py-1 rounded-full", children: [imageIndices.indexOf(lightboxIndex) + 1, " / ", imageCount] })] }))] }));
+                            return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsxs("div", { className: "aspect-square rounded-md overflow-hidden border bg-muted/30 flex flex-col items-center justify-center gap-1 p-2", children: [_jsx("span", { "aria-hidden": "true", children: renderIcon(StandardIconReference.FILE, { size: IconSize.MD, className: "text-muted-foreground" }) }), _jsx(Text, { className: "text-xs text-muted-foreground truncate max-w-full text-center", children: meta.filename })] }) }, fileIds[index]));
+                        }) })] }), lightboxIndex !== null && metadataList[lightboxIndex] && (_jsxs("div", { className: "fixed inset-0 z-(--z-overlay) flex items-center justify-center bg-black/80 backdrop-blur-sm", onClick: () => setLightboxIndex(null), role: "dialog", "aria-modal": "true", "aria-label": metadataList[lightboxIndex].filename, children: [_jsx("button", { type: "button", onClick: () => setLightboxIndex(null), className: "absolute top-4 end-4 z-(--z-transient) text-white/80 hover:text-white", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'close'), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.LG, className: "text-white" }) }), imageIndices.indexOf(lightboxIndex) > 0 && (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.TRANSIENT, children: _jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); goToPrev(); }, className: "absolute start-4 top-1/2 z-(--z-transient) -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full bg-black/40", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'previous'), children: renderIcon(StandardIconReference.CHEVRON_LEFT, { size: IconSize.LG, className: "text-white" }) }) })), imageIndices.indexOf(lightboxIndex) < imageIndices.length - 1 && (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.TRANSIENT, children: _jsx("button", { type: "button", onClick: (e) => { e.stopPropagation(); goToNext(); }, className: "absolute end-4 top-1/2 z-(--z-transient) -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full bg-black/40", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'next'), children: renderIcon(StandardIconReference.CHEVRON_RIGHT, { size: IconSize.LG, className: "text-white" }) }) })), _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.TRANSIENT, children: _jsx("img", { src: metadataList[lightboxIndex].url || metadataList[lightboxIndex].thumbnailUrl || '', alt: metadataList[lightboxIndex].filename, className: "max-w-[90vw] max-h-[85vh] object-contain rounded-md shadow-[var(--shadow-xl)]", onClick: (e) => e.stopPropagation() }) }), _jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.TRANSIENT, children: _jsxs("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 text-white/80 text-sm bg-black/40 px-3 py-1 rounded-full", children: [imageIndices.indexOf(lightboxIndex) + 1, " / ", imageCount] }) })] }))] }));
 }
 ;
 DisplayFieldFileGallery.displayName = "DisplayFieldFileGallery";
 export { DisplayFieldFileGallery };
-//# sourceMappingURL=display-field-file-gallery.js.map
+//# sourceMappingURL=display-field-file-gallery.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-gallery.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-gallery.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"display-field-file-gallery.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-gallery.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldFileGallery Component\n *\n * Nature-specific display for multiple image files.\n * Renders a thumbnail grid with click-to-enlarge lightbox\n * and prev/next navigation.\n *\n * Used when: multiple: true + nature is IMAGE (or all files are images based on MIME).\n * Non-image files in a mixed collection render as small icon cards within the grid.\n *\n * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY).\n */\n\nimport * as React from \"react\"\n\nimport {\n  Text,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  cn,\n  Surface,\n  DisplayFieldFileGalleryProps,\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// HELPERS\n// =============================================================================\n\nfunction isImageMimeType(mimeType: string): boolean {\n  return mimeType.startsWith('image/')\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction DisplayFieldFileGallery({\n  metadataList,\n  fileIds,\n  className,\n  columns = 4,\n  showDownload = true,\n}: DisplayFieldFileGalleryProps): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry()\n  const { tComponent, isReady } = useI18n({ component: FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY })\n  const [lightboxIndex, setLightboxIndex] = React.useState<number | null>(null)\n\n  // Separate images from non-images for rendering strategy\n  const imageIndices = React.useMemo(\n    () => metadataList.map((m, i) => isImageMimeType(m.mimeType) ? i : -1).filter(i => i >= 0),\n    [metadataList]\n  )\n  const imageCount = imageIndices.length\n\n  // Navigate lightbox\n  const goToNext = React.useCallback(() => {\n    if (lightboxIndex === null) return\n    // Find next image index after current\n    const currentImagePos = imageIndices.indexOf(lightboxIndex)\n    if (currentImagePos < imageIndices.length - 1) {\n      setLightboxIndex(imageIndices[currentImagePos + 1])\n    }\n  }, [lightboxIndex, imageIndices])\n\n  const goToPrev = React.useCallback(() => {\n    if (lightboxIndex === null) return\n    const currentImagePos = imageIndices.indexOf(lightboxIndex)\n    if (currentImagePos > 0) {\n      setLightboxIndex(imageIndices[currentImagePos - 1])\n    }\n  }, [lightboxIndex, imageIndices])\n\n  // Keyboard navigation for lightbox\n  React.useEffect(() => {\n    if (lightboxIndex === null) return\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setLightboxIndex(null)\n      if (e.key === 'ArrowRight') goToNext()\n      if (e.key === 'ArrowLeft') goToPrev()\n    }\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [lightboxIndex, goToNext, goToPrev])\n\n  const gridClass = columns !== 4\n    ? `grid gap-item`\n    : `grid gap-item grid-cols-2 sm:grid-cols-3 md:grid-cols-4`\n  const gridStyle: React.CSSProperties | undefined = columns !== 4\n    ? { gridTemplateColumns: `repeat(${columns}, minmax(0, 1fr))` }\n    : undefined\n\n  if (!isReady) return null\n\n  return (\n    <>\n      <div className={cn('space-y-item', className)}>\n        {/* Count badge */}\n        <Text className=\"text-xs text-muted-foreground\">\n          {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'images_count', { count: imageCount })}\n          {metadataList.length > imageCount && ` + ${metadataList.length - imageCount} file${metadataList.length - imageCount !== 1 ? 's' : ''}`}\n        </Text>\n\n        {/* Thumbnail grid */}\n        <div className={gridClass} style={gridStyle}>\n          {metadataList.map((meta, index) => {\n            const isImage = isImageMimeType(meta.mimeType)\n            const thumbUrl = meta.thumbnailUrl || meta.url\n\n            if (isImage && thumbUrl) {\n              return (\n                <Surface key={fileIds[index]} asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n                  <button\n                    type=\"button\"\n                    onClick={() => setLightboxIndex(index)}\n                    className=\"aspect-square rounded-md overflow-hidden border bg-muted/20 cursor-zoom-in hover:ring-2 hover:ring-primary/30 transition-shadow focus-ring-offset\"\n                    aria-label={`${meta.filename} — ${tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'click_to_browse')}`}\n                  >\n                    <img\n                      src={thumbUrl}\n                      alt={meta.filename}\n                      className=\"w-full h-full object-cover\"\n                      loading=\"lazy\"\n                    />\n                  </button>\n                </Surface>\n              )\n            }\n\n            // Non-image file — render as icon card within grid\n            return (\n              <Surface key={fileIds[index]} asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n                <div className=\"aspect-square rounded-md overflow-hidden border bg-muted/30 flex flex-col items-center justify-center gap-1 p-2\">\n                  <span aria-hidden=\"true\">\n                    {renderIcon(StandardIconReference.FILE, { size: IconSize.MD, className: \"text-muted-foreground\" })}\n                  </span>\n                  <Text className=\"text-xs text-muted-foreground truncate max-w-full text-center\">\n                    {meta.filename}\n                  </Text>\n                </div>\n              </Surface>\n            )\n          })}\n        </div>\n      </div>\n\n      {/* Lightbox with prev/next navigation */}\n      {lightboxIndex !== null && metadataList[lightboxIndex] && (\n        <div\n          className=\"fixed inset-0 z-(--z-overlay) flex items-center justify-center bg-black/80 backdrop-blur-sm\"\n          onClick={() => setLightboxIndex(null)}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={metadataList[lightboxIndex].filename}\n        >\n          {/* Close button */}\n          <button\n            type=\"button\"\n            onClick={() => setLightboxIndex(null)}\n            className=\"absolute top-4 end-4 z-(--z-transient) text-white/80 hover:text-white\"\n            aria-label={tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'close')}\n          >\n            {renderIcon(StandardIconReference.CLOSE, { size: IconSize.LG, className: \"text-white\" })}\n          </button>\n\n          {/* Previous button */}\n          {imageIndices.indexOf(lightboxIndex) > 0 && (\n            <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.TRANSIENT}>\n              <button\n                type=\"button\"\n                onClick={(e) => { e.stopPropagation(); goToPrev() }}\n                className=\"absolute start-4 top-1/2 z-(--z-transient) -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full bg-black/40\"\n                aria-label={tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'previous')}\n              >\n                {renderIcon(StandardIconReference.CHEVRON_LEFT, { size: IconSize.LG, className: \"text-white\" })}\n              </button>\n            </Surface>\n          )}\n\n          {/* Next button */}\n          {imageIndices.indexOf(lightboxIndex) < imageIndices.length - 1 && (\n            <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.TRANSIENT}>\n              <button\n                type=\"button\"\n                onClick={(e) => { e.stopPropagation(); goToNext() }}\n                className=\"absolute end-4 top-1/2 z-(--z-transient) -translate-y-1/2 text-white/80 hover:text-white p-2 rounded-full bg-black/40\"\n                aria-label={tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, 'next')}\n              >\n                {renderIcon(StandardIconReference.CHEVRON_RIGHT, { size: IconSize.LG, className: \"text-white\" })}\n              </button>\n            </Surface>\n          )}\n\n          {/* Full-size image */}\n          <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.TRANSIENT}>\n            <img\n              src={metadataList[lightboxIndex].url || metadataList[lightboxIndex].thumbnailUrl || ''}\n              alt={metadataList[lightboxIndex].filename}\n              className=\"max-w-[90vw] max-h-[85vh] object-contain rounded-md shadow-[var(--shadow-xl)]\"\n              onClick={(e) => e.stopPropagation()}\n            />\n          </Surface>\n\n          {/* Image counter */}\n          <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.TRANSIENT}>\n            <div className=\"absolute bottom-4 left-1/2 -translate-x-1/2 text-white/80 text-sm bg-black/40 px-3 py-1 rounded-full\">\n              {imageIndices.indexOf(lightboxIndex) + 1} / {imageCount}\n            </div>\n          </Surface>\n        </div>\n      )}\n    </>\n  )\n}\n\n;(DisplayFieldFileGallery as typeof DisplayFieldFileGallery & { displayName: string }).displayName = \"DisplayFieldFileGallery\"\n\nexport { DisplayFieldFileGallery }\n"]}

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

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

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

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

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

@@ -0,0 +1,18 @@
+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 DisplayFieldFileGallery_Labels = [
+    {
+        ref: 'images_count',
+        kind: LabelKind.LABEL,
+        purpose: 'Header summarising how many images the gallery holds',
+        params: [{ key: 'count', meaning: 'number of images in the gallery' }],
+    },
+    { ref: 'click_to_browse', kind: LabelKind.ARIA, purpose: 'Accessible hint on each thumbnail that opens the lightbox to browse the gallery' },
+    { ref: 'previous', kind: LabelKind.ARIA, purpose: 'Accessible label on the lightbox button that shows the previous image' },
+    { ref: 'next', kind: LabelKind.ARIA, purpose: 'Accessible label on the lightbox button that shows the next image' },
+    { ref: 'close', kind: LabelKind.ARIA, purpose: 'Accessible label on the button that closes the gallery lightbox' },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, DisplayFieldFileGallery_Labels);
+//# sourceMappingURL=display-field-file-gallery.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-gallery.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-gallery.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,8BAA8B,GAA0B;IACnE;QACE,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,SAAS,CAAC,KAAK;QACrB,OAAO,EAAE,sDAAsD;QAC/D,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,iCAAiC,EAAE,CAAC;KACvE;IACD,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,iFAAiF,EAAE;IAC5I,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,uEAAuE,EAAE;IAC3H,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,mEAAmE,EAAE;IACnH,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,iEAAiE,EAAE;CACnH,CAAC;AACF,uBAAuB,CAAC,qBAAqB,CAAC,oCAAoC,EAAE,8BAA8B,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 DisplayFieldFileGallery_Labels: LabellingUnitaryDef[] = [\n  {\n    ref: 'images_count',\n    kind: LabelKind.LABEL,\n    purpose: 'Header summarising how many images the gallery holds',\n    params: [{ key: 'count', meaning: 'number of images in the gallery' }],\n  },\n  { ref: 'click_to_browse', kind: LabelKind.ARIA, purpose: 'Accessible hint on each thumbnail that opens the lightbox to browse the gallery' },\n  { ref: 'previous', kind: LabelKind.ARIA, purpose: 'Accessible label on the lightbox button that shows the previous image' },\n  { ref: 'next', kind: LabelKind.ARIA, purpose: 'Accessible label on the lightbox button that shows the next image' },\n  { ref: 'close', kind: LabelKind.ARIA, purpose: 'Accessible label on the button that closes the gallery lightbox' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_GALLERY, DisplayFieldFileGallery_Labels);\n"]}

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

@@ -2,14 +2,14 @@
  * DisplayFieldFileImage Component
  *
  * Nature-specific display for image files.
- * Renders a responsive preview with click-to-enlarge (lightbox),
+ * Renders a responsive preview at the host-resolved presentation tier,
  * dimensions info, and download link.
  *
  * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE),
  * so custom apps can override with their own image display implementation.
  */
 import * as React from "react";
-import type { DisplayFieldFileImageProps } from '@wildo-ai/saas-frontend-lib';
-declare function DisplayFieldFileImage({ metadata, fileId, className, showDownload, showSize, showDimensions, }: DisplayFieldFileImageProps): React.JSX.Element;
+import { DisplayFieldFileImageProps } from '@wildo-ai/saas-frontend-lib';
+declare function DisplayFieldFileImage({ metadata, fileId, className, showDownload, showSize, showDimensions, serveUrl, getBlob, previewOptions, presentation, }: DisplayFieldFileImageProps): React.JSX.Element | null;
 export { DisplayFieldFileImage };
 //# sourceMappingURL=display-field-file-image.d.ts.map

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

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

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

@@ -4,45 +4,203 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
  * DisplayFieldFileImage Component
  *
  * Nature-specific display for image files.
- * Renders a responsive preview with click-to-enlarge (lightbox),
+ * Renders a responsive preview at the host-resolved presentation tier,
  * dimensions info, and download link.
  *
  * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE),
  * so custom apps can override with their own image display implementation.
  */
 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 { formatFileSize } from "@wildo-ai/zod-decorators";
+import { Text, useIconRegistry, StandardIconReference, IconSize, useI18n, cn, Surface, buildFileServeThumbnailUrl, } from '@wildo-ai/saas-frontend-lib';
+import { FrontendComponentType, SurfaceVariant } from "@wildo-ai/presets-components-models";
+import { formatFileSize, FileMediaShape, FileMediaSize, FileDisplayPresentation } from "@wildo-ai/zod-decorators";
+// =============================================================================
+// PRESENTATION OPTION RESOLUTION (fileUI.display.preview)
+// =============================================================================
+/** Fixed diameter/max-width in px per size tier. `FULL` is container-responsive (null). */
+const FILE_MEDIA_SIZE_PX = {
+    [FileMediaSize.XS]: 40,
+    [FileMediaSize.SM]: 64,
+    [FileMediaSize.MD]: 96,
+    [FileMediaSize.LG]: 160,
+    [FileMediaSize.XL]: 256,
+    [FileMediaSize.FULL]: null,
+};
+/** Frame corner class per shape. */
+const FILE_MEDIA_SHAPE_RADIUS = {
+    [FileMediaShape.ROUNDED]: 'rounded-md',
+    [FileMediaShape.SQUARE]: 'rounded-none',
+    [FileMediaShape.CIRCLE]: 'rounded-full',
+};
 // =============================================================================
 // COMPONENT
 // =============================================================================
-function DisplayFieldFileImage({ metadata, fileId, className, showDownload = true, showSize = true, showDimensions = true, }) {
+function DisplayFieldFileImage({ metadata, fileId, className, showDownload = true, showSize = true, showDimensions = true, serveUrl, getBlob, previewOptions, presentation, }) {
     const { renderIcon } = useIconRegistry();
     const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE] });
-    const [isLightboxOpen, setIsLightboxOpen] = React.useState(false);
     const [imageError, setImageError] = React.useState(false);
-    // Close lightbox on Escape key — uses document listener to work regardless of focus
+    // An <img> can't attach the bearer token, so protected bytes are fetched via the
+    // injected authed client and wrapped in object URLs. TWO renditions are tracked:
+    //   • previewObjectUrl — the ?variant=thumbnail downscale that drives the inline
+    //     preview (small, fast; the whole point is to NOT pull the original here).
+    //   • fullObjectUrl — the ORIGINAL bytes, fetched LAZILY only when the image is
+    //     shown at FULL presentation (or a download fires), so a thumbnail that is never
+    //     enlarged never pays for the full-resolution download.
+    const [previewObjectUrl, setPreviewObjectUrl] = React.useState(null);
+    const [fullObjectUrl, setFullObjectUrl] = React.useState(null);
+    // Latches true the first time the original is needed (FULL presentation / download);
+    // the full fetch then runs once and is NOT torn down when the host closes and
+    // reopens its overlay.
+    const [shouldLoadFull, setShouldLoadFull] = React.useState(false);
+    const wantsFullResolution = presentation === FileDisplayPresentation.FULL;
     React.useEffect(() => {
-        if (!isLightboxOpen)
+        if (wantsFullResolution)
+            setShouldLoadFull(true);
+    }, [wantsFullResolution]);
+    const thumbnailServeUrl = serveUrl ? buildFileServeThumbnailUrl(serveUrl) : null;
+    // Inline preview: fetch the THUMBNAIL rendition → object URL. Revokes + aborts on
+    // unmount / url change. Falls back to metadata.url (then the file card) when
+    // serve/getBlob are unavailable or the fetch fails.
+    React.useEffect(() => {
+        if (!thumbnailServeUrl || !getBlob) {
+            setPreviewObjectUrl(null);
             return;
-        const handleKeyDown = (e) => {
-            if (e.key === 'Escape')
-                setIsLightboxOpen(false);
+        }
+        let cancelled = false;
+        let createdUrl = null;
+        const controller = new AbortController();
+        setImageError(false);
+        getBlob(thumbnailServeUrl, { signal: controller.signal })
+            .then((blob) => {
+            if (cancelled)
+                return;
+            createdUrl = URL.createObjectURL(blob);
+            setPreviewObjectUrl(createdUrl);
+        })
+            .catch(() => {
+            if (cancelled)
+                return;
+            setPreviewObjectUrl(null);
+            setImageError(true);
+        });
+        return () => {
+            cancelled = true;
+            controller.abort();
+            if (createdUrl)
+                URL.revokeObjectURL(createdUrl);
         };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => document.removeEventListener('keydown', handleKeyDown);
-    }, [isLightboxOpen]);
-    const imageUrl = metadata.url;
-    const thumbnailUrl = metadata.thumbnailUrl || metadata.url;
+    }, [thumbnailServeUrl, getBlob]);
+    // Full-resolution original: fetched once `shouldLoadFull` latches. The latch is
+    // one-way, so a host that unmounts and remounts the overlay does not re-fetch or
+    // revoke the in-use URL — it is revoked only on unmount.
+    React.useEffect(() => {
+        if (!shouldLoadFull || !serveUrl || !getBlob)
+            return;
+        let cancelled = false;
+        let createdUrl = null;
+        const controller = new AbortController();
+        getBlob(serveUrl, { signal: controller.signal })
+            .then((blob) => {
+            if (cancelled)
+                return;
+            createdUrl = URL.createObjectURL(blob);
+            setFullObjectUrl(createdUrl);
+        })
+            .catch(() => {
+            /* FULL falls back to the thumbnail; download surfaces its own failure */
+        });
+        return () => {
+            cancelled = true;
+            controller.abort();
+            if (createdUrl)
+                URL.revokeObjectURL(createdUrl);
+        };
+    }, [shouldLoadFull, serveUrl, getBlob]);
+    // Download the ORIGINAL bytes (never the thumbnail). Reuses the full object URL if
+    // FULL presentation already fetched it, else fetches on demand. Best-effort — a failure is
+    // swallowed (the preview already signals load errors).
+    const handleDownload = React.useCallback(async () => {
+        if (!getBlob || !serveUrl)
+            return;
+        setShouldLoadFull(true);
+        try {
+            let url = fullObjectUrl;
+            let temporary = false;
+            if (!url) {
+                const blob = await getBlob(serveUrl);
+                url = URL.createObjectURL(blob);
+                temporary = true;
+            }
+            const anchor = document.createElement('a');
+            anchor.href = url;
+            anchor.download = metadata.filename || 'file';
+            document.body.appendChild(anchor);
+            anchor.click();
+            anchor.remove();
+            if (temporary)
+                URL.revokeObjectURL(url);
+        }
+        catch {
+            /* swallow — download is best-effort */
+        }
+    }, [getBlob, serveUrl, fullObjectUrl, metadata.filename]);
+    if (!isReady)
+        return null;
+    // THUMBNAIL prefers the fetched thumbnail; FULL prefers the original and
+    // progressively falls back to the thumbnail while it loads. metadata.* covers the
+    // legacy/public (non-authed) path.
+    const previewImageUrl = previewObjectUrl ?? metadata.thumbnailUrl ?? metadata.url;
+    const fullImageUrl = fullObjectUrl ?? previewImageUrl;
+    const renderedImageUrl = wantsFullResolution ? fullImageUrl : previewImageUrl;
+    const canDownload = !!(getBlob && serveUrl);
     const hasDimensions = metadata.width !== undefined && metadata.height !== undefined;
-    // Image failed to load — fall back to file card with download link
-    if (imageError || !imageUrl) {
-        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_IMAGE, { 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) }), hasDimensions && showDimensions && _jsxs("span", { children: [metadata.width, "\u00D7", metadata.height] }), imageError && _jsx("span", { className: "text-destructive", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'image_load_error') })] })] }), showDownload && imageUrl && (_jsx("a", { href: imageUrl, download: metadata.filename, className: "text-primary hover:underline text-sm shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'download') }))] }));
+    // Download control — an authed on-click original fetch when the serve route is
+    // available, else the legacy/public metadata URL. Shared by the error card + caption.
+    const renderDownload = (className) => {
+        if (!showDownload)
+            return null;
+        if (canDownload) {
+            return (_jsx("button", { type: "button", onClick: handleDownload, className: className, children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'download') }));
+        }
+        if (metadata.url) {
+            return (_jsx("a", { href: metadata.url, download: metadata.filename, className: className, children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'download') }));
+        }
+        return null;
+    };
+    // ── Presentation (fileUI.display.preview) ──────────────────────────────────
+    const shape = previewOptions?.shape ?? FileMediaShape.ROUNDED;
+    const size = previewOptions?.size ?? FileMediaSize.FULL;
+    const showCaption = previewOptions?.showCaption ?? true;
+    // NOTE: this preset no longer owns a click affordance. Activation (overlay /
+    // download / new tab / custom operation) is resolved by the host from the file's
+    // activation policy and bound AROUND this component, so every file nature shares
+    // one click contract instead of images having a private lightbox.
+    const isCircle = shape === FileMediaShape.CIRCLE;
+    const sizePx = FILE_MEDIA_SIZE_PX[size];
+    const radiusClass = FILE_MEDIA_SHAPE_RADIUS[shape];
+    // A circle crops to fill its square frame; rectangles preserve aspect.
+    const imgFitClass = isCircle ? 'object-cover w-full h-full' : 'object-contain w-full h-auto';
+    // Fixed-size frame (XS–XL): a circle is a square (w=h=diameter); a rectangle caps width
+    // and lets height follow aspect. FULL keeps the legacy responsive `max-w-md` / `max-h-64`.
+    const frameStyle = sizePx === null
+        ? undefined
+        : isCircle
+            ? { width: sizePx, height: sizePx }
+            : { maxWidth: sizePx };
+    const frameSizeClass = sizePx === null ? 'w-full max-w-md' : '';
+    const imgSizeClass = sizePx === null ? 'max-h-64' : '';
+    // Image failed to load — fall back to a shaped placeholder (fixed-size previews, e.g.
+    // avatars) or the neutral file card (full-width previews).
+    if (imageError || !previewImageUrl) {
+        if (sizePx !== null) {
+            return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("div", { style: frameStyle, className: cn('flex items-center justify-center border bg-muted/30', radiusClass, frameSizeClass, className), "aria-label": metadata.filename, children: renderIcon(StandardIconReference.FILE_IMAGE, { size: IconSize.LG, className: 'text-muted-foreground' }) }) }));
+        }
+        return (_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, 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_IMAGE, { 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) }), hasDimensions && showDimensions && _jsxs("span", { children: [metadata.width, "\u00D7", metadata.height] }), imageError && _jsx("span", { className: "text-destructive", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'image_load_error') })] })] }), renderDownload('text-primary hover:underline text-sm shrink-0')] }) }));
     }
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `space-y-item ${className ?? ''}`, children: [_jsx("button", { type: "button", onClick: () => setIsLightboxOpen(true), className: "block w-full max-w-md cursor-zoom-in rounded-md overflow-hidden border bg-muted/20 hover:ring-2 hover:ring-primary/30 transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'click_to_enlarge'), children: _jsx("img", { src: thumbnailUrl, alt: metadata.filename, className: "w-full h-auto object-contain max-h-64", loading: "lazy", onError: () => setImageError(true) }) }), _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) }), hasDimensions && showDimensions && _jsxs("span", { children: [metadata.width, "\u00D7", metadata.height] }), metadata.extension && _jsx("span", { className: "uppercase", children: metadata.extension }), showDownload && (_jsx("a", { href: imageUrl, download: metadata.filename, className: "text-primary hover:underline ms-auto shrink-0", children: tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'download') }))] })] }), isLightboxOpen && (_jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm", onClick: () => setIsLightboxOpen(false), role: "dialog", "aria-modal": "true", "aria-label": metadata.filename, children: [_jsx("button", { type: "button", onClick: () => setIsLightboxOpen(false), className: "absolute top-4 right-4 text-white/80 hover:text-white z-10", "aria-label": tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'close'), children: renderIcon(StandardIconReference.CLOSE, { size: IconSize.LG, className: "text-white" }) }), _jsx("img", { src: imageUrl, alt: metadata.filename, className: "max-w-[90vw] max-h-[90vh] object-contain rounded-md shadow-[var(--shadow-xl)]", onClick: (e) => e.stopPropagation() })] }))] }));
+    const imgEl = (_jsx("img", { src: renderedImageUrl, alt: metadata.filename, className: cn(imgFitClass, imgSizeClass), loading: "lazy", onError: () => setImageError(true) }));
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: cn('space-y-item', className), children: [_jsx(Surface, { asChild: true, emitPolicyVars: false, variant: SurfaceVariant.INSET, children: _jsx("div", { style: frameStyle, className: cn('block overflow-hidden border bg-muted/20', radiusClass, frameSizeClass), children: imgEl }) }), showCaption && (_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) }), hasDimensions && showDimensions && _jsxs("span", { children: [metadata.width, "\u00D7", metadata.height] }), metadata.extension && _jsx("span", { className: "uppercase", children: metadata.extension }), renderDownload('text-primary hover:underline ms-auto shrink-0')] }))] }) }));
 }
 ;
 DisplayFieldFileImage.displayName = "DisplayFieldFileImage";
 export { DisplayFieldFileImage };
-//# sourceMappingURL=display-field-file-image.js.map
+//# sourceMappingURL=display-field-file-image.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"display-field-file-image.js","sourceRoot":"","sources":["../../../../../src/components/data-display/formatters/display-field-file-image.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ;;;;;;;;;GASG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAY,eAAe,EAAE,qBAAqB,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAA;AACvH,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,EACf,cAAc,GAAG,IAAI,GACM;IAC3B,MAAM,EAAE,UAAU,EAAE,GAAG,eAAe,EAAE,CAAA;IACxC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,qBAAqB,CAAC,oBAAoB,EAAE,qBAAqB,CAAC,yBAAyB,CAAC,EAAE,CAAC,CAAA;IAErJ,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzD,oFAAoF;IACpF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,cAAc;YAAE,OAAM;QAC3B,MAAM,aAAa,GAAG,CAAC,CAAgB,EAAE,EAAE;YACzC,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ;gBAAE,iBAAiB,CAAC,KAAK,CAAC,CAAA;QAClD,CAAC,CAAA;QACD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACnD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,MAAM,QAAQ,GAAG,QAAQ,CAAC,GAAG,CAAA;IAC7B,MAAM,YAAY,GAAG,QAAQ,CAAC,YAAY,IAAI,QAAQ,CAAC,GAAG,CAAA;IAC1D,MAAM,aAAa,GAAG,QAAQ,CAAC,KAAK,KAAK,SAAS,IAAI,QAAQ,CAAC,MAAM,KAAK,SAAS,CAAA;IAEnF,mEAAmE;IACnE,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,aAAa,IAAI,cAAc,IAAI,2BAAO,QAAQ,CAAC,KAAK,YAAG,QAAQ,CAAC,MAAM,IAAQ,EAClF,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,YACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,SAAS,EAAC,+CAA+C,YAExD,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,UAAU,CAAC,GAC/E,CACL,IACG,CACP,CAAA;IACH,CAAC;IAED,OAAO,CACL,8BAEE,eAAK,SAAS,EAAE,gBAAgB,SAAS,IAAI,EAAE,EAAE,aAC/C,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,IAAI,CAAC,EACtC,SAAS,EAAC,iNAAiN,gBAC/M,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,kBAAkB,CAAC,YAEpG,cACE,GAAG,EAAE,YAAY,EACjB,GAAG,EAAE,QAAQ,CAAC,QAAQ,EACtB,SAAS,EAAC,uCAAuC,EACjD,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,GAClC,GACK,EAGT,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,aAAa,IAAI,cAAc,IAAI,2BAAO,QAAQ,CAAC,KAAK,YAAG,QAAQ,CAAC,MAAM,IAAQ,EAClF,QAAQ,CAAC,SAAS,IAAI,eAAM,SAAS,EAAC,WAAW,YAAE,QAAQ,CAAC,SAAS,GAAQ,EAC7E,YAAY,IAAI,CACf,YACE,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAC3B,SAAS,EAAC,+CAA+C,YAExD,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,UAAU,CAAC,GAC/E,CACL,IACG,IACF,EAGL,cAAc,IAAI,CACjB,eACE,SAAS,EAAC,kFAAkF,EAC5F,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACvC,IAAI,EAAC,QAAQ,gBACF,MAAM,gBACL,QAAQ,CAAC,QAAQ,aAE7B,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EACvC,SAAS,EAAC,4DAA4D,gBAC1D,UAAU,CAAC,qBAAqB,CAAC,kCAAkC,EAAE,OAAO,CAAC,YAExF,UAAU,CAAC,qBAAqB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC,GACjF,EACT,cACE,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,CAAC,QAAQ,EACtB,SAAS,EAAC,+EAA+E,EACzF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,GACnC,IACE,CACP,IACA,CACJ,CAAA;AACH,CAAC;AAED,CAAC;AAAC,qBAAgF,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAExH,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"display-field-file-image.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-image.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\n/**\n * DisplayFieldFileImage Component\n *\n * Nature-specific display for image files.\n * Renders a responsive preview at the host-resolved presentation tier,\n * dimensions info, and download link.\n *\n * Resolved via the component registry (LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE),\n * so custom apps can override with their own image display implementation.\n */\n\nimport * as React from \"react\"\n\nimport {\n  Text,\n  Skeleton,\n  useIconRegistry,\n  StandardIconReference,\n  IconSize,\n  useI18n,\n  cn,\n  Surface,\n  DisplayFieldFileImageProps,\n  buildFileServeThumbnailUrl,\n} from '@wildo-ai/saas-frontend-lib';\n\nimport { FrontendComponentType, SurfaceVariant } from \"@wildo-ai/presets-components-models\"\nimport { type FileMetadata, formatFileSize, FileMediaShape, FileMediaSize, FileDisplayPresentation } from \"@wildo-ai/zod-decorators\"\n\n// =============================================================================\n// PRESENTATION OPTION RESOLUTION (fileUI.display.preview)\n// =============================================================================\n\n/** Fixed diameter/max-width in px per size tier. `FULL` is container-responsive (null). */\nconst FILE_MEDIA_SIZE_PX: Record<FileMediaSize, number | null> = {\n  [FileMediaSize.XS]: 40,\n  [FileMediaSize.SM]: 64,\n  [FileMediaSize.MD]: 96,\n  [FileMediaSize.LG]: 160,\n  [FileMediaSize.XL]: 256,\n  [FileMediaSize.FULL]: null,\n}\n\n/** Frame corner class per shape. */\nconst FILE_MEDIA_SHAPE_RADIUS: Record<FileMediaShape, string> = {\n  [FileMediaShape.ROUNDED]: 'rounded-md',\n  [FileMediaShape.SQUARE]: 'rounded-none',\n  [FileMediaShape.CIRCLE]: 'rounded-full',\n}\n\n// =============================================================================\n// COMPONENT\n// =============================================================================\n\nfunction DisplayFieldFileImage({\n  metadata,\n  fileId,\n  className,\n  showDownload = true,\n  showSize = true,\n  showDimensions = true,\n  serveUrl,\n  getBlob,\n  previewOptions,\n  presentation,\n}: DisplayFieldFileImageProps): React.JSX.Element | null {\n  const { renderIcon } = useIconRegistry()\n  const { tComponent, isReady } = useI18n({ component: [FrontendComponentType.LOW_LEVEL_FORM_FIELD, FrontendComponentType.LOW_LEVEL_FORM_FIELD_FILE] })\n\n  const [imageError, setImageError] = React.useState(false)\n  // An <img> can't attach the bearer token, so protected bytes are fetched via the\n  // injected authed client and wrapped in object URLs. TWO renditions are tracked:\n  //   • previewObjectUrl — the ?variant=thumbnail downscale that drives the inline\n  //     preview (small, fast; the whole point is to NOT pull the original here).\n  //   • fullObjectUrl — the ORIGINAL bytes, fetched LAZILY only when the image is\n  //     shown at FULL presentation (or a download fires), so a thumbnail that is never\n  //     enlarged never pays for the full-resolution download.\n  const [previewObjectUrl, setPreviewObjectUrl] = React.useState<string | null>(null)\n  const [fullObjectUrl, setFullObjectUrl] = React.useState<string | null>(null)\n  // Latches true the first time the original is needed (FULL presentation / download);\n  // the full fetch then runs once and is NOT torn down when the host closes and\n  // reopens its overlay.\n  const [shouldLoadFull, setShouldLoadFull] = React.useState(false)\n  const wantsFullResolution = presentation === FileDisplayPresentation.FULL\n  React.useEffect(() => {\n    if (wantsFullResolution) setShouldLoadFull(true)\n  }, [wantsFullResolution])\n\n  const thumbnailServeUrl = serveUrl ? buildFileServeThumbnailUrl(serveUrl) : null\n\n  // Inline preview: fetch the THUMBNAIL rendition → object URL. Revokes + aborts on\n  // unmount / url change. Falls back to metadata.url (then the file card) when\n  // serve/getBlob are unavailable or the fetch fails.\n  React.useEffect(() => {\n    if (!thumbnailServeUrl || !getBlob) {\n      setPreviewObjectUrl(null)\n      return\n    }\n    let cancelled = false\n    let createdUrl: string | null = null\n    const controller = new AbortController()\n    setImageError(false)\n    getBlob(thumbnailServeUrl, { signal: controller.signal })\n      .then((blob) => {\n        if (cancelled) return\n        createdUrl = URL.createObjectURL(blob)\n        setPreviewObjectUrl(createdUrl)\n      })\n      .catch(() => {\n        if (cancelled) return\n        setPreviewObjectUrl(null)\n        setImageError(true)\n      })\n    return () => {\n      cancelled = true\n      controller.abort()\n      if (createdUrl) URL.revokeObjectURL(createdUrl)\n    }\n  }, [thumbnailServeUrl, getBlob])\n\n  // Full-resolution original: fetched once `shouldLoadFull` latches. The latch is\n  // one-way, so a host that unmounts and remounts the overlay does not re-fetch or\n  // revoke the in-use URL — it is revoked only on unmount.\n  React.useEffect(() => {\n    if (!shouldLoadFull || !serveUrl || !getBlob) return\n    let cancelled = false\n    let createdUrl: string | null = null\n    const controller = new AbortController()\n    getBlob(serveUrl, { signal: controller.signal })\n      .then((blob) => {\n        if (cancelled) return\n        createdUrl = URL.createObjectURL(blob)\n        setFullObjectUrl(createdUrl)\n      })\n      .catch(() => {\n        /* FULL falls back to the thumbnail; download surfaces its own failure */\n      })\n    return () => {\n      cancelled = true\n      controller.abort()\n      if (createdUrl) URL.revokeObjectURL(createdUrl)\n    }\n  }, [shouldLoadFull, serveUrl, getBlob])\n\n  // Download the ORIGINAL bytes (never the thumbnail). Reuses the full object URL if\n  // FULL presentation already fetched it, else fetches on demand. Best-effort — a failure is\n  // swallowed (the preview already signals load errors).\n  const handleDownload = React.useCallback(async () => {\n    if (!getBlob || !serveUrl) return\n    setShouldLoadFull(true)\n    try {\n      let url = fullObjectUrl\n      let temporary = false\n      if (!url) {\n        const blob = await getBlob(serveUrl)\n        url = URL.createObjectURL(blob)\n        temporary = true\n      }\n      const anchor = document.createElement('a')\n      anchor.href = url\n      anchor.download = metadata.filename || 'file'\n      document.body.appendChild(anchor)\n      anchor.click()\n      anchor.remove()\n      if (temporary) URL.revokeObjectURL(url)\n    } catch {\n      /* swallow — download is best-effort */\n    }\n  }, [getBlob, serveUrl, fullObjectUrl, metadata.filename])\n\n  if (!isReady) return null\n\n  // THUMBNAIL prefers the fetched thumbnail; FULL prefers the original and\n  // progressively falls back to the thumbnail while it loads. metadata.* covers the\n  // legacy/public (non-authed) path.\n  const previewImageUrl = previewObjectUrl ?? metadata.thumbnailUrl ?? metadata.url\n  const fullImageUrl = fullObjectUrl ?? previewImageUrl\n  const renderedImageUrl = wantsFullResolution ? fullImageUrl : previewImageUrl\n  const canDownload = !!(getBlob && serveUrl)\n  const hasDimensions = metadata.width !== undefined && metadata.height !== undefined\n\n  // Download control — an authed on-click original fetch when the serve route is\n  // available, else the legacy/public metadata URL. Shared by the error card + caption.\n  const renderDownload = (className: string): React.JSX.Element | null => {\n    if (!showDownload) return null\n    if (canDownload) {\n      return (\n        <button type=\"button\" onClick={handleDownload} className={className}>\n          {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'download')}\n        </button>\n      )\n    }\n    if (metadata.url) {\n      return (\n        <a href={metadata.url} download={metadata.filename} className={className}>\n          {tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'download')}\n        </a>\n      )\n    }\n    return null\n  }\n\n  // ── Presentation (fileUI.display.preview) ──────────────────────────────────\n  const shape = previewOptions?.shape ?? FileMediaShape.ROUNDED\n  const size = previewOptions?.size ?? FileMediaSize.FULL\n  const showCaption = previewOptions?.showCaption ?? true\n  // NOTE: this preset no longer owns a click affordance. Activation (overlay /\n  // download / new tab / custom operation) is resolved by the host from the file's\n  // activation policy and bound AROUND this component, so every file nature shares\n  // one click contract instead of images having a private lightbox.\n  const isCircle = shape === FileMediaShape.CIRCLE\n  const sizePx = FILE_MEDIA_SIZE_PX[size]\n  const radiusClass = FILE_MEDIA_SHAPE_RADIUS[shape]\n  // A circle crops to fill its square frame; rectangles preserve aspect.\n  const imgFitClass = isCircle ? 'object-cover w-full h-full' : 'object-contain w-full h-auto'\n  // Fixed-size frame (XS–XL): a circle is a square (w=h=diameter); a rectangle caps width\n  // and lets height follow aspect. FULL keeps the legacy responsive `max-w-md` / `max-h-64`.\n  const frameStyle: React.CSSProperties | undefined = sizePx === null\n    ? undefined\n    : isCircle\n      ? { width: sizePx, height: sizePx }\n      : { maxWidth: sizePx }\n  const frameSizeClass = sizePx === null ? 'w-full max-w-md' : ''\n  const imgSizeClass = sizePx === null ? 'max-h-64' : ''\n\n  // Image failed to load — fall back to a shaped placeholder (fixed-size previews, e.g.\n  // avatars) or the neutral file card (full-width previews).\n  if (imageError || !previewImageUrl) {\n    if (sizePx !== null) {\n      return (\n        <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n          <div\n            style={frameStyle}\n            className={cn('flex items-center justify-center border bg-muted/30', radiusClass, frameSizeClass, className)}\n            aria-label={metadata.filename}\n          >\n            {renderIcon(StandardIconReference.FILE_IMAGE, { size: IconSize.LG, className: 'text-muted-foreground' })}\n          </div>\n        </Surface>\n      )\n    }\n    return (\n      <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n        <div className={cn('flex items-center gap-group p-card-sm rounded-md border bg-muted/30', className)}>\n          <span aria-hidden=\"true\">\n            {renderIcon(StandardIconReference.FILE_IMAGE, { 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              {hasDimensions && showDimensions && <span>{metadata.width}×{metadata.height}</span>}\n              {imageError && <span className=\"text-destructive\">{tComponent(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, 'image_load_error')}</span>}\n            </div>\n          </div>\n          {renderDownload('text-primary hover:underline text-sm shrink-0')}\n        </div>\n      </Surface>\n    )\n  }\n\n  const imgEl = (\n    <img\n      src={renderedImageUrl}\n      alt={metadata.filename}\n      className={cn(imgFitClass, imgSizeClass)}\n      loading=\"lazy\"\n      onError={() => setImageError(true)}\n    />\n  )\n\n  return (\n    <>\n      {/* Image preview — shape/size driven by fileUI.display.preview */}\n      <div className={cn('space-y-item', className)}>\n        <Surface asChild emitPolicyVars={false} variant={SurfaceVariant.INSET}>\n          <div\n            style={frameStyle}\n            className={cn('block overflow-hidden border bg-muted/20', radiusClass, frameSizeClass)}\n          >\n            {imgEl}\n          </div>\n        </Surface>\n\n        {/* Meta info below preview — suppressed when showCaption is false (e.g. avatars) */}\n        {showCaption && (\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            {hasDimensions && showDimensions && <span>{metadata.width}×{metadata.height}</span>}\n            {metadata.extension && <span className=\"uppercase\">{metadata.extension}</span>}\n            {renderDownload('text-primary hover:underline ms-auto shrink-0')}\n          </div>\n        )}\n      </div>\n\n    </>\n  )\n}\n\n;(DisplayFieldFileImage as typeof DisplayFieldFileImage & { displayName: string }).displayName = \"DisplayFieldFileImage\"\n\nexport { DisplayFieldFileImage }\n"]}

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

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

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

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

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

@@ -0,0 +1,12 @@
+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 DisplayFieldFileImage_Labels = [
+    { ref: 'click_to_enlarge', kind: LabelKind.ARIA, purpose: 'Accessible label on the image thumbnail that opens the full-size lightbox' },
+    { ref: 'image_load_error', kind: LabelKind.MESSAGE, purpose: 'Error shown when the image file fails to load' },
+    { ref: 'download', kind: LabelKind.BUTTON, purpose: 'Link that downloads the image file' },
+    { ref: 'close', kind: LabelKind.ARIA, purpose: 'Accessible label on the button that closes the image lightbox' },
+];
+registerComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, DisplayFieldFileImage_Labels);
+//# sourceMappingURL=display-field-file-image.labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display-field-file-image.labels.js","sourceRoot":"","sources":["../../../../../../src/components/data-display/formatters/display-field-file-image.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,IAAI,EAAE,OAAO,EAAE,2EAA2E,EAAE;IACvI,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,OAAO,EAAE,+CAA+C,EAAE;IAC9G,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,oCAAoC,EAAE;IAC1F,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,OAAO,EAAE,+DAA+D,EAAE;CACjH,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 DisplayFieldFileImage_Labels: LabellingUnitaryDef[] = [\n  { ref: 'click_to_enlarge', kind: LabelKind.ARIA, purpose: 'Accessible label on the image thumbnail that opens the full-size lightbox' },\n  { ref: 'image_load_error', kind: LabelKind.MESSAGE, purpose: 'Error shown when the image file fails to load' },\n  { ref: 'download', kind: LabelKind.BUTTON, purpose: 'Link that downloads the image file' },\n  { ref: 'close', kind: LabelKind.ARIA, purpose: 'Accessible label on the button that closes the image lightbox' },\n];\nregisterComponentLabels(FrontendComponentType.LOW_LEVEL_DISPLAY_FIELD_FILE_IMAGE, DisplayFieldFileImage_Labels);\n"]}