@open-mercato/ui 0.4.2-canary-c02407ff85

package/dist/backend/detail/AttachmentsSection.js

@@ -0,0 +1,367 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Upload, Trash2, File, FileText, FileSpreadsheet, FileArchive, FileAudio, FileVideo, FileCode } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { AttachmentDeleteDialog } from "./AttachmentDeleteDialog.js";
+import { AttachmentMetadataDialog } from "./AttachmentMetadataDialog.js";
+const EXTENSION_ICON_MAP = {
+  pdf: FileText,
+  doc: FileText,
+  docx: FileText,
+  txt: FileText,
+  md: FileText,
+  rtf: FileText,
+  xls: FileSpreadsheet,
+  xlsx: FileSpreadsheet,
+  csv: FileSpreadsheet,
+  ods: FileSpreadsheet,
+  ppt: FileText,
+  pptx: FileText,
+  zip: FileArchive,
+  gz: FileArchive,
+  rar: FileArchive,
+  tgz: FileArchive,
+  "7z": FileArchive,
+  tar: FileArchive,
+  json: FileCode,
+  js: FileCode,
+  ts: FileCode,
+  jsx: FileCode,
+  tsx: FileCode,
+  html: FileCode,
+  css: FileCode,
+  xml: FileCode,
+  yaml: FileCode,
+  yml: FileCode,
+  mp3: FileAudio,
+  wav: FileAudio,
+  flac: FileAudio,
+  ogg: FileAudio,
+  mp4: FileVideo,
+  mov: FileVideo,
+  avi: FileVideo,
+  webm: FileVideo
+};
+const MIME_FALLBACK_ICONS = {
+  audio: FileAudio,
+  video: FileVideo,
+  text: FileText,
+  application: FileText
+};
+function resolveFileExtension(fileName) {
+  if (!fileName) return "";
+  const normalized = fileName.trim();
+  if (!normalized) return "";
+  const lastDot = normalized.lastIndexOf(".");
+  if (lastDot === -1 || lastDot === normalized.length - 1) return "";
+  return normalized.slice(lastDot + 1).toLowerCase();
+}
+function resolveAttachmentPlaceholder(mimeType, fileName) {
+  const extension = resolveFileExtension(fileName);
+  const normalizedMime = typeof mimeType === "string" ? mimeType.toLowerCase() : "";
+  if (extension && EXTENSION_ICON_MAP[extension]) {
+    return { icon: EXTENSION_ICON_MAP[extension], label: extension.toUpperCase() };
+  }
+  if (!extension && normalizedMime.includes("pdf")) {
+    return { icon: FileText, label: "PDF" };
+  }
+  if (!extension && normalizedMime.includes("zip")) {
+    return { icon: FileArchive, label: "ZIP" };
+  }
+  if (!extension && normalizedMime.includes("json")) {
+    return { icon: FileCode, label: "JSON" };
+  }
+  const mimeRoot = normalizedMime.split("/")[0] || "";
+  if (mimeRoot && MIME_FALLBACK_ICONS[mimeRoot]) {
+    return { icon: MIME_FALLBACK_ICONS[mimeRoot], label: mimeRoot.toUpperCase() };
+  }
+  const fallbackSource = extension || mimeRoot || "file";
+  const fallbackLabel = fallbackSource.slice(0, 6).toUpperCase();
+  return { icon: File, label: fallbackLabel };
+}
+function formatFileSize(value) {
+  if (!Number.isFinite(value)) return "\u2014";
+  if (value <= 0) return "0 B";
+  const units = ["B", "KB", "MB", "GB", "TB"];
+  let idx = 0;
+  let current = value;
+  while (current >= 1024 && idx < units.length - 1) {
+    current /= 1024;
+    idx += 1;
+  }
+  return `${current.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`;
+}
+function AttachmentsSection({
+  entityId,
+  recordId,
+  title,
+  description,
+  className,
+  showHeader = true,
+  onChanged
+}) {
+  const t = useT();
+  const [items, setItems] = React.useState([]);
+  const [loading, setLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [isUploading, setIsUploading] = React.useState(false);
+  const [isDragOver, setIsDragOver] = React.useState(false);
+  const [metadataOpen, setMetadataOpen] = React.useState(false);
+  const [selectedItem, setSelectedItem] = React.useState(null);
+  const [deleteOpen, setDeleteOpen] = React.useState(false);
+  const [deleteTarget, setDeleteTarget] = React.useState(null);
+  const [brokenThumbnails, setBrokenThumbnails] = React.useState({});
+  const fileInputRef = React.useRef(null);
+  const load = React.useCallback(async () => {
+    if (!recordId) return;
+    setLoading(true);
+    setError(null);
+    try {
+      const call = await apiCall(
+        `/api/attachments?entityId=${encodeURIComponent(entityId)}&recordId=${encodeURIComponent(recordId)}`,
+        void 0,
+        { fallback: { items: [] } }
+      );
+      if (!call.ok) {
+        const message = call.result?.error || t("attachments.library.errors.load", "Failed to load attachments.");
+        throw new Error(message);
+      }
+      const payload = call.result ?? { items: [] };
+      setItems(Array.isArray(payload.items) ? payload.items : []);
+    } catch (err) {
+      setError(err?.message || t("attachments.library.errors.load", "Failed to load attachments."));
+    } finally {
+      setLoading(false);
+    }
+  }, [entityId, recordId, t]);
+  React.useEffect(() => {
+    if (recordId) {
+      void load();
+    } else {
+      setItems([]);
+      setError(null);
+    }
+  }, [load, recordId]);
+  React.useEffect(() => {
+    setBrokenThumbnails({});
+  }, [items]);
+  const acceptFiles = React.useCallback(
+    async (files) => {
+      if (!files || !files.length || !recordId) return;
+      setError(null);
+      setIsUploading(true);
+      try {
+        for (const file of Array.from(files)) {
+          const fd = new FormData();
+          fd.set("entityId", entityId);
+          fd.set("recordId", recordId);
+          fd.set("file", file);
+          const call = await apiCall(
+            "/api/attachments",
+            { method: "POST", body: fd },
+            { fallback: null }
+          );
+          if (!call.ok) {
+            const message = call.result?.error || t("attachments.library.upload.failed", "Upload failed.");
+            throw new Error(message);
+          }
+        }
+        await load();
+        onChanged?.();
+      } catch (err) {
+        setError(err?.message || t("attachments.library.upload.failed", "Upload failed."));
+      } finally {
+        setIsUploading(false);
+        if (fileInputRef.current) {
+          fileInputRef.current.value = "";
+        }
+      }
+    },
+    [entityId, load, onChanged, recordId, t]
+  );
+  const handleDrop = React.useCallback(
+    (event) => {
+      event.preventDefault();
+      event.stopPropagation();
+      setIsDragOver(false);
+      void acceptFiles(event.dataTransfer?.files ?? null);
+    },
+    [acceptFiles]
+  );
+  const handleDragOver = React.useCallback((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setIsDragOver(true);
+  }, []);
+  const handleDragLeave = React.useCallback((event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    setIsDragOver(false);
+  }, []);
+  const openMetadataDialog = React.useCallback((item) => {
+    setSelectedItem(item);
+    setMetadataOpen(true);
+  }, []);
+  const openDeleteDialog = React.useCallback((item) => {
+    setDeleteTarget(item);
+    setDeleteOpen(true);
+  }, []);
+  const handleDelete = React.useCallback(async () => {
+    if (!deleteTarget) return;
+    try {
+      const call = await apiCall(
+        `/api/attachments?id=${encodeURIComponent(deleteTarget.id)}`,
+        { method: "DELETE" }
+      );
+      if (!call.ok) {
+        const message = call.result?.error || t("attachments.library.errors.delete", "Failed to delete attachment.");
+        throw new Error(message);
+      }
+      setDeleteOpen(false);
+      setDeleteTarget(null);
+      await load();
+      onChanged?.();
+    } catch (err) {
+      setError(err?.message || t("attachments.library.errors.delete", "Failed to delete attachment."));
+    }
+  }, [deleteTarget, load, onChanged, t]);
+  const handleMetadataSave = React.useCallback(
+    async (id, payload) => {
+      const body = {
+        tags: payload.tags,
+        assignments: payload.assignments
+      };
+      if (payload.customFields && Object.keys(payload.customFields).length) {
+        body.customFields = payload.customFields;
+      }
+      const call = await apiCall(`/api/attachments/library/${encodeURIComponent(id)}`, {
+        method: "PATCH",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify(body)
+      });
+      if (!call.ok) {
+        const message = call.result?.error || t("attachments.library.metadata.error", "Failed to update metadata.");
+        throw new Error(message);
+      }
+      setMetadataOpen(false);
+      await load();
+      onChanged?.();
+    },
+    [load, onChanged, t]
+  );
+  const sectionTitle = title ?? t("attachments.library.title", "Attachments");
+  const sectionDescription = description ?? t("attachments.library.description", "Browse, tag, and manage every file stored in this workspace.");
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", className), children: [
+    showHeader ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-base font-medium", children: sectionTitle }),
+      /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: sectionDescription })
+    ] }) : null,
+    !recordId ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-dashed border-border/70 px-4 py-6 text-sm text-muted-foreground", children: t("attachments.library.upload.saveFirst", "Save the record before uploading files.") }) : /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col items-center justify-center rounded-lg border border-dashed p-6 text-center transition-colors",
+          isDragOver ? "border-primary bg-primary/5" : "border-muted-foreground/30"
+        ),
+        onDrop: handleDrop,
+        onDragOver: handleDragOver,
+        onDragLeave: handleDragLeave,
+        role: "presentation",
+        children: [
+          /* @__PURE__ */ jsx(Upload, { className: "mx-auto h-6 w-6 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("attachments.library.upload.dropHint", "Drag and drop files here or click to upload.") }),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", className: "mt-4", onClick: () => fileInputRef.current?.click(), disabled: isUploading, children: isUploading ? t("attachments.library.upload.submitting", "Uploading\u2026") : t("attachments.library.upload.choose", "Choose files") }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              multiple: true,
+              className: "hidden",
+              onChange: (event) => void acceptFiles(event.target.files)
+            }
+          )
+        ]
+      }
+    ),
+    error ? /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-red-600", children: error }) : null,
+    loading ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: t("attachments.library.loading", "Loading attachments\u2026") }) : items.length ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3", children: items.map((item) => {
+      const placeholder = resolveAttachmentPlaceholder(item.mimeType ?? null, item.fileName);
+      const PlaceholderIcon = placeholder.icon;
+      const showThumbnail = Boolean(item.thumbnailUrl) && !brokenThumbnails[item.id];
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => openMetadataDialog(item),
+          className: "group flex flex-col overflow-hidden rounded-lg border bg-card text-left transition-shadow hover:shadow-sm",
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "relative aspect-[4/3] bg-muted", children: [
+              showThumbnail ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: item.thumbnailUrl,
+                  alt: item.fileName,
+                  className: "h-full w-full object-cover",
+                  onError: () => {
+                    setBrokenThumbnails((prev) => ({ ...prev, [item.id]: true }));
+                  }
+                }
+              ) : /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center text-xs font-semibold uppercase text-muted-foreground", children: [
+                /* @__PURE__ */ jsx(PlaceholderIcon, { className: "mb-2 h-6 w-6", "aria-hidden": true }),
+                placeholder.label
+              ] }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  className: "absolute right-2 top-2 opacity-0 transition-opacity group-hover:opacity-100",
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    openDeleteDialog(item);
+                  },
+                  children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-1 p-3", children: [
+              /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium", title: item.fileName, children: item.fileName }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: formatFileSize(item.fileSize) })
+            ] })
+          ]
+        },
+        item.id
+      );
+    }) }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: t("attachments.library.table.empty", "No attachments found.") }),
+    /* @__PURE__ */ jsx(
+      AttachmentMetadataDialog,
+      {
+        open: metadataOpen,
+        onOpenChange: setMetadataOpen,
+        item: selectedItem,
+        availableTags: [],
+        onSave: handleMetadataSave
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AttachmentDeleteDialog,
+      {
+        open: deleteOpen,
+        onOpenChange: setDeleteOpen,
+        fileName: deleteTarget?.fileName,
+        onConfirm: handleDelete,
+        isDeleting: false
+      }
+    )
+  ] });
+}
+export {
+  AttachmentsSection
+};
+//# sourceMappingURL=AttachmentsSection.js.map

