@heroui/agent 0.2.0-beta.6 → 0.2.0-beta.7

package/dist/{embed-runtime-CR7PQH3Q.js → embed-runtime-UF7XJIFA.js}

@@ -33,7 +33,7 @@ import {
   shouldRestoreActiveAgentPermissionMode,
   storeAgentPermissionMode,
   takeAgentShellHandoff
-} from "./chunk-QOCNMON2.js";
+} from "./chunk-OQGXZY5L.js";
 import {
   ActionButton,
   CodeBlock,
@@ -1725,8 +1725,8 @@ import {
   useEffectEvent,
   useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo4,
-  useRef as useRef15,
-  useState as useState14
+  useRef as useRef14,
+  useState as useState15
 } from "react";
 
 // src/contracts/identity.ts
@@ -1777,7 +1777,7 @@ var agentModelIdSchema = z2.preprocess(
 
 // src/contracts/version.ts
 var HEROUI_AGENT_PROTOCOL_VERSION = 5;
-var HEROUI_AGENT_SDK_VERSION = "0.2.0-beta.6";
+var HEROUI_AGENT_SDK_VERSION = "0.2.0-beta.7";
 var HEROUI_AGENT_TASK_ID = "heroui-agents-runtime";
 
 // src/contracts/identity.ts
@@ -1957,6 +1957,14 @@ function inferActivityKind(label) {
   if (/data|query|load|fetch|metric|table|account/.test(normalized)) return "data";
   return "thinking";
 }
+function hasResponseAfterLatestActivity(items, options) {
+  if (!options.hasContent) return false;
+  const latestActivityPartIndex = items.reduce(
+    (latest, item) => Math.max(latest, item.messagePartIndex ?? -1),
+    -1
+  );
+  return options.latestContentPartIndex >= latestActivityPartIndex;
+}
 function collectActivity(message, clientTools, options = {}) {
   if (message.role !== "assistant") return [];
   const items = [];
@@ -1972,7 +1980,9 @@ function collectActivity(message, clientTools, options = {}) {
           id: part.id ?? `${message.id}-activity-${index}`,
           kind: part.data.kind ?? inferActivityKind(label2),
           label: label2,
-          sources: part.data.sources
+          messagePartIndex: index,
+          sources: part.data.sources,
+          stateKnown: false
         });
       }
       continue;
@@ -1993,16 +2003,38 @@ function collectActivity(message, clientTools, options = {}) {
       toolPart.output && typeof toolPart.output === "object" && "rejected" in toolPart.output && toolPart.output.rejected
     );
     const label = rejected ? `Skipped ${baseLabel}` : toolPart.state === "output-error" ? `Couldn\u2019t complete ${baseLabel}` : baseLabel;
-    if (labels.has(label)) continue;
+    const active = toolPart.state === "input-available" || toolPart.state === "input-streaming";
+    const existingIndex = items.findIndex((item) => item.label === label);
+    if (existingIndex >= 0) {
+      const existing = items[existingIndex];
+      if (existing) {
+        items[existingIndex] = {
+          ...existing,
+          active,
+          messagePartIndex: index,
+          stateKnown: true
+        };
+      }
+      continue;
+    }
     labels.add(label);
     items.push({
-      active: toolPart.state === "input-available" || toolPart.state === "input-streaming",
+      active,
       id: toolPart.toolCallId || `${message.id}-tool-${index}`,
       kind: renderTool ? "chart" : toolName === "executeSandbox" ? "code" : toolName === "getComponentSchema" ? "thinking" : inferActivityKind(label),
-      label
+      label,
+      messagePartIndex: index,
+      stateKnown: true
     });
   }
-  return items;
+  if (!options.isStreaming || items.length === 0) return items;
+  if (items.some((item) => item.active)) return items;
+  const activeIndex = items.length - 1;
+  if (items[activeIndex]?.stateKnown) return items;
+  return items.map((item, index) => ({
+    ...item,
+    active: index === activeIndex
+  }));
 }
 
 // src/embed/activity-trail.tsx
@@ -2016,10 +2048,10 @@ import {
   Wrench
 } from "@gravity-ui/icons";
 import { Disclosure as Disclosure2 } from "@heroui/react";
-import { useEffect as useEffect7, useRef as useRef6, useState as useState4 } from "react";
+import { useEffect as useEffect7, useRef as useRef5, useState as useState5 } from "react";
 
 // src/embed/animated-status-text.tsx
-import { useEffect as useEffect5, useRef as useRef5 } from "react";
+import { useEffect as useEffect5, useState as useState4 } from "react";
 
 // src/embed/shimmer-text.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
@@ -2028,35 +2060,64 @@ function ShimmerText({ children, className, ...props }) {
 }
 
 // src/embed/animated-status-text.tsx
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var STATUS_SWAP_MS = 280;
 function AnimatedStatusText({
   animateOnMount = true,
   children,
   className,
   ...props
 }) {
-  const previousValueRef = useRef5(children);
-  const shouldAnimate = animateOnMount || previousValueRef.current !== children;
+  const [transition, setTransition] = useState4(() => ({
+    current: { animate: animateOnMount, id: 0, text: children },
+    previous: null
+  }));
+  if (transition.current.text !== children) {
+    setTransition({
+      current: { animate: true, id: transition.current.id + 1, text: children },
+      previous: transition.current
+    });
+  }
+  const currentId = transition.current.id;
+  const previous = transition.previous;
   useEffect5(() => {
-    previousValueRef.current = children;
-  }, [children]);
-  return /* @__PURE__ */ jsx7(
+    if (!previous) return;
+    const timer = window.setTimeout(() => {
+      setTransition(
+        (current) => current.current.id === currentId ? { ...current, previous: null } : current
+      );
+    }, STATUS_SWAP_MS);
+    return () => window.clearTimeout(timer);
+  }, [currentId, previous]);
+  return /* @__PURE__ */ jsxs5(
     "span",
     {
       ...props,
       "aria-label": props["aria-label"] ?? children,
       className: `ha-status-text${className ? ` ${className}` : ""}`,
       "data-slot": "animated-text",
-      children: /* @__PURE__ */ jsx7(
-        "span",
-        {
-          "aria-hidden": "true",
-          className: shouldAnimate ? "ha-status-text__value ha-status-text__value--animated" : "ha-status-text__value",
-          "data-slot": "animated-text-value",
-          children: /* @__PURE__ */ jsx7(ShimmerText, { children })
-        },
-        children
-      )
+      children: [
+        /* @__PURE__ */ jsx7(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-slot": "animated-text-value",
+            className: transition.current.animate ? "ha-status-text__value ha-status-text__value--animated" : "ha-status-text__value",
+            children: /* @__PURE__ */ jsx7(ShimmerText, { children: transition.current.text })
+          },
+          transition.current.id
+        ),
+        transition.previous ? /* @__PURE__ */ jsx7(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "ha-status-text__value ha-status-text__value--exiting",
+            "data-slot": "animated-text-previous-value",
+            children: /* @__PURE__ */ jsx7(ShimmerText, { children: transition.previous.text })
+          },
+          transition.previous.id
+        ) : null
+      ]
     }
   );
 }
@@ -2116,25 +2177,87 @@ function useScrollShadow(ref, offset = 1) {
 }
 
 // src/embed/activity-trail.tsx
-import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
 var FOLLOW_THRESHOLD_PX = 24;
