@arbidocs/blocks 0.4.154 → 0.4.155

package/dist/{chunk-BDA3RHYD.cjs → chunk-MUDEL7UL.cjs}

@@ -1,104 +1,22 @@
 "use client";
 'use strict';
 
+var chunkWV4TD2HZ_cjs = require('./chunk-WV4TD2HZ.cjs');
 var chunk223D4727_cjs = require('./chunk-223D4727.cjs');
 var chunkVLCY46K6_cjs = require('./chunk-VLCY46K6.cjs');
 var chunkFAXXN7KI_cjs = require('./chunk-FAXXN7KI.cjs');
 var chunkDVUZTGVL_cjs = require('./chunk-DVUZTGVL.cjs');
-var chunk3VULDTNL_cjs = require('./chunk-3VULDTNL.cjs');
 var chunkV4ISCZJ7_cjs = require('./chunk-V4ISCZJ7.cjs');
 var chunk2EI7NCUA_cjs = require('./chunk-2EI7NCUA.cjs');
 var chunkC2CWWEHO_cjs = require('./chunk-C2CWWEHO.cjs');
-var chunk32HW2Q33_cjs = require('./chunk-32HW2Q33.cjs');
 var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
 var chunkULWRNGGE_cjs = require('./chunk-ULWRNGGE.cjs');
 var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
-var classVarianceAuthority = require('class-variance-authority');
 var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
 var lucideReact = require('lucide-react');
+var react = require('react');
 
-var pill = classVarianceAuthority.cva(
-  "inline-flex max-w-full items-center justify-center gap-1 rounded-full text-xs font-medium leading-none",
-  {
-    variants: {
-      /** `icon` = glyph-only chip; `label` = text pill. */
-      shape: { icon: "size-6 p-0 pointer-coarse:size-8", label: "h-6 px-2 pointer-coarse:h-8" },
-      interactive: {
-        true: "relative cursor-pointer pointer-coarse:after:absolute pointer-coarse:after:left-1/2 pointer-coarse:after:top-1/2 pointer-coarse:after:size-11 pointer-coarse:after:-translate-x-1/2 pointer-coarse:after:-translate-y-1/2 pointer-coarse:after:content-[''] hover:brightness-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-        false: ""
-      }
-    },
-    defaultVariants: { shape: "label", interactive: false }
-  }
-);
-function StatusPill({
-  tone = "neutral",
-  icon,
-  label,
-  progress,
-  title,
-  onClick,
-  testId,
-  className
-}) {
-  const hasLabel = label !== void 0 && label !== null && label !== "";
-  const classes = ui.cn(
-    pill({ shape: hasLabel ? "label" : "icon", interactive: !!onClick }),
-    chunk32HW2Q33_cjs.TONE_SURFACE[tone],
-    progress && "h-auto min-h-6 flex-col gap-0 px-2 py-1",
-    className
-  );
-  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex max-w-full items-center gap-1", children: [
-      icon,
-      hasLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: label })
-    ] }),
-    progress && /* @__PURE__ */ jsxRuntime.jsx(
-      "span",
-      {
-        "aria-hidden": true,
-        "data-slot": "status-pill-progress",
-        className: ui.cn(
-          "mt-0.5 block h-1 w-full min-w-10 shrink-0 rounded-sm",
-          progress === "queued" ? "progress-bar-queued" : "progress-bar-processing"
-        )
-      }
-    )
-  ] });
-  if (onClick) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        title,
-        "aria-label": hasLabel ? void 0 : title,
-        "data-slot": "status-pill",
-        "data-testid": testId,
-        className: classes,
-        onClick: (e) => {
-          e.stopPropagation();
-          onClick();
-        },
-        onKeyDown: (e) => e.stopPropagation(),
-        children: body
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      title,
-      role: hasLabel || !title ? void 0 : "img",
-      "aria-label": hasLabel ? void 0 : title,
-      "data-slot": "status-pill",
-      "data-testid": testId,
-      className: classes,
-      children: body
-    }
-  );
-}
 function FilesToolbar({
   leftActions,
   rightActions,
@@ -158,474 +76,6 @@ function FilesSearchInput(props) {
     }
   );
 }
