@arbidocs/blocks 0.4.159 → 0.4.160

package/dist/chunk-J7YHBMBB.js

@@ -0,0 +1,1834 @@
+"use client";
+import { FailedStageIcon } from './chunk-KNCJSPXV.js';
+import { LabelPickerList } from './chunk-JMQLTMJ7.js';
+import { testIdOr, prefixedTestId } from './chunk-7F6CBP3Z.js';
+import { ModalSection, ModalSectionTitle } from './chunk-TX2ZICS7.js';
+import { Download, Copy, FolderInput, Users, XCircle, AlertTriangle, CheckCircle2, Loader2, Info, RotateCcw, Share2, ImagePlus, Crop, ChevronLeft, ChevronRight, ZoomIn, Tags, StickyNote, X, Check, ExternalLink, Square, RefreshCw, Settings, Unplug, CheckCircle, CircleSlash, AlertCircle, Hourglass, LoaderCircle, SquareCheckBig, FileX } from 'lucide-react';
+import { cn, Badge, RadioGroup, RadioGroupItem, Label, ScrollArea, Button, Checkbox, Progress, getEntityColor, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent, Textarea, Popover, PopoverTrigger, PopoverContent } from '@arbidocs/react/ui';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { memo, useMemo, useState, useRef } from 'react';
+
+var DEFAULT_EXPORT_LABELS = {
+  export: "Export, copy or move",
+  selected: (count) => `${count} selected`,
+  exportMethod: "Where to",
+  downloadToComputer: "Download as files",
+  downloadDescription: "A ZIP with the files (every version), one data file per kind (JSON) and a manifest",
+  copyToWorkspace: "Copy to another workspace",
+  copyDescription: "Re-encrypted for the target workspace; nothing changes here",
+  moveToWorkspace: "Move to another workspace",
+  moveDescription: "Copied first, then removed from here \u2014 only what you may delete here",
+  exportColumns: "Document table (index.csv)",
+  columnsVisible: "Visible columns (from current table view)",
+  columnsAll: "All columns (including hidden)",
+  columnsFiles: "None (files and data only)",
+  columnsHelp: "Which document columns go into index.csv",
+  selectTargetWorkspace: "Select Target Workspace",
+  noOtherWorkspaces: "No other workspaces available",
+  member: "member",
+  members: "members",
+  result: "Result",
+  noItemDetail: "The server returned no per-item detail.",
+  done: "Done",
+  cancel: "Cancel"
+};
+function ExportModalTitle({
+  workspace,
+  entityIcon,
+  entityPlural,
+  selectedCount,
+  labels
+}) {
+  const l = { ...DEFAULT_EXPORT_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { children: l.export }),
+      selectedCount > 0 && /* @__PURE__ */ jsx(Badge, { className: "bg-accent px-2.5 py-0.5 text-accent-foreground hover:bg-accent", children: /* @__PURE__ */ jsx("span", { className: "font-semibold", children: l.selected(selectedCount) }) })
+    ] }),
+    workspace && /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5 text-sm font-normal text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "shrink-0", children: workspace.icon }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", title: workspace.name, children: workspace.name }),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "/" }),
+      /* @__PURE__ */ jsx("span", { className: "shrink-0", children: entityIcon }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: entityPlural })
+    ] })
+  ] });
+}
+function ExportMethodChooser({
+  mode,
+  onModeChange,
+  columnsMode,
+  onColumnsModeChange,
+  showColumns = true,
+  moveDisabledReason,
+  labels,
+  columnsTestId
+}) {
+  const l = { ...DEFAULT_EXPORT_LABELS, ...labels };
+  const card = "flex cursor-pointer items-start space-x-3 rounded-lg bg-muted p-4 transition-colors hover:bg-accent";
+  const options = [
+    {
+      value: "download",
+      icon: Download,
+      title: l.downloadToComputer,
+      description: l.downloadDescription
+    },
+    { value: "copy", icon: Copy, title: l.copyToWorkspace, description: l.copyDescription },
+    {
+      value: "move",
+      icon: FolderInput,
+      title: l.moveToWorkspace,
+      description: moveDisabledReason ?? l.moveDescription,
+      disabledReason: moveDisabledReason
+    }
+  ];
+  return /* @__PURE__ */ jsxs(ModalSection, { children: [
+    /* @__PURE__ */ jsx(ModalSectionTitle, { children: l.exportMethod }),
+    /* @__PURE__ */ jsx(
+      RadioGroup,
+      {
+        value: mode,
+        onValueChange: (v) => onModeChange(v),
+        className: "space-y-3",
+        children: options.map((option) => {
+          const Icon = option.icon;
+          const disabled = !!option.disabledReason;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(card, disabled && "cursor-not-allowed opacity-60 hover:bg-muted"),
+              children: [
+                /* @__PURE__ */ jsx(
+                  RadioGroupItem,
+                  {
+                    value: option.value,
+                    id: `export-mode-${option.value}`,
+                    className: "mt-1",
+                    disabled
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1", onClick: () => !disabled && onModeChange(option.value), children: [
+                  /* @__PURE__ */ jsxs(
+                    Label,
+                    {
+                      htmlFor: `export-mode-${option.value}`,
+                      className: "flex cursor-pointer items-center gap-2 font-medium",
+                      children: [
+                        /* @__PURE__ */ jsx(Icon, { className: "size-4" }),
+                        option.title
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: option.description }),
+                  option.value === "download" && mode === "download" && showColumns && /* @__PURE__ */ jsxs("div", { className: "mt-3", onClick: (e) => e.stopPropagation(), children: [
+                    /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-foreground", children: l.exportColumns }),
+                    /* @__PURE__ */ jsxs(
+                      "select",
+                      {
+                        value: columnsMode,
+                        onChange: (e) => onColumnsModeChange(e.target.value),
+                        className: "mt-1.5 w-full rounded-md border border-input bg-background px-3 py-2 text-sm pointer-coarse:min-h-11",
+                        "data-testid": testIdOr(columnsTestId, { testId: "export-columns-selector" }),
+                        children: [
+                          /* @__PURE__ */ jsx("option", { value: "visible", children: l.columnsVisible }),
+                          /* @__PURE__ */ jsx("option", { value: "all", children: l.columnsAll }),
+                          /* @__PURE__ */ jsx("option", { value: "files", children: l.columnsFiles })
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-sm text-muted-foreground", children: l.columnsHelp })
+                  ] })
+                ] })
+              ]
+            },
+            option.value
+          );
+        })
+      }
+    )
+  ] });
+}
+function ExportWorkspacePicker({
+  workspaces,
+  selectedId,
+  onSelect,
+  labels,
+  testId
+}) {
+  const l = { ...DEFAULT_EXPORT_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(ModalSection, { children: [
+    /* @__PURE__ */ jsx(ModalSectionTitle, { children: l.selectTargetWorkspace }),
+    /* @__PURE__ */ jsx(ScrollArea, { className: "h-[300px] rounded-lg bg-muted", children: /* @__PURE__ */ jsx("div", { className: "space-y-2 p-2", children: workspaces.length === 0 ? /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: l.noOtherWorkspaces }) : workspaces.map((w) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelect(w.id),
+        "aria-pressed": selectedId === w.id,
+        "data-testid": testIdOr(testId?.(w.id), { testId: `export-workspace-${w.id}` }),
+        className: cn(
+          "w-full rounded-lg p-3 text-left transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          selectedId === w.id ? "bg-accent ring-1 ring-primary/40" : "bg-background hover:bg-accent/60"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-start gap-3", children: [
+            w.icon,
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "truncate font-medium", children: w.name }),
+              w.description && /* @__PURE__ */ jsx("div", { className: "mt-0.5 truncate text-sm text-muted-foreground", children: w.description })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-t border-border pt-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(Users, { className: "size-3" }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                w.memberCount,
+                " ",
+                w.memberCount === 1 ? l.member : l.members
+              ] })
+            ] }),
+            w.members
+          ] })
+        ]
+      },
+      w.id
+    )) }) })
+  ] });
+}
+var RESULT_ICON = { success: CheckCircle2, warning: AlertTriangle, error: XCircle };
+var RESULT_ICON_CLASS = {
+  success: "text-green-text",
+  warning: "text-yellow-text",
+  error: "text-red-text"
+};
+function ExportResultsReport({
+  summary,
+  rows,
+  onDone,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_EXPORT_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(ModalSection, { "data-testid": testIdOr(testIds?.root, { testId: "export-results" }), children: [
+    /* @__PURE__ */ jsx(ModalSectionTitle, { children: l.result }),
+    /* @__PURE__ */ jsx(
+      "p",
+      {
+        className: "text-sm text-muted-foreground",
+        "data-testid": testIdOr(testIds?.summary, { testId: "export-results-summary" }),
+        children: summary
+      }
+    ),
+    /* @__PURE__ */ jsx(ScrollArea, { className: "mt-3 h-[280px] rounded-lg bg-muted", children: /* @__PURE__ */ jsxs("div", { className: "space-y-1 p-2", children: [
+      rows.map((row) => {
+        const Icon = RESULT_ICON[row.tone];
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-start gap-2 rounded-md px-2 py-1.5",
+            "data-testid": testIdOr(testIds?.row?.(row.id), {
+              testId: `export-result-${row.id}`
+            }),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: cn("mt-0.5 size-4 shrink-0", RESULT_ICON_CLASS[row.tone]) }),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate text-sm", children: row.name }),
+                  /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs uppercase tracking-wide text-muted-foreground", children: row.kind })
+                ] }),
+                row.detail && /* @__PURE__ */ jsx("p", { className: "mt-0.5 break-words text-sm text-muted-foreground", children: row.detail })
+              ] })
+            ]
+          },
+          row.id
+        );
+      }),
+      rows.length === 0 && /* @__PURE__ */ jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: l.noItemDetail })
+    ] }) }),
+    /* @__PURE__ */ jsx("div", { className: "mt-4 flex justify-end", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: onDone,
+        "data-testid": testIdOr(testIds?.done, { testId: "export-results-done-button" }),
+        children: l.done
+      }
+    ) })
+  ] });
+}
+function ExportFooter({
+  onCancel,
+  onSubmit,
+  submitLabel,
+  submitDisabled,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_EXPORT_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs("div", { className: "sticky bottom-0 flex flex-col-reverse sm:flex-row sm:justify-end gap-2 border-t border-border bg-background p-4", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "outline",
+        onClick: onCancel,
+        "data-testid": testIdOr(testIds?.cancel, { testId: "export-cancel-button" }),
+        children: l.cancel
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: onSubmit,
+        disabled: submitDisabled,
+        "data-testid": testIdOr(testIds?.submit, { testId: "export-submit-button" }),
+        children: submitLabel
+      }
+    )
+  ] });
+}
+var DEFAULT_TRANSFER_LABELS = {
+  what: "What",
+  scopeSelection: (count) => `The ${count} selected`,
+  scopeLabel: "Everything with a label",
+  scopeAll: "Everything in this workspace",
+  chooseLabel: "Label",
+  include: "Include",
+  references: "Documents they cite",
+  referencesInclude: "Bring them along",
+  referencesLink: "Leave them here (the citation keeps pointing here)",
+  referencesHelp: "Notes, conversations and automations can cite documents outside your selection.",
+  conflicts: "Already in the target",
+  conflictSkip: "Skip it (same-named file or automation, identical note)",
+  conflictKeepBoth: 'Keep both \u2014 the copy is renamed "name (2)"',
+  summary: "This will include",
+  summaryLoading: "Working out what is included\u2026",
+  hide: "Close \u2014 it keeps going",
+  cancelJob: "Stop",
+  resume: "Resume"
+};
+function TransferScopeChooser({
+  scope,
+  onScopeChange,
+  selectedCount,
+  labelOptions,
+  labelId,
+  onLabelChange,
+  labels
+}) {
+  const l = { ...DEFAULT_TRANSFER_LABELS, ...labels };
+  const choices = [
+    { value: "selection", title: l.scopeSelection(selectedCount), hidden: selectedCount === 0 },
+    { value: "label", title: l.scopeLabel, disabled: labelOptions.length === 0 },
+    { value: "all", title: l.scopeAll }
+  ];
+  return /* @__PURE__ */ jsxs(ModalSection, { "data-testid": "transfer-scope", children: [
+    /* @__PURE__ */ jsx(ModalSectionTitle, { children: l.what }),
+    /* @__PURE__ */ jsx(
+      RadioGroup,
+      {
+        value: scope,
+        onValueChange: (v) => onScopeChange(v),
+        className: "space-y-2",
+        children: choices.filter((c) => !c.hidden).map((c) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(
+            RadioGroupItem,
+            {
+              value: c.value,
+              id: `transfer-scope-${c.value}`,
+              disabled: c.disabled,
+              "data-testid": `transfer-scope-${c.value}`
+            }
+          ),
+          /* @__PURE__ */ jsx(Label, { htmlFor: `transfer-scope-${c.value}`, className: "cursor-pointer", children: c.title }),
+          c.value === "label" && scope === "label" && /* @__PURE__ */ jsx(
+            "select",
+            {
+              "aria-label": l.chooseLabel,
+              value: labelId ?? "",
+              onChange: (e) => onLabelChange(e.target.value),
+              className: "min-w-0 flex-1 rounded-md border border-input bg-background px-2 py-1 text-sm pointer-coarse:min-h-11",
+              "data-testid": "transfer-scope-label-select",
+              children: labelOptions.map((option) => /* @__PURE__ */ jsx("option", { value: option.id, children: option.name }, option.id))
+            }
+          )
+        ] }, c.value))
+      }
+    )
+  ] });
+}
+function TransferKindsPicker({
+  options,
+  selected,
+  onToggle,
+  labels
+}) {
+  const l = { ...DEFAULT_TRANSFER_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(ModalSection, { "data-testid": "transfer-kinds", children: [
+    /* @__PURE__ */ jsx(ModalSectionTitle, { children: l.include }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: options.map((option) => {
+      const id = `transfer-kind-${option.kind}`;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-2 rounded-md bg-muted px-3 py-2",
+          children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                id,
+                checked: selected.includes(option.kind),
+                onCheckedChange: (checked) => onToggle(option.kind, checked === true),
+                "data-testid": id
+              }
+            ),
+            /* @__PURE__ */ jsx(Label, { htmlFor: id, className: "flex-1 cursor-pointer", children: option.label }),
+            option.count !== void 0 && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-sm tabular-nums text-muted-foreground",
+                "data-testid": `${id}-count`,
+                children: option.count
+              }
+            )
+          ]
+        },
+        option.kind
+      );
+    }) })
+  ] });
+}
+function ChoiceRows({
+  title,
+  value,
+  onChange,
+  choices,
+  help,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(ModalSection, { "data-testid": testId, children: [
+    /* @__PURE__ */ jsx(ModalSectionTitle, { children: title }),
+    help && /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm text-muted-foreground", children: help }),
+    /* @__PURE__ */ jsx(RadioGroup, { value, onValueChange: (v) => onChange(v), className: "space-y-2", children: choices.map((c) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        RadioGroupItem,
+        {
+          value: c.value,
+          id: `${testId}-${c.value}`,
+          "data-testid": `${testId}-${c.value}`
+        }
+      ),
+      /* @__PURE__ */ jsx(Label, { htmlFor: `${testId}-${c.value}`, className: "cursor-pointer", children: c.title })
+    ] }, c.value)) })
+  ] });
+}
+function TransferReferencesChooser({
+  value,
+  onChange,
+  labels
+}) {
+  const l = { ...DEFAULT_TRANSFER_LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    ChoiceRows,
+    {
+      title: l.references,
+      help: l.referencesHelp,
+      value,
+      onChange,
+      testId: "transfer-references",
+      choices: [
+        { value: "include", title: l.referencesInclude },
+        { value: "link", title: l.referencesLink }
+      ]
+    }
+  );
+}
+function TransferConflictChooser({
+  value,
+  onChange,
+  labels
+}) {
+  const l = { ...DEFAULT_TRANSFER_LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    ChoiceRows,
+    {
+      title: l.conflicts,
+      value,
+      onChange,
+      testId: "transfer-conflict",
+      choices: [
+        { value: "skip", title: l.conflictSkip },
+        { value: "keep_both", title: l.conflictKeepBoth }
+      ]
+    }
+  );
+}
+function TransferPlanSummary({
+  lines,
+  warnings,
+  isLoading,
+  labels
+}) {
+  const l = { ...DEFAULT_TRANSFER_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(ModalSection, { "data-testid": "transfer-plan-summary", children: [
+    /* @__PURE__ */ jsx(ModalSectionTitle, { children: l.summary }),
+    isLoading && lines.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+      l.summaryLoading
+    ] }) : /* @__PURE__ */ jsx("ul", { className: "space-y-1 text-sm", children: lines.map((line) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx(Info, { className: "mt-0.5 size-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsx("span", { children: line })
+    ] }, line)) }),
+    warnings.length > 0 && /* @__PURE__ */ jsx("ul", { className: "mt-2 space-y-1 text-sm", "data-testid": "transfer-plan-warnings", children: warnings.map((warning) => /* @__PURE__ */ jsxs("li", { className: "flex items-start gap-2", children: [
+      /* @__PURE__ */ jsx(AlertTriangle, { className: "mt-0.5 size-4 shrink-0 text-yellow-text" }),
+      /* @__PURE__ */ jsx("span", { children: warning })
+    ] }, warning)) })
+  ] });
+}
+function TransferProgressView({
+  title,
+  processed,
+  total,
+  phaseLabel,
+  onHide,
+  onCancel,
+  isCancelling,
+  labels
+}) {
+  const l = { ...DEFAULT_TRANSFER_LABELS, ...labels };
+  const percent = total > 0 ? Math.min(100, Math.round(processed / total * 100)) : 0;
+  return /* @__PURE__ */ jsxs(ModalSection, { "data-testid": "transfer-progress", children: [
+    /* @__PURE__ */ jsx(ModalSectionTitle, { children: title }),
+    /* @__PURE__ */ jsx(Progress, { value: percent, className: "h-2" }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-2 text-sm text-muted-foreground", "data-testid": "transfer-progress-text", children: [
+      phaseLabel,
+      " \xB7 ",
+      processed,
+      " / ",
+      total
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [
+      onCancel && /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "outline",
+          onClick: onCancel,
+          disabled: isCancelling,
+          "data-testid": "transfer-cancel-button",
+          children: l.cancelJob
+        }
+      ),
+      onHide && /* @__PURE__ */ jsx(Button, { onClick: onHide, "data-testid": "transfer-hide-button", children: l.hide })
+    ] })
+  ] });
+}
+function TransferResumeBanner({
+  message,
+  onResume,
+  isResuming,
+  labels
+}) {
+  const l = { ...DEFAULT_TRANSFER_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex items-center gap-3 rounded-lg bg-muted p-3 text-sm"),
+      "data-testid": "transfer-resume-banner",
+      children: [
+        /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 shrink-0 text-yellow-text" }),
+        /* @__PURE__ */ jsx("span", { className: "flex-1", children: message }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            onClick: onResume,
+            disabled: isResuming,
+            "data-testid": "transfer-resume-button",
+            children: [
+              /* @__PURE__ */ jsx(RotateCcw, { className: "size-4" }),
+              l.resume
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+var DEFAULT_VIEWER_LABELS = {
+  shared: "Shared",
+  useAsReference: "Use as reference",
+  useAsReferenceTitle: "Use as reference for a new image generation",
+  crop: "Crop",
+  cropTitle: "Crop and save as a new version",
+  previousPage: "Previous page",
+  nextPage: "Next page",
+  zoom: (level) => `Zoom ${level}. Click to zoom in further, then back to fit the page width.`,
+  pageInput: "Page number input",
+  pageOfTitle: "Click to go to page",
+  pageOf: (page, total) => `Page ${page} of ${total}. Click to navigate.`,
+  previewUnavailable: "Preview not available",
+  cannotPreview: (extension) => `${extension} files cannot be previewed in the browser.`,
+  downloadToOpen: "Download to open",
+  download: "Download"
+};
+var ViewerFrame = ({
+  header,
+  compareRow,
+  contentId,
+  children,
+  footer,
+  frameRef,
+  className,
+  testIds
+}) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    ref: frameRef,
+    className: cn("flex h-full w-full flex-col", className),
+    "data-slot": "viewer-frame",
+    "data-testid": testIdOr(testIds?.root, { testId: "document-viewer" }),
+    children: [
+      /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-10 bg-background", children: [
+        header,
+        compareRow && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex flex-wrap items-center gap-1.5 border-t border-border px-3 py-1.5",
+            "data-testid": testIdOr(testIds?.compareRow, { testId: "compare-indicator-row" }),
+            children: compareRow
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex-1 overflow-hidden",
+          "data-testid": testIdOr(testIds?.content, { testId: `document-viewer-content-${contentId}` }),
+          children
+        }
+      ),
+      footer
+    ]
+  }
+);
+function ViewerMessage({ children, testId }) {
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", "data-testid": testId, children: /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children }) });
+}
+function ViewerTitle({
+  title,
+  shared,
+  versionLabel,
+  shrink,
+  labels,
+  sharedTestId
+}) {
+  const l = { ...DEFAULT_VIEWER_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex min-w-0 items-center gap-1.5 px-1 py-1 text-sm font-medium",
+        shrink ? "shrink" : "shrink-0"
+      ),
+      title,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: title }),
+        shared && /* @__PURE__ */ jsx(
+          "span",
+          {
+            title: l.shared,
+            className: "flex shrink-0 items-center",
+            "data-testid": testIdOr(sharedTestId, { testId: "document-title-shared-indicator" }),
+            children: /* @__PURE__ */ jsx(Share2, { "aria-label": l.shared, className: "size-3.5 text-muted-foreground" })
+          }
+        ),
+        versionLabel && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs font-normal text-muted-foreground", children: versionLabel })
+      ]
+    }
+  );
+}
+function ViewerImageActions({
+  compact,
+  onUseAsReference,
+  onCrop,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_VIEWER_LABELS, ...labels };
+  const size = compact ? "icon" : "sm";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    onUseAsReference && /* @__PURE__ */ jsxs(
+      Button,
+      {
+        onClick: onUseAsReference,
+        variant: "outline",
+        size,
+        title: l.useAsReferenceTitle,
+        "aria-label": l.useAsReference,
+        "data-testid": testIdOr(testIds?.useAsReference, {
+          testId: "image-use-as-reference-button"
+        }),
+        className: "pointer-coarse:min-h-11",
+        children: [
+          /* @__PURE__ */ jsx(ImagePlus, { className: "size-4" }),
+          !compact && /* @__PURE__ */ jsx("span", { className: "ml-1", children: l.useAsReference })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        onClick: onCrop,
+        variant: "outline",
+        size,
+        title: l.cropTitle,
+        "aria-label": l.crop,
+        "data-testid": testIdOr(testIds?.crop, { testId: "image-crop-button" }),
+        className: "pointer-coarse:min-h-11",
+        children: [
+          /* @__PURE__ */ jsx(Crop, { className: "size-4" }),
+          !compact && /* @__PURE__ */ jsx("span", { className: "ml-1", children: l.crop })
+        ]
+      }
+    )
+  ] });
+}
+function PdfPageNav({
+  canPrev,
+  canNext,
+  onPrev,
+  onNext,
+  counter,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_VIEWER_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "absolute bottom-4 left-1/2 z-10 flex -translate-x-1/2 items-center gap-1 rounded-lg border border-border bg-background/95 px-2 py-1.5 shadow-lg backdrop-blur",
+      "data-testid": testIdOr(testIds?.overlay, { testId: "pdf-page-nav-overlay" }),
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "size-7 shrink-0 pointer-coarse:size-11",
+            onClick: onPrev,
+            disabled: !canPrev,
+            "aria-label": l.previousPage,
+            "data-testid": testIdOr(testIds?.prev, { testId: "pdf-page-nav-prev" }),
+            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+          }
+        ),
+        counter,
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "size-7 shrink-0 pointer-coarse:size-11",
+            onClick: onNext,
+            disabled: !canNext,
+            "aria-label": l.nextPage,
+            "data-testid": testIdOr(testIds?.next, { testId: "pdf-page-nav-next" }),
+            children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+}
+function ViewerZoomControl({ zoom, onCycle, labels, testIds }) {
+  const l = { ...DEFAULT_VIEWER_LABELS, ...labels };
+  const level = `${Math.round(zoom * 100)}%`;
+  const isZoomed = Math.abs(zoom - 1) > 0.02;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "ghost",
+      onClick: onCycle,
+      title: `Zoom ${level}`,
+      "aria-label": l.zoom(level),
+      "data-testid": testIdOr(testIds?.button, { testId: "viewer-zoom-button" }),
+      className: "absolute right-3 bottom-4 z-10 h-9 min-w-9 items-center justify-center gap-1 rounded-full border border-border bg-background/95 px-2 shadow-md backdrop-blur pointer-coarse:h-11 pointer-coarse:min-w-11 pointer-coarse:px-2.5",
+      children: [
+        /* @__PURE__ */ jsx(ZoomIn, { className: "size-4" }),
+        isZoomed && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "text-xs font-medium tabular-nums",
+            "data-testid": testIdOr(testIds?.level, { testId: "viewer-zoom-level" }),
+            children: level
+          }
+        )
+      ]
+    }
+  );
+}
+function ViewerControlBar({ children, controls }) {
+  return (
+    // It fills what its pane leaves below any bars above it (a ViewerPane is a column), never
+    // the pane's whole height: that would push the body past the pane by the bars' height.
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative min-h-0 flex-1", children }),
+      controls && /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-testid": "viewer-control-bar",
+          className: "relative h-22 shrink-0 border-t border-border bg-background",
+          children: controls
+        }
+      )
+    ] })
+  );
+}
+var DEFAULT_HTML_VIEWER_LABELS = {
+  viewerRegion: "Parsed document viewer",
+  pageOfTotal: (page, total) => `Page ${page} of ${total}`,
+  documentContent: "Document content",
+  page: (n) => `Page ${n}`,
+  noContent: "No Content Available",
+  noContentDescription: "This document has not been parsed yet or contains no content",
+  citedSuffix: "cited",
+  previousCited: "Previous cited passage",
+  nextCited: "Next cited passage",
+  previousLabelPassage: "Previous passage with this label",
+  nextLabelPassage: "Next passage with this label",
+  sharedWithMembers: "Shared with workspace members",
+  privateToYou: "Private to you",
+  shared: "Shared",
+  private: "Private"
+};
+function HtmlViewerRoot({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("relative h-full w-full", className), "data-slot": "html-viewer", children });
+}
+function HtmlViewerSurface({
+  children,
+  surfaceRef,
+  hidden,
+  onMouseUp,
+  className,
+  labels,
+  testId
+}) {
+  const l = { ...DEFAULT_HTML_VIEWER_LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: surfaceRef,
+      className: cn(
+        "flex h-full w-full flex-col items-center overflow-y-auto bg-muted p-4 pb-20",
+        hidden && "hidden",
+        className
+      ),
+      role: "region",
+      "aria-label": l.viewerRegion,
+      "data-slot": "html-viewer-surface",
+      style: { touchAction: "pan-x pan-y" },
+      "data-testid": testIdOr(testId, { testId: "parsed-viewer" }),
+      onMouseUp,
+      children
+    }
+  );
+}
+function HtmlPage({
+  pageNumber,
+  totalPages,
+  isRendered,
+  placeholderHeight,
+  zoom = 1,
+  children,
+  labels
+}) {
+  const l = { ...DEFAULT_HTML_VIEWER_LABELS, ...labels };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: pageNumber ? `page-${pageNumber}` : void 0,
+      "data-page-number": pageNumber ?? void 0,
+      "data-slot": "html-page",
+      className: cn(
+        // shrink-0: a page is a flex item of the scrolling surface and must never be squeezed.
+        "mb-6 w-full max-w-4xl shrink-0",
+        isRendered && "rounded-lg border border-border bg-background p-8"
+      ),
+      role: "article",
+      "aria-label": pageNumber ? l.pageOfTotal(pageNumber, totalPages) : l.documentContent,
+      children: isRendered ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        pageNumber ? /* @__PURE__ */ jsx("div", { className: "mb-4 flex items-center justify-center border-b border-border pb-4", children: /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground", children: l.page(pageNumber) }) }) : null,
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "prose prose-sm max-w-none prose-p:my-0 prose-headings:my-0 [&_img]:max-w-full [&_pre]:overflow-x-auto [&_table]:block [&_table]:max-w-full [&_table]:overflow-x-auto",
+            style: zoom === 1 ? void 0 : { fontSize: `${zoom}rem` },
+            children
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex items-center justify-center rounded-md border border-border bg-muted",
+          style: { height: placeholderHeight },
+          children: pageNumber ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted-foreground", children: l.page(pageNumber) }) : null
+        }
+      )
+    }
+  );
+}
+function HtmlViewerEmpty({ labels }) {
+  const l = { ...DEFAULT_HTML_VIEWER_LABELS, ...labels };
+  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+    /* @__PURE__ */ jsx("p", { className: "mb-2 text-base font-medium", children: l.noContent }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm", children: l.noContentDescription })
+  ] }) });
+}
+var HtmlPassage = memo(function HtmlPassage2({
+  chunkId,
+  highlight,
+  isHit,
+  hitTestId,
+  isSelected,
+  runIsStart,
+  runIsEnd,
+  isClickable,
+  onSelect,
+  isTagged,
+  activeTagColor,
+  runMarker,
+  tagMark,
+  mark,
+  children
+}) {
+  const hasId = !!chunkId;
+  const rounding = !isSelected ? "rounded" : [runIsStart ? "rounded-t" : "rounded-t-none", runIsEnd ? "rounded-b" : "rounded-b-none"].join(
+    " "
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id: chunkId,
+      "data-slot": "html-passage",
+      "data-chunk-id": chunkId,
+      "data-run-start": isSelected && runIsStart || void 0,
+      "data-tagged": isTagged || void 0,
+      "data-tag-active": activeTagColor ? true : void 0,
+      "data-testid": isHit ? testIdOr(hitTestId, { testId: "highlighted-chunk" }) : null,
+      onClick: hasId && onSelect ? (e) => {
+        if (e.target.closest('[data-slot="mark"], [data-slot="mark-menu"]'))
+          return;
+        onSelect(e.shiftKey);
+      } : void 0,
+      className: cn(
+        "group relative block px-1 py-0.5",
+        rounding,
+        highlight === "strong" ? "bg-ai-soft text-foreground ring-1 ring-ai-accent/40" : highlight === "light" ? "bg-ai-soft/60 text-foreground hover:bg-ai-soft" : hasId && "hover:bg-muted/50",
+        hasId && isClickable && "cursor-pointer select-none"
+      ),
+      style: activeTagColor && !highlight ? {
+        backgroundColor: `${activeTagColor}22`,
+        boxShadow: `inset 3px 0 0 0 ${activeTagColor}`
+      } : void 0,
+      children: [
+        children,
+        tagMark && /* @__PURE__ */ jsx("span", { className: "absolute -left-3 top-1.5 z-10", children: tagMark }),
+        runMarker ? /* @__PURE__ */ jsx("span", { className: "absolute -top-2.5 left-1 z-10", "data-run-marker": true, children: runMarker }) : null,
+        mark && /* @__PURE__ */ jsx("span", { className: "absolute -top-2.5 right-0 z-10 opacity-0 transition-opacity duration-200 group-hover:opacity-100 group-focus-within:opacity-100 pointer-coarse:opacity-70 [&:has([aria-expanded=true])]:opacity-100", children: mark })
+      ]
+    }
+  );
+});
+var stepButton = "px-1 text-muted-foreground hover:text-foreground pointer-coarse:min-h-11 pointer-coarse:min-w-11";
+function PassageStepper({
+  position,
+  total,
+  onStep,
+  testId,
+  className,
+  prevLabel,
+  nextLabel,
+  suffix
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "inline-flex items-center gap-1 rounded-md border border-border bg-background/95 px-1.5 py-0.5",
+        className
+      ),
+      "data-slot": "passage-stepper",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onStep(-1),
+            "aria-label": prevLabel,
+            className: stepButton,
+            children: "\u2039"
+          }
+        ),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-muted-foreground", children: [
+          Math.min(position, total),
+          "/",
+          total,
+          suffix ? ` ${suffix}` : ""
+        ] }),
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onStep(1), "aria-label": nextLabel, className: stepButton, children: "\u203A" })
+      ]
+    }
+  );
+}
+function CitedRunNav({
+  labels,
+  testId,
+  ...props
+}) {
+  const l = { ...DEFAULT_HTML_VIEWER_LABELS, ...labels };
+  return /* @__PURE__ */ jsx("div", { className: "absolute left-1/2 top-2 z-20 -translate-x-1/2", "data-slot": "cited-run-nav", children: /* @__PURE__ */ jsx(
+    PassageStepper,
+    {
+      ...props,
+      suffix: l.citedSuffix,
+      prevLabel: l.previousCited,
+      nextLabel: l.nextCited,
+      testId: testIdOr(testId, { testId: "note-run-nav" })
+    }
+  ) });
+}
+function DocTagBar({
+  chips,
+  visibility,
+  step,
+  activeId = null,
+  onSelect,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_HTML_VIEWER_LABELS, ...labels };
+  if (chips.length === 0 && !visibility) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "absolute left-2 right-2 top-2 z-20 flex flex-wrap items-center gap-1",
+      "data-slot": "doc-tag-bar",
+      "data-testid": testIdOr(testIds?.root, { testId: "doc-tag-bar" }),
+      children: [
+        chips.map((c) => {
+          const isActive = c.id === activeId;
+          const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Tags, { className: "size-3 shrink-0" }),
+            c.name,
+            c.passageCount > 0 && /* @__PURE__ */ jsx("span", { className: "tabular-nums opacity-90", children: c.passageCount }),
+            c.hasNote && /* @__PURE__ */ jsx(StickyNote, { className: "size-3 opacity-90" })
+          ] });
+          const chipClass = "inline-flex items-center gap-1.5 rounded-full border border-transparent px-2 py-0.5 text-xs text-white";
+          return onSelect ? /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSelect(isActive ? null : c.id),
+              "aria-pressed": isActive,
+              title: c.title,
+              "data-testid": testIdOr(testIds?.chip?.(c.id), { testId: `doc-tag-chip-${c.id}` }),
+              "data-active": isActive || void 0,
+              className: cn(chipClass, "cursor-pointer", !isActive && "opacity-70 hover:opacity-100"),
+              style: { backgroundColor: c.color },
+              children: content
+            },
+            c.id
+          ) : /* @__PURE__ */ jsx(
+            "span",
+            {
+              title: c.title,
+              "data-testid": testIdOr(testIds?.chip?.(c.id), { testId: `doc-tag-chip-${c.id}` }),
+              className: chipClass,
+              style: { backgroundColor: c.color },
+              children: content
+            },
+            c.id
+          );
+        }),
+        step && step.total > 0 && /* @__PURE__ */ jsx(
+          PassageStepper,
+          {
+            className: "ml-1",
+            position: step.position,
+            total: step.total,
+            onStep: step.onStep,
+            testId: testIdOr(testIds?.nav, { testId: "doc-tag-nav" }),
+            prevLabel: l.previousLabelPassage,
+            nextLabel: l.nextLabelPassage
+          }
+        ),
+        visibility && /* @__PURE__ */ jsxs(
+          "span",
+          {
+            title: visibility === "shared" ? l.sharedWithMembers : l.privateToYou,
+            "data-testid": testIdOr(testIds?.visibility, { testId: "doc-visibility-chip" }),
+            className: cn(
+              "ml-auto inline-flex shrink-0 items-center gap-1.5 rounded-full px-2 py-0.5 text-xs",
+              visibility === "shared" ? "bg-accent text-accent-foreground" : "bg-muted text-muted-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Share2, { className: "size-3 shrink-0" }),
+              visibility === "shared" ? l.shared : l.private
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function isDocumentLabel(tag) {
+  if (tag.kind !== "label") return false;
+  const onDocs = (tag.doctag_count ?? 0) > 0;
+  const onFacts = (tag.facttag_count ?? 0) > 0;
+  return onDocs || !onFacts;
+}
+function summariseDocTags(doctags, workspaceTags) {
+  const byTag = new Map(doctags.map((dt) => [dt.tag_ext_id, dt]));
+  return workspaceTags.filter((t) => byTag.has(t.external_id)).map((t) => {
+    const dt = byTag.get(t.external_id);
+    return {
+      tagExtId: t.external_id,
+      name: t.name,
+      chunkIds: (dt.citations ?? []).flatMap((d) => (d.chunks ?? []).map((c) => c.chunk_id)),
+      hasNote: !!dt.note
+    };
+  });
+}
+function DocumentLabelBar({
+  summaries,
+  activeTagExtId = null,
+  cursor = 0,
+  onSelect,
+  onStep
+}) {
+  const chips = useMemo(
+    () => summaries.map((s) => {
+      const marked = s.chunkIds.length;
+      return {
+        id: s.tagExtId,
+        name: s.name,
+        color: getEntityColor(s.tagExtId, "medium"),
+        passageCount: marked,
+        hasNote: s.hasNote,
+        title: marked ? `${s.name} \u2014 ${marked} passage${marked === 1 ? "" : "s"}${s.hasNote ? ", annotated" : ""}` : `${s.name} \u2014 applies to the document, no passages marked`
+      };
+    }),
+    [summaries]
+  );
+  const active = summaries.find((s) => s.tagExtId === activeTagExtId);
+  return /* @__PURE__ */ jsx(
+    DocTagBar,
+    {
+      chips,
+      activeId: activeTagExtId,
+      onSelect,
+      step: onStep && active && active.chunkIds.length > 0 ? { position: cursor + 1, total: active.chunkIds.length, onStep } : void 0
+    }
+  );
+}
+function ViewerTabBar({ tabs, activeId, onChange, className }) {
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx("div", { className: cn("flex shrink-0 items-center", className), role: "group", children: tabs.map((tab) => {
+    const isActive = tab.id === activeId;
+    return /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(tab.id),
+          "aria-label": tab.tooltip,
+          "aria-pressed": isActive,
+          "data-testid": testIdOr(tab.testId, { testId: `${tab.id}-tab` }),
+          className: cn(
+            "shrink-0 border-b-2 px-3 py-2 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+            tab.label && "inline-flex items-center gap-1.5 text-sm",
+            isActive ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:border-border hover:text-foreground"
+          ),
+          children: [
+            tab.icon,
+            tab.label && /* @__PURE__ */ jsx("span", { children: tab.label })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(TooltipContent, { side: "bottom", children: tab.tooltip })
+    ] }, tab.id);
+  }) }) });
+}
+function ViewerPageCounter({ page, total, onGoTo, labels }) {
+  const l = { ...DEFAULT_VIEWER_LABELS, ...labels };
+  const [isEditing, setIsEditing] = useState(false);
+  const [input, setInput] = useState("");
+  const inputRef = useRef(null);
+  if (total <= 0) return null;
+  const commit = () => {
+    const n = parseInt(input, 10);
+    if (!isNaN(n) && n >= 1 && n <= total) onGoTo(n);
+    setIsEditing(false);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-1 rounded-md bg-muted px-2 py-1", children: [
+    isEditing ? /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        autoFocus: true,
+        type: "text",
+        value: input,
+        onFocus: (e) => e.currentTarget.select(),
+        onChange: (e) => setInput(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") commit();
+          else if (e.key === "Escape") setIsEditing(false);
+        },
+        onBlur: commit,
+        className: "w-8 rounded border border-border bg-background px-1 py-0.5 text-center text-sm font-medium focus:outline-none",
+        "aria-label": l.pageInput
+      }
+    ) : /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setInput(String(page));
+          setIsEditing(true);
+        },
+        className: "min-w-[2rem] cursor-text rounded border border-border bg-background px-1 py-0.5 text-sm font-medium transition-colors hover:bg-muted pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+        title: l.pageOfTitle,
+        "aria-label": l.pageOf(page, total),
+        children: page
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+      "/ ",
+      total
+    ] })
+  ] });
+}
+function ViewerPreviewUnavailable({
+  extension,
+  onDownload,
+  labels
+}) {
+  const l = { ...DEFAULT_VIEWER_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-4 p-8 text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-4xl text-muted-foreground", "aria-hidden": true, children: "\u{1F4C4}" }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-1 font-medium", children: l.previewUnavailable }),
+      /* @__PURE__ */ jsx("p", { className: "mb-4 text-sm text-muted-foreground", children: l.cannotPreview(extension) }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onDownload, children: [
+        /* @__PURE__ */ jsx(Download, { className: "mr-2 size-4" }),
+        l.downloadToOpen
+      ] })
+    ] })
+  ] });
+}
+function ViewerLoadError({
+  message,
+  onDownload,
+  labels,
+  testId
+}) {
+  const l = { ...DEFAULT_VIEWER_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex h-full flex-col items-center justify-center gap-3 p-8 text-center",
+      "data-testid": testIdOr(testId, { testId: "pdf-load-error" }),
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: message }),
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: onDownload, children: [
+          /* @__PURE__ */ jsx(Download, { className: "mr-2 size-4" }),
+          l.download
+        ] })
+      ]
+    }
+  );
+}
+var DEFAULT_TAG_PASSAGE_PANEL_LABELS = {
+  title: "Tag Passage",
+  page: (n) => `Page ${n}`,
+  close: "Close",
+  empty: "No tags available. Create one to start tagging passages.",
+  viewTagged: "View all passages with this tag",
+  notePlaceholder: "Add a note for this tag...",
+  cancel: "Cancel",
+  save: "Save",
+  addNote: "Add note...",
+  createField: "+ Create new field"
+};
+function TagPassagePanel({
+  pageNumber,
+  preview,
+  groups,
+  isEmpty,
+  isBusy,
+  editingNoteTagId,
+  noteValue,
+  onNoteChange,
+  onToggle,
+  onViewTagged,
+  onStartNote,
+  onSaveNote,
+  onCancelNote,
+  onCreate,
+  onClose,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_TAG_PASSAGE_PANEL_LABELS, ...labels };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "fixed right-0 top-0 z-50 flex h-full w-80 max-w-full flex-col border-l border-border bg-background shadow-lg",
+      "data-slot": "tag-passage-panel",
+      "data-testid": testIdOr(testIds?.root, { testId: "chunk-tag-panel" }),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border p-4", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold", children: l.title }),
+            pageNumber && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: l.page(pageNumber) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              onClick: onClose,
+              "aria-label": l.close,
+              className: "pointer-coarse:size-11",
+              "data-testid": testIdOr(testIds?.close, { testId: "chunk-tag-panel-close" }),
+              children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-muted p-4", children: /* @__PURE__ */ jsx("p", { className: "line-clamp-4 text-sm text-muted-foreground", children: preview }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto", children: isEmpty ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-sm text-muted-foreground", children: l.empty }) : /* @__PURE__ */ jsx("div", { className: "py-2", children: groups.map((group) => /* @__PURE__ */ jsxs("div", { className: "mb-2", children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-muted px-4 py-2 text-sm font-medium uppercase tracking-wider text-muted-foreground", children: group.title }),
+          group.tags.map((tag) => {
+            const hasNote = !!tag.note;
+            const isEditing = editingNoteTagId === tag.id;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "border-b border-border last:border-b-0",
+                "data-testid": prefixedTestId(testIds?.row, tag.id, {
+                  testId: `chunk-tag-row-${tag.id}`
+                }),
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center transition-colors hover:bg-muted", children: [
+                    /* @__PURE__ */ jsxs(
+                      "button",
+                      {
+                        onClick: () => onToggle(tag.id),
+                        disabled: isBusy,
+                        className: "flex flex-1 items-center gap-3 px-4 py-3 disabled:opacity-50 pointer-coarse:min-h-11",
+                        children: [
+                          /* @__PURE__ */ jsx(
+                            "div",
+                            {
+                              className: "flex size-5 shrink-0 items-center justify-center rounded border-2",
+                              style: {
+                                borderColor: tag.color,
+                                backgroundColor: tag.isApplied ? tag.color : "transparent"
+                              },
+                              children: tag.isApplied && /* @__PURE__ */ jsx(Check, { className: "size-3 text-white", strokeWidth: 3 })
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
+                            tag.badge,
+                            hasNote && !isEditing && /* @__PURE__ */ jsx(StickyNote, { className: "size-3.5 text-muted-foreground" })
+                          ] }),
+                          isBusy && /* @__PURE__ */ jsx(Loader2, { className: "size-4 shrink-0 animate-spin" })
+                        ]
+                      }
+                    ),
+                    tag.isApplied && onViewTagged && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: () => onViewTagged(tag.id),
+                        className: "mr-3 shrink-0 rounded p-1 hover:bg-muted pointer-coarse:min-h-11 pointer-coarse:min-w-11",
+                        title: l.viewTagged,
+                        "data-testid": testIdOr(testIds?.viewTagged, {
+                          testId: "view-tagged-chunks-button"
+                        }),
+                        children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 text-muted-foreground" })
+                      }
+                    )
+                  ] }),
+                  tag.isApplied && /* @__PURE__ */ jsx("div", { className: "px-4 pb-3", children: isEditing ? /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ jsx(
+                      Textarea,
+                      {
+                        value: noteValue,
+                        onChange: (e) => onNoteChange(e.target.value),
+                        placeholder: l.notePlaceholder,
+                        className: "min-h-[60px] text-sm",
+                        autoFocus: true
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2", children: [
+                      /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "sm", onClick: onCancelNote, children: l.cancel }),
+                      /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          size: "sm",
+                          onClick: () => onSaveNote(tag.id),
+                          disabled: isBusy,
+                          children: l.save
+                        }
+                      )
+                    ] })
+                  ] }) : /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      onClick: () => onStartNote(tag.id),
+                      className: cn(
+                        "w-full rounded-md bg-muted px-2 py-1.5 text-left text-sm pointer-coarse:min-h-11",
+                        hasNote ? "text-foreground" : "text-muted-foreground"
+                      ),
+                      children: tag.note || l.addNote
+                    }
+                  ) })
+                ]
+              },
+              tag.id
+            );
+          })
+        ] }, group.id)) }) }),
+        onCreate && /* @__PURE__ */ jsx("div", { className: "border-t border-border p-4", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", className: "w-full", onClick: onCreate, children: l.createField }) })
+      ]
+    }
+  );
+}
+function FilesPageTitle({
+  label = "Files",
+  count,
+  isFiltered,
+  isProcessing,
+  onClick,
+  filteredLabel = "filtered",
+  className,
+  testId,
+  countTestId
+}) {
+  const body = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { children: label }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-testid": testIdOr(countTestId, { testId: "tab-count" }),
+        className: "inline-flex h-6 min-w-6 items-center justify-center rounded-full bg-muted px-2 text-xs font-medium tabular-nums text-muted-foreground",
+        children: count
+      }
+    ),
+    isFiltered && /* @__PURE__ */ jsx("span", { className: "text-xs font-normal text-muted-foreground", children: filteredLabel }),
+    isProcessing && /* @__PURE__ */ jsx(Loader2, { className: "size-3.5 animate-spin text-muted-foreground", "aria-hidden": true })
+  ] });
+  const classes = cn(
+    "inline-flex min-w-0 items-center gap-2 text-xl font-semibold leading-8 text-foreground",
+    className
+  );
+  return /* @__PURE__ */ jsx("h1", { "data-slot": "files-page-title", className: "m-0 min-w-0 font-semibold", children: onClick ? /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      "data-testid": testIdOr(testId, { testId: "documents-tab" }),
+      className: cn(
+        classes,
+        "rounded-md pointer-coarse:-mx-2 pointer-coarse:min-h-11 pointer-coarse:px-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
+      ),
+      children: body
+    }
+  ) : /* @__PURE__ */ jsx("span", { "data-testid": testIdOr(testId, { testId: "documents-tab" }), className: classes, children: body }) });
+}
+var DEFAULT_IMPORT_LABELS = {
+  stop: "Stop",
+  stopping: "Stopping\u2026",
+  importNow: "Import now",
+  settings: "Settings",
+  importingOf: (processed, total, noun) => `Importing ${processed} of ${total} ${noun}\u2026`,
+  importing: (processed, noun) => `Importing ${processed} ${noun}\u2026`,
+  foldersSelected: (count) => `Folders: ${count} selected`,
+  folders: (names) => `Folders: ${names}`,
+  moreFolders: (count) => ` +${count} more`,
+  connect: "Connect",
+  reconnect: "Reconnect",
+  reconnecting: "Reconnecting\u2026",
+  disconnect: "Disconnect",
+  disconnecting: "Disconnecting\u2026",
+  reconnectHint: (reconnectLabel) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    "Couldn\u2019t reach this account. Click ",
+    reconnectLabel,
+    " \u2014 if it keeps happening, log out and back in to refresh the connection."
+  ] })
+};
+function ImportList({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "import-list", className: cn("divide-y divide-border", className), ...props });
+}
+function ImportRow({ logo, name, actions, children, testId, className }) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "import-row", "data-testid": testId, className: cn("py-3", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+      logo,
+      /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 truncate text-sm font-medium text-foreground", children: name }),
+      actions
+    ] }),
+    children
+  ] });
+}
+function ImportHint({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      "data-slot": "import-hint",
+      className: cn("ml-[34px] mt-1 text-xs text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function ImportActionButton({
+  className,
+  children,
+  variant = "outline",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      variant,
+      size: "sm",
+      className: cn("ml-auto h-7 shrink-0 gap-1.5 pointer-coarse:h-11", className),
+      "data-slot": "import-action",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ExternalLink, { className: "h-3.5 w-3.5" }),
+        children
+      ]
+    }
+  );
+}
+function ImportRunActions({
+  isRunning,
+  isStopping,
+  isBusy,
+  importDisabled,
+  importTitle,
+  onImport,
+  onStop,
+  onSettings,
+  settingsLabel,
+  importButton,
+  settingsButton,
+  stopButton,
+  labels
+}) {
+  const l = { ...DEFAULT_IMPORT_LABELS, ...labels };
+  if (isRunning) {
+    return /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "ml-auto h-7 gap-1.5 pointer-coarse:h-11",
+        onClick: onStop,
+        disabled: isStopping,
+        "data-testid": stopButton?.testId,
+        children: [
+          /* @__PURE__ */ jsx(Square, { className: "h-3 w-3" }),
+          isStopping ? l.stopping : l.stop
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-1.5", children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "default",
+        size: "sm",
+        className: "h-7 gap-1.5 pointer-coarse:h-11",
+        onClick: onImport,
+        disabled: isBusy || importDisabled,
+        "data-testid": importButton?.testId,
+        title: importTitle,
+        children: [
+          isBusy ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(RefreshCw, { className: "h-3.5 w-3.5" }),
+          l.importNow
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        className: "h-7 gap-1.5 px-2 text-muted-foreground pointer-coarse:h-11",
+        onClick: onSettings,
+        disabled: isBusy,
+        "aria-label": settingsLabel,
+        "data-testid": settingsButton?.testId,
+        children: [
+          /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
+          l.settings
+        ]
+      }
+    )
+  ] });
+}
+function ImportSummary({ children, aside, className }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "import-summary",
+      className: cn("mt-2.5 flex items-start justify-between gap-3", className),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "ml-[34px] text-sm leading-snug text-muted-foreground", children }),
+        aside
+      ]
+    }
+  );
+}
+function ImportAside({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "import-aside",
+      className: cn(
+        "min-w-0 max-w-[55%] text-right text-sm leading-snug text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ImportProgress({ processed, total, noun, testId, labels }) {
+  const l = { ...DEFAULT_IMPORT_LABELS, ...labels };
+  const known = total != null && total > 0;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "import-progress", className: "mt-2 space-y-1", "data-testid": testId, children: [
+    known && /* @__PURE__ */ jsx(Progress, { value: Math.min(100, Math.round(processed / total * 100)), className: "h-1.5" }),
+    /* @__PURE__ */ jsx("div", { className: "text-right text-sm leading-snug text-muted-foreground", children: known ? l.importingOf(processed, total, noun) : l.importing(processed, noun) })
+  ] });
+}
+var FOLDER_SUMMARY_LIMIT = 3;
+function FolderSummary({ names, testId, labels }) {
+  const l = { ...DEFAULT_IMPORT_LABELS, ...labels };
+  const known = names.filter((n) => !!n);
+  if (known.length === 0) {
+    return /* @__PURE__ */ jsx("div", { "data-testid": testId, children: l.foldersSelected(names.length) });
+  }
+  const shown = known.slice(0, FOLDER_SUMMARY_LIMIT);
+  const hidden = names.length - shown.length;
+  return /* @__PURE__ */ jsxs("div", { className: "break-words", title: known.join(", "), "data-testid": testId, children: [
+    l.folders(shown.join(", ")),
+    hidden > 0 && /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: l.moreFolders(hidden) })
+  ] });
+}
+function ImportFamilySection({
+  label,
+  identity,
+  action,
+  isActionPending,
+  onAction,
+  testId,
+  actionButton,
+  children,
+  labels
+}) {
+  const l = { ...DEFAULT_IMPORT_LABELS, ...labels };
+  const [idle, pending] = {
+    connect: [l.connect, l.connect],
+    reconnect: [l.reconnect, l.reconnecting],
+    disconnect: [l.disconnect, l.disconnecting]
+  }[action];
+  const Icon = action === "disconnect" ? Unplug : ExternalLink;
+  const isPending = action !== "connect" && !!isActionPending;
+  return /* @__PURE__ */ jsxs("section", { "data-slot": "import-family", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "min-w-0 truncate text-sm font-semibold uppercase tracking-wide text-muted-foreground", children: [
+        label,
+        identity && /* @__PURE__ */ jsxs("span", { className: "ml-1.5 text-sm font-normal normal-case tracking-normal", children: [
+          "(",
+          identity,
+          ")"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: action === "disconnect" ? "ghost" : "outline",
+          size: "sm",
+          className: cn(
+            "h-6 shrink-0 gap-1 px-2 text-xs pointer-coarse:h-11",
+            action === "disconnect" && "text-muted-foreground [&:hover]:text-destructive"
+          ),
+          onClick: onAction,
+          disabled: isPending,
+          "data-testid": actionButton?.testId,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3" }),
+            isPending ? pending : idle
+          ]
+        }
+      )
+    ] }),
+    action === "reconnect" && /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs text-muted-foreground", children: l.reconnectHint(/* @__PURE__ */ jsx("span", { className: "font-medium", children: l.reconnect })) }),
+    children
+  ] });
+}
+function ImportPanel({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "import-panel", className: cn("space-y-5", className), ...props });
+}
+var STATUS_ICONS = {
+  active: { Icon: LoaderCircle, color: "text-blue-text", spin: true },
+  queued: { Icon: Hourglass, color: "text-yellow-text", spin: false },
+  failed: { Icon: AlertCircle, color: "text-red-text", spin: false },
+  skipped: { Icon: CircleSlash, color: "text-muted-foreground", spin: false },
+  completed: { Icon: CheckCircle, color: "text-green-text", spin: false }
+};
+function TaskSection({
+  title,
+  count,
+  status,
+  tooltip,
+  headerAction,
+  defaultExpanded = true,
+  children,
+  testIds
+}) {
+  const [isExpanded, setIsExpanded] = useState(defaultExpanded);
+  const hasItems = count > 0;
+  const { Icon, color, spin } = STATUS_ICONS[status];
+  const headingInner = /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx(Icon, { className: cn("h-4 w-4", color, hasItems ? spin && "animate-spin" : "opacity-50") }),
+    /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: title }),
+    /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "badge-count ml-2 border-border", children: count })
+  ] });
+  const heading = tooltip ? /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: headingInner }),
+    /* @__PURE__ */ jsx(TooltipContent, { className: "max-w-xs", children: tooltip })
+  ] }) : headingInner;
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "task-section", "data-testid": testIdOr(testIds?.root, { testId: "task-section" }), children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+      hasItems ? /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setIsExpanded(!isExpanded),
+          "aria-expanded": isExpanded,
+          className: "flex cursor-pointer items-center gap-2 text-left font-medium transition-colors hover:text-primary pointer-coarse:min-h-11",
+          "data-testid": testIdOr(testIds?.toggle, { testId: "task-section-toggle" }),
+          children: [
+            /* @__PURE__ */ jsx(
+              ChevronRight,
+              {
+                className: cn("h-4 w-4 transition-transform", isExpanded && "rotate-90")
+              }
+            ),
+            heading
+          ]
+        }
+      ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 font-medium text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 flex-shrink-0" }),
+        heading
+      ] }),
+      headerAction
+    ] }),
+    hasItems && isExpanded && children
+  ] });
+}
+function BulkLabelSelectView({
+  options,
+  appliedIds,
+  mixedIds,
+  onToggle,
+  onCreate,
+  disabled,
+  isCompact
+}) {
+  return /* @__PURE__ */ jsxs(Popover, { children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "outline",
+        size: "sm",
+        disabled,
+        className: "h-7 gap-1.5 px-2 text-yellow-text hover:text-yellow-text hover:bg-yellow-bg border-yellow-border",
+        "data-testid": "bulk-label-button",
+        "aria-label": "Labels",
+        children: [
+          /* @__PURE__ */ jsx(SquareCheckBig, { className: "size-4" }),
+          !isCompact && /* @__PURE__ */ jsx("span", { children: "Labels" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-[220px] p-0", align: "start", side: "top", sideOffset: 4, children: /* @__PURE__ */ jsx(
+      LabelPickerList,
+      {
+        options,
+        appliedIds,
+        mixedIds,
+        onToggle,
+        onCreate
+      }
+    ) })
+  ] });
+}
+var STATUS = {
+  completed: { Icon: CheckCircle, title: "Ready", tone: "text-green-text" },
+  empty: { Icon: FileX, title: "Empty", tone: "text-yellow-text" },
+  "low-content": { Icon: AlertTriangle, title: "Low Content", tone: "text-yellow-text" },
+  processing: { Icon: Loader2, title: "Indexing", tone: "text-muted-foreground", spin: true },
+  queued: { Icon: Hourglass, title: "Queued", tone: "text-yellow-text" }
+};
+function DocStatusIcon({
+  status,
+  onClick,
+  failedStage,
+  errorMessage,
+  className
+}) {
+  if (!status) return null;
+  const key = status.toLowerCase();
+  if (key === "failed") {
+    return /* @__PURE__ */ jsx(
+      FailedStageIcon,
+      {
+        stage: failedStage,
+        errorMessage,
+        className: cn("size-3 text-red-text", onClick && "cursor-pointer", className),
+        onClick: onClick ? (e) => {
+          e.stopPropagation();
+          onClick();
+        } : void 0
+      }
+    );
+  }
+  const entry = STATUS[key];
+  if (!entry) return null;
+  const { Icon } = entry;
+  const glyph = /* @__PURE__ */ jsx(Icon, { className: cn("size-3", entry.tone, entry.spin && "animate-spin", className) });
+  if (!onClick) {
+    return /* @__PURE__ */ jsx("span", { title: entry.title, "data-slot": "doc-status-icon", "data-status": key, children: glyph });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      title: entry.title,
+      "aria-label": entry.title,
+      "data-slot": "doc-status-icon",
+      "data-status": key,
+      onClick: (e) => {
+        e.stopPropagation();
+        onClick();
+      },
+      className: "cursor-pointer rounded hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      children: glyph
+    }
+  );
+}
+
+export { BulkLabelSelectView, CitedRunNav, DEFAULT_EXPORT_LABELS, DEFAULT_HTML_VIEWER_LABELS, DEFAULT_IMPORT_LABELS, DEFAULT_TAG_PASSAGE_PANEL_LABELS, DEFAULT_TRANSFER_LABELS, DEFAULT_VIEWER_LABELS, DocStatusIcon, DocTagBar, DocumentLabelBar, ExportFooter, ExportMethodChooser, ExportModalTitle, ExportResultsReport, ExportWorkspacePicker, FilesPageTitle, FolderSummary, HtmlPage, HtmlPassage, HtmlViewerEmpty, HtmlViewerRoot, HtmlViewerSurface, ImportActionButton, ImportAside, ImportFamilySection, ImportHint, ImportList, ImportPanel, ImportProgress, ImportRow, ImportRunActions, ImportSummary, PassageStepper, PdfPageNav, TagPassagePanel, TaskSection, TransferConflictChooser, TransferKindsPicker, TransferPlanSummary, TransferProgressView, TransferReferencesChooser, TransferResumeBanner, TransferScopeChooser, ViewerControlBar, ViewerFrame, ViewerImageActions, ViewerLoadError, ViewerMessage, ViewerPageCounter, ViewerPreviewUnavailable, ViewerTabBar, ViewerTitle, ViewerZoomControl, isDocumentLabel, summariseDocTags };
+//# sourceMappingURL=chunk-J7YHBMBB.js.map
+//# sourceMappingURL=chunk-J7YHBMBB.js.map