@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/tool-call-visualization/renderers/search/SearchInline.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
 import {
   Globe,
   ExternalLink,
@@ -37,17 +38,17 @@ const Favicon = ({
   const [failed, setFailed] = useState(false);
   const src = getFaviconUrl(url, 64);
   if (failed || !src)
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       "span",
       {
         className: cn(
           "flex items-center justify-center bg-muted text-muted-foreground",
           className
-        )
-      },
-      /* @__PURE__ */ React.createElement(Globe, { className: "h-1/2 w-1/2" })
+        ),
+        children: /* @__PURE__ */ jsx(Globe, { className: "h-1/2 w-1/2" })
+      }
     );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "img",
     {
       src,
@@ -57,82 +58,117 @@ const Favicon = ({
     }
   );
 };
-const PulsingDots = () => /* @__PURE__ */ React.createElement("span", { className: "flex gap-0.5" }, /* @__PURE__ */ React.createElement("span", { className: "h-1 w-1 rounded-full bg-primary", style: { animation: "pulseWave 1.4s infinite ease-in-out" } }), /* @__PURE__ */ React.createElement("span", { className: "h-1 w-1 rounded-full bg-primary", style: { animation: "pulseWave 1.4s infinite ease-in-out 0.2s" } }), /* @__PURE__ */ React.createElement("span", { className: "h-1 w-1 rounded-full bg-primary", style: { animation: "pulseWave 1.4s infinite ease-in-out 0.4s" } }));
+const PulsingDots = () => /* @__PURE__ */ jsxs("span", { className: "flex gap-0.5", children: [
+  /* @__PURE__ */ jsx("span", { className: "h-1 w-1 rounded-full bg-primary", style: { animation: "pulseWave 1.4s infinite ease-in-out" } }),
+  /* @__PURE__ */ jsx("span", { className: "h-1 w-1 rounded-full bg-primary", style: { animation: "pulseWave 1.4s infinite ease-in-out 0.2s" } }),
+  /* @__PURE__ */ jsx("span", { className: "h-1 w-1 rounded-full bg-primary", style: { animation: "pulseWave 1.4s infinite ease-in-out 0.4s" } })
+] });
 const BreadcrumbPath = ({ url }) => {
   const { origin, segments } = useMemo(() => getBreadcrumbParts(url), [url]);
-  return /* @__PURE__ */ React.createElement("span", { className: "flex min-w-0 items-center gap-1 truncate text-xs leading-tight" }, /* @__PURE__ */ React.createElement("span", { className: "truncate text-success/90" }, origin), segments.map((seg, i) => /* @__PURE__ */ React.createElement("span", { key: i, className: "flex items-center gap-1 truncate text-muted-foreground" }, /* @__PURE__ */ React.createElement("span", { className: "text-muted-foreground/50" }, "\u203A"), /* @__PURE__ */ React.createElement("span", { className: "truncate" }, seg))));
+  return /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 items-center gap-1 truncate text-xs leading-tight", children: [
+    /* @__PURE__ */ jsx("span", { className: "truncate text-success/90", children: origin }),
+    segments.map((seg, i) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1 truncate text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/50", children: "\u203A" }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: seg })
+    ] }, i))
+  ] });
 };
 const ResultRow = ({ source, index, onReadPage }) => {
   const date = formatDate(source.date);
   const siteName = getSiteName(source.url) || source.domain;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     PartPeekPopover,
     {
       className: "w-[380px]",
-      header: /* @__PURE__ */ React.createElement("span", { className: "flex items-center gap-1.5 normal-case" }, /* @__PURE__ */ React.createElement(Favicon, { url: source.url, className: "h-4 w-4 rounded" }), /* @__PURE__ */ React.createElement("span", { className: "truncate font-medium text-foreground" }, siteName)),
-      body: /* @__PURE__ */ React.createElement("div", { className: "space-y-1.5" }, /* @__PURE__ */ React.createElement("div", { className: "font-medium leading-snug text-foreground" }, source.title), source.snippet ? /* @__PURE__ */ React.createElement("div", { className: "max-h-56 overflow-y-auto whitespace-pre-wrap text-muted-foreground" }, source.snippet) : /* @__PURE__ */ React.createElement("div", { className: "text-muted-foreground" }, source.domain))
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: "group/result animate-in fade-in slide-in-from-bottom-1",
-        style: {
-          animationDelay: `${Math.min(index, 10) * 35}ms`,
-          animationDuration: "240ms",
-          animationFillMode: "backwards"
-        }
-      },
-      /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement(
-        Favicon,
+      header: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 normal-case", children: [
+        /* @__PURE__ */ jsx(Favicon, { url: source.url, className: "h-4 w-4 rounded" }),
+        /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-foreground", children: siteName })
+      ] }),
+      body: /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "font-medium leading-snug text-foreground", children: source.title }),
+        source.snippet ? /* @__PURE__ */ jsx("div", { className: "max-h-56 overflow-y-auto whitespace-pre-wrap text-muted-foreground", children: source.snippet }) : /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: source.domain })
+      ] }),
+      children: /* @__PURE__ */ jsxs(
+        "div",
         {
-          url: source.url,
-          className: "h-9 w-9 flex-shrink-0 rounded-full border border-border bg-card p-1.5"
+          className: "group/result animate-in fade-in slide-in-from-bottom-1",
+          style: {
+            animationDelay: `${Math.min(index, 10) * 35}ms`,
+            animationDuration: "240ms",
+            animationFillMode: "backwards"
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx(
+                Favicon,
+                {
+                  url: source.url,
+                  className: "h-9 w-9 flex-shrink-0 rounded-full border border-border bg-card p-1.5"
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+                /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-medium leading-tight text-foreground", children: siteName }),
+                /* @__PURE__ */ jsx(BreadcrumbPath, { url: source.url })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: source.url || void 0,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                onClick: (e) => e.stopPropagation(),
+                className: "group/link mt-1.5 flex items-start gap-1.5",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-lg font-medium leading-snug text-primary underline-offset-2 group-hover/link:underline", children: source.title }),
+                  /* @__PURE__ */ jsx(ExternalLink, { className: "mt-1.5 h-3.5 w-3.5 flex-shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover/result:opacity-100" })
+                ]
+              }
+            ),
+            source.snippet && /* @__PURE__ */ jsx("p", { className: "mt-1 line-clamp-2 text-sm leading-relaxed text-muted-foreground", children: source.snippet }),
+            (date || onReadPage && source.url) && /* @__PURE__ */ jsxs("div", { className: "mt-1.5 flex items-center gap-3 text-xs text-muted-foreground", children: [
+              date && /* @__PURE__ */ jsx("span", { className: "opacity-80", children: date }),
+              onReadPage && source.url && /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(BookOpen, {}), onClick: (e) => {
+                e.stopPropagation();
+                onReadPage(source.url);
+              }, title: "Read this page", className: "opacity-0 group-hover/result:opacity-100", children: "Read" })
+            ] })
+          ]
         }