-function ExplorerLoadingTiles({
-  count = 18,
-  label = "Loading files",
-  testId,
-  className,
-  ...rest
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: ui.cn(
-        "grid gap-3 [grid-template-columns:repeat(auto-fill,minmax(150px,1fr))]",
-        className
-      ),
-      "aria-busy": "true",
-      "aria-label": label,
-      "data-slot": "explorer-loading-tiles",
-      ...rest,
-      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "explorer-loading-skeleton" }),
-      children: Array.from({ length: count }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[4/5] animate-pulse rounded-lg bg-muted" }, i))
-    }
-  );
-}
-var DEFAULT_EXPLORER_LABELS = {
-  moreActions: "More actions",
-  name: "Name",
-  select: "Select",
-  deselect: "Deselect",
-  empty: "Empty",
-  itemCount: (count) => chunkKDG6FER6_cjs.formatCount(count, { one: "item", other: "items" }),
-  processing: (count) => `${count} processing`,
-  aiSummary: "AI Summary:",
-  noSummary: "No AI summary is available for this document yet.",
-  lastModifiedBy: "Last modified by",
-  shared: "Shared",
-  private: "Private"
-};
-function TileLink({
-  href,
-  label,
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3VULDTNL_cjs.ActionLink,
-    {
-      href,
-      onSelect,
-      "aria-label": label,
-      "data-slot": "explorer-tile-link",
-      className: "absolute inset-0 z-10 rounded-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
-    }
-  );
-}
-function isInsideTileLink(e) {
-  return e.target instanceof Element && !!e.target.closest('[data-slot="explorer-tile-link"]');
-}
-function ExplorerMenu({
-  items,
-  testId,
-  label,
-  align,
-  triggerClassName
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenu, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": label,
-        "data-testid": testId,
-        onClick: (e) => e.stopPropagation(),
-        onPointerDown: (e) => e.stopPropagation(),
-        className: ui.cn(
-          "flex size-6 items-center justify-center rounded-md bg-background/90 text-muted-foreground backdrop-blur-sm transition hover:bg-background hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[state=open]:bg-background data-[state=open]:text-foreground pointer-coarse:size-11",
-          triggerClassName
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreHorizontal, { className: "size-4" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.DropdownMenuContent,
-      {
-        align,
-        onClick: (e) => e.stopPropagation(),
-        onPointerDown: (e) => e.stopPropagation(),
-        className: "w-44",
-        children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          item.separatorBefore && /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSeparator, {}),
-          item.submenu ? /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuSub, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuSubTrigger, { "data-testid": item.testId, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(item.icon, { className: "mr-2 size-4" }),
-              item.label
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.DropdownMenuSubContent, { className: "w-52", children: item.submenu.map((sub) => /* @__PURE__ */ jsxRuntime.jsxs(ui.DropdownMenuItem, { onSelect: sub.onSelect, "data-testid": sub.testId, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(sub.icon, { className: "mr-2 size-4" }),
-              sub.label
-            ] }, sub.id)) })
-          ] }) : /* @__PURE__ */ jsxRuntime.jsxs(
-            ui.DropdownMenuItem,
-            {
-              onSelect: item.onSelect,
-              "data-testid": item.testId,
-              className: ui.cn(item.destructive && "text-destructive focus:text-destructive"),
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx(item.icon, { className: "mr-2 size-4" }),
-                item.label
-              ]
-            }
-          )
-        ] }, item.id))
-      }
-    )
-  ] });
-}
-function RenameField({
-  seed,
-  testId,
-  label,
-  onCommit,
-  onCancel,
-  className
-}) {
-  const doneRef = react.useRef(false);
-  const commit = (value) => {
-    if (doneRef.current) return;
-    doneRef.current = true;
-    const trimmed = value.trim();
-    if (trimmed && trimmed !== seed) onCommit(trimmed);
-    else onCancel();
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "input",
-    {
-      autoFocus: true,
-      defaultValue: seed,
-      "data-testid": testId,
-      "aria-label": label,
-      onFocus: (e) => e.currentTarget.select(),
-      onClick: (e) => e.stopPropagation(),
-      onPointerDown: (e) => e.stopPropagation(),
-      onDoubleClick: (e) => e.stopPropagation(),
-      onKeyDown: (e) => {
-        if (e.key === "Enter") {
-          e.preventDefault();
-          commit(e.currentTarget.value);
-        } else if (e.key === "Escape") {
-          e.preventDefault();
-          doneRef.current = true;
-          onCancel();
-        }
-      },
-      onBlur: (e) => commit(e.currentTarget.value),
-      className: ui.cn(
-        "w-full rounded-md border border-primary bg-background px-1 py-0.5 text-sm text-foreground outline-none",
-        className
-      )
-    }
-  );
-}
-function SelectCheckbox({
-  selected,
-  onToggle,
-  labels,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Checkbox,
-    {
-      checked: selected,
-      onPointerDown: (e) => e.stopPropagation(),
-      onClick: onToggle,
-      "aria-label": selected ? labels.deselect : labels.select,
-      className: ui.cn(
-        "size-6 rounded-md border-muted-foreground/60 bg-card transition data-[state=checked]:border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground pointer-coarse:size-9",
-        selected ? "opacity-100" : "opacity-60 hover:opacity-100",
-        className
-      )
-    }
-  );
-}
-function ExplorerFileTile({
-  id,
-  title,
-  density,
-  selected,
-  dragging,
-  renaming,
-  thumbnailUrl,
-  renderFileIcon,
-  progress,
-  statusMarker,
-  offlineMarker,
-  entity,
-  tooltip,
-  menuItems,
-  rootRef,
-  rootProps,
-  onOpen,
-  href,
-  labels,
-  testIds,
-  onSelect,
-  onToggle,
-  onCommitRename,
-  onCancelRename
-}) {
-  const l = { ...DEFAULT_EXPLORER_LABELS, ...labels };
-  const [thumbFailed, setThumbFailed] = react.useState(false);
-  const [thumbLandscape, setThumbLandscape] = react.useState(false);
-  const showThumbnail = !!thumbnailUrl && !thumbFailed && !progress;
-  const tile = /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: rootRef,
-      ...rootProps,
-      onClick: (e) => {
-        if (href && isInsideTileLink(e)) {
-          if (e.shiftKey) {
-            e.preventDefault();
-            onSelect(e);
-          }
-          return;
-        }
-        if (e.shiftKey || e.metaKey || e.ctrlKey) onSelect(e);
-        else onOpen();
-      },
-      onDoubleClick: onOpen,
-      "data-slot": "explorer-file-tile",
-      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.root, { testId: "explorer-file" }),
-      "data-doc-id": id,
-      className: ui.cn(
-        "group relative h-full cursor-default select-none overflow-hidden rounded-lg border transition",
-        dragging && "opacity-40",
-        selected ? "border-primary/30 bg-accent" : "border-border bg-muted hover:bg-muted/70"
-      ),
-      children: [
-        href && /* @__PURE__ */ jsxRuntime.jsx(TileLink, { href, label: title, onSelect: onOpen }),
-        showThumbnail ? /* @__PURE__ */ jsxRuntime.jsx(
-          "img",
-          {
-            src: thumbnailUrl,
-            alt: "",
-            loading: "lazy",
-            draggable: false,
-            onError: () => setThumbFailed(true),
-            onLoad: (e) => setThumbLandscape(e.currentTarget.naturalWidth > e.currentTarget.naturalHeight),
-            className: ui.cn(
-              "absolute inset-0 size-full bg-card",
-              thumbLandscape ? "object-contain" : "object-cover object-top"
-            )
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: renderFileIcon(density === "list" ? 30 : 44) }),
-        progress && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-1.5 bg-background/80 px-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: ui.cn(
-                "h-1.5 w-full rounded-sm",
-                progress.queued ? "progress-bar-queued" : "progress-bar-processing"
-              )
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium text-primary", children: progress.label })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          SelectCheckbox,
-          {
-            selected,
-            onToggle,
-            labels: l,
-            className: "absolute left-1.5 top-1.5 z-20"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-1.5 top-1.5 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(
-          ExplorerMenu,
-          {
-            items: menuItems,
-            testId: chunkMHVNT4J3_cjs.testIdOr(testIds?.menu, { testId: "explorer-file-menu" }),
-            label: l.moreActions,
-            align: "start"
-          }
-        ) }),
-        renaming ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-x-0 bottom-0 z-20 flex items-center gap-1 bg-background/90 px-1.5 py-1 backdrop-blur-sm", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: renderFileIcon(13) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            RenameField,
-            {
-              seed: title,
-              testId: chunkMHVNT4J3_cjs.testIdOr(testIds?.renameInput, { testId: "explorer-rename-input" }),
-              label: l.name,
-              onCommit: onCommitRename,
-              onCancel: onCancelRename,
-              className: "flex-1 text-left"
-            }
-          )
-        ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute inset-x-1.5 bottom-1.5 z-20 flex flex-col gap-1", children: [
-          (offlineMarker || statusMarker) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
-            offlineMarker,
-            statusMarker && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex", children: statusMarker })
-          ] }),
-          entity
-        ] })
-      ]
-    }
-  );
-  if (!tooltip) return tile;
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { delayDuration: 500, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: tile }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { side: "bottom", sideOffset: 6, className: "p-2.5", children: tooltip })
-  ] });
-}
-function ExplorerFolderTile({
-  name,
-  displayName,
-  path,
-  count,
-  density,
-  editing,
-  selected,
-  partiallySelected,
-  processingCount = 0,
-  isOver,
-  icon,
-  menuItems = [],
-  rootRef,
-  rootProps,
-  onOpen,
-  href,
-  labels,
-  testIds,
-  onToggleSelect,
-  onCommitName,
-  onCancelName
-}) {
-  const l = { ...DEFAULT_EXPLORER_LABELS, ...labels };
-  const iconSize = density === "list" ? 34 : 48;
-  const isEmpty = count === 0;
-  const countLabel = isEmpty ? l.empty : l.itemCount(count);
-  const joined = path.join("/");
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      ref: rootRef,
-      ...rootProps,
-      onClick: editing || href ? void 0 : onOpen,
-      "data-slot": "explorer-folder-tile",
-      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.root, { testId: "explorer-folder" }),
-      "data-folder-path": joined,
-      title: name,
-      className: ui.cn(
-        "group relative flex h-full cursor-pointer select-none flex-col items-center justify-center gap-1 rounded-lg p-2 text-center transition",
-        isOver ? "bg-accent ring-2 ring-primary/40" : selected ? "bg-accent ring-1 ring-primary/30" : "bg-muted hover:bg-muted/70",
-        isEmpty && !isOver && !selected && "opacity-70"
-      ),
-      children: [
-        href && !editing && /* @__PURE__ */ jsxRuntime.jsx(TileLink, { href, label: displayName || name, onSelect: onOpen }),
-        onToggleSelect && !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
-          SelectCheckbox,
-          {
-            selected: !!selected,
-            onToggle: onToggleSelect,
-            labels: l,
-            className: ui.cn(
-              "absolute left-1.5 top-1.5 z-20",
-              partiallySelected && !selected && "opacity-100"
-            )
-          }
-        ),
-        menuItems.length > 0 && !editing && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-1 top-1 z-20", children: /* @__PURE__ */ jsxRuntime.jsx(
-          ExplorerMenu,
-          {
-            items: menuItems,
-            testId: chunkMHVNT4J3_cjs.testIdOr(testIds?.menu, { testId: "explorer-folder-menu" }),
-            label: l.moreActions,
-            align: "end"
-          }
-        ) }),
-        icon ?? /* @__PURE__ */ jsxRuntime.jsx(
-          lucideReact.Folder,
-          {
-            className: ui.cn(
-              "transition",
-              isEmpty ? "text-yellow-text/50" : "fill-yellow-text/30 text-yellow-text group-hover:fill-yellow-text/40"
-            ),
-            size: iconSize
-          }
-        ),
-        editing ? /* @__PURE__ */ jsxRuntime.jsx(
-          RenameField,
-          {
-            seed: name,
-            testId: chunkMHVNT4J3_cjs.testIdOr(testIds?.renameInput, { testId: "explorer-rename-input" }),
-            label: l.name,
-            onCommit: (next) => onCommitName?.(next),
-            onCancel: () => onCancelName?.(),
-            className: "text-center"
-          }
-        ) : displayName && /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: ui.cn(
-              "line-clamp-2 w-full break-words text-xs font-semibold leading-tight",
-              isEmpty ? "text-foreground/60" : "text-foreground/90"
-            ),
-            children: displayName
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: countLabel }),
-        processingCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
-          "span",
-          {
-            className: "inline-flex items-center gap-1 text-xs font-semibold text-primary",
-            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.processing, {
-              testId: `explorer-folder-processing-${joined}`
-            }),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderCircle, { className: "size-3 animate-spin" }),
-              l.processing(processingCount)
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-function ExplorerFileTooltip({
-  title,
-  summary,
-  modifiedLabel,
-  modifiedByAvatar,
-  shared,
-  visibilityIcon,
-  labels,
-  uiLabels
-}) {
-  const l = { ...DEFAULT_EXPLORER_LABELS, ...uiLabels };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-xs space-y-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "break-words text-xs font-semibold leading-snug text-foreground", children: title }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 border-t border-border pt-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 text-xs font-semibold text-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "size-3.5 shrink-0 text-yellow-text" }),
-        l.aiSummary
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "line-clamp-6 text-xs leading-snug text-foreground/90", children: summary?.trim() || l.noSummary })
-    ] }),
-    (modifiedLabel || labels.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5 border-t border-border pt-1.5", children: [
-      modifiedLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: l.lastModifiedBy }),
-          modifiedByAvatar,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: modifiedLabel })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
-          visibilityIcon,
-          /* @__PURE__ */ jsxRuntime.jsx("span", { children: shared ? l.shared : l.private })
-        ] })
-      ] }),
-      labels.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 pt-0.5", children: labels.map((label) => /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: "rounded bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground/80",
-          children: label
-        },
-        label
-      )) })
-    ] })
-  ] });
-}
 
 // src/files/documentGridLayout.ts
 function resolveDocumentGridLayout(isNarrow, isModal, isTablet = false) {
@@ -3243,220 +2693,6 @@ function MediaPreviewView({ kind, src, testId, labels }) {
     kind === "audio" && /* @__PURE__ */ jsxRuntime.jsx("audio", { className: "w-full p-2", src, controls: true, preload: "metadata" })
   ] });
 }
