@ai-matrx/chat 0.5.0 → 0.5.3

package/dist/tool-call-visualization/renderers/_shared-entity/PartPeekPopover.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import {
   HoverCard,
   HoverCardTrigger,
@@ -14,25 +15,30 @@ function PartPeekPopover({
   className,
   headerClassName
 }) {
-  return /* @__PURE__ */ React.createElement(HoverCard, { openDelay: 140, closeDelay: 80 }, /* @__PURE__ */ React.createElement(HoverCardTrigger, { asChild: true }, children), /* @__PURE__ */ React.createElement(
-    HoverCardContent,
-    {
-      side,
-      align,
-      className: cn("w-72 overflow-hidden p-0", className)
-    },
-    header ? /* @__PURE__ */ React.createElement(
-      "div",
+  return /* @__PURE__ */ jsxs(HoverCard, { openDelay: 140, closeDelay: 80, children: [
+    /* @__PURE__ */ jsx(HoverCardTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxs(
+      HoverCardContent,
       {
-        className: cn(
-          "border-b border-border px-3 py-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
-          headerClassName ?? "bg-muted/40"
-        )
-      },
-      header
-    ) : null,
-    /* @__PURE__ */ React.createElement("div", { className: "px-3 py-2.5 text-xs leading-relaxed text-foreground" }, body)
-  ));
+        side,
+        align,
+        className: cn("w-72 overflow-hidden p-0", className),
+        children: [
+          header ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "border-b border-border px-3 py-1.5 text-[11px] font-medium uppercase tracking-wide text-muted-foreground",
+                headerClassName ?? "bg-muted/40"
+              ),
+              children: header
+            }
+          ) : null,
+          /* @__PURE__ */ jsx("div", { className: "px-3 py-2.5 text-xs leading-relaxed text-foreground", children: body })
+        ]
+      }
+    )
+  ] });
 }
 export {
   PartPeekPopover

package/dist/tool-call-visualization/renderers/_shared-entity/ToolGlyph.js

@@ -1,3 +1,4 @@
+import { jsx } from "react/jsx-runtime";
 import { cn } from "@ai-matrx/design-system";
 const ACCENT_ICON = {
   primary: "text-primary",
@@ -20,7 +21,7 @@ function ToolGlyph({
   size = "sm",
   className
 }) {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx(
     Icon,
     {
       className: cn(

package/dist/tool-call-visualization/renderers/_shared-entity/ToolResultCard.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import {
   ChevronDown,
@@ -33,75 +34,98 @@ function ToolResultCard({
   const hasBody = children !== void 0 && children !== null && children !== false;
   const showBody = hasBody && isOpen;
   const hasMenu = menuItems && menuItems.length > 0 || onOpenWindowPanel || onOpenOverlay;
-  return /* @__PURE__ */ React.createElement("div", { className: cn("w-full", className) }, /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      "aria-expanded": isOpen,
-      onClick: toggle,
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          toggle();
-        }
-      },
-      className: cn(
-        "flex w-full cursor-pointer items-center gap-3 border border-border/50 bg-card px-4 py-2.5 text-left transition-colors hover:bg-accent/30",
-        showBody ? "rounded-t-xl border-b-0" : "rounded-xl"
-      )
-    },
-    /* @__PURE__ */ React.createElement(
-      Icon,
-      {
-        className: cn("size-[18px] shrink-0", iconClassName),
-        strokeWidth: 2.25
-      }
-    ),
-    /* @__PURE__ */ React.createElement("span", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("span", { className: "block break-words text-sm font-medium text-foreground sm:truncate" }, title), sub && /* @__PURE__ */ React.createElement("span", { className: "block break-words text-xs text-muted-foreground sm:truncate" }, sub)),
-    headerAction && /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        className: "shrink-0",
-        onClick: (event) => event.stopPropagation(),
-        onKeyDown: (event) => event.stopPropagation()
-      },
-      headerAction
-    ),
-    hasMenu && /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(
-      "span",
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
       {
         role: "button",
         tabIndex: 0,
-        onClick: (e) => e.stopPropagation(),
-        onKeyDown: (e) => e.stopPropagation(),
-        className: "flex min-h-11 shrink-0 cursor-pointer items-center gap-1.5 rounded-xl border border-border/70 bg-background/60 px-2.5 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent/40 hover:text-foreground sm:min-h-0",
-        "aria-label": "Open options"
-      },
-      /* @__PURE__ */ React.createElement(PanelRightOpen, { className: "size-3.5" }),
-      "Open",
-      /* @__PURE__ */ React.createElement(ChevronDown, { className: "size-3" })
-    )), /* @__PURE__ */ React.createElement(
-      DropdownMenuContent,
-      {
-        align: "end",
-        onClick: (e) => e.stopPropagation()
-      },
-      menuItems?.map((item) => /* @__PURE__ */ React.createElement(
-        DropdownMenuItem,
-        {
-          key: item.label,
-          onClick: item.onClick,
-          className: "gap-2"
+        "aria-expanded": isOpen,
+        onClick: toggle,
+        onKeyDown: (e) => {
+          if (e.key === "Enter" || e.key === " ") {
+            e.preventDefault();
+            toggle();
+          }
         },
-        /* @__PURE__ */ React.createElement(item.icon, { className: "size-4" }),
-        item.label
-      )),
-      menuItems && menuItems.length > 0 && (onOpenWindowPanel || onOpenOverlay) && /* @__PURE__ */ React.createElement(DropdownMenuSeparator, null),
-      onOpenWindowPanel && /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: onOpenWindowPanel, className: "gap-2" }, /* @__PURE__ */ React.createElement(PanelRightOpen, { className: "size-4" }), "Window Panel"),
-      onOpenOverlay && /* @__PURE__ */ React.createElement(DropdownMenuItem, { onClick: onOpenOverlay, className: "gap-2" }, /* @__PURE__ */ React.createElement(Wrench, { className: "size-4" }), "Tool Admin")
-    ))
-  ), showBody && /* @__PURE__ */ React.createElement("div", { className: "overflow-hidden rounded-b-xl border border-t-0 border-border/50 bg-card" }, children));
+        className: cn(
+          "flex w-full cursor-pointer items-center gap-3 border border-border/50 bg-card px-4 py-2.5 text-left transition-colors hover:bg-accent/30",
+          showBody ? "rounded-t-xl border-b-0" : "rounded-xl"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              className: cn("size-[18px] shrink-0", iconClassName),
+              strokeWidth: 2.25
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsx("span", { className: "block break-words text-sm font-medium text-foreground sm:truncate", children: title }),
+            sub && /* @__PURE__ */ jsx("span", { className: "block break-words text-xs text-muted-foreground sm:truncate", children: sub })
+          ] }),
+          headerAction && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "shrink-0",
+              onClick: (event) => event.stopPropagation(),
+              onKeyDown: (event) => event.stopPropagation(),
+              children: headerAction
+            }
+          ),
+          hasMenu && /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+              "span",
+              {
+                role: "button",
+                tabIndex: 0,
+                onClick: (e) => e.stopPropagation(),
+                onKeyDown: (e) => e.stopPropagation(),
+                className: "flex min-h-11 shrink-0 cursor-pointer items-center gap-1.5 rounded-xl border border-border/70 bg-background/60 px-2.5 py-1.5 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent/40 hover:text-foreground sm:min-h-0",
+                "aria-label": "Open options",
+                children: [
+                  /* @__PURE__ */ jsx(PanelRightOpen, { className: "size-3.5" }),
+                  "Open",
+                  /* @__PURE__ */ jsx(ChevronDown, { className: "size-3" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(
+              DropdownMenuContent,
+              {
+                align: "end",
+                onClick: (e) => e.stopPropagation(),
+                children: [
+                  menuItems?.map((item) => /* @__PURE__ */ jsxs(
+                    DropdownMenuItem,
+                    {
+                      onClick: item.onClick,
+                      className: "gap-2",
+                      children: [
+                        /* @__PURE__ */ jsx(item.icon, { className: "size-4" }),
+                        item.label
+                      ]
+                    },
+                    item.label
+                  )),
+                  menuItems && menuItems.length > 0 && (onOpenWindowPanel || onOpenOverlay) && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+                  onOpenWindowPanel && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onOpenWindowPanel, className: "gap-2", children: [
+                    /* @__PURE__ */ jsx(PanelRightOpen, { className: "size-4" }),
+                    "Window Panel"
+                  ] }),
+                  onOpenOverlay && /* @__PURE__ */ jsxs(DropdownMenuItem, { onClick: onOpenOverlay, className: "gap-2", children: [
+                    /* @__PURE__ */ jsx(Wrench, { className: "size-4" }),
+                    "Tool Admin"
+                  ] })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    showBody && /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-b-xl border border-t-0 border-border/50 bg-card", children })
+  ] });
 }
 var ToolResultCard_default = ToolResultCard;
 export {

package/dist/tool-call-visualization/renderers/agent-call/AgentCallInline.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { Aperture, ImageIcon } from "lucide-react";
 import MarkdownStream from "../../../ui/markdown-stream/MarkdownStream.js";
@@ -12,55 +13,71 @@ import { CollabCallCard } from "./CollabCallCard.js";
 import { ImageGenerationResult } from "./ImageGenerationResult.js";
 import { findResultMedia } from "./findResultMedia.js";
 function ImageGenerationLoading() {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       className: "relative isolate min-h-36 overflow-hidden rounded-2xl border border-primary/15 bg-gradient-to-br from-primary/[0.08] via-background to-violet-500/[0.08] p-4 shadow-sm",
       role: "status",
       "aria-live": "polite",
-      "aria-label": "Creating your image"
-    },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "absolute inset-0 opacity-30 [background-image:linear-gradient(hsl(var(--border)/.45)_1px,transparent_1px),linear-gradient(90deg,hsl(var(--border)/.45)_1px,transparent_1px)] [background-size:22px_22px] [mask-image:linear-gradient(to_bottom,black,transparent)]"
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "absolute -left-10 top-1/2 h-28 w-28 -translate-y-1/2 rounded-full bg-cyan-400/15 blur-3xl animate-pulse"
-      }
-    ),
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "absolute -right-8 -top-8 h-28 w-28 rounded-full bg-violet-500/15 blur-3xl animate-pulse [animation-delay:700ms]"
-      }
-    ),
-    /* @__PURE__ */ React.createElement("div", { className: "relative flex min-h-28 items-center gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "relative grid h-20 w-20 shrink-0 place-items-center overflow-hidden rounded-2xl border border-white/30 bg-gradient-to-br from-cyan-400/20 via-primary/20 to-violet-500/25 shadow-[0_12px_32px_-16px_hsl(var(--primary)/.8)] dark:border-white/10" }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        "aria-hidden": "true",
-        className: "absolute -inset-8 rotate-12 bg-[linear-gradient(110deg,transparent_35%,hsl(var(--background)/.8)_50%,transparent_65%)] animate-shimmer bg-[length:200%_100%]"
-      }
-    ), /* @__PURE__ */ React.createElement(ImageIcon, { className: "relative h-8 w-8 text-primary" }), /* @__PURE__ */ React.createElement(Aperture, { className: "absolute right-2 top-2 h-4 w-4 text-violet-500 animate-pulse" }), /* @__PURE__ */ React.createElement("span", { className: "absolute bottom-2 left-2 h-1.5 w-1.5 rounded-full bg-cyan-400 shadow-[0_0_10px_2px_rgb(34_211_238_/_0.55)]" })), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1 space-y-2.5" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-medium text-foreground" }, "Composing your image"), /* @__PURE__ */ React.createElement("p", { className: "mt-0.5 text-xs leading-relaxed text-muted-foreground" }, "Building the scene, details, lighting, and final finish.")), /* @__PURE__ */ React.createElement("div", { className: "flex gap-1.5", "aria-hidden": "true" }, [0, 1, 2, 3].map((step) => /* @__PURE__ */ React.createElement(
-      "span",
-      {
-        key: step,
-        className: "h-1 flex-1 overflow-hidden rounded-full bg-muted"
-      },
-      /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          className: "block h-full w-full origin-left animate-pulse rounded-full bg-gradient-to-r from-cyan-400 via-primary to-violet-500",
-          style: { animationDelay: `${step * 180}ms` }
-        }
-      )
-    )))))
+      "aria-label": "Creating your image",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "absolute inset-0 opacity-30 [background-image:linear-gradient(hsl(var(--border)/.45)_1px,transparent_1px),linear-gradient(90deg,hsl(var(--border)/.45)_1px,transparent_1px)] [background-size:22px_22px] [mask-image:linear-gradient(to_bottom,black,transparent)]"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "absolute -left-10 top-1/2 h-28 w-28 -translate-y-1/2 rounded-full bg-cyan-400/15 blur-3xl animate-pulse"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "absolute -right-8 -top-8 h-28 w-28 rounded-full bg-violet-500/15 blur-3xl animate-pulse [animation-delay:700ms]"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-28 items-center gap-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative grid h-20 w-20 shrink-0 place-items-center overflow-hidden rounded-2xl border border-white/30 bg-gradient-to-br from-cyan-400/20 via-primary/20 to-violet-500/25 shadow-[0_12px_32px_-16px_hsl(var(--primary)/.8)] dark:border-white/10", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                "aria-hidden": "true",
+                className: "absolute -inset-8 rotate-12 bg-[linear-gradient(110deg,transparent_35%,hsl(var(--background)/.8)_50%,transparent_65%)] animate-shimmer bg-[length:200%_100%]"
+              }
+            ),
+            /* @__PURE__ */ jsx(ImageIcon, { className: "relative h-8 w-8 text-primary" }),
+            /* @__PURE__ */ jsx(Aperture, { className: "absolute right-2 top-2 h-4 w-4 text-violet-500 animate-pulse" }),
+            /* @__PURE__ */ jsx("span", { className: "absolute bottom-2 left-2 h-1.5 w-1.5 rounded-full bg-cyan-400 shadow-[0_0_10px_2px_rgb(34_211_238_/_0.55)]" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2.5", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: "Composing your image" }),
+              /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs leading-relaxed text-muted-foreground", children: "Building the scene, details, lighting, and final finish." })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex gap-1.5", "aria-hidden": "true", children: [0, 1, 2, 3].map((step) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "h-1 flex-1 overflow-hidden rounded-full bg-muted",
+                children: /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: "block h-full w-full origin-left animate-pulse rounded-full bg-gradient-to-r from-cyan-400 via-primary to-violet-500",
+                    style: { animationDelay: `${step * 180}ms` }
+                  }
+                )
+              },
+              step
+            )) })
+          ] })
+        ] })
+      ]
+    }
   );
 }
 const NO_CHILD_STREAM = () => null;