package/dist/backend/detail/AttachmentsSection.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/detail/AttachmentsSection.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Upload, Trash2, File, FileText, FileSpreadsheet, FileArchive, FileAudio, FileVideo, FileCode } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { AttachmentDeleteDialog } from './AttachmentDeleteDialog'\nimport { AttachmentMetadataDialog, type AttachmentItem, type AttachmentMetadataSavePayload } from './AttachmentMetadataDialog'\n\ntype AttachmentsResponse = {\n  items?: AttachmentItem[]\n  error?: string\n}\n\ntype Props = {\n  entityId: string\n  recordId: string | null\n  title?: string\n  description?: string\n  className?: string\n  showHeader?: boolean\n  onChanged?: () => void\n}\n\nconst EXTENSION_ICON_MAP: Record<string, typeof File> = {\n  pdf: FileText,\n  doc: FileText,\n  docx: FileText,\n  txt: FileText,\n  md: FileText,\n  rtf: FileText,\n  xls: FileSpreadsheet,\n  xlsx: FileSpreadsheet,\n  csv: FileSpreadsheet,\n  ods: FileSpreadsheet,\n  ppt: FileText,\n  pptx: FileText,\n  zip: FileArchive,\n  gz: FileArchive,\n  rar: FileArchive,\n  tgz: FileArchive,\n  '7z': FileArchive,\n  tar: FileArchive,\n  json: FileCode,\n  js: FileCode,\n  ts: FileCode,\n  jsx: FileCode,\n  tsx: FileCode,\n  html: FileCode,\n  css: FileCode,\n  xml: FileCode,\n  yaml: FileCode,\n  yml: FileCode,\n  mp3: FileAudio,\n  wav: FileAudio,\n  flac: FileAudio,\n  ogg: FileAudio,\n  mp4: FileVideo,\n  mov: FileVideo,\n  avi: FileVideo,\n  webm: FileVideo,\n}\n\nconst MIME_FALLBACK_ICONS: Record<string, typeof File> = {\n  audio: FileAudio,\n  video: FileVideo,\n  text: FileText,\n  application: FileText,\n}\n\nfunction resolveFileExtension(fileName?: string | null): string {\n  if (!fileName) return ''\n  const normalized = fileName.trim()\n  if (!normalized) return ''\n  const lastDot = normalized.lastIndexOf('.')\n  if (lastDot === -1 || lastDot === normalized.length - 1) return ''\n  return normalized.slice(lastDot + 1).toLowerCase()\n}\n\nfunction resolveAttachmentPlaceholder(mimeType?: string | null, fileName?: string | null): { icon: typeof File; label: string } {\n  const extension = resolveFileExtension(fileName)\n  const normalizedMime = typeof mimeType === 'string' ? mimeType.toLowerCase() : ''\n  if (extension && EXTENSION_ICON_MAP[extension]) {\n    return { icon: EXTENSION_ICON_MAP[extension], label: extension.toUpperCase() }\n  }\n  if (!extension && normalizedMime.includes('pdf')) {\n    return { icon: FileText, label: 'PDF' }\n  }\n  if (!extension && normalizedMime.includes('zip')) {\n    return { icon: FileArchive, label: 'ZIP' }\n  }\n  if (!extension && normalizedMime.includes('json')) {\n    return { icon: FileCode, label: 'JSON' }\n  }\n  const mimeRoot = normalizedMime.split('/')[0] || ''\n  if (mimeRoot && MIME_FALLBACK_ICONS[mimeRoot]) {\n    return { icon: MIME_FALLBACK_ICONS[mimeRoot], label: mimeRoot.toUpperCase() }\n  }\n  const fallbackSource = extension || mimeRoot || 'file'\n  const fallbackLabel = fallbackSource.slice(0, 6).toUpperCase()\n  return { icon: File, label: fallbackLabel }\n}\n\nfunction formatFileSize(value: number): string {\n  if (!Number.isFinite(value)) return '\u2014'\n  if (value <= 0) return '0 B'\n  const units = ['B', 'KB', 'MB', 'GB', 'TB']\n  let idx = 0\n  let current = value\n  while (current >= 1024 && idx < units.length - 1) {\n    current /= 1024\n    idx += 1\n  }\n  return `${current.toFixed(idx === 0 ? 0 : 1)} ${units[idx]}`\n}\n\nexport function AttachmentsSection({\n  entityId,\n  recordId,\n  title,\n  description,\n  className,\n  showHeader = true,\n  onChanged,\n}: Props) {\n  const t = useT()\n  const [items, setItems] = React.useState<AttachmentItem[]>([])\n  const [loading, setLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n  const [isUploading, setIsUploading] = React.useState(false)\n  const [isDragOver, setIsDragOver] = React.useState(false)\n  const [metadataOpen, setMetadataOpen] = React.useState(false)\n  const [selectedItem, setSelectedItem] = React.useState<AttachmentItem | null>(null)\n  const [deleteOpen, setDeleteOpen] = React.useState(false)\n  const [deleteTarget, setDeleteTarget] = React.useState<AttachmentItem | null>(null)\n  const [brokenThumbnails, setBrokenThumbnails] = React.useState<Record<string, boolean>>({})\n  const fileInputRef = React.useRef<HTMLInputElement | null>(null)\n\n  const load = React.useCallback(async () => {\n    if (!recordId) return\n    setLoading(true)\n    setError(null)\n    try {\n      const call = await apiCall<AttachmentsResponse>(\n        `/api/attachments?entityId=${encodeURIComponent(entityId)}&recordId=${encodeURIComponent(recordId)}`,\n        undefined,\n        { fallback: { items: [] } },\n      )\n      if (!call.ok) {\n        const message = call.result?.error || t('attachments.library.errors.load', 'Failed to load attachments.')\n        throw new Error(message)\n      }\n      const payload = call.result ?? { items: [] }\n      setItems(Array.isArray(payload.items) ? payload.items : [])\n    } catch (err: any) {\n      setError(err?.message || t('attachments.library.errors.load', 'Failed to load attachments.'))\n    } finally {\n      setLoading(false)\n    }\n  }, [entityId, recordId, t])\n\n  React.useEffect(() => {\n    if (recordId) {\n      void load()\n    } else {\n      setItems([])\n      setError(null)\n    }\n  }, [load, recordId])\n\n  React.useEffect(() => {\n    setBrokenThumbnails({})\n  }, [items])\n\n  const acceptFiles = React.useCallback(\n    async (files: FileList | null) => {\n      if (!files || !files.length || !recordId) return\n      setError(null)\n      setIsUploading(true)\n      try {\n        for (const file of Array.from(files)) {\n          const fd = new FormData()\n          fd.set('entityId', entityId)\n          fd.set('recordId', recordId)\n          fd.set('file', file)\n          const call = await apiCall<{ ok?: boolean; item?: AttachmentItem; error?: string }>(\n            '/api/attachments',\n            { method: 'POST', body: fd },\n            { fallback: null },\n          )\n          if (!call.ok) {\n            const message = call.result?.error || t('attachments.library.upload.failed', 'Upload failed.')\n            throw new Error(message)\n          }\n        }\n        await load()\n        onChanged?.()\n      } catch (err: any) {\n        setError(err?.message || t('attachments.library.upload.failed', 'Upload failed.'))\n      } finally {\n        setIsUploading(false)\n        if (fileInputRef.current) {\n          fileInputRef.current.value = ''\n        }\n      }\n    },\n    [entityId, load, onChanged, recordId, t],\n  )\n\n  const handleDrop = React.useCallback(\n    (event: React.DragEvent<HTMLDivElement>) => {\n      event.preventDefault()\n      event.stopPropagation()\n      setIsDragOver(false)\n      void acceptFiles(event.dataTransfer?.files ?? null)\n    },\n    [acceptFiles],\n  )\n\n  const handleDragOver = React.useCallback((event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    event.stopPropagation()\n    setIsDragOver(true)\n  }, [])\n\n  const handleDragLeave = React.useCallback((event: React.DragEvent<HTMLDivElement>) => {\n    event.preventDefault()\n    event.stopPropagation()\n    setIsDragOver(false)\n  }, [])\n\n  const openMetadataDialog = React.useCallback((item: AttachmentItem) => {\n    setSelectedItem(item)\n    setMetadataOpen(true)\n  }, [])\n\n  const openDeleteDialog = React.useCallback((item: AttachmentItem) => {\n    setDeleteTarget(item)\n    setDeleteOpen(true)\n  }, [])\n\n  const handleDelete = React.useCallback(async () => {\n    if (!deleteTarget) return\n    try {\n      const call = await apiCall<{ error?: string }>(\n        `/api/attachments?id=${encodeURIComponent(deleteTarget.id)}`,\n        { method: 'DELETE' },\n      )\n      if (!call.ok) {\n        const message = call.result?.error || t('attachments.library.errors.delete', 'Failed to delete attachment.')\n        throw new Error(message)\n      }\n      setDeleteOpen(false)\n      setDeleteTarget(null)\n      await load()\n      onChanged?.()\n    } catch (err: any) {\n      setError(err?.message || t('attachments.library.errors.delete', 'Failed to delete attachment.'))\n    }\n  }, [deleteTarget, load, onChanged, t])\n\n  const handleMetadataSave = React.useCallback(\n    async (id: string, payload: AttachmentMetadataSavePayload) => {\n      const body: Record<string, unknown> = {\n        tags: payload.tags,\n        assignments: payload.assignments,\n      }\n      if (payload.customFields && Object.keys(payload.customFields).length) {\n        body.customFields = payload.customFields\n      }\n      const call = await apiCall<{ error?: string }>(`/api/attachments/library/${encodeURIComponent(id)}`, {\n        method: 'PATCH',\n        headers: { 'content-type': 'application/json' },\n        body: JSON.stringify(body),\n      })\n      if (!call.ok) {\n        const message = call.result?.error || t('attachments.library.metadata.error', 'Failed to update metadata.')\n        throw new Error(message)\n      }\n      setMetadataOpen(false)\n      await load()\n      onChanged?.()\n    },\n    [load, onChanged, t],\n  )\n\n  const sectionTitle = title ?? t('attachments.library.title', 'Attachments')\n  const sectionDescription =\n    description ?? t('attachments.library.description', 'Browse, tag, and manage every file stored in this workspace.')\n\n  return (\n    <div className={cn('space-y-4', className)}>\n      {showHeader ? (\n        <div className=\"space-y-1\">\n          <div className=\"text-base font-medium\">{sectionTitle}</div>\n          <div className=\"text-sm text-muted-foreground\">{sectionDescription}</div>\n        </div>\n      ) : null}\n\n      {!recordId ? (\n        <div className=\"rounded-md border border-dashed border-border/70 px-4 py-6 text-sm text-muted-foreground\">\n          {t('attachments.library.upload.saveFirst', 'Save the record before uploading files.')}\n        </div>\n      ) : (\n        <div\n          className={cn(\n            'flex flex-col items-center justify-center rounded-lg border border-dashed p-6 text-center transition-colors',\n            isDragOver ? 'border-primary bg-primary/5' : 'border-muted-foreground/30',\n          )}\n          onDrop={handleDrop}\n          onDragOver={handleDragOver}\n          onDragLeave={handleDragLeave}\n          role=\"presentation\"\n        >\n          <Upload className=\"mx-auto h-6 w-6 text-muted-foreground\" />\n          <p className=\"mt-2 text-sm text-muted-foreground\">\n            {t('attachments.library.upload.dropHint', 'Drag and drop files here or click to upload.')}\n          </p>\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" className=\"mt-4\" onClick={() => fileInputRef.current?.click()} disabled={isUploading}>\n            {isUploading ? t('attachments.library.upload.submitting', 'Uploading\u2026') : t('attachments.library.upload.choose', 'Choose files')}\n          </Button>\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            multiple\n            className=\"hidden\"\n            onChange={(event) => void acceptFiles(event.target.files)}\n          />\n        </div>\n      )}\n\n      {error ? <p className=\"text-xs font-medium text-red-600\">{error}</p> : null}\n\n      {loading ? (\n        <div className=\"text-sm text-muted-foreground\">{t('attachments.library.loading', 'Loading attachments\u2026')}</div>\n      ) : items.length ? (\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n          {items.map((item) => {\n            const placeholder = resolveAttachmentPlaceholder(item.mimeType ?? null, item.fileName)\n            const PlaceholderIcon = placeholder.icon\n            const showThumbnail = Boolean(item.thumbnailUrl) && !brokenThumbnails[item.id]\n            return (\n              <button\n                key={item.id}\n                type=\"button\"\n                onClick={() => openMetadataDialog(item)}\n                className=\"group flex flex-col overflow-hidden rounded-lg border bg-card text-left transition-shadow hover:shadow-sm\"\n              >\n                <div className=\"relative aspect-[4/3] bg-muted\">\n                  {showThumbnail ? (\n                    <img\n                      src={item.thumbnailUrl}\n                      alt={item.fileName}\n                      className=\"h-full w-full object-cover\"\n                      onError={() => {\n                        setBrokenThumbnails((prev) => ({ ...prev, [item.id]: true }))\n                      }}\n                    />\n                  ) : (\n                    <div className=\"flex h-full w-full flex-col items-center justify-center text-xs font-semibold uppercase text-muted-foreground\">\n                      <PlaceholderIcon className=\"mb-2 h-6 w-6\" aria-hidden />\n                      {placeholder.label}\n                    </div>\n                  )}\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"icon\"\n                    className=\"absolute right-2 top-2 opacity-0 transition-opacity group-hover:opacity-100\"\n                    onClick={(event) => {\n                      event.stopPropagation()\n                      openDeleteDialog(item)\n                    }}\n                  >\n                    <Trash2 className=\"h-4 w-4 text-destructive\" />\n                  </Button>\n                </div>\n                <div className=\"space-y-1 p-3\">\n                  <div className=\"truncate text-sm font-medium\" title={item.fileName}>\n                    {item.fileName}\n                  </div>\n                  <div className=\"text-xs text-muted-foreground\">\n                    {formatFileSize(item.fileSize)}\n                  </div>\n                </div>\n              </button>\n            )\n          })}\n        </div>\n      ) : (\n        <div className=\"text-sm text-muted-foreground\">\n          {t('attachments.library.table.empty', 'No attachments found.')}\n        </div>\n      )}\n\n      <AttachmentMetadataDialog\n        open={metadataOpen}\n        onOpenChange={setMetadataOpen}\n        item={selectedItem}\n        availableTags={[]}\n        onSave={handleMetadataSave}\n      />\n      <AttachmentDeleteDialog\n        open={deleteOpen}\n        onOpenChange={setDeleteOpen}\n        fileName={deleteTarget?.fileName}\n        onConfirm={handleDelete}\n        isDeleting={false}\n      />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}