-function GmailMark({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 256 193", className, "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#4285F4",
-        d: "M58.182 192.05V93.14L27.507 65.077 0 49.504v125.091c0 9.658 7.825 17.455 17.455 17.455z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#34A853",
-        d: "M197.818 192.05h40.727c9.659 0 17.455-7.826 17.455-17.455V49.505l-31.156 17.837-27.026 25.798z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#EA4335",
-        d: "m58.182 93.14-4.174-38.647 4.174-36.989L128 69.868l69.818-52.364 4.669 34.992-4.669 40.644L128 145.504z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#FBBC04",
-        d: "M197.818 17.504V93.14L256 49.504V26.231c0-21.585-24.64-33.89-41.89-20.945z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#C5221F",
-        d: "M0 49.504 26.759 69.574 58.182 93.14V17.504L41.89 5.286C24.61-7.66 0 4.646 0 26.231z"
-      }
-    )
-  ] });
-}
-function OutlookMark({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 48 48", className, "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#0F6CBD", d: "M44 13H24v22h18.5A1.5 1.5 0 0 0 44 33.5z" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { fill: "#28A8EA", d: "M24 15.5 44 13v3L24 27z" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "9", width: "21", height: "30", rx: "2.5", fill: "#0364B8" }),
-    /* @__PURE__ */ jsxRuntime.jsx("ellipse", { cx: "14.5", cy: "24", rx: "6.2", ry: "7", fill: "none", stroke: "#fff", strokeWidth: "3.1" })
-  ] });
-}
-function OneDriveMark({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 256 165", className, "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#0364B8",
-        d: "M154.66056 110.681557 207.502052 60.1479482C196.525811 17.3487078 152.932256-8.44908883 110.132767 2.52715287 90.8589801 7.46999082 74.1187452 19.4179992 63.179535 36.0386895 63.9974594 36.0180612 154.66056 110.681557 154.66056 110.681557Z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#0078D4",
-        d: "M97.6181022 45.5520619 97.6156169 45.5607606C87.5186874 39.307156 75.8741386 36.001658 63.9972108 36.0177537 63.7228296 36.0177537 63.4531706 36.03521 63.1792865 36.0384409 27.8517142 36.4761088-.432413365 65.4695515.00500592252 100.797124.163570414 113.612018 4.16769663 126.083687 11.4981977 136.595916L90.6631356 126.680913 151.357298 77.7409022 97.6181022 45.5520619Z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#1490DF",
-        d: "M207.502052 60.1481967C206.340406 60.0706542 205.173043 60.016946 203.992011 60.016946 196.903085 60.010012 189.887973 61.4579693 183.381112 64.271122L183.379621 64.2656543 151.357547 77.7411507 186.65952 121.347877 249.770673 136.689364C263.390071 111.405536 253.93411 79.8683506 228.650281 66.2489531 222.117076 62.7297161 214.906119 60.6497377 207.502301 60.1484453L207.502301 60.1481967 207.502052 60.1481967Z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#28A8EA",
-        d: "M11.4981977 136.595916C23.4514253 153.781772 43.063467 164.023845 63.9974594 164.012918L203.991762 164.012918C223.115435 164.018377 240.697951 153.524291 249.770425 136.689862L151.357298 77.7409022 11.4981977 136.595916Z"
-      }
-    )
-  ] });
-}
-function SharePointMark({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 48 48", className, "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "22", cy: "22", r: "20", fill: "#036C70" }),
-    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "16", cy: "20", r: "12", fill: "#1A9BA1" }),
-    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "26", cy: "30", r: "10", fill: "#37C6D0" }),
-    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "33", cy: "22", r: "8", fill: "#fff", opacity: "0.15" })
-  ] });
-}
-function GoogleDriveMark({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 87.3 78", className, "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#0066da",
-        d: "M6.6 66.85l3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8H0c0 1.55.4 3.1 1.2 4.5z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#00ac47",
-        d: "M43.65 25L29.9 1.2c-1.35.8-2.5 1.9-3.3 3.3L1.2 48.5A9.06 9.06 0 0 0 0 53h27.5z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#ea4335",
-        d: "M73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75L86.1 57.4c.8-1.4 1.2-2.95 1.2-4.5H59.798l5.85 11.5z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#00832d",
-        d: "M43.65 25L57.4 1.2C56.05.4 54.5 0 52.9 0H34.4c-1.6 0-3.15.45-4.5 1.2z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#2684fc",
-        d: "M59.8 53H27.5L13.75 76.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "#ffba00",
-        d: "M73.4 26.5L60.65 4.5c-.8-1.4-1.95-2.5-3.3-3.3L43.65 25l16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z"
-      }
-    )
-  ] });
-}
-function BoxMark({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 48 48", className, "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "48", height: "48", rx: "10", fill: "#0061D5" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "none",
-        stroke: "#fff",
-        strokeWidth: "2.5",
-        strokeLinejoin: "round",
-        strokeLinecap: "round",
-        d: "M24 13 36 19 36 29 24 35 12 29 12 19Z"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "none",
-        stroke: "#fff",
-        strokeWidth: "2.5",
-        strokeLinejoin: "round",
-        strokeLinecap: "round",
-        d: "M12 19 24 25 36 19 M24 25 24 35"
-      }
-    )
-  ] });
-}
-function DropboxMark({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 48 48", className, "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "#0061FF", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 6 0 14l12 8 12-8z" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M36 6 24 14l12 8 12-8z" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M0 30l12 8 12-8-12-8z" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M36 22 24 30l12 8 12-8z" }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 40.5 24 33l12 7.5L24 48z" })
-  ] }) });
-}
-function OneNoteMark({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 48 48", className, "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "48", height: "48", rx: "10", fill: "#7719AA" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "10", y: "10", width: "21", height: "28", rx: "2.5", fill: "#fff", opacity: "0.95" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "31", y: "15", width: "7", height: "5", rx: "1.5", fill: "#fff", opacity: "0.6" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "31", y: "22", width: "7", height: "5", rx: "1.5", fill: "#fff", opacity: "0.6" }),
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "31", y: "29", width: "7", height: "5", rx: "1.5", fill: "#fff", opacity: "0.6" })
-  ] });
-}
-function ClioMark({ className }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 48 48", className, "aria-hidden": "true", focusable: "false", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "48", height: "48", rx: "10", fill: "#00263E" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "path",
-      {
-        fill: "none",
-        stroke: "#4FC3F7",
-        strokeWidth: "4.5",
-        strokeLinecap: "round",
-        d: "M32 17a10 10 0 1 0 0 14"
-      }
-    )
-  ] });
-}
-function VendorLogo({
-  vendorKey,
-  className = "h-4 w-4",
-  product
-}) {
-  if (product === "onedrive") return /* @__PURE__ */ jsxRuntime.jsx(OneDriveMark, { className });
-  if (product === "googledrive") return /* @__PURE__ */ jsxRuntime.jsx(GoogleDriveMark, { className });
-  if (product === "sharepoint") return /* @__PURE__ */ jsxRuntime.jsx(SharePointMark, { className });
-  if (product === "box") return /* @__PURE__ */ jsxRuntime.jsx(BoxMark, { className });
-  if (product === "dropbox") return /* @__PURE__ */ jsxRuntime.jsx(DropboxMark, { className });
-  if (product === "onenote") return /* @__PURE__ */ jsxRuntime.jsx(OneNoteMark, { className });
-  if (product === "clio") return /* @__PURE__ */ jsxRuntime.jsx(ClioMark, { className });
-  if (vendorKey === "gmail") return /* @__PURE__ */ jsxRuntime.jsx(GmailMark, { className });
-  if (vendorKey === "microsoft") return /* @__PURE__ */ jsxRuntime.jsx(OutlookMark, { className });
-  if (vendorKey === "microsoft_sharepoint") return /* @__PURE__ */ jsxRuntime.jsx(SharePointMark, { className });
-  if (vendorKey === "box") return /* @__PURE__ */ jsxRuntime.jsx(BoxMark, { className });
-  if (vendorKey === "dropbox") return /* @__PURE__ */ jsxRuntime.jsx(DropboxMark, { className });
-  if (vendorKey === "onenote") return /* @__PURE__ */ jsxRuntime.jsx(OneNoteMark, { className });
-  if (vendorKey === "clio") return /* @__PURE__ */ jsxRuntime.jsx(ClioMark, { className });
-  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Mail, { className: `${className} text-muted-foreground`, "aria-hidden": "true" });
-}
 function RelatedBadge({
   icon: Icon,
   count,
@@ -6452,10 +5688,29 @@ var STATUS = {
   processing: { Icon: lucideReact.Loader2, title: "Indexing", tone: "text-muted-foreground", spin: true },
   queued: { Icon: lucideReact.Hourglass, title: "Queued", tone: "text-yellow-text" }
 };
-function DocStatusIcon({ status, onClick, failed, className }) {
+function DocStatusIcon({
+  status,
+  onClick,
+  failedStage,
+  errorMessage,
+  className
+}) {
   if (!status) return null;
   const key = status.toLowerCase();
-  if (key === "failed") return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: failed });
+  if (key === "failed") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkWV4TD2HZ_cjs.FailedStageIcon,
+      {
+        stage: failedStage,
+        errorMessage,
+        className: ui.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;
@@ -6480,106 +5735,6 @@ function DocStatusIcon({ status, onClick, failed, className }) {
     }
   );
 }
-function ExplorerFrame({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "explorer-frame", className: ui.cn("flex h-full flex-col", className), ...props });
-}
-function ExplorerStage({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "explorer-stage",
-      className: ui.cn("relative min-h-0 flex-1", className),
-      ...props
-    }
-  );
-}
-var ExplorerScroller = react.forwardRef(
-  function ExplorerScroller2({ className, ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        "data-slot": "explorer-scroller",
-        className: ui.cn(
-          "h-full select-none overflow-auto px-4 py-4 [scrollbar-gutter:stable]",
-          className
-        ),
-        ...props
-      }
-    );
-  }
-);
-function ExplorerEmpty({ title, description }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "explorer-empty",
-      className: "flex h-full flex-col items-center justify-center gap-1 text-center text-muted-foreground",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs", children: description })
-      ]
-    }
-  );
-}
-var ExplorerMarquee = react.forwardRef(
-  function ExplorerMarquee2({ className, style, ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        "aria-hidden": true,
-        "data-slot": "explorer-marquee",
-        className: ui.cn(
-          "pointer-events-none fixed z-30 border border-primary bg-primary/10",
-          className
-        ),
-        style: { display: "none", ...style },
-        ...props
-      }
-    );
-  }
-);
-function ExplorerDropOverlay({ label }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "data-slot": "explorer-drop-overlay",
-      className: "pointer-events-none absolute inset-2 z-20 flex flex-col items-center justify-center gap-2 rounded-lg border-2 border-dashed border-primary bg-accent/80 backdrop-blur-sm",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UploadCloud, { className: "size-8 text-primary" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-primary", children: label })
-      ]
-    }
-  );
-}
-function ExplorerDragPreview({ icon, title, count }) {
-  const isMulti = count > 1;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "explorer-drag-preview", className: "relative", children: [
-    isMulti && /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        "aria-hidden": true,
-        className: "absolute inset-0 translate-x-1.5 translate-y-1.5 rounded-lg border border-primary/30 bg-popover shadow-md"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center gap-2 rounded-lg border border-primary/40 bg-popover px-3 py-2 shadow-lg", children: [
-      icon,
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[12rem] truncate text-sm font-medium", children: title }),
-      isMulti && /* @__PURE__ */ jsxRuntime.jsxs(
-        "span",
-        {
-          "data-slot": "explorer-drag-preview-count",
-          className: "whitespace-nowrap rounded-full bg-primary px-2 py-0.5 text-xs font-semibold text-primary-foreground",
-          children: [
-            count,
-            " items"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
 
 exports.AiReviewDialogView = AiReviewDialogView;
 exports.BulkActionsBar = BulkActionsBar;
@@ -6593,7 +5748,6 @@ exports.DEFAULT_BULK_ACTIONS_LABELS = DEFAULT_BULK_ACTIONS_LABELS;
 exports.DEFAULT_BULK_REPLACE_LABELS = DEFAULT_BULK_REPLACE_LABELS;
 exports.DEFAULT_BULK_TAG_EDITOR_LABELS = DEFAULT_BULK_TAG_EDITOR_LABELS;
 exports.DEFAULT_DOC_TAG_LABELS = DEFAULT_DOC_TAG_LABELS;
-exports.DEFAULT_EXPLORER_LABELS = DEFAULT_EXPLORER_LABELS;
 exports.DEFAULT_EXPORT_LABELS = DEFAULT_EXPORT_LABELS;
 exports.DEFAULT_FIELDS_EDITOR_LABELS = DEFAULT_FIELDS_EDITOR_LABELS;
 exports.DEFAULT_FILES_SEARCH_LABELS = DEFAULT_FILES_SEARCH_LABELS;
@@ -6625,17 +5779,6 @@ exports.DocumentGrid = DocumentGrid;
 exports.DocumentLabelBar = DocumentLabelBar;
 exports.DocumentNameCellFrame = DocumentNameCellFrame;
 exports.DocumentRowMenu = DocumentRowMenu;
-exports.ExplorerDragPreview = ExplorerDragPreview;
-exports.ExplorerDropOverlay = ExplorerDropOverlay;
-exports.ExplorerEmpty = ExplorerEmpty;
-exports.ExplorerFileTile = ExplorerFileTile;
-exports.ExplorerFileTooltip = ExplorerFileTooltip;
-exports.ExplorerFolderTile = ExplorerFolderTile;
-exports.ExplorerFrame = ExplorerFrame;
-exports.ExplorerLoadingTiles = ExplorerLoadingTiles;
-exports.ExplorerMarquee = ExplorerMarquee;
-exports.ExplorerScroller = ExplorerScroller;
-exports.ExplorerStage = ExplorerStage;
 exports.ExportFooter = ExportFooter;
 exports.ExportMethodChooser = ExportMethodChooser;
 exports.ExportModalTitle = ExportModalTitle;
@@ -6681,7 +5824,6 @@ exports.RejectedFilesList = RejectedFilesList;
 exports.RelatedDocsCell = RelatedDocsCell;
 exports.SELECTION_COL_ID = SELECTION_COL_ID;
 exports.SelectedFilesList = SelectedFilesList;
-exports.StatusPill = StatusPill;
 exports.TagColumnHeader = TagColumnHeader;
 exports.TagFormField = TagFormField;
 exports.TagFormFooter = TagFormFooter;
@@ -6716,7 +5858,6 @@ exports.UploadSourceSection = UploadSourceSection;
 exports.UploadUrlButton = UploadUrlButton;
 exports.UrlDialogTitle = UrlDialogTitle;
 exports.UrlInputDialogView = UrlInputDialogView;
-exports.VendorLogo = VendorLogo;
 exports.ViewSelectorMenu = ViewSelectorMenu;
 exports.ViewerControlBar = ViewerControlBar;
 exports.ViewerFrame = ViewerFrame;
@@ -6747,5 +5888,5 @@ exports.upsertView = upsertView;
 exports.useGridViews = useGridViews;
 exports.visibleColumns = visibleColumns;
 exports.widthsMatch = widthsMatch;
-//# sourceMappingURL=chunk-BDA3RHYD.cjs.map
-//# sourceMappingURL=chunk-BDA3RHYD.cjs.map
+//# sourceMappingURL=chunk-MUDEL7UL.cjs.map
+//# sourceMappingURL=chunk-MUDEL7UL.cjs.map