@@ -72,9 +89,9 @@ function AgentCallLiveChild(props) {
   );
   const child = useAppSelector(selector);
   if (!requestId || !child || !child.text.trim()) {
-    return /* @__PURE__ */ React.createElement(GenericRenderer, { ...props });
+    return /* @__PURE__ */ jsx(GenericRenderer, { ...props });
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "max-h-64 overflow-y-auto rounded-md border border-border bg-background/60 px-3 py-2" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto rounded-md border border-border bg-background/60 px-3 py-2", children: /* @__PURE__ */ jsx(
     MarkdownStream,
     {
       imagePolicy: "ai",
@@ -84,29 +101,29 @@ function AgentCallLiveChild(props) {
       isStreamActive: child.status === "running",
       hideCopyButton: true
     }
-  ));
+  ) });
 }
 function AgentCallInline(props) {
   const { entry } = props;
   const isActive = entry.status === "started" || entry.status === "progress" || entry.status === "step";
   if (isImageGenerationAgentCall(entry)) {
-    if (isActive) return /* @__PURE__ */ React.createElement(ImageGenerationLoading, null);
-    if (entry.status === "completed") return /* @__PURE__ */ React.createElement(ImageGenerationResult, { ...props });
+    if (isActive) return /* @__PURE__ */ jsx(ImageGenerationLoading, {});
+    if (entry.status === "completed") return /* @__PURE__ */ jsx(ImageGenerationResult, { ...props });
   }
   if (entry.status !== "error" && isCollaborationAgentCall(entry)) {
-    return /* @__PURE__ */ React.createElement(CollabCallCard, { ...props });
+    return /* @__PURE__ */ jsx(CollabCallCard, { ...props });
   }
   if (entry.status === "completed" && !isImageGenerationAgentCall(entry) && findResultMedia(entry.result)) {
-    return /* @__PURE__ */ React.createElement(ImageGenerationResult, { ...props });
+    return /* @__PURE__ */ jsx(ImageGenerationResult, { ...props });
   }
   if (isActive && !isImageGenerationAgentCall(entry)) {
-    return /* @__PURE__ */ React.createElement(AgentCallLiveChild, { ...props });
+    return /* @__PURE__ */ jsx(AgentCallLiveChild, { ...props });
   }
   if (entry.status === "completed") {
     const answer = readAgentCallAnswer(entry.result);
     const kindValue = answer?.value && typeof answer.value.__kind === "string" ? answer.value : null;
     if (kindValue || answer?.text) {
-      return /* @__PURE__ */ React.createElement(
+      return /* @__PURE__ */ jsx(
         AnswerValueView,
         {
           value: kindValue ?? void 0,
@@ -116,7 +133,7 @@ function AgentCallInline(props) {
       );
     }
   }
-  return /* @__PURE__ */ React.createElement(GenericRenderer, { ...props });
+  return /* @__PURE__ */ jsx(GenericRenderer, { ...props });
 }
 export {
   AgentCallInline

package/dist/tool-call-visualization/renderers/agent-call/CollabCallCard.js

@@ -1,6 +1,7 @@
 "use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Chip } from "@ai-matrx/design-system/controls";
-import React, { useMemo } from "react";
+import { useMemo } from "react";
 import { GitBranch, Handshake, Inbox, ScrollText, TriangleAlert } from "lucide-react";
 import { useAppSelector } from "../../../store/hooks.js";
 import { selectAgentCallChildStream } from "../../../agents/redux/execution-system/active-requests/active-requests.selectors.js";
@@ -39,61 +40,96 @@ function CollabCallCard(props) {
   const showLiveStream = childStream !== null && (childStream.status === "running" || isActive) && liveText.length > 0;
   const answerValue = !isActive ? info.resultValue : null;
   const answerText = !isActive && !answerValue ? info.resultText ?? (liveText || null) : null;
-  return /* @__PURE__ */ React.createElement("div", { className: "overflow-hidden rounded-xl border border-violet-500/20 bg-violet-500/[0.04] dark:bg-violet-400/[0.05]" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 px-3 py-2" }, /* @__PURE__ */ React.createElement(Handshake, { className: "h-4 w-4 shrink-0 text-violet-600 dark:text-violet-400" }), /* @__PURE__ */ React.createElement("span", { className: "min-w-0 text-sm font-medium text-foreground" }, agentLabel, " ", isActive ? "is reviewing" : "reviewed", " ", isCurrentSource || !sourceId ? "this conversation" : /* @__PURE__ */ React.createElement(
-    EntityRef,
-    {
-      token: "conversation",
-      id: sourceId,
-      name: sourceTitle ?? "a conversation",
-      openInNewTab: true,
-      showIcon: false,
-      className: "inline-flex align-baseline"
-    }
-  )), /* @__PURE__ */ React.createElement(
-    Chip,
-    {
-      tone: "violet",
-      icon: isFork ? /* @__PURE__ */ React.createElement(GitBranch, null) : /* @__PURE__ */ React.createElement(ScrollText, null),
-      label: MODE_CHIP[info.historyMode]
-    }
-  ), info.messagesIncluded !== null && /* @__PURE__ */ React.createElement("span", { className: "text-xs text-muted-foreground" }, info.messagesIncluded, " message", info.messagesIncluded === 1 ? "" : "s", " shared")), showLiveStream && /* @__PURE__ */ React.createElement("div", { className: "mx-3 mb-2 max-h-64 overflow-y-auto rounded-md border border-border bg-background/60 px-3 py-2" }, /* @__PURE__ */ React.createElement(
-    MarkdownStream,
-    {
-      imagePolicy: "ai",
-      requestId,
-      agentCallId: entry.callId,
-      conversationId,
-      isStreamActive: childStream?.status === "running",
-      hideCopyButton: true
-    }
-  )), (answerValue || answerText) && /* @__PURE__ */ React.createElement("div", { className: "px-3 pb-2" }, /* @__PURE__ */ React.createElement(
-    AnswerValueView,
-    {
-      value: answerValue ?? void 0,
-      text: answerText,
-      density: "inline"
-    }
-  )), (childId || info.remember) && /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      className: cn(
-        "flex flex-col gap-1 border-t border-violet-500/15 px-3 py-1.5"
-      )
-    },
-    childId && /* @__PURE__ */ React.createElement(
-      EntityRef,
+  return /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-xl border border-violet-500/20 bg-violet-500/[0.04] dark:bg-violet-400/[0.05]", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 px-3 py-2", children: [
+      /* @__PURE__ */ jsx(Handshake, { className: "h-4 w-4 shrink-0 text-violet-600 dark:text-violet-400" }),
+      /* @__PURE__ */ jsxs("span", { className: "min-w-0 text-sm font-medium text-foreground", children: [
+        agentLabel,
+        " ",
+        isActive ? "is reviewing" : "reviewed",
+        " ",
+        isCurrentSource || !sourceId ? "this conversation" : /* @__PURE__ */ jsx(
+          EntityRef,
+          {
+            token: "conversation",
+            id: sourceId,
+            name: sourceTitle ?? "a conversation",
+            openInNewTab: true,
+            showIcon: false,
+            className: "inline-flex align-baseline"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Chip,
+        {
+          tone: "violet",
+          icon: isFork ? /* @__PURE__ */ jsx(GitBranch, {}) : /* @__PURE__ */ jsx(ScrollText, {}),
+          label: MODE_CHIP[info.historyMode]
+        }
+      ),
+      info.messagesIncluded !== null && /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        info.messagesIncluded,
+        " message",
+        info.messagesIncluded === 1 ? "" : "s",
+        " shared"
+      ] })
+    ] }),
+    showLiveStream && /* @__PURE__ */ jsx("div", { className: "mx-3 mb-2 max-h-64 overflow-y-auto rounded-md border border-border bg-background/60 px-3 py-2", children: /* @__PURE__ */ jsx(
+      MarkdownStream,
       {
-        token: "conversation",
-        id: childId,
-        name: childName,
-        openInNewTab: true,
-        alwaysShowActions: true,
-        labelClassName: "text-xs"
+        imagePolicy: "ai",
+        requestId,
+        agentCallId: entry.callId,
+        conversationId,
+        isStreamActive: childStream?.status === "running",
+        hideCopyButton: true
       }
-    ),
-    info.remember?.status === "queued" && /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground" }, /* @__PURE__ */ React.createElement(Inbox, { className: "h-3.5 w-3.5 shrink-0 text-violet-600 dark:text-violet-400" }), "Note queued for ", isCurrentSource ? "this conversation" : sourceTitle ?? "the source conversation", " \u2014 its agent will see it next turn"),
-    info.remember?.status === "failed" && /* @__PURE__ */ React.createElement("span", { className: "inline-flex items-start gap-1.5 text-xs text-destructive" }, /* @__PURE__ */ React.createElement(TriangleAlert, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ React.createElement("span", null, "Write-back note failed", info.remember.error ? `: ${info.remember.error}` : "."), /* @__PURE__ */ React.createElement(ErrorAlchemyMenu, null))
-  ));
+    ) }),
+    (answerValue || answerText) && /* @__PURE__ */ jsx("div", { className: "px-3 pb-2", children: /* @__PURE__ */ jsx(
+      AnswerValueView,
+      {
+        value: answerValue ?? void 0,
+        text: answerText,
+        density: "inline"
+      }
+    ) }),
+    (childId || info.remember) && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex flex-col gap-1 border-t border-violet-500/15 px-3 py-1.5"
+        ),
+        children: [
+          childId && /* @__PURE__ */ jsx(
+            EntityRef,
+            {
+              token: "conversation",
+              id: childId,
+              name: childName,
+              openInNewTab: true,
+              alwaysShowActions: true,
+              labelClassName: "text-xs"
+            }
+          ),
+          info.remember?.status === "queued" && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Inbox, { className: "h-3.5 w-3.5 shrink-0 text-violet-600 dark:text-violet-400" }),
+            "Note queued for ",
+            isCurrentSource ? "this conversation" : sourceTitle ?? "the source conversation",
+            " \u2014 its agent will see it next turn"
+          ] }),
+          info.remember?.status === "failed" && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-start gap-1.5 text-xs text-destructive", children: [
+            /* @__PURE__ */ jsx(TriangleAlert, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+            /* @__PURE__ */ jsxs("span", { children: [
+              "Write-back note failed",
+              info.remember.error ? `: ${info.remember.error}` : "."
+            ] }),
+            /* @__PURE__ */ jsx(ErrorAlchemyMenu, {})
+          ] })
+        ]
+      }
+    )
+  ] });
 }
 export {
   CollabCallCard