@open-mercato/ui 0.5.1-develop.2663.2c29774b5b → 0.5.1-develop.2681.c559bb2bc3

package/dist/backend/crud/useZoneCollapse.js

@@ -0,0 +1,24 @@
+"use client";
+import { useCallback } from "react";
+import { usePersistedBooleanFlag } from "./usePersistedBooleanFlag.js";
+function getStorageKey(pageType) {
+  return `om:zone1-collapsed:${pageType}`;
+}
+function useZoneCollapse(pageType) {
+  const { value: collapsed, toggle, setValue } = usePersistedBooleanFlag(
+    getStorageKey(pageType),
+    false
+  );
+  const setCollapsed = useCallback((next) => {
+    if (typeof next === "function") {
+      setValue((prev) => next(prev));
+    } else {
+      setValue(next);
+    }
+  }, [setValue]);
+  return { collapsed, toggle, setCollapsed };
+}
+export {
+  useZoneCollapse
+};
+//# sourceMappingURL=useZoneCollapse.js.map

package/dist/backend/crud/useZoneCollapse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/backend/crud/useZoneCollapse.ts"],
+  "sourcesContent": ["'use client'\nimport { useCallback } from 'react'\nimport { usePersistedBooleanFlag } from './usePersistedBooleanFlag'\n\nfunction getStorageKey(pageType: string) {\n  return `om:zone1-collapsed:${pageType}`\n}\n\nexport function useZoneCollapse(pageType: string) {\n  const { value: collapsed, toggle, setValue } = usePersistedBooleanFlag(\n    getStorageKey(pageType),\n    false,\n  )\n  const setCollapsed = useCallback((next: boolean | ((prev: boolean) => boolean)) => {\n    if (typeof next === 'function') {\n      setValue((prev) => (next as (prev: boolean) => boolean)(prev))\n    } else {\n      setValue(next)\n    }\n  }, [setValue])\n  return { collapsed, toggle, setCollapsed }\n}\n"],
+  "mappings": ";AACA,SAAS,mBAAmB;AAC5B,SAAS,+BAA+B;AAExC,SAAS,cAAc,UAAkB;AACvC,SAAO,sBAAsB,QAAQ;AACvC;AAEO,SAAS,gBAAgB,UAAkB;AAChD,QAAM,EAAE,OAAO,WAAW,QAAQ,SAAS,IAAI;AAAA,IAC7C,cAAc,QAAQ;AAAA,IACtB;AAAA,EACF;AACA,QAAM,eAAe,YAAY,CAAC,SAAiD;AACjF,QAAI,OAAO,SAAS,YAAY;AAC9B,eAAS,CAAC,SAAU,KAAoC,IAAI,CAAC;AAAA,IAC/D,OAAO;AACL,eAAS,IAAI;AAAA,IACf;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AACb,SAAO,EAAE,WAAW,QAAQ,aAAa;AAC3C;",
+  "names": []
+}

package/dist/backend/detail/AttachmentsSection.js

