@arbidocs/blocks 0.5.48 → 0.5.50

package/dist/chunk-3Y4UTPCD.js

@@ -0,0 +1,1521 @@
+"use client";
+import { ExplorerFileTile, formatFolderSegment, hasFolderProviderIcon, FolderProviderIcon, ExplorerFolderTile, StatusPill, FailedStageIcon, DocumentNameCellFrame, DocumentRowMenu, visibilityToggleTooltip, FolderCell, FolderCommandList, RelatedDocsCell, DOCUMENTS_ROW_HEIGHT_INITIAL, ExplorerFileTooltip, visibilityAudience, FieldValue, FieldFolderSelect, FieldFolderValue, FieldNativeSelect, FieldWithAttribution, FieldLabelsSelect, FieldAttribution } from './chunk-YYZH6VRP.js';
+import { SharedCell, EntityTooltip, EntityTooltipHeader } from './chunk-C3VTWM74.js';
+import { LabelMultiSelectView } from './chunk-JMQLTMJ7.js';
+import { GridView } from './chunk-7F5Z4K5W.js';
+import { useBlocksEnvironment } from './chunk-KOOC6VD3.js';
+import { ModalSection } from './chunk-TX2ZICS7.js';
+import { getFileTypeIcon, DocumentEntity, cn, getDocumentTitle, UserEntity, getUserAvatarColor, isAgent, agentAvatarColors, getUserDisplayName, getUserInitials, formatFolderLabel, getEntityLabel, getEntityColor, VisibilityIcon, formatFriendlyDate, getDocumentSubject, Avatar, AvatarImage, AvatarFallback, formatRelativeTime, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Button, getTagTypeIcon, getTagTypeLabel, Badge, VisibilityToggle, TagEntity, DebouncedInput, Textarea, formatDocDate, getDocumentDate, friendlyFileType } from '@arbidocs/react/ui';
+import { memo, useMemo, useRef, useEffect, useCallback, useState } from 'react';
+import { SquarePen, BookOpen, MessagesSquare, Pencil, Download, Mail, FolderInput, Trash2, Eye, Sparkles, Play, ArrowDownToLine, RefreshCw, Zap, AlertTriangle, FileX, SkipForward, Loader2, Clock, CheckCircle, WifiOff, CircleCheck, RotateCcw } from 'lucide-react';
+import { SIGNED_LOCKED_REASON, isSignedVersion, currentHasMarkup, fetchMarkupPdf, downloadBlob, useIsOnline } from '@arbidocs/react/document-tools';
+import { IN_FLIGHT_DOCUMENT_STATUSES, useOfflineDocumentIds, useOpenViewerDocumentId, FINISHED_DOCUMENT_STATUSES, useMailPolicy, useProcessingTasks, resolveDocumentStatus, useArbi, useIsCreatingTag, useProcessingTask, useDocumentPendingSync, useTags, usePendingSyncItems, useCancelManyPendingSync, useDocumentsSupport, useDocumentHostActions, useWorkspaceUsers } from '@arbidocs/react';
+import { create } from 'zustand';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useDraggable, useDroppable } from '@dnd-kit/core';
+import { persist, createJSONStorage } from 'zustand/middleware';
+import { isLabelTag, isAnnotationTag } from '@arbidocs/sdk/browser';
+
+var usePendingSyncDialog = 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__ */ jsxs("span", { className: `inline-flex items-center gap-1.5 text-sm font-medium ${meta.tone}`, children: [
+    /* @__PURE__ */ 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 = useIsOnline();
+  const items = usePendingSyncItems();
+  const cancelMany = useCancelManyPendingSync();
+  const [selected, setSelected] = useState([]);
+  const undoableIds = useMemo(
+    () => items.filter((i) => i.status !== "syncing").map((i) => i.mutationId),
+    [items]
+  );
+  const selectedUndoableIds = useMemo(
+    () => selected.filter((i) => i.status !== "syncing").map((i) => i.mutationId),
+    [selected]
+  );
+  const columnDefs = 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 ? 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__ */ jsx(Dialog, { open: isOpen, onOpenChange: setOpen, children: /* @__PURE__ */ jsxs(DialogContent, { presentation: "sheet", className: "sm:max-w-2xl", "data-testid": "pending-sync-modal", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxs(DialogTitle, { className: "flex items-center gap-2", children: [
+        isOnline ? /* @__PURE__ */ jsx(RefreshCw, { className: "h-5 w-5 text-primary" }) : /* @__PURE__ */ jsx(WifiOff, { className: "h-5 w-5 text-yellow-text" }),
+        title
+      ] }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ] }),
+    items.length === 0 ? /* @__PURE__ */ jsxs(ModalSection, { className: "flex flex-col items-center gap-2 py-10 text-center text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(CircleCheck, { className: "h-6 w-6 text-green-text opacity-70" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Everything is up to date." })
+    ] }) : /* @__PURE__ */ jsx(ModalSection, { children: /* @__PURE__ */ jsx(
+      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__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsxs(
+      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__ */ jsx(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 = useOfflineDocumentIds().has(docExtId);
+  if (!isAvailableOffline) return null;
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      title: "Available offline (saved on this device)",
+      "aria-label": "Available offline",
+      "data-testid": `offline-available-badge-${docExtId}`,
+      className: cn(
+        "inline-flex items-center justify-center rounded-full text-white ring-1 ring-white",
+        bgClassName,
+        className
+      ),
+      style: { width: size, height: size },
+      children: /* @__PURE__ */ jsx(ArrowDownToLine, { size: Math.round(size * 0.7), strokeWidth: 2.75 })
+    }
+  );
+}
+var NO_ACTIONS = {};
+var ACTIVE_STATUSES = IN_FLIGHT_DOCUMENT_STATUSES;
+var TERMINAL_STATUSES = 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 resolveDocumentStatus(doc, useProcessingTask(doc.external_id));
+}
+function TileStatusBadge({ doc, status }) {
+  let tone = "neutral";
+  let icon = null;
+  let title = "";
+  switch (status) {
+    case "completed":
+      tone = "success";
+      icon = /* @__PURE__ */ jsx(CheckCircle, { className: "size-4 text-green-text", strokeWidth: 2.75 });
+      title = "Ready";
+      break;
+    case "failed":
+      tone = "danger";
+      icon = /* @__PURE__ */ jsx(
+        FailedStageIcon,
+        {
+          stage: doc.failed_stage ?? null,
+          errorMessage: doc.error_message,
+          className: "size-4 text-red-text"
+        }
+      );
+      title = "Failed";
+      break;
+    case "skipped":
+      icon = /* @__PURE__ */ jsx(SkipForward, { className: "size-4 text-muted-foreground", strokeWidth: 2.75 });
+      title = "Skipped";
+      break;
+    case "empty":
+      tone = "warning";
+      icon = /* @__PURE__ */ jsx(FileX, { className: "size-4 text-yellow-text", strokeWidth: 2.75 });
+      title = "Empty \u2014 no extractable content";
+      break;
+    case "low-content":
+      tone = "warning";
+      icon = /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 text-yellow-text", strokeWidth: 2.75 });
+      title = "Low content \u2014 minimal extractable content";
+      break;
+    default:
+      return null;
+  }
+  return /* @__PURE__ */ jsx(
+    StatusPill,
+    {
+      tone,
+      icon,
+      title,
+      testId: `explorer-file-status-${doc.external_id}`
+    }
+  );
+}
+function TileVisibilityBadge({ doc }) {
+  const shared = !!doc.shared;
+  return /* @__PURE__ */ jsx(
+    StatusPill,
+    {
+      icon: /* @__PURE__ */ jsx(VisibilityIcon, { isShared: shared, className: "size-3.5", "aria-hidden": true }),
+      label: shared ? getEntityLabel("WORKSPACE") : "Only you",
+      title: visibilityAudience(shared),
+      testId: `explorer-file-visibility-${doc.external_id}`
+    }
+  );
+}
+function MiniUserAvatar({ user }) {
+  return /* @__PURE__ */ jsxs(Avatar, { className: "h-4 w-4 border border-white", children: [
+    user.picture && /* @__PURE__ */ jsx(AvatarImage, { src: user.picture, alt: getUserDisplayName(user) }),
+    /* @__PURE__ */ jsx(
+      AvatarFallback,
+      {
+        className: cn(
+          "text-xs font-semibold leading-none text-white",
+          getUserAvatarColor(user.external_id)
+        ),
+        children: getUserInitials(user)
+      }
+    )
+  ] });
+}
+function FileTooltipContent({
+  doc,
+  modifiedBy,
+  tagNameById
+}) {
+  const labels = (doc.doctags ?? []).map((dt) => tagNameById.get(dt.tag_ext_id)).filter((name) => !!name);
+  return /* @__PURE__ */ jsx(
+    ExplorerFileTooltip,
+    {
+      title: getDocumentTitle(doc, doc.file_name ?? ""),
+      summary: getDocumentSubject(doc),
+      modifiedLabel: doc.updated_at ? formatFriendlyDate(doc.updated_at, false) : null,
+      modifiedByAvatar: modifiedBy && /* @__PURE__ */ jsx(MiniUserAvatar, { user: modifiedBy }),
+      shared: !!doc.shared,
+      visibilityIcon: /* @__PURE__ */ jsx(VisibilityIcon, { isShared: !!doc.shared, className: "h-3 w-3" }),
+      labels,
+      uiLabels: { shared: visibilityAudience(true), private: visibilityAudience(false) }
+    }
+  );
+}
+function startMenuItem(items) {
+  if (items.length === 0) return [];
+  return [
+    {
+      id: "start",
+      label: "Start\u2026",
+      icon: Sparkles,
+      testId: "explorer-start-menu",
+      onSelect: () => {
+      },
+      submenu: items.map((item) => ({
+        id: item.id,
+        label: item.title,
+        icon: Play,
+        onSelect: item.run,
+        testId: `explorer-start-${item.id}`
+      }))
+    }
+  ];
+}
+var FileTile = 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 } = useDraggable({
+    id: `doc:${doc.external_id}`,
+    data: { type: "doc", docId: doc.external_id }
+  });
+  const { notify } = useBlocksEnvironment();
+  const { startItemsForFile, openDocumentChat, emailDocument } = actions;
+  const status = useDocStatus(doc);
+  const isProcessing = ACTIVE_STATUSES.has(status);
+  const isOffline = useOfflineDocumentIds().has(doc.external_id);
+  const isViewing = useOpenViewerDocumentId() === doc.external_id;
+  const showStatusMarker = !isProcessing && TERMINAL_STATUSES.has(status);
+  const Icon = getFileTypeIcon(doc.file_name, { mime: doc.file_type });
+  const { data: mailPolicy } = 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: SquarePen, onSelect: () => onOpen(doc) },
+    ...onReview ? [{ id: "review", label: "Open in Review", icon: BookOpen, onSelect: () => onReview(doc) }] : [],
+    ...openDocumentChat ? [
+      {
+        id: "chat",
+        label: "Document chat",
+        icon: MessagesSquare,
+        onSelect: () => openDocumentChat(doc.external_id)
+      }
+    ] : [],
+    ...startMenuItem(startItems ?? []),
+    {
+      id: "rename",
+      label: "Rename",
+      icon: Pencil,
+      onSelect: () => onStartRename(doc),
+      separatorBefore: true
+    },
+    { id: "download", label: "Download", icon: Download, onSelect: () => onDownload(doc) },
+    ...emailDocument && mailPolicy?.enabled ? [
+      {
+        id: "email",
+        label: "Send as email attachment",
+        icon: Mail,
+        onSelect: () => {
+          void shareAsEmail();
+        }
+      }
+    ] : [],
+    ...onMove ? [{ id: "move", label: "Move to\u2026", icon: FolderInput, onSelect: () => onMove(doc) }] : [],
+    ...canDelete ? [
+      {
+        id: "delete",
+        label: "Delete",
+        icon: Trash2,
+        onSelect: () => onDelete(doc),
+        destructive: true,
+        separatorBefore: true
+      }
+    ] : []
+  ];
+  const tooltip = renaming || dndActive ? void 0 : /* @__PURE__ */ jsx(FileTooltipContent, { doc, modifiedBy, tagNameById });
+  return /* @__PURE__ */ jsx(
+    ExplorerFileTile,
+    {
+      id: doc.external_id,
+      title: getDocumentTitle(doc, doc.file_name ?? ""),
+      density,
+      selected,
+      dragging,
+      renaming,
+      thumbnailUrl,
+      renderFileIcon: (size) => /* @__PURE__ */ jsx(Icon, { size, className: "drop-shadow-sm" }),
+      progress: isProcessing ? { label: STATUS_LABEL[status] ?? status, queued: status === "queued" } : void 0,
+      statusMarker: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(TileVisibilityBadge, { doc }),
+        showStatusMarker && /* @__PURE__ */ jsx(TileStatusBadge, { doc, status })
+      ] }),
+      offlineMarker: isOffline ? /* @__PURE__ */ jsx(DocumentSyncGlyph, { docExtId: doc.external_id, size: 24, bgClassName: "bg-primary" }) : void 0,
+      entity: /* @__PURE__ */ jsx(
+        DocumentEntity,
+        {
+          doc,
+          labelMaxWidth: "max-w-full",
+          noClamp: true,
+          labelClassName: "whitespace-normal line-clamp-2 break-words",
+          viewing: isViewing,
+          tooltipContent: /* @__PURE__ */ jsx(FileTooltipContent, { doc, modifiedBy, tagNameById }),
+          className: 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 = memo(function FolderTile2({
+  folder,
+  density,
+  editing,
+  selected,
+  partiallySelected,
+  documents,
+  onOpen,
+  onToggleSelect,
+  onCommitName,
+  onCancelName,
+  onStartRename,
+  onDownload,
+  onMove,
+  onDelete,
+  actions = NO_ACTIONS
+}) {
+  const { setNodeRef, isOver } = useDroppable({
+    id: `folder:${folder.path.join("/")}`,
+    data: { type: "folder", path: folder.path }
+  });
+  const { startItemsForFolder } = actions;
+  const tasks = useProcessingTasks();
+  const processingCount = useMemo(
+    () => documents.filter(
+      (doc) => isActiveDocumentStatus(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: Pencil, onSelect: () => onStartRename(folder) }] : [],
+    ...!isEmpty ? startMenuItem(startItemsForFolder?.(folder.path.join("/")) ?? []) : [],
+    ...onDownload && !isEmpty ? [{ id: "download", label: "Download", icon: Download, onSelect: () => onDownload(folder) }] : [],
+    ...onMove && !isEmpty ? [{ id: "move", label: "Move to\u2026", icon: FolderInput, onSelect: () => onMove(folder) }] : [],
+    ...onDelete ? [
+      {
+        id: "delete",
+        label: "Delete",
+        icon: Trash2,
+        onSelect: () => onDelete(folder),
+        destructive: true,
+        separatorBefore: true
+      }
+    ] : []
+  ];
+  const displayName = folder.path.length === 1 ? formatFolderSegment(folder.name) : folder.name;
+  const providerIcon = folder.path.length === 1 && hasFolderProviderIcon(folder.name) ? /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "flex items-center justify-center drop-shadow-sm",
+      style: { width: iconSize, height: iconSize },
+      children: /* @__PURE__ */ jsx(FolderProviderIcon, { folderPath: folder.name, className: "h-full w-full" })
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsx(
+    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 = useProcessingTask(doc?.external_id ?? "");
+  const isPendingSync = useDocumentPendingSync(doc?.external_id);
+  if (!doc || !doc.status) return null;
+  const status = 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__ */ jsx(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__ */ jsx(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__ */ jsx(Loader2, { className: `${GLYPH} animate-spin text-ai-ink` }),
+        title: PROCESSING_LABELS[resolved.status]
+      };
+    case "skipped":
+      return {
+        node: /* @__PURE__ */ jsx(SkipForward, { className: `${GLYPH} text-muted-foreground` }),
+        title: "Skipped"
+      };
+    case "empty":
+      return {
+        node: /* @__PURE__ */ jsx(FileX, { className: `${GLYPH} text-yellow-text` }),
+        title: "Empty, no extractable content"
+      };
+    case "low-content":
+      return {
+        node: /* @__PURE__ */ jsx(AlertTriangle, { className: `${GLYPH} text-yellow-text` }),
+        title: "Low content, minimal extractable content"
+      };
+    case "failed":
+      if (doc.error_message?.startsWith(QUOTA_PREFIX)) {
+        return { node: /* @__PURE__ */ jsx(Zap, { className: `${GLYPH} text-yellow-text` }), title: "AI usage used up" };
+      }
+      return {
+        node: /* @__PURE__ */ jsx(
+          FailedStageIcon,
+          {
+            stage: resolved.failedStage,
+            errorMessage: doc.error_message,
+            className: `${GLYPH} text-red-text`
+          }
+        ),
+        title: "Failed"
+      };
+    default:
+      return null;
+  }
+}
+var DocumentStatusGlyph = memo(function DocumentStatusGlyph2({
+  doc
+}) {
+  const resolved = useResolvedDocStatus(doc);
+  const shown = resolved ? describeGlyph(resolved, doc) : null;
+  if (!resolved || !shown) return null;
+  return /* @__PURE__ */ 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 = memo(function StatusCell3({
+  doc,
+  onStatusClick,
+  actions
+}) {
+  const resolved = useResolvedDocStatus(doc);
+  if (!doc || !resolved) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+  const { status, isPendingSync, failedStage } = resolved;
+  const cell = (pill) => /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center overflow-hidden", children: pill });
+  const click = () => onStatusClick?.();
+  if (isPendingSync) {
+    return cell(
+      /* @__PURE__ */ jsx(
+        StatusPill,
+        {
+          tone: "warning",
+          icon: /* @__PURE__ */ jsx(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__ */ jsx(
+          StatusPill,
+          {
+            tone: "success",
+            icon: /* @__PURE__ */ jsx(CheckCircle, { className: "size-3.5" }),
+            label: "Ready",
+            title: "Ready",
+            onClick: click
+          }
+        )
+      );
+    case "skipped":
+      return cell(
+        /* @__PURE__ */ jsx(
+          StatusPill,
+          {
+            tone: "neutral",
+            icon: /* @__PURE__ */ jsx(SkipForward, { className: "size-3.5" }),
+            label: "Skipped",
+            title: "Skipped",
+            onClick: click
+          }
+        )
+      );
+    case "empty":
+      return cell(
+        /* @__PURE__ */ jsx(
+          StatusPill,
+          {
+            tone: "warning",
+            icon: /* @__PURE__ */ jsx(FileX, { className: "size-3.5" }),
+            label: "Empty",
+            title: "Empty - no extractable content",
+            onClick: click
+          }
+        )
+      );
+    case "low-content":
+      return cell(
+        /* @__PURE__ */ jsx(
+          StatusPill,
+          {
+            tone: "warning",
+            icon: /* @__PURE__ */ jsx(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__ */ jsx(
+            StatusPill,
+            {
+              tone: "warning",
+              icon: /* @__PURE__ */ jsx(Zap, { className: "size-3.5" }),
+              label: "Quota",
+              title: "AI usage used up \u2014 click for options",
+              onClick: () => actions?.openQuota?.(quota)
+            }
+          )
+        );
+      }
+      return cell(
+        /* @__PURE__ */ jsx(
+          StatusPill,
+          {
+            tone: "danger",
+            icon: /* @__PURE__ */ jsx(
+              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__ */ jsx(
+          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__ */ jsx(
+          StatusPill,
+          {
+            tone: "info",
+            label: PROCESSING_LABELS[status],
+            progress: "processing",
+            title: PROCESSING_LABELS[status],
+            onClick: click
+          }
+        )
+      );
+    default:
+      return cell(/* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: status }));
+  }
+});
+var UserAvatar = memo(function UserAvatar2({
+  user,
+  isMe = false,
+  onOpen
+}) {
+  if (!user) return /* @__PURE__ */ jsx(UserEntity, { empty: true, size: "xs" });
+  const colorClass = getUserAvatarColor(user.external_id);
+  const agent = isAgent(user);
+  return /* @__PURE__ */ jsx(
+    UserEntity,
+    {
+      size: "xs",
+      variant: "icon",
+      showTooltip: false,
+      interactive: !!onOpen,
+      initials: getUserInitials(user),
+      displayName: isMe ? "You" : getUserDisplayName(user),
+      picture: user.picture,
+      colorClass,
+      isAgent: agent,
+      isVerified: user.is_identity_verified === true,
+      agentStyle: agent ? agentAvatarColors(colorClass) : void 0,
+      isMe,
+      onClick: onOpen ? (e) => {
+        e.stopPropagation();
+        onOpen(user.external_id);
+      } : void 0
+    }
+  );
+});
+function DocumentSummaryTooltip({
+  doc,
+  users
+}) {
+  const { data: tags } = 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__ */ jsx(FileTooltipContent, { doc, modifiedBy, tagNameById });
+}
+var OPEN_AFTER_DOUBLE_CLICK_WINDOW_MS = 300;
+var DocumentNameCell = memo(function DocumentNameCell2({
+  doc,
+  canEdit,
+  users,
+  onOpen,
+  onReview,
+  onDocumentChat,
+  onRename,
+  onDownload,
+  onMove,
+  onDelete
+}) {
+  const arbi = useArbi();
+  const { notify } = useBlocksEnvironment();
+  const isViewing = useOpenViewerDocumentId() === doc.external_id;
+  const openTimerRef = useRef(void 0);
+  useEffect(() => () => window.clearTimeout(openTimerRef.current), []);
+  const downloadMarkup = async () => {
+    try {
+      const { blob, fileName } = await fetchMarkupPdf(arbi.getClient().fetch, doc.external_id);
+      downloadBlob(blob, fileName);
+    } catch (e) {
+      notify(e instanceof Error ? e.message : "The markup could not be downloaded", "error");
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    DocumentNameCellFrame,
+    {
+      testId: `open-document-viewer-button-${doc.external_id}`,
+      isViewing,
+      subtitle: [doc.created_at?.slice(0, 10), doc.folder ? formatFolderLabel(doc.folder) : null].filter(Boolean).join(" \xB7 "),
+      children: /* @__PURE__ */ jsx(
+        DocumentEntity,
+        {
+          doc,
+          size: "base",
+          labelMaxWidth: "max-w-full",
+          fullWidth: true,
+          status: /* @__PURE__ */ jsx(DocumentStatusGlyph, { doc }),
+          tooltipContent: /* @__PURE__ */ jsx(DocumentSummaryTooltip, { doc, users }),
+          iconBadge: /* @__PURE__ */ 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__ */ jsx(
+            DocumentRowMenu,
+            {
+              canEdit,
+              onOpen,
+              onReview,
+              onDocumentChat,
+              onRename,
+              onDownload,
+              onDownloadMarkup: currentHasMarkup(doc) ? () => void downloadMarkup() : void 0,
+              downloadMarkupDisabledReason: isSignedVersion(doc) ? SIGNED_LOCKED_REASON : void 0,
+              onMove,
+              onDelete
+            }
+          ),
+          className: "min-w-0 max-w-full border-transparent bg-transparent hover:bg-foreground/5"
+        }
+      )
+    }
+  );
+});
+var DocumentSharedCell = memo(function DocumentSharedCell2({
+  document,
+  disabled = false,
+  disabledTooltip,
+  onToggle
+}) {
+  const handleToggle = useCallback(
+    (shouldShare) => onToggle(document.external_id, shouldShare),
+    [document.external_id, onToggle]
+  );
+  return /* @__PURE__ */ jsx(
+    SharedCell,
+    {
+      item: document,
+      onToggle: handleToggle,
+      disabled,
+      disabledTooltip,
+      tooltipActive: visibilityToggleTooltip(true),
+      tooltipInactive: visibilityToggleTooltip(false),
+      workspaceLabel: getEntityLabel("WORKSPACE")
+    }
+  );
+});
+function useDocumentFolders(documents, value) {
+  return 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 ? formatFolderSegment(part) : part).filter((part, i) => i > 0 || part !== "");
+}
+var DocumentFolderCell = memo(
+  function DocumentFolderCell2({
+    document,
+    isEditable,
+    allDocuments,
+    onUpdateFolder
+  }) {
+    const folder = document.folder;
+    const folders = useDocumentFolders(allDocuments, folder);
+    return /* @__PURE__ */ jsx(
+      FolderCell,
+      {
+        folder,
+        segments: folder ? folderSegments(folder) : [],
+        icon: folder && hasFolderProviderIcon(folder) ? /* @__PURE__ */ jsx(FolderProviderIcon, { folderPath: folder, className: "h-3.5 w-3.5 flex-none shrink-0" }) : void 0,
+        isEditable,
+        picker: /* @__PURE__ */ jsx(
+          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 = memo(function RelatedDocumentsCell2({
+  currentDoc,
+  related,
+  viewingDocumentId,
+  onDocumentClick,
+  onDelete,
+  canDelete,
+  onCompare
+}) {
+  return /* @__PURE__ */ jsx(
+    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__ */ jsx(
+        DocumentEntity,
+        {
+          doc,
+          icon: viewingDocumentId === doc.external_id ? /* @__PURE__ */ jsx(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 = memo(function DocumentLabelsCell2({
+  doc,
+  labels,
+  createDocTag,
+  deleteDocTag,
+  createTag,
+  isMember,
+  rowHeight,
+  actions
+}) {
+  const isCreatingTag = useIsCreatingTag();
+  const { notify } = useBlocksEnvironment();
+  const options = useMemo(
+    () => labels.map((t) => ({
+      id: t.external_id,
+      name: t.name,
+      color: getEntityColor(t.external_id, "medium")
+    })),
+    [labels]
+  );
+  const appliedIds = 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 = useCallback(
+    (tagId) => createDocTag.mutateAsync({ tagId, docIds: [doc.external_id] }),
+    [createDocTag, doc.external_id]
+  );
+  const handleToggle = 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 = 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__ */ jsx(
+    LabelMultiSelectView,
+    {
+      options,
+      appliedIds,
+      onToggle: handleToggle,
+      onCreate: handleCreate,
+      onEditLabels: openFieldsManager ? () => openFieldsManager() : void 0,
+      rowHeight
+    }
+  );
+});
+function DocumentUser({
+  user,
+  tooltip = true,
+  variant = "icon"
+}) {
+  const { renderUser } = useDocumentsSupport();
+  const { openUser } = useDocumentHostActions();
+  if (user && renderUser) return /* @__PURE__ */ jsx(Fragment, { children: renderUser(user, { tooltip, variant }) });
+  if (user && variant === "pill")
+    return /* @__PURE__ */ jsx(
+      UserEntity,
+      {
+        size: "sm",
+        variant: "pill",
+        displayName: getUserDisplayName(user),
+        picture: user.picture,
+        initials: `${user.given_name?.charAt(0) ?? ""}${user.family_name?.charAt(0) ?? ""}`
+      }
+    );
+  return /* @__PURE__ */ jsx(UserAvatar, { user, onOpen: openUser });
+}
+function useMemberLookup() {
+  const { data: members = [] } = useWorkspaceUsers();
+  return useCallback(
+    (userId) => userId ? members.find((m) => m.user.external_id === userId)?.user : void 0,
+    [members]
+  );
+}
+var useFilesStore = create()(
+  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: 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 = create()(
+  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: DOCUMENTS_ROW_HEIGHT_INITIAL,
+      setRowHeight: (rowHeight) => set({ rowHeight })
+    }),
+    {
+      name: "arbi_files_prefs",
+      storage: 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 = 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 = create()(
+  persist(
+    (set) => ({
+      gridStates: {},
+      setGridState: (gridId, state) => set((current) => ({ gridStates: { ...current.gridStates, [gridId]: state } }))
+    }),
+    { name: "arbi_files_grids", storage: createJSONStorage(() => localStorage) }
+  )
+);
+var useFilesDialogs = 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 } = useTags();
+  const { data: members = [] } = useWorkspaceUsers();
+  const byId = (id) => id ? members.find((m) => m.user.external_id === id)?.user : void 0;
+  const freshTag = 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 = getTagTypeIcon(tag.tag_type.type);
+  const tagColor = getEntityColor(tag.external_id, "medium");
+  const handleVisibilityToggle = () => {
+    if (canEdit && onEditClick) {
+      onEditClick();
+    }
+  };
+  const tooltipContent = showTooltip ? /* @__PURE__ */ jsxs(EntityTooltip, { children: [
+    /* @__PURE__ */ jsx(
+      EntityTooltipHeader,
+      {
+        lead: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "inline-flex items-center justify-center rounded-md text-white p-1",
+            style: { backgroundColor: tagColor },
+            children: /* @__PURE__ */ jsx(Icon, { size: 16 })
+          }
+        ),
+        title: tag.name
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5 text-sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Type:" }),
+        /* @__PURE__ */ jsx("span", { children: getTagTypeLabel(tag.tag_type.type) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Documents:" }),
+        /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "h-5 min-w-[20px] justify-center", children: freshTag.doctag_count ?? 0 })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          VisibilityToggle,
+          {
+            items: freshTag,
+            onToggle: handleVisibilityToggle,
+            disabled: !canEdit,
+            showLabel: false,
+            showTooltip: canEdit,
+            tooltipActive: "Click to edit",
+            tooltipInactive: "Click to edit"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: freshTag.shared ? "Shared" : "Private" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Created:" }),
+        /* @__PURE__ */ jsx("span", { children: formatFriendlyDate(tag.created_at) }),
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "by" }),
+        /* @__PURE__ */ jsx(UserAvatar, { user: creator ?? void 0 })
+      ] }),
+      tag.updated_at && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Updated:" }),
+        /* @__PURE__ */ jsx("span", { children: formatFriendlyDate(tag.updated_at) }),
+        updater && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "by" }),
+          /* @__PURE__ */ jsx(UserAvatar, { user: updater })
+        ] })
+      ] })
+    ] })
+  ] }) : void 0;
+  return /* @__PURE__ */ jsx(
+    TagEntity,
+    {
+      tag: { ...tag, color: tagColor },
+      size,
+      className,
+      onClick,
+      showTooltip,
+      tooltipContent
+    }
+  );
+}
+function FolderPicker({
+  documents,
+  value,
+  onSelect
+}) {
+  const folders = useDocumentFolders(documents, value);
+  return /* @__PURE__ */ jsx(FolderCommandList, { folders, value, onSelect, showRemove: !!value });
+}
+function RelatedDocuments({
+  doc,
+  related,
+  onOpen,
+  onDelete,
+  canDelete,
+  onCompare
+}) {
+  const viewingDocumentId = useOpenViewerDocumentId();
+  return /* @__PURE__ */ 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 ${formatFriendlyDate(doctag.created_at)} by ${creator.given_name || creator.email}`,
+    updater && `Updated ${formatFriendlyDate(doctag.updated_at)} by ${updater.given_name || updater.email}`
+  ].filter((line) => !!line);
+  return /* @__PURE__ */ jsx(
+    FieldAttribution,
+    {
+      avatar: /* @__PURE__ */ jsx(DocumentUser, { user: lastUser, tooltip: false }),
+      date: formatFriendlyDate(updater ? doctag.updated_at : doctag.created_at),
+      lines
+    }
+  );
+}
+function LabelsCombobox({
+  labelTags,
+  appliedTagIds,
+  onToggle,
+  onCreateAndApply
+}) {
+  const options = useMemo(
+    () => labelTags.map((t) => ({
+      id: t.external_id,
+      name: t.name,
+      color: 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__ */ jsx(
+    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) => 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) => formatDocDate(getDocumentDate(doc))
+};
+var INPUT_CLASS = "text-sm bg-muted/40 focus:bg-background transition-colors";
+var READ_ONLY_FIELDS = {
+  file_name: (doc) => /* @__PURE__ */ jsx(FieldValue, { tone: "strong", children: doc.file_name || "N/A" }),
+  status: (doc) => /* @__PURE__ */ jsx(FieldValue, { tone: "muted", children: doc.status || "N/A" }),
+  n_pages: (doc) => /* @__PURE__ */ jsx(FieldValue, { tone: "muted", children: doc.n_pages || "N/A" }),
+  created_at: (doc) => /* @__PURE__ */ jsx(FieldValue, { tone: "muted", children: doc.created_at ? formatFriendlyDate(doc.created_at) : "N/A" }),
+  updated_at: (doc) => /* @__PURE__ */ jsx(FieldValue, { tone: "muted", children: doc.updated_at ? formatFriendlyDate(doc.updated_at) : "N/A" }),
+  file_type: (doc) => /* @__PURE__ */ jsx(FieldValue, { tone: "muted", children: friendlyFileType(doc.file_type, doc.file_name) }),
+  file_size: (doc) => /* @__PURE__ */ jsx(FieldValue, { tone: "muted", children: doc.file_size ? `${Math.round(doc.file_size / 1024)} KB` : "N/A" }),
+  doc_id: (doc) => /* @__PURE__ */ jsx(FieldValue, { tone: "muted", isMono: true, children: doc.external_id || "N/A" }),
+  content_hash: (doc) => /* @__PURE__ */ jsx(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__ */ jsx(Icon, { size: 14 }) : void 0,
+    children
+  });
+  const metadata = METADATA_FIELDS[columnId];
+  if (metadata) {
+    const editable = options.isColumnEditable(columnId) && canEdit;
+    return standard(
+      editable ? /* @__PURE__ */ jsx(
+        DebouncedInput,
+        {
+          value: metadata(doc),
+          onChange: (value2) => options.onUpdateDocumentField(columnId, value2),
+          multiline: true,
+          placeholder: `Add ${getColumnLabel(columnId).toLowerCase()}\u2026`,
+          className: INPUT_CLASS
+        }
+      ) : /* @__PURE__ */ jsx(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__ */ jsx(DocumentUser, { user: options.creator }));
+  if (columnId === "folder") {
+    return standard(
+      canEdit ? /* @__PURE__ */ jsx(
+        FieldFolderSelect,
+        {
+          folder: doc.folder,
+          picker: /* @__PURE__ */ jsx(
+            FolderPicker,
+            {
+              documents: options.allDocuments ?? [],
+              value: doc.folder,
+              onSelect: (folder) => options.onUpdateDocumentField("folder", folder)
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsx(FieldFolderValue, { folder: doc.folder })
+    );
+  }
+  if (columnId === "related") {
+    const related = options.relatedDocs;
+    if (!related) return null;
+    return standard(
+      /* @__PURE__ */ jsx(
+        RelatedDocuments,
+        {
+          doc,
+          related,
+          onOpen: options.onOpenDocument,
+          onDelete: options.onDeleteDocument,
+          canDelete: options.canDeleteRelatedDocument,
+          onCompare: options.onCompareDocuments
+        }
+      )
+    );
+  }
+  if (columnId === "all_tags") {
+    const labelTags = workspaceTags.filter(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__ */ 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 || !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__ */ jsx(
+      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__ */ jsx(
+      DebouncedInput,
+      {
+        type: "number",
+        value: doctag?.note || "",
+        onChange: (next) => options.onUpdateTagValue(tag, next),
+        placeholder: `Add ${tag.name.toLowerCase()}\u2026`,
+        className: INPUT_CLASS
+      }
+    );
+  } else {
+    value = /* @__PURE__ */ jsx(
+      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__ */ jsx(FieldWithAttribution, { attribution: /* @__PURE__ */ jsx(DocTagAttribution, { doctag }), children: value }) : value
+  };
+}
+
+export { ConnectedPendingSyncDialog, ConnectedTagEntity, DocumentFolderCell, DocumentLabelsCell, DocumentNameCell, DocumentSharedCell, DocumentStatusGlyph, DocumentSyncGlyph, DocumentUser, FILES_PREFS_KEY, FileTile, FileTooltipContent, FolderTile, RelatedDocumentsCell, StatusCell2 as StatusCell, UserAvatar, documentFieldContent, filesViewMode, isActiveDocumentStatus, openPendingSyncDialog, parseQuotaError, startMenuItem, useAiReviewStore, useDocumentFolders, useFilesDialogs, useFilesGridStates, useFilesPrefs, useFilesStore, useMemberLookup, usePendingFolders, useResolvedDocStatus };
+//# sourceMappingURL=chunk-3Y4UTPCD.js.map
+//# sourceMappingURL=chunk-3Y4UTPCD.js.map