@arbidocs/react 0.3.147 → 0.3.148

package/dist/index.cjs

@@ -2701,6 +2701,79 @@ function DocumentReview({
     }
   );
 }
+var TIERS = [
+  { min: 0.7, tone: "bg-emerald-500", label: "High relevance" },
+  { min: 0.4, tone: "bg-amber-500", label: "Medium relevance" },
+  { min: -Infinity, tone: "bg-muted-foreground/40", label: "Low relevance" }
+];
+function RelevanceDot({ score }) {
+  if (score == null) return null;
+  const tier = TIERS.find((t) => score >= t.min) ?? TIERS[TIERS.length - 1];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      role: "img",
+      "aria-label": tier.label,
+      title: `${tier.label} (${score.toFixed(2)})`,
+      className: chunkZBZKHBDS_cjs.cn("size-1.5 shrink-0 rounded-full", tier.tone),
+      "data-testid": "passage-relevance"
+    }
+  );
+}
+function PassageCard({
+  header,
+  score,
+  headerRight,
+  active,
+  onClick,
+  footer,
+  className,
+  children,
+  "data-testid": testId
+}) {
+  const body = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1.5 flex items-center gap-2", children: [
+      header,
+      (score != null || headerRight) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(RelevanceDot, { score }),
+        headerRight
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "[&_mark]:rounded-sm [&_mark]:bg-ai-accent/20 [&_mark]:px-0.5 [&_mark]:font-medium [&_mark]:text-foreground", children })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: chunkZBZKHBDS_cjs.cn(
+        "group rounded-lg border border-border bg-card p-3 text-left transition-colors",
+        onClick && "hover:border-ai-accent/40 focus-within:ring-2 focus-within:ring-ai-accent/40",
+        active && "border-ai-accent/60 ring-1 ring-ai-accent/30",
+        className
+      ),
+      children: [
+        onClick ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            role: "button",
+            tabIndex: 0,
+            onClick,
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                onClick(e);
+              }
+            },
+            "aria-current": active || void 0,
+            "data-testid": testId,
+            className: "cursor-pointer focus:outline-none",
+            children: body
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-current": active || void 0, "data-testid": testId, children: body }),
+        footer
+      ]
+    }
+  );
+}
 function queryTerms(query) {
   const terms = /* @__PURE__ */ new Set();
   for (const phrase of query.match(/"([^"]+)"/g) ?? []) {
@@ -2717,20 +2790,10 @@ function HighlightedSnippet({ text, terms }) {
     if (terms.length === 0) return [text];
     const escaped = terms.map((t) => t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"));
     const re = new RegExp(`(${escaped.join("|")})`, "gi");
-    return text.split(re).map(
-      (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("mark", { className: "rounded-sm bg-ai-accent/20 px-0.5 text-foreground", children: part }, i) : part
-    );
+    return text.split(re).map((part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("mark", { children: part }, i) : part);
   }, [text, terms]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: nodes });
 }
-function RelevanceDot({ score }) {
-  if (score == null) return null;
-  const tone = score >= 0.7 ? "bg-emerald-500" : score >= 0.4 ? "bg-amber-500" : "bg-muted-foreground/40";
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "ml-auto inline-flex items-center gap-1.5 text-[10px] text-muted-foreground", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkZBZKHBDS_cjs.cn("size-1.5 rounded-full", tone), "aria-hidden": true }),
-    score.toFixed(2)
-  ] });
-}
 function ResultRow({
   result,
   index,
@@ -2738,34 +2801,26 @@ function ResultRow({
   isActive,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PassageCard,
     {
-      type: "button",
       onClick: onSelect,
+      active: isActive,
+      score: result.score,
       "data-testid": `arbi-semantic-search-result-${index}`,
-      "aria-current": isActive,
-      className: chunkZBZKHBDS_cjs.cn(
-        "w-full rounded-lg border border-border bg-card p-3 text-left transition-colors",
-        "hover:border-ai-accent/40 focus:outline-none focus-visible:ring-2 focus-visible:ring-ai-accent/40",
-        isActive && "border-ai-accent/60 ring-1 ring-ai-accent/30"
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-1 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-3.5 shrink-0 text-ai-accent" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium text-foreground", children: result.docTitle ?? "Document" }),
-          result.page != null && /* @__PURE__ */ jsxRuntime.jsxs(chunkZBZKHBDS_cjs.Badge, { variant: "secondary", children: [
-            "p.",
-            result.page
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(RelevanceDot, { score: result.score })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "line-clamp-3 text-xs leading-relaxed text-muted-foreground", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/60", children: "\u2026 " }),
-          /* @__PURE__ */ jsxRuntime.jsx(HighlightedSnippet, { text: result.content, terms }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/60", children: " \u2026" })
+      header: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "size-3.5 shrink-0 text-ai-accent" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs font-medium text-foreground", children: result.docTitle ?? "Document" }),
+        result.page != null && /* @__PURE__ */ jsxRuntime.jsxs(chunkZBZKHBDS_cjs.Badge, { variant: "secondary", children: [
+          "p.",
+          result.page
         ] })
-      ]
+      ] }),
+      children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "line-clamp-3 text-xs leading-relaxed text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/60", children: "\u2026 " }),
+        /* @__PURE__ */ jsxRuntime.jsx(HighlightedSnippet, { text: result.content, terms }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground/60", children: " \u2026" })
+      ] })
     }
   );
 }
@@ -7241,10 +7296,12 @@ exports.NEUTRAL_GRAY = NEUTRAL_GRAY2;
 exports.NotificationBell = NotificationBell;
 exports.OpenAIIcon = OpenAIIcon;
 exports.PLACEHOLDER_COLOR = PLACEHOLDER_COLOR;
+exports.PassageCard = PassageCard;
 exports.PdfIcon = PdfIcon;
 exports.ProjectEntity = ProjectEntity;
 exports.ProviderIcon = ProviderIcon;
 exports.RagDot = RagDot;
+exports.RelevanceDot = RelevanceDot;
 exports.SemanticSearch = SemanticSearch;
 exports.StatusPill = StatusPill;
 exports.TAG_TYPE_ICONS = TAG_TYPE_ICONS;