@@ -23,6 +23,8 @@ function AttachmentsSectionImpl({
 }) {
   const t = useT();
   const [items, setItems] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [totalPages, setTotalPages] = React.useState(1);
   const [loading, setLoading] = React.useState(false);
   const [error, setError] = React.useState(null);
   const [isUploading, setIsUploading] = React.useState(false);
@@ -32,13 +34,19 @@ function AttachmentsSectionImpl({
   const [deleteOpen, setDeleteOpen] = React.useState(false);
   const [deleteTarget, setDeleteTarget] = React.useState(null);
   const fileInputRef = React.useRef(null);
-  const load = React.useCallback(async () => {
+  const load = React.useCallback(async (targetPage = 1, replace = true) => {
     if (!recordId) return;
     setLoading(true);
     setError(null);
     try {
+      const params = new URLSearchParams({
+        entityId,
+        recordId,
+        page: String(targetPage),
+        pageSize: "24"
+      });
       const call = await apiCall(
-        `/api/attachments?entityId=${encodeURIComponent(entityId)}&recordId=${encodeURIComponent(recordId)}`,
+        `/api/attachments?${params.toString()}`,
         void 0,
         { fallback: { items: [] } }
       );
@@ -47,7 +55,10 @@ function AttachmentsSectionImpl({
         throw new Error(message);
       }
       const payload = call.result ?? { items: [] };
-      setItems(Array.isArray(payload.items) ? payload.items : []);
+      const nextItems = Array.isArray(payload.items) ? payload.items : [];
+      setItems((current) => replace ? nextItems : [...current, ...nextItems]);
+      setPage(typeof payload.page === "number" ? payload.page : targetPage);
+      setTotalPages(typeof payload.totalPages === "number" ? payload.totalPages : 1);
     } catch (err) {
       setError(err?.message || t("attachments.library.errors.load", "Failed to load attachments."));
     } finally {
@@ -59,6 +70,8 @@ function AttachmentsSectionImpl({
       void load();
     } else {
       setItems([]);
+      setPage(1);
+      setTotalPages(1);
       setError(null);
     }
   }, [load, recordId]);
@@ -83,7 +96,7 @@ function AttachmentsSectionImpl({
             throw new Error(message);
           }
         }
-        await load();
+        await load(1, true);
         onChanged?.();
       } catch (err) {
         setError(err?.message || t("attachments.library.upload.failed", "Upload failed."));
@@ -136,7 +149,7 @@ function AttachmentsSectionImpl({
       }
       setDeleteOpen(false);
       setDeleteTarget(null);
-      await load();
+      await load(1, true);
       onChanged?.();
     } catch (err) {
       setError(err?.message || t("attachments.library.errors.delete", "Failed to delete attachment."));
@@ -161,7 +174,7 @@ function AttachmentsSectionImpl({
         throw new Error(message);
       }
       setMetadataOpen(false);
-      await load();
+      await load(1, true);
       onChanged?.();
     },
     [load, onChanged, t]
@@ -207,44 +220,75 @@ function AttachmentsSectionImpl({
       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",
+        "div",
         {
-          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",
+          role: "group",
+          className: "group relative flex flex-col overflow-hidden rounded-lg border bg-card text-left transition-shadow hover:shadow-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
           children: [
-            /* @__PURE__ */ jsx(
-              AttachmentVisualPreview,
+            /* @__PURE__ */ jsxs(
+              Button,
               {
-                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" })
+                type: "button",
+                variant: "ghost",
+                "aria-label": item.fileName,
+                onClick: () => openMetadataDialog(item),
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") {
+                    event.preventDefault();
+                    openMetadataDialog(item);
                   }
-                )
+                },
+                className: "flex h-auto w-full flex-col items-stretch rounded-lg p-0 text-left hover:bg-transparent focus-visible:outline-none focus-visible:ring-0",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    AttachmentVisualPreview,
+                    {
+                      fileName: item.fileName,
+                      mimeType: item.mimeType,
+                      thumbnailUrl: item.thumbnailUrl,
+                      className: compact ? "aspect-[2/1] w-full" : "aspect-[4/3] w-full"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: cn("space-y-1 w-full", 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) })
+                  ] })
+                ]
               }
             ),
-            /* @__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) })
-            ] })
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "absolute right-2 top-2 z-10 opacity-100 transition-opacity md:opacity-0 md:group-hover:opacity-100",
+                onClick: (event) => {
+                  event.stopPropagation();
+                  openDeleteDialog(item);
+                },
+                "aria-label": t("attachments.library.delete", "Delete attachment"),
+                children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
+              }
+            )
           ]
         },
         item.id
       );
     }) }) : /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: t("attachments.library.table.empty", "No attachments found.") }),
+    items.length > 0 && page < totalPages ? /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: () => {
+          void load(page + 1, false);
+        },
+        disabled: loading,
+        children: t("attachments.library.loadMore", "Load more")
+      }
+    ) }) : null,
     /* @__PURE__ */ jsx(
       AttachmentMetadataDialog,
       {

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

@@ -1,7 +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 '@open-mercato/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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",
+  "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 '@open-mercato/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  total?: number\n  page?: number\n  pageSize?: number\n  totalPages?: number\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 [page, setPage] = React.useState(1)\n  const [totalPages, setTotalPages] = React.useState(1)\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 (targetPage = 1, replace = true) => {\n    if (!recordId) return\n    setLoading(true)\n    setError(null)\n    try {\n      const params = new URLSearchParams({\n        entityId,\n        recordId,\n        page: String(targetPage),\n        pageSize: '24',\n      })\n      const call = await apiCall<AttachmentsResponse>(\n        `/api/attachments?${params.toString()}`,\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      const nextItems = Array.isArray(payload.items) ? payload.items : []\n      setItems((current) => (replace ? nextItems : [...current, ...nextItems]))\n      setPage(typeof payload.page === 'number' ? payload.page : targetPage)\n      setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : 1)\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      setPage(1)\n      setTotalPages(1)\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(1, true)\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(1, true)\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(1, true)\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              <div\n                key={item.id}\n                role=\"group\"\n                className=\"group relative flex flex-col overflow-hidden rounded-lg border bg-card text-left transition-shadow hover:shadow-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2\"\n              >\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  aria-label={item.fileName}\n                  onClick={() => openMetadataDialog(item)}\n                  onKeyDown={(event) => {\n                    if (event.key === 'Enter' || event.key === ' ') {\n                      event.preventDefault()\n                      openMetadataDialog(item)\n                    }\n                  }}\n                  className=\"flex h-auto w-full flex-col items-stretch rounded-lg p-0 text-left hover:bg-transparent focus-visible:outline-none focus-visible:ring-0\"\n                >\n                  <AttachmentVisualPreview\n                    fileName={item.fileName}\n                    mimeType={item.mimeType}\n                    thumbnailUrl={item.thumbnailUrl}\n                    className={compact ? 'aspect-[2/1] w-full' : 'aspect-[4/3] w-full'}\n                  />\n                  <div className={cn('space-y-1 w-full', 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                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"absolute right-2 top-2 z-10 opacity-100 transition-opacity md:opacity-0 md:group-hover:opacity-100\"\n                  onClick={(event) => {\n                    event.stopPropagation()\n                    openDeleteDialog(item)\n                  }}\n                  aria-label={t('attachments.library.delete', 'Delete attachment')}\n                >\n                  <Trash2 className=\"h-4 w-4 text-destructive\" />\n                </Button>\n              </div>\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      {items.length > 0 && page < totalPages ? (\n        <div className=\"flex justify-center\">\n          <Button\n            type=\"button\"\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => { void load(page + 1, false) }}\n            disabled={loading}\n          >\n            {t('attachments.library.loadMore', 'Load more')}\n          </Button>\n        </div>\n      ) : null}\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": []
 }

package/dist/backend/detail/NotesSection.js

@@ -262,7 +262,10 @@ function NotesSectionImpl({
   const [contentError, setContentError] = React.useState(null);
   const contentTextareaRef = React.useRef(null);
   const [visibleCount, setVisibleCount] = React.useState(0);
+  const [currentPage, setCurrentPage] = React.useState(1);
+  const [totalPages, setTotalPages] = React.useState(1);
   const [deletingNoteId, setDeletingNoteId] = React.useState(null);
+  const pagedMode = typeof dataAdapter.listPage === "function";
   React.useEffect(() => {
     const queryEntityId = typeof entityId === "string" ? entityId : "";
     const queryDealId = typeof dealId === "string" ? dealId : "";
@@ -270,6 +273,8 @@ function NotesSectionImpl({
       setNotes([]);
       setLoadError(null);
       setIsLoading(false);
+      setCurrentPage(1);
+      setTotalPages(1);
       return;
     }
     let cancelled = false;
@@ -278,6 +283,20 @@ function NotesSectionImpl({
     pushLoading();
     async function loadNotes() {
       try {
+        if (dataAdapter.listPage) {
+          const pageResult = await dataAdapter.listPage({
+            entityId: queryEntityId || null,
+            dealId: queryDealId || null,
+            page: 1,
+            pageSize: 20,
+            context: dataContext
+          });
+          if (cancelled) return;
+          setNotes(pageResult.items);
+          setCurrentPage(pageResult.page);
+          setTotalPages(pageResult.totalPages);
+          return;
+        }
         const mapped = await dataAdapter.list({
           entityId: queryEntityId || null,
           dealId: queryDealId || null,
@@ -285,11 +304,15 @@ function NotesSectionImpl({
         });
         if (cancelled) return;
         setNotes(mapped);
+        setCurrentPage(1);
+        setTotalPages(1);
       } catch (err) {
         if (cancelled) return;
         const message = err instanceof Error ? err.message : label("loadError", "Failed to load notes.");
         setNotes([]);
         setLoadError(message);
+        setCurrentPage(1);
+        setTotalPages(1);
         flash(message, "error");
       } finally {
         if (!cancelled) setIsLoading(false);
@@ -301,7 +324,7 @@ function NotesSectionImpl({
     return () => {
       cancelled = true;
     };
-  }, [dataAdapter, dataContext, dealId, entityId, popLoading, pushLoading, t]);
+  }, [dataAdapter, dataContext, dealId, entityId, label, popLoading, pushLoading]);
   const youLabel = label("you", "You");
   const viewerLabel = React.useMemo(() => viewerName ?? viewerEmail ?? null, [viewerEmail, viewerName]);
   const handleMarkdownToggle = React.useCallback(() => {
@@ -342,6 +365,10 @@ function NotesSectionImpl({
     }
   }, [readMarkdownPreference]);
   React.useEffect(() => {
+    if (pagedMode) {
+      setVisibleCount(notes.length);
+      return;
+    }
     if (!notes.length) {
       setVisibleCount(0);
       return;
@@ -351,7 +378,7 @@ function NotesSectionImpl({
       if (prev >= notes.length) return prev;
       return Math.min(Math.max(prev, baseline), notes.length);
     });
-  }, [notes.length]);
+  }, [notes.length, pagedMode]);
   React.useEffect(() => {
     if (hasEntity) return;
     setComposerOpen(false);
@@ -359,8 +386,14 @@ function NotesSectionImpl({
     setDraftIcon(null);
     setDraftColor(null);
   }, [hasEntity]);
-  const visibleNotes = React.useMemo(() => notes.slice(0, visibleCount), [notes, visibleCount]);
-  const hasVisibleNotes = React.useMemo(() => visibleCount > 0, [visibleCount]);
+  const visibleNotes = React.useMemo(
+    () => pagedMode ? notes : notes.slice(0, visibleCount),
+    [notes, pagedMode, visibleCount]
+  );
+  const hasVisibleNotes = React.useMemo(
+    () => pagedMode ? notes.length > 0 : visibleCount > 0,
+    [notes.length, pagedMode, visibleCount]
+  );
   const loadMoreLabel = label("loadMore");
   const handleCreateNote = React.useCallback(
     async (input) => {
@@ -418,6 +451,7 @@ function NotesSectionImpl({
           };
           return [newNote, ...prev];
         });
+        setVisibleCount((prev) => Math.max(prev, 1));
         flash(label("success"), "success");
         return true;
       } catch (err) {
@@ -478,6 +512,9 @@ function NotesSectionImpl({
       try {
         await dataAdapter.delete({ id: note.id, context: dataContext });
         setNotes((prev) => prev.filter((existing) => existing.id !== note.id));
+        if (pagedMode) {
+          setVisibleCount((prev) => Math.max(0, prev - 1));
+        }
         flash(label("deleteSuccess", "Note deleted"), "success");
       } catch (err) {
         const message = err instanceof Error ? err.message : label("deleteError", "Failed to delete note");
@@ -506,11 +543,36 @@ function NotesSectionImpl({
     [draftBody, draftColor, draftIcon, handleCreateNote]
   );
   const handleLoadMore = React.useCallback(() => {
+    if (pagedMode && dataAdapter.listPage) {
+      if (currentPage >= totalPages || isLoading) return;
+      const queryEntityId = typeof entityId === "string" ? entityId : "";
+      const queryDealId = typeof dealId === "string" ? dealId : "";
+      setIsLoading(true);
+      pushLoading();
+      void dataAdapter.listPage({
+        entityId: queryEntityId || null,
+        dealId: queryDealId || null,
+        page: currentPage + 1,
+        pageSize: 20,
+        context: dataContext
+      }).then((pageResult) => {
+        setNotes((prev) => [...prev, ...pageResult.items]);
+        setCurrentPage(pageResult.page);
+        setTotalPages(pageResult.totalPages);
+      }).catch((error) => {
+        const message = error instanceof Error ? error.message : label("loadError", "Failed to load notes.");
+        flash(message, "error");
+      }).finally(() => {
+        setIsLoading(false);
+        popLoading();
+      });
+      return;
+    }
     setVisibleCount((prev) => {
       if (prev >= notes.length) return prev;
       return Math.min(prev + 5, notes.length);
     });
-  }, [notes.length]);
+  }, [currentPage, dataAdapter, dataContext, dealId, entityId, flash, isLoading, label, notes.length, pagedMode, popLoading, pushLoading, totalPages]);
   const handleAppearanceDialogSubmit = React.useCallback(async () => {
     if (!appearanceDialogState) return;
     setAppearanceDialogError(null);
@@ -803,6 +865,20 @@ function NotesSectionImpl({
     ),
     loadError ? /* @__PURE__ */ jsx(ErrorMessage, { label: loadError, className: "mt-3" }) : null,
     /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      !composerOpen && hasVisibleNotes && !onActionChange ? /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          size: "sm",
+          onClick: focusComposer,
+          disabled: isSubmitting || isLoading || !hasEntity,
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "size-4" }),
+            addActionLabel
+          ]
+        }
+      ) }) : null,
       isLoading ? /* @__PURE__ */ jsx(
         LoadingMessage,
         {
@@ -975,7 +1051,7 @@ function NotesSectionImpl({
           }
         }
       ),
-      isLoading || visibleCount >= notes.length ? null : /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleLoadMore, children: loadMoreLabel }) })
+      isLoading || (pagedMode ? currentPage >= totalPages : visibleCount >= notes.length) ? null : /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleLoadMore, children: loadMoreLabel }) })
     ] }),
     /* @__PURE__ */ jsx(
       AppearanceDialog,