@arbidocs/blocks 0.4.154 → 0.4.155

package/dist/connect/index.cjs

@@ -11,7 +11,7 @@ var chunkSN2GZ4ZM_cjs = require('../chunk-SN2GZ4ZM.cjs');
 var chunkKBO75NLM_cjs = require('../chunk-KBO75NLM.cjs');
 var chunkCQCNU5KT_cjs = require('../chunk-CQCNU5KT.cjs');
 var chunk6I6CVX5G_cjs = require('../chunk-6I6CVX5G.cjs');
-var chunkYAEXSCUW_cjs = require('../chunk-YAEXSCUW.cjs');
+var chunkWV4TD2HZ_cjs = require('../chunk-WV4TD2HZ.cjs');
 require('../chunk-223D4727.cjs');
 var chunkCB4TIDEX_cjs = require('../chunk-CB4TIDEX.cjs');
 var chunkFM3IRQJW_cjs = require('../chunk-FM3IRQJW.cjs');
@@ -23,10 +23,10 @@ var chunk2WLXQGWC_cjs = require('../chunk-2WLXQGWC.cjs');
 var chunk5FYU7ZIU_cjs = require('../chunk-5FYU7ZIU.cjs');
 var chunkGC2FSPSQ_cjs = require('../chunk-GC2FSPSQ.cjs');
 var chunkXAJIKT6Y_cjs = require('../chunk-XAJIKT6Y.cjs');
+var chunkGOWXP5KT_cjs = require('../chunk-GOWXP5KT.cjs');
 var chunkQZTNTP75_cjs = require('../chunk-QZTNTP75.cjs');
 require('../chunk-PCB2BPN3.cjs');
 require('../chunk-NWNVWO6L.cjs');
-var chunkGOWXP5KT_cjs = require('../chunk-GOWXP5KT.cjs');
 var chunkCROGFB46_cjs = require('../chunk-CROGFB46.cjs');
 require('../chunk-7G2LJMUG.cjs');
 require('../chunk-FAXXN7KI.cjs');
@@ -85,6 +85,8 @@ var client = require('@arbidocs/client');
 var reactDom = require('react-dom');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
