@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/agents/components/messages-display/assistant/AssistantTurnGroup.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect } from "react";
 import { useDomCapturePrint } from "../../../../conversation/hooks/useDomCapturePrint.js";
 import { AgentAssistantMessage } from "./AgentAssistantMessage.js";
@@ -71,72 +72,74 @@ function AssistantTurnGroup({
     anchorMessageId,
     lastMember?.isStreamActive
   ]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: captureRef,
       "data-turn-group-anchor": anchorMessageId ?? void 0,
-      className: "group/assistant-msg"
-    },
-    /* @__PURE__ */ React.createElement(
-      AgentWorkTurnProvider,
-      {
-        turnKey: anchorMessageId ?? lastMember?.key ?? conversationId
-      },
-      members.map((m, idx) => /* @__PURE__ */ React.createElement(AgentWorkMemberScope, { key: m.key, index: idx }, /* @__PURE__ */ React.createElement(
-        AgentAssistantMessage,
-        {
-          conversationId,
-          requestId: m.requestId ?? void 0,
-          recordMessageIds: m.recordMessageIds,
-          streamSlotStart: m.streamSlotStart,
-          streamSlotEnd: m.streamSlotEnd,
-          messageId: m.messageId ?? void 0,
-          isStreamActive: m.isStreamActive,
-          surfaceKey,
-          compact,
-          hideActionBar: true,
-          isTurnAnswer: idx === members.length - 1 && m.streamSlotEnd === void 0,
-          deferColdMarkdown: deferColdMarkdown && idx < members.length - 1
-        }
-      )))
-    ),
-    rawMembers.filter(
-      (m) => m.messageId && !members.some((rendered) => rendered.messageId === m.messageId)
-    ).map((m) => /* @__PURE__ */ React.createElement(
-      MessageFilesStrip,
-      {
-        key: `files-${m.key}`,
-        conversationId,
-        messageId: m.messageId
-      }
-    )),
-    lastMember && !showBar && /* @__PURE__ */ React.createElement(AssistantMessageFooterPlaceholder, null),
-    showBar && anchorMessageId && // The group's bar sits BESIDE its members, so it carries the turn's
-    // one menu itself — its ⋯ opens the same menu the answer's
-    // right-click does (RC-B6), never a second drawn menu.
-    /* @__PURE__ */ React.createElement(
-      AssistantMessageContextMenu,
-      {
-        messageId: anchorMessageId,
-        conversationId,
-        onFullPrint: handleFullPrint,
-        isCapturing,
-        surfaceKey,
-        groupMessageIds: groupMessageIds.length > 1 ? groupMessageIds : void 0
-      },
-      /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(
-        AssistantMessageFooter,
-        {
-          messageId: anchorMessageId,
-          conversationId,
-          onFullPrint: handleFullPrint,
-          isCapturing,
-          surfaceKey,
-          groupMessageIds: groupMessageIds.length > 1 ? groupMessageIds : void 0
-        }
-      ))
-    )
+      className: "group/assistant-msg",
+      children: [
+        /* @__PURE__ */ jsx(
+          AgentWorkTurnProvider,
+          {
+            turnKey: anchorMessageId ?? lastMember?.key ?? conversationId,
+            children: members.map((m, idx) => /* @__PURE__ */ jsx(AgentWorkMemberScope, { index: idx, children: /* @__PURE__ */ jsx(
+              AgentAssistantMessage,
+              {
+                conversationId,
+                requestId: m.requestId ?? void 0,
+                recordMessageIds: m.recordMessageIds,
+                streamSlotStart: m.streamSlotStart,
+                streamSlotEnd: m.streamSlotEnd,
+                messageId: m.messageId ?? void 0,
+                isStreamActive: m.isStreamActive,
+                surfaceKey,
+                compact,
+                hideActionBar: true,
+                isTurnAnswer: idx === members.length - 1 && m.streamSlotEnd === void 0,
+                deferColdMarkdown: deferColdMarkdown && idx < members.length - 1
+              }
+            ) }, m.key))
+          }
+        ),
+        rawMembers.filter(
+          (m) => m.messageId && !members.some((rendered) => rendered.messageId === m.messageId)
+        ).map((m) => /* @__PURE__ */ jsx(
+          MessageFilesStrip,
+          {
+            conversationId,
+            messageId: m.messageId
+          },
+          `files-${m.key}`
+        )),
+        lastMember && !showBar && /* @__PURE__ */ jsx(AssistantMessageFooterPlaceholder, {}),
+        showBar && anchorMessageId && // The group's bar sits BESIDE its members, so it carries the turn's
+        // one menu itself — its ⋯ opens the same menu the answer's
+        // right-click does (RC-B6), never a second drawn menu.
+        /* @__PURE__ */ jsx(
+          AssistantMessageContextMenu,
+          {
+            messageId: anchorMessageId,
+            conversationId,
+            onFullPrint: handleFullPrint,
+            isCapturing,
+            surfaceKey,
+            groupMessageIds: groupMessageIds.length > 1 ? groupMessageIds : void 0,
+            children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              AssistantMessageFooter,
+              {
+                messageId: anchorMessageId,
+                conversationId,
+                onFullPrint: handleFullPrint,
+                isCapturing,
+                surfaceKey,
+                groupMessageIds: groupMessageIds.length > 1 ? groupMessageIds : void 0
+              }
+            ) })
+          }
+        )
+      ]
+    }
   );
 }
 export {

package/dist/agents/components/messages-display/assistant/BreathingOrb.js

@@ -1,68 +1,81 @@
+import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@ai-matrx/design-system";
 const KEY_SPLINES = "0.42 0 0.58 1; 0.42 0 0.58 1";
 function BreathingOrb({ className, size = 28 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "output",
     {
       className: cn("inline-flex items-center text-primary", className),
-      "aria-label": "Working"
-    },
-    /* @__PURE__ */ React.createElement(
-      "svg",
-      {
-        width: size,
-        height: size,
-        viewBox: "0 0 40 40",
-        xmlns: "http://www.w3.org/2000/svg",
-        "aria-hidden": "true"
-      },
-      /* @__PURE__ */ React.createElement("title", null, "Working"),
-      /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("radialGradient", { id: "breathing-orb-halo", cx: "50%", cy: "50%", r: "50%" }, /* @__PURE__ */ React.createElement("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0.35" }), /* @__PURE__ */ React.createElement("stop", { offset: "70%", stopColor: "currentColor", stopOpacity: "0.05" }), /* @__PURE__ */ React.createElement("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0" }))),
-      /* @__PURE__ */ React.createElement("circle", { cx: "20", cy: "20", r: "14", fill: "url(#breathing-orb-halo)" }, /* @__PURE__ */ React.createElement(
-        "animate",
+      "aria-label": "Working",
+      children: /* @__PURE__ */ jsxs(
+        "svg",
         {
-          attributeName: "r",
-          values: "12;18;12",
-          dur: "3.2s",
-          calcMode: "spline",
-          keySplines: KEY_SPLINES,
-          repeatCount: "indefinite"
+          width: size,
+          height: size,
+          viewBox: "0 0 40 40",
+          xmlns: "http://www.w3.org/2000/svg",
+          "aria-hidden": "true",
+          children: [
+            /* @__PURE__ */ jsx("title", { children: "Working" }),
+            /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("radialGradient", { id: "breathing-orb-halo", cx: "50%", cy: "50%", r: "50%", children: [
+              /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: "currentColor", stopOpacity: "0.35" }),
+              /* @__PURE__ */ jsx("stop", { offset: "70%", stopColor: "currentColor", stopOpacity: "0.05" }),
+              /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: "currentColor", stopOpacity: "0" })
+            ] }) }),
+            /* @__PURE__ */ jsxs("circle", { cx: "20", cy: "20", r: "14", fill: "url(#breathing-orb-halo)", children: [
+              /* @__PURE__ */ jsx(
+                "animate",
+                {
+                  attributeName: "r",
+                  values: "12;18;12",
+                  dur: "3.2s",
+                  calcMode: "spline",
+                  keySplines: KEY_SPLINES,
+                  repeatCount: "indefinite"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "animate",
+                {
+                  attributeName: "opacity",
+                  values: "0.6;1;0.6",
+                  dur: "3.2s",
+                  calcMode: "spline",
+                  keySplines: KEY_SPLINES,
+                  repeatCount: "indefinite"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("circle", { cx: "20", cy: "20", r: "6", fill: "currentColor", children: [
+              /* @__PURE__ */ jsx(
+                "animate",
+                {
+                  attributeName: "r",
+                  values: "5;8;5",
+                  dur: "3.2s",
+                  calcMode: "spline",
+                  keySplines: KEY_SPLINES,
+                  repeatCount: "indefinite",
+                  begin: "0.15s"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "animate",
+                {
+                  attributeName: "opacity",
+                  values: "0.7;1;0.7",
+                  dur: "3.2s",
+                  calcMode: "spline",
+                  keySplines: KEY_SPLINES,
+                  repeatCount: "indefinite",
+                  begin: "0.15s"
+                }
+              )
+            ] })
+          ]
         }
-      ), /* @__PURE__ */ React.createElement(
-        "animate",
-        {
-          attributeName: "opacity",
-          values: "0.6;1;0.6",
-          dur: "3.2s",
-          calcMode: "spline",
-          keySplines: KEY_SPLINES,
-          repeatCount: "indefinite"
-        }
-      )),
-      /* @__PURE__ */ React.createElement("circle", { cx: "20", cy: "20", r: "6", fill: "currentColor" }, /* @__PURE__ */ React.createElement(
-        "animate",
-        {
-          attributeName: "r",
-          values: "5;8;5",
-          dur: "3.2s",
-          calcMode: "spline",
-          keySplines: KEY_SPLINES,
-          repeatCount: "indefinite",
-          begin: "0.15s"
-        }
-      ), /* @__PURE__ */ React.createElement(
-        "animate",
-        {
-          attributeName: "opacity",
-          values: "0.7;1;0.7",
-          dur: "3.2s",
-          calcMode: "spline",
-          keySplines: KEY_SPLINES,
-          repeatCount: "indefinite",
-          begin: "0.15s"
-        }
-      ))
-    )
+      )
+    }
   );
 }
 export {

package/dist/agents/components/messages-display/assistant/InPlaceAnswerEditor.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Loader2 } from "lucide-react";
 import { takeInPlaceCaret } from "@ai-matrx/rich-editor/in-place/caret-handoff";