-      ), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "truncate text-sm font-medium leading-tight text-foreground" }, siteName), /* @__PURE__ */ React.createElement(BreadcrumbPath, { url: source.url }))),
-      /* @__PURE__ */ React.createElement(
-        "a",
-        {
-          href: source.url || void 0,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          onClick: (e) => e.stopPropagation(),
-          className: "group/link mt-1.5 flex items-start gap-1.5"
-        },
-        /* @__PURE__ */ React.createElement("span", { className: "text-lg font-medium leading-snug text-primary underline-offset-2 group-hover/link:underline" }, source.title),
-        /* @__PURE__ */ React.createElement(ExternalLink, { className: "mt-1.5 h-3.5 w-3.5 flex-shrink-0 text-muted-foreground opacity-0 transition-opacity group-hover/result:opacity-100" })
-      ),
-      source.snippet && /* @__PURE__ */ React.createElement("p", { className: "mt-1 line-clamp-2 text-sm leading-relaxed text-muted-foreground" }, source.snippet),
-      (date || onReadPage && source.url) && /* @__PURE__ */ React.createElement("div", { className: "mt-1.5 flex items-center gap-3 text-xs text-muted-foreground" }, date && /* @__PURE__ */ React.createElement("span", { className: "opacity-80" }, date), onReadPage && source.url && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(BookOpen, null), onClick: (e) => {
-        e.stopPropagation();
-        onReadPage(source.url);
-      }, title: "Read this page", className: "opacity-0 group-hover/result:opacity-100" }, "Read"))
-    )
+      )
+    }
   );
 };
 const ViewAllButton = ({
   label,
   onClick
-}) => /* @__PURE__ */ React.createElement(Button, { variant: "outline", iconEnd: /* @__PURE__ */ React.createElement(ArrowRight, null), onClick: (e) => {
+}) => /* @__PURE__ */ jsx(Button, { variant: "outline", iconEnd: /* @__PURE__ */ jsx(ArrowRight, {}), onClick: (e) => {
   e.stopPropagation();
   onClick();
-}, className: "w-full" }, label);
-const AnswerCard = ({ report, compact }) => /* @__PURE__ */ React.createElement("div", { className: "rounded-lg border border-primary/15 bg-primary/5 p-3" }, /* @__PURE__ */ React.createElement("div", { className: "mb-1.5 flex items-center gap-1.5" }, /* @__PURE__ */ React.createElement(Lightbulb, { className: "h-3.5 w-3.5 text-primary" }), /* @__PURE__ */ React.createElement("span", { className: "text-xs font-semibold text-foreground" }, "AI Matrx answer")), /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    className: cn(
-      "text-sm leading-relaxed text-foreground/90",
-      compact && "line-clamp-6"
-    )
-  },
-  /* @__PURE__ */ React.createElement(
-    BasicMarkdownContent,
+}, className: "w-full", children: label });
+const AnswerCard = ({ report, compact }) => /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-primary/15 bg-primary/5 p-3", children: [
+  /* @__PURE__ */ jsxs("div", { className: "mb-1.5 flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx(Lightbulb, { className: "h-3.5 w-3.5 text-primary" }),
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold text-foreground", children: "AI Matrx answer" })
+  ] }),
+  /* @__PURE__ */ jsx(
+    "div",
     {
-      imagePolicy: "ai",
-      content: compact ? report.slice(0, 900) : report,
-      showCopyButton: false
+      className: cn(
+        "text-sm leading-relaxed text-foreground/90",
+        compact && "line-clamp-6"
+      ),
+      children: /* @__PURE__ */ jsx(
+        BasicMarkdownContent,
+        {
+          imagePolicy: "ai",
+          content: compact ? report.slice(0, 900) : report,
+          showCopyButton: false
+        }
+      )
     }
   )
