@arbidocs/blocks 0.4.154 → 0.4.156

package/dist/chunk-WV4TD2HZ.cjs

@@ -0,0 +1,1785 @@
+"use client";
+'use strict';
+
+var chunkFAXXN7KI_cjs = require('./chunk-FAXXN7KI.cjs');
+var chunk3VULDTNL_cjs = require('./chunk-3VULDTNL.cjs');
+var chunk32HW2Q33_cjs = require('./chunk-32HW2Q33.cjs');
+var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
+var chunkKDG6FER6_cjs = require('./chunk-KDG6FER6.cjs');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+
+function FilesFilterBar({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "files-filter-bar",
+      className: ui.cn("flex min-w-0 flex-1 flex-nowrap items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function FilesTagsButton({
+  onClick,
+  label = "Tags",
+  className,
+  testId
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Button,
+    {
+      variant: "ghost",
+      size: "sm",
+      className: ui.cn("h-8 shrink-0 gap-1.5 px-2 font-normal pointer-coarse:h-11", className),
+      onClick,
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "filter-bar-tags-button" }),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.BookMarked, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm max-[480px]:sr-only", children: label })
+      ]
+    }
+  );
+}
+function FilesViewCenter({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "files-view-center",
+      className: ui.cn("@container flex min-w-[9.5rem] flex-1 items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function FilesModalFooter({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "files-modal-footer",
+      className: ui.cn(
+        // Sticks to the bottom of the modal's scrolling body so Close is always reachable.
+        "sticky bottom-0 z-40 flex justify-end gap-2 border-t border-border bg-background px-4 py-3 sm:px-6",
+        className
+      ),
+      children
+    }
+  );
+}
+
+// src/files/grid/row-density.ts
+var LINE_PX = 14 * 1.35;
+var CHROME = 18;
+var MIN_LINES = 1;
+var MAX_LINES = 10;
+var rowHeightForLines = (lines) => Math.ceil(lines * LINE_PX + CHROME);
+var linesForRowHeight = (height) => Math.max(MIN_LINES, Math.min(MAX_LINES, Math.floor((height - CHROME) / LINE_PX)));
+var ROW_MIN = rowHeightForLines(MIN_LINES);
+function RowDensityControl({
+  rowHeight,
+  onRowHeightChange,
+  testId = "documents-density"
+}) {
+  const lines = linesForRowHeight(rowHeight);
+  const setLines = (next) => onRowHeightChange(rowHeightForLines(Math.max(MIN_LINES, Math.min(MAX_LINES, next))));
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { delayDuration: 300, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-7 items-center gap-1.5 rounded-md border border-input px-2 pointer-coarse:h-11", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden text-xs text-muted-foreground md:inline", children: "Rows" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Shorter rows",
+          "data-testid": `${testId}-out`,
+          onClick: () => setLines(lines - 1),
+          disabled: lines <= MIN_LINES,
+          className: "flex items-center justify-center text-muted-foreground hover:text-foreground disabled:opacity-40 pointer-coarse:size-11",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ListChevronsUpDown, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Slider,
+        {
+          value: [lines],
+          min: MIN_LINES,
+          max: MAX_LINES,
+          step: 1,
+          onValueChange: ([value]) => setLines(value),
+          "aria-label": "Row height",
+          "data-testid": testId,
+          className: "w-20"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.TooltipContent, { children: [
+      "Row height: ",
+      lines,
+      " line",
+      lines === 1 ? "" : "s"
+    ] })
+  ] });
+}
+function FolderBreadcrumb({
+  segments,
+  size = "xs"
+}) {
+  const text = size === "sm" ? "text-sm" : "text-xs";
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "folder-breadcrumb", className: "min-w-0 truncate", children: segments.map((part, i, arr) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-0.5", children: [
+    i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `mx-0.5 ${text} text-muted-foreground/50`, children: "/" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: i < arr.length - 1 ? `${text} text-muted-foreground` : "", children: part })
+  ] }, i)) });
+}
+function FolderCell({
+  folder,
+  segments,
+  icon,
+  isEditable,
+  picker,
+  className
+}) {
+  const display = folder ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    icon ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "h-3.5 w-3.5 flex-none shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ jsxRuntime.jsx(FolderBreadcrumb, { segments })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+  const title = folder || void 0;
+  if (!isEditable) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-slot": "folder-cell",
+        title,
+        className: ui.cn("flex h-full w-full min-w-0 items-center gap-1.5 text-sm", className),
+        children: display
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "data-slot": "folder-cell",
+        title,
+        className: ui.cn(
+          "flex h-full w-full min-w-0 cursor-pointer items-center gap-1.5 text-left text-sm hover:text-primary",
+          className
+        ),
+        children: display
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.PopoverContent,
+      {
+        className: "w-max min-w-[220px] max-w-[min(640px,92vw)] p-0",
+        align: "start",
+        side: "bottom",
+        sideOffset: 4,
+        children: picker
+      }
+    )
+  ] });
+}
+var FIELD_SURFACE = "rounded-md border border-input bg-muted/40 text-sm transition-colors hover:bg-background";
+function FieldValue({ tone = "default", isMono, isTruncated, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "field-value",
+      className: ui.cn(
+        "text-sm",
+        tone === "strong" && "font-semibold",
+        tone === "muted" && "text-muted-foreground",
+        isMono && "font-mono",
+        isTruncated && "truncate"
+      ),
+      children
+    }
+  );
+}
+function FieldFolderSelect({ folder, picker }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "data-slot": "field-folder-select",
+        className: ui.cn(
+          FIELD_SURFACE,
+          "flex h-9 w-full min-w-0 items-center gap-1.5 px-3 text-left hover:text-primary pointer-coarse:h-11"
+        ),
+        children: [
+          folder ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "size-3.5 flex-none shrink-0 text-yellow-600" }),
+            /* @__PURE__ */ jsxRuntime.jsx(FolderBreadcrumb, { segments: folder.split("/"), size: "sm" })
+          ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "ml-auto size-3.5 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.PopoverContent,
+      {
+        className: "w-max min-w-[var(--radix-popover-trigger-width)] max-w-[min(640px,92vw)] p-0",
+        align: "start",
+        side: "bottom",
+        sideOffset: 4,
+        children: picker
+      }
+    )
+  ] });
+}
+function FieldFolderValue({ folder }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1.5 text-sm", children: folder ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "size-3.5 shrink-0 text-yellow-600" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { children: folder })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2014" }) });
+}
+function FieldLabelsSelect({
+  options,
+  appliedIds,
+  displayedIds = appliedIds,
+  onToggle,
+  onCreate,
+  emptyText = "Click to add",
+  labels
+}) {
+  const applied = react.useMemo(
+    () => options.filter((o) => displayedIds.has(o.id)),
+    [options, displayedIds]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "data-slot": "field-labels-select",
+        className: ui.cn(
+          FIELD_SURFACE,
+          "flex min-h-9 w-full cursor-pointer items-center px-3 py-1.5 text-left pointer-coarse:min-h-11"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-[28px] flex-wrap items-center gap-1.5", children: [
+          applied.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm italic text-muted-foreground", children: emptyText }),
+          applied.map((o) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 text-sm font-medium", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "flex size-4 shrink-0 items-center justify-center rounded border-2",
+                style: { borderColor: o.color, backgroundColor: o.color },
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3 text-white", strokeWidth: 3 })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[280px] truncate", children: o.name })
+          ] }, o.id))
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverContent, { className: "w-[360px] p-0", align: "start", side: "bottom", sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFAXXN7KI_cjs.LabelPickerList,
+      {
+        options,
+        appliedIds,
+        onToggle,
+        onCreate,
+        labels: { ...chunkFAXXN7KI_cjs.DEFAULT_LABEL_MULTI_SELECT_LABELS, ...labels }
+      }
+    ) })
+  ] });
+}
+function FieldNativeSelect({
+  value,
+  options,
+  onChange,
+  emptyLabel = "--",
+  ariaLabel
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "select",
+    {
+      value,
+      "aria-label": ariaLabel,
+      onChange: (e) => onChange(e.target.value),
+      className: "h-9 w-full rounded-md border border-input bg-muted/40 px-3 text-sm transition-colors focus:bg-background focus:outline-none focus:ring-1 focus:ring-ring pointer-coarse:h-11",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "", children: emptyLabel }),
+        options.map((opt) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, opt))
+      ]
+    }
+  );
+}
+function FieldAttribution({ avatar, date, lines }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", "data-slot": "field-attribution", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+      avatar,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: date })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.TooltipContent, { side: "bottom", children: lines.map((line, i) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: line }, i)) })
+  ] }) });
+}
+function FieldWithAttribution({
+  attribution,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "group/doctag relative", "data-slot": "field-with-attribution", children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-0 top-0 bg-background/90 pl-2 opacity-0 transition-opacity group-focus-within/doctag:opacity-100 group-hover/doctag:opacity-100 pointer-coarse:opacity-100", children: attribution })
+  ] });
+}
+var FilterButton = ({ params, colId }) => {
+  const [isFilterActive, setIsFilterActive] = react.useState(false);
+  const btnRef = react.useRef(null);
+  react.useEffect(() => {
+    const check = () => setIsFilterActive(!!params.api.getFilterModel()[colId]);
+    check();
+    params.api.addEventListener("filterChanged", check);
+    return () => {
+      if (!params.api.isDestroyed()) params.api.removeEventListener("filterChanged", check);
+    };
+  }, [params.api, colId]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ref: btnRef,
+      role: "button",
+      "aria-label": "Filter",
+      onClick: (e) => {
+        e.stopPropagation();
+        if (btnRef.current) params.showFilter(btnRef.current);
+      },
+      className: `ag-header-icon ag-header-cell-filter-button ag-header-label-icon ${isFilterActive ? "ag-filter-active" : ""}`,
+      "aria-hidden": "false",
+      children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ag-icon ag-icon-filter" })
+    }
+  );
+};
+var DEFAULT_FOLDER_PICKER_LABELS = {
+  none: "None",
+  removeFromFolder: "Remove from folder",
+  searchOrCreate: "Search or create...",
+  noFolders: "No folders yet",
+  create: (name) => `Create \u201C${name}\u201D`
+};
+function FolderPickerRow({
+  label,
+  icon,
+  count,
+  depth,
+  isActive,
+  muted,
+  checkbox,
+  indeterminate,
+  testId,
+  onClick
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      "data-testid": testId,
+      onClick,
+      role: checkbox ? "checkbox" : void 0,
+      "aria-checked": checkbox ? indeterminate ? "mixed" : isActive : void 0,
+      style: { paddingLeft: `${4 + depth * 14}px` },
+      className: ui.cn(
+        // `[&:hover]:`, not `hover:`: the latter compiles behind `@media (hover: hover)`, so on a
+        // touchscreen whose PRIMARY pointer reports `hover: none` the row would never highlight
+        // even with a real mouse attached. The arbitrary selector has no media gate.
+        "flex w-full items-center gap-1 rounded-sm py-1 pr-2 text-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring [&:hover]:bg-accent pointer-coarse:min-h-11",
+        isActive && "bg-primary/10",
+        muted && !isActive && "text-muted-foreground"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex w-4 shrink-0 items-center justify-center", children: checkbox ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: ui.cn(
+              "flex size-3.5 items-center justify-center rounded-[3px] border transition-colors",
+              isActive || indeterminate ? "border-primary bg-primary text-primary-foreground" : "border-muted-foreground/40"
+            ),
+            children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "size-2.5" }) : isActive && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-2.5" })
+          }
+        ) : isActive && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "size-3.5 text-primary" }) }),
+        icon,
+        label !== "" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: ui.cn("min-w-0 truncate", isActive && "font-semibold text-primary"), children: label }),
+        count !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto pl-2 text-sm font-semibold text-muted-foreground", children: count })
+      ]
+    }
+  );
+}
+function FolderTree({
+  nodes,
+  unfiledCount,
+  value,
+  onChange,
+  showUnfiledAlways,
+  labels
+}) {
+  const l = { ...DEFAULT_FOLDER_PICKER_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-h-[240px] overflow-y-auto", children: [
+    nodes.map((node) => /* @__PURE__ */ jsxRuntime.jsx(
+      FolderPickerRow,
+      {
+        label: node.label,
+        icon: node.icon,
+        count: node.count,
+        depth: node.depth,
+        isActive: value === node.path,
+        onClick: () => onChange(node.path)
+      },
+      node.path
+    )),
+    (unfiledCount > 0 || showUnfiledAlways) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      nodes.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 border-t border-border" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FolderPickerRow,
+        {
+          label: l.none,
+          count: unfiledCount,
+          depth: 0,
+          isActive: value === null,
+          muted: true,
+          onClick: () => onChange(null)
+        }
+      )
+    ] })
+  ] });
+}
+function FolderBreadcrumb2({ folder }) {
+  const parts = folder.split("/");
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap", children: parts.map((part, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-0.5", children: [
+    i > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mx-0.5 text-sm text-muted-foreground/50", children: "/" }),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: i < parts.length - 1 ? "text-sm text-muted-foreground" : "", children: part })
+  ] }, i)) });
+}
+function FolderCommandList({
+  folders,
+  value,
+  onSelect,
+  showRemove = false,
+  removeLabel,
+  placeholder,
+  autoFocus = true,
+  labels,
+  testIds
+}) {
+  const l = { ...DEFAULT_FOLDER_PICKER_LABELS, ...labels };
+  const [search, setSearch] = react.useState("");
+  const trimmed = search.trim();
+  const matchesExisting = folders.some((f) => f.toLowerCase() === trimmed.toLowerCase());
+  const handleCreate = react.useCallback(
+    (name) => {
+      const next = name.trim();
+      if (!next) return;
+      onSelect(next);
+      setSearch("");
+    },
+    [onSelect]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Command, { shouldFilter: true, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.CommandInput,
+      {
+        placeholder: placeholder ?? l.searchOrCreate,
+        value: search,
+        onValueChange: setSearch,
+        autoFocus,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" && trimmed && !matchesExisting) {
+            e.preventDefault();
+            handleCreate(search);
+          }
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.CommandList, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.CommandEmpty, { children: trimmed ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.create, { testId: "folder-picker-create" }),
+          onClick: () => handleCreate(search),
+          onPointerDown: (e) => e.preventDefault(),
+          className: "flex w-full cursor-pointer items-center gap-1.5 rounded px-2 py-1.5 text-left text-sm text-primary hover:bg-accent pointer-coarse:min-h-11",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-3.5 shrink-0" }),
+            l.create(trimmed)
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: l.noFolders }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: folders.map((folder) => /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.CommandItem,
+        {
+          value: folder,
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.option?.(folder), {
+            testId: `folder-picker-option-${folder}`
+          }),
+          onSelect: () => onSelect(folder),
+          onPointerDown: (e) => e.preventDefault(),
+          className: "cursor-pointer text-sm",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderOpen, { className: "mr-1.5 size-3.5 flex-none shrink-0 text-yellow-text" }),
+            /* @__PURE__ */ jsxRuntime.jsx(FolderBreadcrumb2, { folder }),
+            value === folder && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex-none text-sm text-primary", children: "\u2713" })
+          ]
+        },
+        folder
+      )) }),
+      trimmed && !matchesExisting && folders.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.CommandItem,
+        {
+          value: `__create__${trimmed}`,
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.createOption, {
+            testId: "folder-picker-create-option"
+          }),
+          onSelect: () => handleCreate(search),
+          onPointerDown: (e) => e.preventDefault(),
+          className: "cursor-pointer text-sm text-primary",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-1.5 size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: l.create(trimmed) })
+          ]
+        }
+      ) }),
+      showRemove && /* @__PURE__ */ jsxRuntime.jsx(ui.CommandGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        ui.CommandItem,
+        {
+          value: "__none__",
+          "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.remove, { testId: "folder-picker-remove" }),
+          onSelect: () => onSelect(null),
+          onPointerDown: (e) => e.preventDefault(),
+          className: "cursor-pointer text-sm text-muted-foreground",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "mr-1 size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: removeLabel ?? l.removeFromFolder }),
+            value === null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-auto flex-none text-sm text-primary", children: "\u2713" })
+          ]
+        }
+      ) })
+    ] })
+  ] });
+}
+var DEFAULT_FOLDER_FILTER_LABELS = {
+  all: "All",
+  newFolder: "New folder"
+};
+function FolderFilterButton({
+  label,
+  icon,
+  isActive,
+  open,
+  onOpenChange,
+  allCount,
+  onSelectAll,
+  onNewFolder,
+  children,
+  className,
+  labels,
+  testId,
+  newFolderTestId
+}) {
+  const l = { ...DEFAULT_FOLDER_FILTER_LABELS, ...labels };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Popover, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        "data-slot": "folder-filter-button",
+        "data-testid": testId,
+        className: ui.cn(
+          "h-7 shrink-0 gap-1.5 px-2 text-sm font-normal pointer-coarse:h-10",
+          isActive && "bg-accent font-medium text-accent-foreground",
+          className
+        ),
+        children: [
+          icon ?? /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.FolderOpen,
+            {
+              className: ui.cn(
+                "h-3.5 w-3.5 shrink-0 text-muted-foreground",
+                isActive && "fill-muted-foreground/30"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[280px] truncate", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 text-foreground", strokeWidth: 2.5 })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.PopoverContent,
+      {
+        className: "w-max min-w-56 max-w-[480px] p-1 shadow-lg",
+        align: "start",
+        sideOffset: 4,
+        children: [
+          onSelectAll && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              FolderPickerRow,
+              {
+                label: l.all,
+                count: allCount,
+                depth: 0,
+                isActive: !isActive,
+                onClick: onSelectAll
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 border-t border-border" })
+          ] }),
+          children,
+          onNewFolder && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "my-1 border-t border-border" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: onNewFolder,
+                "data-testid": chunkMHVNT4J3_cjs.testIdOr(newFolderTestId, { testId: "explorer-new-folder" }),
+                className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground pointer-coarse:min-h-11",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FolderPlus, { className: "h-3.5 w-3.5" }),
+                  l.newFolder
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+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"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+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))
+    }
+  );
+}
+function getExplorerDisplayName(doc) {
+  const title = ui.getDocumentTitle(doc, doc.file_name ?? "Untitled");
+  if (ui.getFileExtension(title)) return title;
+  const ext = ui.getFileExtension(doc.file_name) || ui.extensionFromMime(doc.file_type);
+  return ext ? `${title}.${ext}` : title;
+}
+function parseFolderSegments(folder) {
+  if (!folder) return [];
+  return folder.split("/").map((segment) => segment.trim()).filter(Boolean);
+}
+function joinFolderPath(segments) {
+  return segments.length > 0 ? segments.join("/") : null;
+}
+function startsWithPath(segments, prefix) {
+  if (segments.length < prefix.length) return false;
+  for (let i = 0; i < prefix.length; i++) {
+    if (segments[i] !== prefix[i]) return false;
+  }
+  return true;
+}
+function isExplorerDocument(doc) {
+  return !doc.parent_ext_id;
+}
+function collectFolderDocs(documents, path) {
+  if (path.length === 0) return documents.filter(isExplorerDocument);
+  return documents.filter(
+    (doc) => isExplorerDocument(doc) && startsWithPath(parseFolderSegments(doc.folder), path)
+  );
+}
+function compareFiles(a, b, sort) {
+  switch (sort) {
+    case "date": {
+      const at = a.created_at ? Date.parse(a.created_at) : 0;
+      const bt = b.created_at ? Date.parse(b.created_at) : 0;
+      return bt - at;
+    }
+    case "size": {
+      return (b.file_size ?? 0) - (a.file_size ?? 0);
+    }
+    case "name":
+    default:
+      return ui.getDocumentTitle(a, a.file_name ?? "").localeCompare(
+        ui.getDocumentTitle(b, b.file_name ?? ""),
+        void 0,
+        { numeric: true, sensitivity: "base" }
+      );
+  }
+}
+function sortExplorerFiles(docs, sort, reversed = false) {
+  const sorted = [...docs].sort((a, b) => compareFiles(a, b, sort));
+  return reversed ? sorted.reverse() : sorted;
+}
+function buildExplorerEntries(documents, currentPath, sort = "name", pendingFolders = []) {
+  const folderCounts = /* @__PURE__ */ new Map();
+  const files = [];
+  for (const doc of documents) {
+    const segments = parseFolderSegments(doc.folder);
+    if (!startsWithPath(segments, currentPath)) continue;
+    if (segments.length === currentPath.length) {
+      files.push(doc);
+    } else {
+      const childName = segments[currentPath.length];
+      folderCounts.set(childName, (folderCounts.get(childName) ?? 0) + 1);
+    }
+  }
+  const childNames = new Set(folderCounts.keys());
+  for (const pending of pendingFolders) {
+    const segments = parseFolderSegments(pending);
+    if (!startsWithPath(segments, currentPath)) continue;
+    if (segments.length > currentPath.length) childNames.add(segments[currentPath.length]);
+  }
+  const folders = Array.from(childNames).map((name) => ({
+    kind: "folder",
+    name,
+    path: [...currentPath, name],
+    count: folderCounts.get(name) ?? 0
+  })).sort((a, b) => a.name.localeCompare(b.name, void 0, { numeric: true, sensitivity: "base" }));
+  files.sort((a, b) => compareFiles(a, b, sort));
+  return { folders, files };
+}
+function searchExplorerDocuments(documents, query, sort = "name") {
+  const needle = query.trim().toLowerCase();
+  if (!needle) return [];
+  return documents.filter((doc) => {
+    if (!isExplorerDocument(doc)) return false;
+    const title = ui.getDocumentTitle(doc, doc.file_name ?? "").toLowerCase();
+    const name = (doc.file_name ?? "").toLowerCase();
+    return title.includes(needle) || name.includes(needle);
+  }).sort((a, b) => compareFiles(a, b, sort));
+}
+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" });
+}
+var PROVIDER_PREFIXES = [
+  ["Outlook", { vendorKey: "microsoft" }],
+  ["Gmail", { vendorKey: "gmail" }],
+  ["OneDrive", { vendorKey: "microsoft", product: "onedrive" }],
+  ["Google Drive", { vendorKey: "gmail", product: "googledrive" }]
+];
+function providerForRoot(root) {
+  for (const [prefix, props] of PROVIDER_PREFIXES) {
+    if (root.startsWith(prefix)) return props;
+  }
+  return null;
+}
+function FolderProviderIcon({
+  folderPath,
+  className
+}) {
+  const root = folderPath.split("/")[0];
+  const provider = providerForRoot(root);
+  if (!provider) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(VendorLogo, { vendorKey: provider.vendorKey, product: provider.product, className });
+}
+function hasFolderProviderIcon(folderPath) {
+  return providerForRoot(folderPath.split("/")[0]) !== null;
+}
+function formatFolderSegment(segment) {
+  if (!providerForRoot(segment)) return segment;
+  const account = segment.match(/\(([^)]*)\)/);
+  return account ? account[1].trim() : "";
+}
+
+// src/files/permissions.ts
+function canChangeVisibility(doc, currentUserExtId) {
+  if (!doc || !currentUserExtId) return false;
+  const isCurrentUserAgent = currentUserExtId.startsWith("agt-");
+  const isCreatedByAgent = doc.created_by_ext_id?.startsWith("agt-") ?? false;
+  return isCurrentUserAgent || isCreatedByAgent || doc.created_by_ext_id === currentUserExtId;
+}
+function canEditDocumentFields(doc, currentUserExtId, workspaceRole) {
+  if (!doc || !currentUserExtId) return false;
+  if (currentUserExtId.startsWith("agt-")) return true;
+  if (workspaceRole === "owner" || workspaceRole === "collaborator") return true;
+  return canChangeVisibility(doc, currentUserExtId);
+}
+function canDeleteDocument(doc, currentUserExtId, workspaceRole) {
+  if (!doc || !currentUserExtId) return false;
+  if (workspaceRole === "owner") return true;
+  if (workspaceRole === "collaborator") return doc.created_by_ext_id === currentUserExtId;
+  return false;
+}
+
+// src/files/recently-deleted.ts
+var RECENTLY_DELETED_HINT = "You can restore it from Recently deleted (Settings > Storage) for at least 30 days.";
+var RECENTLY_DELETED_HINT_PLURAL = "You can restore them from Recently deleted (Settings > Storage) for at least 30 days.";
+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
+      )) })
+    ] })
+  ] });
+}
+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
+    }
+  );
+}
+var STAGE_VARIANTS = {
+  parsing: { Icon: lucideReact.FileX, title: "Parsing failed" },
+  indexing: { Icon: lucideReact.DatabaseZap, title: "Indexing failed" },
+  encrypting: { Icon: lucideReact.LockKeyholeOpen, title: "Encryption failed" },
+  analysing: { Icon: lucideReact.BrainCircuit, title: "Analysis failed" },
+  queued: { Icon: lucideReact.CircleSlash, title: "Failed before processing" },
+  unknown: { Icon: lucideReact.AlertCircle, title: "Failed" }
+};
+var LEGACY_VARIANT = {
+  Icon: lucideReact.AlertCircle,
+  title: "Failed (stage unknown)"
+};
+function resolveVariant(stage) {
+  if (stage == null) return LEGACY_VARIANT;
+  return STAGE_VARIANTS[stage] ?? STAGE_VARIANTS.unknown;
+}
+var FailedStageIcon = react.memo(function FailedStageIcon2({
+  stage,
+  errorMessage,
+  className = "w-4 h-4 text-red-text cursor-pointer hover:text-red-text",
+  onClick
+}) {
+  const { Icon, title } = resolveVariant(stage);
+  const fullTitle = errorMessage ? `${title}: ${errorMessage}` : title;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { title: fullTitle, children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className, onClick }) });
+});
+var MAX_NAMES_IN_CONFIRM = 5;
+function shareStateOf(items) {
+  if (items.length === 0) return "private";
+  const sharedCount = items.filter((item) => item.shared === true).length;
+  if (sharedCount === items.length) return "shared";
+  return sharedCount > 0 ? "mixed" : "private";
+}
+function shareTooltipFor(state, isSingle) {
+  const workspace = ui.getEntityLabel("WORKSPACE");
+  const subject = isSingle ? "" : " all";
+  if (state === "shared") return `Hide${subject} from ${workspace} members`;
+  if (state === "mixed") return `Make all visible to ${workspace} members (some already shared)`;
+  return `Make${subject} visible to ${workspace} members`;
+}
+function confirmHideFromMembers(confirm, count, members) {
+  const workspace = ui.getEntityLabel("WORKSPACE");
+  const documentLabel = ui.getEntityLabel("DOCUMENT", count === 1 ? "SINGULAR" : "PLURAL");
+  const pronoun = count === 1 ? "it" : "them";
+  const names = members.filter((member) => !ui.isAgent(member.user)).map((member) => ui.getUserDisplayName(member.user));
+  const shown = names.slice(0, MAX_NAMES_IN_CONFIRM);
+  const hiddenCount = names.length - shown.length;
+  const listed = hiddenCount > 0 ? [...shown, `${hiddenCount} more`] : shown;
+  const last = listed[listed.length - 1];
+  const audienceList = listed.length > 2 ? `${listed.slice(0, -1).join(", ")}, and ${last}` : listed.join(" and ");
+  const audience = names.length > 0 ? `Right now ${audienceList} can see ${pronoun}. ` : "";
+  return confirm({
+    message: `Hide ${count} ${documentLabel.toLowerCase()} from ${workspace} members? ${audience}They will no longer be able to see ${pronoun}.`,
+    title: "Hide from members"
+  });
+}
+function visibilityAudience(shared, workspaceLabel = ui.getEntityLabel("WORKSPACE")) {
+  return shared ? `Shared with ${workspaceLabel.toLowerCase()}` : "Private to you";
+}
+function visibilityToggleTooltip(shared) {
+  const workspace = ui.getEntityLabel("WORKSPACE").toLowerCase();
+  return shared ? `${visibilityAudience(true)}: everyone in it can see this file. Click to make it private to you.` : `${visibilityAudience(false)}: only you can see this file. Click to share it with the ${workspace}.`;
+}
+
+exports.CHROME = CHROME;
+exports.DEFAULT_EXPLORER_LABELS = DEFAULT_EXPLORER_LABELS;
+exports.DEFAULT_FOLDER_FILTER_LABELS = DEFAULT_FOLDER_FILTER_LABELS;
+exports.DEFAULT_FOLDER_PICKER_LABELS = DEFAULT_FOLDER_PICKER_LABELS;
+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.FailedStageIcon = FailedStageIcon;
+exports.FieldAttribution = FieldAttribution;
+exports.FieldFolderSelect = FieldFolderSelect;
+exports.FieldFolderValue = FieldFolderValue;
+exports.FieldLabelsSelect = FieldLabelsSelect;
+exports.FieldNativeSelect = FieldNativeSelect;
+exports.FieldValue = FieldValue;
+exports.FieldWithAttribution = FieldWithAttribution;
+exports.FilesFilterBar = FilesFilterBar;
+exports.FilesModalFooter = FilesModalFooter;
+exports.FilesTagsButton = FilesTagsButton;
+exports.FilesViewCenter = FilesViewCenter;
+exports.FilterButton = FilterButton;
+exports.FolderBreadcrumb = FolderBreadcrumb;
+exports.FolderCell = FolderCell;
+exports.FolderCommandList = FolderCommandList;
+exports.FolderFilterButton = FolderFilterButton;
+exports.FolderPickerRow = FolderPickerRow;
+exports.FolderProviderIcon = FolderProviderIcon;
+exports.FolderTree = FolderTree;
+exports.LINE_PX = LINE_PX;
+exports.MAX_LINES = MAX_LINES;
+exports.MIN_LINES = MIN_LINES;
+exports.RECENTLY_DELETED_HINT = RECENTLY_DELETED_HINT;
+exports.RECENTLY_DELETED_HINT_PLURAL = RECENTLY_DELETED_HINT_PLURAL;
+exports.ROW_MIN = ROW_MIN;
+exports.RowDensityControl = RowDensityControl;
+exports.StatusPill = StatusPill;
+exports.VendorLogo = VendorLogo;
+exports.buildExplorerEntries = buildExplorerEntries;
+exports.canChangeVisibility = canChangeVisibility;
+exports.canDeleteDocument = canDeleteDocument;
+exports.canEditDocumentFields = canEditDocumentFields;
+exports.collectFolderDocs = collectFolderDocs;
+exports.confirmHideFromMembers = confirmHideFromMembers;
+exports.formatFolderSegment = formatFolderSegment;
+exports.getExplorerDisplayName = getExplorerDisplayName;
+exports.hasFolderProviderIcon = hasFolderProviderIcon;
+exports.isExplorerDocument = isExplorerDocument;
+exports.joinFolderPath = joinFolderPath;
+exports.linesForRowHeight = linesForRowHeight;
+exports.parseFolderSegments = parseFolderSegments;
+exports.rowHeightForLines = rowHeightForLines;
+exports.searchExplorerDocuments = searchExplorerDocuments;
+exports.shareStateOf = shareStateOf;
+exports.shareTooltipFor = shareTooltipFor;
+exports.sortExplorerFiles = sortExplorerFiles;
+exports.visibilityAudience = visibilityAudience;
+exports.visibilityToggleTooltip = visibilityToggleTooltip;
+//# sourceMappingURL=chunk-WV4TD2HZ.cjs.map
+//# sourceMappingURL=chunk-WV4TD2HZ.cjs.map