@freighttech/ui 0.13.18

package/dist/backend/detail/AttachmentVisualPreview.js

@@ -0,0 +1,132 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  File,
+  FileArchive,
+  FileAudio,
+  FileCode,
+  FileSpreadsheet,
+  FileText,
+  FileVideo
+} from "lucide-react";
+import { cn } from "@open-mercato/shared/lib/utils";
+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 formatAttachmentFileSize(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 AttachmentVisualPreview(props) {
+  const [imageLoadFailed, setImageLoadFailed] = React.useState(false);
+  const placeholder = React.useMemo(
+    () => resolveAttachmentPlaceholder(props.mimeType, props.fileName),
+    [props.fileName, props.mimeType]
+  );
+  React.useEffect(() => {
+    setImageLoadFailed(false);
+  }, [props.thumbnailUrl]);
+  const PlaceholderIcon = placeholder.icon;
+  const showThumbnail = Boolean(props.thumbnailUrl) && !imageLoadFailed;
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative bg-muted", props.className), children: [
+    showThumbnail ? /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: props.thumbnailUrl ?? void 0,
+        alt: props.alt ?? props.fileName ?? "Attachment preview",
+        className: cn("h-full w-full object-cover", props.imageClassName),
+        onError: () => setImageLoadFailed(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: cn("mb-2 h-6 w-6", props.iconClassName), "aria-hidden": true }),
+      /* @__PURE__ */ jsx("span", { className: props.labelClassName, children: placeholder.label })
+    ] }),
+    props.overlay
+  ] });
+}
+export {
+  AttachmentVisualPreview,
+  formatAttachmentFileSize
+};
+//# sourceMappingURL=AttachmentVisualPreview.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/detail/AttachmentVisualPreview.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { LucideIcon } from 'lucide-react'\nimport {\n  File,\n  FileArchive,\n  FileAudio,\n  FileCode,\n  FileSpreadsheet,\n  FileText,\n  FileVideo,\n} from 'lucide-react'\nimport { cn } from '@open-mercato/shared/lib/utils'\n\nconst EXTENSION_ICON_MAP: Record<string, LucideIcon> = {\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, LucideIcon> = {\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(\n  mimeType?: string | null,\n  fileName?: string | null,\n): { icon: LucideIcon; 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\nexport function formatAttachmentFileSize(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\ntype AttachmentVisualPreviewProps = {\n  mimeType?: string | null\n  fileName?: string | null\n  thumbnailUrl?: string | null\n  alt?: string\n  className?: string\n  imageClassName?: string\n  iconClassName?: string\n  labelClassName?: string\n  overlay?: React.ReactNode\n}\n\nexport function AttachmentVisualPreview(props: AttachmentVisualPreviewProps) {\n  const [imageLoadFailed, setImageLoadFailed] = React.useState(false)\n  const placeholder = React.useMemo(\n    () => resolveAttachmentPlaceholder(props.mimeType, props.fileName),\n    [props.fileName, props.mimeType],\n  )\n\n  React.useEffect(() => {\n    setImageLoadFailed(false)\n  }, [props.thumbnailUrl])\n\n  const PlaceholderIcon = placeholder.icon\n  const showThumbnail = Boolean(props.thumbnailUrl) && !imageLoadFailed\n\n  return (\n    <div className={cn('relative bg-muted', props.className)}>\n      {showThumbnail ? (\n        <img\n          src={props.thumbnailUrl ?? undefined}\n          alt={props.alt ?? props.fileName ?? 'Attachment preview'}\n          className={cn('h-full w-full object-cover', props.imageClassName)}\n          onError={() => setImageLoadFailed(true)}\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={cn('mb-2 h-6 w-6', props.iconClassName)} aria-hidden />\n          <span className={props.labelClassName}>{placeholder.label}</span>\n        </div>\n      )}\n      {props.overlay}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/backend/detail/AttachmentsSection.js

