@arbidocs/blocks 0.4.138 → 0.4.139

package/dist/{chunk-2Q7FDZAY.js → chunk-BPBSSMRB.js}

@@ -1,9 +1,9 @@
 "use client";
 import { useBlocksEnvironment } from './chunk-YNIBUKV5.js';
 import { formatPageRefs } from './chunk-OXF2IFXG.js';
-import { useCallback, useState, useRef, useEffect, useMemo } from 'react';
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import { X, Check, Copy } from 'lucide-react';
-import { cn, MarkMenu, Textarea, DocumentEntity, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
+import { cn, Textarea, DocumentEntity, Tooltip, TooltipTrigger, TooltipContent } from '@arbidocs/react/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var DEFAULT_PASSAGE_PILL_LABELS = {
@@ -241,164 +241,6 @@ function PassagePill({
     }
   );
 }
-var DEFAULT_QUIET_MARK_LABELS = {
-  openLink: "Open link",
-  copyLink: "Copy link",
-  linkCopied: "Link copied",
-  copyFailed: "Could not copy",
-  jumpHere: "Jump to here",
-  copyPlaceLink: "Copy link to this place",
-  openDocument: "Open document",
-  linkMenu: "Link actions",
-  bookmarkMenu: "Bookmark actions"
-};
-function useCopyText(labels) {
-  const { notify } = useBlocksEnvironment();
-  const done = labels?.linkCopied ?? DEFAULT_QUIET_MARK_LABELS.linkCopied;
-  const failed = labels?.copyFailed ?? DEFAULT_QUIET_MARK_LABELS.copyFailed;
-  return useCallback(
-    async (text, message) => {
-      try {
-        await navigator.clipboard.writeText(text);
-        notify(message ?? done, "success");
-      } catch {
-        notify(failed, "error");
-      }
-    },
-    [notify, done, failed]
-  );
-}
-var LINK_STYLE = {
-  external: "text-primary underline decoration-primary/40 decoration-1 underline-offset-[3px] transition-colors hover:decoration-primary focus-visible:decoration-primary",
-  document: "text-primary underline decoration-primary/40 decoration-1 underline-offset-[3px] transition-colors hover:decoration-primary focus-visible:decoration-primary",
-  // A bookmark is nearly invisible until hovered or focused.
-  anchor: "text-inherit underline decoration-dotted decoration-1 decoration-foreground/25 underline-offset-[3px] transition-colors hover:decoration-foreground/70 focus-visible:decoration-foreground/70"
-};
-function scrollToHash(href) {
-  const id = href?.startsWith("#") ? decodeURIComponent(href.slice(1)) : "";
-  document.getElementById(id)?.scrollIntoView({ behavior: "smooth", block: "start" });
-}
-function QuietLink({
-  href,
-  kind = "external",
-  onOpen,
-  placeLink,
-  labels,
-  className,
-  testId,
-  children
-}) {
-  const l = { ...DEFAULT_QUIET_MARK_LABELS, ...labels };
-  const copy = useCopyText(l);
-  const open = onOpen ?? (kind === "anchor" ? () => scrollToHash(href) : () => {
-    if (href) window.open(href, "_blank", "noopener,noreferrer");
-  });
-  const copyTarget = kind === "anchor" ? placeLink ?? `${window.location.href.split("#")[0]}${href ?? ""}` : placeLink ?? href ?? "";
-  const items = [
-    {
-      id: "open",
-      label: kind === "anchor" ? l.jumpHere : kind === "document" ? l.openDocument : l.openLink,
-      primary: true,
-      onSelect: open,
-      testId: "mark-open"
-    },
-    {
-      id: "copy",
-      label: kind === "anchor" ? l.copyPlaceLink : l.copyLink,
-      onSelect: () => void copy(copyTarget),
-      testId: "mark-copy"
-    }
-  ];
-  return /* @__PURE__ */ jsx(
-    MarkMenu,
-    {
-      as: "a",
-      href,
-      items,
-      menuLabel: kind === "anchor" ? l.bookmarkMenu : l.linkMenu,
-      preview: kind === "external" && href ? /* @__PURE__ */ jsx("span", { className: "block break-all text-xs text-muted-foreground", children: href }) : void 0,
-      className: cn(LINK_STYLE[kind], "cursor-pointer", className),
-      testId,
-      "data-mark-kind": kind,
-      children
-    }
-  );
-}
-function PassageMark({ label, menuLabel, items, className, testId }) {
-  return /* @__PURE__ */ jsx(
-    MarkMenu,
-    {
-      items,
-      menuLabel,
-      testId,
-      "data-mark-kind": "passage",
-      className: cn(
-        "touch-hit cursor-pointer select-none rounded-sm px-1 text-xs tabular-nums text-muted-foreground/80 transition-colors hover:text-foreground focus-visible:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring pointer-coarse:px-2 pointer-coarse:py-2",
-        className
-      ),
-      children: label
-    }
-  );
-}
-function LabelMark({
-  colors,
-  menuLabel,
-  preview,
-  items,
-  name,
-  className,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    MarkMenu,
-    {
-      items,
-      preview,
-      menuLabel,
-      testId,
-      "aria-label": name,
-      "data-mark-kind": "label",
-      className: cn(
-        "flex cursor-pointer flex-col gap-1 rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:px-2 pointer-coarse:py-1",
-        className
-      ),
-      children: colors.slice(0, 4).map((c, i) => /* @__PURE__ */ jsx(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: "h-2.5 w-1 rounded-full",
-          style: { backgroundColor: c }
-        },
-        i
-      ))
-    }
-  );
-}
-function NoteMark({
-  label,
-  title,
-  menuLabel = "Note actions",
-  items = [],
-  className,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    MarkMenu,
-    {
-      items,
-      preview: title ? /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: title }) : void 0,
-      menuLabel,
-      testId,
-      "data-slot": "note-mark",
-      "data-mark-kind": "note",
-      className: cn(
-        "cursor-default select-none rounded-sm px-1 text-xs font-medium tabular-nums text-foreground/80 underline decoration-yellow-400 decoration-2 underline-offset-[3px] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        className
-      ),
-      children: label
-    }
-  );
-}
 function CitationEditor({
   value,
   citations,
@@ -559,6 +401,6 @@ function CitationEditor({
   ] });
 }
 
-export { CitationEditor, DEFAULT_PASSAGE_PILL_LABELS, DEFAULT_QUIET_MARK_LABELS, LabelMark, NoteMark, PassageMark, PassagePill, QuietLink, useCopyText };
-//# sourceMappingURL=chunk-2Q7FDZAY.js.map
-//# sourceMappingURL=chunk-2Q7FDZAY.js.map
+export { CitationEditor, DEFAULT_PASSAGE_PILL_LABELS, PassagePill };
+//# sourceMappingURL=chunk-BPBSSMRB.js.map
+//# sourceMappingURL=chunk-BPBSSMRB.js.map