-));
+] });
 function groupToSources(group) {
   return group.results.filter((r) => r.url).map((r) => ({
     title: r.title,
@@ -148,40 +184,49 @@ const QueryHeader = ({
   query,
   count,
   muted
-}) => /* @__PURE__ */ React.createElement(
+}) => /* @__PURE__ */ jsxs(
   "div",
   {
     className: cn(
       "flex items-center gap-2 border-b pb-1.5",
       muted ? "border-border/60" : "border-border"
-    )
-  },
-  /* @__PURE__ */ React.createElement(
-    Telescope,
-    {
-      className: cn(
-        "h-3.5 w-3.5 flex-shrink-0",
-        muted ? "text-muted-foreground" : "text-primary"
-      )
-    }
-  ),
-  /* @__PURE__ */ React.createElement(
-    "span",
-    {
-      className: cn(
-        "min-w-0 flex-1 truncate text-sm font-semibold",
-        muted ? "text-muted-foreground" : "text-foreground"
+    ),
+    children: [
+      /* @__PURE__ */ jsx(
+        Telescope,
+        {
+          className: cn(
+            "h-3.5 w-3.5 flex-shrink-0",
+            muted ? "text-muted-foreground" : "text-primary"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "min-w-0 flex-1 truncate text-sm font-semibold",
+            muted ? "text-muted-foreground" : "text-foreground"
+          ),
+          title: query,
+          children: query
+        }
       ),
-      title: query
-    },
-    query
-  ),
-  /* @__PURE__ */ React.createElement("span", { className: "flex-shrink-0 text-xs tabular-nums text-muted-foreground" }, count, " ", count === 1 ? "result" : "results")
+      /* @__PURE__ */ jsxs("span", { className: "flex-shrink-0 text-xs tabular-nums text-muted-foreground", children: [
+        count,
+        " ",
+        count === 1 ? "result" : "results"
+      ] })
+    ]
+  }
 );
 const ExpandedQueryBlock = ({ query, sources, showHeader, onReadPage, limit = RESULTS_PER_BLOCK }) => {
   if (sources.length === 0) return null;
   const visible = sources.slice(0, limit);
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, showHeader && query && /* @__PURE__ */ React.createElement(QueryHeader, { query, count: sources.length }), /* @__PURE__ */ React.createElement("div", { className: "space-y-5" }, visible.map((s, i) => /* @__PURE__ */ React.createElement(ResultRow, { key: `${s.url}-${i}`, index: i, source: s, onReadPage }))));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    showHeader && query && /* @__PURE__ */ jsx(QueryHeader, { query, count: sources.length }),
+    /* @__PURE__ */ jsx("div", { className: "space-y-5", children: visible.map((s, i) => /* @__PURE__ */ jsx(ResultRow, { index: i, source: s, onReadPage }, `${s.url}-${i}`)) })
+  ] });
 };
 const FoldedQuerySummary = ({ query, sources, onReadPage }) => {
   if (sources.length === 0) return null;
@@ -189,39 +234,59 @@ const FoldedQuerySummary = ({ query, sources, onReadPage }) => {
   const chips = rest.slice(0, FOLD_CHIPS);
   const overflow = rest.length - chips.length;
   const topSite = getSiteName(top.url) || top.domain;
-  return /* @__PURE__ */ React.createElement("div", { className: "animate-in fade-in slide-in-from-bottom-1 space-y-2 rounded-lg border border-border bg-card/60 px-3 py-2.5" }, /* @__PURE__ */ React.createElement(QueryHeader, { query, count: sources.length, muted: true }), /* @__PURE__ */ React.createElement("div", { className: "group/fold flex items-start gap-2.5" }, /* @__PURE__ */ React.createElement(
-    Favicon,
-    {
-      url: top.url,
-      className: "mt-0.5 h-6 w-6 flex-shrink-0 rounded-full border border-border bg-card p-1"
-    }
-  ), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement(
-    "a",
-    {
-      href: top.url || void 0,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      onClick: (e) => e.stopPropagation(),
-      className: "line-clamp-1 text-sm font-medium text-primary underline-offset-2 hover:underline"
-    },
-    top.title
-  ), /* @__PURE__ */ React.createElement("div", { className: "truncate text-xs text-success/90" }, topSite)), onReadPage && top.url && /* @__PURE__ */ React.createElement(Button, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(BookOpen, null), onClick: (e) => {
-    e.stopPropagation();
-    onReadPage(top.url);
-  }, title: "Read this page", className: "mt-0.5 opacity-0 group-hover/fold:opacity-100" }, "Read")), chips.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-1.5" }, chips.map((s, i) => /* @__PURE__ */ React.createElement(
-    "a",
-    {
-      key: `${s.url}-${i}`,
-      href: s.url || void 0,
-      target: "_blank",
-      rel: "noopener noreferrer",
-      onClick: (e) => e.stopPropagation(),
-      className: "inline-flex max-w-[220px] items-center gap-1.5 rounded-full border border-border bg-background px-2 py-0.5 text-xs text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground",
-      title: s.title
-    },
-    /* @__PURE__ */ React.createElement(Favicon, { url: s.url, className: "h-3.5 w-3.5 flex-shrink-0 rounded-sm" }),
-    /* @__PURE__ */ React.createElement("span", { className: "truncate" }, s.title)
-  )), overflow > 0 && /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs text-muted-foreground/70" }, "+", overflow, " more")));
+  return /* @__PURE__ */ jsxs("div", { className: "animate-in fade-in slide-in-from-bottom-1 space-y-2 rounded-lg border border-border bg-card/60 px-3 py-2.5", children: [
+    /* @__PURE__ */ jsx(QueryHeader, { query, count: sources.length, muted: true }),
+    /* @__PURE__ */ jsxs("div", { className: "group/fold flex items-start gap-2.5", children: [
+      /* @__PURE__ */ jsx(
+        Favicon,
+        {
+          url: top.url,
+          className: "mt-0.5 h-6 w-6 flex-shrink-0 rounded-full border border-border bg-card p-1"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: top.url || void 0,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            onClick: (e) => e.stopPropagation(),
+            className: "line-clamp-1 text-sm font-medium text-primary underline-offset-2 hover:underline",
+            children: top.title
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-success/90", children: topSite })
+      ] }),
+      onReadPage && top.url && /* @__PURE__ */ jsx(Button, { variant: "quiet", icon: /* @__PURE__ */ jsx(BookOpen, {}), onClick: (e) => {
+        e.stopPropagation();
+        onReadPage(top.url);
+      }, title: "Read this page", className: "mt-0.5 opacity-0 group-hover/fold:opacity-100", children: "Read" })
+    ] }),
+    chips.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1.5", children: [
+      chips.map((s, i) => /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: s.url || void 0,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          onClick: (e) => e.stopPropagation(),
+          className: "inline-flex max-w-[220px] items-center gap-1.5 rounded-full border border-border bg-background px-2 py-0.5 text-xs text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground",
+          title: s.title,
+          children: [
+            /* @__PURE__ */ jsx(Favicon, { url: s.url, className: "h-3.5 w-3.5 flex-shrink-0 rounded-sm" }),
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: s.title })
+          ]
+        },
+        `${s.url}-${i}`
+      )),
+      overflow > 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs text-muted-foreground/70", children: [
+        "+",
+        overflow,
+        " more"
+      ] })
+    ] })
+  ] });
 };
 const HOLD_AFTER_REVEAL_MS = 1e3;
 const SEQ_REVEAL_INTERVAL_MS = 700;