-function useFollowNewestStep(ref, stepCount, isStreaming, isExpanded) {
-  const isFollowingRef = useRef6(true);
+var ACTIVITY_FADE_MS = 160;
+var ACTIVITY_COLLAPSE_MS = 220;
+function useFollowNewestStep(ref, contentVersion, isStreaming, isExpanded) {
+  const isFollowingRef = useRef5(true);
   useEffect7(() => {
     const element = ref.current;
     if (!element) return;
-    const handleScroll = () => {
+    let autoScrollTimer;
+    let isAutoScrolling = false;
+    const updateFollowing = () => {
       const distanceFromBottom = element.scrollHeight - element.scrollTop - element.clientHeight;
       isFollowingRef.current = distanceFromBottom <= FOLLOW_THRESHOLD_PX;
     };
+    const handleScroll = () => {
+      if (isAutoScrolling) return;
+      updateFollowing();
+    };
+    const handleUserScrollIntent = () => {
+      isAutoScrolling = false;
+      window.clearTimeout(autoScrollTimer);
+      requestAnimationFrame(updateFollowing);
+    };
+    const followNewest = () => {
+      if (!isExpanded || !isStreaming || !isFollowingRef.current) return;
+      const shouldReduceMotion = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+      const top = element.scrollHeight;
+      if (typeof element.scrollTo !== "function") {
+        element.scrollTop = top;
+        return;
+      }
+      isAutoScrolling = !shouldReduceMotion;
+      element.scrollTo({ behavior: shouldReduceMotion ? "auto" : "smooth", top });
+      window.clearTimeout(autoScrollTimer);
+      autoScrollTimer = window.setTimeout(() => {
+        isAutoScrolling = false;
+        updateFollowing();
+      }, 360);
+    };
     element.addEventListener("scroll", handleScroll, { passive: true });
-    return () => element.removeEventListener("scroll", handleScroll);
-  }, [isExpanded, ref]);
+    element.addEventListener("pointerdown", handleUserScrollIntent, { passive: true });
+    element.addEventListener("touchstart", handleUserScrollIntent, { passive: true });
+    element.addEventListener("wheel", handleUserScrollIntent, { passive: true });
+    followNewest();
+    const list = element.querySelector("ol");
+    const resizeObserver = list && typeof ResizeObserver !== "undefined" ? new ResizeObserver(followNewest) : null;
+    if (list) resizeObserver?.observe(list);
+    return () => {
+      element.removeEventListener("scroll", handleScroll);
+      element.removeEventListener("pointerdown", handleUserScrollIntent);
+      element.removeEventListener("touchstart", handleUserScrollIntent);
+      element.removeEventListener("wheel", handleUserScrollIntent);
+      resizeObserver?.disconnect();
+      window.clearTimeout(autoScrollTimer);
+    };
+  }, [contentVersion, isExpanded, isStreaming, ref]);
+}
+function useActivityPhase(isStreaming) {
+  const [phaseState, setPhaseState] = useState5(() => ({
+    isStreaming,
+    phase: isStreaming ? "expanded" : "collapsed"
+  }));
+  let phase = phaseState.phase;
+  if (phaseState.isStreaming !== isStreaming) {
+    phase = isStreaming ? "expanded" : "fading";
+    setPhaseState({ isStreaming, phase });
+  }
   useEffect7(() => {
-    const element = ref.current;
-    if (!element || !isExpanded || !isStreaming || !isFollowingRef.current) return;
-    element.scrollTop = element.scrollHeight;
-  }, [isExpanded, isStreaming, ref, stepCount]);
+    if (isStreaming || phase === "collapsed" || phase === "expanded") return;
+    const shouldReduceMotion = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+    const nextPhase = shouldReduceMotion ? "collapsed" : phase === "fading" ? "collapsing" : "collapsed";
+    const delay = shouldReduceMotion ? 0 : phase === "fading" ? ACTIVITY_FADE_MS : ACTIVITY_COLLAPSE_MS;
+    const timer = window.setTimeout(() => {
+      setPhaseState(
+        (current) => current.isStreaming === isStreaming && current.phase === phase ? { ...current, phase: nextPhase } : current
+      );
+    }, delay);
+    return () => window.clearTimeout(timer);
+  }, [isStreaming, phase]);
+  return phase;
 }
 var activityIcons = {
   browse: Globe,
@@ -2144,6 +2267,12 @@ var activityIcons = {
   search: Magnifier,
   thinking: Wrench
 };
+function ActivityStateIcon({ active }) {
+  return /* @__PURE__ */ jsxs6("span", { className: "ha-activity-icon", "data-state": active ? "active" : "complete", children: [
+    /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "ha-activity-icon-state ha-activity-icon-state--active", children: /* @__PURE__ */ jsx8("span", { className: "ha-activity-spinner" }) }),
+    /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "ha-activity-icon-state ha-activity-icon-state--complete", children: /* @__PURE__ */ jsx8(CircleCheck, {}) })
+  ] });
+}
 function formatActivityDuration(durationMs) {
   const totalSeconds = Math.max(1, Math.round(durationMs / 1e3));
   const hours = Math.floor(totalSeconds / 3600);
@@ -2159,63 +2288,101 @@ function ActivityStatus({ ariaLabel, label }) {
 function ActivityTrail({
   completedAt,
   defaultOpen = false,
+  hasResponseStarted = false,
   isStreaming,
   items,
   progress,
   startedAt
 }) {
-  const [isExpanded, setIsExpanded] = useState4(defaultOpen);
-  const panelRef = useRef6(null);
-  const activeItem = items.findLast((item) => item.active);
-  const latestItem = items.at(-1);
-  const activeLabel = activeItem?.label ?? latestItem?.label ?? progress ?? "Understanding your request\u2026";
-  const elapsedMs = startedAt !== void 0 && !isStreaming ? Math.max(0, (completedAt ?? Date.now()) - startedAt) : null;
-  const summary = isStreaming ? activeLabel : elapsedMs === null ? "Activity" : `Worked for ${formatActivityDuration(elapsedMs)}`;
+  const isActivityStreaming = isStreaming && !hasResponseStarted;
+  const phase = useActivityPhase(isActivityStreaming);
+  const [expandedOverride, setExpandedOverride] = useState5(null);
+  const panelRef = useRef5(null);
+  const activityStoppedAtRef = useRef5(null);
+  const requestedActiveIndex = items.findLastIndex((item) => item.active);
+  const fallbackActiveIndex = items.at(-1)?.stateKnown ? -1 : items.length - 1;
+  const activeIndex = isActivityStreaming ? requestedActiveIndex >= 0 ? requestedActiveIndex : fallbackActiveIndex : -1;
+  const visibleItems = items.map((item, index) => ({
+    ...item,
+    active: index === activeIndex
+  }));
+  const activeItem = activeIndex >= 0 ? visibleItems[activeIndex] : void 0;
+  const latestItem = visibleItems.at(-1);
+  const liveSummary = progress ?? activeItem?.label ?? latestItem?.label ?? "Understanding your request\u2026";
+  const isAutoSettling = expandedOverride === null && !defaultOpen && !isActivityStreaming && (phase === "fading" || phase === "collapsing");
+  const autoExpanded = defaultOpen || phase === "expanded" || phase === "fading";
+  const isExpanded = expandedOverride ?? autoExpanded;
+  const visualPhase = expandedOverride !== null || defaultOpen ? isExpanded ? "expanded" : "collapsed" : phase;
+  useEffect7(() => {
+    if (!isStreaming) return;
+    if (!hasResponseStarted) {
+      activityStoppedAtRef.current = null;
+      return;
+    }
+    activityStoppedAtRef.current ??= Date.now();
+  }, [hasResponseStarted, isStreaming]);
+  const elapsedMs = startedAt !== void 0 && !isActivityStreaming ? Math.max(0, (activityStoppedAtRef.current ?? completedAt ?? Date.now()) - startedAt) : null;
+  const completedSummary = elapsedMs === null ? "Activity" : `Worked for ${formatActivityDuration(elapsedMs)}`;
+  const summary = isActivityStreaming || isAutoSettling ? liveSummary : elapsedMs === null ? "Activity" : completedSummary;
+  const summaryItem = activeItem ?? latestItem;
+  const summaryKind = summaryItem?.kind ?? inferActivityKind(summaryItem?.label ?? liveSummary);
+  const SummaryIcon = activityIcons[summaryKind];
+  const contentVersion = visibleItems.map(
+    (item) => `${item.id}:${item.active ? 1 : 0}:${item.detail ?? ""}:${item.sources?.map((source) => source.label).join(",")}`
+  ).join("|");
   useScrollShadow(panelRef);
-  useFollowNewestStep(panelRef, items.length, isStreaming, isExpanded);
-  return /* @__PURE__ */ jsxs5(Disclosure2, { className: "ha-activity", isExpanded, onExpandedChange: setIsExpanded, children: [
-    /* @__PURE__ */ jsx8(Disclosure2.Heading, { children: /* @__PURE__ */ jsxs5(Disclosure2.Trigger, { className: "ha-activity-trigger", children: [
-      isStreaming ? /* @__PURE__ */ jsx8(
-        AnimatedStatusText,
-        {
-          animateOnMount: summary !== progress,
-          className: "ha-activity-summary-label ha-progress ha-progress-shimmer",
-          role: "status",
-          children: summary
-        }
-      ) : /* @__PURE__ */ jsx8("span", { className: "ha-progress", children: summary }),
-      /* @__PURE__ */ jsx8(Disclosure2.Indicator, { className: "ha-activity-chevron" })
-    ] }) }),
-    /* @__PURE__ */ jsx8(Disclosure2.Content, { className: "ha-activity-disclosure-content", children: /* @__PURE__ */ jsx8(Disclosure2.Body, { children: /* @__PURE__ */ jsx8("div", { ref: panelRef, className: "ha-activity-panel", children: /* @__PURE__ */ jsxs5("ol", { "aria-label": "Thinking steps", children: [
-      items.map((item) => {
-        const Icon = activityIcons[item.kind ?? inferActivityKind(item.label)];
-        return /* @__PURE__ */ jsxs5(
-          "li",
-          {
-            "aria-current": item.active ? "step" : void 0,
-            className: "ha-activity-item",
-            "data-active": item.active || void 0,
-            children: [
-              /* @__PURE__ */ jsx8("span", { className: "ha-activity-icon", children: /* @__PURE__ */ jsx8(Icon, { "aria-hidden": "true" }) }),
-              /* @__PURE__ */ jsxs5("span", { className: "ha-activity-content", children: [
-                item.active ? /* @__PURE__ */ jsx8(AnimatedStatusText, { className: "ha-progress-shimmer", children: item.label }) : /* @__PURE__ */ jsx8("span", { children: item.label }),
-                item.detail ? /* @__PURE__ */ jsx8("small", { children: item.detail }) : null,
-                item.sources?.length ? /* @__PURE__ */ jsx8("span", { "aria-label": "Sources", className: "ha-activity-sources", children: item.sources.map((source) => /* @__PURE__ */ jsxs5("span", { className: "ha-activity-source", children: [
-                  /* @__PURE__ */ jsx8(Globe, { "aria-hidden": "true" }),
-                  source.label
-                ] }, source.label)) }) : null
-              ] })
-            ]
-          },
-          item.id
-        );
-      }),
-      !isStreaming ? /* @__PURE__ */ jsxs5("li", { className: "ha-activity-item", "data-complete": "true", children: [
-        /* @__PURE__ */ jsx8("span", { className: "ha-activity-icon", children: /* @__PURE__ */ jsx8(CircleCheck, { "aria-hidden": "true" }) }),
-        /* @__PURE__ */ jsx8("span", { className: "ha-activity-content", children: /* @__PURE__ */ jsx8("span", { children: "Done" }) })
-      ] }) : null
-    ] }) }) }) })
-  ] });
+  useFollowNewestStep(panelRef, contentVersion, isActivityStreaming, isExpanded);
+  return /* @__PURE__ */ jsxs6(
+    Disclosure2,
+    {
+      className: "ha-activity",
+      "data-phase": visualPhase,
+      isExpanded,
+      onExpandedChange: setExpandedOverride,
+      children: [
+        /* @__PURE__ */ jsx8(Disclosure2.Heading, { children: /* @__PURE__ */ jsxs6(Disclosure2.Trigger, { className: "ha-activity-trigger", children: [
+          /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", className: "ha-activity-summary-icon", children: /* @__PURE__ */ jsx8("span", { children: /* @__PURE__ */ jsx8(SummaryIcon, {}) }, summaryKind) }),
+          isActivityStreaming || isAutoSettling ? /* @__PURE__ */ jsx8(
+            AnimatedStatusText,
+            {
+              animateOnMount: liveSummary !== progress,
+              className: "ha-activity-summary-label ha-progress ha-progress-shimmer",
+              role: "status",
+              children: summary
+            }
+          ) : /* @__PURE__ */ jsx8("span", { className: "ha-activity-summary-label ha-activity-summary-label--complete ha-progress", children: summary }),
+          /* @__PURE__ */ jsx8(Disclosure2.Indicator, { className: "ha-activity-chevron" })
+        ] }) }),
+        /* @__PURE__ */ jsx8(Disclosure2.Content, { className: "ha-activity-disclosure-content", children: /* @__PURE__ */ jsx8(Disclosure2.Body, { children: /* @__PURE__ */ jsx8("div", { ref: panelRef, className: "ha-activity-panel", children: /* @__PURE__ */ jsxs6("ol", { "aria-label": "Thinking steps", children: [
+          visibleItems.map((item) => /* @__PURE__ */ jsxs6(
+            "li",
+            {
+              "aria-current": item.active ? "step" : void 0,
+              className: "ha-activity-item",
+              "data-active": item.active || void 0,
+              "data-state": item.active ? "active" : "complete",
+              children: [
+                /* @__PURE__ */ jsx8(ActivityStateIcon, { active: item.active }),
+                /* @__PURE__ */ jsxs6("span", { className: "ha-activity-content", children: [
+                  item.active ? /* @__PURE__ */ jsx8(AnimatedStatusText, { className: "ha-progress-shimmer", children: item.label }) : /* @__PURE__ */ jsx8("span", { children: item.label }),
+                  item.detail ? /* @__PURE__ */ jsx8("small", { className: "ha-activity-detail", "data-visible": item.active || void 0, children: /* @__PURE__ */ jsx8("span", { children: item.detail }) }) : null,
+                  item.sources?.length ? /* @__PURE__ */ jsx8("span", { "aria-label": "Sources", className: "ha-activity-sources", children: item.sources.map((source) => /* @__PURE__ */ jsxs6("span", { className: "ha-activity-source", children: [
+                    /* @__PURE__ */ jsx8(Globe, { "aria-hidden": "true" }),
+                    source.label
+                  ] }, source.label)) }) : null
+                ] })
+              ]
+            },
+            item.id
+          )),
+          !isActivityStreaming ? /* @__PURE__ */ jsxs6("li", { className: "ha-activity-item", "data-complete": "true", "data-state": "complete", children: [
+            /* @__PURE__ */ jsx8(ActivityStateIcon, { active: false }),
+            /* @__PURE__ */ jsx8("span", { className: "ha-activity-content", children: /* @__PURE__ */ jsx8("span", { children: "Final response ready" }) })
+          ] }) : null
+        ] }) }) }) })
+      ]
+    }
+  );
 }
 
 // src/embed/agent-api.ts
@@ -2565,12 +2732,12 @@ function getComposerAttachmentMetadata(file) {
 }
 
 // src/embed/composer-attachment.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
 function ComposerAttachment({ file, onRemove }) {
   const { Icon, kind, label } = getComposerAttachmentMetadata(file);
-  return /* @__PURE__ */ jsxs6("span", { className: "ha-attachment", "data-kind": kind, children: [
+  return /* @__PURE__ */ jsxs7("span", { className: "ha-attachment", "data-kind": kind, children: [
     /* @__PURE__ */ jsx9("span", { "aria-hidden": "true", className: "ha-attachment-icon", children: /* @__PURE__ */ jsx9(Icon, {}) }),
-    /* @__PURE__ */ jsxs6("span", { className: "ha-attachment-copy", children: [
+    /* @__PURE__ */ jsxs7("span", { className: "ha-attachment-copy", children: [
       /* @__PURE__ */ jsx9("span", { className: "ha-attachment-name", title: file.name, children: file.name }),
       /* @__PURE__ */ jsx9("span", { className: "ha-attachment-type", children: label })
     ] }),
@@ -2580,9 +2747,9 @@ function ComposerAttachment({ file, onRemove }) {
 
 // src/embed/composer-context.tsx
 import { Globe as Globe2, Xmark as Xmark2 } from "@gravity-ui/icons";
-import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
 function ComposerContext({ onRemove, title }) {
-  return /* @__PURE__ */ jsx10("div", { className: "ha-context", children: /* @__PURE__ */ jsxs7(
+  return /* @__PURE__ */ jsx10("div", { className: "ha-context", children: /* @__PURE__ */ jsxs8(
     "button",
     {
       "aria-label": `Remove Ask about this: ${title}`,
@@ -2591,7 +2758,7 @@ function ComposerContext({ onRemove, title }) {
       onClick: onRemove,
       children: [
         /* @__PURE__ */ jsx10(Globe2, { "aria-hidden": "true", className: "ha-chip-leading" }),
-        /* @__PURE__ */ jsxs7("span", { className: "ha-chip-title", title, children: [
+        /* @__PURE__ */ jsxs8("span", { className: "ha-chip-title", title, children: [
           "Ask about this: ",
           title
         ] }),
@@ -2602,7 +2769,7 @@ function ComposerContext({ onRemove, title }) {
 }
 
 // src/embed/composer-file-dropzone.tsx
-import { useCallback as useCallback4, useState as useState5 } from "react";
+import { useCallback as useCallback4, useState as useState6 } from "react";
 import { jsx as jsx11 } from "react/jsx-runtime";
 function hasFileTransfer(event) {
   return event.dataTransfer?.types?.includes("Files") ?? false;
@@ -2615,7 +2782,7 @@ function ComposerFileDropzone({
   disabled = false,
   onFilesSelected
 }) {
-  const [isDragging, setIsDragging] = useState5(false);
+  const [isDragging, setIsDragging] = useState6(false);
   const handleDragEnter = useCallback4(
     (event) => {
       if (disabled || !hasFileTransfer(event)) return;
@@ -2732,7 +2899,7 @@ function removeConversationActivity(current, conversationId) {
 // src/embed/conversation-markdown.tsx
 import { Code as Code2, Heading, Link, Paragraph, Separator, Table } from "@heroui/react";
 import { Children, Suspense, isValidElement, lazy, memo, useMemo } from "react";
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
 var LazyStreamdown = lazy(
   () => import("streamdown").then((module) => ({ default: module.Streamdown }))
 );
@@ -2760,7 +2927,7 @@ function MarkdownTable({ children }) {
   const headerRow = findElementByTag(tableHead?.props.children, "tr");
   const headerCells = getElementChildren(headerRow);
   const rows = getElementChildren(tableBody);
-  return /* @__PURE__ */ jsx12(Table, { "data-slot": "markdown-table", variant: "secondary", children: /* @__PURE__ */ jsx12(Table.ScrollContainer, { children: /* @__PURE__ */ jsxs8(Table.Content, { "aria-label": "Markdown table", children: [
+  return /* @__PURE__ */ jsx12(Table, { "data-slot": "markdown-table", variant: "secondary", children: /* @__PURE__ */ jsx12(Table.ScrollContainer, { children: /* @__PURE__ */ jsxs9(Table.Content, { "aria-label": "Markdown table", children: [
     /* @__PURE__ */ jsx12(Table.Header, { children: headerCells.map((cell, index) => /* @__PURE__ */ jsx12(Table.Column, { id: `column-${index}`, children: cell.props.children }, String(cell.key))) }),
     /* @__PURE__ */ jsx12(Table.Body, { children: rows.map((row, rowIndex) => /* @__PURE__ */ jsx12(Table.Row, { id: `row-${rowIndex}`, children: getElementChildren(row).map((cell) => /* @__PURE__ */ jsx12(Table.Cell, { children: cell.props.children }, String(cell.key))) }, String(row.key))) })
   ] }) }) });
@@ -2904,7 +3071,6 @@ function ConversationRouteStack({
 
 // src/embed/conversation-turn-anchor.ts
 function resolveConversationTurnAnchor({
-  conversationId,
   isActive,
   lastUserMessageId,
   pendingTurn
@@ -2912,22 +3078,21 @@ function resolveConversationTurnAnchor({
   const normalizedLastUserMessageId = lastUserMessageId ?? null;
   const hasActiveOptimisticUser = pendingTurn ? normalizedLastUserMessageId !== pendingTurn.previousUserMessageId : normalizedLastUserMessageId !== null;
   const activeTurnMessageId = isActive ? hasActiveOptimisticUser ? normalizedLastUserMessageId : null : normalizedLastUserMessageId;
-  const activeStreamKey = isActive ? pendingTurn?.messageId ?? activeTurnMessageId ?? conversationId : null;
+  const activeStreamKey = isActive ? pendingTurn?.scrollKey ?? null : null;
   return { activeStreamKey, activeTurnMessageId };
 }
 
 // src/embed/conversation-viewport.tsx
 import { ChevronDown } from "@gravity-ui/icons";
 import { Button } from "@heroui/react";
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef8 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef7 } from "react";
 
 // src/embed/use-conversation-scroll.ts
-import { useCallback as useCallback5, useEffect as useEffect9, useLayoutEffect, useRef as useRef7, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect9, useLayoutEffect, useRef as useRef6, useState as useState7 } from "react";
 var BOTTOM_THRESHOLD = 4;
 var SCROLL_DIRECTION_THRESHOLD = 1;
 var ACTIVE_TURN_SPACER_PROPERTY = "--ha-active-turn-spacer-height";
-var STREAM_ANCHOR_SELECTOR = '[data-stream-anchor="true"]';
-var TURN_ANCHOR_SELECTOR = '[data-turn-anchor="true"]';
+var USER_STREAM_ANCHOR_SELECTOR = '[data-role="user"][data-stream-anchor="true"]';
 var DEFAULT_SCROLL_STATE = {
   hasOverflow: false,
   isAtBottom: true
@@ -2956,23 +3121,25 @@ function getNativeScrollBehavior(behavior) {
   return "auto";
 }
 function useConversationScroll(ref) {
-  const activeTurnSpacerHeightRef = useRef7(0);
-  const attachedRef = useRef7(true);
-  const currentStreamKeyRef = useRef7(null);
-  const isAutoScrollingRef = useRef7(false);
-  const isPinnedTurnAnimatingRef = useRef7(false);
-  const lastScrollTopRef = useRef7(0);
-  const pinnedStreamKeyRef = useRef7(null);
-  const pinnedStreamTopRef = useRef7(null);
-  const shouldAnimatePinnedTurnRef = useRef7(false);
-  const [scrollState, setScrollState] = useState6(DEFAULT_SCROLL_STATE);
+  const activeTurnSpacerHeightRef = useRef6(0);
+  const attachedRef = useRef6(true);
+  const automaticFollowSuppressedRef = useRef6(false);
+  const currentStreamKeyRef = useRef6(null);
+  const isAutoScrollingRef = useRef6(false);
+  const isPinnedTurnAnimatingRef = useRef6(false);
+  const lastPinnedStreamKeyRef = useRef6(null);
+  const lastScrollTopRef = useRef6(0);
+  const pinnedStreamKeyRef = useRef6(null);
+  const pinnedStreamTopRef = useRef6(null);
+  const shouldAnimatePinnedTurnRef = useRef6(false);
+  const [scrollState, setScrollState] = useState7(DEFAULT_SCROLL_STATE);
   const setNextScrollState = useCallback5((nextState) => {
     setScrollState(
       (currentState) => isSameScrollState(currentState, nextState) ? currentState : nextState
     );
   }, []);
   const updateActiveTurnSpacer = useCallback5((element) => {
-    const anchor = element.querySelector(STREAM_ANCHOR_SELECTOR) ?? element.querySelector(TURN_ANCHOR_SELECTOR);
+    const anchor = pinnedStreamKeyRef.current ? element.querySelector(USER_STREAM_ANCHOR_SELECTOR) : null;
     let nextHeight = 0;
     if (anchor) {
       const containerRect = element.getBoundingClientRect();
@@ -3001,14 +3168,17 @@ function useConversationScroll(ref) {
       pinnedStreamTopRef.current = null;
       isPinnedTurnAnimatingRef.current = false;
       shouldAnimatePinnedTurnRef.current = false;
+      updateActiveTurnSpacer(element);
       attachedRef.current = true;
-      isAutoScrollingRef.current = true;
+      automaticFollowSuppressedRef.current = false;
       lastScrollTopRef.current = element.scrollTop;
       setNextScrollState({
         hasOverflow: getConversationScrollState(element).hasOverflow,
         isAtBottom: true
       });
       const top = element.scrollHeight;
+      const targetTop = Math.max(0, top - element.clientHeight);
+      isAutoScrollingRef.current = Math.abs(Math.max(0, element.scrollTop) - targetTop) > SCROLL_DIRECTION_THRESHOLD;
       if (typeof element.scrollTo === "function") {
         element.scrollTo({ behavior: getNativeScrollBehavior(behavior), top });
       } else {
@@ -3016,11 +3186,11 @@ function useConversationScroll(ref) {
       }
       lastScrollTopRef.current = Math.max(0, element.scrollTop);
     },
-    [ref, setNextScrollState]
+    [ref, setNextScrollState, updateActiveTurnSpacer]
   );
   const getPinnedStreamTop = useCallback5((element) => {
     if (!pinnedStreamKeyRef.current) return null;
-    const anchor = element.querySelector(STREAM_ANCHOR_SELECTOR);
+    const anchor = element.querySelector(USER_STREAM_ANCHOR_SELECTOR);
     if (anchor) {
       const paddingTop = Number.parseFloat(window.getComputedStyle(element).paddingTop) || 0;
       pinnedStreamTopRef.current = Math.max(0, anchor.offsetTop - paddingTop);
@@ -3032,8 +3202,9 @@ function useConversationScroll(ref) {
       const maximumScrollTop = Math.max(0, element.scrollHeight - element.clientHeight);
       const targetTop = Math.min(top, maximumScrollTop);
       const nativeBehavior = getNativeScrollBehavior(behavior);
-      isPinnedTurnAnimatingRef.current = nativeBehavior === "smooth" && Math.abs(Math.max(0, element.scrollTop) - targetTop) > SCROLL_DIRECTION_THRESHOLD;
-      isAutoScrollingRef.current = true;
+      const hasMovement = Math.abs(Math.max(0, element.scrollTop) - targetTop) > SCROLL_DIRECTION_THRESHOLD;
+      isPinnedTurnAnimatingRef.current = nativeBehavior === "smooth" && hasMovement;
+      isAutoScrollingRef.current = hasMovement;
       lastScrollTopRef.current = element.scrollTop;
       setNextScrollState({
         hasOverflow: maximumScrollTop > BOTTOM_THRESHOLD,
@@ -3052,26 +3223,30 @@ function useConversationScroll(ref) {
   const maintainScrollPosition = useCallback5(() => {
     const element = ref.current;
     if (!element) return;
-    const activeTurnSpacerHeight = updateActiveTurnSpacer(element);
+    updateActiveTurnSpacer(element);
     const measuredState = getConversationScrollState(element);
     const scrollTop = Math.max(0, element.scrollTop);
     const scrolledUp = scrollTop < lastScrollTopRef.current - SCROLL_DIRECTION_THRESHOLD;
     lastScrollTopRef.current = scrollTop;
     if (scrolledUp && !measuredState.isAtBottom) {
       attachedRef.current = false;
+      automaticFollowSuppressedRef.current = true;
       isAutoScrollingRef.current = false;
       isPinnedTurnAnimatingRef.current = false;
       pinnedStreamKeyRef.current = null;
       pinnedStreamTopRef.current = null;
       shouldAnimatePinnedTurnRef.current = false;
+      updateActiveTurnSpacer(element);
       setNextScrollState(measuredState);
       return;
     }
-    if (!measuredState.hasOverflow || measuredState.isAtBottom) {
+    if (!automaticFollowSuppressedRef.current && (!measuredState.hasOverflow || measuredState.isAtBottom)) {
       attachedRef.current = true;
     }
-    if (attachedRef.current) {
-      const pinnedStreamTop = getPinnedStreamTop(element);
+    const hasPinnedStream = pinnedStreamKeyRef.current !== null;
+    const pinnedStreamTop = getPinnedStreamTop(element);
+    if (hasPinnedStream) {
+      automaticFollowSuppressedRef.current = true;
       if (pinnedStreamTop !== null && isPinnedTurnAnimatingRef.current) {
         const maximumScrollTop = Math.max(0, element.scrollHeight - element.clientHeight);
         const targetTop = Math.min(pinnedStreamTop, maximumScrollTop);
@@ -3082,16 +3257,20 @@ function useConversationScroll(ref) {
         isAutoScrollingRef.current = false;
         isPinnedTurnAnimatingRef.current = false;
       }
-      if (pinnedStreamTop !== null && activeTurnSpacerHeight > BOTTOM_THRESHOLD) {
-        const behavior = shouldAnimatePinnedTurnRef.current ? "smooth" : "auto";
+      if (pinnedStreamTop !== null && shouldAnimatePinnedTurnRef.current) {
         shouldAnimatePinnedTurnRef.current = false;
-        scrollToPinnedPosition(element, pinnedStreamTop, behavior);
+        scrollToPinnedPosition(element, pinnedStreamTop, "smooth");
         return;
       }
+      attachedRef.current = false;
+      setNextScrollState(measuredState);
+      return;
+    }
+    if (attachedRef.current && !automaticFollowSuppressedRef.current) {
       scrollToBottom("auto");
       return;
     }
-    setNextScrollState({ hasOverflow: measuredState.hasOverflow, isAtBottom: false });
+    setNextScrollState(measuredState);
   }, [
     getPinnedStreamTop,
     ref,
@@ -3106,29 +3285,43 @@ function useConversationScroll(ref) {
       if (!element || currentStreamKeyRef.current === streamKey) return;
       const hadActiveStream = currentStreamKeyRef.current !== null;
       currentStreamKeyRef.current = streamKey;
-      pinnedStreamKeyRef.current = streamKey;
-      pinnedStreamTopRef.current = null;
       if (streamKey) {
-        if (!hadActiveStream) {
+        const startsNewUserTurn = lastPinnedStreamKeyRef.current !== streamKey;
+        if (startsNewUserTurn) {
+          lastPinnedStreamKeyRef.current = streamKey;
+          pinnedStreamKeyRef.current = streamKey;
+          pinnedStreamTopRef.current = null;
           shouldAnimatePinnedTurnRef.current = true;
+          automaticFollowSuppressedRef.current = true;
+          attachedRef.current = true;
+        } else {
+          pinnedStreamKeyRef.current = null;
+          pinnedStreamTopRef.current = null;
+          shouldAnimatePinnedTurnRef.current = false;
+          updateActiveTurnSpacer(element);
         }
-        attachedRef.current = true;
       } else if (hadActiveStream) {
+        pinnedStreamKeyRef.current = null;
+        pinnedStreamTopRef.current = null;
         isAutoScrollingRef.current = false;
         isPinnedTurnAnimatingRef.current = false;
         shouldAnimatePinnedTurnRef.current = false;
+        automaticFollowSuppressedRef.current = true;
+        updateActiveTurnSpacer(element);
         const measuredState = getConversationScrollState(element);
-        attachedRef.current = measuredState.isAtBottom;
+        attachedRef.current = false;
         setNextScrollState(measuredState);
       }
     },
-    [ref, setNextScrollState]
+    [ref, setNextScrollState, updateActiveTurnSpacer]
   );
   useLayoutEffect(() => {
     const element = ref.current;
     if (!element) return;
     lastScrollTopRef.current = element.scrollTop;
     maintainScrollPosition();
+    automaticFollowSuppressedRef.current = true;
+    attachedRef.current = false;
   }, [maintainScrollPosition, ref]);
   useEffect9(() => {
     const element = ref.current;
@@ -3147,9 +3340,13 @@ function useConversationScroll(ref) {
         if (reachedAutomaticTarget) {
           isAutoScrollingRef.current = false;
           isPinnedTurnAnimatingRef.current = false;
+          if (pinnedStreamTop !== null) {
+            automaticFollowSuppressedRef.current = true;
+            attachedRef.current = false;
+          }
         }
         setNextScrollState(
-          wasPinnedTurnAnimating && !reachedAutomaticTarget ? { hasOverflow: measuredState.hasOverflow, isAtBottom: true } : pinnedStreamTop === null ? { hasOverflow: measuredState.hasOverflow, isAtBottom: attachedRef.current } : measuredState
+          wasPinnedTurnAnimating && !reachedAutomaticTarget ? { hasOverflow: measuredState.hasOverflow, isAtBottom: true } : pinnedStreamTop === null ? automaticFollowSuppressedRef.current ? measuredState : { hasOverflow: measuredState.hasOverflow, isAtBottom: attachedRef.current } : measuredState
         );
         return;
       }
@@ -3158,7 +3355,9 @@ function useConversationScroll(ref) {
       pinnedStreamKeyRef.current = null;
       pinnedStreamTopRef.current = null;
       shouldAnimatePinnedTurnRef.current = false;
+      updateActiveTurnSpacer(element);
       attachedRef.current = measuredState.isAtBottom;
+      automaticFollowSuppressedRef.current = !measuredState.isAtBottom;
       setNextScrollState(measuredState);
     };
     element.addEventListener("scroll", handleScroll, { passive: true });
@@ -3201,7 +3400,7 @@ function useConversationScroll(ref) {
         resizeObserver.disconnect();
       }
     };
-  }, [getPinnedStreamTop, maintainScrollPosition, ref, setNextScrollState]);
+  }, [getPinnedStreamTop, maintainScrollPosition, ref, setNextScrollState, updateActiveTurnSpacer]);
   return {
     hasOverflow: scrollState.hasOverflow,
     isAtBottom: scrollState.isAtBottom,
@@ -3212,12 +3411,12 @@ function useConversationScroll(ref) {
 }
 
 // src/embed/conversation-viewport.tsx
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 function ConversationViewport({
   children,
   streamKey = null
 }) {
-  const scrollRef = useRef8(null);
+  const scrollRef = useRef7(null);
   const { hasOverflow, isAtBottom, maintainScrollPosition, scrollToBottom, setPinnedStream } = useConversationScroll(scrollRef);
   const isScrollButtonVisible = hasOverflow && !isAtBottom;
   useScrollShadow(scrollRef);
@@ -3225,7 +3424,7 @@ function ConversationViewport({
     setPinnedStream(streamKey);
     maintainScrollPosition();
   }, [children, maintainScrollPosition, setPinnedStream, streamKey]);
-  return /* @__PURE__ */ jsxs9("div", { className: "ha-conversation", children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "ha-conversation", children: [
     /* @__PURE__ */ jsx14("div", { ref: scrollRef, "aria-live": "polite", className: "ha-messages", role: "log", children }),
     /* @__PURE__ */ jsx14(
       "div",
@@ -3258,7 +3457,7 @@ import { Suspense as Suspense2, lazy as lazy2 } from "react";
 // src/embed/genui-renderer-loader.ts
 var componentRendererPromise;
 function loadGenUIRenderer() {
-  componentRendererPromise ??= import("./component-renderer-PTMCOJHE.js").then(
+  componentRendererPromise ??= import("./component-renderer-46EJDPTB.js").then(
     (module) => ({ default: module.ComponentRenderer })
   );
   return componentRendererPromise;
@@ -3279,8 +3478,8 @@ function GenUIRenderer(props) {
 // src/embed/message-actions.tsx
 import { ArrowsRotateLeft, Check, Copy, ThumbsDown, ThumbsUp } from "@gravity-ui/icons";
 import { Button as Button2, Popover, TextArea } from "@heroui/react";
-import { useCallback as useCallback6, useEffect as useEffect10, useRef as useRef9, useState as useState7 } from "react";
-import { Fragment, jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useCallback as useCallback6, useEffect as useEffect10, useRef as useRef8, useState as useState8 } from "react";
+import { Fragment, jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
 var COPY_RESET_DELAY = 2e3;
 var FEEDBACK_COMMENT_MAX_LENGTH = 1e3;
 var NEGATIVE_FEEDBACK_REASONS = [
@@ -3298,13 +3497,13 @@ function MessageActions({
   onFeedback,
   onRetry
 }) {
-  const [isCopied, setIsCopied] = useState7(false);
-  const [isFeedbackOpen, setIsFeedbackOpen] = useState7(false);
-  const [feedbackComment, setFeedbackComment] = useState7("");
-  const [feedbackReasons, setFeedbackReasons] = useState7([]);
-  const [feedbackPortalContainer, setFeedbackPortalContainer] = useState7();
-  const resetTimeoutRef = useRef9(null);
-  const feedbackOpenedAtRef = useRef9(0);
+  const [isCopied, setIsCopied] = useState8(false);
+  const [isFeedbackOpen, setIsFeedbackOpen] = useState8(false);
+  const [feedbackComment, setFeedbackComment] = useState8("");
+  const [feedbackReasons, setFeedbackReasons] = useState8([]);
+  const [feedbackPortalContainer, setFeedbackPortalContainer] = useState8();
+  const resetTimeoutRef = useRef8(null);
+  const feedbackOpenedAtRef = useRef8(0);
   const feedbackTriggerRef = useCallback6((node) => {
     setFeedbackPortalContainer(node?.closest(".ha-panel") ?? void 0);
   }, []);
@@ -3343,7 +3542,7 @@ function MessageActions({
     });
     setIsFeedbackOpen(false);
   };
-  return /* @__PURE__ */ jsxs10("div", { "aria-label": "Message actions", className: "ha-message-actions", role: "group", children: [
+  return /* @__PURE__ */ jsxs11("div", { "aria-label": "Message actions", className: "ha-message-actions", role: "group", children: [
     showCopy ? /* @__PURE__ */ jsx16(
       "button",
       {
@@ -3355,7 +3554,7 @@ function MessageActions({
         children: /* @__PURE__ */ jsx16("span", { className: "ha-message-action-icon", children: isCopied ? /* @__PURE__ */ jsx16(Check, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx16(Copy, { "aria-hidden": "true" }) }, isCopied ? "check" : "copy")
       }
     ) : null,
-    showFeedback ? /* @__PURE__ */ jsxs10(Fragment, { children: [
+    showFeedback ? /* @__PURE__ */ jsxs11(Fragment, { children: [
       /* @__PURE__ */ jsx16(
         "button",
         {
@@ -3368,7 +3567,7 @@ function MessageActions({
           children: /* @__PURE__ */ jsx16(ThumbsUp, { "aria-hidden": "true" })
         }
       ),
-      /* @__PURE__ */ jsxs10(Popover, { isOpen: isFeedbackOpen, onOpenChange: handleFeedbackOpenChange, children: [
+      /* @__PURE__ */ jsxs11(Popover, { isOpen: isFeedbackOpen, onOpenChange: handleFeedbackOpenChange, children: [
         /* @__PURE__ */ jsx16(
           Button2,
           {
@@ -3394,7 +3593,7 @@ function MessageActions({
             offset: 8,
             placement: "top start",
             UNSTABLE_portalContainer: feedbackPortalContainer,
-            children: /* @__PURE__ */ jsxs10(Popover.Dialog, { className: "ha-feedback-dialog", children: [
+            children: /* @__PURE__ */ jsxs11(Popover.Dialog, { className: "ha-feedback-dialog", children: [
               /* @__PURE__ */ jsx16(Popover.Heading, { className: "ha-feedback-heading", children: "Help us improve" }),
               /* @__PURE__ */ jsx16("p", { className: "ha-feedback-description", children: "What could be better?" }),
               /* @__PURE__ */ jsx16("div", { "aria-label": "Feedback reasons", className: "ha-feedback-reasons", role: "group", children: NEGATIVE_FEEDBACK_REASONS.map((reason) => {
@@ -3427,7 +3626,7 @@ function MessageActions({
                 }
               ),
               /* @__PURE__ */ jsx16("p", { className: "ha-feedback-privacy", children: "Avoid sharing sensitive information." }),
-              /* @__PURE__ */ jsxs10("div", { className: "ha-feedback-footer", children: [
+              /* @__PURE__ */ jsxs11("div", { className: "ha-feedback-footer", children: [
                 /* @__PURE__ */ jsx16(
                   Button2,
                   {
@@ -3468,7 +3667,7 @@ function MessageActions({
 }
 
 // src/embed/message-attachment.tsx
-import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function MessageAttachment({ file }) {
   const name = file.filename?.trim() || "Attachment";
   const type = file.mediaType?.trim() || "";
@@ -3488,7 +3687,7 @@ function MessageAttachment({ file }) {
       }
     );
   }
-  return /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsxs12(
     "a",
     {
       className: "ha-message-file",
@@ -3499,7 +3698,7 @@ function MessageAttachment({ file }) {
       target: "_blank",
       children: [
         /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", className: "ha-message-file-icon", children: /* @__PURE__ */ jsx17(Icon, {}) }),
-        /* @__PURE__ */ jsxs11("span", { className: "ha-message-file-copy", children: [
+        /* @__PURE__ */ jsxs12("span", { className: "ha-message-file-copy", children: [
           /* @__PURE__ */ jsx17("span", { className: "ha-message-file-name", title: name, children: name }),
           /* @__PURE__ */ jsx17("span", { className: "ha-message-file-type", children: label })
         ] })
@@ -3650,23 +3849,23 @@ function handleMessageQueueComposerKeyDown(event, queue) {
 
 // src/embed/message-queue-list.tsx
 import { ArrowUp, CircleExclamation, Clock, Grip, Pencil, TrashBin } from "@gravity-ui/icons";
-import { useImperativeHandle, useLayoutEffect as useLayoutEffect3, useRef as useRef11 } from "react";
+import { useImperativeHandle, useLayoutEffect as useLayoutEffect3, useRef as useRef10 } from "react";
 
 // src/embed/use-message-queue-reorder.ts
-import { useRef as useRef10, useState as useState8 } from "react";
+import { useRef as useRef9, useState as useState9 } from "react";
 function useMessageQueueReorder({
   messages,
   onReorder,
   onReorderStateChange
 }) {
-  const dragStateRef = useRef10(null);
-  const dropTargetRef = useRef10(null);
-  const positionPickerMessageIdRef = useRef10(null);
-  const suppressedClickMessageIdRef = useRef10(null);
-  const [announcement, setAnnouncement] = useState8("");
-  const [draggedMessageId, setDraggedMessageId] = useState8(null);
-  const [dropTarget, setDropTarget] = useState8(null);
-  const [positionPickerMessageId, setPositionPickerMessageId] = useState8(null);
+  const dragStateRef = useRef9(null);
+  const dropTargetRef = useRef9(null);
+  const positionPickerMessageIdRef = useRef9(null);
+  const suppressedClickMessageIdRef = useRef9(null);
+  const [announcement, setAnnouncement] = useState9("");
+  const [draggedMessageId, setDraggedMessageId] = useState9(null);
+  const [dropTarget, setDropTarget] = useState9(null);
+  const [positionPickerMessageId, setPositionPickerMessageId] = useState9(null);
   const updateDropTarget = (nextTarget) => {
     dropTargetRef.current = nextTarget;
     setDropTarget(nextTarget);
@@ -3814,7 +4013,7 @@ function useMessageQueueReorder({
 }
 
 // src/embed/message-queue-list.tsx
-import { jsx as jsx18, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 function focusQueueMessageAt(list, index) {
   const item = list?.querySelectorAll("[data-queue-message-id]")[index];
   if (!item) return false;
@@ -3834,9 +4033,9 @@ function MessageQueueList({
   onSendNow,
   ref
 }) {
-  const focusedMessageIdRef = useRef11(null);
-  const listRef = useRef11(null);
-  const previousMessagesRef = useRef11(messages);
+  const focusedMessageIdRef = useRef10(null);
+  const listRef = useRef10(null);
+  const previousMessagesRef = useRef10(messages);
   const {
     announcement,
     closePositionPicker,
@@ -3878,7 +4077,7 @@ function MessageQueueList({
     }
     if (!focusQueueMessageAt(listRef.current, index + 1)) onFocusComposer();
   };
-  return /* @__PURE__ */ jsxs12("section", { "aria-label": "Queued messages", className: "ha-message-queue", children: [
+  return /* @__PURE__ */ jsxs13("section", { "aria-label": "Queued messages", className: "ha-message-queue", children: [
     /* @__PURE__ */ jsx18("div", { className: "ha-message-queue-header", children: "Queued" }),
     /* @__PURE__ */ jsx18("ol", { ref: listRef, className: "ha-message-queue-list", children: messages.map((message, index) => {
       const isBlocked = blockedMessageId === message.id;
@@ -3886,7 +4085,7 @@ function MessageQueueList({
       const statusId = isBlocked ? `ha-queued-message-status-${message.id}` : void 0;
       return (
         // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- Queue rows are programmatically focused for arrow-key navigation; nested controls keep their own key handling.
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs13(
           "li",
           {
             "aria-describedby": statusId,
@@ -3936,18 +4135,18 @@ function MessageQueueList({
                   value: index,
                   onBlur: () => closePositionPicker(message.id),
                   onChange: (event) => moveMessageToPosition(message.id, index, Number(event.currentTarget.value)),
-                  children: messages.map((queuedMessage, position) => /* @__PURE__ */ jsxs12("option", { value: position, children: [
+                  children: messages.map((queuedMessage, position) => /* @__PURE__ */ jsxs13("option", { value: position, children: [
                     "Position ",
                     position + 1,
                     position === index ? " (current)" : ""
                   ] }, queuedMessage.id))
                 }
               ) : /* @__PURE__ */ jsx18("span", { "aria-hidden": "true", className: "ha-message-queue-icon", children: isBlocked ? /* @__PURE__ */ jsx18(CircleExclamation, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx18(Clock, { "aria-hidden": "true" }) }),
-              /* @__PURE__ */ jsxs12("span", { className: "ha-message-queue-content", children: [
+              /* @__PURE__ */ jsxs13("span", { className: "ha-message-queue-content", children: [
                 /* @__PURE__ */ jsx18("span", { className: "ha-message-queue-preview", children: getQueuedAgentMessagePreview(message) }),
                 isBlocked ? /* @__PURE__ */ jsx18("span", { className: "ha-message-queue-status", id: statusId, role: "status", children: "Could not send" }) : null
               ] }),
-              /* @__PURE__ */ jsxs12("span", { className: "ha-message-queue-actions", children: [
+              /* @__PURE__ */ jsxs13("span", { className: "ha-message-queue-actions", children: [
                 /* @__PURE__ */ jsx18(
                   "button",
                   {
@@ -4001,7 +4200,7 @@ import { composeRenderProps as composeRenderProps2 } from "react-aria-components
 // ../agent-ui/src/components/hover-card/hover-card.tsx
 import { mergeRefs } from "@react-aria/utils";
 import { useControlledState } from "@react-stately/utils";
-import { createContext, useCallback as useCallback7, useContext, useEffect as useEffect11, useMemo as useMemo2, useRef as useRef12, useState as useState9 } from "react";
+import { createContext, useCallback as useCallback7, useContext, useEffect as useEffect11, useMemo as useMemo2, useRef as useRef11, useState as useState10 } from "react";
 import {
   OverlayArrow as OverlayArrowPrimitive,
   Popover as PopoverPrimitive,
@@ -4030,11 +4229,11 @@ var HoverCardRoot = ({
   openDelay = 700
 }) => {
   const [isOpen, setOpen] = useControlledState(open, defaultOpen, onOpenChange);
-  const [portalContainer, setPortalContainer] = useState9();
-  const triggerRef = useRef12(null);
-  const isPointerInsideRef = useRef12(false);
-  const openTimerRef = useRef12(void 0);
-  const closeTimerRef = useRef12(void 0);
+  const [portalContainer, setPortalContainer] = useState10();
+  const triggerRef = useRef11(null);
+  const isPointerInsideRef = useRef11(false);
+  const openTimerRef = useRef11(void 0);
+  const closeTimerRef = useRef11(void 0);
   const clearTimers = useCallback7(() => {
     clearTimeout(openTimerRef.current);
     clearTimeout(closeTimerRef.current);
@@ -4251,7 +4450,7 @@ function extractSourceDomain(href) {
 }
 
 // ../agent-ui/src/components/chat-source/chat-source.tsx
-import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx20, jsxs as jsxs14 } from "react/jsx-runtime";
 var ChatSourceContext = createContext2({ sourceType: "url" });
 var useChatSourceContext = () => useContext2(ChatSourceContext);
 function getSourceInitial(label) {
@@ -4276,7 +4475,7 @@ var ChatSourceRoot = ({
     () => ({ description, domain, enablePreview, faviconUrl, href, locator, sourceType, title }),
     [description, domain, enablePreview, faviconUrl, href, locator, sourceType, title]
   );
-  const body = children ?? /* @__PURE__ */ jsxs13(Fragment2, { children: [
+  const body = children ?? /* @__PURE__ */ jsxs14(Fragment2, { children: [
     /* @__PURE__ */ jsx20(ChatSourceTrigger, {}),
     enablePreview ? /* @__PURE__ */ jsx20(ChatSourcePreview, { description, title }) : null
   ] });
@@ -4296,11 +4495,11 @@ var ChatSourceRoot = ({
 var ChatSourceTrigger = ({ children, className, label, ...props }) => {
   const { domain, enablePreview, href, locator, sourceType, title } = useChatSourceContext();
   const isUrl = sourceType === "url" && href;
-  const triggerBody = children ?? label ?? (isUrl ? /* @__PURE__ */ jsxs13(Fragment2, { children: [
+  const triggerBody = children ?? label ?? (isUrl ? /* @__PURE__ */ jsxs14(Fragment2, { children: [
     /* @__PURE__ */ jsx20(ChatSourceIcon, {}),
     /* @__PURE__ */ jsx20(ChatSourceTitle, { children: title ?? domain }),
     locator ? /* @__PURE__ */ jsx20(ChatSourceLocator, { children: locator }) : null
-  ] }) : /* @__PURE__ */ jsxs13(Fragment2, { children: [
+  ] }) : /* @__PURE__ */ jsxs14(Fragment2, { children: [
     /* @__PURE__ */ jsx20(ChatSourceDocumentIcon, {}),
     /* @__PURE__ */ jsx20(ChatSourceTitle, { children: title }),
     locator ? /* @__PURE__ */ jsx20(ChatSourceLocator, { children: locator }) : null
@@ -4378,7 +4577,7 @@ var ChatSourceIcon = ({ children, className, faviconUrl }) => {
       "data-slot": "chat-source-icon"
     });
   }
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(
     "span",
     {
       "aria-hidden": "true",
@@ -4445,7 +4644,7 @@ var ChatSourcePreview = ({
   if (!enablePreview) return null;
   const resolvedTitle = title ?? contextTitle;
   const resolvedDescription = description ?? contextDescription;
-  const body = sourceType === "url" && href ? /* @__PURE__ */ jsxs13(
+  const body = sourceType === "url" && href ? /* @__PURE__ */ jsxs14(
     "a",
     {
       className: "aui-chat-source__preview-link",
@@ -4453,7 +4652,7 @@ var ChatSourcePreview = ({
       rel: "noopener noreferrer",
       target: "_blank",
       children: [
-        /* @__PURE__ */ jsxs13("div", { className: "aui-chat-source__preview-header", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "aui-chat-source__preview-header", children: [
           /* @__PURE__ */ jsx20(ChatSourceIcon, {}),
           /* @__PURE__ */ jsx20("span", { className: "aui-chat-source__preview-domain", children: domain })
         ] }),
@@ -4461,8 +4660,8 @@ var ChatSourcePreview = ({
         resolvedDescription ? /* @__PURE__ */ jsx20("div", { className: "aui-chat-source__preview-description", children: resolvedDescription }) : null
       ]
     }
-  ) : /* @__PURE__ */ jsxs13("div", { className: "aui-chat-source__preview-link", "data-source-type": "document", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "aui-chat-source__preview-header", children: [
+  ) : /* @__PURE__ */ jsxs14("div", { className: "aui-chat-source__preview-link", "data-source-type": "document", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "aui-chat-source__preview-header", children: [
       /* @__PURE__ */ jsx20(ChatSourceDocumentIcon, {}),
       /* @__PURE__ */ jsx20("span", { className: "aui-chat-source__preview-domain", children: resolvedTitle ?? "Document" })
     ] }),
@@ -4488,7 +4687,7 @@ var ChatSourcePreview = ({
 // ../agent-ui/src/components/chat-source/chat-sources.tsx
 import { Disclosure as Disclosure3 } from "@heroui/react";
 import { composeRenderProps as composeRenderProps3 } from "react-aria-components";
-import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 var ChatSourcesRoot = ({ children, className, ...props }) => /* @__PURE__ */ jsx21(
   Disclosure3,
   {
@@ -4501,7 +4700,7 @@ var ChatSourcesRoot = ({ children, className, ...props }) => /* @__PURE__ */ jsx
     children
   }
 );
-var ChatSourcesTrigger = ({ children, className, ...props }) => /* @__PURE__ */ jsx21(Disclosure3.Heading, { children: /* @__PURE__ */ jsxs14(
+var ChatSourcesTrigger = ({ children, className, ...props }) => /* @__PURE__ */ jsx21(Disclosure3.Heading, { children: /* @__PURE__ */ jsxs15(
   Disclosure3.Trigger,
   {
     "data-slot": "chat-sources-trigger",
@@ -4557,7 +4756,7 @@ var ChatSources = Object.assign(ChatSourcesRoot, {
 });
 
 // src/embed/message-sources.tsx
-import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function sourceFaviconUrl(url) {
   return `https://www.google.com/s2/favicons?domain_url=${encodeURIComponent(url)}&sz=64`;
 }
@@ -4584,8 +4783,8 @@ function MessageSources({ sources }) {
   if (sources.length === 1) {
     return /* @__PURE__ */ jsx22("div", { "aria-label": "Sources", className: "ha-message-sources", "data-count": "1", role: "group", children: /* @__PURE__ */ jsx22(SourceLink, { source: sources[0] }) });
   }
-  return /* @__PURE__ */ jsxs15(ChatSources, { className: "ha-message-sources", "data-count": sources.length, children: [
-    /* @__PURE__ */ jsxs15(ChatSources.Trigger, { "aria-label": `${sources.length} sources`, children: [
+  return /* @__PURE__ */ jsxs16(ChatSources, { className: "ha-message-sources", "data-count": sources.length, children: [
+    /* @__PURE__ */ jsxs16(ChatSources.Trigger, { "aria-label": `${sources.length} sources`, children: [
       /* @__PURE__ */ jsx22("span", { className: "ha-sources-label", children: "Sources" }),
       /* @__PURE__ */ jsx22("span", { "aria-hidden": "true", className: "ha-sources-count", children: sources.length })
     ] }),
@@ -4670,8 +4869,8 @@ function writeCachedProjectConfig(agentId, config) {
 // src/embed/session-picker.tsx
 import { ChevronDown as ChevronDown2, Ellipsis, Pencil as Pencil2, Plus as Plus2, TrashBin as TrashBin2 } from "@gravity-ui/icons";
 import { Button as Button4, Dropdown, Input, Label as Label3, Modal, Popover as Popover2, TextField } from "@heroui/react";
-import { useCallback as useCallback8, useRef as useRef13, useState as useState10 } from "react";
-import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useCallback as useCallback8, useRef as useRef12, useState as useState11 } from "react";
+import { Fragment as Fragment3, jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var RENAME_KEY = "rename";
 var DELETE_KEY = "delete";
 var MAX_TITLE_LENGTH = 80;
@@ -4687,17 +4886,17 @@ function SessionPicker({
   onSelectConversation,
   variant = "popover"
 }) {
-  const [isOpen, setIsOpen] = useState10(false);
-  const [isDialogOpen, setIsDialogOpen] = useState10(false);
-  const [actionMenuId, setActionMenuId] = useState10(null);
-  const [dialog, setDialog] = useState10(null);
-  const [renameTitle, setRenameTitle] = useState10("");
-  const [mutationError, setMutationError] = useState10(null);
-  const [isPending, setIsPending] = useState10(false);
-  const [portalContainer, setPortalContainer] = useState10();
-  const pointerOpenAt = useRef13(0);
-  const actionPointerOpenAt = useRef13(0);
-  const sidebarHistoryRef = useRef13(null);
+  const [isOpen, setIsOpen] = useState11(false);
+  const [isDialogOpen, setIsDialogOpen] = useState11(false);
+  const [actionMenuId, setActionMenuId] = useState11(null);
+  const [dialog, setDialog] = useState11(null);
+  const [renameTitle, setRenameTitle] = useState11("");
+  const [mutationError, setMutationError] = useState11(null);
+  const [isPending, setIsPending] = useState11(false);
+  const [portalContainer, setPortalContainer] = useState11();
+  const pointerOpenAt = useRef12(0);
+  const actionPointerOpenAt = useRef12(0);
+  const sidebarHistoryRef = useRef12(null);
   useScrollShadow(sidebarHistoryRef);
   const activeConversation = groups.flatMap((group) => group.items).find((conversation) => conversation.id === activeConversationId);
   const activeTitle = activeConversation?.title ?? "New chat";
@@ -4769,13 +4968,13 @@ function SessionPicker({
       setIsPending(false);
     }
   };
-  const history = groups.length ? groups.map((group) => /* @__PURE__ */ jsxs16("section", { className: "ha-session-group", children: [
+  const history = groups.length ? groups.map((group) => /* @__PURE__ */ jsxs17("section", { className: "ha-session-group", children: [
     /* @__PURE__ */ jsx24("h3", { children: group.label }),
     /* @__PURE__ */ jsx24("div", { className: "ha-session-list", children: group.items.map((conversation) => {
       const isActive = conversation.id === activeConversationId;
       const isBusy = busyConversationIds.has(conversation.id);
       const hasCompletedUpdate = !isBusy && completedConversationIds.has(conversation.id);
-      return /* @__PURE__ */ jsxs16(
+      return /* @__PURE__ */ jsxs17(
         "div",
         {
           className: "ha-session-row",
@@ -4783,7 +4982,7 @@ function SessionPicker({
           "data-active": isActive || void 0,
           "data-completed": hasCompletedUpdate || void 0,
           children: [
-            /* @__PURE__ */ jsxs16(
+            /* @__PURE__ */ jsxs17(
               "button",
               {
                 "aria-current": isActive ? "page" : void 0,
@@ -4800,7 +4999,7 @@ function SessionPicker({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs16(
+            /* @__PURE__ */ jsxs17(
               Dropdown,
               {
                 isOpen: actionMenuId === conversation.id,
@@ -4826,17 +5025,17 @@ function SessionPicker({
                       className: "ha-session-actions-menu",
                       placement: "bottom end",
                       UNSTABLE_portalContainer: portalContainer,
-                      children: /* @__PURE__ */ jsxs16(
+                      children: /* @__PURE__ */ jsxs17(
                         Dropdown.Menu,
                         {
                           "aria-label": `Actions for ${conversation.title}`,
                           onAction: (key) => handleConversationAction(conversation, key),
                           children: [
-                            /* @__PURE__ */ jsxs16(Dropdown.Item, { id: RENAME_KEY, textValue: "Rename", children: [
+                            /* @__PURE__ */ jsxs17(Dropdown.Item, { id: RENAME_KEY, textValue: "Rename", children: [
                               /* @__PURE__ */ jsx24(Pencil2, { "aria-hidden": "true" }),
                               /* @__PURE__ */ jsx24(Label3, { children: "Rename" })
                             ] }),
-                            /* @__PURE__ */ jsxs16(
+                            /* @__PURE__ */ jsxs17(
                               Dropdown.Item,
                               {
                                 id: DELETE_KEY,
@@ -4863,16 +5062,16 @@ function SessionPicker({
       );
     }) })
   ] }, group.label)) : /* @__PURE__ */ jsx24("p", { className: "ha-session-empty", children: "Your recent chats will appear here." });
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       "data-variant": variant,
       className: variant === "sidebar" ? "ha-session-picker ha-session-sidebar" : "ha-session-picker",
       children: [
-        variant === "sidebar" ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
-          /* @__PURE__ */ jsxs16("div", { className: "ha-session-sidebar-header", children: [
+        variant === "sidebar" ? /* @__PURE__ */ jsxs17(Fragment3, { children: [
+          /* @__PURE__ */ jsxs17("div", { className: "ha-session-sidebar-header", children: [
             /* @__PURE__ */ jsx24("h2", { children: "Chats" }),
-            /* @__PURE__ */ jsxs16(
+            /* @__PURE__ */ jsxs17(
               Button4,
               {
                 fullWidth: true,
@@ -4899,8 +5098,8 @@ function SessionPicker({
               children: history
             }
           )
-        ] }) : /* @__PURE__ */ jsxs16(Popover2, { isOpen, onOpenChange: handleOpenChange, children: [
-          /* @__PURE__ */ jsxs16(
+        ] }) : /* @__PURE__ */ jsxs17(Popover2, { isOpen, onOpenChange: handleOpenChange, children: [
+          /* @__PURE__ */ jsxs17(
             Button4,
             {
               "aria-label": "Choose a chat",
@@ -4985,7 +5184,7 @@ function SessionDialogContent({
   renameTitle
 }) {
   if (dialog?.type === "rename") {
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17(
       "form",
       {
         onSubmit: (event) => {
@@ -4994,7 +5193,7 @@ function SessionDialogContent({
         },
         children: [
           /* @__PURE__ */ jsx24(Modal.Header, { children: /* @__PURE__ */ jsx24(Modal.Heading, { children: "Rename chat" }) }),
-          /* @__PURE__ */ jsxs16(Modal.Body, { children: [
+          /* @__PURE__ */ jsxs17(Modal.Body, { children: [
             /* @__PURE__ */ jsx24(
               TextField,
               {
@@ -5016,7 +5215,7 @@ function SessionDialogContent({
             ),
             /* @__PURE__ */ jsx24(SessionDialogError, { message: mutationError })
           ] }),
-          /* @__PURE__ */ jsxs16(Modal.Footer, { children: [
+          /* @__PURE__ */ jsxs17(Modal.Footer, { children: [
             /* @__PURE__ */ jsx24(
               Button4,
               {
@@ -5035,12 +5234,12 @@ function SessionDialogContent({
     );
   }
   if (dialog?.type !== "delete") return null;
-  return /* @__PURE__ */ jsxs16(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs17(Fragment3, { children: [
     /* @__PURE__ */ jsx24(Modal.Header, { children: /* @__PURE__ */ jsx24(Modal.Heading, { children: "Delete chat?" }) }),
-    /* @__PURE__ */ jsxs16(Modal.Body, { children: [
-      /* @__PURE__ */ jsxs16("p", { children: [
+    /* @__PURE__ */ jsxs17(Modal.Body, { children: [
+      /* @__PURE__ */ jsxs17("p", { children: [
         "Are you sure you want to delete ",
-        /* @__PURE__ */ jsxs16("strong", { children: [
+        /* @__PURE__ */ jsxs17("strong", { children: [
           "\u201C",
           dialog.item.title,
           "\u201D"
@@ -5049,7 +5248,7 @@ function SessionDialogContent({
       ] }),
       /* @__PURE__ */ jsx24(SessionDialogError, { message: mutationError })
     ] }),
-    /* @__PURE__ */ jsxs16(Modal.Footer, { children: [
+    /* @__PURE__ */ jsxs17(Modal.Footer, { children: [
       /* @__PURE__ */ jsx24(Button4, { fullWidth: true, isDisabled: isPending, variant: "outline", onPress: onClose, children: "Cancel" }),
       /* @__PURE__ */ jsx24(Button4, { fullWidth: true, isPending, variant: "danger", onPress: () => void onDelete(), children: isPending ? "Deleting\u2026" : "Delete" })
     ] })
@@ -5060,7 +5259,7 @@ function SessionDialogError({ message }) {
 }
 
 // src/embed/startup-activity-status.tsx
-import { useEffect as useEffect12, useState as useState11 } from "react";
+import { useEffect as useEffect12, useState as useState12 } from "react";
 import { jsx as jsx25 } from "react/jsx-runtime";
 var STARTUP_ACTIVITY_STATUSES = [
   "Thinking\u2026",
@@ -5069,7 +5268,7 @@ var STARTUP_ACTIVITY_STATUSES = [
 ];
 var STARTUP_ACTIVITY_STATUS_INTERVAL_MS = 1600;
 function StartupActivityStatus() {
-  const [statusIndex, setStatusIndex] = useState11(0);
+  const [statusIndex, setStatusIndex] = useState12(0);
   useEffect12(() => {
     const timers = STARTUP_ACTIVITY_STATUSES.slice(1).map(
       (_, index) => window.setTimeout(
@@ -5112,7 +5311,7 @@ function restoreTriggerSession(stored, bootstrapStatus) {
 }
 
 // src/embed/use-composer-draft.ts
-import { useCallback as useCallback9, useEffect as useEffect13, useRef as useRef14, useState as useState12 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect13, useRef as useRef13, useState as useState13 } from "react";
 var AGENT_COMPOSER_DRAFT_SAVE_DEBOUNCE_MS = 300;
 function useComposerDraft({
   attachments,
@@ -5121,10 +5320,10 @@ function useComposerDraft({
   setAttachments,
   setInput
 }) {
-  const [restoredImageDraftKey, setRestoredImageDraftKey] = useState12(null);
-  const [restoredPromptDraftKey, setRestoredPromptDraftKey] = useState12(null);
-  const latestInputRef = useRef14(input);
-  const saveTimeoutRef = useRef14(null);
+  const [restoredImageDraftKey, setRestoredImageDraftKey] = useState13(null);
+  const [restoredPromptDraftKey, setRestoredPromptDraftKey] = useState13(null);
+  const latestInputRef = useRef13(input);
+  const saveTimeoutRef = useRef13(null);
   useEffect13(() => {
     latestInputRef.current = input;
   }, [input]);
@@ -5175,7 +5374,7 @@ function useComposerDraft({
 }
 
 // src/embed/use-persisted-model-selection.ts
-import { useCallback as useCallback10, useState as useState13 } from "react";
+import { useCallback as useCallback10, useState as useState14 } from "react";
 function agentModelPreferenceStorageKey(identityStorageKey) {
   return `${identityStorageKey}:model`;
 }
@@ -5203,7 +5402,7 @@ function storeModelPreference(identityStorageKey, modelId) {
   }
 }
 function usePersistedModelSelection(identityStorageKey, configuredDefaultModelId) {
-  const [preferredModelId, setPreferredModelId] = useState13(
+  const [preferredModelId, setPreferredModelId] = useState14(
     () => readStoredModelPreference(identityStorageKey)
   );
   const selectedModelId = preferredModelId ?? configuredDefaultModelId ?? DEFAULT_AGENT_PICKER_MODEL_ID;
@@ -5318,7 +5517,7 @@ async function transcribeVoiceRecording({
 }
 
 // src/embed/embed-runtime.tsx
-import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs18 } from "react/jsx-runtime";
 var TRANSPORT_COMPLETION_WATCHDOG_MS = 3e4;
 function createReconciliationDeferred() {
   let resolve;
@@ -5361,14 +5560,14 @@ function EmbedRuntime({
     () => new EmbedSessionManager(options.agentId, options.getAuthToken),
     [options.getAuthToken, options.agentId]
   );
-  const [activeConversationId, setActiveConversationId] = useState14(null);
-  const [runtimeRoutes, setRuntimeRoutes] = useState14({});
-  const runtimeRoutesRef = useRef15(runtimeRoutes);
-  const activeConversationIdRef = useRef15(activeConversationId);
-  const [error, setError] = useState14(null);
-  const [history, setHistory] = useState14([]);
-  const [conversationActivity, setConversationActivity] = useState14(createConversationActivityState);
-  const [messageQueues, setMessageQueues] = useState14({});
+  const [activeConversationId, setActiveConversationId] = useState15(null);
+  const [runtimeRoutes, setRuntimeRoutes] = useState15({});
+  const runtimeRoutesRef = useRef14(runtimeRoutes);
+  const activeConversationIdRef = useRef14(activeConversationId);
+  const [error, setError] = useState15(null);
+  const [history, setHistory] = useState15([]);
+  const [conversationActivity, setConversationActivity] = useState15(createConversationActivityState);
+  const [messageQueues, setMessageQueues] = useState15({});
   const runtime = activeConversationId ? runtimeRoutes[activeConversationId] ?? null : null;
   useLayoutEffect4(() => {
     runtimeRoutesRef.current = runtimeRoutes;
@@ -5411,7 +5610,7 @@ function EmbedRuntime({
     },
     []
   );
-  const bootstrapCacheRef = useRef15(null);
+  const bootstrapCacheRef = useRef14(null);
   const apiBaseUrl = options.apiBaseUrl;
   const agentId = options.agentId;
   const notifyReady = useEffectEvent(onReady);
@@ -5429,7 +5628,7 @@ function EmbedRuntime({
   const reportEmbedLoaded = useEffectEvent((conversationId) => {
     void reportEvent(options, tokenManager, conversationId, "embed_loaded");
   });
-  const appliedIdentityEpochRef = useRef15(identityEpoch);
+  const appliedIdentityEpochRef = useRef14(identityEpoch);
   useLayoutEffect4(() => {
     if (appliedIdentityEpochRef.current === identityEpoch) return;
     appliedIdentityEpochRef.current = identityEpoch;
@@ -5590,7 +5789,7 @@ function EmbedRuntime({
     ),
     [clientToolValidationError, options.permissionDefaultMode, options.tools]
   );
-  const preloadedConversationIds = useRef15(/* @__PURE__ */ new Set());
+  const preloadedConversationIds = useRef14(/* @__PURE__ */ new Set());
   const warmAgentSession = useEffectEvent((conversationId) => {
     preloadedConversationIds.current.add(conversationId);
     void preloadAgentSession(options, tokenManager, conversationId, preloadClientTools);
@@ -5706,7 +5905,7 @@ function EmbedRuntime({
     );
   }, [options.suggestedPrompts, runtimeRoutes]);
   const runtimeConfig = activeConversationId ? configuredRuntimeRoutes[activeConversationId]?.config ?? null : null;
-  const openedConversationRef = useRef15(null);
+  const openedConversationRef = useRef14(null);
   useEffect14(() => {
     if (!open || !runtime || openedConversationRef.current === runtime.conversationId) return;
     openedConversationRef.current = runtime.conversationId;
@@ -5716,7 +5915,7 @@ function EmbedRuntime({
   const conversationGroups = useMemo4(() => groupConversationHistory(history), [history]);
   const activeConversationTitle = history.find((conversation) => conversation.id === activeConversationId)?.title ?? "New chat";
   const loadingMessage = bootstrapCacheRef.current ? "Loading chat\u2026" : "Loading assistant\u2026";
-  return /* @__PURE__ */ jsxs17(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs18(Fragment4, { children: [
     open && runtime?.config.presence ? /* @__PURE__ */ jsx26(
       AgentConversationPresence,
       {
@@ -5726,7 +5925,7 @@ function EmbedRuntime({
         userId: runtime.presenceUserId
       }
     ) : null,
-    /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsxs18(
       PanelShell,
       {
         actionsSlot: /* @__PURE__ */ jsx26(NewChatButton, { onPress: onNewConversation }),
@@ -5833,11 +6032,11 @@ function ChatRuntime({
   const permissionStorageKey = agentPermissionModeStorageKey(storageKey, conversationId);
   const attachmentPolicyKey = options.composerAttachmentAccept;
   const attachmentPolicy = useMemo4(() => ({ key: attachmentPolicyKey }), [attachmentPolicyKey]);
-  const [attachmentSelection, setAttachmentSelection] = useState14(() => ({
+  const [attachmentSelection, setAttachmentSelection] = useState15(() => ({
     files: [],
     policy: attachmentPolicy
   }));
-  const [attachmentErrorSelection, setAttachmentErrorSelection] = useState14(() => ({
+  const [attachmentErrorSelection, setAttachmentErrorSelection] = useState15(() => ({
     error: null,
     policy: attachmentPolicy
   }));
@@ -5863,16 +6062,16 @@ function ChatRuntime({
     (error) => setAttachmentErrorSelection({ error, policy: attachmentPolicy }),
     [attachmentPolicy]
   );
-  const [activeTurnSelection, setActiveTurnSelectionState] = useState14(() => {
+  const [activeTurnSelection, setActiveTurnSelectionState] = useState15(() => {
     const storedMode = shouldRestoreActivePermission ? readStoredAgentPermissionMode(activePermissionStorageKey) : void 0;
     const restoredMode = storedMode ?? (shouldRestoreActivePermission ? "ask" : void 0);
     return restoredMode ? { modelId: void 0, permissionMode: restoredMode } : void 0;
   });
-  const [activityTimings, setActivityTimings] = useState14({});
-  const [feedbackByMessage, setFeedbackByMessage] = useState14({});
-  const [isComposerExpanded, setIsComposerExpanded] = useState14(false);
-  const [input, setInput] = useState14("");
-  const [permissionSelection, setPermissionSelection] = useState14(() => {
+  const [activityTimings, setActivityTimings] = useState15({});
+  const [feedbackByMessage, setFeedbackByMessage] = useState15({});
+  const [isComposerExpanded, setIsComposerExpanded] = useState15(false);
+  const [input, setInput] = useState15("");
+  const [permissionSelection, setPermissionSelection] = useState15(() => {
     const storedMode = options.permissionShowPicker ? readStoredAgentPermissionMode(permissionStorageKey) : void 0;
     const hasUnresolvedClientTool = options.permissionShowPicker && initialMessages.some(
       (message) => message.role === "assistant" && message.parts.some((part) => {
@@ -5888,19 +6087,19 @@ function ChatRuntime({
       selectedMode: storedMode ?? (hasUnresolvedClientTool ? "ask" : options.permissionDefaultMode)
     };
   });
-  const [isQueueReordering, setIsQueueReordering] = useState14(false);
-  const [isReconciling, setIsReconciling] = useState14(false);
-  const [localPending, setLocalPending] = useState14(false);
-  const [pendingClientToolCallIds, setPendingClientToolCallIds] = useState14(
+  const [isQueueReordering, setIsQueueReordering] = useState15(false);
+  const [isReconciling, setIsReconciling] = useState15(false);
+  const [localPending, setLocalPending] = useState15(false);
+  const [pendingClientToolCallIds, setPendingClientToolCallIds] = useState15(
     () => /* @__PURE__ */ new Set()
   );
-  const [isResuming, setIsResuming] = useState14(true);
-  const [progress, setProgress] = useState14(null);
-  const [queueDrainVersion, setQueueDrainVersion] = useState14(0);
-  const [reconcileEpoch, setReconcileEpoch] = useState14(0);
-  const [recoveryError, setRecoveryError] = useState14(false);
-  const [selection, setSelection] = useState14(null);
-  const [toolDecisions, setToolDecisions] = useState14({});
+  const [isResuming, setIsResuming] = useState15(true);
+  const [progress, setProgress] = useState15(null);
+  const [queueDrainVersion, setQueueDrainVersion] = useState15(0);
+  const [reconcileEpoch, setReconcileEpoch] = useState15(0);
+  const [recoveryError, setRecoveryError] = useState15(false);
+  const [selection, setSelection] = useState15(null);
+  const [toolDecisions, setToolDecisions] = useState15({});
   useEffect14(() => {
     if (!shouldRestoreActivePermission) {
       clearStoredAgentPermissionMode(activePermissionStorageKey);
@@ -5938,7 +6137,7 @@ function ChatRuntime({
     () => serializeClientTools(effectiveClientTools),
     [effectiveClientTools]
   );
-  const clientToolManifestRef = useRef15(clientToolManifest);
+  const clientToolManifestRef = useRef14(clientToolManifest);
   useLayoutEffect4(() => {
     clientToolManifestRef.current = clientToolManifest;
   }, [clientToolManifest]);
@@ -5947,27 +6146,27 @@ function ChatRuntime({
     () => new Map(effectiveClientTools.map((tool) => [tool.name, tool])),
     [effectiveClientTools]
   );
-  const executedToolCallsRef = useRef15(/* @__PURE__ */ new Set());
-  const activeMessageIdRef = useRef15(null);
-  const isBusyRef = useRef15(true);
-  const isQueueReorderingRef = useRef15(false);
-  const messageQueueRef = useRef15(messageQueue);
-  const pendingTurnAnchorRef = useRef15(null);
-  const reconciliationDeferredRef = useRef15(null);
-  const reconcileMessageIdRef = useRef15(void 0);
-  const resumePromiseRef = useRef15(null);
-  const manualStopRequestedRef = useRef15(false);
-  const sendAcknowledgedRef = useRef15(false);
-  const sendErrorRef = useRef15(null);
-  const streamedMessageIdsRef = useRef15(/* @__PURE__ */ new Set());
-  const timedMessageIdRef = useRef15(null);
-  const transportFailureRef = useRef15(null);
-  const turnStartedAtRef = useRef15(null);
-  const needsReconciliationRef = useRef15(false);
-  const clearChatErrorRef = useRef15(() => void 0);
-  const fileInputRef = useRef15(null);
-  const messageQueueListRef = useRef15(null);
-  const textareaRef = useRef15(null);
+  const executedToolCallsRef = useRef14(/* @__PURE__ */ new Set());
+  const activeMessageIdRef = useRef14(null);
+  const isBusyRef = useRef14(true);
+  const isQueueReorderingRef = useRef14(false);
+  const messageQueueRef = useRef14(messageQueue);
+  const pendingTurnAnchorRef = useRef14(null);
+  const reconciliationDeferredRef = useRef14(null);
+  const reconcileMessageIdRef = useRef14(void 0);
+  const resumePromiseRef = useRef14(null);
+  const manualStopRequestedRef = useRef14(false);
+  const sendAcknowledgedRef = useRef14(false);
+  const sendErrorRef = useRef14(null);
+  const streamedMessageIdsRef = useRef14(/* @__PURE__ */ new Set());
+  const timedMessageIdRef = useRef14(null);
+  const transportFailureRef = useRef14(null);
+  const turnStartedAtRef = useRef14(null);
+  const needsReconciliationRef = useRef14(false);
+  const clearChatErrorRef = useRef14(() => void 0);
+  const fileInputRef = useRef14(null);
+  const messageQueueListRef = useRef14(null);
+  const textareaRef = useRef14(null);
   const composerDraftKey = useMemo4(
     () => agentComposerDraftStorageKey(storageKey, conversationId),
     [conversationId, storageKey]
@@ -6465,8 +6664,11 @@ function ChatRuntime({
       turnStartedAtRef.current = Date.now();
       prepareTransportSend();
       pendingTurnAnchorRef.current = {
-        messageId: message.id,
-        previousUserMessageId: previousUserMessageId ?? null
+        previousUserMessageId: previousUserMessageId ?? null,
+        // A failed queued message can be sent again with the same message id.
+        // Use a fresh key per actual send attempt so each user-triggered send
+        // receives its one permitted viewport movement.
+        scrollKey: crypto.randomUUID()
       };
       setLocalPending(true);
       setRecoveryError(false);
@@ -6868,8 +7070,7 @@ function ChatRuntime({
   )?.id;
   const lastUserMessageId = chatState.messages.findLast((message) => message.role === "user")?.id;
   const { activeStreamKey, activeTurnMessageId } = resolveConversationTurnAnchor({
-    conversationId,
-    isActive: localPending || isRunning,
+    isActive: hasActiveTurn,
     lastUserMessageId,
     pendingTurn: pendingTurnAnchorRef.current
   });
@@ -6885,9 +7086,9 @@ function ChatRuntime({
   const dictationButtonLabel = isDictationTranscribing ? "Cancel transcription" : isDictating ? "Stop dictation" : "Dictate message";
   const dictationButtonTitle = isDictationSupported ? dictationButtonLabel : "Voice dictation is not supported in this browser";
   const sendButtonLabel = isRunning && !hasComposerDraft ? "Stop answering" : isBusy ? "Queue message" : "Send message";
-  return /* @__PURE__ */ jsxs17(Fragment4, { children: [
-    /* @__PURE__ */ jsxs17(ConversationViewport, { streamKey: activeStreamKey, children: [
-      showHome ? /* @__PURE__ */ jsxs17("div", { className: "ha-empty", children: [
+  return /* @__PURE__ */ jsxs18(Fragment4, { children: [
+    /* @__PURE__ */ jsxs18(ConversationViewport, { streamKey: activeStreamKey, children: [
+      showHome ? /* @__PURE__ */ jsxs18("div", { className: "ha-empty", children: [
         /* @__PURE__ */ jsx26("h2", { children: options.greeting }),
         /* @__PURE__ */ jsx26("p", { children: "Live answers with charts, metrics, and tables." })
       ] }) : chatState.messages.map((message) => /* @__PURE__ */ jsx26(
@@ -6917,13 +7118,13 @@ function ChatRuntime({
         message.id
       )),
       standaloneStatus && (active || standaloneStatus !== DEFAULT_ACTIVITY_STATUS) ? /* @__PURE__ */ jsx26("div", { className: "ha-message", "data-role": "assistant", "data-stream-anchor": "true", children: /* @__PURE__ */ jsx26("div", { className: "ha-message-body", children: standaloneStatus === DEFAULT_ACTIVITY_STATUS ? /* @__PURE__ */ jsx26(StartupActivityStatus, {}, activeStreamKey ?? conversationId) : /* @__PURE__ */ jsx26(ActivityStatus, { label: standaloneStatus }) }) }) : null,
-      chatState.error || recoveryError ? /* @__PURE__ */ jsxs17("div", { className: "ha-error", role: "alert", children: [
+      chatState.error || recoveryError ? /* @__PURE__ */ jsxs18("div", { className: "ha-error", role: "alert", children: [
         /* @__PURE__ */ jsx26("span", { children: "The request could not be completed." }),
         /* @__PURE__ */ jsx26("button", { type: "button", onClick: retryLastResponse, children: "Retry" })
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsxs17("form", { className: "ha-composer-wrap", onSubmit: submit, children: [
-      showHome && visibleSuggestedPrompts.length > 0 ? /* @__PURE__ */ jsx26("div", { "aria-label": "Suggested prompts", className: "ha-suggestions", role: "group", children: visibleSuggestedPrompts.map((prompt, index) => /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsxs18("form", { className: "ha-composer-wrap", onSubmit: submit, children: [
+      showHome && visibleSuggestedPrompts.length > 0 ? /* @__PURE__ */ jsx26("div", { "aria-label": "Suggested prompts", className: "ha-suggestions", role: "group", children: visibleSuggestedPrompts.map((prompt, index) => /* @__PURE__ */ jsxs18(
         "button",
         {
           className: "ha-suggestion",
@@ -6932,7 +7133,7 @@ function ChatRuntime({
           onClick: () => submitComposerMessage(prompt),
           children: [
             /* @__PURE__ */ jsx26("span", { children: prompt }),
-            options.suggestedPromptShortcuts ? /* @__PURE__ */ jsxs17("span", { "aria-hidden": "true", className: "ha-suggestion-shortcut", children: [
+            options.suggestedPromptShortcuts ? /* @__PURE__ */ jsxs18("span", { "aria-hidden": "true", className: "ha-suggestion-shortcut", children: [
               /* @__PURE__ */ jsx26("kbd", { children: "Ctrl" }),
               /* @__PURE__ */ jsx26("kbd", { children: index + 1 })
             ] }) : /* @__PURE__ */ jsx26(ArrowUpRight, { "aria-hidden": "true" })
@@ -6956,7 +7157,7 @@ function ChatRuntime({
           onSendNow: sendQueuedMessageNow
         }
       ),
-      /* @__PURE__ */ jsxs17(
+      /* @__PURE__ */ jsxs18(
         ComposerFileDropzone,
         {
           className: "@container ha-composer",
@@ -7038,7 +7239,7 @@ function ChatRuntime({
                 }
               }
             ),
-            isDictating ? /* @__PURE__ */ jsx26("div", { className: "ha-dictation-session", children: isDictationTranscribing ? /* @__PURE__ */ jsx26("span", { className: "ha-dictation-status", role: "status", children: "Transcribing\u2026" }) : /* @__PURE__ */ jsxs17(Fragment4, { children: [
+            isDictating ? /* @__PURE__ */ jsx26("div", { className: "ha-dictation-session", children: isDictationTranscribing ? /* @__PURE__ */ jsx26("span", { className: "ha-dictation-status", role: "status", children: "Transcribing\u2026" }) : /* @__PURE__ */ jsxs18(Fragment4, { children: [
               /* @__PURE__ */ jsx26(
                 VoiceLiveWaveform,
                 {
@@ -7080,7 +7281,7 @@ function ChatRuntime({
                 onChange: setSelectedModelId
               }
             ) : null,
-            options.composerDictation ? /* @__PURE__ */ jsxs17(
+            options.composerDictation ? /* @__PURE__ */ jsxs18(
               "button",
               {
                 "aria-keyshortcuts": isDictationSupported ? DICTATION_KEYBOARD_SHORTCUT : void 0,
@@ -7105,7 +7306,7 @@ function ChatRuntime({
               }
             ) : null,
             attachmentError || options.composerDictation && dictationError ? /* @__PURE__ */ jsx26("span", { className: "ha-dictation-error", role: "alert", children: attachmentError ?? dictationError }) : null,
-            isRunning && !hasComposerDraft ? /* @__PURE__ */ jsxs17(
+            isRunning && !hasComposerDraft ? /* @__PURE__ */ jsxs18(
               "button",
               {
                 "aria-keyshortcuts": COMPOSER_ACTION_KEYBOARD_SHORTCUT,
@@ -7120,7 +7321,7 @@ function ChatRuntime({
                   /* @__PURE__ */ jsx26(ComposerControlTooltip, { shortcut: COMPOSER_ACTION_SHORTCUT_LABEL, children: sendButtonLabel })
                 ]
               }
-            ) : /* @__PURE__ */ jsxs17(
+            ) : /* @__PURE__ */ jsxs18(
               "button",
               {
                 "aria-keyshortcuts": COMPOSER_ACTION_KEYBOARD_SHORTCUT,
@@ -7176,9 +7377,11 @@ function Message({
   const userAttachments = message.role === "user" ? message.parts.flatMap(
     (part, index) => part.type === "file" ? [/* @__PURE__ */ jsx26(MessageAttachment, { file: part }, `${message.id}-attachment-${index}`)] : []
   ) : [];
+  let latestContentPartIndex = -1;
   const content = message.parts.reduce((items, part, index) => {
     if (part.type === "text") {
       if (!part.text.trim()) return items;
+      latestContentPartIndex = index;
       return [
         ...items,
         message.role === "assistant" ? /* @__PURE__ */ jsx26(
@@ -7196,9 +7399,11 @@ function Message({
     }
     if (part.type === "file") {
       if (message.role === "user") return items;
+      latestContentPartIndex = index;
       return [...items, /* @__PURE__ */ jsx26(MessageAttachment, { file: part }, `${message.id}-file-${index}`)];
     }
     if (part.type === "data-component") {
+      latestContentPartIndex = index;
       return [
         ...items,
         /* @__PURE__ */ jsx26(
@@ -7219,6 +7424,7 @@ function Message({
     if (clientToolName && clientTool?.needsApproval) {
       const toolPart = part;
       if (toolPart.state !== "input-available" || toolDecisions[toolPart.toolCallId]) return items;
+      latestContentPartIndex = index;
       return [
         ...items,
         /* @__PURE__ */ jsx26(
@@ -7235,6 +7441,10 @@ function Message({
     }
     return items;
   }, []);
+  const hasResponseStartedAfterLatestActivity = hasResponseAfterLatestActivity(activity, {
+    hasContent: content.length > 0,
+    latestContentPartIndex
+  });
   const visibleSources = getVisibleMessageSources(sources, {
     hasContent: content.length > 0,
     isStreaming
@@ -7243,7 +7453,7 @@ function Message({
     return null;
   }
   if (message.role === "user") {
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       "div",
       {
         className: "ha-message",
@@ -7266,11 +7476,12 @@ function Message({
       className: "ha-message",
       "data-role": "assistant",
       "data-stream-anchor": isStreaming ? true : void 0,
-      children: /* @__PURE__ */ jsxs17("div", { className: "ha-message-body", children: [
+      children: /* @__PURE__ */ jsxs18("div", { className: "ha-message-body", children: [
         activity.length > 0 ? /* @__PURE__ */ jsx26(
           ActivityTrail,
           {
             completedAt: activityTiming?.completedAt,
+            hasResponseStarted: hasResponseStartedAfterLatestActivity,
             isStreaming,
             items: activity,
             progress,
@@ -7334,7 +7545,7 @@ function useAgentTransport({
     const session = restoreTriggerSession(stored, bootstrapStatus);
     return session ? { [conversationId]: session } : void 0;
   }, [bootstrapStatus, conversationId, sessionKey]);
-  const reportedReconnectRef = useRef15(false);
+  const reportedReconnectRef = useRef14(false);
   const authorizedFetch = useCallback11(
     (url, init = {}) => fetchWithAgentAuthorization(tokenManager, url, init),
     [tokenManager]