package/dist/chunk-BPBSSMRB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/citations/PassagePill.tsx","../src/citations/CitationEditor.tsx"],"names":["useState","useRef","useEffect","jsx","jsxs","cn"],"mappings":"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","file":"chunk-BPBSSMRB.js","sourcesContent":["import {\n  useEffect,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { Check, Copy } from 'lucide-react'\nimport { Tooltip, TooltipContent, TooltipTrigger, cn } from '@arbidocs/react/ui'\nimport { useBlocksEnvironment } from '../provider/BlocksProvider'\n\n/** Every fixed string of the passage pill. */\nexport interface PassagePillLabels {\n  copyLink: string\n  /** Announced and notified after the link was copied. */\n  copied: string\n  /** Notified when the clipboard refused the write. */\n  copyFailed: string\n  viewPassage: string\n  page: string\n  pages: string\n  passage: string\n  passages: string\n  /** Visible abbreviation of \"page\" in the pill (\"p.3\"). */\n  pageAbbreviation: string\n}\n\nexport const DEFAULT_PASSAGE_PILL_LABELS: PassagePillLabels = {\n  copyLink: 'Copy passage link',\n  copied: 'Passage link copied',\n  copyFailed: 'Could not copy the passage link',\n  viewPassage: 'View passage',\n  page: 'Page',\n  pages: 'Pages',\n  passage: 'Passage',\n  passages: 'Passages',\n  pageAbbreviation: 'p.',\n}\n\n/** Overridable `data-testid`s of the pill (defaults keep the app's existing ids). */\nexport interface PassagePillTestIds {\n  root: string\n  copy: string\n}\n\nexport interface PassagePillProps {\n  /** Glyph of the cited document (host-supplied: file-type icon). */\n  icon: ReactNode\n  documentTitle: string\n  /** `pill`: title + page; `icon`: glyph only; `compact`: page/passage ref + copy link. */\n  variant?: 'icon' | 'pill' | 'compact'\n  pageNumber?: number\n  passageIndex?: number\n  /** End of a contiguous passage run: the label collapses to \"4–9\" instead of a pill each. */\n  passageIndexEnd?: number\n  /** End page of a range: \"p.3–5(4–9)\". */\n  pageNumberEnd?: number\n  /** Makes the element a link. */\n  href?: string\n  /** Makes the element a button (ignored for the element role when `href` is set). */\n  onClick?: (e: MouseEvent) => void\n  showTooltip?: boolean\n  labelMaxWidth?: string\n  size?: 'sm' | 'base'\n  className?: string\n  labels?: Partial<PassagePillLabels>\n  testIds?: Partial<PassagePillTestIds>\n  /** Root test id (default `passage-entity`); the copy button gets `<id>-copy`. */\n  testId?: string\n}\n\nconst COPIED_RESET_MS = 2000\n\n/** Plain-language name of a passage reference: \"Title, Page 3, Passage 4\". */\nfunction describePassage(\n  documentTitle: string,\n  l: PassagePillLabels,\n  page: { text?: string; isRange: boolean },\n  passage: { text?: string; isRange: boolean }\n): string {\n  return [\n    documentTitle,\n    page.text !== undefined ? `${page.isRange ? l.pages : l.page} ${page.text}` : null,\n    passage.text !== undefined\n      ? `${passage.isRange ? l.passages : l.passage} ${passage.text}`\n      : null,\n  ]\n    .filter(Boolean)\n    .join(', ')\n}\n\ninterface PillSurfaceProps {\n  href?: string\n  onClick?: (e: MouseEvent) => void\n  className: string\n  testId: string\n  /** What assistive tech reads; the visible content is hidden from it. */\n  accessibleName: string\n  children: ReactNode\n  tooltip?: ReactNode\n  tooltipSide?: 'top' | 'bottom'\n}\n\n/**\n * The ONE interactive element of a pill: a link, a button or (when there is no action) plain text.\n * Never nests another interactive element, so it is valid inside any host container.\n */\nfunction PillSurface({\n  href,\n  onClick,\n  className,\n  testId,\n  accessibleName,\n  children,\n  tooltip,\n  tooltipSide = 'bottom',\n}: PillSurfaceProps) {\n  const content = (\n    <>\n      <span aria-hidden=\"true\" className=\"inline-flex min-w-0 items-center gap-1\">\n        {children}\n      </span>\n      <span className=\"sr-only\">{accessibleName}</span>\n    </>\n  )\n  const interactive = cn(\n    'relative cursor-pointer hover:bg-muted/80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',\n    \"pointer-coarse:after:absolute pointer-coarse:after:inset-x-0 pointer-coarse:after:-inset-y-3 pointer-coarse:after:content-['']\"\n  )\n\n  let surface: ReactNode\n  if (href) {\n    surface = (\n      <a\n        href={href}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className={cn(className, interactive)}\n        onClick={onClick}\n        data-testid={testId}\n      >\n        {content}\n      </a>\n    )\n  } else if (onClick) {\n    surface = (\n      <button\n        type=\"button\"\n        className={cn(className, interactive)}\n        onClick={onClick}\n        data-testid={testId}\n      >\n        {content}\n      </button>\n    )\n  } else {\n    surface = (\n      <span className={className} data-testid={testId}>\n        {content}\n      </span>\n    )\n  }\n\n  if (!tooltip) return surface\n  return (\n    <Tooltip>\n      <TooltipTrigger asChild>{surface as ReactElement}</TooltipTrigger>\n      <TooltipContent side={tooltipSide}>{tooltip}</TooltipContent>\n    </Tooltip>\n  )\n}\n\nfunction CopyLinkButton({\n  href,\n  labels,\n  testId,\n}: {\n  href: string\n  labels: PassagePillLabels\n  testId: string\n}) {\n  const { notify } = useBlocksEnvironment()\n  const [copied, setCopied] = useState(false)\n  const timer = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  useEffect(\n    () => () => {\n      if (timer.current) clearTimeout(timer.current)\n    },\n    []\n  )\n\n  const handleCopy = async (e: MouseEvent) => {\n    e.stopPropagation()\n    try {\n      await navigator.clipboard.writeText(href)\n    } catch {\n      // Say so instead of pretending: the host's notify surfaces the failure.\n      notify(labels.copyFailed, 'error')\n      return\n    }\n    setCopied(true)\n    notify(labels.copied, 'success')\n    if (timer.current) clearTimeout(timer.current)\n    timer.current = setTimeout(() => setCopied(false), COPIED_RESET_MS)\n  }\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        className=\"relative inline-flex items-center text-muted-foreground transition-colors hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-fine:min-h-6 pointer-fine:min-w-6 pointer-fine:justify-center pointer-coarse:min-h-11 pointer-coarse:min-w-11 pointer-coarse:justify-center\"\n        title={labels.copyLink}\n        aria-label={labels.copyLink}\n        data-testid={testId}\n      >\n        {copied ? (\n          <Check className=\"size-3\" aria-hidden=\"true\" />\n        ) : (\n          <Copy className=\"size-3\" aria-hidden=\"true\" />\n        )}\n      </button>\n      <span role=\"status\" className=\"sr-only\">\n        {copied ? labels.copied : ''}\n      </span>\n    </>\n  )\n}\n\n/** A citation to a passage of a document, as a pill, a bare icon or a compact page reference. */\nexport function PassagePill({\n  icon,\n  documentTitle,\n  variant = 'pill',\n  pageNumber,\n  passageIndex,\n  passageIndexEnd,\n  pageNumberEnd,\n  href,\n  className,\n  onClick,\n  showTooltip = true,\n  labelMaxWidth,\n  size = 'sm',\n  labels,\n  testIds,\n  testId = 'passage-entity',\n}: PassagePillProps) {\n  const l = { ...DEFAULT_PASSAGE_PILL_LABELS, ...labels }\n  const ids: PassagePillTestIds = {\n    root: testIds?.root ?? testId,\n    copy: testIds?.copy ?? `${testIds?.root ?? testId}-copy`,\n  }\n  // Ranges collapse to \"4–9\"; a range of one renders as a plain \"4\".\n  const isPassageRange = passageIndexEnd !== undefined && passageIndexEnd > (passageIndex ?? 0)\n  const isPageRange = pageNumberEnd !== undefined && pageNumberEnd > (pageNumber ?? 0)\n  const passageText = isPassageRange ? `${passageIndex}–${passageIndexEnd}` : `${passageIndex}`\n  const pageText = isPageRange ? `${pageNumber}–${pageNumberEnd}` : `${pageNumber}`\n  const accessibleName = describePassage(\n    documentTitle,\n    l,\n    { text: pageNumber !== undefined ? pageText : undefined, isRange: isPageRange },\n    { text: passageIndex !== undefined ? passageText : undefined, isRange: isPassageRange }\n  )\n  const hasAction = Boolean(href || onClick)\n\n  if (variant === 'icon') {\n    return (\n      <PillSurface\n        href={href}\n        onClick={onClick}\n        className={cn('inline-flex items-center rounded-sm', className)}\n        testId={ids.root}\n        accessibleName={accessibleName}\n        tooltip={\n          showTooltip ? (\n            <div className=\"flex flex-col gap-0.5\">\n              <span className=\"font-medium\">{documentTitle}</span>\n              {(pageNumber !== undefined || passageIndex !== undefined) && (\n                <span className=\"text-xs text-muted-foreground\">\n                  {pageNumber !== undefined && `${isPageRange ? l.pages : l.page} ${pageText}`}\n                  {pageNumber !== undefined && passageIndex !== undefined && ', '}\n                  {passageIndex !== undefined &&\n                    `${isPassageRange ? l.passages : l.passage} ${passageText}`}\n                </span>\n              )}\n            </div>\n          ) : undefined\n        }\n      >\n        {icon}\n      </PillSurface>\n    )\n  }\n\n  if (variant === 'compact') {\n    const label =\n      [\n        pageNumber !== undefined ? `${l.pageAbbreviation}${pageText}` : null,\n        passageIndex !== undefined ? `(${passageText})` : null,\n      ]\n        .filter(Boolean)\n        .join('') || '—'\n    return (\n      <span\n        className={cn(\n          'inline-flex items-center gap-1 rounded-md border border-transparent bg-muted px-1 text-sm font-medium',\n          className\n        )}\n      >\n        <PillSurface\n          href={href}\n          onClick={onClick}\n          className=\"inline-flex items-center gap-1 rounded-sm\"\n          testId={ids.root}\n          accessibleName={accessibleName}\n          tooltip={showTooltip ? documentTitle : undefined}\n        >\n          {icon}\n          <span className=\"leading-tight\">{label}</span>\n        </PillSurface>\n        {href && <CopyLinkButton href={href} labels={l} testId={ids.copy} />}\n      </span>\n    )\n  }\n\n  return (\n    <PillSurface\n      href={href}\n      onClick={onClick}\n      className={cn(\n        'group/pill inline-flex items-center rounded-md border border-border bg-muted transition-all',\n        size === 'base' ? 'gap-1.5 px-1.5 py-0.5 text-base' : 'gap-1 px-1 text-sm',\n        className\n      )}\n      testId={ids.root}\n      accessibleName={accessibleName}\n      tooltip={showTooltip && hasAction ? l.viewPassage : undefined}\n    >\n      {icon}\n      <span\n        className={cn(\n          'min-w-0 truncate font-medium leading-tight',\n          labelMaxWidth ?? 'max-w-[320px]'\n        )}\n      >\n        {documentTitle}\n      </span>\n      {pageNumber ? (\n        <span className=\"flex-shrink-0 text-xs leading-none text-muted-foreground\">\n          {l.pageAbbreviation}\n          {pageText}\n        </span>\n      ) : null}\n    </PillSurface>\n  )\n}\n","/**\n * CitationEditor Component\n *\n * Note input plus the source passages backing it.\n * - Pick related documents; each opens so its passages can be chosen by reading\n * - Click a passage to add it, shift-click for a range; repeat across documents\n *\n * A note answers ONE question, so it has ONE set of sources. It used to carry a\n * map of citations, each with its own statement and character offsets, rendered\n * as inline highlighted spans with [n] badges — but the statements were copies\n * of the note text and the offsets spanned all of it, so the highlight was the\n * whole field. That machinery is gone; the note renders as plain text.\n *\n * ``activeCitationKey``/``onActiveCitationChange`` are kept because the viewer\n * and store thread them through to decide which field is receiving passages.\n * With a single citation the key is just a sentinel — see ONLY_CITATION_KEY.\n */\n\nimport { useCallback, useState, useRef, useEffect, useMemo } from 'react'\nimport { X } from 'lucide-react'\nimport { cn, DocumentEntity, Textarea, type DocumentLike } from '@arbidocs/react/ui'\nimport { formatPageRefs } from '../lib/format'\n\nimport type { components } from '@arbidocs/client'\n\ntype CitationSources = components['schemas']['CitationSources']\n\ntype Citations = CitationSources | null\n\nexport interface CitationEditorProps {\n  value: string\n  citations: Citations | null\n  onChange: (note: string, citations: Citations | null) => void\n  /** Currently active citation key (controlled from parent) */\n  activeCitationKey?: string | null\n  /**\n   * Open a document in the viewer, armed to collect passages for this field —\n   * and tag its first passage, so a chosen document is immediately a usable\n   * citation. Passages are picked by reading, so citing means opening.\n   *\n   * The caller owns this because resolving \"first passage\" needs the parsed\n   * document, and keeping that fetch out here is what lets this component stay\n   * store- and API-free (and therefore hoistable to @arbidocs/blocks).\n   */\n  onCiteDocument?: (docExtId: string) => void\n  /** Cited documents, already resolved by the caller — keyed by external id. */\n  citedDocs?: Record<string, DocumentLike>\n  /**\n   * The app's document picker, injected as a slot. It is store-coupled, so it\n   * is passed in rather than imported, and receives the chosen document id.\n   */\n  renderDocumentPicker?: (\n    onSelect: (docExtId: string) => void,\n    selectedIds: string[]\n  ) => React.ReactNode\n  placeholder?: string\n  readOnly?: boolean\n  className?: string\n  /** Start in edit mode with the caret in the field (composer behaviour). */\n  autoFocus?: boolean\n  /** Applied to the text field itself, so callers can target it directly. */\n  'data-testid'?: string\n  /** Persisted textarea height in pixels */\n  defaultHeight?: number\n  /** Called after user resizes the textarea */\n  onHeightChange?: (height: number) => void\n}\n\nexport function CitationEditor({\n  value,\n  citations,\n  onChange,\n  activeCitationKey,\n  onCiteDocument,\n  citedDocs,\n  renderDocumentPicker,\n  autoFocus = false,\n  'data-testid': dataTestId,\n  placeholder = 'Add a note...',\n  readOnly = false,\n  className,\n  defaultHeight,\n  onHeightChange,\n}: CitationEditorProps) {\n  const [localValue, setLocalValue] = useState(value)\n  const [isEditing, setIsEditing] = useState(autoFocus)\n  const textareaRef = useRef<HTMLTextAreaElement>(null)\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  // Sync from parent only when not editing\n  useEffect(() => {\n    if (!isEditing) {\n      setLocalValue(value)\n    }\n  }, [value, isEditing])\n\n  const sources = useMemo(() => citations ?? [], [citations])\n  const hasCitations = sources.length > 0\n\n  // A citation is doc-first: each entry is a document with the pages cited\n  // from it (none = the whole document).\n  const byDoc = useMemo(() => {\n    const groups = new Map<string, { pages: number[]; count: number }>()\n    for (const doc of sources) {\n      const chunks = doc.chunks ?? []\n      const pages: number[] = []\n      for (const c of chunks) if (c.page != null && !pages.includes(c.page)) pages.push(c.page)\n      groups.set(doc.doc_ext_id, { pages, count: chunks.length })\n    }\n    return groups\n  }, [sources])\n\n  const docIds = Array.from(byDoc.keys())\n\n  const handleRemoveDocument = useCallback(\n    (docExtId: string) => {\n      const remaining = sources.filter((d) => d.doc_ext_id !== docExtId)\n      onChange(localValue, remaining.length ? remaining : null)\n    },\n    [sources, localValue, onChange]\n  )\n\n  const handleToggleDocument = useCallback(\n    (docExtId: string) => {\n      if (!docExtId) return\n      // Selecting one already in the list removes it (and its passages) — the\n      // tick in the picker has to mean something you can undo from there.\n      if (docIds.includes(docExtId)) {\n        handleRemoveDocument(docExtId)\n        return\n      }\n      onCiteDocument?.(docExtId)\n    },\n    [docIds, onCiteDocument, handleRemoveDocument]\n  )\n\n  // The note is plain text. Nothing to slice: with one citation per note there\n  // are no per-statement spans to highlight.\n  const renderedContent = useMemo(\n    () => (localValue ? <span>{localValue}</span> : null),\n    [localValue]\n  )\n\n  // Debounced text change. Editing the note no longer has to re-anchor\n  // anything — the sources are attached to the note as a whole.\n  const handleChange = useCallback(\n    (newValue: string) => {\n      setLocalValue(newValue)\n      if (debounceRef.current) clearTimeout(debounceRef.current)\n      debounceRef.current = setTimeout(() => onChange(newValue, citations ?? null), 400)\n    },\n    [citations, onChange]\n  )\n\n  /**\n   * Publish any debounced edit immediately.\n   *\n   * Without this, typing and then clicking Save within the debounce window\n   * silently drops the last keystrokes: the parent still holds the previous\n   * value when it reads state to submit.\n   */\n  const flushPendingChange = useCallback(() => {\n    if (!debounceRef.current) return\n    clearTimeout(debounceRef.current)\n    debounceRef.current = null\n    onChange(localValue, citations ?? null)\n  }, [localValue, citations, onChange])\n\n  return (\n    <div className={cn('space-y-1', className)}>\n      {/* Text area with highlighted citations preview when not editing */}\n      <div className=\"relative\">\n        {isEditing ? (\n          <Textarea\n            ref={textareaRef}\n            dictate\n            value={localValue}\n            onChange={(e) => handleChange(e.target.value)}\n            onBlur={() => {\n              flushPendingChange()\n              setIsEditing(false)\n            }}\n            onMouseUp={() => {\n              if (textareaRef.current && onHeightChange) {\n                onHeightChange(textareaRef.current.offsetHeight)\n              }\n            }}\n            placeholder={placeholder}\n            readOnly={readOnly}\n            rows={2}\n            data-testid={dataTestId}\n            autoFocus\n            style={defaultHeight ? { height: defaultHeight } : undefined}\n            className=\"w-full text-sm p-2 pr-14 border border-border rounded-md resize-y bg-background focus:outline-none focus:ring-2 focus:ring-ring\"\n          />\n        ) : (\n          <div\n            onClick={() => !readOnly && setIsEditing(true)}\n            style={defaultHeight ? { minHeight: defaultHeight } : undefined}\n            data-testid={dataTestId}\n            className={cn(\n              'w-full text-sm p-2 pr-14 border border-border rounded-md min-h-[4rem] whitespace-pre-wrap bg-background',\n              !readOnly && 'cursor-text hover:border-ring',\n              !localValue && 'text-muted-foreground'\n            )}\n          >\n            {renderedContent || placeholder}\n          </div>\n        )}\n      </div>\n\n      {/* Sources — one row per cited document, each showing how many passages\n          were tagged in it. Clicking a document reopens it in the viewer so more\n          passages can be tagged; the passages themselves are chosen by reading,\n          which is why citing is inseparable from opening. */}\n      {(hasCitations || !readOnly) && (\n        <div className=\"flex flex-col gap-1\">\n          {docIds.map((docId) => {\n            const doc = citedDocs?.[docId]\n            const group = byDoc.get(docId)\n            const pages = (group?.pages ?? []).slice().sort((a, b) => a - b)\n            return (\n              <div\n                key={docId}\n                className=\"flex items-center gap-1.5 text-sm\"\n                data-testid={`citation-doc-${docId}`}\n              >\n                {doc ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => !readOnly && onCiteDocument?.(docId)}\n                    // flex-1 so the title gets the row's spare width — the count\n                    // and remove control are shrink-0 and sit at the end.\n                    className=\"flex-1 min-w-0 text-left\"\n                    title=\"Open to tag more passages\"\n                  >\n                    <DocumentEntity doc={doc} fullWidth labelMaxWidth=\"max-w-full\" />\n                  </button>\n                ) : (\n                  <span className=\"text-muted-foreground\">{docId}</span>\n                )}\n                <span className=\"text-muted-foreground shrink-0\">{formatPageRefs(pages)}</span>\n                {!readOnly && (\n                  <button\n                    type=\"button\"\n                    onClick={() => handleRemoveDocument(docId)}\n                    aria-label=\"Remove this document\"\n                    className=\"p-0.5 hover:bg-destructive/20 hover:text-destructive rounded shrink-0\"\n                  >\n                    <X size={12} />\n                  </button>\n                )}\n              </div>\n            )\n          })}\n\n          {!readOnly && (\n            <div className=\"flex items-center gap-1\">\n              {/* The picker is rendered inline rather than behind a button: adding\n                  a source is the primary action here, and hiding it behind\n                  \"+ Document\" cost a click for no benefit. Once a document is\n                  cited, this row becomes \"add another\". */}\n              <div className=\"flex-1 min-w-0\" data-testid=\"citation-document-picker\">\n                {renderDocumentPicker?.(handleToggleDocument, docIds)}\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Hint when citation is active */}\n      {activeCitationKey && (\n        <p className=\"text-sm text-blue-text\">\n          Click a passage in the document to add it — <strong>shift-click</strong> to take a whole\n          range. Add as many as you like, from as many documents as you like.\n        </p>\n      )}\n    </div>\n  )\n}\n"]}

package/dist/{chunk-KSHKTOY2.js → chunk-CKCBBYTA.js}

@@ -1,8 +1,9 @@
 "use client";
+import * as React from 'react';
 import { useMemo, useState, useEffect, useRef, Fragment as Fragment$1 } from 'react';
-import { Search, ChevronsUpDown, TriangleAlert, Filter, ChevronDown, MoreVertical, FunnelX, ChevronRight, Check, Ban } from 'lucide-react';
+import { ChevronDown, CheckIcon, WandSparkles, Search, ChevronsUpDown, TriangleAlert, Filter, MoreVertical, FunnelX, ChevronRight, Check, Ban } from 'lucide-react';
 import { Command as Command$1 } from 'cmdk';
-import { Command, Popover, PopoverAnchor, PopoverContent, CommandList, PopoverTrigger, cn, CommandInput, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, CommandEmpty, CommandGroup, CommandItem, getDocIcon, Button, Badge, Checkbox, DropdownMenuItem } from '@arbidocs/react/ui';
+import { Popover, PopoverTrigger, Button, cn, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandSeparator, Separator, PopoverAnchor, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, getDocIcon, Badge, Checkbox, DropdownMenuItem } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 // src/settings/DocumentPicker.tsx
@@ -451,7 +452,206 @@ function TriStateFilterMenu({
     }
   );
 }