@@ -263,24 +328,39 @@ const SequentialQueryPlayer = ({ groups, revealKey, onReadPage }) => {
       if (advanceTimer.current) clearTimeout(advanceTimer.current);
     };
   }, [fullyRevealed, isLastIndex, groups.length, currentIndex]);
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, groups.slice(0, currentIndex).map((g) => /* @__PURE__ */ React.createElement(
-    FoldedQuerySummary,
-    {
-      key: g.query,
-      query: g.query,
-      sources: groupToSources(g),
-      onReadPage
-    }
-  )), activeGroup && /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement(Telescope, { className: "h-4 w-4 flex-shrink-0 text-primary" }), /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-foreground", title: activeGroup.query }, activeGroup.query), /* @__PURE__ */ React.createElement("span", { className: "flex-shrink-0 text-xs tabular-nums text-muted-foreground" }, currentIndex + 1, " of ", groups.length), /* @__PURE__ */ React.createElement(PulsingDots, null)), /* @__PURE__ */ React.createElement(
-    ExpandedQueryBlock,
-    {
-      query: activeGroup.query,
-      sources: reveal.visible,
-      showHeader: false,
-      onReadPage,
-      limit: reveal.visibleCount
-    }
-  )));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    groups.slice(0, currentIndex).map((g) => /* @__PURE__ */ jsx(
+      FoldedQuerySummary,
+      {
+        query: g.query,
+        sources: groupToSources(g),
+        onReadPage
+      },
+      g.query
+    )),
+    activeGroup && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Telescope, { className: "h-4 w-4 flex-shrink-0 text-primary" }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-foreground", title: activeGroup.query, children: activeGroup.query }),
+        /* @__PURE__ */ jsxs("span", { className: "flex-shrink-0 text-xs tabular-nums text-muted-foreground", children: [
+          currentIndex + 1,
+          " of ",
+          groups.length
+        ] }),
+        /* @__PURE__ */ jsx(PulsingDots, {})
+      ] }),
+      /* @__PURE__ */ jsx(
+        ExpandedQueryBlock,
+        {
+          query: activeGroup.query,
+          sources: reveal.visible,
+          showHeader: false,
+          onReadPage,
+          limit: reveal.visibleCount
+        }
+      )
+    ] })
+  ] });
 };
 const SingleQueryLive = ({ query, sources, revealKey, onReadPage }) => {
   const reveal = useGraduatedReveal(sources, {
@@ -290,58 +370,82 @@ const SingleQueryLive = ({ query, sources, revealKey, onReadPage }) => {
     intervalMs: SEQ_REVEAL_INTERVAL_MS,
     replayKey: revealKey
   });
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 text-sm" }, /* @__PURE__ */ React.createElement(Telescope, { className: "h-4 w-4 flex-shrink-0 text-primary" }), /* @__PURE__ */ React.createElement("span", { className: "min-w-0 truncate font-medium text-foreground" }, query ? `Searching \u201C${query}\u201D` : "Searching the web"), /* @__PURE__ */ React.createElement(PulsingDots, null)), sources.length > 0 ? /* @__PURE__ */ React.createElement(
-    ExpandedQueryBlock,
-    {
-      query,
-      sources: reveal.visible,
-      showHeader: false,
-      onReadPage,
-      limit: reveal.visibleCount
-    }
-  ) : /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2.5 rounded-lg border border-border bg-muted/20 px-3 py-2.5" }, /* @__PURE__ */ React.createElement(Globe, { className: "h-4 w-4 flex-shrink-0 text-primary" }), /* @__PURE__ */ React.createElement("span", { className: "text-sm font-medium text-muted-foreground" }, "Scanning the web for the best results\u2026"), /* @__PURE__ */ React.createElement("span", { className: "ml-auto" }, /* @__PURE__ */ React.createElement(PulsingDots, null))), reveal.isRevealing && sources.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 px-1 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement("span", null, Math.min(reveal.visibleCount, sources.length), " of ", sources.length, " results\u2026")));
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+      /* @__PURE__ */ jsx(Telescope, { className: "h-4 w-4 flex-shrink-0 text-primary" }),
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate font-medium text-foreground", children: query ? `Searching \u201C${query}\u201D` : "Searching the web" }),
+      /* @__PURE__ */ jsx(PulsingDots, {})
+    ] }),
+    sources.length > 0 ? /* @__PURE__ */ jsx(
+      ExpandedQueryBlock,
+      {
+        query,
+        sources: reveal.visible,
+        showHeader: false,
+        onReadPage,
+        limit: reveal.visibleCount
+      }
+    ) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5 rounded-lg border border-border bg-muted/20 px-3 py-2.5", children: [
+      /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4 flex-shrink-0 text-primary" }),
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: "Scanning the web for the best results\u2026" }),
+      /* @__PURE__ */ jsx("span", { className: "ml-auto", children: /* @__PURE__ */ jsx(PulsingDots, {}) })
+    ] }),
+    reveal.isRevealing && sources.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 px-1 text-xs text-muted-foreground", children: /* @__PURE__ */ jsxs("span", { children: [
+      Math.min(reveal.visibleCount, sources.length),
+      " of ",
+      sources.length,
+      " results\u2026"
+    ] }) })
+  ] });
 };
 const SearchPersistent = ({ groups, sources, report, readCount, onOpenOverlay, onReadPage, toolGroupId }) => {
   const multiQuery = groups.length > 1;
-  return /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, report && /* @__PURE__ */ React.createElement(AnswerCard, { report, compact: true }), multiQuery ? (
-    // End-state of the sequence: every query but the last folded into
-    // a compact summary, the last query fully expanded.
-    /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, groups.slice(0, -1).map((g) => /* @__PURE__ */ React.createElement(
-      FoldedQuerySummary,
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    report && /* @__PURE__ */ jsx(AnswerCard, { report, compact: true }),
+    multiQuery ? (
+      // End-state of the sequence: every query but the last folded into
+      // a compact summary, the last query fully expanded.
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        groups.slice(0, -1).map((g) => /* @__PURE__ */ jsx(
+          FoldedQuerySummary,
+          {
+            query: g.query,
+            sources: groupToSources(g),
+            onReadPage
+          },
+          g.query
+        )),
+        (() => {
+          const last = groups[groups.length - 1];
+          return /* @__PURE__ */ jsx(
+            ExpandedQueryBlock,
+            {
+              query: last.query,
+              sources: groupToSources(last),
+              showHeader: true,
+              onReadPage
+            },
+            last.query
+          );
+        })()
+      ] })
+    ) : /* @__PURE__ */ jsx(
+      ExpandedQueryBlock,
       {
-        key: g.query,
-        query: g.query,
-        sources: groupToSources(g),
+        query: groups[0]?.query ?? null,
+        sources,
+        showHeader: false,
         onReadPage
       }
-    )), (() => {
-      const last = groups[groups.length - 1];
-      return /* @__PURE__ */ React.createElement(
-        ExpandedQueryBlock,
-        {
-          key: last.query,
-          query: last.query,
-          sources: groupToSources(last),
-          showHeader: true,
-          onReadPage
-        }
-      );
-    })())
-  ) : /* @__PURE__ */ React.createElement(
-    ExpandedQueryBlock,
-    {
-      query: groups[0]?.query ?? null,
-      sources,
-      showHeader: false,
-      onReadPage
-    }
-  ), onOpenOverlay && sources.length > 0 && /* @__PURE__ */ React.createElement(
-    ViewAllButton,
-    {
-      label: `View all ${sources.length} results${readCount > 0 ? ` \xB7 ${readCount} read` : ""}`,
-      onClick: () => onOpenOverlay(`tool-group-${toolGroupId}`)
-    }
-  ));
+    ),
+    onOpenOverlay && sources.length > 0 && /* @__PURE__ */ jsx(
+      ViewAllButton,
+      {
+        label: `View all ${sources.length} results${readCount > 0 ? ` \xB7 ${readCount} read` : ""}`,
+        onClick: () => onOpenOverlay(`tool-group-${toolGroupId}`)
+      }
+    )
+  ] });
 };
 const SearchInline = ({
   entry,
@@ -369,11 +473,18 @@ const SearchInline = ({
   const showLive = !complete || isLatestActivity;
   const onReadPage = (url) => openScraper({ url, mode: "url" });
   if (complete && !ok) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 py-2 text-sm text-destructive" }, /* @__PURE__ */ React.createElement(Globe, { className: "h-4 w-4 flex-shrink-0" }), /* @__PURE__ */ React.createElement("span", null, "Search failed", displayQueries[0] ? ` for "${displayQueries[0]}"` : "", "."));
+    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 py-2 text-sm text-destructive", children: [
+      /* @__PURE__ */ jsx(Globe, { className: "h-4 w-4 flex-shrink-0" }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        "Search failed",
+        displayQueries[0] ? ` for "${displayQueries[0]}"` : "",
+        "."
+      ] })
+    ] });
   }
   if (showLive) {
     if (parsed.groups.length > 1) {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         SequentialQueryPlayer,
         {
           groups: parsed.groups,
@@ -382,7 +493,7 @@ const SearchInline = ({
         }
       );
     }
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsx(
       SingleQueryLive,
       {
         query: displayQueries[0] ?? null,
@@ -392,7 +503,7 @@ const SearchInline = ({
       }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     SearchPersistent,
     {
       groups: parsed.groups,