@arbidocs/blocks 0.3.185 → 0.4.1

package/dist/chunk-XQ7PKKDY.cjs

@@ -0,0 +1,787 @@
+"use client";
+'use strict';
+
+var chunkMHVNT4J3_cjs = require('./chunk-MHVNT4J3.cjs');
+var react = require('react');
+var lucideReact = require('lucide-react');
+var ui = require('@arbidocs/react/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/retrieval/highlight.ts
+function stripMarkdownLinks(text) {
+  return text.replace(/!?\[([^\]]+)\]\([^)]*\)/g, "$1");
+}
+function highlightTerms(content, terms) {
+  const plain = stripMarkdownLinks(content);
+  if (terms.length === 0) return plain;
+  const escaped = terms.map((t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+  return plain.replace(new RegExp(`(${escaped.join("|")})`, "gi"), "<mark>$1</mark>");
+}
+function getPageNumbers(current, total) {
+  if (total <= 7) return Array.from({ length: total }, (_, i) => i + 1);
+  const pages = [1];
+  const windowStart = Math.max(2, current - 1);
+  const windowEnd = Math.min(total - 1, current + 1);
+  if (windowStart > 2) pages.push("ellipsis");
+  for (let p = windowStart; p <= windowEnd; p++) pages.push(p);
+  if (windowEnd < total - 1) pages.push("ellipsis");
+  pages.push(total);
+  return pages;
+}
+var DEFAULT_SEARCH_PAGINATION_LABELS = {
+  navigation: "Search results pagination",
+  previous: "Previous page",
+  next: "Next page",
+  page: (page) => `Page ${page}`
+};
+var SearchPagination = react.memo(function SearchPagination2({
+  currentPage,
+  totalPages,
+  onPageChange,
+  labels,
+  testIds,
+  className
+}) {
+  const l = { ...DEFAULT_SEARCH_PAGINATION_LABELS, ...labels };
+  if (totalPages <= 1) return null;
+  const pages = getPageNumbers(currentPage, totalPages);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "nav",
+    {
+      className: ui.cn("mt-6 mb-2 flex items-center justify-center gap-1", className),
+      "aria-label": l.navigation,
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.root, { testId: "smart-search-pagination" }),
+      "data-slot": "search-pagination",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-8 px-2 pointer-coarse:h-11 pointer-coarse:min-w-11",
+            onClick: () => onPageChange(currentPage - 1),
+            disabled: currentPage <= 1,
+            "aria-label": l.previous,
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "size-4" })
+          }
+        ),
+        pages.map(
+          (p, i) => p === "ellipsis" ? /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "select-none px-2 text-sm text-muted-foreground",
+              "aria-hidden": true,
+              children: "\u2026"
+            },
+            `ellipsis-${i}`
+          ) : /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Button,
+            {
+              variant: p === currentPage ? "default" : "ghost",
+              size: "sm",
+              className: "h-8 min-w-8 px-2 pointer-coarse:h-11 pointer-coarse:min-w-11",
+              onClick: () => onPageChange(p),
+              "aria-current": p === currentPage ? "page" : void 0,
+              "aria-label": l.page(p),
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.page?.(p), { testId: `smart-search-page-${p}` }),
+              children: p
+            },
+            p
+          )
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-8 px-2 pointer-coarse:h-11 pointer-coarse:min-w-11",
+            onClick: () => onPageChange(currentPage + 1),
+            disabled: currentPage >= totalPages,
+            "aria-label": l.next,
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "size-4" })
+          }
+        )
+      ]
+    }
+  );
+});
+var DEFAULT_SEARCH_GROUP_HEADER_LABELS = {
+  hit: "hit",
+  hits: "hits"
+};
+var SearchGroupHeader = react.memo(function SearchGroupHeader2({
+  groupId,
+  hitCount,
+  isExpanded,
+  onToggle,
+  source,
+  labels,
+  testId,
+  className
+}) {
+  const l = { ...DEFAULT_SEARCH_GROUP_HEADER_LABELS, ...labels };
+  const toggle = () => onToggle(groupId);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "button",
+      tabIndex: 0,
+      onClick: toggle,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          toggle();
+        }
+      },
+      "aria-expanded": isExpanded,
+      className: ui.cn(
+        "flex cursor-pointer items-center gap-2 px-3 py-1.5 pointer-coarse:min-h-11 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        isExpanded && "border-b border-border",
+        className
+      ),
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: `search-result-group-toggle-${groupId}` }),
+      "data-slot": "search-group-header",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.ChevronRight,
+          {
+            className: ui.cn(
+              "size-4 shrink-0 text-muted-foreground transition-transform",
+              isExpanded && "rotate-90"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0", onClick: (e) => e.stopPropagation(), children: source }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "shrink-0 text-sm text-muted-foreground", children: [
+          hitCount,
+          " ",
+          hitCount === 1 ? l.hit : l.hits
+        ] })
+      ]
+    }
+  );
+});
+var DOCUMENT_SEARCH_NOUNS = {
+  singular: "document",
+  plural: "documents",
+  hit: "passage",
+  hits: "passages",
+  emptyTitle: "No documents to search yet",
+  emptyHint: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "Add files under ",
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground/80", children: "\u201CFiles\u201D" }),
+    ", then come back to search their full text by keyword or meaning."
+  ] }),
+  EmptyIcon: lucideReact.FileUp
+};
+function searchNouns(singular, plural, addHint, EmptyIcon = lucideReact.Plus) {
+  return {
+    singular,
+    plural,
+    hit: singular,
+    hits: plural,
+    emptyTitle: `No ${plural} to search yet`,
+    emptyHint: addHint,
+    EmptyIcon
+  };
+}
+var DEFAULT_SEARCH_EMPTY_STATE_LABELS = {
+  title: (n) => `Search across your ${n.plural}`,
+  intro: (count, n) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    "Find any ",
+    n.hit,
+    " across",
+    " ",
+    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium text-foreground/80", children: [
+      count.toLocaleString(),
+      " ",
+      count === 1 ? n.singular : n.plural
+    ] }),
+    " ",
+    "\u2014 by keyword, by meaning, or both."
+  ] }),
+  hybridTitle: "Words and meaning, together",
+  hybridBody: (n) => `Every search matches exact words and meaning, so ${n.hits} worded differently are still found.`,
+  phraseTitle: "Quote an exact phrase",
+  phraseBefore: "Wrap a phrase in double quotes, like ",
+  phraseExample: '"force majeure"',
+  phraseAfter: (n) => `, to return only ${n.hits} containing it.`
+};
+function SearchEmptyState({
+  count,
+  nouns = DOCUMENT_SEARCH_NOUNS,
+  labels,
+  testId,
+  className
+}) {
+  const l = { ...DEFAULT_SEARCH_EMPTY_STATE_LABELS, ...labels };
+  const hasItems = count > 0;
+  const Icon = hasItems ? lucideReact.Search : nouns.EmptyIcon;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: ui.cn("flex justify-center px-10 pb-10 pt-6", className),
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testId, { testId: "smart-search-empty-state" }),
+      "data-slot": "search-empty-state",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full max-w-xl text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: ui.cn(
+              "mx-auto mb-4 flex size-12 items-center justify-center rounded-lg",
+              hasItems ? "bg-ai-soft text-ai-ink" : "bg-muted text-muted-foreground"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-6" })
+          }
+        ),
+        hasItems ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-2 text-xl font-semibold text-foreground", children: l.title(nouns) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: l.intro(count, nouns) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-7 grid gap-3 text-left sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-muted p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Blend, { className: "size-4 text-ai-ink" }),
+                l.hybridTitle
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm leading-snug text-muted-foreground", children: l.hybridBody(nouns) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-lg bg-muted p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 text-sm font-medium text-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Quote, { className: "size-4 text-ai-ink" }),
+                l.phraseTitle
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-1 text-sm leading-snug text-muted-foreground", children: [
+                l.phraseBefore,
+                /* @__PURE__ */ jsxRuntime.jsx("code", { className: "rounded bg-background px-1 py-0.5 font-mono text-sm text-foreground/90", children: l.phraseExample }),
+                l.phraseAfter(nouns)
+              ] })
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-semibold text-foreground", children: nouns.emptyTitle }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mx-auto mt-1.5 max-w-sm text-sm text-muted-foreground", children: nouns.emptyHint })
+        ] })
+      ] })
+    }
+  );
+}
+function SearchPageFrame({
+  isEmbedded,
+  testId = "smart-search",
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "search-page",
+      "data-testid": testId,
+      className: ui.cn("flex h-full flex-col", !isEmbedded && "px-4"),
+      children
+    }
+  );
+}
+function SearchPageHeader({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "search-page-header", className: "sticky top-0 z-10 -mx-4 bg-background", children });
+}
+function SearchPageBody({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "search-page-body", className: "flex min-h-0 flex-1 flex-col", children });
+}
+function SearchToolbarRow({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "search-toolbar-row",
+      className: "group flex h-8 items-center gap-2 border-b border-border/60 bg-background pl-5 pr-3",
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ml-auto flex shrink-0 items-center", children })
+    }
+  );
+}
+function SearchResultsMain({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("main", { "data-slot": "search-results-main", className: "flex-1 overflow-auto", children });
+}
+function SearchResultsInner({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full px-6 pb-6 pt-1", children });
+}
+function SearchResultList({ testId, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", "data-testid": testId, children });
+}
+function SearchGroupCard({
+  testId,
+  header,
+  isExpanded,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "search-group-card",
+      className: "rounded border border-border transition-colors",
+      "data-testid": testId,
+      children: [
+        header,
+        isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3 p-3", children })
+      ]
+    }
+  );
+}
+var DEFAULT_SEARCH_BAR_LABELS = {
+  search: "Search:",
+  clear: "Clear search",
+  submit: "Search"
+};
+function SearchBar({
+  query,
+  onQueryChange,
+  onSubmit,
+  onClear,
+  canSubmit,
+  isSearching,
+  placeholder,
+  submitTitle,
+  notice,
+  noticeTestId,
+  inputId = "smart-search-input",
+  testIds,
+  inputRef,
+  isEmbedded,
+  labels
+}) {
+  const l = react.useMemo(() => ({ ...DEFAULT_SEARCH_BAR_LABELS, ...labels }), [labels]);
+  const fieldRef = react.useRef(null);
+  const setRefs = react.useCallback(
+    (el) => {
+      fieldRef.current = el;
+      if (typeof inputRef === "function") inputRef(el);
+      else if (inputRef) inputRef.current = el;
+    },
+    [inputRef]
+  );
+  react.useLayoutEffect(() => {
+    const el = fieldRef.current;
+    if (!el) return;
+    const resize = () => {
+      el.style.height = "auto";
+      el.style.height = `${el.scrollHeight}px`;
+    };
+    resize();
+    if (typeof ResizeObserver === "undefined") return;
+    let lastWidth = el.clientWidth;
+    const observer = new ResizeObserver(() => {
+      if (el.clientWidth === lastWidth) return;
+      lastWidth = el.clientWidth;
+      resize();
+    });
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, [query, placeholder]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "search-bar", className: ui.cn("pl-6 pr-4", isEmbedded ? "pb-4 pt-6" : "py-4"), children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "form",
+    {
+      onSubmit: (e) => {
+        e.preventDefault();
+        onSubmit();
+      },
+      className: "mx-auto flex w-full max-w-2xl items-center gap-3",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: inputId, className: "sr-only", children: l.search }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-2 rounded-lg border border-border bg-background px-3.5 py-2.5 transition-colors focus-within:border-ring focus-within:ring-2 focus-within:ring-ring", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "textarea",
+            {
+              id: inputId,
+              ref: setRefs,
+              rows: 1,
+              value: query,
+              onChange: (e) => {
+                onQueryChange(e.target.value);
+                e.target.style.height = "auto";
+                e.target.style.height = `${e.target.scrollHeight}px`;
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && !e.shiftKey) {
+                  e.preventDefault();
+                  onSubmit();
+                }
+              },
+              placeholder,
+              className: "flex-1 resize-none overflow-hidden border-0 bg-transparent p-0 pointer-coarse:min-h-11 pointer-coarse:py-2.5 text-base leading-relaxed text-foreground outline-none placeholder:text-muted-foreground",
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.input, { testId: "smart-search-input" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+            query && /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "size-7 text-muted-foreground hover:text-foreground pointer-coarse:size-11",
+                onClick: onClear,
+                "aria-label": l.clear,
+                title: l.clear,
+                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.clear, { testId: "smart-search-clear-button" }),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Button,
+              {
+                type: "submit",
+                size: "sm",
+                disabled: !canSubmit,
+                className: "h-8 gap-1.5 px-3 text-sm pointer-coarse:h-11",
+                "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.submit, { testId: "smart-search-submit-button" }),
+                title: submitTitle ?? l.submit,
+                "aria-label": l.submit,
+                children: [
+                  isSearching ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "size-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "size-4" }),
+                  l.submit
+                ]
+              }
+            )
+          ] }),
+          notice && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: "mt-2 text-sm text-destructive",
+              "data-testid": chunkMHVNT4J3_cjs.testIdOr(noticeTestId, { testId: "smart-search-selection-too-large" }),
+              children: notice
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}
+function SearchPillToggle({
+  options,
+  value,
+  onChange,
+  ariaLabel,
+  testIdPrefix
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "inline-flex items-center rounded-full bg-muted p-0.5",
+      role: "group",
+      "aria-label": ariaLabel,
+      "data-slot": "search-pill-toggle",
+      children: options.map((o) => {
+        const active = o.value === value;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => onChange(o.value),
+            "aria-pressed": active,
+            title: o.title,
+            "data-testid": chunkMHVNT4J3_cjs.prefixedTestId(
+              testIdPrefix,
+              o.value,
+              { testId: `smart-search-view-${o.value}-button` },
+              "-button"
+            ),
+            className: ui.cn(
+              "flex min-h-8 items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11",
+              active ? "bg-background text-foreground" : "text-muted-foreground hover:text-foreground"
+            ),
+            children: o.content
+          },
+          o.value
+        );
+      })
+    }
+  );
+}
+var DEFAULT_RELEVANCE_STEPS = [
+  { value: 0, label: "Low" },
+  { value: 0.7, label: "High" }
+];
+var STEP_DOT_CLASS = ["bg-muted-foreground/40", "bg-green-500"];
+var STEP_LABEL_CLASS = ["text-foreground", "text-green-700"];
+function RelevanceThreshold({
+  value,
+  onChange,
+  steps = DEFAULT_RELEVANCE_STEPS,
+  title = "Relevance Threshold",
+  ariaLabel = "Search relevance threshold"
+}) {
+  const active = steps.reduce((best, s, i) => value >= s.value ? i : best, 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", "data-slot": "relevance-threshold", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap text-xs font-medium uppercase tracking-wide text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "inline-flex items-center rounded-full bg-muted p-0.5",
+        role: "group",
+        "aria-label": ariaLabel,
+        children: steps.map((step, i) => {
+          const isActive = i === active;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onChange(step.value),
+              "aria-pressed": isActive,
+              "data-testid": `smart-search-threshold-${step.label.toLowerCase()}`,
+              className: ui.cn(
+                "flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring pointer-coarse:min-h-11 pointer-coarse:px-3",
+                isActive ? ui.cn("bg-background", STEP_LABEL_CLASS[i] ?? STEP_LABEL_CLASS[0]) : "text-muted-foreground hover:text-foreground"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: ui.cn(
+                      "size-1.5 rounded-full transition-colors",
+                      isActive ? STEP_DOT_CLASS[i] ?? STEP_DOT_CLASS[0] : "bg-muted-foreground/30"
+                    )
+                  }
+                ),
+                step.label
+              ]
+            },
+            step.label
+          );
+        })
+      }
+    )
+  ] });
+}
+function SearchControlsBar({
+  start,
+  end,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "search-controls-bar",
+      className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-2 pb-3 pl-6 pr-4",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-2", children: start }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: end }),
+        children
+      ]
+    }
+  );
+}
+var DEFAULT_SEARCH_TOTALS_LABELS = {
+  hit: "hit",
+  hits: "hits",
+  document: "document",
+  documents: "documents",
+  passages: "passages"
+};
+var fmt = (n) => n.toLocaleString();
+function SearchTotalsHeadline({
+  shownHits,
+  totalHits,
+  shownDocuments,
+  totalDocuments,
+  range,
+  action,
+  testId = "smart-search-totals",
+  labels
+}) {
+  const l = react.useMemo(() => ({ ...DEFAULT_SEARCH_TOTALS_LABELS, ...labels }), [labels]);
+  const hitWord = (n) => n === 1 ? l.hit : l.hits;
+  const docWord = (n) => n === 1 ? l.document : l.documents;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "p",
+    {
+      className: "flex flex-wrap items-baseline gap-x-2 font-sans text-base font-semibold tabular-nums text-foreground",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: shownHits < totalHits ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          fmt(shownHits),
+          " ",
+          hitWord(shownHits),
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-normal text-muted-foreground", children: [
+            "(",
+            fmt(totalHits),
+            " total)"
+          ] }),
+          " ",
+          "across ",
+          fmt(shownDocuments),
+          " ",
+          docWord(shownDocuments)
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          fmt(totalHits),
+          " ",
+          hitWord(totalHits),
+          " across ",
+          fmt(totalDocuments),
+          " ",
+          docWord(totalDocuments)
+        ] }) }),
+        action && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-2 text-sm font-normal text-muted-foreground", children: [
+          "\u2013",
+          action
+        ] }),
+        range && range.total > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-normal text-muted-foreground", children: [
+          "\xB7 showing ",
+          fmt(range.start),
+          "\u2013",
+          fmt(range.end),
+          " of ",
+          fmt(range.total),
+          " ",
+          range.unit === "passages" ? l.passages : l.documents
+        ] })
+      ]
+    }
+  );
+}
+function SearchErrorBanner({ message }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "alert",
+      className: "flex items-center gap-2 rounded-md bg-destructive/10 p-4 text-destructive",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "size-5 flex-shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: message })
+      ]
+    }
+  );
+}
+var DEFAULT_SEARCH_NO_RESULTS_LABELS = {
+  none: "No results found for your search query.",
+  hidden: (n) => `All ${fmt(n)} ${n === 1 ? "hit is" : "hits are"} below the current relevance threshold.`,
+  lower: "Lower threshold to Low"
+};
+function SearchNoResults({
+  hiddenHits,
+  onLowerThreshold,
+  labels,
+  testId = "smart-search-no-results"
+}) {
+  const l = react.useMemo(() => ({ ...DEFAULT_SEARCH_NO_RESULTS_LABELS, ...labels }), [labels]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "py-12 text-center", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "mx-auto mb-4 size-12 text-muted-foreground" }),
+    hiddenHits > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: l.hidden(hiddenHits) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "link", size: "sm", className: "mt-2", onClick: onLowerThreshold, children: l.lower })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: l.none })
+  ] });
+}
+var DEFAULT_APPLY_LABEL_DIALOG_LABELS = {
+  title: "Apply label",
+  description: (documents, passages) => `Labels ${documents} ${documents === 1 ? "document" : "documents"} with ${passages} passage ${passages === 1 ? "reference" : "references"}.`,
+  placeholder: "Label name",
+  cancel: "Cancel",
+  apply: "Apply label"
+};
+function ApplyLabelDialog({
+  open,
+  onOpenChange,
+  name,
+  onNameChange,
+  onApply,
+  isApplying,
+  documentCount,
+  passageCount,
+  labels
+}) {
+  const l = react.useMemo(() => ({ ...DEFAULT_APPLY_LABEL_DIALOG_LABELS, ...labels }), [labels]);
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogContent, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: l.title }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.DialogDescription, { children: l.description(documentCount, passageCount) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Input,
+      {
+        value: name,
+        onChange: (e) => onNameChange(e.target.value),
+        placeholder: l.placeholder,
+        "aria-label": l.placeholder,
+        autoFocus: true,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" && name.trim()) onApply(name);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.DialogFooter, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outline", onClick: () => onOpenChange(false), children: l.cancel }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: () => onApply(name), disabled: isApplying || !name.trim(), children: [
+        isApplying && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "mr-2 size-4 animate-spin" }),
+        l.apply
+      ] })
+    ] })
+  ] }) });
+}
+function ApplyLabelButton({
+  onClick,
+  label = "Apply label",
+  testId = "smart-search-apply-label-button"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Button,
+    {
+      onClick,
+      size: "sm",
+      variant: "outline",
+      className: "h-6 px-2 text-sm font-normal pointer-coarse:h-11",
+      "data-testid": testId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TagIcon, { className: "mr-1 size-3" }),
+        label
+      ]
+    }
+  );
+}
+function splitByTerms(text, terms) {
+  const escaped = terms.map((t) => t.trim()).filter(Boolean).map((t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
+  if (escaped.length === 0) return [{ text, match: false }];
+  const re = new RegExp(`(${escaped.join("|")})`, "gi");
+  return text.split(re).map((part, i) => ({ text: part, match: i % 2 === 1 })).filter((run) => run.text !== "");
+}
+function Highlight({ text, terms, markClassName, className }) {
+  const runs = splitByTerms(stripMarkdownLinks(text), terms);
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className, "data-slot": "highlight", children: runs.map(
+    (run, i) => run.match ? /* @__PURE__ */ jsxRuntime.jsx("mark", { className: ui.cn("rounded-sm bg-yellow-bg text-inherit", markClassName), children: run.text }, i) : /* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: run.text }, i)
+  ) });
+}
+
+exports.ApplyLabelButton = ApplyLabelButton;
+exports.ApplyLabelDialog = ApplyLabelDialog;
+exports.DEFAULT_APPLY_LABEL_DIALOG_LABELS = DEFAULT_APPLY_LABEL_DIALOG_LABELS;
+exports.DEFAULT_RELEVANCE_STEPS = DEFAULT_RELEVANCE_STEPS;
+exports.DEFAULT_SEARCH_BAR_LABELS = DEFAULT_SEARCH_BAR_LABELS;
+exports.DEFAULT_SEARCH_EMPTY_STATE_LABELS = DEFAULT_SEARCH_EMPTY_STATE_LABELS;
+exports.DEFAULT_SEARCH_GROUP_HEADER_LABELS = DEFAULT_SEARCH_GROUP_HEADER_LABELS;
+exports.DEFAULT_SEARCH_NO_RESULTS_LABELS = DEFAULT_SEARCH_NO_RESULTS_LABELS;
+exports.DEFAULT_SEARCH_PAGINATION_LABELS = DEFAULT_SEARCH_PAGINATION_LABELS;
+exports.DEFAULT_SEARCH_TOTALS_LABELS = DEFAULT_SEARCH_TOTALS_LABELS;
+exports.DOCUMENT_SEARCH_NOUNS = DOCUMENT_SEARCH_NOUNS;
+exports.Highlight = Highlight;
+exports.RelevanceThreshold = RelevanceThreshold;
+exports.SearchBar = SearchBar;
+exports.SearchControlsBar = SearchControlsBar;
+exports.SearchEmptyState = SearchEmptyState;
+exports.SearchErrorBanner = SearchErrorBanner;
+exports.SearchGroupCard = SearchGroupCard;
+exports.SearchGroupHeader = SearchGroupHeader;
+exports.SearchNoResults = SearchNoResults;
+exports.SearchPageBody = SearchPageBody;
+exports.SearchPageFrame = SearchPageFrame;
+exports.SearchPageHeader = SearchPageHeader;
+exports.SearchPagination = SearchPagination;
+exports.SearchPillToggle = SearchPillToggle;
+exports.SearchResultList = SearchResultList;
+exports.SearchResultsInner = SearchResultsInner;
+exports.SearchResultsMain = SearchResultsMain;
+exports.SearchToolbarRow = SearchToolbarRow;
+exports.SearchTotalsHeadline = SearchTotalsHeadline;
+exports.getPageNumbers = getPageNumbers;
+exports.highlightTerms = highlightTerms;
+exports.searchNouns = searchNouns;
+exports.splitByTerms = splitByTerms;
+exports.stripMarkdownLinks = stripMarkdownLinks;
+//# sourceMappingURL=chunk-XQ7PKKDY.cjs.map
+//# sourceMappingURL=chunk-XQ7PKKDY.cjs.map