+var MultiSelect = React.forwardRef(
+  ({
+    data,
+    value,
+    onChange,
+    searchValue,
+    onSearchChange,
+    placeholder = "Select options",
+    searchable = false,
+    clearable = false,
+    size = "md",
+    autoFocus = false,
+    onDropdownOpen,
+    onDropdownClose,
+    renderOption,
+    animation = 0,
+    modalPopover = false,
+    className,
+    ...props
+  }, ref) => {
+    const [isPopoverOpen, setIsPopoverOpen] = React.useState(false);
+    const [internalSearchValue, setInternalSearchValue] = React.useState("");
+    const currentSearchValue = searchValue ?? internalSearchValue;
+    React.useEffect(() => {
+      if (isPopoverOpen && onDropdownOpen) {
+        onDropdownOpen();
+      } else if (!isPopoverOpen && onDropdownClose) {
+        onDropdownClose();
+      }
+    }, [isPopoverOpen, onDropdownOpen, onDropdownClose]);
+    React.useEffect(() => {
+      if (autoFocus) {
+        setIsPopoverOpen(true);
+      }
+    }, [autoFocus]);
+    const handleSearchValueChange = (newValue) => {
+      if (onSearchChange) {
+        onSearchChange(newValue);
+      } else {
+        setInternalSearchValue(newValue);
+      }
+    };
+    const getSizeClasses = () => {
+      switch (size) {
+        case "sm":
+          return "min-h-8 text-sm";
+        case "lg":
+          return "min-h-12 text-base";
+        default:
+          return "min-h-10 text-sm";
+      }
+    };
+    const handleInputKeyDown = (event) => {
+      if (event.key === "Enter") {
+        setIsPopoverOpen(true);
+      } else if (event.key === "Backspace" && !event.currentTarget.value) {
+        const newSelectedValues = [...value];
+        newSelectedValues.pop();
+        onChange(newSelectedValues);
+      }
+    };
+    const toggleOption = (optionValue) => {
+      const newSelectedValues = value.includes(optionValue) ? value.filter((v) => v !== optionValue) : [...value, optionValue];
+      onChange(newSelectedValues);
+    };
+    const handleClear = () => {
+      onChange([]);
+    };
+    const toggleAll = () => {
+      if (value.length === data.length) {
+        handleClear();
+      } else {
+        const allValues = data.map((option) => option.value);
+        onChange(allValues);
+      }
+    };
+    return /* @__PURE__ */ jsxs(Popover, { open: isPopoverOpen, onOpenChange: setIsPopoverOpen, modal: modalPopover, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          ref,
+          ...props,
+          variant: "outline",
+          className: cn(
+            "flex w-full p-1 rounded-md border h-auto items-center justify-between bg-background hover:bg-accent [&_svg]:pointer-events-auto",
+            getSizeClasses(),
+            className
+          ),
+          "data-testid": "multi-select-trigger",
+          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full mx-auto", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground mx-3", children: placeholder }),
+            /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 cursor-pointer text-muted-foreground mx-2" })
+          ] })
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          className: "w-[var(--radix-popover-trigger-width)] p-0",
+          align: "start",
+          side: "bottom",
+          sideOffset: 4,
+          children: /* @__PURE__ */ jsxs(Command, { shouldFilter: true, children: [
+            searchable && /* @__PURE__ */ jsx(
+              CommandInput,
+              {
+                placeholder: "Search...",
+                value: currentSearchValue,
+                onValueChange: handleSearchValueChange,
+                onKeyDown: handleInputKeyDown,
+                autoFocus
+              }
+            ),
+            /* @__PURE__ */ jsxs(CommandList, { children: [
+              /* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }),
+              /* @__PURE__ */ jsxs(CommandGroup, { children: [
+                /* @__PURE__ */ jsxs(
+                  CommandItem,
+                  {
+                    onSelect: toggleAll,
+                    className: "cursor-pointer",
+                    "data-testid": "multi-select-all-option",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          className: cn(
+                            "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
+                            value.length === data.length ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                          ),
+                          children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" })
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { children: "(Select All)" })
+                    ]
+                  },
+                  "all"
+                ),
+                data.map((option) => {
+                  const isSelected = value.includes(option.value);
+                  return /* @__PURE__ */ jsx(
+                    CommandItem,
+                    {
+                      value: option.label,
+                      onSelect: () => toggleOption(option.value),
+                      className: "cursor-pointer",
+                      "data-testid": `multi-select-option-${option.value}`,
+                      children: renderOption ? renderOption({ option, checked: isSelected }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: cn(
+                              "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
+                              isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
+                            ),
+                            children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" })
+                          }
+                        ),
+                        option.icon && /* @__PURE__ */ jsx(option.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                        /* @__PURE__ */ jsx("span", { children: option.label })
+                      ] })
+                    },
+                    option.value
+                  );
+                })
+              ] }),
+              /* @__PURE__ */ jsx(CommandSeparator, {}),
+              /* @__PURE__ */ jsx(CommandGroup, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                clearable && value.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(
+                    CommandItem,
+                    {
+                      onSelect: handleClear,
+                      className: "flex-1 justify-center cursor-pointer",
+                      "data-testid": "multi-select-clear-button",
+                      children: "Clear"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(Separator, { orientation: "vertical", className: "flex min-h-6 h-full" })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  CommandItem,
+                  {
+                    onSelect: () => setIsPopoverOpen(false),
+                    className: "flex-1 justify-center cursor-pointer max-w-full",
+                    "data-testid": "multi-select-close-button",
+                    children: "Close"
+                  }
+                )
+              ] }) })
+            ] })
+          ] })
+        }
+      ),
+      animation > 0 && value.length > 0 && /* @__PURE__ */ jsx(WandSparkles, { className: "cursor-pointer my-2 text-muted-foreground bg-background w-3 h-3" })
+    ] });
+  }
+);
+MultiSelect.displayName = "MultiSelect";
 
