@arbidocs/blocks 0.5.48 → 0.5.50

package/dist/chunk-S7B5E3RU.cjs

@@ -0,0 +1,1553 @@
+"use client";
+'use strict';
+
+var chunk5YX3R6CK_cjs = require('./chunk-5YX3R6CK.cjs');
+var chunkNUQ3RY7M_cjs = require('./chunk-NUQ3RY7M.cjs');
+var chunk5Y6V7F6W_cjs = require('./chunk-5Y6V7F6W.cjs');
+var chunkLKK52DEY_cjs = require('./chunk-LKK52DEY.cjs');
+var chunkI72IYIO2_cjs = require('./chunk-I72IYIO2.cjs');
+var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
+var ui = require('@arbidocs/react/ui');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var documentTools = require('@arbidocs/react/document-tools');
+var react$1 = require('@arbidocs/react');
+var zustand = require('zustand');
+var jsxRuntime = require('react/jsx-runtime');
+var core = require('@dnd-kit/core');
+var middleware = require('zustand/middleware');
+var browser = require('@arbidocs/sdk/browser');
+
+var usePendingSyncDialog = zustand.create((set) => ({
+  open: false,
+  setOpen: (open) => set({ open })
+}));
+function openPendingSyncDialog() {
+  usePendingSyncDialog.getState().setOpen(true);
+}
+var STATUS_META = {
+  queued: { dot: "bg-yellow-text", text: "Waiting to sync", tone: "text-yellow-text" },
+  syncing: { dot: "bg-blue-text", text: "Syncing\u2026", tone: "text-blue-text" },
+  error: { dot: "bg-red-text", text: "Failed", tone: "text-red-text" }
+};
+function StatusCell({ data }) {
+  if (!data) return null;
+  const meta = STATUS_META[data.status];
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `inline-flex items-center gap-1.5 text-sm font-medium ${meta.tone}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: `h-1.5 w-1.5 rounded-full ${meta.dot}` }),
+    meta.text
+  ] });
+}
+function ConnectedPendingSyncDialog() {
+  const isOpen = usePendingSyncDialog((s) => s.open);
+  const setOpen = usePendingSyncDialog((s) => s.setOpen);
+  const isOnline = documentTools.useIsOnline();
+  const items = react$1.usePendingSyncItems();
+  const cancelMany = react$1.useCancelManyPendingSync();
+  const [selected, setSelected] = react.useState([]);
+  const undoableIds = react.useMemo(
+    () => items.filter((i) => i.status !== "syncing").map((i) => i.mutationId),
+    [items]
+  );
+  const selectedUndoableIds = react.useMemo(
+    () => selected.filter((i) => i.status !== "syncing").map((i) => i.mutationId),
+    [selected]
+  );
+  const columnDefs = react.useMemo(
+    () => [
+      {
+        colId: "document",
+        headerName: "Document",
+        field: "document",
+        flex: 1,
+        minWidth: 140,
+        tooltipField: "document"
+      },
+      {
+        colId: "change",
+        headerName: "Change",
+        field: "change",
+        flex: 1.4,
+        minWidth: 160,
+        tooltipField: "change"
+      },
+      {
+        colId: "when",
+        headerName: "When",
+        width: 120,
+        // Sort by the raw timestamp; display the friendly relative string.
+        valueGetter: (p) => p.data?.at ?? 0,
+        valueFormatter: (p) => p.value ? ui.formatRelativeTime(new Date(Number(p.value)).toISOString(), { style: "short" }) : ""
+      },
+      {
+        colId: "status",
+        headerName: "Status",
+        width: 150,
+        valueGetter: (p) => p.data?.status ?? "",
+        cellRenderer: StatusCell
+      }
+    ],
+    []
+  );
+  const hasFailed = items.some((i) => i.status === "error");
+  const title = !isOnline ? "Offline changes" : hasFailed ? "Some changes didn\u2019t sync" : items.length > 0 ? "Syncing your changes" : "No changes waiting";
+  const description = !isOnline ? "These edits are saved on this device and will sync automatically when you reconnect." : hasFailed ? "These edits didn\u2019t reach the server, so they\u2019re only saved on this device. Undo to discard them." : "Edits you made offline are syncing to the server.";
+  const undoSelected = () => {
+    cancelMany(selectedUndoableIds);
+    setSelected([]);
+  };
+  const undoAll = () => {
+    cancelMany(undoableIds);
+    setSelected([]);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open: isOpen, onOpenChange: setOpen, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { presentation: "sheet", className: "sm:max-w-2xl", "data-testid": "pending-sync-modal", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogTitle, { className: "flex items-center gap-2", children: [
+        isOnline ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-5 w-5 text-primary" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WifiOff, { className: "h-5 w-5 text-yellow-text" }),
+        title
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: description })
+    ] }),
+    items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(chunkULWRNGGE_cjs.ModalSection, { className: "flex flex-col items-center gap-2 py-10 text-center text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleCheck, { className: "h-6 w-6 text-green-text opacity-70" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "Everything is up to date." })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(chunkULWRNGGE_cjs.ModalSection, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkLKK52DEY_cjs.GridView,
+      {
+        items,
+        columnDefs,
+        getItemId: (item) => String(item.mutationId),
+        selection: { mode: "multiple", selected, onSelectionChange: setSelected },
+        height: "320px",
+        gridId: "pending-sync-grid-v1"
+      }
+    ) }),
+    undoableIds.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.DialogFooter, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        variant: "outline",
+        className: "gap-1.5",
+        "data-testid": "pending-sync-undo",
+        disabled: selected.length > 0 && selectedUndoableIds.length === 0,
+        onClick: selected.length > 0 ? undoSelected : undoAll,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "h-4 w-4" }),
+          selected.length > 0 ? `Undo selected (${selectedUndoableIds.length})` : `Undo all (${undoableIds.length})`
+        ]
+      }
+    ) })
+  ] }) });
+}
+function DocumentSyncGlyph({
+  docExtId,
+  size = 13,
+  className,
+  bgClassName = "bg-muted-foreground"
+}) {
+  const isAvailableOffline = react$1.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 NO_ACTIONS = {};
+var ACTIVE_STATUSES = react$1.IN_FLIGHT_DOCUMENT_STATUSES;
+var TERMINAL_STATUSES = react$1.FINISHED_DOCUMENT_STATUSES;
+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) {
+  return react$1.resolveDocumentStatus(doc, react$1.useProcessingTask(doc.external_id));
+}
+function TileStatusBadge({ doc, status }) {
+  let tone = "neutral";
+  let icon = null;
+  let title = "";
+  switch (status) {
+    case "completed":
+      tone = "success";
+      icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "size-4 text-green-text", strokeWidth: 2.75 });
+      title = "Ready";
+      break;
+    case "failed":
+      tone = "danger";
+      icon = /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5YX3R6CK_cjs.FailedStageIcon,
+        {
+          stage: doc.failed_stage ?? null,
+          errorMessage: doc.error_message,
+          className: "size-4 text-red-text"
+        }
+      );
+      title = "Failed";
+      break;
+    case "skipped":
+      icon = /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SkipForward, { className: "size-4 text-muted-foreground", strokeWidth: 2.75 });
+      title = "Skipped";
+      break;
+    case "empty":
+      tone = "warning";
+      icon = /* @__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";
+      icon = /* @__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(
+    chunk5YX3R6CK_cjs.StatusPill,
+    {
+      tone,
+      icon,
+      title,
+      testId: `explorer-file-status-${doc.external_id}`
+    }
+  );
+}
+function TileVisibilityBadge({ doc }) {
+  const shared = !!doc.shared;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5YX3R6CK_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: chunk5YX3R6CK_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(
+    chunk5YX3R6CK_cjs.ExplorerFileTooltip,
+    {
+      title: ui.getDocumentTitle(doc, doc.file_name ?? ""),
+      summary: ui.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: chunk5YX3R6CK_cjs.visibilityAudience(true), private: chunk5YX3R6CK_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,
+  actions = NO_ACTIONS
+}) {
+  const { attributes, listeners, setNodeRef } = core.useDraggable({
+    id: `doc:${doc.external_id}`,
+    data: { type: "doc", docId: doc.external_id }
+  });
+  const { notify } = chunkI72IYIO2_cjs.useBlocksEnvironment();
+  const { startItemsForFile, openDocumentChat, emailDocument } = actions;
+  const status = useDocStatus(doc);
+  const isProcessing = ACTIVE_STATUSES.has(status);
+  const isOffline = react$1.useOfflineDocumentIds().has(doc.external_id);
+  const isViewing = react$1.useOpenViewerDocumentId() === 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) {
+      notify(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(
+    chunk5YX3R6CK_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: { ...listeners, ...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,
+  actions = NO_ACTIONS
+}) {
+  const { setNodeRef, isOver } = core.useDroppable({
+    id: `folder:${folder.path.join("/")}`,
+    data: { type: "folder", path: folder.path }
+  });
+  const { startItemsForFolder } = actions;
+  const tasks = react$1.useProcessingTasks();
+  const processingCount = react.useMemo(
+    () => documents.filter(
+      (doc) => isActiveDocumentStatus(react$1.resolveDocumentStatus(doc, tasks[doc.external_id]))
+    ).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 ? chunk5YX3R6CK_cjs.formatFolderSegment(folder.name) : folder.name;
+  const providerIcon = folder.path.length === 1 && chunk5YX3R6CK_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(chunk5YX3R6CK_cjs.FolderProviderIcon, { folderPath: folder.name, className: "h-full w-full" })
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5YX3R6CK_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 PROCESSING_LABELS = {
+  parsing: "Parsing",
+  encrypting: "Encrypting",
+  indexing: "Indexing",
+  analysing: "Analysing"
+};
+var QUOTA_PREFIX = "QUOTA_EXCEEDED:";
+function parseQuotaError(errorMessage) {
+  if (!errorMessage || !errorMessage.startsWith(QUOTA_PREFIX)) return null;
+  const body = errorMessage.slice(QUOTA_PREFIX.length);
+  const spend = body.match(/spend=([0-9.]+)/)?.[1];
+  const budget = body.match(/budget=([0-9.]+)/)?.[1];
+  const projectExtId = body.match(/project_ext_id=([^\s,]+)/)?.[1] ?? null;
+  if (spend === void 0 || budget === void 0) return null;
+  return { spend: Number(spend), budget: Number(budget), projectExtId };
+}
+function useResolvedDocStatus(doc) {
+  const task = react$1.useProcessingTask(doc?.external_id ?? "");
+  const isPendingSync = react$1.useDocumentPendingSync(doc?.external_id);
+  if (!doc || !doc.status) return null;
+  const status = react$1.resolveDocumentStatus(doc, doc.external_id ? task : void 0);
+  return { status, isPendingSync, failedStage: task?.failed_stage ?? doc.failed_stage ?? null };
+}
+var GLYPH = "size-3.5 shrink-0";
+function describeGlyph(resolved, doc) {
+  if (resolved.isPendingSync) {
+    return {
+      node: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: `${GLYPH} text-yellow-text` }),
+      title: "Changes saved on this device, waiting to sync"
+    };
+  }
+  switch (resolved.status) {
+    case "queued": {
+      const isDocx = doc.file_name?.toLowerCase().endsWith(".docx");
+      return {
+        node: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: `${GLYPH} text-muted-foreground` }),
+        title: isDocx ? "The document is available to edit. PDF and search indexing are processing." : "Queued, waiting to start"
+      };
+    }
+    case "parsing":
+    case "encrypting":
+    case "indexing":
+    case "analysing":
+      return {
+        node: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: `${GLYPH} animate-spin text-ai-ink` }),
+        title: PROCESSING_LABELS[resolved.status]
+      };
+    case "skipped":
+      return {
+        node: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SkipForward, { className: `${GLYPH} text-muted-foreground` }),
+        title: "Skipped"
+      };
+    case "empty":
+      return {
+        node: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileX, { className: `${GLYPH} text-yellow-text` }),
+        title: "Empty, no extractable content"
+      };
+    case "low-content":
+      return {
+        node: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: `${GLYPH} text-yellow-text` }),
+        title: "Low content, minimal extractable content"
+      };
+    case "failed":
+      if (doc.error_message?.startsWith(QUOTA_PREFIX)) {
+        return { node: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { className: `${GLYPH} text-yellow-text` }), title: "AI usage used up" };
+      }
+      return {
+        node: /* @__PURE__ */ jsxRuntime.jsx(
+          chunk5YX3R6CK_cjs.FailedStageIcon,
+          {
+            stage: resolved.failedStage,
+            errorMessage: doc.error_message,
+            className: `${GLYPH} text-red-text`
+          }
+        ),
+        title: "Failed"
+      };
+    default:
+      return null;
+  }
+}
+var DocumentStatusGlyph = react.memo(function DocumentStatusGlyph2({
+  doc
+}) {
+  const resolved = useResolvedDocStatus(doc);
+  const shown = resolved ? describeGlyph(resolved, doc) : null;
+  if (!resolved || !shown) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      role: "img",
+      "aria-label": shown.title,
+      title: shown.title,
+      "data-slot": "document-status-glyph",
+      "data-status": resolved.status,
+      className: "inline-flex items-center",
+      children: shown.node
+    }
+  );
+});
+var StatusCell2 = react.memo(function StatusCell3({
+  doc,
+  onStatusClick,
+  actions
+}) {
+  const resolved = useResolvedDocStatus(doc);
+  if (!doc || !resolved) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+  const { status, isPendingSync, failedStage } = resolved;
+  const cell = (pill) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full items-center justify-center overflow-hidden", children: pill });
+  const click = () => onStatusClick?.();
+  if (isPendingSync) {
+    return cell(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5YX3R6CK_cjs.StatusPill,
+        {
+          tone: "warning",
+          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "size-3.5" }),
+          label: "Pending",
+          title: "Changes saved on this device \u2014 waiting to sync",
+          onClick: openPendingSyncDialog
+        }
+      )
+    );
+  }
+  switch (status) {
+    case "completed":
+      return cell(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunk5YX3R6CK_cjs.StatusPill,
+          {
+            tone: "success",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "size-3.5" }),
+            label: "Ready",
+            title: "Ready",
+            onClick: click
+          }
+        )
+      );
+    case "skipped":
+      return cell(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunk5YX3R6CK_cjs.StatusPill,
+          {
+            tone: "neutral",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SkipForward, { className: "size-3.5" }),
+            label: "Skipped",
+            title: "Skipped",
+            onClick: click
+          }
+        )
+      );
+    case "empty":
+      return cell(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunk5YX3R6CK_cjs.StatusPill,
+          {
+            tone: "warning",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileX, { className: "size-3.5" }),
+            label: "Empty",
+            title: "Empty - no extractable content",
+            onClick: click
+          }
+        )
+      );
+    case "low-content":
+      return cell(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunk5YX3R6CK_cjs.StatusPill,
+          {
+            tone: "warning",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, { className: "size-3.5" }),
+            label: "Low content",
+            title: "Low content - minimal extractable content",
+            onClick: click
+          }
+        )
+      );
+    case "failed": {
+      const quota = parseQuotaError(doc.error_message);
+      if (quota) {
+        return cell(
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunk5YX3R6CK_cjs.StatusPill,
+            {
+              tone: "warning",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { className: "size-3.5" }),
+              label: "Quota",
+              title: "AI usage used up \u2014 click for options",
+              onClick: () => actions?.openQuota?.(quota)
+            }
+          )
+        );
+      }
+      return cell(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunk5YX3R6CK_cjs.StatusPill,
+          {
+            tone: "danger",
+            icon: /* @__PURE__ */ jsxRuntime.jsx(
+              chunk5YX3R6CK_cjs.FailedStageIcon,
+              {
+                stage: failedStage,
+                errorMessage: doc.error_message,
+                className: "size-3.5"
+              }
+            ),
+            label: "Failed",
+            onClick: click
+          }
+        )
+      );
+    }
+    case "queued": {
+      const isDocx = doc.file_name?.toLowerCase().endsWith(".docx");
+      return cell(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunk5YX3R6CK_cjs.StatusPill,
+          {
+            tone: "neutral",
+            label: isDocx ? "Uploaded" : "Queued",
+            progress: "queued",
+            title: isDocx ? "The document is available to edit. PDF and search indexing are processing." : "Queued - waiting to start",
+            onClick: click
+          }
+        )
+      );
+    }
+    case "parsing":
+    case "encrypting":
+    case "indexing":
+    case "analysing":
+      return cell(
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunk5YX3R6CK_cjs.StatusPill,
+          {
+            tone: "info",
+            label: PROCESSING_LABELS[status],
+            progress: "processing",
+            title: PROCESSING_LABELS[status],
+            onClick: click
+          }
+        )
+      );
+    default:
+      return cell(/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: status }));
+  }
+});
+var UserAvatar = react.memo(function UserAvatar2({
+  user,
+  isMe = false,
+  onOpen
+}) {
+  if (!user) return /* @__PURE__ */ jsxRuntime.jsx(ui.UserEntity, { empty: true, size: "xs" });
+  const colorClass = ui.getUserAvatarColor(user.external_id);
+  const agent = ui.isAgent(user);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.UserEntity,
+    {
+      size: "xs",
+      variant: "icon",
+      showTooltip: false,
+      interactive: !!onOpen,
+      initials: ui.getUserInitials(user),
+      displayName: isMe ? "You" : ui.getUserDisplayName(user),
+      picture: user.picture,
+      colorClass,
+      isAgent: agent,
+      isVerified: user.is_identity_verified === true,
+      agentStyle: agent ? ui.agentAvatarColors(colorClass) : void 0,
+      isMe,
+      onClick: onOpen ? (e) => {
+        e.stopPropagation();
+        onOpen(user.external_id);
+      } : void 0
+    }
+  );
+});
+function DocumentSummaryTooltip({
+  doc,
+  users
+}) {
+  const { data: tags } = react$1.useTags();
+  const modifiedBy = users.find(
+    (u) => u.external_id === (doc.updated_by_ext_id ?? doc.created_by_ext_id)
+  );
+  const tagNameById = /* @__PURE__ */ new Map();
+  for (const tag of tags ?? []) tagNameById.set(tag.external_id, tag.name);
+  return /* @__PURE__ */ jsxRuntime.jsx(FileTooltipContent, { doc, modifiedBy, tagNameById });
+}
+var OPEN_AFTER_DOUBLE_CLICK_WINDOW_MS = 300;
+var DocumentNameCell = react.memo(function DocumentNameCell2({
+  doc,
+  canEdit,
+  users,
+  onOpen,
+  onReview,
+  onDocumentChat,
+  onRename,
+  onDownload,
+  onMove,
+  onDelete
+}) {
+  const arbi = react$1.useArbi();
+  const { notify } = chunkI72IYIO2_cjs.useBlocksEnvironment();
+  const isViewing = react$1.useOpenViewerDocumentId() === doc.external_id;
+  const openTimerRef = react.useRef(void 0);
+  react.useEffect(() => () => window.clearTimeout(openTimerRef.current), []);
+  const downloadMarkup = async () => {
+    try {
+      const { blob, fileName } = await documentTools.fetchMarkupPdf(arbi.getClient().fetch, doc.external_id);
+      documentTools.downloadBlob(blob, fileName);
+    } catch (e) {
+      notify(e instanceof Error ? e.message : "The markup could not be downloaded", "error");
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5YX3R6CK_cjs.DocumentNameCellFrame,
+    {
+      testId: `open-document-viewer-button-${doc.external_id}`,
+      isViewing,
+      subtitle: [doc.created_at?.slice(0, 10), doc.folder ? ui.formatFolderLabel(doc.folder) : null].filter(Boolean).join(" \xB7 "),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        ui.DocumentEntity,
+        {
+          doc,
+          size: "base",
+          labelMaxWidth: "max-w-full",
+          fullWidth: true,
+          status: /* @__PURE__ */ jsxRuntime.jsx(DocumentStatusGlyph, { doc }),
+          tooltipContent: /* @__PURE__ */ jsxRuntime.jsx(DocumentSummaryTooltip, { doc, users }),
+          iconBadge: /* @__PURE__ */ jsxRuntime.jsx(
+            DocumentSyncGlyph,
+            {
+              docExtId: doc.external_id,
+              size: 10,
+              className: "absolute -bottom-1 -right-1"
+            }
+          ),
+          onClick: (e) => {
+            e.stopPropagation();
+            window.clearTimeout(openTimerRef.current);
+            if (e.detail > 1) return;
+            openTimerRef.current = window.setTimeout(onOpen, OPEN_AFTER_DOUBLE_CLICK_WINDOW_MS);
+          },
+          actions: /* @__PURE__ */ jsxRuntime.jsx(
+            chunk5YX3R6CK_cjs.DocumentRowMenu,
+            {
+              canEdit,
+              onOpen,
+              onReview,
+              onDocumentChat,
+              onRename,
+              onDownload,
+              onDownloadMarkup: documentTools.currentHasMarkup(doc) ? () => void downloadMarkup() : void 0,
+              downloadMarkupDisabledReason: documentTools.isSignedVersion(doc) ? documentTools.SIGNED_LOCKED_REASON : void 0,
+              onMove,
+              onDelete
+            }
+          ),
+          className: "min-w-0 max-w-full border-transparent bg-transparent hover:bg-foreground/5"
+        }
+      )
+    }
+  );
+});
+var DocumentSharedCell = react.memo(function DocumentSharedCell2({
+  document,
+  disabled = false,
+  disabledTooltip,
+  onToggle
+}) {
+  const handleToggle = react.useCallback(
+    (shouldShare) => onToggle(document.external_id, shouldShare),
+    [document.external_id, onToggle]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkNUQ3RY7M_cjs.SharedCell,
+    {
+      item: document,
+      onToggle: handleToggle,
+      disabled,
+      disabledTooltip,
+      tooltipActive: chunk5YX3R6CK_cjs.visibilityToggleTooltip(true),
+      tooltipInactive: chunk5YX3R6CK_cjs.visibilityToggleTooltip(false),
+      workspaceLabel: ui.getEntityLabel("WORKSPACE")
+    }
+  );
+});
+function useDocumentFolders(documents, value) {
+  return react.useMemo(() => {
+    const paths = /* @__PURE__ */ new Set();
+    for (const doc of documents) if (doc.folder) paths.add(doc.folder);
+    if (value) paths.add(value);
+    return [...paths].sort((a, b) => a.localeCompare(b));
+  }, [documents, value]);
+}
+function folderSegments(folder) {
+  return folder.split("/").map((part, i) => i === 0 ? chunk5YX3R6CK_cjs.formatFolderSegment(part) : part).filter((part, i) => i > 0 || part !== "");
+}
+var DocumentFolderCell = react.memo(
+  function DocumentFolderCell2({
+    document,
+    isEditable,
+    allDocuments,
+    onUpdateFolder
+  }) {
+    const folder = document.folder;
+    const folders = useDocumentFolders(allDocuments, folder);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunk5YX3R6CK_cjs.FolderCell,
+      {
+        folder,
+        segments: folder ? folderSegments(folder) : [],
+        icon: folder && chunk5YX3R6CK_cjs.hasFolderProviderIcon(folder) ? /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FolderProviderIcon, { folderPath: folder, className: "h-3.5 w-3.5 flex-none shrink-0" }) : void 0,
+        isEditable,
+        picker: /* @__PURE__ */ jsxRuntime.jsx(
+          chunk5YX3R6CK_cjs.FolderCommandList,
+          {
+            folders,
+            value: folder,
+            onSelect: (next) => onUpdateFolder(document.external_id, next),
+            showRemove: !!folder
+          }
+        )
+      }
+    );
+  },
+  (prev, next) => prev.document.external_id === next.document.external_id && prev.document.folder === next.document.folder && prev.isEditable === next.isEditable && prev.allDocuments === next.allDocuments && prev.onUpdateFolder === next.onUpdateFolder
+);
+var RELATION_LABELS = {
+  redaction: "Redacted copy",
+  annotated: "Annotated copy",
+  production: "Production",
+  crop: "Crop",
+  redline_base: "Redline",
+  redline_revised: "Redline",
+  translation: "Translation"
+};
+var relationLabel = (role, version) => {
+  const label = role ? RELATION_LABELS[role] : void 0;
+  return version ? `${label ?? "Made"} from v${version}` : label;
+};
+var RelatedDocumentsCell = react.memo(function RelatedDocumentsCell2({
+  currentDoc,
+  related,
+  viewingDocumentId,
+  onDocumentClick,
+  onDelete,
+  canDelete,
+  onCompare
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5YX3R6CK_cjs.RelatedDocsCell,
+    {
+      parent: related.parent,
+      attachments: related.children,
+      madeFrom: related.madeFrom,
+      copies: related.copies,
+      getRelation: (doc) => relationLabel(related.roles[doc.external_id], related.versions?.[doc.external_id]),
+      duplicates: related.duplicates,
+      similar: related.similar.map(({ doc }) => doc),
+      renderDoc: (doc) => /* @__PURE__ */ jsxRuntime.jsx(
+        ui.DocumentEntity,
+        {
+          doc,
+          icon: viewingDocumentId === doc.external_id ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-3.5 w-3.5 flex-shrink-0 text-primary" }) : void 0,
+          onClick: () => onDocumentClick(doc.external_id)
+        }
+      ),
+      getKey: (doc) => doc.external_id,
+      onSwitchTo: (doc) => {
+        const version = related.versions?.[doc.external_id];
+        onDocumentClick(version ? `${doc.external_id}@v${version}` : doc.external_id);
+      },
+      onDelete,
+      canDelete,
+      onCompare: onCompare ? (doc) => onCompare(currentDoc.external_id, doc.external_id) : void 0
+    }
+  );
+});
+var NOT_A_MEMBER_MESSAGE = "Join this workspace as a collaborator or owner to create or apply labels.";
+var DocumentLabelsCell = react.memo(function DocumentLabelsCell2({
+  doc,
+  labels,
+  createDocTag,
+  deleteDocTag,
+  createTag,
+  isMember,
+  rowHeight,
+  actions
+}) {
+  const isCreatingTag = react$1.useIsCreatingTag();
+  const { notify } = chunkI72IYIO2_cjs.useBlocksEnvironment();
+  const options = react.useMemo(
+    () => labels.map((t) => ({
+      id: t.external_id,
+      name: t.name,
+      color: ui.getEntityColor(t.external_id, "medium")
+    })),
+    [labels]
+  );
+  const appliedIds = react.useMemo(
+    () => new Set(
+      (doc.doctags || []).filter((dt) => labels.some((t) => t.external_id === dt.tag_ext_id)).map((dt) => dt.tag_ext_id)
+    ),
+    [doc.doctags, labels]
+  );
+  const applyTag = react.useCallback(
+    (tagId) => createDocTag.mutateAsync({ tagId, docIds: [doc.external_id] }),
+    [createDocTag, doc.external_id]
+  );
+  const handleToggle = react.useCallback(
+    async (tagId) => {
+      if (!isMember) return notify(NOT_A_MEMBER_MESSAGE, "info");
+      if (appliedIds.has(tagId)) {
+        await deleteDocTag.mutateAsync({ tagId, docIds: [doc.external_id] });
+      } else {
+        await applyTag(tagId);
+      }
+    },
+    [isMember, appliedIds, deleteDocTag, applyTag, doc.external_id, notify]
+  );
+  const handleCreate = react.useCallback(
+    async (name) => {
+      const trimmed = name.trim();
+      if (!trimmed) return;
+      if (!isMember) return notify(NOT_A_MEMBER_MESSAGE, "info");
+      const existing = labels.find((t) => t.name.toLowerCase() === trimmed.toLowerCase());
+      if (existing) {
+        if (!appliedIds.has(existing.external_id)) await applyTag(existing.external_id);
+        return;
+      }
+      if (isCreatingTag(trimmed)) return;
+      const created = await createTag.mutateAsync({
+        name: trimmed,
+        tagType: { type: "checkbox", options: [] },
+        shared: false
+      });
+      if (created?.external_id) await applyTag(created.external_id);
+    },
+    [isMember, labels, appliedIds, createTag, applyTag, isCreatingTag, notify]
+  );
+  const openFieldsManager = actions?.openFieldsManager;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5Y6V7F6W_cjs.LabelMultiSelectView,
+    {
+      options,
+      appliedIds,
+      onToggle: handleToggle,
+      onCreate: handleCreate,
+      onEditLabels: openFieldsManager ? () => openFieldsManager() : void 0,
+      rowHeight
+    }
+  );
+});
+function DocumentUser({
+  user,
+  tooltip = true,
+  variant = "icon"
+}) {
+  const { renderUser } = react$1.useDocumentsSupport();
+  const { openUser } = react$1.useDocumentHostActions();
+  if (user && renderUser) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: renderUser(user, { tooltip, variant }) });
+  if (user && variant === "pill")
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.UserEntity,
+      {
+        size: "sm",
+        variant: "pill",
+        displayName: ui.getUserDisplayName(user),
+        picture: user.picture,
+        initials: `${user.given_name?.charAt(0) ?? ""}${user.family_name?.charAt(0) ?? ""}`
+      }
+    );
+  return /* @__PURE__ */ jsxRuntime.jsx(UserAvatar, { user, onOpen: openUser });
+}
+function useMemberLookup() {
+  const { data: members = [] } = react$1.useWorkspaceUsers();
+  return react.useCallback(
+    (userId) => userId ? members.find((m) => m.user.external_id === userId)?.user : void 0,
+    [members]
+  );
+}
+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 FILES_PREFS_KEY = "files";
+var DEFAULT_VIEW_MODE = "explorer";
+var useFilesPrefs = zustand.create()(
+  middleware.persist(
+    (set) => ({
+      documentFilters: {},
+      setDocumentFilters: (documentFilters) => set({ documentFilters }),
+      viewModes: {},
+      setViewMode: (viewMode, prefsKey = FILES_PREFS_KEY) => set(
+        (state) => state.viewModes[prefsKey] === viewMode ? state : { viewModes: { ...state.viewModes, [prefsKey]: viewMode } }
+      ),
+      // New users start at the compact minimum (more rows at once).
+      rowHeight: chunk5YX3R6CK_cjs.DOCUMENTS_ROW_HEIGHT_INITIAL,
+      setRowHeight: (rowHeight) => set({ rowHeight })
+    }),
+    {
+      name: "arbi_files_prefs",
+      storage: middleware.createJSONStorage(() => localStorage),
+      version: 1,
+      // Version 0 kept one view for every files page: it becomes the files page's own.
+      migrate: (persisted, version) => {
+        const state = persisted ?? {};
+        if (version >= 1) return state;
+        const { viewMode, ...rest } = state;
+        return {
+          ...rest,
+          viewModes: viewMode ? { [FILES_PREFS_KEY]: viewMode } : {}
+        };
+      },
+      partialize: (state) => ({
+        documentFilters: state.documentFilters,
+        viewModes: state.viewModes,
+        rowHeight: state.rowHeight
+      })
+    }
+  )
+);
+function filesViewMode(state, prefsKey = FILES_PREFS_KEY, defaultViewMode = DEFAULT_VIEW_MODE) {
+  return state.viewModes[prefsKey] ?? defaultViewMode;
+}
+var useAiReviewStore = zustand.create()((set) => ({
+  open: false,
+  run: null,
+  setOpen: (open) => set({ open }),
+  setRun: (run) => set({ run }),
+  markFinished: (docIds) => set((state) => {
+    const run = state.run;
+    if (!run) return state;
+    const finished = new Set(run.finishedDocIds ?? []);
+    const added = docIds.filter((id) => run.docIds.includes(id) && !finished.has(id));
+    if (added.length === 0) return state;
+    return { run: { ...run, finishedDocIds: [...finished, ...added] } };
+  })
+}));
+var useFilesGridStates = zustand.create()(
+  middleware.persist(
+    (set) => ({
+      gridStates: {},
+      setGridState: (gridId, state) => set((current) => ({ gridStates: { ...current.gridStates, [gridId]: state } }))
+    }),
+    { name: "arbi_files_grids", storage: middleware.createJSONStorage(() => localStorage) }
+  )
+);
+var useFilesDialogs = zustand.create()((set) => ({
+  move: null,
+  openMove: (folder = null) => set({ move: { folder } }),
+  closeMove: () => set({ move: null }),
+  bulkTagsOpen: false,
+  setBulkTagsOpen: (bulkTagsOpen) => set({ bulkTagsOpen }),
+  deleteRequest: null,
+  requestDelete: (deleteRequest) => set({ deleteRequest }),
+  exportOpen: false,
+  setExportOpen: (exportOpen) => set({ exportOpen })
+}));
+function ConnectedTagEntity({
+  tag,
+  size = "md",
+  className = "",
+  onClick,
+  showTooltip = true,
+  canEdit = false,
+  onEditClick
+}) {
+  const { data: workspaceTags } = react$1.useTags();
+  const { data: members = [] } = react$1.useWorkspaceUsers();
+  const byId = (id) => id ? members.find((m) => m.user.external_id === id)?.user : void 0;
+  const freshTag = react.useMemo(() => {
+    if (!workspaceTags) return tag;
+    const found = workspaceTags.find((t) => t.external_id === tag.external_id);
+    return found || tag;
+  }, [workspaceTags, tag]);
+  const creator = byId(tag.created_by_ext_id) ?? null;
+  const updater = byId(tag.updated_by_ext_id) ?? null;
+  const Icon = ui.getTagTypeIcon(tag.tag_type.type);
+  const tagColor = ui.getEntityColor(tag.external_id, "medium");
+  const handleVisibilityToggle = () => {
+    if (canEdit && onEditClick) {
+      onEditClick();
+    }
+  };
+  const tooltipContent = showTooltip ? /* @__PURE__ */ jsxRuntime.jsxs(chunkNUQ3RY7M_cjs.EntityTooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkNUQ3RY7M_cjs.EntityTooltipHeader,
+      {
+        lead: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "inline-flex items-center justify-center rounded-md text-white p-1",
+            style: { backgroundColor: tagColor },
+            children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 16 })
+          }
+        ),
+        title: tag.name
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5 text-sm", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Type:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: ui.getTagTypeLabel(tag.tag_type.type) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Documents:" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: "secondary", className: "h-5 min-w-[20px] justify-center", children: freshTag.doctag_count ?? 0 })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.VisibilityToggle,
+          {
+            items: freshTag,
+            onToggle: handleVisibilityToggle,
+            disabled: !canEdit,
+            showLabel: false,
+            showTooltip: canEdit,
+            tooltipActive: "Click to edit",
+            tooltipInactive: "Click to edit"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: freshTag.shared ? "Shared" : "Private" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Created:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: ui.formatFriendlyDate(tag.created_at) }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "by" }),
+        /* @__PURE__ */ jsxRuntime.jsx(UserAvatar, { user: creator ?? void 0 })
+      ] }),
+      tag.updated_at && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Updated:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: ui.formatFriendlyDate(tag.updated_at) }),
+        updater && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "by" }),
+          /* @__PURE__ */ jsxRuntime.jsx(UserAvatar, { user: updater })
+        ] })
+      ] })
+    ] })
+  ] }) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.TagEntity,
+    {
+      tag: { ...tag, color: tagColor },
+      size,
+      className,
+      onClick,
+      showTooltip,
+      tooltipContent
+    }
+  );
+}
+function FolderPicker({
+  documents,
+  value,
+  onSelect
+}) {
+  const folders = useDocumentFolders(documents, value);
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FolderCommandList, { folders, value, onSelect, showRemove: !!value });
+}
+function RelatedDocuments({
+  doc,
+  related,
+  onOpen,
+  onDelete,
+  canDelete,
+  onCompare
+}) {
+  const viewingDocumentId = react$1.useOpenViewerDocumentId();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RelatedDocumentsCell,
+    {
+      currentDoc: doc,
+      related,
+      viewingDocumentId,
+      onDocumentClick: (id) => onOpen?.(id),
+      onDelete: (other) => onDelete?.(other.external_id),
+      canDelete,
+      onCompare
+    }
+  );
+}
+function DocTagAttribution({ doctag }) {
+  const memberById = useMemberLookup();
+  const creator = memberById(doctag.created_by_ext_id);
+  const updater = doctag.updated_by_ext_id && doctag.updated_by_ext_id !== doctag.created_by_ext_id ? memberById(doctag.updated_by_ext_id) : void 0;
+  const lastUser = updater || creator;
+  if (!lastUser) return null;
+  const lines = [
+    creator && `Created ${ui.formatFriendlyDate(doctag.created_at)} by ${creator.given_name || creator.email}`,
+    updater && `Updated ${ui.formatFriendlyDate(doctag.updated_at)} by ${updater.given_name || updater.email}`
+  ].filter((line) => !!line);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5YX3R6CK_cjs.FieldAttribution,
+    {
+      avatar: /* @__PURE__ */ jsxRuntime.jsx(DocumentUser, { user: lastUser, tooltip: false }),
+      date: ui.formatFriendlyDate(updater ? doctag.updated_at : doctag.created_at),
+      lines
+    }
+  );
+}
+function LabelsCombobox({
+  labelTags,
+  appliedTagIds,
+  onToggle,
+  onCreateAndApply
+}) {
+  const options = react.useMemo(
+    () => labelTags.map((t) => ({
+      id: t.external_id,
+      name: t.name,
+      color: ui.getEntityColor(t.external_id, "medium")
+    })),
+    [labelTags]
+  );
+  const handleCreate = (name) => {
+    const trimmed = name.trim();
+    if (!trimmed) return;
+    const existing = labelTags.find((t) => t.name.toLowerCase() === trimmed.toLowerCase());
+    if (!existing) onCreateAndApply?.(trimmed);
+    else if (!appliedTagIds.has(existing.external_id)) onToggle(existing);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5YX3R6CK_cjs.FieldLabelsSelect,
+    {
+      options,
+      appliedIds: appliedTagIds,
+      onToggle: (id) => {
+        const tag = labelTags.find((t) => t.external_id === id);
+        if (tag) onToggle(tag);
+      },
+      onCreate: onCreateAndApply ? handleCreate : void 0
+    }
+  );
+}
+var METADATA_FIELDS = {
+  title: (doc) => ui.getDocumentTitle(doc),
+  doc_nature: (doc) => doc.doc_metadata?.doc_nature || "",
+  doc_author: (doc) => doc.doc_metadata?.doc_author || "",
+  doc_subject: (doc) => doc.doc_metadata?.doc_subject || "",
+  // As the table shows it: with the time when the value has one (emails).
+  doc_date: (doc) => ui.formatDocDate(ui.getDocumentDate(doc))
+};
+var INPUT_CLASS = "text-sm bg-muted/40 focus:bg-background transition-colors";
+var READ_ONLY_FIELDS = {
+  file_name: (doc) => /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldValue, { tone: "strong", children: doc.file_name || "N/A" }),
+  status: (doc) => /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldValue, { tone: "muted", children: doc.status || "N/A" }),
+  n_pages: (doc) => /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldValue, { tone: "muted", children: doc.n_pages || "N/A" }),
+  created_at: (doc) => /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldValue, { tone: "muted", children: doc.created_at ? ui.formatFriendlyDate(doc.created_at) : "N/A" }),
+  updated_at: (doc) => /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldValue, { tone: "muted", children: doc.updated_at ? ui.formatFriendlyDate(doc.updated_at) : "N/A" }),
+  file_type: (doc) => /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldValue, { tone: "muted", children: ui.friendlyFileType(doc.file_type, doc.file_name) }),
+  file_size: (doc) => /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldValue, { tone: "muted", children: doc.file_size ? `${Math.round(doc.file_size / 1024)} KB` : "N/A" }),
+  doc_id: (doc) => /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldValue, { tone: "muted", isMono: true, children: doc.external_id || "N/A" }),
+  content_hash: (doc) => /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldValue, { tone: "muted", isMono: true, isTruncated: true, children: doc.content_hash || "N/A" })
+};
+function documentFieldContent(options) {
+  const { columnId, doc, canEdit, workspaceTags, getColumnLabel, getColumnIcon } = options;
+  const Icon = getColumnIcon(columnId);
+  const standard = (children) => ({
+    label: getColumnLabel(columnId),
+    icon: Icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 14 }) : void 0,
+    children
+  });
+  const metadata = METADATA_FIELDS[columnId];
+  if (metadata) {
+    const editable = options.isColumnEditable(columnId) && canEdit;
+    return standard(
+      editable ? /* @__PURE__ */ jsxRuntime.jsx(
+        ui.DebouncedInput,
+        {
+          value: metadata(doc),
+          onChange: (value2) => options.onUpdateDocumentField(columnId, value2),
+          multiline: true,
+          placeholder: `Add ${getColumnLabel(columnId).toLowerCase()}\u2026`,
+          className: INPUT_CLASS
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldValue, { children: metadata(doc) || "N/A" })
+    );
+  }
+  const readOnly = READ_ONLY_FIELDS[columnId];
+  if (readOnly) return standard(readOnly(doc));
+  if (columnId === "created_by") return standard(/* @__PURE__ */ jsxRuntime.jsx(DocumentUser, { user: options.creator }));
+  if (columnId === "folder") {
+    return standard(
+      canEdit ? /* @__PURE__ */ jsxRuntime.jsx(
+        chunk5YX3R6CK_cjs.FieldFolderSelect,
+        {
+          folder: doc.folder,
+          picker: /* @__PURE__ */ jsxRuntime.jsx(
+            FolderPicker,
+            {
+              documents: options.allDocuments ?? [],
+              value: doc.folder,
+              onSelect: (folder) => options.onUpdateDocumentField("folder", folder)
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldFolderValue, { folder: doc.folder })
+    );
+  }
+  if (columnId === "related") {
+    const related = options.relatedDocs;
+    if (!related) return null;
+    return standard(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RelatedDocuments,
+        {
+          doc,
+          related,
+          onOpen: options.onOpenDocument,
+          onDelete: options.onDeleteDocument,
+          canDelete: options.canDeleteRelatedDocument,
+          onCompare: options.onCompareDocuments
+        }
+      )
+    );
+  }
+  if (columnId === "all_tags") {
+    const labelTags = workspaceTags.filter(browser.isLabelTag);
+    const appliedIds = new Set(
+      (doc.doctags ?? []).filter((dt) => labelTags.some((t) => t.external_id === dt.tag_ext_id)).map((dt) => dt.tag_ext_id)
+    );
+    return standard(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        LabelsCombobox,
+        {
+          labelTags,
+          appliedTagIds: appliedIds,
+          onToggle: (tag2) => options.onUpdateTagValue(tag2, !appliedIds.has(tag2.external_id)),
+          onCreateAndApply: options.onCreateAndApplyLabel
+        }
+      )
+    );
+  }
+  const tag = workspaceTags.find((t) => t.external_id === columnId);
+  if (!tag || !browser.isAnnotationTag(tag)) return null;
+  const doctag = doc.doctags?.find((dt) => dt.tag_ext_id === tag.external_id);
+  let value;
+  if (tag.tag_type.type === "select") {
+    value = /* @__PURE__ */ jsxRuntime.jsx(
+      chunk5YX3R6CK_cjs.FieldNativeSelect,
+      {
+        value: doctag?.note || "",
+        options: tag.tag_type.options,
+        onChange: (next) => options.onUpdateTagValue(tag, next),
+        ariaLabel: tag.name
+      }
+    );
+  } else if (tag.tag_type.type === "number") {
+    value = /* @__PURE__ */ jsxRuntime.jsx(
+      ui.DebouncedInput,
+      {
+        type: "number",
+        value: doctag?.note || "",
+        onChange: (next) => options.onUpdateTagValue(tag, next),
+        placeholder: `Add ${tag.name.toLowerCase()}\u2026`,
+        className: INPUT_CLASS
+      }
+    );
+  } else {
+    value = /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Textarea,
+      {
+        value: doctag?.note || "",
+        onChange: (e) => options.onUpdateTagWithCitations(tag, e.target.value, doctag?.citations ?? null),
+        placeholder: "Add a note...",
+        rows: 2,
+        className: INPUT_CLASS
+      }
+    );
+  }
+  return {
+    label: tag.name,
+    tag,
+    children: doctag ? /* @__PURE__ */ jsxRuntime.jsx(chunk5YX3R6CK_cjs.FieldWithAttribution, { attribution: /* @__PURE__ */ jsxRuntime.jsx(DocTagAttribution, { doctag }), children: value }) : value
+  };
+}
+
+exports.ConnectedPendingSyncDialog = ConnectedPendingSyncDialog;
+exports.ConnectedTagEntity = ConnectedTagEntity;
+exports.DocumentFolderCell = DocumentFolderCell;
+exports.DocumentLabelsCell = DocumentLabelsCell;
+exports.DocumentNameCell = DocumentNameCell;
+exports.DocumentSharedCell = DocumentSharedCell;
+exports.DocumentStatusGlyph = DocumentStatusGlyph;
+exports.DocumentSyncGlyph = DocumentSyncGlyph;
+exports.DocumentUser = DocumentUser;
+exports.FILES_PREFS_KEY = FILES_PREFS_KEY;
+exports.FileTile = FileTile;
+exports.FileTooltipContent = FileTooltipContent;
+exports.FolderTile = FolderTile;
+exports.RelatedDocumentsCell = RelatedDocumentsCell;
+exports.StatusCell = StatusCell2;
+exports.UserAvatar = UserAvatar;
+exports.documentFieldContent = documentFieldContent;
+exports.filesViewMode = filesViewMode;
+exports.isActiveDocumentStatus = isActiveDocumentStatus;
+exports.openPendingSyncDialog = openPendingSyncDialog;
+exports.parseQuotaError = parseQuotaError;
+exports.startMenuItem = startMenuItem;
+exports.useAiReviewStore = useAiReviewStore;
+exports.useDocumentFolders = useDocumentFolders;
+exports.useFilesDialogs = useFilesDialogs;
+exports.useFilesGridStates = useFilesGridStates;
+exports.useFilesPrefs = useFilesPrefs;
+exports.useFilesStore = useFilesStore;
+exports.useMemberLookup = useMemberLookup;
+exports.usePendingFolders = usePendingFolders;
+exports.useResolvedDocStatus = useResolvedDocStatus;
+//# sourceMappingURL=chunk-S7B5E3RU.cjs.map
+//# sourceMappingURL=chunk-S7B5E3RU.cjs.map