@@ -36,9 +37,12 @@ function InPlaceAnswerEditor({ conversationId, messageId, startExpanded = false
     };
   }, [conversationId, messageId, dispatch]);
   if (openedOn === null) {
-    return /* @__PURE__ */ React.createElement("div", { className: "flex min-h-40 items-center justify-center gap-2 rounded-lg border border-border text-sm text-muted-foreground" }, /* @__PURE__ */ React.createElement(Loader2, { className: "h-4 w-4 animate-spin" }), " Opening the answer\u2026");
+    return /* @__PURE__ */ jsxs("div", { className: "flex min-h-40 items-center justify-center gap-2 rounded-lg border border-border text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
+      " Opening the answer\u2026"
+    ] });
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     LoadedAnswerEditor,
     {
       conversationId,
@@ -87,7 +91,7 @@ function LoadedAnswerEditor({
     }
     return result.payload.storedText;
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     InPlaceEditor,
     {
       id: messageId,

package/dist/agents/components/messages-display/assistant/ProviderRetryCard.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { formatDurationMs } from "@ai-matrx/kit/format";
 import { useEffect, useState } from "react";
 import {
@@ -87,47 +88,71 @@ function ProviderRetryCard({
     return () => window.clearInterval(timer);
   }, [scheduled, retryTime]);
   const Icon = copy.tone === "active" ? Loader2 : copy.tone === "done" ? CheckCircle2 : copy.tone === "stopped" ? XCircle : ServerCrash;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: cn(
         "my-2 max-w-2xl rounded-md border px-3 py-2.5 text-sm shadow-sm",
         copy.tone === "done" ? "border-emerald-500/30 bg-emerald-500/10 text-emerald-950 dark:text-emerald-100" : copy.tone === "stopped" ? "border-amber-500/35 bg-amber-500/10 text-amber-950 dark:text-amber-100" : "border-sky-500/30 bg-sky-500/10 text-sky-950 dark:text-sky-100"
-      )
-    },
-    /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-2.5" }, /* @__PURE__ */ React.createElement(
-      Icon,
-      {
-        className: cn(
-          "mt-0.5 h-4 w-4 shrink-0",
-          copy.tone === "active" && "animate-spin"
-        )
-      }
-    ), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1" }, /* @__PURE__ */ React.createElement("span", { className: "font-medium" }, copy.title), /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1 rounded border border-current/15 px-1.5 py-0.5 text-[11px] text-current/75" }, /* @__PURE__ */ React.createElement(RefreshCw, { className: "h-3 w-3" }), attemptText), scheduled && countdownMs != null && /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1 rounded border border-current/15 px-1.5 py-0.5 text-[11px] text-current/75" }, /* @__PURE__ */ React.createElement(Clock3, { className: "h-3 w-3" }), formatCountdown(countdownMs))), /* @__PURE__ */ React.createElement("p", { className: "mt-1 text-xs leading-relaxed text-current/75" }, copy.body), (canRetryNow || canCancel) && /* @__PURE__ */ React.createElement("div", { className: "mt-2 flex flex-wrap items-center gap-2" }, canRetryNow && /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        type: "button",
-        size: "sm",
-        variant: "secondary",
-        disabled: busyAction !== null,
-        onClick: onRetryNow,
-        className: "h-7"
-      },
-      busyAction === "retry_now" ? /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ React.createElement(RotateCw, { className: "h-3.5 w-3.5" }),
-      "Retry now"
-    ), canCancel && /* @__PURE__ */ React.createElement(
-      Button,
-      {
-        type: "button",
-        size: "sm",
-        variant: "outline",
-        disabled: busyAction !== null,
-        onClick: onCancel,
-        className: "h-7 bg-transparent"
-      },
-      busyAction === "cancel" ? /* @__PURE__ */ React.createElement(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ React.createElement(CircleStop, { className: "h-3.5 w-3.5" }),
-      "Cancel"
-    ))))
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2.5", children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            className: cn(
+              "mt-0.5 h-4 w-4 shrink-0",
+              copy.tone === "active" && "animate-spin"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: copy.title }),
+            /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-current/15 px-1.5 py-0.5 text-[11px] text-current/75", children: [
+              /* @__PURE__ */ jsx(RefreshCw, { className: "h-3 w-3" }),
+              attemptText
+            ] }),
+            scheduled && countdownMs != null && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 rounded border border-current/15 px-1.5 py-0.5 text-[11px] text-current/75", children: [
+              /* @__PURE__ */ jsx(Clock3, { className: "h-3 w-3" }),
+              formatCountdown(countdownMs)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs leading-relaxed text-current/75", children: copy.body }),
+          (canRetryNow || canCancel) && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2", children: [
+            canRetryNow && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "secondary",
+                disabled: busyAction !== null,
+                onClick: onRetryNow,
+                className: "h-7",
+                children: [
+                  busyAction === "retry_now" ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(RotateCw, { className: "h-3.5 w-3.5" }),
+                  "Retry now"
+                ]
+              }
+            ),
+            canCancel && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                size: "sm",
+                variant: "outline",
+                disabled: busyAction !== null,
+                onClick: onCancel,
+                className: "h-7 bg-transparent",
+                children: [
+                  busyAction === "cancel" ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(CircleStop, { className: "h-3.5 w-3.5" }),
+                  "Cancel"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
   );
 }
 export {

package/dist/agents/components/messages-display/citations/MessageCitationsContext.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 const EMPTY_SOURCES = [];
 const MessageCitationsContext = createContext(EMPTY_SOURCES);
@@ -6,7 +7,7 @@ function MessageCitationsProvider({
   sources,
   children
 }) {
-  return /* @__PURE__ */ React.createElement(MessageCitationsContext.Provider, { value: sources }, children);
+  return /* @__PURE__ */ jsx(MessageCitationsContext.Provider, { value: sources, children });
 }
 function useMessageCitationSources() {
   return useContext(MessageCitationsContext);

package/dist/agents/components/messages-display/citations/MessageSourcesRow.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { FileText, Globe } from "lucide-react";
 import { cn } from "@ai-matrx/design-system";
 import { CitationChip } from "../../../../host/ui-slots.js";
@@ -13,27 +14,30 @@ function MessageSourcesRow({
 }) {
   const openSource = useOpenCitationSource();
   if (sources.length === 0) return null;
-  return /* @__PURE__ */ React.createElement("div", { className: cn("flex flex-col gap-1", className) }, /* @__PURE__ */ React.createElement("span", { className: "text-xs font-medium text-muted-foreground" }, "Sources"), /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-1" }, sources.map((source) => {
-    const label = citationSourceLabel(source);
-    const openable = citationSourceIsOpenable(source);
-    return /* @__PURE__ */ React.createElement(
-      CitationChip,
-      {
-        key: source.number,
-        number: source.number,
-        icon: citationSourceDisplayKind(source) === "web" ? Globe : FileText,
-        label,
-        locator: citationSourceLocator(source),
-        excerpt: source.citedText,
-        clampExcerpt: true,
-        chipSuffix: source.page != null ? `p.${source.page}` : null,
-        chipTitle: openable ? label : `${label} \u2014 source not linkable`,
-        chipClassName: "max-w-[18rem] gap-1.5",
-        onOpen: openable ? () => openSource(source) : void 0,
-        openLabel: source.fileId ? "Open source" : "Open web source"
-      }
-    );
-  })));
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-1", className), children: [
+    /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Sources" }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: sources.map((source) => {
+      const label = citationSourceLabel(source);
+      const openable = citationSourceIsOpenable(source);
+      return /* @__PURE__ */ jsx(
+        CitationChip,
+        {
+          number: source.number,
+          icon: citationSourceDisplayKind(source) === "web" ? Globe : FileText,
+          label,
+          locator: citationSourceLocator(source),
+          excerpt: source.citedText,
+          clampExcerpt: true,
+          chipSuffix: source.page != null ? `p.${source.page}` : null,
+          chipTitle: openable ? label : `${label} \u2014 source not linkable`,
+          chipClassName: "max-w-[18rem] gap-1.5",
+          onOpen: openable ? () => openSource(source) : void 0,
+          openLabel: source.fileId ? "Open source" : "Open web source"
+        },
+        source.number
+      );
+    }) })
+  ] });
 }
 var MessageSourcesRow_default = MessageSourcesRow;
 export {

package/dist/agents/components/messages-display/conversation-tools/ConversationFindBar.js

@@ -1,5 +1,6 @@
 "use client";
-import React, { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
 import { ChevronDown, ChevronUp, Search, X } from "lucide-react";
 import { cn } from "@ai-matrx/design-system";
 import {
@@ -76,54 +77,56 @@ function ConversationFindBar({
     setCurrent((c) => (c + delta + ranges.length) % ranges.length);
   };
   const status = findStatusText({ query, matches: ranges.length, current, history, searching: !settled });
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "flex items-center gap-1 rounded-lg border border-border bg-card px-2 py-1 shadow-sm",
       role: "search",
       "aria-label": "Find in this conversation",
-      "data-find-ignore": ""
-    },
-    /* @__PURE__ */ React.createElement("style", null, HIGHLIGHT_CSS),
-    /* @__PURE__ */ React.createElement(Search, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
-    /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        ref: inputRef,
-        value: query,
-        onChange: (e) => {
-          setQuery(e.target.value);
-          setCurrent(0);
-        },
-        onKeyDown: (e) => {
-          if (e.key === "Enter") {
-            e.preventDefault();
-            step(e.shiftKey ? -1 : 1);
-          } else if (e.key === "Escape") {
-            e.preventDefault();
-            onClose();
+      "data-find-ignore": "",
+      children: [
+        /* @__PURE__ */ jsx("style", { children: HIGHLIGHT_CSS }),
+        /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: inputRef,
+            value: query,
+            onChange: (e) => {
+              setQuery(e.target.value);
+              setCurrent(0);
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                step(e.shiftKey ? -1 : 1);
+              } else if (e.key === "Escape") {
+                e.preventDefault();
+                onClose();
+              }
+            },
+            placeholder: "Find in conversation",
+            "aria-label": "Find in conversation",
+            className: "min-w-0 flex-1 bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm"
           }
-        },
-        placeholder: "Find in conversation",
-        "aria-label": "Find in conversation",
-        className: "min-w-0 flex-1 bg-transparent text-base outline-none placeholder:text-muted-foreground md:text-sm"
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: cn(
-          "min-w-0 max-w-[55%] truncate text-xs tabular-nums",
-          ranges.length === 0 && query.trim() && history.state !== "loading" && settled ? "text-destructive" : "text-muted-foreground"
         ),
-        "aria-live": "polite",
-        title: status
-      },
-      status
-    ),
-    /* @__PURE__ */ React.createElement(FindButton, { label: "Previous match (Shift+Enter)", onClick: () => step(-1), disabled: ranges.length === 0 }, /* @__PURE__ */ React.createElement(ChevronUp, { className: "h-3.5 w-3.5" })),
-    /* @__PURE__ */ React.createElement(FindButton, { label: "Next match (Enter)", onClick: () => step(1), disabled: ranges.length === 0 }, /* @__PURE__ */ React.createElement(ChevronDown, { className: "h-3.5 w-3.5" })),
-    /* @__PURE__ */ React.createElement(FindButton, { label: "Close find (Esc)", onClick: onClose }, /* @__PURE__ */ React.createElement(X, { className: "h-3.5 w-3.5" }))
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "min-w-0 max-w-[55%] truncate text-xs tabular-nums",
+              ranges.length === 0 && query.trim() && history.state !== "loading" && settled ? "text-destructive" : "text-muted-foreground"
+            ),
+            "aria-live": "polite",
+            title: status,
+            children: status
+          }
+        ),
+        /* @__PURE__ */ jsx(FindButton, { label: "Previous match (Shift+Enter)", onClick: () => step(-1), disabled: ranges.length === 0, children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-3.5 w-3.5" }) }),
+        /* @__PURE__ */ jsx(FindButton, { label: "Next match (Enter)", onClick: () => step(1), disabled: ranges.length === 0, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5" }) }),
+        /* @__PURE__ */ jsx(FindButton, { label: "Close find (Esc)", onClick: onClose, children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" }) })
+      ]
+    }
   );
 }
 function FindButton({
@@ -132,7 +135,7 @@ function FindButton({
   disabled,
   children
 }) {
-  return /* @__PURE__ */ React.createElement(Button, { variant: "quiet", "aria-label": label, title: label, onClick, disabled }, children);
+  return /* @__PURE__ */ jsx(Button, { variant: "quiet", "aria-label": label, title: label, onClick, disabled, children });
 }
 export {
   ConversationFindBar

package/dist/agents/components/messages-display/conversation-tools/FollowUpSuggestions.js

@@ -1,5 +1,5 @@
 "use client";
-import React from "react";
+import { jsx } from "react/jsx-runtime";
 import { CornerDownRight } from "lucide-react";
 import { useAppDispatch, useAppSelector } from "../../../../store/hooks.js";
 import { selectMessageById } from "../../../redux/execution-system/messages/messages.selectors.js";
@@ -31,7 +31,7 @@ function FollowUpSuggestions({
     dispatch(setUserInputText({ conversationId, text }));
     document.querySelector("textarea[data-agent-main-input]")?.focus();
   };
-  return /* @__PURE__ */ React.createElement("nav", { "aria-label": "Suggested follow-up questions", className: "mt-2 flex flex-col gap-1", "data-find-ignore": "" }, suggestions.map((q) => /* @__PURE__ */ React.createElement(Tile, { variant: "quiet", icon: /* @__PURE__ */ React.createElement(CornerDownRight, null), title: q, key: q, onClick: () => pick(q), className: "w-fit" })));
+  return /* @__PURE__ */ jsx("nav", { "aria-label": "Suggested follow-up questions", className: "mt-2 flex flex-col gap-1", "data-find-ignore": "", children: suggestions.map((q) => /* @__PURE__ */ jsx(Tile, { variant: "quiet", icon: /* @__PURE__ */ jsx(CornerDownRight, {}), title: q, onClick: () => pick(q), className: "w-fit" }, q)) });
 }
 export {
   FOLLOW_UP_METADATA_KEY,