-export { DEFAULT_DOCUMENT_PICKER_LABELS, DEFAULT_TRI_STATE_FILTER_MENU_LABELS, DocumentPicker, TriStateFilterMenu };
-//# sourceMappingURL=chunk-KSHKTOY2.js.map
-//# sourceMappingURL=chunk-KSHKTOY2.js.map
+export { DEFAULT_DOCUMENT_PICKER_LABELS, DEFAULT_TRI_STATE_FILTER_MENU_LABELS, DocumentPicker, MultiSelect, TriStateFilterMenu };
+//# sourceMappingURL=chunk-CKCBBYTA.js.map
+//# sourceMappingURL=chunk-CKCBBYTA.js.map

package/dist/chunk-CKCBBYTA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/settings/DocumentPicker.tsx","../src/settings/TriStateFilterMenu.tsx","../src/settings/MultiSelect.tsx"],"names":["CommandPrimitive","useState","useRef","useEffect","useMemo","jsxs","jsx","Check","cn","Fragment","Popover","PopoverTrigger","Button","ChevronDown","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem"],"mappings":"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","file":"chunk-CKCBBYTA.js","sourcesContent":["import { useEffect, useMemo, useRef, useState, type ReactNode } from 'react'\nimport { Check, ChevronsUpDown, Search, TriangleAlert } from 'lucide-react'\nimport { Command as CommandPrimitive } from 'cmdk'\nimport {\n  Checkbox,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverAnchor,\n  PopoverContent,\n  PopoverTrigger,\n  cn,\n  getDocIcon,\n} from '@arbidocs/react/ui'\n\nconst TOKEN_WARNING_THRESHOLD = 150_000\nconst TOKEN_DANGER_THRESHOLD = 190_000\n\n/** A document the picker can offer. `pages`/`tokens` are null for images and unparsed files. */\nexport interface PickerDocument {\n  id: string\n  title: string\n  fileName?: string | null\n  pages?: number | null\n  tokens?: number | null\n}\n\n/** A heading with its documents, already sorted. A group without heading is unlabeled. */\nexport interface PickerGroup {\n  id: string\n  heading?: string\n  docs: PickerDocument[]\n}\n\n/** Every fixed string of the document picker. */\nexport interface DocumentPickerLabels {\n  placeholder: string\n  searchDocuments: string\n  noDocuments: string\n  selectedAsSource: string\n  selectAsSource: string\n  largeDocument: string\n  tooLong: string\n  pages: (n: number) => string\n  tokens: (n: number) => string\n}\n\nexport const DEFAULT_DOCUMENT_PICKER_LABELS: DocumentPickerLabels = {\n  placeholder: 'Select a document',\n  searchDocuments: 'Search documents...',\n  noDocuments: 'No documents found.',\n  selectedAsSource: 'Selected as source',\n  selectAsSource: 'Select as source',\n  largeDocument: 'Large document — may take longer to process',\n  tooLong: 'Document is too long to be read in its entirety',\n  pages: (n) => `${n.toLocaleString()} pages`,\n  tokens: (n) => `${n.toLocaleString()} tokens`,\n}\n\nexport interface DocumentPickerProps {\n  groups: PickerGroup[]\n  /** The picked document (single mode). */\n  value: string\n  onValueChange: (id: string) => void\n  /** The picked document's details, shown under the picker (pages, tokens, size warnings). */\n  selected?: PickerDocument\n  /**\n   * Ids already chosen. Supplying this switches to MULTI mode: the search box is inline, the\n   * list stays open on select and ticks what is in.\n   */\n  selectedIds?: string[]\n  /**\n   * Splits each row in two: a click OPENS the document (this callback) and a leading checkbox\n   * selects it as a source via `onValueChange`. Requires `selectedIds`.\n   */\n  onOpenDocument?: (id: string) => void\n  /** The document open in the viewer: its row is inverted (multi mode). */\n  viewingId?: string | null\n  /** While true the list is shut (a neighbouring popup must not overlay it). */\n  forceClosed?: boolean\n  /** Extra classes of the results list, e.g. a taller `max-h-*` when the picker is the surface. */\n  listClassName?: string\n  labels?: Partial<DocumentPickerLabels>\n}\n\n/**\n * Searchable document picker. Single mode is a button that opens a searchable list; multi mode\n * puts the search inline. After a pick it shows page/token counts with size warnings.\n */\nexport function DocumentPicker({\n  groups,\n  value,\n  onValueChange,\n  selected,\n  selectedIds,\n  onOpenDocument,\n  viewingId,\n  forceClosed = false,\n  listClassName,\n  labels,\n}: DocumentPickerProps) {\n  const l = useMemo(() => ({ ...DEFAULT_DOCUMENT_PICKER_LABELS, ...labels }), [labels])\n  const multi = selectedIds !== undefined\n  const isChosen = (id: string) => (multi ? selectedIds.includes(id) : value === id)\n  const [open, setOpen] = useState(false)\n  useEffect(() => {\n    if (forceClosed) setOpen(false)\n  }, [forceClosed])\n  const anchorRef = useRef<HTMLDivElement>(null)\n\n  // A real checkbox when rows open on click; otherwise the tick that mirrors the pick.\n  const leadingControl = (id: string): ReactNode =>\n    onOpenDocument ? (\n      // cmdk selects a row on click and prevents its mousedown (to keep input focus), which would\n      // swallow a checkbox press. Stopping the events lets the checkbox toggle on its own.\n      <span\n        className=\"mr-2 flex items-center\"\n        onClick={(e) => e.stopPropagation()}\n        onMouseDown={(e) => e.stopPropagation()}\n        onPointerDown={(e) => e.stopPropagation()}\n      >\n        <Checkbox\n          checked={isChosen(id)}\n          onCheckedChange={() => onValueChange(id)}\n          aria-label={isChosen(id) ? l.selectedAsSource : l.selectAsSource}\n          data-testid={`document-combobox-select-${id}`}\n        />\n      </span>\n    ) : (\n      <Check className={cn('mr-2 size-4', isChosen(id) ? 'opacity-100' : 'opacity-0')} />\n    )\n\n  const itemClass = (id: string) =>\n    cn(\n      onOpenDocument && 'cursor-pointer',\n      onOpenDocument && isChosen(id) && 'bg-primary/10 aria-selected:bg-primary/15',\n      // Inverted so the open one is unmistakable, over cmdk's own hover tint.\n      viewingId === id &&\n        'bg-foreground text-background data-[selected=true]:bg-foreground data-[selected=true]:text-background'\n    )\n\n  const renderGroups = () => (\n    <>\n      <CommandEmpty>{l.noDocuments}</CommandEmpty>\n      {groups.map((group) => (\n        <CommandGroup key={group.id} heading={group.heading}>\n          {group.docs.map((doc) => (\n            <CommandItem\n              key={doc.id}\n              // Identity is the id: two documents can share a name, and a title-valued item would\n              // make cmdk treat them as one. The title stays searchable via keywords.\n              value={doc.id}\n              keywords={[doc.title]}\n              className={itemClass(doc.id)}\n              onSelect={() => {\n                if (onOpenDocument) {\n                  onOpenDocument(doc.id)\n                  return\n                }\n                onValueChange(doc.id)\n                if (!multi) setOpen(false)\n              }}\n            >\n              {leadingControl(doc.id)}\n              <span className=\"mr-2 flex shrink-0 items-center\">\n                {getDocIcon(doc.fileName ?? undefined)}\n              </span>\n              <span className={cn('truncate', onOpenDocument && 'hover:underline')}>\n                {doc.title}\n              </span>\n            </CommandItem>\n          ))}\n        </CommandGroup>\n      ))}\n    </>\n  )\n\n  const contentClass = 'w-[var(--radix-popover-trigger-width)] border-0 bg-muted p-0 shadow-md'\n  const tokens = selected?.tokens ?? null\n  const pages = selected?.pages ?? null\n  const isDanger = tokens != null && tokens > TOKEN_DANGER_THRESHOLD\n  const isWarning = tokens != null && tokens > TOKEN_WARNING_THRESHOLD && !isDanger\n\n  return (\n    <div data-slot=\"document-picker\">\n      {multi ? (\n        // The input IS the anchor: the list opens beneath the row as soon as it is focused or\n        // typed into. cmdk's context reaches the portaled list, so arrows/Enter still drive it.\n        <Command>\n          <Popover open={open} onOpenChange={setOpen}>\n            <PopoverAnchor asChild>\n              <div\n                ref={anchorRef}\n                className=\"flex h-9 w-full items-center gap-2 rounded-md border border-input bg-transparent px-3 shadow-sm transition-colors focus-within:ring-1 focus-within:ring-ring pointer-coarse:h-11\"\n                data-testid=\"document-combobox-trigger\"\n              >\n                <Search className=\"size-4 shrink-0 opacity-50\" />\n                <CommandPrimitive.Input\n                  placeholder={l.placeholder}\n                  aria-expanded={open}\n                  className=\"h-full w-full bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm\"\n                  onFocus={() => setOpen(true)}\n                  onValueChange={() => setOpen(true)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'ArrowDown' || e.key === 'ArrowUp') setOpen(true)\n                    if (e.key === 'Escape') setOpen(false)\n                  }}\n                  data-testid=\"document-combobox-search\"\n                />\n              </div>\n            </PopoverAnchor>\n            <PopoverContent\n              className={contentClass}\n              align=\"start\"\n              // Focus stays in the inline input, and opening a document hands focus to the viewer:\n              // neither may count as an outside click. Pointer-downs in the viewer, dialogs and\n              // poppers are ignored; Escape and any other outside click still close the list.\n              onOpenAutoFocus={(e) => e.preventDefault()}\n              onFocusOutside={(e) => e.preventDefault()}\n              onInteractOutside={(e) => {\n                const target = e.target as Element | null\n                if (\n                  anchorRef.current?.contains(target) ||\n                  target?.closest(\n                    '[data-testid=\"parsed-viewer\"], [role=\"dialog\"], [data-radix-popper-content-wrapper]'\n                  )\n                ) {\n                  e.preventDefault()\n                }\n              }}\n            >\n              <CommandList className={listClassName}>{renderGroups()}</CommandList>\n            </PopoverContent>\n          </Popover>\n        </Command>\n      ) : (\n        <Popover open={open} onOpenChange={setOpen}>\n          <PopoverTrigger asChild>\n            <button\n              type=\"button\"\n              role=\"combobox\"\n              aria-expanded={open}\n              className={cn(\n                'flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring md:text-sm pointer-coarse:h-11',\n                !value && 'text-muted-foreground'\n              )}\n              data-testid=\"document-combobox-trigger\"\n            >\n              <span className=\"truncate\">{selected?.title || l.placeholder}</span>\n              <ChevronsUpDown className=\"ml-2 size-4 shrink-0 opacity-50\" />\n            </button>\n          </PopoverTrigger>\n          <PopoverContent className={contentClass} align=\"start\">\n            <Command>\n              <CommandInput placeholder={l.searchDocuments} />\n              <CommandList className={listClassName}>{renderGroups()}</CommandList>\n            </Command>\n          </PopoverContent>\n        </Popover>\n      )}\n\n      {selected && (\n        <div className=\"mt-2 space-y-1\" data-testid=\"document-combobox-info\">\n          <p className=\"text-sm text-muted-foreground\">\n            {pages != null && <span>{l.pages(pages)}</span>}\n            {pages != null && tokens != null && <span> · </span>}\n            {tokens != null && <span>{l.tokens(tokens)}</span>}\n          </p>\n          {isWarning && (\n            <p\n              className=\"flex items-center gap-1.5 text-sm text-yellow-text\"\n              data-testid=\"document-combobox-warning\"\n            >\n              <TriangleAlert className=\"size-3.5 shrink-0\" />\n              {l.largeDocument}\n            </p>\n          )}\n          {isDanger && (\n            <p\n              className=\"flex items-center gap-1.5 text-sm text-red-text\"\n              data-testid=\"document-combobox-danger\"\n            >\n              <TriangleAlert className=\"size-3.5 shrink-0\" />\n              {l.tooLong}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n","import {\n  Fragment,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from 'react'\nimport { Ban, Check, ChevronDown, ChevronRight, Filter, FunnelX, MoreVertical } from 'lucide-react'\nimport {\n  Badge,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n  cn,\n} from '@arbidocs/react/ui'\n\n/** include keeps matches, exclude drops them, null is indifferent. */\nexport type TriState = 'include' | 'exclude' | null\n\nexport interface TriStateOption<T extends string = string> {\n  id: T\n  label: string\n  icon?: ReactNode\n  count: number\n  disabled?: boolean\n  /** Indent level (nested options such as folders). */\n  depth?: number\n}\n\nexport interface TriStateGroup<T extends string = string> {\n  label: string\n  options: T[]\n  collapsible?: boolean\n}\n\n/** Every fixed string of the filter menu. */\nexport interface TriStateFilterMenuLabels {\n  clear: string\n}\n\nexport const DEFAULT_TRI_STATE_FILTER_MENU_LABELS: TriStateFilterMenuLabels = { clear: 'Clear' }\n\nexport interface HoverHandlers {\n  onMouseEnter: () => void\n  onMouseLeave: () => void\n}\n\nexport interface TriStateFilterMenuProps<T extends string> {\n  /** Test id of the trigger. */\n  testId: string\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  title?: string\n  filterStates: Map<T, TriState>\n  onFiltersChange: (filters: Map<T, TriState>) => void\n  options: TriStateOption<T>[]\n  groups?: TriStateGroup<T>[]\n  /** Between the header and the options (e.g. a toggle). */\n  topContent?: ReactNode\n  /** Before a group, keyed by the group's label. */\n  groupTopContent?: Record<string, ReactNode>\n  /** After `topContent` (e.g. a folder navigator). */\n  folderContent?: ReactNode\n  /** After every group (e.g. a source toggle). */\n  bottomContent?: ReactNode\n  /** Label next to the filter icon of the trigger. */\n  triggerLabel?: string\n  /** Shows the active styling even with no tri-state filter set. */\n  hasExternalActiveState?: boolean\n  /** Never show the active styling (chips carry the indication instead). */\n  suppressTriggerActiveStyle?: boolean\n  /** Replaces the default trigger styling (e.g. flush inside a unified widget). */\n  triggerClassName?: string\n  /** A chevron after the icon/label instead of the dots: the trigger reads as a dropdown segment. */\n  renderChevron?: boolean\n  /** Open only on an explicit click, never on hover (trigger embedded in another control). */\n  disableHoverOpen?: boolean\n  /** Which edge of the trigger the menu lines up with (default: centered on it). */\n  align?: 'start' | 'center' | 'end'\n  /** Exposes the hover handlers so a wider hover target (a tab header) can drive the menu. */\n  onHoverHandlers?: (handlers: HoverHandlers) => void\n  labels?: Partial<TriStateFilterMenuLabels>\n}\n\n/**\n * Tri-state filter dropdown. Opens on hover (pointer) or click (locks it open until clicked\n * away); the open state is controlled so a host can persist it. Options cycle\n * neutral, include, exclude.\n */\nexport function TriStateFilterMenu<T extends string>({\n  testId,\n  open,\n  onOpenChange,\n  title,\n  filterStates,\n  onFiltersChange,\n  options,\n  groups,\n  topContent,\n  groupTopContent,\n  folderContent,\n  bottomContent,\n  triggerLabel,\n  hasExternalActiveState = false,\n  suppressTriggerActiveStyle = false,\n  triggerClassName,\n  renderChevron = false,\n  disableHoverOpen = false,\n  align = 'center',\n  onHoverHandlers,\n  labels,\n}: TriStateFilterMenuProps<T>) {\n  const l = { ...DEFAULT_TRI_STATE_FILTER_MENU_LABELS, ...labels }\n  const [collapsedGroups, setCollapsedGroups] = useState<Set<string>>(\n    () => new Set((groups ?? []).filter((g) => g.collapsible).map((g) => g.label))\n  )\n  // Opened by click: stays open until clicked away.\n  const [isClickOpen, setIsClickOpen] = useState(false)\n  const hoverTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const cancelPendingClose = () => {\n    if (hoverTimeoutRef.current) {\n      clearTimeout(hoverTimeoutRef.current)\n      hoverTimeoutRef.current = null\n    }\n  }\n\n  const handleMouseEnter = () => {\n    if (disableHoverOpen) return\n    cancelPendingClose()\n    if (!isClickOpen) onOpenChange(true)\n  }\n\n  const handleMouseLeave = () => {\n    if (disableHoverOpen || isClickOpen) return\n    // Delay so the pointer can travel to the content.\n    hoverTimeoutRef.current = setTimeout(() => {\n      if (!isClickOpen) onOpenChange(false)\n    }, 150)\n  }\n\n  const handleTriggerClick = () => {\n    setIsClickOpen(!isClickOpen)\n    onOpenChange(!isClickOpen)\n  }\n\n  useEffect(() => {\n    onHoverHandlers?.({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave })\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useEffect(() => cancelPendingClose, [])\n\n  const optionMap = useMemo(() => new Map(options.map((o) => [o.id, o])), [options])\n\n  // neutral -> include -> exclude -> neutral\n  const handleFilterToggle = (filterId: T) => {\n    const next = new Map(filterStates)\n    const current = next.get(filterId) ?? null\n    next.set(filterId, current === null ? 'include' : current === 'include' ? 'exclude' : null)\n    onFiltersChange(next)\n  }\n\n  const handleClearFilters = (e: MouseEvent) => {\n    e.stopPropagation()\n    // Only option ids: other keys (e.g. folder filters) stay.\n    const cleared = new Map(filterStates)\n    options.forEach((opt) => cleared.set(opt.id, null))\n    onFiltersChange(cleared)\n  }\n\n  const clearButton = (\n    <Button\n      variant=\"ghost\"\n      size=\"default\"\n      onClick={handleClearFilters}\n      className=\"ml-auto h-8 px-3 text-sm text-primary hover:text-primary pointer-coarse:h-11\"\n    >\n      <FunnelX className=\"mr-1.5 h-4 w-4 text-primary\" />\n      {l.clear}\n    </Button>\n  )\n\n  const hasActiveFilters = useMemo(() => {\n    const ids = new Set(options.map((o) => o.id))\n    return (\n      hasExternalActiveState ||\n      Array.from(filterStates.entries()).some(([k, v]) => ids.has(k) && v !== null)\n    )\n  }, [filterStates, options, hasExternalActiveState])\n  const isActive = !suppressTriggerActiveStyle && hasActiveFilters\n\n  // Without a title the Clear button rides on the first group's label row.\n  const showInlineClear =\n    !title &&\n    hasActiveFilters &&\n    !suppressTriggerActiveStyle &&\n    !!groups &&\n    groups.length > 0 &&\n    !groups[0].collapsible\n\n  const renderTriStateItem = (option: TriStateOption<T>) => {\n    const state = filterStates.get(option.id) ?? null\n    const badgeClass =\n      state === null\n        ? 'bg-card border-border text-foreground hover:bg-muted'\n        : state === 'include'\n          ? 'bg-primary text-primary-foreground border-primary hover:bg-primary'\n          : 'bg-card text-red-text border-red-text hover:bg-red-bg'\n    const stateIcon =\n      state === null ? (\n        <div className=\"size-3.5 rounded-sm border-2 border-border bg-transparent\" />\n      ) : state === 'include' ? (\n        <Check className=\"size-3\" strokeWidth={3} />\n      ) : (\n        <Ban className=\"size-3 text-red-text\" strokeWidth={3} />\n      )\n    const depthPadding = option.depth ? option.depth * 16 : 0\n\n    return (\n      <DropdownMenuItem\n        key={option.id}\n        onClick={() => handleFilterToggle(option.id)}\n        onSelect={(e) => e.preventDefault()}\n        disabled={option.disabled}\n        className=\"cursor-pointer p-1\"\n        style={depthPadding ? { paddingLeft: `${depthPadding + 4}px` } : undefined}\n      >\n        <Badge\n          variant=\"outline\"\n          className={cn(\n            'flex w-full items-center gap-2 px-3 py-1.5 text-sm pointer-coarse:min-h-11',\n            badgeClass\n          )}\n        >\n          {stateIcon}\n          {option.icon && <span className=\"[&>svg]:size-3.5\">{option.icon}</span>}\n          <span className=\"font-medium\">{option.label}</span>\n          <span className=\"ml-auto font-semibold\">{option.count}</span>\n        </Badge>\n      </DropdownMenuItem>\n    )\n  }\n\n  const toggleGroupCollapse = (label: string) => {\n    setCollapsedGroups((prev) => {\n      const next = new Set(prev)\n      if (!next.delete(label)) next.add(label)\n      return next\n    })\n  }\n\n  const renderOptions = () => {\n    if (!groups || groups.length === 0) return options.map(renderTriStateItem)\n\n    return groups.map((group, groupIndex) => {\n      const isCollapsed = !!group.collapsible && collapsedGroups.has(group.label)\n      const activeCount = group.collapsible\n        ? group.options.filter((id) => filterStates.get(id) !== null).length\n        : 0\n\n      return (\n        <Fragment key={group.label}>\n          {groupIndex > 0 && <DropdownMenuSeparator />}\n          {groupTopContent?.[group.label] && (\n            <>\n              <div className=\"px-2 py-1.5\">{groupTopContent[group.label]}</div>\n              <DropdownMenuSeparator />\n            </>\n          )}\n          {group.collapsible ? (\n            <button\n              type=\"button\"\n              onClick={() => toggleGroupCollapse(group.label)}\n              aria-expanded={!isCollapsed}\n              className=\"flex w-full cursor-pointer items-center gap-1 rounded-sm px-2 py-1.5 text-sm font-semibold text-primary hover:bg-accent/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11\"\n            >\n              {isCollapsed ? (\n                <ChevronRight className=\"size-3.5\" />\n              ) : (\n                <ChevronDown className=\"size-3.5\" />\n              )}\n              <span>{group.label}</span>\n              {isCollapsed && activeCount > 0 && (\n                <Badge\n                  variant=\"outline\"\n                  className=\"ml-auto flex h-4 min-w-4 items-center justify-center rounded-md px-1 text-xs leading-none\"\n                >\n                  {activeCount}\n                </Badge>\n              )}\n            </button>\n          ) : groupIndex === 0 && showInlineClear ? (\n            <div className=\"flex items-center justify-between pr-1\">\n              <DropdownMenuLabel className=\"text-primary\">{group.label}</DropdownMenuLabel>\n              {clearButton}\n            </div>\n          ) : (\n            <DropdownMenuLabel className=\"text-primary\">{group.label}</DropdownMenuLabel>\n          )}\n          {!isCollapsed &&\n            group.options\n              .map((id) => optionMap.get(id))\n              .filter((opt): opt is TriStateOption<T> => opt !== undefined)\n              .map(renderTriStateItem)}\n        </Fragment>\n      )\n    })\n  }\n\n  const tone = isActive ? 'text-primary' : 'text-muted-foreground'\n\n  return (\n    <DropdownMenu\n      modal={false}\n      open={open}\n      onOpenChange={(next) => {\n        // Closed by the menu itself (Escape, choosing): the next click opens it again, rather than\n        // toggling a stale click-open state shut as it opens.\n        if (!next) setIsClickOpen(false)\n        onOpenChange(next)\n      }}\n    >\n      <DropdownMenuTrigger asChild>\n        <span\n          role=\"button\"\n          tabIndex={0}\n          data-slot=\"tri-state-filter-trigger\"\n          className={\n            triggerClassName ??\n            'inline-flex cursor-pointer items-center gap-1 rounded-sm px-1.5 py-0.5 text-sm font-medium transition-colors hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:h-11! pointer-coarse:min-w-11 pointer-coarse:justify-center'\n          }\n          data-testid={testId}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n          onClick={handleTriggerClick}\n        >\n          <Filter\n            className={cn(\n              'size-3 transition-colors',\n              isActive ? 'fill-primary text-primary' : tone\n            )}\n          />\n          {triggerLabel && <span className={tone}>{triggerLabel}</span>}\n          {renderChevron ? (\n            <ChevronDown className={cn('size-3 transition-colors', tone)} />\n          ) : (\n            triggerLabel && <MoreVertical className={cn('size-3 transition-colors', tone)} />\n          )}\n        </span>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        align={align}\n        className=\"w-80 border-0 bg-muted\"\n        onCloseAutoFocus={(e) => e.preventDefault()}\n        onMouseEnter={cancelPendingClose}\n        onMouseLeave={() => {\n          if (!isClickOpen) onOpenChange(false)\n        }}\n        onPointerDownOutside={(e) => {\n          // Click-opened menus close only on a real outside click.\n          if (!isClickOpen) return\n          if (!(e.target as HTMLElement).closest('[role=\"menu\"]')) {\n            setIsClickOpen(false)\n            onOpenChange(false)\n          } else {\n            e.preventDefault()\n          }\n        }}\n      >\n        {(title || (hasActiveFilters && !suppressTriggerActiveStyle && !showInlineClear)) && (\n          <>\n            <div className=\"flex items-center justify-between px-2 py-1.5\">\n              {title && <DropdownMenuLabel className=\"p-0 text-primary\">{title}</DropdownMenuLabel>}\n              {hasActiveFilters && !showInlineClear && clearButton}\n            </div>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {topContent && (\n          <>\n            <div className=\"px-2 py-1.5\">{topContent}</div>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {folderContent && (\n          <>\n            <div className=\"px-1 py-0.5\">{folderContent}</div>\n            <DropdownMenuSeparator />\n          </>\n        )}\n        {renderOptions()}\n        {bottomContent && (\n          <>\n            <DropdownMenuSeparator />\n            <div className=\"px-2 py-1.5\">{bottomContent}</div>\n          </>\n        )}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n","import * as React from 'react'\nimport { CheckIcon, ChevronDown, WandSparkles } from 'lucide-react'\n\nimport {\n  Button,\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n  Separator,\n  cn,\n} from '@arbidocs/react/ui'\n\n/**\n * Variants for the multi-select component to handle different styles.\n * Uses class-variance-authority (cva) to define different styles based on \"variant\" prop.\n */\n\n/**\n * Props for MultiSelect component\n */\ninterface MultiSelectProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /**\n   * An array of option objects to be displayed in the multi-select component.\n   * Each option object has a label, value, and an optional icon.\n   */\n  data: {\n    /** The text to display for the option. */\n    label: string\n    /** The unique value associated with the option. */\n    value: string\n    /** Optional icon component to display alongside the option. */\n    icon?: React.ComponentType<{ className?: string }>\n  }[]\n\n  /**\n   * Current selected values.\n   */\n  value: string[]\n\n  /**\n   * Callback function triggered when the selected values change.\n   * Receives an array of the new selected values.\n   */\n  onChange: (value: string[]) => void\n\n  /**\n   * Current search value for filtering options.\n   */\n  searchValue?: string\n\n  /**\n   * Callback function triggered when the search value changes.\n   */\n  onSearchChange?: (value: string) => void\n\n  /**\n   * Placeholder text to be displayed when no values are selected.\n   * Optional, defaults to \"Select options\".\n   */\n  placeholder?: string\n\n  /**\n   * Whether the component is searchable.\n   */\n  searchable?: boolean\n\n  /**\n   * Whether the component is clearable.\n   */\n  clearable?: boolean\n\n  /**\n   * Size of the component.\n   */\n  size?: 'sm' | 'md' | 'lg'\n\n  /**\n   * Whether the component should auto focus.\n   */\n  autoFocus?: boolean\n\n  /**\n   * Callback triggered when dropdown opens.\n   */\n  onDropdownOpen?: () => void\n\n  /**\n   * Callback triggered when dropdown closes.\n   */\n  onDropdownClose?: () => void\n\n  /**\n   * Custom render function for options.\n   */\n  renderOption?: (params: {\n    option: { label: string; value: string; icon?: React.ComponentType<{ className?: string }> }\n    checked: boolean\n  }) => React.ReactNode\n\n  /**\n   * Animation duration in seconds for the visual effects (e.g., bouncing badges).\n   * Optional, defaults to 0 (no animation).\n   */\n  animation?: number\n\n  /**\n   * Maximum number of items to display. Extra selected items will be summarized.\n   * Optional, defaults to 3.\n   */\n  maxCount?: number\n\n  /**\n   * The modality of the popover. When set to true, interaction with outside elements\n   * will be disabled and only popover content will be visible to screen readers.\n   * Optional, defaults to false.\n   */\n  modalPopover?: boolean\n\n  /**\n   * If true, renders the multi-select component as a child of another component.\n   * Optional, defaults to false.\n   */\n  asChild?: boolean\n\n  /**\n   * Additional class names to apply custom styles to the multi-select component.\n   * Optional, can be used to add custom styles.\n   */\n  className?: string\n}\n\nexport const MultiSelect = React.forwardRef<HTMLButtonElement, MultiSelectProps>(\n  (\n    {\n      data,\n      value,\n      onChange,\n      searchValue,\n      onSearchChange,\n      placeholder = 'Select options',\n      searchable = false,\n      clearable = false,\n      size = 'md',\n      autoFocus = false,\n      onDropdownOpen,\n      onDropdownClose,\n      renderOption,\n      animation = 0,\n      modalPopover = false,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const [isPopoverOpen, setIsPopoverOpen] = React.useState(false)\n    const [internalSearchValue, setInternalSearchValue] = React.useState('')\n\n    const currentSearchValue = searchValue ?? internalSearchValue\n\n    React.useEffect(() => {\n      if (isPopoverOpen && onDropdownOpen) {\n        onDropdownOpen()\n      } else if (!isPopoverOpen && onDropdownClose) {\n        onDropdownClose()\n      }\n    }, [isPopoverOpen, onDropdownOpen, onDropdownClose])\n\n    // Handle autoFocus - open dropdown immediately when component mounts\n    React.useEffect(() => {\n      if (autoFocus) {\n        setIsPopoverOpen(true)\n      }\n    }, [autoFocus])\n\n    const handleSearchValueChange = (newValue: string) => {\n      if (onSearchChange) {\n        onSearchChange(newValue)\n      } else {\n        setInternalSearchValue(newValue)\n      }\n    }\n\n    const getSizeClasses = () => {\n      switch (size) {\n        case 'sm':\n          return 'min-h-8 text-sm'\n        case 'lg':\n          return 'min-h-12 text-base'\n        default:\n          return 'min-h-10 text-sm'\n      }\n    }\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        setIsPopoverOpen(true)\n      } else if (event.key === 'Backspace' && !event.currentTarget.value) {\n        const newSelectedValues = [...value]\n        newSelectedValues.pop()\n        onChange(newSelectedValues)\n      }\n    }\n\n    const toggleOption = (optionValue: string) => {\n      const newSelectedValues = value.includes(optionValue)\n        ? value.filter((v) => v !== optionValue)\n        : [...value, optionValue]\n      onChange(newSelectedValues)\n    }\n\n    const handleClear = () => {\n      onChange([])\n    }\n\n    const toggleAll = () => {\n      if (value.length === data.length) {\n        handleClear()\n      } else {\n        const allValues = data.map((option) => option.value)\n        onChange(allValues)\n      }\n    }\n\n    return (\n      <Popover open={isPopoverOpen} onOpenChange={setIsPopoverOpen} modal={modalPopover}>\n        <PopoverTrigger asChild>\n          <Button\n            ref={ref}\n            {...props}\n            variant=\"outline\"\n            className={cn(\n              'flex w-full p-1 rounded-md border h-auto items-center justify-between bg-background hover:bg-accent [&_svg]:pointer-events-auto',\n              getSizeClasses(),\n              className\n            )}\n            data-testid=\"multi-select-trigger\"\n          >\n            <div className=\"flex items-center justify-between w-full mx-auto\">\n              <span className=\"text-sm text-muted-foreground mx-3\">{placeholder}</span>\n              <ChevronDown className=\"h-4 cursor-pointer text-muted-foreground mx-2\" />\n            </div>\n          </Button>\n        </PopoverTrigger>\n        <PopoverContent\n          className=\"w-[var(--radix-popover-trigger-width)] p-0\"\n          align=\"start\"\n          side=\"bottom\"\n          sideOffset={4}\n        >\n          <Command shouldFilter={true}>\n            {searchable && (\n              <CommandInput\n                placeholder=\"Search...\"\n                value={currentSearchValue}\n                onValueChange={handleSearchValueChange}\n                onKeyDown={handleInputKeyDown}\n                autoFocus={autoFocus}\n              />\n            )}\n            <CommandList>\n              <CommandEmpty>No results found.</CommandEmpty>\n              <CommandGroup>\n                <CommandItem\n                  key=\"all\"\n                  onSelect={toggleAll}\n                  className=\"cursor-pointer\"\n                  data-testid=\"multi-select-all-option\"\n                >\n                  <div\n                    className={cn(\n                      'mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary',\n                      value.length === data.length\n                        ? 'bg-primary text-primary-foreground'\n                        : 'opacity-50 [&_svg]:invisible'\n                    )}\n                  >\n                    <CheckIcon className=\"h-4 w-4\" />\n                  </div>\n                  <span>(Select All)</span>\n                </CommandItem>\n                {data.map((option) => {\n                  const isSelected = value.includes(option.value)\n                  return (\n                    <CommandItem\n                      key={option.value}\n                      value={option.label}\n                      onSelect={() => toggleOption(option.value)}\n                      className=\"cursor-pointer\"\n                      data-testid={`multi-select-option-${option.value}`}\n                    >\n                      {renderOption ? (\n                        renderOption({ option, checked: isSelected })\n                      ) : (\n                        <>\n                          <div\n                            className={cn(\n                              'mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary',\n                              isSelected\n                                ? 'bg-primary text-primary-foreground'\n                                : 'opacity-50 [&_svg]:invisible'\n                            )}\n                          >\n                            <CheckIcon className=\"h-4 w-4\" />\n                          </div>\n                          {option.icon && (\n                            <option.icon className=\"mr-2 h-4 w-4 text-muted-foreground\" />\n                          )}\n                          <span>{option.label}</span>\n                        </>\n                      )}\n                    </CommandItem>\n                  )\n                })}\n              </CommandGroup>\n              <CommandSeparator />\n              <CommandGroup>\n                <div className=\"flex items-center justify-between\">\n                  {clearable && value.length > 0 && (\n                    <>\n                      <CommandItem\n                        onSelect={handleClear}\n                        className=\"flex-1 justify-center cursor-pointer\"\n                        data-testid=\"multi-select-clear-button\"\n                      >\n                        Clear\n                      </CommandItem>\n                      <Separator orientation=\"vertical\" className=\"flex min-h-6 h-full\" />\n                    </>\n                  )}\n                  <CommandItem\n                    onSelect={() => setIsPopoverOpen(false)}\n                    className=\"flex-1 justify-center cursor-pointer max-w-full\"\n                    data-testid=\"multi-select-close-button\"\n                  >\n                    Close\n                  </CommandItem>\n                </div>\n              </CommandGroup>\n            </CommandList>\n          </Command>\n        </PopoverContent>\n        {animation > 0 && value.length > 0 && (\n          <WandSparkles className=\"cursor-pointer my-2 text-muted-foreground bg-background w-3 h-3\" />\n        )}\n      </Popover>\n    )\n  }\n)\n\nMultiSelect.displayName = 'MultiSelect'\n"]}