+var core = require('@dnd-kit/core');
+var reactVirtual = require('@tanstack/react-virtual');
 
 function ConnectionBoundWebSocket({ children }) {
   const { status } = chunkFM3IRQJW_cjs.useConnection();
@@ -3470,7 +3472,7 @@ ${nested.length} nested ${tagNoun(nested.length)} ${nested.length === 1 ? "moves
             onTabChange: () => {
             },
             variant: "underline",
-            firstTabContent: /* @__PURE__ */ jsxRuntime.jsx(chunkYAEXSCUW_cjs.FilesFilterBar, { className: "flex-none", "data-testid": "tags-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx(
+            firstTabContent: /* @__PURE__ */ jsxRuntime.jsx(chunkWV4TD2HZ_cjs.FilesFilterBar, { className: "flex-none", "data-testid": "tags-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx(
               chunk2EI7NCUA_cjs.FilterInput,
               {
                 value: filterText,
@@ -3498,7 +3500,7 @@ ${nested.length} nested ${tagNoun(nested.length)} ${nested.length === 1 ? "moves
                 )
               }
             ) }),
-            centerContent: /* @__PURE__ */ jsxRuntime.jsx(chunkYAEXSCUW_cjs.FilesViewCenter, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            centerContent: /* @__PURE__ */ jsxRuntime.jsx(chunkWV4TD2HZ_cjs.FilesViewCenter, { children: /* @__PURE__ */ jsxRuntime.jsx(
               chunk2WLXQGWC_cjs.ViewToggle,
               {
                 options: browser.TAG_KINDS.map((k) => ({
@@ -4356,7 +4358,7 @@ function useFactFilters(notes, view, chat) {
     (selected, setSelected, opts) => {
       const applied = new Set(selected);
       return /* @__PURE__ */ jsxRuntime.jsx(chunkB3FMUFAW_cjs.FactFieldRow, { label: "Labels", children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkYAEXSCUW_cjs.FieldLabelsSelect,
+        chunkWV4TD2HZ_cjs.FieldLabelsSelect,
         {
           options: labelOptions,
           appliedIds: applied,
@@ -4582,7 +4584,7 @@ var FactHeader = react.memo(function FactHeader2({
         if (params.enableSorting) params.progressSort(e.shiftKey);
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkYAEXSCUW_cjs.FilterButton, { params, colId }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunkWV4TD2HZ_cjs.FilterButton, { params, colId }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "order-2 min-w-0 flex-1 truncate", children: params.displayName }),
         /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ag-sort-indicator-container order-2 flex-shrink-0", "aria-hidden": "true", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -4846,7 +4848,7 @@ function useFactsGrid({
 var DEFAULT_TIMELINE_LABEL_WIDTH = 240;
 function useFactsPageView() {
   const [view, setView] = react.useState("table");
-  const [rowHeight, setRowHeight] = react.useState(chunkYAEXSCUW_cjs.ROW_MIN);
+  const [rowHeight, setRowHeight] = react.useState(chunkWV4TD2HZ_cjs.ROW_MIN);
   const [labelWidth, setLabelWidth] = react.useState(DEFAULT_TIMELINE_LABEL_WIDTH);
   const [zoom, setZoom] = react.useState(1);
   const [filterText, setFilterText] = react.useState("");
@@ -5000,7 +5002,7 @@ function ConnectedFactsPage({
     setView(request.view === "list" ? "table" : request.view);
     onRequestHandled?.("view");
   }, [request?.view]);
-  const factsRowHeight = pageView.rowHeight === chunkYAEXSCUW_cjs.ROW_MIN ? chunkYAEXSCUW_cjs.ROW_MIN : chunkYAEXSCUW_cjs.rowHeightForLines(chunkYAEXSCUW_cjs.linesForRowHeight(pageView.rowHeight));
+  const factsRowHeight = pageView.rowHeight === chunkWV4TD2HZ_cjs.ROW_MIN ? chunkWV4TD2HZ_cjs.ROW_MIN : chunkWV4TD2HZ_cjs.rowHeightForLines(chunkWV4TD2HZ_cjs.linesForRowHeight(pageView.rowHeight));
   const [isExportOpen, setIsExportOpen] = react.useState(false);
   const [filterOpen, setFilterOpen] = react.useState(false);
   const [factSection, setFactSection] = react.useState(null);
@@ -5067,7 +5069,7 @@ function ConnectedFactsPage({
         tools: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           view === "table" && /* @__PURE__ */ jsxRuntime.jsx(chunkB3FMUFAW_cjs.FactsFieldsButton, { getGridApi: () => gridApiRef.current }),
           view === "table" && /* @__PURE__ */ jsxRuntime.jsx(
-            chunkYAEXSCUW_cjs.RowDensityControl,
+            chunkWV4TD2HZ_cjs.RowDensityControl,
             {
               rowHeight: factsRowHeight,
               onRowHeightChange: pageView.setRowHeight,
@@ -13135,7 +13137,7 @@ function ConnectedMailbox({
           onTabChange: () => {
           },
           compactBreakpoint: 360,
-          firstTabContent: account ? /* @__PURE__ */ jsxRuntime.jsxs(chunkYAEXSCUW_cjs.FilesFilterBar, { children: [
+          firstTabContent: account ? /* @__PURE__ */ jsxRuntime.jsxs(chunkWV4TD2HZ_cjs.FilesFilterBar, { children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               chunk2EI7NCUA_cjs.FilterInput,
               {
@@ -13170,7 +13172,7 @@ function ConnectedMailbox({
               }
             ),
             folderList && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-              chunkYAEXSCUW_cjs.FolderFilterButton,
+              chunkWV4TD2HZ_cjs.FolderFilterButton,
               {
                 label: folderList.find((f) => f.id === folderId)?.name ?? "Folders",
                 isActive: false,
@@ -13178,7 +13180,7 @@ function ConnectedMailbox({
                 onOpenChange: setFolderMenuOpen,
                 testId: "mail-folder-button",
                 children: folderList.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkYAEXSCUW_cjs.FolderPickerRow,
+                  chunkWV4TD2HZ_cjs.FolderPickerRow,
                   {
                     label: item.name,
                     count: item.unread > 0 ? item.unread : void 0,
@@ -14385,7 +14387,7 @@ function BookingPagesPanel({ defaultTimeZone, className }) {
 var selectClass4 = "h-9 w-full rounded-md border border-input bg-background px-2 text-sm text-foreground shadow-sm";
 function CreateRoomForm({ zone, onDone }) {
   const { notify: notify14 } = chunkCNHUJRQ4_cjs.useBlocksEnvironment();
-  const create2 = react$1.useCreateRoom();
+  const create3 = react$1.useCreateRoom();
   const [name, setName] = react.useState("");
   const [type, setType] = react.useState("room");
   const [capacity, setCapacity] = react.useState("");
@@ -14405,7 +14407,7 @@ function CreateRoomForm({ zone, onDone }) {
         const cap = capacity.trim() ? Number(capacity) : null;
         if (cap !== null && (!Number.isInteger(cap) || cap < 1))
           return setError("Capacity must be a whole number");
-        create2.mutate(
+        create3.mutate(
           {
             name: name.trim(),
             type,
@@ -14496,8 +14498,8 @@ function CreateRoomForm({ zone, onDone }) {
         error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-end gap-2", children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "button", variant: "ghost", onClick: onDone, children: "Cancel" }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { type: "submit", disabled: create2.isPending, children: [
-            create2.isPending && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-1 size-4 animate-spin" }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { type: "submit", disabled: create3.isPending, children: [
+            create3.isPending && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-1 size-4 animate-spin" }),
             "Create"
           ] })
         ] })
@@ -16813,6 +16815,1152 @@ function ConnectedPublicBooking({ slug, cancelToken }) {
     ] })
   ] });
 }
+var useFilesStore = zustand.create()(
+  middleware.persist(
+    (set) => ({
+      pendingFolders: {},
+      addPendingFolder: (workspaceId, path) => set((state) => {
+        const current = state.pendingFolders[workspaceId] ?? [];
+        if (current.includes(path)) return state;
+        return { pendingFolders: { ...state.pendingFolders, [workspaceId]: [...current, path] } };
+      }),
+      removePendingFolder: (workspaceId, path) => set((state) => {
+        const current = state.pendingFolders[workspaceId] ?? [];
+        if (!current.includes(path)) return state;
+        return {
+          pendingFolders: {
+            ...state.pendingFolders,
+            [workspaceId]: current.filter((p) => p !== path)
+          }
+        };
+      })
+    }),
+    {
+      name: "arbi_explorer_pending_folders",
+      storage: middleware.createJSONStorage(() => sessionStorage),
+      partialize: (state) => ({ pendingFolders: state.pendingFolders })
+    }
+  )
+);
+var NONE = [];
+function usePendingFolders(workspaceId) {
+  return useFilesStore(
+    (state) => (workspaceId ? state.pendingFolders[workspaceId] : void 0) ?? NONE
+  );
+}
+var FilesSupportContext = react.createContext({});
+function FilesSupportProvider({
+  value,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FilesSupportContext.Provider, { value, children });
+}
+function useFilesSupport() {
+  return react.useContext(FilesSupportContext);
+}
+var NO_IDS3 = /* @__PURE__ */ new Set();
+function useOfflineDocumentIds() {
+  const { useOfflineDocumentIds: useHostIds } = useFilesSupport();
+  return useHostIds?.() ?? NO_IDS3;
+}
+function useViewingDocumentId() {
+  const { useViewingDocumentId: useHostViewing } = useFilesSupport();
+  return useHostViewing?.() ?? null;
+}
+function DocumentSyncGlyph({
+  docExtId,
+  size = 13,
+  className,
+  bgClassName = "bg-muted-foreground"
+}) {
+  const isAvailableOffline = useOfflineDocumentIds().has(docExtId);
+  if (!isAvailableOffline) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      title: "Available offline (saved on this device)",
+      "aria-label": "Available offline",
+      "data-testid": `offline-available-badge-${docExtId}`,
+      className: ui.cn(
+        "inline-flex items-center justify-center rounded-full text-white ring-1 ring-white",
+        bgClassName,
+        className
+      ),
+      style: { width: size, height: size },
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownToLine, { size: Math.round(size * 0.7), strokeWidth: 2.75 })
+    }
+  );
+}
+var ACTIVE_STATUSES = /* @__PURE__ */ new Set([
+  "uploading",
+  "queued",
+  "parsing",
+  "encrypting",
+  "indexing",
+  "analysing"
+]);
+var TERMINAL_STATUSES = /* @__PURE__ */ new Set(["completed", "failed", "skipped", "empty", "low-content"]);
+var STATUS_LABEL = {
+  uploading: "Uploading",
+  queued: "Queued",
+  parsing: "Parsing",
+  encrypting: "Encrypting",
+  indexing: "Indexing",
+  analysing: "Analysing"
+};
+function isActiveDocumentStatus(status) {
+  return ACTIVE_STATUSES.has(status.toLowerCase());
+}
+function useDocStatus(doc) {
+  const liveStatus = react$1.useProcessingTask(doc.external_id)?.status;
+  const rowStatus = (doc.status ?? "").toLowerCase();
+  if (liveStatus && ACTIVE_STATUSES.has(liveStatus)) return liveStatus;
+  if (TERMINAL_STATUSES.has(rowStatus)) return rowStatus;
+  return liveStatus ?? rowStatus;
+}
+function TileStatusBadge({ doc, status }) {
+  let tone = "neutral";
+  let icon2 = null;
+  let title = "";
+  switch (status) {
+    case "completed":
+      tone = "success";
+      icon2 = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "size-4 text-green-text", strokeWidth: 2.75 });
+      title = "Ready";
+      break;
+    case "failed":
+      tone = "danger";
+      icon2 = /* @__PURE__ */ jsxRuntime.jsx(
+        chunkWV4TD2HZ_cjs.FailedStageIcon,
+        {
+          stage: doc.failed_stage ?? null,
+          errorMessage: doc.error_message,
+          className: "size-4 text-red-text"
+        }
+      );
+      title = "Failed";
+      break;
+    case "skipped":
+      icon2 = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SkipForward, { className: "size-4 text-muted-foreground", strokeWidth: 2.75 });
+      title = "Skipped";
+      break;
+    case "empty":
+      tone = "warning";
+      icon2 = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileX, { className: "size-4 text-yellow-text", strokeWidth: 2.75 });
+      title = "Empty \u2014 no extractable content";
+      break;
+    case "low-content":
+      tone = "warning";
+      icon2 = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-4 text-yellow-text", strokeWidth: 2.75 });
+      title = "Low content \u2014 minimal extractable content";
+      break;
+    default:
+      return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkWV4TD2HZ_cjs.StatusPill,
+    {
+      tone,
+      icon: icon2,
+      title,
+      testId: `explorer-file-status-${doc.external_id}`
+    }
+  );
+}
+function TileVisibilityBadge({ doc }) {
+  const shared = !!doc.shared;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkWV4TD2HZ_cjs.StatusPill,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(ui.VisibilityIcon, { isShared: shared, className: "size-3.5", "aria-hidden": true }),
+      label: shared ? ui.getEntityLabel("WORKSPACE") : "Only you",
+      title: chunkWV4TD2HZ_cjs.visibilityAudience(shared),
+      testId: `explorer-file-visibility-${doc.external_id}`
+    }
+  );
+}
+function MiniUserAvatar({ user }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Avatar, { className: "h-4 w-4 border border-white", children: [
+    user.picture && /* @__PURE__ */ jsxRuntime.jsx(ui.AvatarImage, { src: user.picture, alt: ui.getUserDisplayName(user) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.AvatarFallback,
+      {
+        className: ui.cn(
+          "text-xs font-semibold leading-none text-white",
+          ui.getUserAvatarColor(user.external_id)
+        ),
+        children: ui.getUserInitials(user)
+      }
+    )
+  ] });
+}
+function FileTooltipContent({
+  doc,
+  modifiedBy,
+  tagNameById
+}) {
+  const labels = (doc.doctags ?? []).map((dt) => tagNameById.get(dt.tag_ext_id)).filter((name) => !!name);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkWV4TD2HZ_cjs.ExplorerFileTooltip,
+    {
+      title: ui.getDocumentTitle(doc, doc.file_name ?? ""),
+      summary: react$1.getDocumentSubject(doc),
+      modifiedLabel: doc.updated_at ? ui.formatFriendlyDate(doc.updated_at, false) : null,
+      modifiedByAvatar: modifiedBy && /* @__PURE__ */ jsxRuntime.jsx(MiniUserAvatar, { user: modifiedBy }),
+      shared: !!doc.shared,
+      visibilityIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.VisibilityIcon, { isShared: !!doc.shared, className: "h-3 w-3" }),
+      labels,
+      uiLabels: { shared: chunkWV4TD2HZ_cjs.visibilityAudience(true), private: chunkWV4TD2HZ_cjs.visibilityAudience(false) }
+    }
+  );
+}
+function startMenuItem(items) {
+  if (items.length === 0) return [];
+  return [
+    {
+      id: "start",
+      label: "Start\u2026",
+      icon: lucideReact.Sparkles,
+      testId: "explorer-start-menu",
+      onSelect: () => {
+      },
+      submenu: items.map((item) => ({
+        id: item.id,
+        label: item.title,
+        icon: lucideReact.Play,
+        onSelect: item.run,
+        testId: `explorer-start-${item.id}`
+      }))
+    }
+  ];
+}
+var FileTile = react.memo(function FileTile2({
+  doc,
+  density,
+  selected,
+  dragging,
+  dndActive,
+  renaming,
+  canDelete,
+  thumbnailUrl,
+  modifiedBy,
+  tagNameById,
+  onSelect,
+  onToggle,
+  onOpen,
+  onReview,
+  onStartRename,
+  onCommitRename,
+  onCancelRename,
+  onDownload,
+  onMove,
+  onDelete
+}) {
+  const { attributes, listeners: listeners2, setNodeRef } = core.useDraggable({
+    id: `doc:${doc.external_id}`,
+    data: { type: "doc", docId: doc.external_id }
+  });
+  const { notify: notify14 } = chunkCNHUJRQ4_cjs.useBlocksEnvironment();
+  const { startItemsForFile, openDocumentChat, emailDocument } = useFilesSupport();
+  const status = useDocStatus(doc);
+  const isProcessing = ACTIVE_STATUSES.has(status);
+  const isOffline = useOfflineDocumentIds().has(doc.external_id);
+  const isViewing = useViewingDocumentId() === doc.external_id;
+  const showStatusMarker = !isProcessing && TERMINAL_STATUSES.has(status);
+  const Icon = ui.getFileTypeIcon(doc.file_name, { mime: doc.file_type });
+  const { data: mailPolicy } = react$1.useMailPolicy();
+  const shareAsEmail = async () => {
+    try {
+      await emailDocument?.(doc);
+    } catch (error) {
+      notify14(error instanceof Error ? error.message : "Could not attach document", "error");
+    }
+  };
+  const startItems = startItemsForFile?.(doc);
+  const menuItems = [
+    { id: "open", label: "Open", icon: lucideReact.SquarePen, onSelect: () => onOpen(doc) },
+    ...onReview ? [{ id: "review", label: "Open in Review", icon: lucideReact.BookOpen, onSelect: () => onReview(doc) }] : [],
+    ...openDocumentChat ? [
+      {
+        id: "chat",
+        label: "Document chat",
+        icon: lucideReact.MessagesSquare,
+        onSelect: () => openDocumentChat(doc.external_id)
+      }
+    ] : [],
+    ...startMenuItem(startItems ?? []),
+    {
+      id: "rename",
+      label: "Rename",
+      icon: lucideReact.Pencil,
+      onSelect: () => onStartRename(doc),
+      separatorBefore: true
+    },
+    { id: "download", label: "Download", icon: lucideReact.Download, onSelect: () => onDownload(doc) },
+    ...emailDocument && mailPolicy?.enabled ? [
+      {
+        id: "email",
+        label: "Send as email attachment",
+        icon: lucideReact.Mail,
+        onSelect: () => {
+          void shareAsEmail();
+        }
+      }
+    ] : [],
+    ...onMove ? [{ id: "move", label: "Move to\u2026", icon: lucideReact.FolderInput, onSelect: () => onMove(doc) }] : [],
+    ...canDelete ? [
+      {
+        id: "delete",
+        label: "Delete",
+        icon: lucideReact.Trash2,
+        onSelect: () => onDelete(doc),
+        destructive: true,
+        separatorBefore: true
+      }
+    ] : []
+  ];
+  const tooltip = renaming || dndActive ? void 0 : /* @__PURE__ */ jsxRuntime.jsx(FileTooltipContent, { doc, modifiedBy, tagNameById });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkWV4TD2HZ_cjs.ExplorerFileTile,
+    {
+      id: doc.external_id,
+      title: ui.getDocumentTitle(doc, doc.file_name ?? ""),
+      density,
+      selected,
+      dragging,
+      renaming,
+      thumbnailUrl,
+      renderFileIcon: (size) => /* @__PURE__ */ jsxRuntime.jsx(Icon, { size, className: "drop-shadow-sm" }),
+      progress: isProcessing ? { label: STATUS_LABEL[status] ?? status, queued: status === "queued" } : void 0,
+      statusMarker: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TileVisibilityBadge, { doc }),
+        showStatusMarker && /* @__PURE__ */ jsxRuntime.jsx(TileStatusBadge, { doc, status })
+      ] }),
+      offlineMarker: isOffline ? /* @__PURE__ */ jsxRuntime.jsx(DocumentSyncGlyph, { docExtId: doc.external_id, size: 24, bgClassName: "bg-primary" }) : void 0,
+      entity: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.DocumentEntity,
+        {
+          doc,
+          labelMaxWidth: "max-w-full",
+          noClamp: true,
+          labelClassName: "whitespace-normal line-clamp-2 break-words",
+          viewing: isViewing,
+          tooltipContent: /* @__PURE__ */ jsxRuntime.jsx(FileTooltipContent, { doc, modifiedBy, tagNameById }),
+          className: ui.cn(
+            "w-full min-w-0 max-w-full bg-background/90 backdrop-blur-sm",
+            density === "list" ? "text-xs" : void 0
+          ),
+          onClick: (e) => {
+            e.stopPropagation();
+            onOpen(doc);
+          }
+        }
+      ),
+      tooltip,
+      menuItems,
+      rootRef: setNodeRef,
+      rootProps: { ...listeners2, ...attributes },
+      onOpen: () => onOpen(doc),
+      onSelect: (e) => onSelect(doc, e),
+      onToggle: (e) => onToggle(doc, e),
+      onCommitRename: (name) => onCommitRename(doc, name),
+      onCancelRename
+    }
+  );
+});
+var FolderTile = react.memo(function FolderTile2({
+  folder,
+  density,
+  editing,
+  selected,
+  partiallySelected,
+  documents,
+  onOpen,
+  onToggleSelect,
+  onCommitName,
+  onCancelName,
+  onStartRename,
+  onDownload,
+  onMove,
+  onDelete
+}) {
+  const { setNodeRef, isOver } = core.useDroppable({
+    id: `folder:${folder.path.join("/")}`,
+    data: { type: "folder", path: folder.path }
+  });
+  const { startItemsForFolder } = useFilesSupport();
+  const tasks = react$1.useProcessingTasks();
+  const processingCount = react.useMemo(
+    () => documents.filter(
+      (doc) => isActiveDocumentStatus(tasks[doc.external_id]?.status ?? doc.status ?? "")
+    ).length,
+    [documents, tasks]
+  );
+  const isEmpty = folder.count === 0;
+  const iconSize = density === "list" ? 34 : 48;
+  const menuItems = [
+    ...onStartRename ? [{ id: "rename", label: "Rename", icon: lucideReact.Pencil, onSelect: () => onStartRename(folder) }] : [],
+    ...!isEmpty ? startMenuItem(startItemsForFolder?.(folder.path.join("/")) ?? []) : [],
+    ...onDownload && !isEmpty ? [{ id: "download", label: "Download", icon: lucideReact.Download, onSelect: () => onDownload(folder) }] : [],
+    ...onMove && !isEmpty ? [{ id: "move", label: "Move to\u2026", icon: lucideReact.FolderInput, onSelect: () => onMove(folder) }] : [],
+    ...onDelete ? [
+      {
+        id: "delete",
+        label: "Delete",
+        icon: lucideReact.Trash2,
+        onSelect: () => onDelete(folder),
+        destructive: true,
+        separatorBefore: true
+      }
+    ] : []
+  ];
+  const displayName = folder.path.length === 1 ? chunkWV4TD2HZ_cjs.formatFolderSegment(folder.name) : folder.name;
+  const providerIcon = folder.path.length === 1 && chunkWV4TD2HZ_cjs.hasFolderProviderIcon(folder.name) ? /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: "flex items-center justify-center drop-shadow-sm",
+      style: { width: iconSize, height: iconSize },
+      children: /* @__PURE__ */ jsxRuntime.jsx(chunkWV4TD2HZ_cjs.FolderProviderIcon, { folderPath: folder.name, className: "h-full w-full" })
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkWV4TD2HZ_cjs.ExplorerFolderTile,
+    {
+      name: folder.name,
+      displayName: displayName === "" ? null : displayName,
+      path: folder.path,
+      count: folder.count,
+      density,
+      editing,
+      selected,
+      partiallySelected,
+      processingCount,
+      isOver,
+      icon: providerIcon,
+      menuItems,
+      rootRef: setNodeRef,
+      onOpen: () => onOpen(folder),
+      onToggleSelect: onToggleSelect ? (e) => onToggleSelect(folder, e) : void 0,
+      onCommitName: (name) => onCommitName?.(folder, name),
+      onCancelName
+    }
+  );
+});
+var GRID_GAP = 12;
+var SCROLL_PADDING_X = 32;
+var PAGE_ASPECT = 1.3;
+var TILE_MIN = 88;
+var TILE_MAX = 232;
+var TILE_DEFAULT = 200;
+var COMPACT_BELOW = 132;
+var NO_DOCUMENTS = [];
+function useFilesWorkspace() {
+  const { workspaceId, userId, live } = chunkFM3IRQJW_cjs.useConnectedWorkspace();
+  const { members, role } = chunkCQCNU5KT_cjs.useConnectedWorkspaceRole();
+  const { data: workspaces } = react$1.useWorkspaces({ enabled: live });
+  const workspaceName = workspaces?.find((w) => w.external_id === workspaceId)?.name;
+  return {
+    workspaceId: workspaceId ?? "",
+    workspaceName,
+    userId,
+    role: role ?? null,
+    members
+  };
+}
+var ConnectedFilesExplorer = react.forwardRef(function ConnectedFilesExplorer2({
+  documents,
+  isLoading,
+  canUpload,
+  selectedIds,
+  onSelectionChange,
+  onOrderedFilesChange,
+  onOpenDocument,
+  onUploadFiles,
+  folderPath,
+  onFolderPathChange,
+  search = "",
+  sort,
+  sortReversed,
+  tileSize,
+  onMoveSelected,
+  onFolderMove,
+  onOpenInReview,
+  emptyWorkspace
+}, ref) {
+  const { confirm, notify: notify14 } = chunkCNHUJRQ4_cjs.useBlocksEnvironment();
+  const currentPath = folderPath;
+  const density = tileSize < COMPACT_BELOW ? "list" : "grid";
+  const [containerWidth, setContainerWidth] = react.useState(0);
+  const [activeDragId, setActiveDragId] = react.useState(null);
+  const [isFileDragOver, setIsFileDragOver] = react.useState(false);
+  const [renamingId, setRenamingId] = react.useState(null);
+  const scrollRef = react.useRef(null);
+  const anchorRef = react.useRef(null);
+  const dragIdsRef = react.useRef([]);
+  const fileDragDepth = react.useRef(0);
+  const marqueeOverlayRef = react.useRef(null);
+  const marqueeRef = react.useRef(
+    null
+  );
+  const didMarqueeRef = react.useRef(false);
+  const updateDocument = react$1.useUpdateDocuments();
+  const deleteDocuments = react$1.useDeleteDocuments();
+  const renameFolder = react$1.useRenameFolder();
+  const { workspaceId: wsId, workspaceName, userId, role, members } = useFilesWorkspace();
+  const { downloadDocuments, downloadDocument } = react$1.useDownloadDocuments({ workspaceName });
+  const { data: workspaceTags } = react$1.useTags();
+  const userById = react.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const member of members) map.set(member.user.external_id, member.user);
+    return map;
+  }, [members]);
+  const tagNameById = react.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const tag of workspaceTags ?? []) map.set(tag.external_id, tag.name);
+    return map;
+  }, [workspaceTags]);
+  const pendingFolders = usePendingFolders(wsId);
+  const addPendingFolder = useFilesStore((state) => state.addPendingFolder);
+  const removePendingFolder = useFilesStore((state) => state.removePendingFolder);
+  const [editingFolderPath, setEditingFolderPath] = react.useState(null);
+  const isSearching = search.trim().length > 0;
+  const selectedSet = react.useMemo(() => new Set(selectedIds), [selectedIds]);
+  const selectedIdsRef = react.useRef(selectedIds);
+  selectedIdsRef.current = selectedIds;
+  const { folders, files } = react.useMemo(() => {
+    const result = isSearching ? {
+      folders: [],
+      files: chunkWV4TD2HZ_cjs.searchExplorerDocuments(documents, search, sort)
+    } : chunkWV4TD2HZ_cjs.buildExplorerEntries(documents, currentPath, sort, [...pendingFolders]);
+    if (sortReversed) result.files = [...result.files].reverse();
+    return result;
+  }, [documents, currentPath, sort, isSearching, search, sortReversed, pendingFolders]);
+  const entries = react.useMemo(
+    () => [...folders, ...files.map((doc) => ({ kind: "file", doc }))],
+    [folders, files]
+  );
+  const orderedFileIds = react.useMemo(() => files.map((d) => d.external_id), [files]);
+  const folderDocs = react.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const f of folders) map.set(f.path.join("/"), chunkWV4TD2HZ_cjs.collectFolderDocs(documents, f.path));
+    return map;
+  }, [folders, documents]);
+  const folderSelection = react.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const [key, docs] of folderDocs) {
+      const sel = docs.reduce((n, d) => selectedSet.has(d.external_id) ? n + 1 : n, 0);
+      map.set(key, { all: docs.length > 0 && sel === docs.length, some: sel > 0 });
+    }
+    return map;
+  }, [folderDocs, selectedSet]);
+  const contentWidth = Math.max(0, containerWidth - SCROLL_PADDING_X);
+  const columnCount = Math.max(
+    1,
+    Math.floor((contentWidth + GRID_GAP) / (tileSize + GRID_GAP)) || 1
+  );
+  const colWidth = contentWidth > 0 ? (contentWidth - (columnCount - 1) * GRID_GAP) / columnCount : tileSize;
+  const tileHeight = Math.max(120, Math.round(colWidth * PAGE_ASPECT));
+  const rowHeight = tileHeight + GRID_GAP;
+  const rowCount = Math.ceil(entries.length / columnCount);
+  const rowVirtualizer = reactVirtual.useVirtualizer({
+    count: rowCount,
+    getScrollElement: () => scrollRef.current,
+    estimateSize: () => rowHeight,
+    overscan: 3
+  });
+  const virtualRows = rowVirtualizer.getVirtualItems();
+  const firstRow = virtualRows.length > 0 ? virtualRows[0].index : 0;
+  const lastRow = virtualRows.length > 0 ? virtualRows[virtualRows.length - 1].index : -1;
+  const visibleFileIds = react.useMemo(() => {
+    const ids = [];
+    for (let r = firstRow; r <= lastRow; r++) {
+      const start = r * columnCount;
+      for (let c = 0; c < columnCount; c++) {
+        const entry = entries[start + c];
+        if (entry?.kind === "file") ids.push(entry.doc.external_id);
+      }
+    }
+    return ids;
+  }, [firstRow, lastRow, columnCount, entries]);
+  const thumbnailsById = react$1.useDocumentThumbnails(visibleFileIds);
+  react.useEffect(() => {
+    rowVirtualizer.measure();
+  }, [rowVirtualizer, columnCount, rowHeight, entries.length]);
+  const isWholeWorkspaceEmpty = !isLoading && documents.length === 0 && canUpload && emptyWorkspace !== void 0;
+  react.useLayoutEffect(() => {
+    const el = scrollRef.current;
+    if (!el) return;
+    const apply = () => {
+      const next = Math.round(el.clientWidth);
+      setContainerWidth((prev) => prev === next ? prev : next);
+    };
+    apply();
+    const ro = new ResizeObserver(apply);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [isWholeWorkspaceEmpty]);
+  react.useEffect(() => {
+    anchorRef.current = null;
+    if (scrollRef.current) scrollRef.current.scrollTop = 0;
+  }, [currentPath, search]);
+  react.useEffect(() => {
+    const MARQUEE_THRESHOLD = 5;
+    let rafId = 0;
+    let cur = null;
+    const paint = () => {
+      rafId = 0;
+      const el = marqueeOverlayRef.current;
+      if (!el || !cur) return;
+      el.style.display = "block";
+      el.style.left = `${cur.left}px`;
+      el.style.top = `${cur.top}px`;
+      el.style.width = `${cur.right - cur.left}px`;
+      el.style.height = `${cur.bottom - cur.top}px`;
+    };
+    const onMove = (e) => {
+      const m = marqueeRef.current;
+      if (!m) return;
+      if (!didMarqueeRef.current && Math.hypot(e.clientX - m.x, e.clientY - m.y) < MARQUEE_THRESHOLD)
+        return;
+      didMarqueeRef.current = true;
+      const b = scrollRef.current?.getBoundingClientRect();
+      const px = b ? Math.max(b.left, Math.min(e.clientX, b.right)) : e.clientX;
+      const py = b ? Math.max(b.top, Math.min(e.clientY, b.bottom)) : e.clientY;
+      cur = {
+        left: Math.min(m.x, px),
+        top: Math.min(m.y, py),
+        right: Math.max(m.x, px),
+        bottom: Math.max(m.y, py)
+      };
+      if (!rafId) rafId = requestAnimationFrame(paint);
+    };
+    const onUp = () => {
+      const m = marqueeRef.current;
+      if (!m) return;
+      marqueeRef.current = null;
+      if (rafId) cancelAnimationFrame(rafId);
+      rafId = 0;
+      const el = marqueeOverlayRef.current;
+      if (el) el.style.display = "none";
+      if (!didMarqueeRef.current || !cur) return;
+      const box = cur;
+      const hit = [];
+      scrollRef.current?.querySelectorAll("[data-doc-id]").forEach((node) => {
+        const r = node.getBoundingClientRect();
+        if (r.left < box.right && r.right > box.left && r.top < box.bottom && r.bottom > box.top) {
+          const id = node.getAttribute("data-doc-id");
+          if (id) hit.push(id);
+        }
+      });
+      onSelectionChange(m.additive ? Array.from(/* @__PURE__ */ new Set([...m.base, ...hit])) : hit);
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    return () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      if (rafId) cancelAnimationFrame(rafId);
+    };
+  }, [onSelectionChange]);
+  const handleScrollPointerDown = react.useCallback((e) => {
+    if (e.button !== 0) return;
+    const el = e.target;
+    if (el.closest(
+      '[data-testid="explorer-file"],[data-testid="explorer-folder"],button,input,select,a,[role="button"]'
+    )) {
+      return;
+    }
+    const additive = e.shiftKey || e.metaKey || e.ctrlKey;
+    marqueeRef.current = {
+      x: e.clientX,
+      y: e.clientY,
+      additive,
+      base: additive ? selectedIdsRef.current : []
+    };
+    didMarqueeRef.current = false;
+  }, []);
+  const openFolder = react.useCallback(
+    (folder) => onFolderPathChange(folder.path),
+    [onFolderPathChange]
+  );
+  const handleNewFolder = react.useCallback(() => {
+    if (!wsId) return;
+    const siblings = new Set(folders.map((f) => f.name.toLowerCase()));
+    const base = "New folder";
+    let name = base;
+    let i = 2;
+    while (siblings.has(name.toLowerCase())) name = `${base} ${i++}`;
+    const path = chunkWV4TD2HZ_cjs.joinFolderPath([...currentPath, name]);
+    if (!path) return;
+    addPendingFolder(wsId, path);
+    setEditingFolderPath(path);
+  }, [wsId, folders, currentPath, addPendingFolder]);
+  const lastOrderedRef = react.useRef([]);
+  react.useEffect(() => {
+    const prev = lastOrderedRef.current;
+    if (prev.length === orderedFileIds.length && prev.every((id, i) => id === orderedFileIds[i])) {
+      return;
+    }
+    lastOrderedRef.current = orderedFileIds;
+    onOrderedFilesChange?.(orderedFileIds);
+  }, [onOrderedFilesChange, orderedFileIds]);
+  const scrollToDocument = react.useCallback(
+    (docId) => {
+      const index = entries.findIndex((e) => e.kind === "file" && e.doc.external_id === docId);
+      if (index < 0) return;
+      rowVirtualizer.scrollToIndex(Math.floor(index / columnCount), { align: "center" });
+    },
+    [entries, columnCount, rowVirtualizer]
+  );
+  react.useImperativeHandle(ref, () => ({ triggerNewFolder: handleNewFolder, scrollToDocument }), [
+    handleNewFolder,
+    scrollToDocument
+  ]);
+  const commitFolderName = react.useCallback(
+    async (folder, rawName) => {
+      setEditingFolderPath(null);
+      const name = rawName.trim();
+      if (!wsId || !name || name === folder.name) return;
+      const siblings = new Set(folders.filter((f) => f !== folder).map((f) => f.name.toLowerCase()));
+      if (siblings.has(name.toLowerCase())) {
+        notify14(`A folder named "${name}" already exists here.`, "error");
+        return;
+      }
+      const oldPath = chunkWV4TD2HZ_cjs.joinFolderPath(folder.path);
+      const newPrefix = [...folder.path.slice(0, -1), name];
+      const newPath = chunkWV4TD2HZ_cjs.joinFolderPath(newPrefix);
+      const docs = chunkWV4TD2HZ_cjs.collectFolderDocs(documents, folder.path);
+      try {
+        if (await renameFolder(docs, folder.path, newPrefix) > 0) {
+          notify14(`Renamed folder to "${name}"`, "success");
+        }
+      } catch {
+        notify14("Failed to rename folder. Please try again.", "error");
+        return;
+      }
+      if (oldPath) removePendingFolder(wsId, oldPath);
+      if (docs.length === 0 && newPath) addPendingFolder(wsId, newPath);
+    },
+    [wsId, folders, documents, renameFolder, notify14, addPendingFolder, removePendingFolder]
+  );
+  const cancelFolderName = react.useCallback(() => setEditingFolderPath(null), []);
+  const clearSelection = react.useCallback(() => {
+    if (selectedIdsRef.current.length > 0) onSelectionChange([]);
+    anchorRef.current = null;
+  }, [onSelectionChange]);
+  const handleSelect = react.useCallback(
+    (doc, e) => {
+      const id = doc.external_id;
+      if (e.shiftKey) {
+        const from = anchorRef.current ?? id;
+        const a = orderedFileIds.indexOf(from);
+        const b = orderedFileIds.indexOf(id);
+        if (a !== -1 && b !== -1) {
+          anchorRef.current = from;
+          const [lo, hi] = a < b ? [a, b] : [b, a];
+          onSelectionChange(orderedFileIds.slice(lo, hi + 1));
+          return;
+        }
+      }
+      if (e.metaKey || e.ctrlKey) {
+        onSelectionChange(
+          selectedSet.has(id) ? selectedIds.filter((s) => s !== id) : [...selectedIds, id]
+        );
+        anchorRef.current = id;
+        return;
+      }
+      onSelectionChange([id]);
+      anchorRef.current = id;
+    },
+    [onSelectionChange, orderedFileIds, selectedIds, selectedSet]
+  );
+  const handleToggle = react.useCallback(
+    (doc, e) => {
+      e.stopPropagation();
+      const id = doc.external_id;
+      onSelectionChange(
+        selectedSet.has(id) ? selectedIds.filter((s) => s !== id) : [...selectedIds, id]
+      );
+      anchorRef.current = id;
+    },
+    [onSelectionChange, selectedIds, selectedSet]
+  );
+  const handleToggleFolder = react.useCallback(
+    (folder, e) => {
+      e.stopPropagation();
+      const ids = chunkWV4TD2HZ_cjs.collectFolderDocs(documents, folder.path).map((d) => d.external_id);
+      if (ids.length === 0) return;
+      if (ids.every((id) => selectedSet.has(id))) {
+        const remove = new Set(ids);
+        onSelectionChange(selectedIds.filter((id) => !remove.has(id)));
+      } else {
+        onSelectionChange(Array.from(/* @__PURE__ */ new Set([...selectedIds, ...ids])));
+      }
+      anchorRef.current = null;
+    },
+    [documents, onSelectionChange, selectedIds, selectedSet]
+  );
+  const handleOpenFile = react.useCallback(
+    (doc) => onOpenDocument(doc.external_id),
+    [onOpenDocument]
+  );
+  const handleOpenInReview = react.useMemo(
+    () => onOpenInReview ? (doc) => onOpenInReview(doc.external_id) : void 0,
+    [onOpenInReview]
+  );
+  const startRename = react.useCallback((doc) => setRenamingId(doc.external_id), []);
+  const cancelRename = react.useCallback(() => setRenamingId(null), []);
+  const commitRename = react.useCallback(
+    async (doc, name) => {
+      setRenamingId(null);
+      try {
+        await updateDocument.mutateAsync({
+          documents: [
+            { external_id: doc.external_id, doc_metadata: { ...doc.doc_metadata, title: name } }
+          ]
+        });
+        notify14(`Renamed to "${name}"`, "success");
+      } catch {
+        notify14("Failed to rename. Please try again.", "error");
+      }
+    },
+    [updateDocument, notify14]
+  );
+  react.useEffect(() => {
+    const onKey = (e) => {
+      if (e.key !== "F2" || renamingId) return;
+      const target = e.target;
+      if (target && /^(input|textarea|select)$/i.test(target.tagName)) return;
+      if (selectedIdsRef.current.length === 1) setRenamingId(selectedIdsRef.current[0]);
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [renamingId]);
+  const handleDownload = react.useCallback(
+    (doc) => void downloadDocument(doc),
+    [downloadDocument]
+  );
+  const handleMove = react.useMemo(
+    () => onMoveSelected ? (doc) => {
+      onSelectionChange([doc.external_id]);
+      onMoveSelected();
+    } : void 0,
+    [onSelectionChange, onMoveSelected]
+  );
+  const handleDelete = react.useCallback(
+    async (doc) => {
+      const name = chunkWV4TD2HZ_cjs.getExplorerDisplayName(doc);
+      const confirmed = await confirm({
+        message: `Delete "${name}"? ${chunkWV4TD2HZ_cjs.RECENTLY_DELETED_HINT}`,
+        title: "Delete file"
+      });
+      if (!confirmed) return;
+      try {
+        await deleteDocuments.mutateAsync([doc.external_id]);
+        onSelectionChange(selectedIdsRef.current.filter((id) => id !== doc.external_id));
+        notify14(`Deleted "${name}"`, "success");
+      } catch {
+        notify14("Failed to delete. Please try again.", "error");
+      }
+    },
+    [confirm, deleteDocuments, onSelectionChange, notify14]
+  );
+  const startFolderRename = react.useCallback(
+    (folder) => setEditingFolderPath(folder.path.join("/")),
+    []
+  );
+  const handleFolderDownload = react.useCallback(
+    (folder) => {
+      const docs = chunkWV4TD2HZ_cjs.collectFolderDocs(documents, folder.path);
+      if (docs.length > 0) void downloadDocuments(docs);
+    },
+    [documents, downloadDocuments]
+  );
+  const handleFolderMove = react.useMemo(() => {
+    if (onFolderMove) return onFolderMove;
+    if (!onMoveSelected) return void 0;
+    return (folder) => {
+      const ids = chunkWV4TD2HZ_cjs.collectFolderDocs(documents, folder.path).map((d) => d.external_id);
+      if (ids.length === 0) return;
+      onSelectionChange(ids);
+      onMoveSelected();
+    };
+  }, [documents, onFolderMove, onMoveSelected, onSelectionChange]);
+  const handleFolderDelete = react.useCallback(
+    async (folder) => {
+      const docs = chunkWV4TD2HZ_cjs.collectFolderDocs(documents, folder.path);
+      if (docs.length === 0) {
+        const path = chunkWV4TD2HZ_cjs.joinFolderPath(folder.path);
+        if (wsId && path) removePendingFolder(wsId, path);
+        return;
+      }
+      const confirmed = await confirm({
+        message: `Delete folder "${folder.name}" and its ${docs.length} item${docs.length === 1 ? "" : "s"}? ${chunkWV4TD2HZ_cjs.RECENTLY_DELETED_HINT_PLURAL}`,
+        title: "Delete folder"
+      });
+      if (!confirmed) return;
+      try {
+        const ids = docs.map((d) => d.external_id);
+        await deleteDocuments.mutateAsync(ids);
+        const removed = new Set(ids);
+        onSelectionChange(selectedIdsRef.current.filter((id) => !removed.has(id)));
+        notify14(`Deleted folder "${folder.name}"`, "success");
+      } catch {
+        notify14("Failed to delete folder. Please try again.", "error");
+      }
+    },
+    [confirm, documents, deleteDocuments, onSelectionChange, removePendingFolder, wsId, notify14]
+  );
+  const canDeleteFolder = react.useCallback(
+    (folder) => canUpload && chunkWV4TD2HZ_cjs.collectFolderDocs(documents, folder.path).every(
+      (doc) => chunkWV4TD2HZ_cjs.canDeleteDocument(doc, userId, role)
+    ),
+    [canUpload, documents, userId, role]
+  );
+  const handleBackgroundClick = react.useCallback(
+    (e) => {
+      if (didMarqueeRef.current) {
+        didMarqueeRef.current = false;
+        return;
+      }
+      if (!e.target.closest('[data-testid^="explorer-"]')) clearSelection();
+    },
+    [clearSelection]
+  );
+  const moveDocs = react.useCallback(
+    async (ids, folder) => {
+      if (ids.length === 0) return;
+      try {
+        await updateDocument.mutateAsync({
+          documents: ids.map((external_id) => ({ external_id, folder }))
+        });
+        clearSelection();
+        notify14(
+          `Moved ${ids.length} item${ids.length === 1 ? "" : "s"} to "${folder ?? "Home"}"`,
+          "success"
+        );
+      } catch {
+        notify14("Failed to move. Please try again.", "error");
+      }
+    },
+    [updateDocument, clearSelection, notify14]
+  );
+  const sensors = core.useSensors(
+    core.useSensor(core.MouseSensor, { activationConstraint: { distance: 6 } }),
+    core.useSensor(core.TouchSensor, { activationConstraint: { delay: 150, tolerance: 8 } })
+  );
+  const collisionDetection = react.useCallback((args) => {
+    const hits = core.pointerWithin(args);
+    return hits.length > 0 ? hits : core.rectIntersection(args);
+  }, []);
+  const handleDragStart = react.useCallback(
+    (event) => {
+      const docId = event.active.data.current?.docId;
+      if (!docId) return;
+      setActiveDragId(docId);
+      if (!selectedIdsRef.current.includes(docId)) {
+        onSelectionChange([docId]);
+        dragIdsRef.current = [docId];
+      } else {
+        dragIdsRef.current = selectedIdsRef.current;
+      }
+    },
+    [onSelectionChange]
+  );
+  const handleDragEnd = react.useCallback(
+    (event) => {
+      setActiveDragId(null);
+      const data = event.over?.data.current;
+      if (data?.type === "folder" && data.path) {
+        const targetFolder = chunkWV4TD2HZ_cjs.joinFolderPath(data.path);
+        const moving = dragIdsRef.current.filter((id) => {
+          const doc = documents.find((d) => d.external_id === id);
+          return doc && (doc.folder ?? null) !== targetFolder;
+        });
+        void moveDocs(moving, targetFolder);
+      }
+    },
+    [documents, moveDocs]
+  );
+  const handleNativeDragOver = react.useCallback(
+    (e) => {
+      if (!canUpload) return;
+      if (e.dataTransfer.types.includes("Files")) {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = "copy";
+      }
+    },
+    [canUpload]
+  );
+  const handleNativeDragEnter = react.useCallback(
+    (e) => {
+      if (!canUpload || !e.dataTransfer.types.includes("Files")) return;
+      fileDragDepth.current += 1;
+      setIsFileDragOver(true);
+    },
+    [canUpload]
+  );
+  const handleNativeDragLeave = react.useCallback(() => {
+    fileDragDepth.current = Math.max(0, fileDragDepth.current - 1);
+    if (fileDragDepth.current === 0) setIsFileDragOver(false);
+  }, []);
+  const handleNativeDrop = react.useCallback(
+    (e) => {
+      fileDragDepth.current = 0;
+      setIsFileDragOver(false);
+      if (!canUpload) return;
+      const dropped = Array.from(e.dataTransfer.files ?? []);
+      if (dropped.length > 0) {
+        e.preventDefault();
+        onUploadFiles(dropped, chunkWV4TD2HZ_cjs.joinFolderPath(currentPath));
+      }
+    },
+    [canUpload, currentPath, onUploadFiles]
+  );
+  const activeDoc = activeDragId ? documents.find((d) => d.external_id === activeDragId) : null;
+  const dragCount = dragIdsRef.current.length || 1;
+  if (isWholeWorkspaceEmpty) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: emptyWorkspace });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    core.DndContext,
+    {
+      sensors,
+      collisionDetection,
+      onDragStart: handleDragStart,
+      onDragEnd: handleDragEnd,
+      onDragCancel: () => setActiveDragId(null),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkWV4TD2HZ_cjs.ExplorerFrame, { "data-testid": "documents-explorer", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkWV4TD2HZ_cjs.ExplorerStage, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkWV4TD2HZ_cjs.ExplorerScroller,
+            {
+              ref: scrollRef,
+              onClick: handleBackgroundClick,
+              onPointerDown: handleScrollPointerDown,
+              onDragEnter: handleNativeDragEnter,
+              onDragOver: handleNativeDragOver,
+              onDragLeave: handleNativeDragLeave,
+              onDrop: handleNativeDrop,
+              "data-testid": "explorer-scroll",
+              children: isLoading && documents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(chunkWV4TD2HZ_cjs.ExplorerLoadingTiles, {}) : entries.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                chunkWV4TD2HZ_cjs.ExplorerEmpty,
+                {
+                  title: isSearching ? `No files match "${search.trim()}"` : "This folder is empty",
+                  description: isSearching ? "Try a different search." : canUpload ? "Drop files here or use Upload to add documents." : "No documents here yet."
+                }
+              ) : containerWidth === 0 ? (
+                // Not measured yet: rendering now would flash one stretched column.
+                /* @__PURE__ */ jsxRuntime.jsx(chunkWV4TD2HZ_cjs.ExplorerLoadingTiles, {})
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  style: {
+                    height: rowVirtualizer.getTotalSize(),
+                    position: "relative",
+                    width: "100%"
+                  },
+                  children: virtualRows.map((virtualRow) => {
+                    const start = virtualRow.index * columnCount;
+                    const rowEntries = entries.slice(start, start + columnCount);
+                    return /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        style: {
+                          position: "absolute",
+                          top: 0,
+                          left: 0,
+                          width: "100%",
+                          height: tileHeight,
+                          transform: `translateY(${virtualRow.start}px)`,
+                          display: "grid",
+                          gridTemplateColumns: `repeat(${columnCount}, minmax(0, 1fr))`,
+                          columnGap: GRID_GAP
+                        },
+                        children: rowEntries.map((entry) => {
+                          if (entry.kind === "folder") {
+                            const key = entry.path.join("/");
+                            return /* @__PURE__ */ jsxRuntime.jsx(
+                              FolderTile,
+                              {
+                                folder: entry,
+                                density,
+                                editing: editingFolderPath === key,
+                                selected: folderSelection.get(key)?.all,
+                                partiallySelected: folderSelection.get(key)?.some,
+                                documents: folderDocs.get(key) ?? NO_DOCUMENTS,
+                                onOpen: openFolder,
+                                onToggleSelect: handleToggleFolder,
+                                onCommitName: commitFolderName,
+                                onCancelName: cancelFolderName,
+                                onStartRename: canUpload ? startFolderRename : void 0,
+                                onDownload: handleFolderDownload,
+                                onMove: canUpload ? handleFolderMove : void 0,
+                                onDelete: canDeleteFolder(entry) ? handleFolderDelete : void 0
+                              },
+                              `folder:${key}`
+                            );
+                          }
+                          const doc = entry.doc;
+                          return /* @__PURE__ */ jsxRuntime.jsx(
+                            FileTile,
+                            {
+                              doc,
+                              density,
+                              selected: selectedSet.has(doc.external_id),
+                              dragging: activeDragId === doc.external_id,
+                              dndActive: activeDragId !== null,
+                              renaming: renamingId === doc.external_id,
+                              canDelete: chunkWV4TD2HZ_cjs.canDeleteDocument(doc, userId, role),
+                              thumbnailUrl: thumbnailsById.get(doc.external_id),
+                              modifiedBy: userById.get(
+                                doc.updated_by_ext_id ?? doc.created_by_ext_id
+                              ),
+                              tagNameById,
+                              onSelect: handleSelect,
+                              onToggle: handleToggle,
+                              onOpen: handleOpenFile,
+                              onReview: handleOpenInReview,
+                              onStartRename: startRename,
+                              onCommitRename: commitRename,
+                              onCancelRename: cancelRename,
+                              onDownload: handleDownload,
+                              onMove: canUpload ? handleMove : void 0,
+                              onDelete: handleDelete
+                            },
+                            doc.external_id
+                          );
+                        })
+                      },
+                      virtualRow.key
+                    );
+                  })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(chunkWV4TD2HZ_cjs.ExplorerMarquee, { ref: marqueeOverlayRef, "data-testid": "explorer-marquee" }),
+          isFileDragOver && /* @__PURE__ */ jsxRuntime.jsx(
+            chunkWV4TD2HZ_cjs.ExplorerDropOverlay,
+            {
+              label: `Drop to upload${currentPath.length > 0 ? ` to "${currentPath[currentPath.length - 1]}"` : ""}`
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(core.DragOverlay, { dropAnimation: null, children: activeDoc ? /* @__PURE__ */ jsxRuntime.jsx(DragPreview, { doc: activeDoc, count: dragCount }) : null })
+      ]
+    }
+  );
+});
+function DragPreview({ doc, count }) {
+  const Icon = ui.getFileTypeIcon(doc.file_name, { mime: doc.file_type });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkWV4TD2HZ_cjs.ExplorerDragPreview,
+    {
+      icon: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 20 }),
+      title: ui.getDocumentTitle(doc, doc.file_name ?? "Untitled"),
+      count
+    }
+  );
+}
 function ActiveChat({ agentId, workspaceId }) {
   const chat = react$1.useArbiChat({
     agentId,
@@ -17065,6 +18213,7 @@ exports.ConnectedCalendar = ConnectedCalendar;
 exports.ConnectedDangerZone = ConnectedDangerZone;
 exports.ConnectedDriveSyncDialog = ConnectedDriveSyncDialog;
 exports.ConnectedFactsPage = ConnectedFactsPage;
+exports.ConnectedFilesExplorer = ConnectedFilesExplorer;
 exports.ConnectedIdentityVerification = ConnectedIdentityVerification;
 exports.ConnectedLogoutDialog = ConnectedLogoutDialog;
 exports.ConnectedMailAccounts = ConnectedMailAccounts;
@@ -17111,7 +18260,10 @@ exports.DEFAULT_SEARCH_ROW_LABELS = DEFAULT_SEARCH_ROW_LABELS;
 exports.DEFAULT_SETTINGS_SECTIONS = DEFAULT_SETTINGS_SECTIONS;
 exports.DEFAULT_TIMELINE_LABEL_WIDTH = DEFAULT_TIMELINE_LABEL_WIDTH;
 exports.DEFAULT_WORKSPACE_LIST_LABELS = DEFAULT_WORKSPACE_LIST_LABELS;
+exports.DocumentSyncGlyph = DocumentSyncGlyph;
 exports.FACTS_GRID_ID = FACTS_GRID_ID;
+exports.FileTooltipContent = FileTooltipContent;
+exports.FilesSupportProvider = FilesSupportProvider;
 exports.InvoicesModal = InvoicesModal;
 exports.NewProjectFlow = NewProjectFlow;
 exports.NotificationCenter = NotificationCenter;
@@ -17124,6 +18276,9 @@ exports.SETTINGS_SECTION_IDS = SETTINGS_SECTION_IDS;
 exports.SessionStatusIcon = SessionStatusIcon;
 exports.SharedProjects = SharedProjects;
 exports.StreamedArtifact = StreamedArtifact;
+exports.TILE_DEFAULT = TILE_DEFAULT;
+exports.TILE_MAX = TILE_MAX;
+exports.TILE_MIN = TILE_MIN;
 exports.WORKSPACES_TAB_ID = WORKSPACES_TAB_ID;
 exports.WorkflowRunThread = WorkflowRunThread;
 exports.accountSettingsSection = accountSettingsSection;
@@ -17135,6 +18290,7 @@ exports.countNotificationTypes = countNotificationTypes;
 exports.defaultUnmetPasswordRequirement = defaultUnmetPasswordRequirement;
 exports.filterNotificationCenterItems = filterNotificationCenterItems;
 exports.formatLastSync = formatLastSync;
+exports.isActiveDocumentStatus = isActiveDocumentStatus;
 exports.mailSettingsSection = mailSettingsSection;
 exports.openMeetingLink = openMeetingLink;
 exports.privacySettingsSection = privacySettingsSection;
@@ -17143,6 +18299,7 @@ exports.requestCalendarComposer = requestCalendarComposer;
 exports.requestCalendarEvent = requestCalendarEvent;
 exports.requestProjectBillingFocus = requestProjectBillingFocus;
 exports.resolveMailbox = resolveMailbox;
+exports.startMenuItem = startMenuItem;
 exports.toWorkspaceSummary = toWorkspaceSummary;
 exports.useAutoRefreshPendingProjects = useAutoRefreshPendingProjects;
 exports.useCalendarViewStore = useCalendarViewStore;
@@ -17151,9 +18308,14 @@ exports.useConnectedShellWorkspaces = useConnectedShellWorkspaces;
 exports.useConnectedWorkNotifications = useConnectedWorkNotifications;
 exports.useConnectedWorkspaceList = useConnectedWorkspaceList;
 exports.useConnectedWorkspaceSettings = useConnectedWorkspaceSettings;
+exports.useFilesStore = useFilesStore;
+exports.useFilesSupport = useFilesSupport;
+exports.useOfflineDocumentIds = useOfflineDocumentIds;
 exports.useOpenBillingPortal = useOpenBillingPortal;
+exports.usePendingFolders = usePendingFolders;
 exports.useProjectBillingFocus = useProjectBillingFocus;
 exports.useReferralReward = useReferralReward;
+exports.useViewingDocumentId = useViewingDocumentId;
 exports.windowLabel = windowLabel;
 exports.workflowRunView = workflowRunView;
 //# sourceMappingURL=index.cjs.map