@heroui/agent 0.2.0-beta.3 → 0.2.0-beta.4

package/dist/{embed-runtime-O57PH7EP.js → embed-runtime-WVXLM2KL.js}

@@ -33,14 +33,13 @@ import {
   shouldRestoreActiveAgentPermissionMode,
   storeAgentPermissionMode,
   takeAgentShellHandoff
-} from "./chunk-EXFDD3K3.js";
+} from "./chunk-XBYPU7PM.js";
 import {
   ActionButton,
   CodeBlock,
-  ComponentSkeleton,
   ScrollShadow,
   renderInlineMarkdown
-} from "./chunk-CU6MPKAJ.js";
+} from "./chunk-6O3SFXJK.js";
 import {
   CardVariantProvider,
   resolveOverlayPortalContainer
@@ -1722,12 +1721,12 @@ import { useTriggerChatTransport } from "@trigger.dev/sdk/chat/react";
 import { lastAssistantMessageIsCompleteWithToolCalls } from "ai";
 import {
   useCallback as useCallback11,
-  useEffect as useEffect12,
+  useEffect as useEffect14,
   useEffectEvent,
   useLayoutEffect as useLayoutEffect4,
   useMemo as useMemo4,
-  useRef as useRef14,
-  useState as useState13
+  useRef as useRef15,
+  useState as useState14
 } from "react";
 
 // src/contracts/identity.ts
@@ -1778,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.3";
+var HEROUI_AGENT_SDK_VERSION = "0.2.0-beta.4";
 var HEROUI_AGENT_TASK_ID = "heroui-agents-runtime";
 
 // src/contracts/identity.ts
@@ -1910,12 +1909,6 @@ var agentProjectConfigSchema = z3.object({
    */
   presence: z3.object({ appId: z3.uuid() }).optional(),
   protocolVersion: z3.literal(HEROUI_AGENT_PROTOCOL_VERSION),
-  /**
-   * Internal streaming infrastructure endpoint, resolved server-side so
-   * customers never configure it. Optional for compatibility with older API
-   * deployments; the SDK falls back to Trigger.dev's public endpoint.
-   */
-  realtime: z3.object({ url: z3.url() }).optional(),
   sdkVersion: z3.string().default(HEROUI_AGENT_SDK_VERSION),
   suggestedPrompts: z3.array(z3.string().trim().min(1).max(160)).max(5),
   surfaceVariant: agentSurfaceVariantSchema.default("plain"),
@@ -1990,7 +1983,7 @@ function collectActivity(message, clientTools, options = {}) {
     if (renderTool && toolPart.state === "output-error" && (options.isStreaming || laterRenderSucceeded)) {
       continue;
     }
-    const baseLabel = renderTool ? "Building your data view" : toolName === "executeSandbox" ? "Analyzing your data" : clientTools.get(toolName)?.displayName ?? humanizeToolName(toolName);
+    const baseLabel = renderTool ? "Building your data view" : toolName === "executeSandbox" ? "Analyzing your data" : toolName === "getComponentSchema" ? "Preparing your data view" : clientTools.get(toolName)?.displayName ?? humanizeToolName(toolName);
     const rejected = Boolean(
       toolPart.output && typeof toolPart.output === "object" && "rejected" in toolPart.output && toolPart.output.rejected
     );
@@ -2000,7 +1993,7 @@ function collectActivity(message, clientTools, options = {}) {
     items.push({
       active: toolPart.state === "input-available" || toolPart.state === "input-streaming",
       id: toolPart.toolCallId || `${message.id}-tool-${index}`,
-      kind: renderTool ? "chart" : toolName === "executeSandbox" ? "code" : inferActivityKind(label),
+      kind: renderTool ? "chart" : toolName === "executeSandbox" ? "code" : toolName === "getComponentSchema" ? "thinking" : inferActivityKind(label),
       label
     });
   }
@@ -2018,7 +2011,10 @@ import {
   Wrench
 } from "@gravity-ui/icons";
 import { Disclosure as Disclosure2 } from "@heroui/react";
-import { useEffect as useEffect6, useRef as useRef5, useState as useState4 } from "react";
+import { useEffect as useEffect7, useRef as useRef6, useState as useState4 } from "react";
+
+// src/embed/animated-status-text.tsx
+import { useEffect as useEffect5, useRef as useRef5 } from "react";
 
 // src/embed/shimmer-text.tsx
 import { jsx as jsx6 } from "react/jsx-runtime";
@@ -2028,7 +2024,17 @@ function ShimmerText({ children, className, ...props }) {
 
 // src/embed/animated-status-text.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
-function AnimatedStatusText({ children, className, ...props }) {
+function AnimatedStatusText({
+  animateOnMount = true,
+  children,
+  className,
+  ...props
+}) {
+  const previousValueRef = useRef5(children);
+  const shouldAnimate = animateOnMount || previousValueRef.current !== children;
+  useEffect5(() => {
+    previousValueRef.current = children;
+  }, [children]);
   return /* @__PURE__ */ jsx7(
     "span",
     {
@@ -2040,7 +2046,7 @@ function AnimatedStatusText({ children, className, ...props }) {
         "span",
         {
           "aria-hidden": "true",
-          className: "ha-status-text__value",
+          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 })
         },
@@ -2051,7 +2057,7 @@ function AnimatedStatusText({ children, className, ...props }) {
 }
 
 // src/embed/use-scroll-shadow.ts
-import { useEffect as useEffect5 } from "react";
+import { useEffect as useEffect6 } from "react";
 function getScrollShadowState(element, offset = 1) {
   const hasScrollBefore = element.scrollTop > offset;
   const hasScrollAfter = element.scrollTop + element.clientHeight + offset < element.scrollHeight;
@@ -2073,7 +2079,7 @@ function applyScrollShadowState(element, state) {
   }
 }
 function useScrollShadow(ref, offset = 1) {
-  useEffect5(() => {
+  useEffect6(() => {
     const element = ref.current;
     if (!element) return;
     let animationFrame = null;
@@ -2108,8 +2114,8 @@ function useScrollShadow(ref, offset = 1) {
 import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var FOLLOW_THRESHOLD_PX = 24;
 function useFollowNewestStep(ref, stepCount, isStreaming, isExpanded) {
-  const isFollowingRef = useRef5(true);
-  useEffect6(() => {
+  const isFollowingRef = useRef6(true);
+  useEffect7(() => {
     const element = ref.current;
     if (!element) return;
     const handleScroll = () => {
@@ -2119,7 +2125,7 @@ function useFollowNewestStep(ref, stepCount, isStreaming, isExpanded) {
     element.addEventListener("scroll", handleScroll, { passive: true });
     return () => element.removeEventListener("scroll", handleScroll);
   }, [isExpanded, ref]);
-  useEffect6(() => {
+  useEffect7(() => {
     const element = ref.current;
     if (!element || !isExpanded || !isStreaming || !isFollowingRef.current) return;
     element.scrollTop = element.scrollHeight;
@@ -2142,15 +2148,8 @@ function formatActivityDuration(durationMs) {
   if (minutes > 0) return `${minutes}m ${seconds}s`;
   return `${seconds}s`;
 }
-function ActivityStatusIcon({ kind }) {
-  const Icon = kind === "complete" ? CircleCheck : activityIcons[kind];
-  return /* @__PURE__ */ jsx8("span", { className: "ha-activity-status-icon", children: /* @__PURE__ */ jsx8(Icon, { "aria-hidden": "true" }) }, kind);
-}
-function ActivityStatus({ label }) {
-  return /* @__PURE__ */ jsxs5("div", { className: "ha-progress ha-activity-status", children: [
-    /* @__PURE__ */ jsx8(ActivityStatusIcon, { kind: inferActivityKind(label) }),
-    /* @__PURE__ */ jsx8(AnimatedStatusText, { className: "ha-progress-shimmer", role: "status", children: label })
-  ] });
+function ActivityStatus({ ariaLabel, label }) {
+  return /* @__PURE__ */ jsx8("div", { className: "ha-progress ha-activity-status", children: /* @__PURE__ */ jsx8(AnimatedStatusText, { "aria-label": ariaLabel, className: "ha-progress-shimmer", role: "status", children: label }) });
 }
 function ActivityTrail({
   completedAt,
@@ -2161,26 +2160,25 @@ function ActivityTrail({
   startedAt
 }) {
   const [isExpanded, setIsExpanded] = useState4(defaultOpen);
-  const panelRef = useRef5(null);
+  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 summaryKind = isStreaming ? activeItem?.kind ?? inferActivityKind(activeLabel) : "complete";
   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: [
-      /* @__PURE__ */ jsx8(ActivityStatusIcon, { kind: summaryKind }),
       isStreaming ? /* @__PURE__ */ jsx8(
         AnimatedStatusText,
         {
-          className: "ha-activity-summary-label ha-progress-shimmer",
+          animateOnMount: summary !== progress,
+          className: "ha-activity-summary-label ha-progress ha-progress-shimmer",
           role: "status",
           children: summary
         }
-      ) : /* @__PURE__ */ jsx8("span", { 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: [
@@ -2224,6 +2222,24 @@ function agentRequestHeaders(token, json = false) {
     "X-HeroUI-Agent-SDK-Version": HEROUI_AGENT_SDK_VERSION
   };
 }
+async function fetchWithAgentAuthorization(tokenManager, url, init = {}) {
+  const request = async () => {
+    const headers = new Headers(init.headers);
+    headers.set("Authorization", `Bearer ${await tokenManager.get()}`);
+    headers.set("X-HeroUI-Agent-Protocol-Version", String(HEROUI_AGENT_PROTOCOL_VERSION));
+    headers.set("X-HeroUI-Agent-SDK-Version", HEROUI_AGENT_SDK_VERSION);
+    return fetch(url, { ...init, headers });
+  };
+  let response = await request();
+  if (response.status === 401) {
+    tokenManager.clear();
+    response = await request();
+  }
+  return response;
+}
+function agentTransportBaseUrl(apiBaseUrl) {
+  return `${apiBaseUrl.replace(/\/$/, "")}/v1/trigger`;
+}
 async function fetchConversationBootstrap(options, tokenManager, conversationId) {
   for (let attempt = 0; attempt < 2; attempt += 1) {
     const response = await fetch(
@@ -2425,88 +2441,40 @@ function serializeClientTools(tools) {
   );
 }
 
+// src/embed/component-action-routing.ts
+function routeComponentPromptAction(action, { fillComposer, setSelection, submitPrompt }) {
+  if (action.type === "followup") {
+    submitPrompt(action.prompt);
+    return true;
+  }
+  if (action.type === "submit") {
+    setSelection({
+      componentId: action.componentId,
+      componentTitle: action.componentTitle,
+      datum: { actionId: action.actionId, values: action.values }
+    });
+    if (action.prompt) fillComposer(action.prompt);
+    return true;
+  }
+  if (action.type === "tool") {
+    fillComposer(action.prompt ?? action.label);
+    return true;
+  }
+  return false;
+}
+
 // src/embed/component-preview.ts
-var AGENT_UI_KINDS = /* @__PURE__ */ new Set([
-  "metric-grid",
-  "kpi-grid",
-  "line-chart",
-  "area-chart",
-  "bar-chart",
-  "composed-chart",
-  "pie-chart",
-  "donut-chart",
-  "radar-chart",
-  "radial-chart",
-  "sankey-chart",
-  "scatter-chart",
-  "heatmap",
-  "data-table",
-  "comparison-list",
-  "meter-list",
-  "form",
-  "text",
-  "callout",
-  "channel-message",
-  "create-event",
-  "enable-notification",
-  "event-session",
-  "flight-tracker",
-  "image",
-  "tag-list",
-  "list",
-  "list-block",
-  "map",
-  "player-card",
-  "playlist",
-  "product-signals",
-  "purchase-complete",
-  "purchase-items",
-  "accordion",
-  "steps",
-  "code-block",
-  "tabs",
-  "action-group",
-  "followup",
-  "switch-group",
-  "toggle-group",
-  "record-card",
-  "ride-status",
-  "view-event",
-  "weather-current",
-  "weather-forecast",
-  "dashboard",
-  "row",
-  "col",
-  "grid",
-  "card",
-  "item-card",
-  "item-card-group"
-]);
-function componentPreview(toolName, input) {
-  if (!input || typeof input !== "object") return {};
-  const request = input;
-  const candidate = toolName === "composeUI" && request["component"] && typeof request["component"] === "object" ? request["component"] : request;
-  const kind = typeof candidate["kind"] === "string" && AGENT_UI_KINDS.has(candidate["kind"]) ? candidate["kind"] : void 0;
-  return {
-    kind,
-    title: typeof candidate["title"] === "string" ? candidate["title"] : void 0
-  };
+function isRenderToolName(value) {
+  return value === "composeUI" || value === "renderComponent";
 }
-function streamingComponentPreview(part) {
-  if (!part || typeof part !== "object") return null;
+function isStreamingComponentBuild(part) {
+  if (!part || typeof part !== "object") return false;
   const candidate = part;
   const state = candidate["state"];
-  if (state !== "input-streaming" && state !== "input-available") return null;
+  if (state !== "input-streaming" && state !== "input-available") return false;
   const type = candidate["type"];
   const toolName = type === "dynamic-tool" ? candidate["toolName"] : typeof type === "string" && type.startsWith("tool-") ? type.slice("tool-".length) : null;
-  if (toolName !== "composeUI" && toolName !== "renderComponent") {
-    return null;
-  }
-  const toolCallId = candidate["toolCallId"];
-  if (typeof toolCallId !== "string" || !toolCallId) return null;
-  const preview = componentPreview(toolName, candidate["input"]);
-  if (!preview.kind) return null;
-  return { ...preview, kind: preview.kind, toolCallId };
+  return isRenderToolName(toolName);
 }
 
 // src/embed/composer-attachment.tsx
@@ -2866,14 +2834,14 @@ var ConversationMarkdown = memo(function ConversationMarkdown2({
 });
 
 // src/embed/conversation-presence.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect8 } from "react";
 function AgentConversationPresence({
   agentId,
   appId,
   conversationId,
   userId
 }) {
-  useEffect7(
+  useEffect8(
     () => syncAgentConversationPresence({ agentId, appId, conversationId, userId }),
     [agentId, appId, conversationId, userId]
   );
@@ -2881,6 +2849,7 @@ function AgentConversationPresence({
 }
 
 // src/embed/conversation-presentation.ts
+var DEFAULT_ACTIVITY_STATUS = "Planning next moves\u2026";
 function getConversationPresentation({
   hasError,
   hasStreamingActivity,
@@ -2896,7 +2865,7 @@ function getConversationPresentation({
     return { showHome, standaloneStatus: null };
   }
   if (isActiveTurn) {
-    return { showHome, standaloneStatus: progress ?? "Understanding your request\u2026" };
+    return { showHome, standaloneStatus: progress ?? DEFAULT_ACTIVITY_STATUS };
   }
   if (isAwaitingActiveConversation) {
     return { showHome, standaloneStatus: "Loading chat\u2026" };
@@ -2927,16 +2896,32 @@ function ConversationRouteStack({
   });
 }
 
+// src/embed/conversation-turn-anchor.ts
+function resolveConversationTurnAnchor({
+  conversationId,
+  isActive,
+  lastUserMessageId,
+  pendingTurn
+}) {
+  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;
+  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 useRef7 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef8 } from "react";
 
 // src/embed/use-conversation-scroll.ts
-import { useCallback as useCallback5, useEffect as useEffect8, useLayoutEffect, useRef as useRef6, useState as useState6 } from "react";
+import { useCallback as useCallback5, useEffect as useEffect9, useLayoutEffect, useRef as useRef7, useState as useState6 } 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 DEFAULT_SCROLL_STATE = {
   hasOverflow: false,
   isAtBottom: true
@@ -2946,6 +2931,15 @@ function getConversationScrollState(element) {
   const isAtBottom = !hasOverflow || element.scrollHeight - Math.max(0, element.scrollTop) - element.clientHeight <= BOTTOM_THRESHOLD;
   return { hasOverflow, isAtBottom };
 }
+function getActiveTurnSpacerHeight({
+  anchorTop,
+  clientHeight,
+  contentHeight,
+  paddingTop
+}) {
+  const turnHeight = Math.max(0, contentHeight - anchorTop);
+  return Math.min(Math.max(clientHeight - turnHeight - paddingTop, 0), clientHeight);
+}
 function isSameScrollState(currentState, nextState) {
   return currentState.hasOverflow === nextState.hasOverflow && currentState.isAtBottom === nextState.isAtBottom;
 }
@@ -2956,24 +2950,51 @@ function getNativeScrollBehavior(behavior) {
   return "auto";
 }
 function useConversationScroll(ref) {
-  const attachedRef = useRef6(true);
-  const currentStreamKeyRef = useRef6(null);
-  const isAutoScrollingRef = useRef6(false);
-  const lastScrollTopRef = useRef6(0);
-  const pinnedStreamKeyRef = useRef6(null);
-  const pinnedStreamTopRef = useRef6(null);
+  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 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);
+    let nextHeight = 0;
+    if (anchor) {
+      const containerRect = element.getBoundingClientRect();
+      const anchorRect = anchor.getBoundingClientRect();
+      const anchorTop = anchorRect.top - containerRect.top + element.scrollTop;
+      const contentHeight = element.scrollHeight - activeTurnSpacerHeightRef.current;
+      const paddingTop = Number.parseFloat(window.getComputedStyle(element).paddingTop) || 0;
+      nextHeight = getActiveTurnSpacerHeight({
+        anchorTop,
+        clientHeight: element.clientHeight,
+        contentHeight,
+        paddingTop
+      });
+    }
+    if (Math.abs(nextHeight - activeTurnSpacerHeightRef.current) > 1) {
+      activeTurnSpacerHeightRef.current = nextHeight;
+      element.style.setProperty(ACTIVE_TURN_SPACER_PROPERTY, `${nextHeight}px`);
+    }
+    return activeTurnSpacerHeightRef.current;
+  }, []);
   const scrollToBottom = useCallback5(
     (behavior = "smooth") => {
       const element = ref.current;
       if (!element) return;
       pinnedStreamKeyRef.current = null;
       pinnedStreamTopRef.current = null;
+      isPinnedTurnAnimatingRef.current = false;
+      shouldAnimatePinnedTurnRef.current = false;
       attachedRef.current = true;
       isAutoScrollingRef.current = true;
       lastScrollTopRef.current = element.scrollTop;
@@ -3001,9 +3022,11 @@ function useConversationScroll(ref) {
     return pinnedStreamTopRef.current;
   }, []);
   const scrollToPinnedPosition = useCallback5(
-    (element, top) => {
+    (element, top, behavior = "auto") => {
       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;
       lastScrollTopRef.current = element.scrollTop;
       setNextScrollState({
@@ -3011,9 +3034,10 @@ function useConversationScroll(ref) {
         isAtBottom: maximumScrollTop - targetTop <= BOTTOM_THRESHOLD
       });
       if (typeof element.scrollTo === "function") {
-        element.scrollTo({ behavior: "auto", top });
+        element.scrollTo({ behavior: nativeBehavior, top });
       } else {
         element.scrollTop = top;
+        isPinnedTurnAnimatingRef.current = false;
       }
       lastScrollTopRef.current = Math.max(0, element.scrollTop);
     },
@@ -3022,6 +3046,7 @@ function useConversationScroll(ref) {
   const maintainScrollPosition = useCallback5(() => {
     const element = ref.current;
     if (!element) return;
+    const activeTurnSpacerHeight = updateActiveTurnSpacer(element);
     const measuredState = getConversationScrollState(element);
     const scrollTop = Math.max(0, element.scrollTop);
     const scrolledUp = scrollTop < lastScrollTopRef.current - SCROLL_DIRECTION_THRESHOLD;
@@ -3029,8 +3054,10 @@ function useConversationScroll(ref) {
     if (scrolledUp && !measuredState.isAtBottom) {
       attachedRef.current = false;
       isAutoScrollingRef.current = false;
+      isPinnedTurnAnimatingRef.current = false;
       pinnedStreamKeyRef.current = null;
       pinnedStreamTopRef.current = null;
+      shouldAnimatePinnedTurnRef.current = false;
       setNextScrollState(measuredState);
       return;
     }
@@ -3039,15 +3066,34 @@ function useConversationScroll(ref) {
     }
     if (attachedRef.current) {
       const pinnedStreamTop = getPinnedStreamTop(element);
-      if (pinnedStreamTop !== null) {
-        scrollToPinnedPosition(element, pinnedStreamTop);
+      if (pinnedStreamTop !== null && isPinnedTurnAnimatingRef.current) {
+        const maximumScrollTop = Math.max(0, element.scrollHeight - element.clientHeight);
+        const targetTop = Math.min(pinnedStreamTop, maximumScrollTop);
+        if (Math.abs(scrollTop - targetTop) > SCROLL_DIRECTION_THRESHOLD) {
+          setNextScrollState({ hasOverflow: measuredState.hasOverflow, isAtBottom: true });
+          return;
+        }
+        isAutoScrollingRef.current = false;
+        isPinnedTurnAnimatingRef.current = false;
+      }
+      if (pinnedStreamTop !== null && activeTurnSpacerHeight > BOTTOM_THRESHOLD) {
+        const behavior = shouldAnimatePinnedTurnRef.current ? "smooth" : "auto";
+        shouldAnimatePinnedTurnRef.current = false;
+        scrollToPinnedPosition(element, pinnedStreamTop, behavior);
         return;
       }
       scrollToBottom("auto");
       return;
     }
     setNextScrollState({ hasOverflow: measuredState.hasOverflow, isAtBottom: false });
-  }, [getPinnedStreamTop, ref, scrollToBottom, scrollToPinnedPosition, setNextScrollState]);
+  }, [
+    getPinnedStreamTop,
+    ref,
+    scrollToBottom,
+    scrollToPinnedPosition,
+    setNextScrollState,
+    updateActiveTurnSpacer
+  ]);
   const setPinnedStream = useCallback5(
     (streamKey) => {
       const element = ref.current;
@@ -3056,10 +3102,15 @@ function useConversationScroll(ref) {
       currentStreamKeyRef.current = streamKey;
       pinnedStreamKeyRef.current = streamKey;
       pinnedStreamTopRef.current = null;
-      isAutoScrollingRef.current = false;
       if (streamKey) {
+        if (!hadActiveStream) {
+          shouldAnimatePinnedTurnRef.current = true;
+        }
         attachedRef.current = true;
       } else if (hadActiveStream) {
+        isAutoScrollingRef.current = false;
+        isPinnedTurnAnimatingRef.current = false;
+        shouldAnimatePinnedTurnRef.current = false;
         const measuredState = getConversationScrollState(element);
         attachedRef.current = measuredState.isAtBottom;
         setNextScrollState(measuredState);
@@ -3073,7 +3124,7 @@ function useConversationScroll(ref) {
     lastScrollTopRef.current = element.scrollTop;
     maintainScrollPosition();
   }, [maintainScrollPosition, ref]);
-  useEffect8(() => {
+  useEffect9(() => {
     const element = ref.current;
     if (!element) return;
     const handleScroll = () => {
@@ -3085,17 +3136,22 @@ function useConversationScroll(ref) {
         const pinnedStreamTop = getPinnedStreamTop(element);
         const maximumScrollTop = Math.max(0, element.scrollHeight - element.clientHeight);
         const automaticTarget = Math.min(pinnedStreamTop ?? maximumScrollTop, maximumScrollTop);
-        if (measuredState.isAtBottom || Math.abs(scrollTop - automaticTarget) <= SCROLL_DIRECTION_THRESHOLD) {
+        const reachedAutomaticTarget = measuredState.isAtBottom || Math.abs(scrollTop - automaticTarget) <= SCROLL_DIRECTION_THRESHOLD;
+        const wasPinnedTurnAnimating = isPinnedTurnAnimatingRef.current;
+        if (reachedAutomaticTarget) {
           isAutoScrollingRef.current = false;
+          isPinnedTurnAnimatingRef.current = false;
         }
         setNextScrollState(
-          pinnedStreamTop === null ? { hasOverflow: measuredState.hasOverflow, isAtBottom: attachedRef.current } : measuredState
+          wasPinnedTurnAnimating && !reachedAutomaticTarget ? { hasOverflow: measuredState.hasOverflow, isAtBottom: true } : pinnedStreamTop === null ? { hasOverflow: measuredState.hasOverflow, isAtBottom: attachedRef.current } : measuredState
         );
         return;
       }
       isAutoScrollingRef.current = false;
+      isPinnedTurnAnimatingRef.current = false;
       pinnedStreamKeyRef.current = null;
       pinnedStreamTopRef.current = null;
+      shouldAnimatePinnedTurnRef.current = false;
       attachedRef.current = measuredState.isAtBottom;
       setNextScrollState(measuredState);
     };
@@ -3132,8 +3188,12 @@ function useConversationScroll(ref) {
     mutationObserver?.observe(element, { characterData: true, childList: true, subtree: true });
     return () => {
       element.removeEventListener("scroll", handleScroll);
-      mutationObserver?.disconnect();
-      resizeObserver?.disconnect();
+      if (mutationObserver) {
+        mutationObserver.disconnect();
+      }
+      if (resizeObserver) {
+        resizeObserver.disconnect();
+      }
     };
   }, [getPinnedStreamTop, maintainScrollPosition, ref, setNextScrollState]);
   return {
@@ -3151,7 +3211,7 @@ function ConversationViewport({
   children,
   streamKey = null
 }) {
-  const scrollRef = useRef7(null);
+  const scrollRef = useRef8(null);
   const { hasOverflow, isAtBottom, maintainScrollPosition, scrollToBottom, setPinnedStream } = useConversationScroll(scrollRef);
   const isScrollButtonVisible = hasOverflow && !isAtBottom;
   useScrollShadow(scrollRef);
@@ -3188,32 +3248,32 @@ function ConversationViewport({
 
 // src/embed/genui-renderer.tsx
 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(
+    (module) => ({ default: module.ComponentRenderer })
+  );
+  return componentRendererPromise;
+}
+function preloadGenUIRenderer() {
+  void loadGenUIRenderer().catch(() => {
+    componentRendererPromise = void 0;
+  });
+}
+
+// src/embed/genui-renderer.tsx
 import { jsx as jsx15 } from "react/jsx-runtime";
-var LazyComponentRenderer = lazy2(
-  () => import("./component-renderer-EOOT6ONY.js").then((module) => ({
-    default: module.ComponentRenderer
-  }))
-);
+var LazyComponentRenderer = lazy2(loadGenUIRenderer);
 function GenUIRenderer(props) {
-  return /* @__PURE__ */ jsx15(
-    Suspense2,
-    {
-      fallback: /* @__PURE__ */ jsx15(
-        ComponentSkeleton,
-        {
-          className: props.className,
-          kind: props.component && typeof props.component === "object" && "kind" in props.component ? props.component.kind : void 0
-        }
-      ),
-      children: /* @__PURE__ */ jsx15(LazyComponentRenderer, { ...props })
-    }
-  );
+  return /* @__PURE__ */ jsx15(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx15(LazyComponentRenderer, { ...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 useEffect9, useRef as useRef8, useState as useState7 } from "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";
 var COPY_RESET_DELAY = 2e3;
 var FEEDBACK_COMMENT_MAX_LENGTH = 1e3;
@@ -3237,12 +3297,12 @@ function MessageActions({
   const [feedbackComment, setFeedbackComment] = useState7("");
   const [feedbackReasons, setFeedbackReasons] = useState7([]);
   const [feedbackPortalContainer, setFeedbackPortalContainer] = useState7();
-  const resetTimeoutRef = useRef8(null);
-  const feedbackOpenedAtRef = useRef8(0);
+  const resetTimeoutRef = useRef9(null);
+  const feedbackOpenedAtRef = useRef9(0);
   const feedbackTriggerRef = useCallback6((node) => {
     setFeedbackPortalContainer(node?.closest(".ha-panel") ?? void 0);
   }, []);
-  useEffect9(() => {
+  useEffect10(() => {
     return () => {
       if (resetTimeoutRef.current !== null) window.clearTimeout(resetTimeoutRef.current);
     };
@@ -3504,6 +3564,13 @@ function shouldQueueAgentMessage({
 }
 
 // src/embed/message-queue-coordinator.ts
+var AGENT_SESSION_START_ERROR_MESSAGE = "Could not start the assistant session";
+var AgentSessionStartError = class extends Error {
+  constructor(options) {
+    super(AGENT_SESSION_START_ERROR_MESSAGE, options);
+    this.name = "AgentSessionStartError";
+  }
+};
 function getAgentTransportModelId({
   activeTurnModelId,
   defaultModelId,
@@ -3536,6 +3603,9 @@ function getAgentMessageFailureAction({
   if (sendAcknowledged || transportFailure === "stream-error") return "reconcile";
   return "requeue";
 }
+function shouldRequeueAgentMessage(error) {
+  return !(error instanceof AgentSessionStartError);
+}
 function shouldReconcileStalledAgentTurn({
   isLocalPending,
   isReconciling,
@@ -3574,19 +3644,19 @@ 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 useRef10 } from "react";
+import { useImperativeHandle, useLayoutEffect as useLayoutEffect3, useRef as useRef11 } from "react";
 
 // src/embed/use-message-queue-reorder.ts
-import { useRef as useRef9, useState as useState8 } from "react";
+import { useRef as useRef10, useState as useState8 } from "react";
 function useMessageQueueReorder({
   messages,
   onReorder,
   onReorderStateChange
 }) {
-  const dragStateRef = useRef9(null);
-  const dropTargetRef = useRef9(null);
-  const positionPickerMessageIdRef = useRef9(null);
-  const suppressedClickMessageIdRef = useRef9(null);
+  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);
@@ -3758,9 +3828,9 @@ function MessageQueueList({
   onSendNow,
   ref
 }) {
-  const focusedMessageIdRef = useRef10(null);
-  const listRef = useRef10(null);
-  const previousMessagesRef = useRef10(messages);
+  const focusedMessageIdRef = useRef11(null);
+  const listRef = useRef11(null);
+  const previousMessagesRef = useRef11(messages);
   const {
     announcement,
     closePositionPicker,
@@ -3925,7 +3995,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 useEffect10, useMemo as useMemo2, useRef as useRef11, useState as useState9 } from "react";
+import { createContext, useCallback as useCallback7, useContext, useEffect as useEffect11, useMemo as useMemo2, useRef as useRef12, useState as useState9 } from "react";
 import {
   OverlayArrow as OverlayArrowPrimitive,
   Popover as PopoverPrimitive,
@@ -3955,16 +4025,16 @@ var HoverCardRoot = ({
 }) => {
   const [isOpen, setOpen] = useControlledState(open, defaultOpen, onOpenChange);
   const [portalContainer, setPortalContainer] = useState9();
-  const triggerRef = useRef11(null);
-  const isPointerInsideRef = useRef11(false);
-  const openTimerRef = useRef11(void 0);
-  const closeTimerRef = useRef11(void 0);
+  const triggerRef = useRef12(null);
+  const isPointerInsideRef = useRef12(false);
+  const openTimerRef = useRef12(void 0);
+  const closeTimerRef = useRef12(void 0);
   const clearTimers = useCallback7(() => {
     clearTimeout(openTimerRef.current);
     clearTimeout(closeTimerRef.current);
   }, []);
-  useEffect10(() => clearTimers, [clearTimers]);
-  useEffect10(() => {
+  useEffect11(() => clearTimers, [clearTimers]);
+  useEffect11(() => {
     if (!isOpen) return;
     const onKeyDown = (event) => {
       if (event.key === "Escape") {
@@ -4594,7 +4664,7 @@ 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 useRef12, useState as useState10 } from "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";
 var RENAME_KEY = "rename";
 var DELETE_KEY = "delete";
@@ -4619,9 +4689,9 @@ function SessionPicker({
   const [mutationError, setMutationError] = useState10(null);
   const [isPending, setIsPending] = useState10(false);
   const [portalContainer, setPortalContainer] = useState10();
-  const pointerOpenAt = useRef12(0);
-  const actionPointerOpenAt = useRef12(0);
-  const sidebarHistoryRef = useRef12(null);
+  const pointerOpenAt = useRef13(0);
+  const actionPointerOpenAt = useRef13(0);
+  const sidebarHistoryRef = useRef13(null);
   useScrollShadow(sidebarHistoryRef);
   const activeConversation = groups.flatMap((group) => group.items).find((conversation) => conversation.id === activeConversationId);
   const activeTitle = activeConversation?.title ?? "New chat";
@@ -4983,6 +5053,39 @@ function SessionDialogError({ message }) {
   return message ? /* @__PURE__ */ jsx24("p", { className: "ha-session-modal-error", role: "alert", children: message }) : null;
 }
 
+// src/embed/startup-activity-status.tsx
+import { useEffect as useEffect12, useState as useState11 } from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var STARTUP_ACTIVITY_STATUSES = [
+  "Thinking\u2026",
+  "Analyzing request\u2026",
+  "Preparing next steps\u2026"
+];
+var STARTUP_ACTIVITY_STATUS_INTERVAL_MS = 1600;
+function StartupActivityStatus() {
+  const [statusIndex, setStatusIndex] = useState11(0);
+  useEffect12(() => {
+    const timers = STARTUP_ACTIVITY_STATUSES.slice(1).map(
+      (_, index) => window.setTimeout(
+        () => setStatusIndex(index + 1),
+        STARTUP_ACTIVITY_STATUS_INTERVAL_MS * (index + 1)
+      )
+    );
+    return () => {
+      for (const timer of timers) {
+        window.clearTimeout(timer);
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsx25(
+    ActivityStatus,
+    {
+      ariaLabel: "Working on your request\u2026",
+      label: STARTUP_ACTIVITY_STATUSES[statusIndex] ?? STARTUP_ACTIVITY_STATUSES[0]
+    }
+  );
+}
+
 // src/embed/trigger-session.ts
 var ACTIVE_RUN_STATUSES = /* @__PURE__ */ new Set(["pending", "streaming"]);
 function restoreTriggerSession(stored, bootstrapStatus) {
@@ -5003,7 +5106,7 @@ function restoreTriggerSession(stored, bootstrapStatus) {
 }
 
 // src/embed/use-composer-draft.ts
-import { useCallback as useCallback9, useEffect as useEffect11, useRef as useRef13, useState as useState11 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect13, useRef as useRef14, useState as useState12 } from "react";
 var AGENT_COMPOSER_DRAFT_SAVE_DEBOUNCE_MS = 300;
 function useComposerDraft({
   attachments,
@@ -5012,14 +5115,14 @@ function useComposerDraft({
   setAttachments,
   setInput
 }) {
-  const [restoredImageDraftKey, setRestoredImageDraftKey] = useState11(null);
-  const [restoredPromptDraftKey, setRestoredPromptDraftKey] = useState11(null);
-  const latestInputRef = useRef13(input);
-  const saveTimeoutRef = useRef13(null);
-  useEffect11(() => {
+  const [restoredImageDraftKey, setRestoredImageDraftKey] = useState12(null);
+  const [restoredPromptDraftKey, setRestoredPromptDraftKey] = useState12(null);
+  const latestInputRef = useRef14(input);
+  const saveTimeoutRef = useRef14(null);
+  useEffect13(() => {
     latestInputRef.current = input;
   }, [input]);
-  useEffect11(() => {
+  useEffect13(() => {
     let cancelled = false;
     const savedPrompt = readAgentComposerPromptDraft(draftKey);
     queueMicrotask(() => {
@@ -5038,7 +5141,7 @@ function useComposerDraft({
       cancelled = true;
     };
   }, [draftKey, setAttachments, setInput]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (restoredPromptDraftKey !== draftKey) return;
     const flush = () => saveAgentComposerPromptDraft(draftKey, input);
     saveTimeoutRef.current = window.setTimeout(flush, AGENT_COMPOSER_DRAFT_SAVE_DEBOUNCE_MS);
@@ -5049,11 +5152,11 @@ function useComposerDraft({
       window.removeEventListener("pagehide", flush);
     };
   }, [draftKey, input, restoredPromptDraftKey]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (restoredPromptDraftKey !== draftKey) return;
     return () => saveAgentComposerPromptDraft(draftKey, latestInputRef.current);
   }, [draftKey, restoredPromptDraftKey]);
-  useEffect11(() => {
+  useEffect13(() => {
     if (restoredImageDraftKey !== draftKey) return;
     void saveAgentComposerImageDraft(draftKey, attachments);
   }, [attachments, draftKey, restoredImageDraftKey]);
@@ -5066,7 +5169,7 @@ function useComposerDraft({
 }
 
 // src/embed/use-persisted-model-selection.ts
-import { useCallback as useCallback10, useState as useState12 } from "react";
+import { useCallback as useCallback10, useState as useState13 } from "react";
 function agentModelPreferenceStorageKey(identityStorageKey) {
   return `${identityStorageKey}:model`;
 }
@@ -5094,7 +5197,7 @@ function storeModelPreference(identityStorageKey, modelId) {
   }
 }
 function usePersistedModelSelection(identityStorageKey, configuredDefaultModelId) {
-  const [preferredModelId, setPreferredModelId] = useState12(
+  const [preferredModelId, setPreferredModelId] = useState13(
     () => readStoredModelPreference(identityStorageKey)
   );
   const selectedModelId = preferredModelId ?? configuredDefaultModelId ?? DEFAULT_AGENT_PICKER_MODEL_ID;
@@ -5209,8 +5312,7 @@ async function transcribeVoiceRecording({
 }
 
 // src/embed/embed-runtime.tsx
-import { Fragment as Fragment4, jsx as jsx25, jsxs as jsxs17 } from "react/jsx-runtime";
-var DEFAULT_TRIGGER_API_URL = "https://api.trigger.dev";
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs17 } from "react/jsx-runtime";
 var TRANSPORT_COMPLETION_WATCHDOG_MS = 3e4;
 function createReconciliationDeferred() {
   let resolve;
@@ -5253,14 +5355,14 @@ function EmbedRuntime({
     () => new EmbedSessionManager(options.agentId, options.getAuthToken),
     [options.getAuthToken, options.agentId]
   );
-  const [activeConversationId, setActiveConversationId] = useState13(null);
-  const [runtimeRoutes, setRuntimeRoutes] = useState13({});
-  const runtimeRoutesRef = useRef14(runtimeRoutes);
-  const activeConversationIdRef = useRef14(activeConversationId);
-  const [error, setError] = useState13(null);
-  const [history, setHistory] = useState13([]);
-  const [conversationActivity, setConversationActivity] = useState13(createConversationActivityState);
-  const [messageQueues, setMessageQueues] = useState13({});
+  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 runtime = activeConversationId ? runtimeRoutes[activeConversationId] ?? null : null;
   useLayoutEffect4(() => {
     runtimeRoutesRef.current = runtimeRoutes;
@@ -5303,7 +5405,7 @@ function EmbedRuntime({
     },
     []
   );
-  const bootstrapCacheRef = useRef14(null);
+  const bootstrapCacheRef = useRef15(null);
   const apiBaseUrl = options.apiBaseUrl;
   const agentId = options.agentId;
   const notifyReady = useEffectEvent(onReady);
@@ -5321,7 +5423,7 @@ function EmbedRuntime({
   const reportEmbedLoaded = useEffectEvent((conversationId) => {
     void reportEvent(options, tokenManager, conversationId, "embed_loaded");
   });
-  const appliedIdentityEpochRef = useRef14(identityEpoch);
+  const appliedIdentityEpochRef = useRef15(identityEpoch);
   useLayoutEffect4(() => {
     if (appliedIdentityEpochRef.current === identityEpoch) return;
     appliedIdentityEpochRef.current = identityEpoch;
@@ -5336,7 +5438,7 @@ function EmbedRuntime({
     if (identityReset) tokenManager.reset();
     else tokenManager.clear();
   }, [identityEpoch, identityReset, tokenManager]);
-  useEffect12(() => {
+  useEffect14(() => {
     let cancelled = false;
     if (clientToolValidationError) {
       setError(clientToolValidationError);
@@ -5482,12 +5584,12 @@ function EmbedRuntime({
     ),
     [clientToolValidationError, options.permissionDefaultMode, options.tools]
   );
-  const preloadedConversationIds = useRef14(/* @__PURE__ */ new Set());
+  const preloadedConversationIds = useRef15(/* @__PURE__ */ new Set());
   const warmAgentSession = useEffectEvent((conversationId) => {
     preloadedConversationIds.current.add(conversationId);
     void preloadAgentSession(options, tokenManager, conversationId, preloadClientTools);
   });
-  useEffect12(() => {
+  useEffect14(() => {
     if (!warmSession && !open) return;
     const conversationId = runtime?.conversationId;
     if (!conversationId || preloadedConversationIds.current.has(conversationId)) return;
@@ -5598,8 +5700,8 @@ function EmbedRuntime({
     );
   }, [options.suggestedPrompts, runtimeRoutes]);
   const runtimeConfig = activeConversationId ? configuredRuntimeRoutes[activeConversationId]?.config ?? null : null;
-  const openedConversationRef = useRef14(null);
-  useEffect12(() => {
+  const openedConversationRef = useRef15(null);
+  useEffect14(() => {
     if (!open || !runtime || openedConversationRef.current === runtime.conversationId) return;
     openedConversationRef.current = runtime.conversationId;
     void reportEvent(options, tokenManager, runtime.conversationId, "opened");
@@ -5609,7 +5711,7 @@ function EmbedRuntime({
   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: [
-    open && runtime?.config.presence ? /* @__PURE__ */ jsx25(
+    open && runtime?.config.presence ? /* @__PURE__ */ jsx26(
       AgentConversationPresence,
       {
         agentId,
@@ -5621,15 +5723,15 @@ function EmbedRuntime({
     /* @__PURE__ */ jsxs17(
       PanelShell,
       {
-        actionsSlot: /* @__PURE__ */ jsx25(NewChatButton, { onPress: onNewConversation }),
+        actionsSlot: /* @__PURE__ */ jsx26(NewChatButton, { onPress: onNewConversation }),
+        agentId: options.agentId,
         defaultExpanded: options.panelExpanded,
         expandable: options.panelExpandable,
+        expandedTitle: activeConversationTitle,
         modal: options.viewMode !== "sidebar",
         name: runtimeConfig?.name ?? "Data assistant",
         open,
-        agentId: options.agentId,
-        expandedTitle: activeConversationTitle,
-        expandedSidebarSlot: /* @__PURE__ */ jsx25(
+        expandedSidebarSlot: /* @__PURE__ */ jsx26(
           SessionPicker,
           {
             activeConversationId,
@@ -5643,7 +5745,7 @@ function EmbedRuntime({
             onSelectConversation: selectConversation
           }
         ),
-        historySlot: /* @__PURE__ */ jsx25(
+        historySlot: /* @__PURE__ */ jsx26(
           SessionPicker,
           {
             activeConversationId,
@@ -5658,13 +5760,13 @@ function EmbedRuntime({
         onClose,
         onNewConversation,
         children: [
-          visibleError ? /* @__PURE__ */ jsx25("div", { className: "ha-loading", role: "alert", children: visibleError }) : !runtime || !runtimeConfig ? /* @__PURE__ */ jsx25("div", { className: "ha-loading", children: /* @__PURE__ */ jsx25(ShimmerText, { className: "ha-progress ha-progress-shimmer", children: loadingMessage }) }) : null,
-          /* @__PURE__ */ jsx25(
+          visibleError ? /* @__PURE__ */ jsx26("div", { className: "ha-loading", role: "alert", children: visibleError }) : !runtime || !runtimeConfig ? /* @__PURE__ */ jsx26("div", { className: "ha-loading", children: /* @__PURE__ */ jsx26(ShimmerText, { className: "ha-progress ha-progress-shimmer", children: loadingMessage }) }) : null,
+          /* @__PURE__ */ jsx26(
             ConversationRouteStack,
             {
               activeConversationId: visibleError ? null : activeConversationId,
               routes: configuredRuntimeRoutes,
-              children: (route, active) => /* @__PURE__ */ jsx25(CardVariantProvider, { variant: route.config.surfaceVariant, children: /* @__PURE__ */ jsx25(
+              children: (route, active) => /* @__PURE__ */ jsx26(CardVariantProvider, { variant: route.config.surfaceVariant, children: /* @__PURE__ */ jsx26(
                 ChatRuntime,
                 {
                   active,
@@ -5725,11 +5827,11 @@ function ChatRuntime({
   const permissionStorageKey = agentPermissionModeStorageKey(storageKey, conversationId);
   const attachmentPolicyKey = options.composerAttachmentAccept;
   const attachmentPolicy = useMemo4(() => ({ key: attachmentPolicyKey }), [attachmentPolicyKey]);
-  const [attachmentSelection, setAttachmentSelection] = useState13(() => ({
+  const [attachmentSelection, setAttachmentSelection] = useState14(() => ({
     files: [],
     policy: attachmentPolicy
   }));
-  const [attachmentErrorSelection, setAttachmentErrorSelection] = useState13(() => ({
+  const [attachmentErrorSelection, setAttachmentErrorSelection] = useState14(() => ({
     error: null,
     policy: attachmentPolicy
   }));
@@ -5755,16 +5857,16 @@ function ChatRuntime({
     (error) => setAttachmentErrorSelection({ error, policy: attachmentPolicy }),
     [attachmentPolicy]
   );
-  const [activeTurnSelection, setActiveTurnSelectionState] = useState13(() => {
+  const [activeTurnSelection, setActiveTurnSelectionState] = useState14(() => {
     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] = useState13({});
-  const [feedbackByMessage, setFeedbackByMessage] = useState13({});
-  const [isComposerExpanded, setIsComposerExpanded] = useState13(false);
-  const [input, setInput] = useState13("");
-  const [permissionSelection, setPermissionSelection] = useState13(() => {
+  const [activityTimings, setActivityTimings] = useState14({});
+  const [feedbackByMessage, setFeedbackByMessage] = useState14({});
+  const [isComposerExpanded, setIsComposerExpanded] = useState14(false);
+  const [input, setInput] = useState14("");
+  const [permissionSelection, setPermissionSelection] = useState14(() => {
     const storedMode = options.permissionShowPicker ? readStoredAgentPermissionMode(permissionStorageKey) : void 0;
     const hasUnresolvedClientTool = options.permissionShowPicker && initialMessages.some(
       (message) => message.role === "assistant" && message.parts.some((part) => {
@@ -5780,20 +5882,20 @@ function ChatRuntime({
       selectedMode: storedMode ?? (hasUnresolvedClientTool ? "ask" : options.permissionDefaultMode)
     };
   });
-  const [isQueueReordering, setIsQueueReordering] = useState13(false);
-  const [isReconciling, setIsReconciling] = useState13(false);
-  const [localPending, setLocalPending] = useState13(false);
-  const [pendingClientToolCallIds, setPendingClientToolCallIds] = useState13(
+  const [isQueueReordering, setIsQueueReordering] = useState14(false);
+  const [isReconciling, setIsReconciling] = useState14(false);
+  const [localPending, setLocalPending] = useState14(false);
+  const [pendingClientToolCallIds, setPendingClientToolCallIds] = useState14(
     () => /* @__PURE__ */ new Set()
   );
-  const [isResuming, setIsResuming] = useState13(true);
-  const [progress, setProgress] = useState13(null);
-  const [queueDrainVersion, setQueueDrainVersion] = useState13(0);
-  const [reconcileEpoch, setReconcileEpoch] = useState13(0);
-  const [recoveryError, setRecoveryError] = useState13(false);
-  const [selection, setSelection] = useState13(null);
-  const [toolDecisions, setToolDecisions] = useState13({});
-  useEffect12(() => {
+  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({});
+  useEffect14(() => {
     if (!shouldRestoreActivePermission) {
       clearStoredAgentPermissionMode(activePermissionStorageKey);
     }
@@ -5830,7 +5932,7 @@ function ChatRuntime({
     () => serializeClientTools(effectiveClientTools),
     [effectiveClientTools]
   );
-  const clientToolManifestRef = useRef14(clientToolManifest);
+  const clientToolManifestRef = useRef15(clientToolManifest);
   useLayoutEffect4(() => {
     clientToolManifestRef.current = clientToolManifest;
   }, [clientToolManifest]);
@@ -5839,26 +5941,27 @@ function ChatRuntime({
     () => new Map(effectiveClientTools.map((tool) => [tool.name, tool])),
     [effectiveClientTools]
   );
-  const executedToolCallsRef = useRef14(/* @__PURE__ */ new Set());
-  const activeMessageIdRef = useRef14(null);
-  const isBusyRef = useRef14(true);
-  const isQueueReorderingRef = useRef14(false);
-  const messageQueueRef = useRef14(messageQueue);
-  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 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 composerDraftKey = useMemo4(
     () => agentComposerDraftStorageKey(storageKey, conversationId),
     [conversationId, storageKey]
@@ -5897,13 +6000,13 @@ function ChatRuntime({
     transcribe: transcribeDictation,
     value: input
   });
-  useEffect12(() => {
+  useEffect14(() => {
     messageQueueRef.current = messageQueue;
   }, [messageQueue]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (!options.composerDictation) cancelDictation();
   }, [cancelDictation, options.composerDictation]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (!active) cancelDictation();
   }, [active, cancelDictation]);
   const composerModelId = options.composerModelPicker ? selectedModelId : options.composerDefaultModel;
@@ -5970,7 +6073,6 @@ function ChatRuntime({
     }),
     onEvent: onTransportEvent,
     options,
-    realtimeUrl: options.triggerApiUrl ?? config.realtime?.url ?? DEFAULT_TRIGGER_API_URL,
     tokenManager
   });
   const chatState = useChat({
@@ -6040,7 +6142,7 @@ function ChatRuntime({
   useLayoutEffect4(() => {
     clearChatErrorRef.current = clearError;
   }, [clearError]);
-  useEffect12(() => {
+  useEffect14(() => {
     const resumePromise = resumePromiseRef.current ?? chatState.resumeStream();
     resumePromiseRef.current = resumePromise;
     void resumePromise.then(
@@ -6081,7 +6183,7 @@ function ChatRuntime({
     recoveryError
   });
   const reportConversationStatusChange = useEffectEvent(onConversationStatusChange);
-  useEffect12(() => {
+  useEffect14(() => {
     if (!localPending || !isRunning || isReconciling) return;
     const timeoutId = window.setTimeout(() => {
       if (shouldReconcileStalledAgentTurn({
@@ -6096,7 +6198,7 @@ function ChatRuntime({
     }, TRANSPORT_COMPLETION_WATCHDOG_MS);
     return () => window.clearTimeout(timeoutId);
   }, [isReconciling, isRunning, localPending, scheduleReconciliation]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (!activeTurnSelection) return;
     if (!isRunning && !hasPendingClientToolCalls && !localPending && !isReconciling && !isResuming && !isAutoContinuationPending) {
       clearStoredAgentPermissionMode(activePermissionStorageKey);
@@ -6112,17 +6214,17 @@ function ChatRuntime({
     isRunning,
     localPending
   ]);
-  useEffect12(() => {
+  useEffect14(() => {
     isBusyRef.current = isBusy;
   }, [isBusy]);
-  useEffect12(() => {
+  useEffect14(() => {
     reportConversationStatusChange(conversationId, {
       busy: isConversationBusy,
       failed: conversationFailed,
       turnActive: hasActiveTurn
     });
   }, [conversationFailed, conversationId, hasActiveTurn, isConversationBusy]);
-  useEffect12(
+  useEffect14(
     () => () => {
       reportConversationStatusChange(conversationId, {
         busy: false,
@@ -6138,7 +6240,7 @@ function ChatRuntime({
   const hasStreamingActivity = Boolean(
     streamingAssistantMessage && collectActivity(streamingAssistantMessage, clientToolsByName, { isStreaming: true }).length > 0
   );
-  useEffect12(() => {
+  useEffect14(() => {
     if (hasActiveTurn && streamingAssistantMessageId) {
       if (timedMessageIdRef.current === streamingAssistantMessageId) return;
       const startedAt = turnStartedAtRef.current ?? Date.now();
@@ -6197,7 +6299,7 @@ function ChatRuntime({
     },
     [conversationId, options, setClientToolCallPending, submitToolOutput, tokenManager]
   );
-  useEffect12(() => {
+  useEffect14(() => {
     for (const message of chatState.messages) {
       if (message.role !== "assistant") continue;
       for (const part of message.parts) {
@@ -6231,7 +6333,7 @@ function ChatRuntime({
     submitToolOutput,
     toolDecisions
   ]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (reconcileEpoch === 0) return;
     let cancelled = false;
     void (async () => {
@@ -6328,7 +6430,7 @@ function ChatRuntime({
     }
     startDictation();
   }, [cancelDictation, isDictating, isDictationTranscribing, startDictation, stopDictation]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (!active || !options.composerDictation || !isDictationSupported) return;
     const handleDictationShortcut = (event) => {
       if (!isDictationShortcut(event)) return;
@@ -6341,6 +6443,9 @@ function ChatRuntime({
   const sendAgentMessage = useCallback11(
     async (message) => {
       const previousMessages = chatState.messages;
+      const previousUserMessageId = previousMessages.findLast(
+        (previousMessage) => previousMessage.role === "user"
+      )?.id;
       const messagePermissionMode = options.permissionShowPicker ? message.permissionMode ?? composerPermissionMode : options.permissionDefaultMode;
       const messageClientToolManifest = serializeClientTools(
         applyAgentPermissionMode(options.tools, messagePermissionMode)
@@ -6353,9 +6458,13 @@ function ChatRuntime({
       timedMessageIdRef.current = null;
       turnStartedAtRef.current = Date.now();
       prepareTransportSend();
+      pendingTurnAnchorRef.current = {
+        messageId: message.id,
+        previousUserMessageId: previousUserMessageId ?? null
+      };
       setLocalPending(true);
       setRecoveryError(false);
-      setProgress("Understanding your request\u2026");
+      setProgress(DEFAULT_ACTIVITY_STATUS);
       onConversationStarted(titleFromPrompt(message.text, message.files));
       try {
         const pageContext = await getSafePageContext(options, message.selection);
@@ -6375,7 +6484,7 @@ function ChatRuntime({
           pageContext,
           webSearch: options.webSearch
         };
-        setProgress("Understanding your request\u2026");
+        setProgress(DEFAULT_ACTIVITY_STATUS);
         await chatState.sendMessage(createAgentMessageSendInput(message, fileParts), {
           metadata
         });
@@ -6414,10 +6523,11 @@ function ChatRuntime({
   const sendMessageNow = useCallback11(
     (message, { resumeDrainAfter = true } = {}) => {
       activeMessageIdRef.current = message.id;
-      void sendAgentMessage(message).catch(() => {
+      void sendAgentMessage(message).catch((sendError) => {
         if (activeMessageIdRef.current === message.id) {
           activeMessageIdRef.current = null;
         }
+        if (!shouldRequeueAgentMessage(sendError)) return;
         setMessageQueue(
           (current) => setBlockedAgentMessageId(enqueueAgentMessage(current, message, "prepend"), message.id)
         );
@@ -6475,14 +6585,14 @@ function ChatRuntime({
   );
   const visibleSuggestedPrompts = config.suggestedPrompts ?? [];
   const replayShellHandoff = useEffectEvent((prompt) => submitComposerMessage(prompt));
-  useEffect12(() => {
+  useEffect14(() => {
     if (!active) return;
     const handoff = takeAgentShellHandoff(options.agentId);
     if (!handoff) return;
     if (handoff.submitted) replayShellHandoff(handoff.prompt);
     else setInput((current) => current || handoff.prompt);
   }, [active, options.agentId]);
-  useEffect12(() => {
+  useEffect14(() => {
     if (!active || !options.suggestedPromptShortcuts || chatState.messages.length > 0 || visibleSuggestedPrompts.length === 0) {
       return;
     }
@@ -6515,7 +6625,7 @@ function ChatRuntime({
     isQueueReorderingRef.current = isReordering;
     setIsQueueReordering(isReordering);
   }, []);
-  useEffect12(() => {
+  useEffect14(() => {
     const nextMessage = getNextDrainableAgentMessage({
       activeMessageId: activeMessageIdRef.current,
       isBusy,
@@ -6631,21 +6741,25 @@ function ChatRuntime({
           return;
         }
       }
-      if (action.type === "submit") {
-        setSelection({
-          componentId: action.componentId,
-          componentTitle: action.componentTitle,
-          datum: { actionId: action.actionId, values: action.values }
-        });
-      }
-      const prompt = action.type === "followup" || action.type === "submit" || action.type === "tool" ? action.prompt ?? (action.type === "tool" ? action.label : void 0) : void 0;
-      if (!prompt) return;
-      cancelDictation();
-      setInput(prompt);
-      setIsComposerExpanded(true);
-      requestAnimationFrame(() => textareaRef.current?.focus());
+      routeComponentPromptAction(action, {
+        fillComposer: (prompt) => {
+          cancelDictation();
+          setInput(prompt);
+          setIsComposerExpanded(true);
+          requestAnimationFrame(() => textareaRef.current?.focus());
+        },
+        setSelection,
+        submitPrompt: submitComposerMessage
+      });
     },
-    [cancelDictation, clientToolsByName, conversationId, options, tokenManager]
+    [
+      cancelDictation,
+      clientToolsByName,
+      conversationId,
+      options,
+      submitComposerMessage,
+      tokenManager
+    ]
   );
   const copyMessage = useCallback11(
     (message) => {
@@ -6712,6 +6826,7 @@ function ChatRuntime({
       permissionMode: composerPermissionMode
     });
     prepareTransportSend();
+    pendingTurnAnchorRef.current = null;
     setLocalPending(true);
     setRecoveryError(false);
     void reportEvent(options, tokenManager, conversationId, "retry");
@@ -6744,7 +6859,12 @@ function ChatRuntime({
     (message) => message.role === "assistant"
   )?.id;
   const lastUserMessageId = chatState.messages.findLast((message) => message.role === "user")?.id;
-  const activeStreamKey = localPending || isRunning ? lastUserMessageId ?? conversationId : null;
+  const { activeStreamKey, activeTurnMessageId } = resolveConversationTurnAnchor({
+    conversationId,
+    isActive: localPending || isRunning,
+    lastUserMessageId,
+    pendingTurn: pendingTurnAnchorRef.current
+  });
   const { showHome, standaloneStatus } = getConversationPresentation({
     hasError: Boolean(chatState.error || recoveryError),
     hasStreamingActivity,
@@ -6760,13 +6880,13 @@ function ChatRuntime({
   return /* @__PURE__ */ jsxs17(Fragment4, { children: [
     /* @__PURE__ */ jsxs17(ConversationViewport, { streamKey: activeStreamKey, children: [
       showHome ? /* @__PURE__ */ jsxs17("div", { className: "ha-empty", children: [
-        /* @__PURE__ */ jsx25("h2", { children: options.greeting }),
-        /* @__PURE__ */ jsx25("p", { children: "Live answers with charts, metrics, and tables." })
-      ] }) : chatState.messages.map((message) => /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26("h2", { children: options.greeting }),
+        /* @__PURE__ */ jsx26("p", { children: "Live answers with charts, metrics, and tables." })
+      ] }) : chatState.messages.map((message) => /* @__PURE__ */ jsx26(
         Message,
         {
-          activityTiming: activityTimings[message.id],
           actions: options.messageActions,
+          activityTiming: activityTimings[message.id],
           canRetry: message.id === lastAssistantMessageId && !isBusy,
           clientTools: clientToolsByName,
           exportFormats: options.componentExportFormats,
@@ -6778,6 +6898,7 @@ function ChatRuntime({
           message,
           progress: message.id === streamingAssistantMessageId ? progress : null,
           toolDecisions,
+          turnAnchor: message.id === activeTurnMessageId && activeStreamKey !== null ? "active" : message.id === lastUserMessageId ? "latest" : null,
           onAction: handleComponentAction,
           onClientToolDecision: decideClientTool,
           onCopy: copyMessage,
@@ -6787,14 +6908,14 @@ function ChatRuntime({
         },
         message.id
       )),
-      standaloneStatus ? /* @__PURE__ */ jsx25("div", { className: "ha-message", "data-role": "assistant", "data-stream-anchor": "true", children: /* @__PURE__ */ jsx25("div", { className: "ha-message-body", children: /* @__PURE__ */ jsx25(ActivityStatus, { label: standaloneStatus }) }) }) : null,
+      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: [
-        /* @__PURE__ */ jsx25("span", { children: "The request could not be completed." }),
-        /* @__PURE__ */ jsx25("button", { type: "button", onClick: retryLastResponse, children: "Retry" })
+        /* @__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__ */ jsx25("div", { "aria-label": "Suggested prompts", className: "ha-suggestions", role: "group", children: visibleSuggestedPrompts.map((prompt, index) => /* @__PURE__ */ jsxs17(
+      showHome && visibleSuggestedPrompts.length > 0 ? /* @__PURE__ */ jsx26("div", { "aria-label": "Suggested prompts", className: "ha-suggestions", role: "group", children: visibleSuggestedPrompts.map((prompt, index) => /* @__PURE__ */ jsxs17(
         "button",
         {
           className: "ha-suggestion",
@@ -6802,17 +6923,17 @@ function ChatRuntime({
           "aria-keyshortcuts": options.suggestedPromptShortcuts ? `Control+${index + 1}` : void 0,
           onClick: () => submitComposerMessage(prompt),
           children: [
-            /* @__PURE__ */ jsx25("span", { children: prompt }),
+            /* @__PURE__ */ jsx26("span", { children: prompt }),
             options.suggestedPromptShortcuts ? /* @__PURE__ */ jsxs17("span", { "aria-hidden": "true", className: "ha-suggestion-shortcut", children: [
-              /* @__PURE__ */ jsx25("kbd", { children: "Ctrl" }),
-              /* @__PURE__ */ jsx25("kbd", { children: index + 1 })
-            ] }) : /* @__PURE__ */ jsx25(ArrowUpRight, { "aria-hidden": "true" })
+              /* @__PURE__ */ jsx26("kbd", { children: "Ctrl" }),
+              /* @__PURE__ */ jsx26("kbd", { children: index + 1 })
+            ] }) : /* @__PURE__ */ jsx26(ArrowUpRight, { "aria-hidden": "true" })
           ]
         },
         prompt
       )) }) : null,
-      selection ? /* @__PURE__ */ jsx25(ComposerContext, { title: selection.componentTitle, onRemove: () => setSelection(null) }) : null,
-      /* @__PURE__ */ jsx25(
+      selection ? /* @__PURE__ */ jsx26(ComposerContext, { title: selection.componentTitle, onRemove: () => setSelection(null) }) : null,
+      /* @__PURE__ */ jsx26(
         MessageQueueList,
         {
           ref: messageQueueListRef,
@@ -6836,7 +6957,7 @@ function ChatRuntime({
           disabled: options.composerAttachmentContentTypes.length === 0,
           onFilesSelected: addComposerAttachments,
           children: [
-            options.composerAttachmentContentTypes.length > 0 ? /* @__PURE__ */ jsx25(
+            options.composerAttachmentContentTypes.length > 0 ? /* @__PURE__ */ jsx26(
               "input",
               {
                 ref: fileInputRef,
@@ -6852,14 +6973,14 @@ function ChatRuntime({
                 }
               }
             ) : null,
-            attachments.length > 0 ? /* @__PURE__ */ jsx25(
+            attachments.length > 0 ? /* @__PURE__ */ jsx26(
               ScrollShadow,
               {
                 "aria-label": "Selected attachments",
                 className: "ha-attachments",
                 offset: 1,
                 size: 24,
-                children: attachments.map((file) => /* @__PURE__ */ jsx25(
+                children: attachments.map((file) => /* @__PURE__ */ jsx26(
                   ComposerAttachment,
                   {
                     file,
@@ -6872,17 +6993,17 @@ function ChatRuntime({
                 ))
               }
             ) : null,
-            options.composerAttachmentContentTypes.length > 0 ? /* @__PURE__ */ jsx25(
+            options.composerAttachmentContentTypes.length > 0 ? /* @__PURE__ */ jsx26(
               "button",
               {
                 "aria-label": "Attach files",
                 className: "ha-attach",
                 type: "button",
                 onClick: () => fileInputRef.current?.click(),
-                children: /* @__PURE__ */ jsx25(Plus3, { "aria-hidden": "true" })
+                children: /* @__PURE__ */ jsx26(Plus3, { "aria-hidden": "true" })
               }
             ) : null,
-            /* @__PURE__ */ jsx25(
+            /* @__PURE__ */ jsx26(
               "textarea",
               {
                 ref: textareaRef,
@@ -6909,8 +7030,8 @@ function ChatRuntime({
                 }
               }
             ),
-            isDictating ? /* @__PURE__ */ jsx25("div", { className: "ha-dictation-session", children: isDictationTranscribing ? /* @__PURE__ */ jsx25("span", { className: "ha-dictation-status", role: "status", children: "Transcribing\u2026" }) : /* @__PURE__ */ jsxs17(Fragment4, { children: [
-              /* @__PURE__ */ jsx25(
+            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: [
+              /* @__PURE__ */ jsx26(
                 VoiceLiveWaveform,
                 {
                   active: isDictationRecording,
@@ -6920,7 +7041,7 @@ function ChatRuntime({
                   stream: dictationStream
                 }
               ),
-              /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx26(
                 "time",
                 {
                   "aria-label": `Recording duration ${formatVoiceDuration(dictationElapsedSeconds)}`,
@@ -6930,7 +7051,7 @@ function ChatRuntime({
                 }
               )
             ] }) }) : null,
-            options.permissionShowPicker && options.tools.length > 0 && !isDictating ? /* @__PURE__ */ jsx25(
+            options.permissionShowPicker && options.tools.length > 0 && !isDictating ? /* @__PURE__ */ jsx26(
               PermissionPicker,
               {
                 "aria-label": "Tool permissions",
@@ -6940,7 +7061,7 @@ function ChatRuntime({
                 onChange: setSelectedPermissionMode
               }
             ) : null,
-            options.composerModelPicker && !isDictating ? /* @__PURE__ */ jsx25(
+            options.composerModelPicker && !isDictating ? /* @__PURE__ */ jsx26(
               ModelPicker,
               {
                 "aria-label": "AI model",
@@ -6964,8 +7085,8 @@ function ChatRuntime({
                 type: "button",
                 onClick: toggleDictation,
                 children: [
-                  isDictationTranscribing ? /* @__PURE__ */ jsx25(Xmark3, { "aria-hidden": "true" }) : isDictating ? /* @__PURE__ */ jsx25(StopFill, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx25(Microphone, { "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx25(
+                  isDictationTranscribing ? /* @__PURE__ */ jsx26(Xmark3, { "aria-hidden": "true" }) : isDictating ? /* @__PURE__ */ jsx26(StopFill, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx26(Microphone, { "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx26(
                     ComposerControlTooltip,
                     {
                       shortcut: isDictationSupported ? DICTATION_SHORTCUT_LABEL : void 0,
@@ -6975,7 +7096,7 @@ function ChatRuntime({
                 ]
               }
             ) : null,
-            attachmentError || options.composerDictation && dictationError ? /* @__PURE__ */ jsx25("span", { className: "ha-dictation-error", role: "alert", children: attachmentError ?? dictationError }) : null,
+            attachmentError || options.composerDictation && dictationError ? /* @__PURE__ */ jsx26("span", { className: "ha-dictation-error", role: "alert", children: attachmentError ?? dictationError }) : null,
             isRunning && !hasComposerDraft ? /* @__PURE__ */ jsxs17(
               "button",
               {
@@ -6987,8 +7108,8 @@ function ChatRuntime({
                 type: "button",
                 onClick: stopGeneration,
                 children: [
-                  /* @__PURE__ */ jsx25(StopFill, { "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx25(ComposerControlTooltip, { shortcut: COMPOSER_ACTION_SHORTCUT_LABEL, children: sendButtonLabel })
+                  /* @__PURE__ */ jsx26(StopFill, { "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx26(ComposerControlTooltip, { shortcut: COMPOSER_ACTION_SHORTCUT_LABEL, children: sendButtonLabel })
                 ]
               }
             ) : /* @__PURE__ */ jsxs17(
@@ -7002,16 +7123,16 @@ function ChatRuntime({
                 disabled: !hasComposerDraft || isDictating,
                 type: "submit",
                 children: [
-                  /* @__PURE__ */ jsx25(ArrowUp2, { "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx25(ComposerControlTooltip, { shortcut: COMPOSER_ACTION_SHORTCUT_LABEL, children: sendButtonLabel })
+                  /* @__PURE__ */ jsx26(ArrowUp2, { "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx26(ComposerControlTooltip, { shortcut: COMPOSER_ACTION_SHORTCUT_LABEL, children: sendButtonLabel })
                 ]
               }
             )
           ]
         }
       ),
-      options.composerDisclaimer ? /* @__PURE__ */ jsx25("p", { className: "ha-footnote", children: renderInlineMarkdown(options.composerDisclaimer) }) : null,
-      /* @__PURE__ */ jsx25(PoweredByHero, {})
+      options.composerDisclaimer ? /* @__PURE__ */ jsx26("p", { className: "ha-footnote", children: renderInlineMarkdown(options.composerDisclaimer) }) : null,
+      /* @__PURE__ */ jsx26(PoweredByHero, {})
     ] })
   ] });
 }
@@ -7034,23 +7155,25 @@ function Message({
   onRetry,
   onSelect,
   progress,
-  toolDecisions
+  toolDecisions,
+  turnAnchor
 }) {
   const activity = collectActivity(message, clientTools, { isStreaming });
   const sources = collectMessageSources(message.parts);
+  const isBuildingComponent = message.parts.some(isStreamingComponentBuild);
+  useEffect14(() => {
+    if (isBuildingComponent) preloadGenUIRenderer();
+  }, [isBuildingComponent]);
   const activeTextPartIndex = isStreaming ? message.parts.findLastIndex((part) => part.type === "text") : -1;
   const userAttachments = message.role === "user" ? message.parts.flatMap(
-    (part, index) => part.type === "file" ? [/* @__PURE__ */ jsx25(MessageAttachment, { file: part }, `${message.id}-attachment-${index}`)] : []
+    (part, index) => part.type === "file" ? [/* @__PURE__ */ jsx26(MessageAttachment, { file: part }, `${message.id}-attachment-${index}`)] : []
   ) : [];
-  const lastComponentPartIndex = message.parts.findLastIndex(
-    (part) => part.type === "data-component"
-  );
   const content = message.parts.reduce((items, part, index) => {
     if (part.type === "text") {
       if (!part.text.trim()) return items;
       return [
         ...items,
-        message.role === "assistant" ? /* @__PURE__ */ jsx25(
+        message.role === "assistant" ? /* @__PURE__ */ jsx26(
           ConversationMarkdown,
           {
             animated: markdownAnimation,
@@ -7060,17 +7183,17 @@ function Message({
             children: part.text
           },
           `${message.id}-text-${index}`
-        ) : /* @__PURE__ */ jsx25("p", { className: "ha-message-text", children: part.text }, `${message.id}-text-${index}`)
+        ) : /* @__PURE__ */ jsx26("p", { className: "ha-message-text", children: part.text }, `${message.id}-text-${index}`)
       ];
     }
     if (part.type === "file") {
       if (message.role === "user") return items;
-      return [...items, /* @__PURE__ */ jsx25(MessageAttachment, { file: part }, `${message.id}-file-${index}`)];
+      return [...items, /* @__PURE__ */ jsx26(MessageAttachment, { file: part }, `${message.id}-file-${index}`)];
     }
     if (part.type === "data-component") {
       return [
         ...items,
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(
           GenUIRenderer,
           {
             component: part.data,
@@ -7082,20 +7205,7 @@ function Message({
         )
       ];
     }
-    const componentPreview2 = streamingComponentPreview(part);
-    if (componentPreview2 && index > lastComponentPartIndex) {
-      return [
-        ...items,
-        /* @__PURE__ */ jsx25(
-          ComponentSkeleton,
-          {
-            kind: componentPreview2.kind,
-            title: componentPreview2.title
-          },
-          componentPreview2.toolCallId
-        )
-      ];
-    }
+    if (isStreamingComponentBuild(part)) return items;
     const clientToolName = clientToolPartName(part);
     const clientTool = clientToolName ? clientTools.get(clientToolName) : void 0;
     if (clientToolName && clientTool?.needsApproval) {
@@ -7103,7 +7213,7 @@ function Message({
       if (toolPart.state !== "input-available" || toolDecisions[toolPart.toolCallId]) return items;
       return [
         ...items,
-        /* @__PURE__ */ jsx25(
+        /* @__PURE__ */ jsx26(
           ClientToolCard,
           {
             decision: toolDecisions[toolPart.toolCallId],
@@ -7125,22 +7235,31 @@ function Message({
     return null;
   }
   if (message.role === "user") {
-    return /* @__PURE__ */ jsxs17("div", { className: "ha-message", "data-role": "user", children: [
-      userAttachments.length > 0 ? /* @__PURE__ */ jsx25("div", { "aria-label": "Message attachments", className: "ha-message-attachments", children: userAttachments }) : null,
-      content.length > 0 ? /* @__PURE__ */ jsx25("div", { className: "ha-bubble", children: /* @__PURE__ */ jsx25("div", { className: "ha-message-content", children: content }) }) : null
-    ] });
+    return /* @__PURE__ */ jsxs17(
+      "div",
+      {
+        className: "ha-message",
+        "data-role": "user",
+        "data-stream-anchor": turnAnchor === "active" ? true : void 0,
+        "data-turn-anchor": turnAnchor ? true : void 0,
+        children: [
+          userAttachments.length > 0 ? /* @__PURE__ */ jsx26("div", { "aria-label": "Message attachments", className: "ha-message-attachments", children: userAttachments }) : null,
+          content.length > 0 ? /* @__PURE__ */ jsx26("div", { className: "ha-bubble", children: /* @__PURE__ */ jsx26("div", { className: "ha-message-content", children: content }) }) : null
+        ]
+      }
+    );
   }
   const hasCopyableText = message.parts.some(
     (part) => part.type === "text" && part.text.trim().length > 0
   );
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       className: "ha-message",
       "data-role": "assistant",
       "data-stream-anchor": isStreaming ? true : void 0,
       children: /* @__PURE__ */ jsxs17("div", { className: "ha-message-body", children: [
-        activity.length > 0 ? /* @__PURE__ */ jsx25(
+        activity.length > 0 ? /* @__PURE__ */ jsx26(
           ActivityTrail,
           {
             completedAt: activityTiming?.completedAt,
@@ -7150,9 +7269,9 @@ function Message({
             startedAt: activityTiming?.startedAt
           }
         ) : null,
-        content.length > 0 ? /* @__PURE__ */ jsx25("div", { className: "ha-message-content", children: content }) : null,
-        /* @__PURE__ */ jsx25(MessageSources, { sources: visibleSources }),
-        !isStreaming && content.length > 0 && actions.length > 0 ? /* @__PURE__ */ jsx25(
+        content.length > 0 ? /* @__PURE__ */ jsx26("div", { className: "ha-message-content", children: content }) : null,
+        /* @__PURE__ */ jsx26(MessageSources, { sources: visibleSources }),
+        !isStreaming && content.length > 0 && actions.length > 0 ? /* @__PURE__ */ jsx26(
           MessageActions,
           {
             actions,
@@ -7174,11 +7293,11 @@ function ClientToolCard({
 }) {
   if (part.state !== "input-available" || decision) return null;
   const Icon = tool.icon;
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     ApprovalCard,
     {
       "data-tool-status": "approval-requested",
-      icon: Icon ? /* @__PURE__ */ jsx25(Icon, { color: tool.iconColor, size: 16 }) : void 0,
+      icon: Icon ? /* @__PURE__ */ jsx26(Icon, { color: tool.iconColor, size: 16 }) : void 0,
       input: part.input,
       title: tool.displayName ?? tool.name,
       onApprove: () => onDecision(true),
@@ -7193,7 +7312,6 @@ function useAgentTransport({
   modelId,
   onEvent,
   options,
-  realtimeUrl,
   tokenManager
 }) {
   const sessionKey = `heroui-agent:session:${options.agentId}:${conversationId}`;
@@ -7208,41 +7326,19 @@ function useAgentTransport({
     const session = restoreTriggerSession(stored, bootstrapStatus);
     return session ? { [conversationId]: session } : void 0;
   }, [bootstrapStatus, conversationId, sessionKey]);
-  const reportedReconnectRef = useRef14(false);
+  const reportedReconnectRef = useRef15(false);
   const authorizedFetch = useCallback11(
-    async (url, init = {}) => {
-      const request = async () => {
-        const headers = new Headers(init.headers);
-        headers.set("Authorization", `Bearer ${await tokenManager.get()}`);
-        headers.set("X-HeroUI-Agent-Protocol-Version", String(HEROUI_AGENT_PROTOCOL_VERSION));
-        headers.set("X-HeroUI-Agent-SDK-Version", HEROUI_AGENT_SDK_VERSION);
-        return fetch(url, { ...init, headers });
-      };
-      let response = await request();
-      if (response.status === 401) {
-        tokenManager.clear();
-        response = await request();
-      }
-      return response;
-    },
+    (url, init = {}) => fetchWithAgentAuthorization(tokenManager, url, init),
     [tokenManager]
   );
   return useTriggerChatTransport({
-    // Answers stream directly from Trigger.dev with a short-lived read-only
-    // session token. Sends still terminate at the HeroUI API, which owns the
-    // write credentials and injects signed trusted metadata.
-    accessToken: async ({ chatId }) => {
-      const response = await authorizedFetch(
-        `${options.apiBaseUrl}/v1/conversations/${encodeURIComponent(chatId)}/access-token`,
-        { method: "POST" }
-      );
-      if (!response.ok) throw new Error("Could not refresh the assistant session");
-      return (await response.json()).publicAccessToken;
-    },
-    baseURL: ({ endpoint }) => endpoint === "out" ? realtimeUrl : `${options.apiBaseUrl}/v1/trigger`,
+    // Both directions terminate at the HeroUI API. The transport continues to
+    // own parsing, resume cursors, and stop semantics, while the browser only
+    // authenticates with the credential supplied by the customer's backend.
+    accessToken: () => tokenManager.get(),
+    baseURL: agentTransportBaseUrl(options.apiBaseUrl),
     clientData: modelId ? { modelId } : void 0,
-    fetch: async (url, init, context) => {
-      if (context.endpoint !== "in") return fetch(url, init);
+    fetch: async (url, init) => {
       const headers = new Headers(init.headers);
       headers.delete("Authorization");
       return authorizedFetch(String(url), { ...init, headers });
@@ -7264,26 +7360,31 @@ function useAgentTransport({
     },
     ...initialSessions ? { sessions: initialSessions } : {},
     startSession: async ({ chatId, clientData }) => {
-      const pageContext = clientData && typeof clientData === "object" ? clientData["pageContext"] : void 0;
-      const requestedModelId = clientData && typeof clientData === "object" ? clientData["modelId"] : void 0;
-      const response = await authorizedFetch(
-        `${options.apiBaseUrl}/v1/conversations/${encodeURIComponent(chatId)}/session`,
-        {
-          body: JSON.stringify({
-            clientTools: getClientToolManifest(),
-            ...requestedModelId ? { modelId: requestedModelId } : {},
-            imageSearch: options.imageSearch,
-            pageContext,
-            protocolVersion: HEROUI_AGENT_PROTOCOL_VERSION,
-            sdkVersion: HEROUI_AGENT_SDK_VERSION,
-            webSearch: options.webSearch
-          }),
-          headers: { "Content-Type": "application/json" },
-          method: "POST"
-        }
-      );
-      if (!response.ok) throw new Error("Could not start the assistant session");
-      return await response.json();
+      try {
+        const pageContext = clientData && typeof clientData === "object" ? clientData["pageContext"] : void 0;
+        const requestedModelId = clientData && typeof clientData === "object" ? clientData["modelId"] : void 0;
+        const response = await authorizedFetch(
+          `${options.apiBaseUrl}/v1/conversations/${encodeURIComponent(chatId)}/session`,
+          {
+            body: JSON.stringify({
+              clientTools: getClientToolManifest(),
+              ...requestedModelId ? { modelId: requestedModelId } : {},
+              imageSearch: options.imageSearch,
+              pageContext,
+              protocolVersion: HEROUI_AGENT_PROTOCOL_VERSION,
+              sdkVersion: HEROUI_AGENT_SDK_VERSION,
+              webSearch: options.webSearch
+            }),
+            headers: { "Content-Type": "application/json" },
+            method: "POST"
+          }
+        );
+        if (!response.ok) throw new AgentSessionStartError();
+        return await response.json();
+      } catch (sessionError) {
+        if (sessionError instanceof AgentSessionStartError) throw sessionError;
+        throw new AgentSessionStartError({ cause: sessionError });
+      }
     },
     task: HEROUI_AGENT_TASK_ID
   });