@@ -0,0 +1,281 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Upload, Trash2 } from "lucide-react";
+import { Button } from "../../primitives/button.js";
+import { apiCall } from "@freighttech/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { AttachmentVisualPreview, formatAttachmentFileSize } from "./AttachmentVisualPreview.js";
+import { AttachmentDeleteDialog } from "./AttachmentDeleteDialog.js";
+import { AttachmentMetadataDialog } from "./AttachmentMetadataDialog.js";
+import { ComponentReplacementHandles } from "@open-mercato/shared/modules/widgets/component-registry";
+import { useRegisteredComponent } from "../injection/useRegisteredComponent.js";
+function AttachmentsSectionImpl({
+  entityId,
+  recordId,
+  title,
+  description,
+  className,
+  showHeader = true,
+  compact = false,
+  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 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]);
+  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: cn(
+      "grid gap-3",
+      compact ? "grid-cols-2 sm:grid-cols-4 lg:grid-cols-5" : "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3"
+    ), children: items.map((item) => {
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => openMetadataDialog(item),
+          className: "group flex flex-col overflow-hidden rounded-lg border bg-card text-left cursor-pointer transition-shadow hover:shadow-sm",
+          children: [
+            /* @__PURE__ */ jsx(
+              AttachmentVisualPreview,
+              {
+                fileName: item.fileName,
+                mimeType: item.mimeType,
+                thumbnailUrl: item.thumbnailUrl,
+                className: compact ? "aspect-[2/1]" : "aspect-[4/3]",
+                overlay: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon",
+                    className: "absolute right-2 top-2 opacity-100 transition-opacity md:opacity-0 md: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: cn("space-y-1", compact ? "p-2" : "p-3"), children: [
+              /* @__PURE__ */ jsx("div", { className: cn("truncate font-medium", compact ? "text-xs" : "text-sm"), title: item.fileName, children: item.fileName }),
+              /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: formatAttachmentFileSize(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
+      }
+    )
+  ] });
+}
+function AttachmentsSection(props) {
+  const handle = ComponentReplacementHandles.section("ui.detail", "AttachmentsSection");
+  const Resolved = useRegisteredComponent(
+    handle,
+    AttachmentsSectionImpl
+  );
+  return /* @__PURE__ */ jsx("div", { "data-component-handle": handle, children: /* @__PURE__ */ jsx(Resolved, { ...props }) });
+}
+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 '../../primitives/button'\nimport { apiCall } from '@freighttech/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { AttachmentVisualPreview, formatAttachmentFileSize } from './AttachmentVisualPreview'\nimport { AttachmentDeleteDialog } from './AttachmentDeleteDialog'\nimport { AttachmentMetadataDialog, type AttachmentItem, type AttachmentMetadataSavePayload } from './AttachmentMetadataDialog'\nimport { ComponentReplacementHandles } from '@open-mercato/shared/modules/widgets/component-registry'\nimport { useRegisteredComponent } from '../injection/useRegisteredComponent'\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  compact?: boolean\n  onChanged?: () => void\n}\n\nfunction AttachmentsSectionImpl({\n  entityId,\n  recordId,\n  title,\n  description,\n  className,\n  showHeader = true,\n  compact = false,\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 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  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={cn(\n          'grid gap-3',\n          compact ? 'grid-cols-2 sm:grid-cols-4 lg:grid-cols-5' : 'grid-cols-1 sm:grid-cols-2 lg:grid-cols-3',\n        )}>\n          {items.map((item) => {\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 cursor-pointer transition-shadow hover:shadow-sm\"\n              >\n                <AttachmentVisualPreview\n                  fileName={item.fileName}\n                  mimeType={item.mimeType}\n                  thumbnailUrl={item.thumbnailUrl}\n                  className={compact ? 'aspect-[2/1]' : 'aspect-[4/3]'}\n                  overlay={(\n                    <Button\n                      type=\"button\"\n                      variant=\"ghost\"\n                      size=\"icon\"\n                      className=\"absolute right-2 top-2 opacity-100 transition-opacity md:opacity-0 md: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                  )}\n                />\n                <div className={cn('space-y-1', compact ? 'p-2' : 'p-3')}>\n                  <div className={cn('truncate font-medium', compact ? 'text-xs' : 'text-sm')} title={item.fileName}>\n                    {item.fileName}\n                  </div>\n                  <div className=\"text-xs text-muted-foreground\">\n                    {formatAttachmentFileSize(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\nexport function AttachmentsSection(props: Props) {\n  const handle = ComponentReplacementHandles.section('ui.detail', 'AttachmentsSection')\n  const Resolved = useRegisteredComponent<Props>(\n    handle,\n    AttachmentsSectionImpl as React.ComponentType<Props>,\n  )\n\n  return (\n    <div data-component-handle={handle}>\n      <Resolved {...props} />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}