@runtypelabs/persona 3.16.0 → 3.18.0

package/dist/theme-editor.cjs

@@ -80,6 +80,7 @@ __export(theme_editor_exports, {
   buildPreviewConfigWithMessages: () => buildPreviewConfigWithMessages,
   buildShellCss: () => buildShellCss,
   buildSrcdoc: () => buildSrcdoc,
+  buildTranscriptStreamFrames: () => buildTranscriptStreamFrames,
   convertFromPx: () => convertFromPx,
   convertToPx: () => convertToPx,
   createPreviewMessages: () => createPreviewMessages,
@@ -99,6 +100,7 @@ __export(theme_editor_exports, {
   normalizeColorValue: () => normalizeColorValue,
   paletteColorPath: () => paletteColorPath,
   parseCssValue: () => parseCssValue,
+  presetStreamsText: () => presetStreamsText,
   resolveRoleAssignment: () => resolveRoleAssignment,
   resolveThemeColorPath: () => resolveThemeColorPath,
   scopeSection: () => scopeSection,
@@ -247,6 +249,19 @@ var DEFAULT_WIDGET_CONFIG = {
       previewMaxLines: 3,
       expandable: true,
       loadingAnimation: "none"
+    },
+    streamAnimation: {
+      type: "none",
+      placeholder: "none",
+      speed: 120,
+      duration: 1800
+    },
+    askUserQuestion: {
+      enabled: true,
+      slideInMs: 180,
+      freeTextLabel: "Other\u2026",
+      freeTextPlaceholder: "Type your answer\u2026",
+      submitLabel: "Send"
     }
   },
   suggestionChips: [
@@ -349,11 +364,15 @@ function mergeWithDefaults(config) {
       ...config.voiceRecognition
     },
     features: (() => {
-      var _a2, _b2, _c2, _d2;
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
       const da = (_a2 = DEFAULT_WIDGET_CONFIG.features) == null ? void 0 : _a2.artifacts;
       const ca = (_b2 = config.features) == null ? void 0 : _b2.artifacts;
       const dsb = (_c2 = DEFAULT_WIDGET_CONFIG.features) == null ? void 0 : _c2.scrollToBottom;
       const csb = (_d2 = config.features) == null ? void 0 : _d2.scrollToBottom;
+      const dsa = (_e2 = DEFAULT_WIDGET_CONFIG.features) == null ? void 0 : _e2.streamAnimation;
+      const csa = (_f2 = config.features) == null ? void 0 : _f2.streamAnimation;
+      const dau = (_g2 = DEFAULT_WIDGET_CONFIG.features) == null ? void 0 : _g2.askUserQuestion;
+      const cau = (_h2 = config.features) == null ? void 0 : _h2.askUserQuestion;
       const mergedArtifacts = da === void 0 && ca === void 0 ? void 0 : {
         ...da,
         ...ca,
@@ -366,11 +385,25 @@ function mergeWithDefaults(config) {
         ...dsb,
         ...csb
       };
+      const mergedStreamAnimation = dsa === void 0 && csa === void 0 ? void 0 : {
+        ...dsa,
+        ...csa
+      };
+      const mergedAskUserQuestion = dau === void 0 && cau === void 0 ? void 0 : {
+        ...dau,
+        ...cau,
+        styles: {
+          ...dau == null ? void 0 : dau.styles,
+          ...cau == null ? void 0 : cau.styles
+        }
+      };
       return {
         ...DEFAULT_WIDGET_CONFIG.features,
         ...config.features,
         ...mergedScrollToBottom !== void 0 ? { scrollToBottom: mergedScrollToBottom } : {},
-        ...mergedArtifacts !== void 0 ? { artifacts: mergedArtifacts } : {}
+        ...mergedArtifacts !== void 0 ? { artifacts: mergedArtifacts } : {},
+        ...mergedStreamAnimation !== void 0 ? { streamAnimation: mergedStreamAnimation } : {},
+        ...mergedAskUserQuestion !== void 0 ? { askUserQuestion: mergedAskUserQuestion } : {}
       };
     })(),
     suggestionChips: (_e = config.suggestionChips) != null ? _e : DEFAULT_WIDGET_CONFIG.suggestionChips,
@@ -721,6 +754,14 @@ var DEFAULT_COMPONENTS = {
     },
     border: "semantic.colors.border"
   },
+  introCard: {
+    // Defaults preserve the legacy `persona-shadow-sm` look exactly so existing
+    // pages render unchanged when no token is set.
+    background: "semantic.colors.surface",
+    borderRadius: "palette.radius.2xl",
+    padding: "semantic.spacing.lg",
+    shadow: "0 5px 15px rgba(15, 23, 42, 0.08)"
+  },
   toolBubble: {
     shadow: "palette.shadows.sm"
   },
@@ -997,7 +1038,7 @@ function createTheme(userConfig, options = {}) {
   return theme;
 }
 function themeToCssVariables(theme) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb, _cb, _db, _eb, _fb, _gb, _hb;
   const resolved = resolveTokens(theme);
   const cssVars = {};
   for (const [path, token] of Object.entries(resolved)) {
@@ -1061,31 +1102,36 @@ function themeToCssVariables(theme) {
   const headerTokens = (_ea = theme.components) == null ? void 0 : _ea.header;
   if (headerTokens == null ? void 0 : headerTokens.shadow) cssVars["--persona-header-shadow"] = headerTokens.shadow;
   if (headerTokens == null ? void 0 : headerTokens.borderBottom) cssVars["--persona-header-border-bottom"] = headerTokens.borderBottom;
-  cssVars["--persona-input-background"] = (_fa = cssVars["--persona-components-input-background"]) != null ? _fa : cssVars["--persona-surface"];
-  cssVars["--persona-input-placeholder"] = (_ga = cssVars["--persona-components-input-placeholder"]) != null ? _ga : cssVars["--persona-text-muted"];
-  cssVars["--persona-message-user-bg"] = (_ha = cssVars["--persona-components-message-user-background"]) != null ? _ha : cssVars["--persona-accent"];
-  cssVars["--persona-message-user-text"] = (_ia = cssVars["--persona-components-message-user-text"]) != null ? _ia : cssVars["--persona-text-inverse"];
-  cssVars["--persona-message-user-shadow"] = (_ja = cssVars["--persona-components-message-user-shadow"]) != null ? _ja : "0 5px 15px rgba(15, 23, 42, 0.08)";
-  cssVars["--persona-message-assistant-bg"] = (_ka = cssVars["--persona-components-message-assistant-background"]) != null ? _ka : cssVars["--persona-surface"];
-  cssVars["--persona-message-assistant-text"] = (_la = cssVars["--persona-components-message-assistant-text"]) != null ? _la : cssVars["--persona-text"];
-  cssVars["--persona-message-assistant-border"] = (_ma = cssVars["--persona-components-message-assistant-border"]) != null ? _ma : cssVars["--persona-border"];
-  cssVars["--persona-message-assistant-shadow"] = (_na = cssVars["--persona-components-message-assistant-shadow"]) != null ? _na : "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-  cssVars["--persona-scroll-to-bottom-bg"] = (_pa = (_oa = cssVars["--persona-components-scrollToBottom-background"]) != null ? _oa : cssVars["--persona-button-primary-bg"]) != null ? _pa : cssVars["--persona-accent"];
-  cssVars["--persona-scroll-to-bottom-fg"] = (_ra = (_qa = cssVars["--persona-components-scrollToBottom-foreground"]) != null ? _qa : cssVars["--persona-button-primary-fg"]) != null ? _ra : cssVars["--persona-text-inverse"];
-  cssVars["--persona-scroll-to-bottom-border"] = (_sa = cssVars["--persona-components-scrollToBottom-border"]) != null ? _sa : cssVars["--persona-primary"];
-  cssVars["--persona-scroll-to-bottom-size"] = (_ta = cssVars["--persona-components-scrollToBottom-size"]) != null ? _ta : "40px";
-  cssVars["--persona-scroll-to-bottom-radius"] = (_wa = (_va = (_ua = cssVars["--persona-components-scrollToBottom-borderRadius"]) != null ? _ua : cssVars["--persona-button-radius"]) != null ? _va : cssVars["--persona-radius-full"]) != null ? _wa : "9999px";
-  cssVars["--persona-scroll-to-bottom-shadow"] = (_ya = (_xa = cssVars["--persona-components-scrollToBottom-shadow"]) != null ? _xa : cssVars["--persona-palette-shadows-sm"]) != null ? _ya : "0 1px 2px 0 rgb(0 0 0 / 0.05)";
-  cssVars["--persona-scroll-to-bottom-padding"] = (_za = cssVars["--persona-components-scrollToBottom-padding"]) != null ? _za : "0.5rem 0.875rem";
-  cssVars["--persona-scroll-to-bottom-gap"] = (_Aa = cssVars["--persona-components-scrollToBottom-gap"]) != null ? _Aa : "0.5rem";
-  cssVars["--persona-scroll-to-bottom-font-size"] = (_Ca = (_Ba = cssVars["--persona-components-scrollToBottom-fontSize"]) != null ? _Ba : cssVars["--persona-palette-typography-fontSize-sm"]) != null ? _Ca : "0.875rem";
-  cssVars["--persona-scroll-to-bottom-icon-size"] = (_Da = cssVars["--persona-components-scrollToBottom-iconSize"]) != null ? _Da : "14px";
-  cssVars["--persona-tool-bubble-shadow"] = (_Ea = cssVars["--persona-components-toolBubble-shadow"]) != null ? _Ea : "0 5px 15px rgba(15, 23, 42, 0.08)";
-  cssVars["--persona-reasoning-bubble-shadow"] = (_Fa = cssVars["--persona-components-reasoningBubble-shadow"]) != null ? _Fa : "0 5px 15px rgba(15, 23, 42, 0.08)";
-  cssVars["--persona-composer-shadow"] = (_Ga = cssVars["--persona-components-composer-shadow"]) != null ? _Ga : "none";
-  cssVars["--persona-md-inline-code-bg"] = (_Ha = cssVars["--persona-components-markdown-inlineCode-background"]) != null ? _Ha : cssVars["--persona-container"];
-  cssVars["--persona-md-inline-code-color"] = (_Ia = cssVars["--persona-components-markdown-inlineCode-foreground"]) != null ? _Ia : cssVars["--persona-text"];
-  cssVars["--persona-md-link-color"] = (_Ka = (_Ja = cssVars["--persona-components-markdown-link-foreground"]) != null ? _Ja : cssVars["--persona-accent"]) != null ? _Ka : "#0f0f0f";
+  const introCardTokens = (_fa = theme.components) == null ? void 0 : _fa.introCard;
+  cssVars["--persona-intro-card-bg"] = (_ga = cssVars["--persona-components-introCard-background"]) != null ? _ga : cssVars["--persona-surface"];
+  cssVars["--persona-intro-card-radius"] = (_ha = cssVars["--persona-components-introCard-borderRadius"]) != null ? _ha : "1rem";
+  cssVars["--persona-intro-card-padding"] = (_ia = cssVars["--persona-components-introCard-padding"]) != null ? _ia : "1.5rem";
+  cssVars["--persona-intro-card-shadow"] = (_ka = (_ja = introCardTokens == null ? void 0 : introCardTokens.shadow) != null ? _ja : cssVars["--persona-components-introCard-shadow"]) != null ? _ka : "0 5px 15px rgba(15, 23, 42, 0.08)";
+  cssVars["--persona-input-background"] = (_la = cssVars["--persona-components-input-background"]) != null ? _la : cssVars["--persona-surface"];
+  cssVars["--persona-input-placeholder"] = (_ma = cssVars["--persona-components-input-placeholder"]) != null ? _ma : cssVars["--persona-text-muted"];
+  cssVars["--persona-message-user-bg"] = (_na = cssVars["--persona-components-message-user-background"]) != null ? _na : cssVars["--persona-accent"];
+  cssVars["--persona-message-user-text"] = (_oa = cssVars["--persona-components-message-user-text"]) != null ? _oa : cssVars["--persona-text-inverse"];
+  cssVars["--persona-message-user-shadow"] = (_pa = cssVars["--persona-components-message-user-shadow"]) != null ? _pa : "0 5px 15px rgba(15, 23, 42, 0.08)";
+  cssVars["--persona-message-assistant-bg"] = (_qa = cssVars["--persona-components-message-assistant-background"]) != null ? _qa : cssVars["--persona-surface"];
+  cssVars["--persona-message-assistant-text"] = (_ra = cssVars["--persona-components-message-assistant-text"]) != null ? _ra : cssVars["--persona-text"];
+  cssVars["--persona-message-assistant-border"] = (_sa = cssVars["--persona-components-message-assistant-border"]) != null ? _sa : cssVars["--persona-border"];
+  cssVars["--persona-message-assistant-shadow"] = (_ta = cssVars["--persona-components-message-assistant-shadow"]) != null ? _ta : "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+  cssVars["--persona-scroll-to-bottom-bg"] = (_va = (_ua = cssVars["--persona-components-scrollToBottom-background"]) != null ? _ua : cssVars["--persona-button-primary-bg"]) != null ? _va : cssVars["--persona-accent"];
+  cssVars["--persona-scroll-to-bottom-fg"] = (_xa = (_wa = cssVars["--persona-components-scrollToBottom-foreground"]) != null ? _wa : cssVars["--persona-button-primary-fg"]) != null ? _xa : cssVars["--persona-text-inverse"];
+  cssVars["--persona-scroll-to-bottom-border"] = (_ya = cssVars["--persona-components-scrollToBottom-border"]) != null ? _ya : cssVars["--persona-primary"];
+  cssVars["--persona-scroll-to-bottom-size"] = (_za = cssVars["--persona-components-scrollToBottom-size"]) != null ? _za : "40px";
+  cssVars["--persona-scroll-to-bottom-radius"] = (_Ca = (_Ba = (_Aa = cssVars["--persona-components-scrollToBottom-borderRadius"]) != null ? _Aa : cssVars["--persona-button-radius"]) != null ? _Ba : cssVars["--persona-radius-full"]) != null ? _Ca : "9999px";
+  cssVars["--persona-scroll-to-bottom-shadow"] = (_Ea = (_Da = cssVars["--persona-components-scrollToBottom-shadow"]) != null ? _Da : cssVars["--persona-palette-shadows-sm"]) != null ? _Ea : "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+  cssVars["--persona-scroll-to-bottom-padding"] = (_Fa = cssVars["--persona-components-scrollToBottom-padding"]) != null ? _Fa : "0.5rem 0.875rem";
+  cssVars["--persona-scroll-to-bottom-gap"] = (_Ga = cssVars["--persona-components-scrollToBottom-gap"]) != null ? _Ga : "0.5rem";
+  cssVars["--persona-scroll-to-bottom-font-size"] = (_Ia = (_Ha = cssVars["--persona-components-scrollToBottom-fontSize"]) != null ? _Ha : cssVars["--persona-palette-typography-fontSize-sm"]) != null ? _Ia : "0.875rem";
+  cssVars["--persona-scroll-to-bottom-icon-size"] = (_Ja = cssVars["--persona-components-scrollToBottom-iconSize"]) != null ? _Ja : "14px";
+  cssVars["--persona-tool-bubble-shadow"] = (_Ka = cssVars["--persona-components-toolBubble-shadow"]) != null ? _Ka : "0 5px 15px rgba(15, 23, 42, 0.08)";
+  cssVars["--persona-reasoning-bubble-shadow"] = (_La = cssVars["--persona-components-reasoningBubble-shadow"]) != null ? _La : "0 5px 15px rgba(15, 23, 42, 0.08)";
+  cssVars["--persona-composer-shadow"] = (_Ma = cssVars["--persona-components-composer-shadow"]) != null ? _Ma : "none";
+  cssVars["--persona-md-inline-code-bg"] = (_Na = cssVars["--persona-components-markdown-inlineCode-background"]) != null ? _Na : cssVars["--persona-container"];
+  cssVars["--persona-md-inline-code-color"] = (_Oa = cssVars["--persona-components-markdown-inlineCode-foreground"]) != null ? _Oa : cssVars["--persona-text"];
+  cssVars["--persona-md-link-color"] = (_Qa = (_Pa = cssVars["--persona-components-markdown-link-foreground"]) != null ? _Pa : cssVars["--persona-accent"]) != null ? _Qa : "#0f0f0f";
   const mdH1Size = cssVars["--persona-components-markdown-heading-h1-fontSize"];
   if (mdH1Size) cssVars["--persona-md-h1-size"] = mdH1Size;
   const mdH1Weight = cssVars["--persona-components-markdown-heading-h1-fontWeight"];
@@ -1098,19 +1144,19 @@ function themeToCssVariables(theme) {
   if (mdProseFont && mdProseFont !== "inherit") {
     cssVars["--persona-md-prose-font-family"] = mdProseFont;
   }
-  cssVars["--persona-md-code-block-bg"] = (_La = cssVars["--persona-components-markdown-codeBlock-background"]) != null ? _La : cssVars["--persona-container"];
-  cssVars["--persona-md-code-block-border-color"] = (_Ma = cssVars["--persona-components-markdown-codeBlock-borderColor"]) != null ? _Ma : cssVars["--persona-border"];
-  cssVars["--persona-md-code-block-text-color"] = (_Na = cssVars["--persona-components-markdown-codeBlock-textColor"]) != null ? _Na : "inherit";
-  cssVars["--persona-md-table-header-bg"] = (_Oa = cssVars["--persona-components-markdown-table-headerBackground"]) != null ? _Oa : cssVars["--persona-container"];
-  cssVars["--persona-md-table-border-color"] = (_Pa = cssVars["--persona-components-markdown-table-borderColor"]) != null ? _Pa : cssVars["--persona-border"];
-  cssVars["--persona-md-hr-color"] = (_Qa = cssVars["--persona-components-markdown-hr-color"]) != null ? _Qa : cssVars["--persona-divider"];
-  cssVars["--persona-md-blockquote-border-color"] = (_Ra = cssVars["--persona-components-markdown-blockquote-borderColor"]) != null ? _Ra : cssVars["--persona-palette-colors-gray-900"];
-  cssVars["--persona-md-blockquote-bg"] = (_Sa = cssVars["--persona-components-markdown-blockquote-background"]) != null ? _Sa : "transparent";
-  cssVars["--persona-md-blockquote-text-color"] = (_Ta = cssVars["--persona-components-markdown-blockquote-textColor"]) != null ? _Ta : cssVars["--persona-palette-colors-gray-500"];
-  cssVars["--cw-container"] = (_Ua = cssVars["--persona-components-collapsibleWidget-container"]) != null ? _Ua : cssVars["--persona-surface"];
-  cssVars["--cw-surface"] = (_Va = cssVars["--persona-components-collapsibleWidget-surface"]) != null ? _Va : cssVars["--persona-surface"];
-  cssVars["--cw-border"] = (_Wa = cssVars["--persona-components-collapsibleWidget-border"]) != null ? _Wa : cssVars["--persona-border"];
-  cssVars["--persona-message-border"] = (_Xa = cssVars["--persona-components-message-border"]) != null ? _Xa : cssVars["--persona-border"];
+  cssVars["--persona-md-code-block-bg"] = (_Ra = cssVars["--persona-components-markdown-codeBlock-background"]) != null ? _Ra : cssVars["--persona-container"];
+  cssVars["--persona-md-code-block-border-color"] = (_Sa = cssVars["--persona-components-markdown-codeBlock-borderColor"]) != null ? _Sa : cssVars["--persona-border"];
+  cssVars["--persona-md-code-block-text-color"] = (_Ta = cssVars["--persona-components-markdown-codeBlock-textColor"]) != null ? _Ta : "inherit";
+  cssVars["--persona-md-table-header-bg"] = (_Ua = cssVars["--persona-components-markdown-table-headerBackground"]) != null ? _Ua : cssVars["--persona-container"];
+  cssVars["--persona-md-table-border-color"] = (_Va = cssVars["--persona-components-markdown-table-borderColor"]) != null ? _Va : cssVars["--persona-border"];
+  cssVars["--persona-md-hr-color"] = (_Wa = cssVars["--persona-components-markdown-hr-color"]) != null ? _Wa : cssVars["--persona-divider"];
+  cssVars["--persona-md-blockquote-border-color"] = (_Xa = cssVars["--persona-components-markdown-blockquote-borderColor"]) != null ? _Xa : cssVars["--persona-palette-colors-gray-900"];
+  cssVars["--persona-md-blockquote-bg"] = (_Ya = cssVars["--persona-components-markdown-blockquote-background"]) != null ? _Ya : "transparent";
+  cssVars["--persona-md-blockquote-text-color"] = (_Za = cssVars["--persona-components-markdown-blockquote-textColor"]) != null ? _Za : cssVars["--persona-palette-colors-gray-500"];
+  cssVars["--cw-container"] = (__a = cssVars["--persona-components-collapsibleWidget-container"]) != null ? __a : cssVars["--persona-surface"];
+  cssVars["--cw-surface"] = (_$a = cssVars["--persona-components-collapsibleWidget-surface"]) != null ? _$a : cssVars["--persona-surface"];
+  cssVars["--cw-border"] = (_ab = cssVars["--persona-components-collapsibleWidget-border"]) != null ? _ab : cssVars["--persona-border"];
+  cssVars["--persona-message-border"] = (_bb = cssVars["--persona-components-message-border"]) != null ? _bb : cssVars["--persona-border"];
   const components = theme.components;
   const iconBtn = components == null ? void 0 : components.iconButton;
   if (iconBtn) {
@@ -1157,23 +1203,23 @@ function themeToCssVariables(theme) {
     if (t.copyPadding) cssVars["--persona-artifact-toolbar-copy-padding"] = t.copyPadding;
     if (t.copyMenuBackground) {
       cssVars["--persona-artifact-toolbar-copy-menu-bg"] = t.copyMenuBackground;
-      cssVars["--persona-dropdown-bg"] = (_Ya = cssVars["--persona-dropdown-bg"]) != null ? _Ya : t.copyMenuBackground;
+      cssVars["--persona-dropdown-bg"] = (_cb = cssVars["--persona-dropdown-bg"]) != null ? _cb : t.copyMenuBackground;
     }
     if (t.copyMenuBorder) {
       cssVars["--persona-artifact-toolbar-copy-menu-border"] = t.copyMenuBorder;
-      cssVars["--persona-dropdown-border"] = (_Za = cssVars["--persona-dropdown-border"]) != null ? _Za : t.copyMenuBorder;
+      cssVars["--persona-dropdown-border"] = (_db = cssVars["--persona-dropdown-border"]) != null ? _db : t.copyMenuBorder;
     }
     if (t.copyMenuShadow) {
       cssVars["--persona-artifact-toolbar-copy-menu-shadow"] = t.copyMenuShadow;
-      cssVars["--persona-dropdown-shadow"] = (__a = cssVars["--persona-dropdown-shadow"]) != null ? __a : t.copyMenuShadow;
+      cssVars["--persona-dropdown-shadow"] = (_eb = cssVars["--persona-dropdown-shadow"]) != null ? _eb : t.copyMenuShadow;
     }
     if (t.copyMenuBorderRadius) {
       cssVars["--persona-artifact-toolbar-copy-menu-radius"] = t.copyMenuBorderRadius;
-      cssVars["--persona-dropdown-radius"] = (_$a = cssVars["--persona-dropdown-radius"]) != null ? _$a : t.copyMenuBorderRadius;
+      cssVars["--persona-dropdown-radius"] = (_fb = cssVars["--persona-dropdown-radius"]) != null ? _fb : t.copyMenuBorderRadius;
     }
     if (t.copyMenuItemHoverBackground) {
       cssVars["--persona-artifact-toolbar-copy-menu-item-hover-bg"] = t.copyMenuItemHoverBackground;
-      cssVars["--persona-dropdown-item-hover-bg"] = (_ab = cssVars["--persona-dropdown-item-hover-bg"]) != null ? _ab : t.copyMenuItemHoverBackground;
+      cssVars["--persona-dropdown-item-hover-bg"] = (_gb = cssVars["--persona-dropdown-item-hover-bg"]) != null ? _gb : t.copyMenuItemHoverBackground;
     }
     if (t.iconBackground) cssVars["--persona-artifact-toolbar-icon-bg"] = t.iconBackground;
     if (t.toolbarBorder) cssVars["--persona-artifact-toolbar-border"] = t.toolbarBorder;
@@ -1193,7 +1239,7 @@ function themeToCssVariables(theme) {
   if (artifact == null ? void 0 : artifact.pane) {
     const t = artifact.pane;
     if (t.toolbarBackground) {
-      const toolbarBg = (_bb = resolveTokenValue(theme, t.toolbarBackground)) != null ? _bb : t.toolbarBackground;
+      const toolbarBg = (_hb = resolveTokenValue(theme, t.toolbarBackground)) != null ? _hb : t.toolbarBackground;
       cssVars["--persona-artifact-toolbar-bg"] = toolbarBg;
     }
   }
@@ -2673,6 +2719,91 @@ var featuresSectionDef = {
     { id: "feat-scroll-bottom-label", label: "Scroll To Bottom Label", description: "Leave empty for icon-only mode", type: "text", path: "features.scrollToBottom.label", defaultValue: "" }
   ]
 };
+var streamAnimationSectionDef = {
+  id: "stream-animation",
+  title: "Stream Animation",
+  description: "Control how assistant text appears while streaming.",
+  collapsed: true,
+  fields: [
+    {
+      id: "stream-anim-type",
+      label: "Animation",
+      description: "Reveal effect applied to each assistant reply as it streams.",
+      type: "select",
+      path: "features.streamAnimation.type",
+      defaultValue: "none",
+      options: [
+        { value: "none", label: "None" },
+        { value: "typewriter", label: "Typewriter" },
+        { value: "word-fade", label: "Word fade" },
+        { value: "letter-rise", label: "Letter rise" },
+        { value: "glyph-cycle", label: "Glyph cycle" },
+        { value: "wipe", label: "Wipe" },
+        { value: "pop-bubble", label: "Pop bubble" }
+      ]
+    },
+    {
+      id: "stream-anim-placeholder",
+      label: "Pre-first-token Placeholder",
+      description: "What to show before the first token arrives.",
+      type: "select",
+      path: "features.streamAnimation.placeholder",
+      defaultValue: "none",
+      options: [
+        { value: "none", label: "Typing indicator (default)" },
+        { value: "skeleton", label: "Skeleton shimmer" }
+      ]
+    },
+    {
+      id: "stream-anim-buffer",
+      label: "Content Buffering",
+      description: "Trim in-progress units so only complete words/lines reveal.",
+      type: "select",
+      path: "features.streamAnimation.buffer",
+      defaultValue: "none",
+      options: [
+        { value: "none", label: "None \u2014 stream every character" },
+        { value: "word", label: "Word \u2014 hold until whitespace" },
+        { value: "line", label: "Line \u2014 hold until newline" }
+      ]
+    },
+    {
+      id: "stream-anim-speed",
+      label: "Per-unit Duration (ms)",
+      description: "Animation length for each character or word.",
+      type: "select",
+      path: "features.streamAnimation.speed",
+      defaultValue: 120,
+      options: [
+        { value: "40", label: "40ms \u2014 snappy" },
+        { value: "80", label: "80ms" },
+        { value: "120", label: "120ms (default)" },
+        { value: "200", label: "200ms" },
+        { value: "320", label: "320ms" },
+        { value: "480", label: "480ms \u2014 slow" }
+      ],
+      formatValue: (v) => String(v != null ? v : 120),
+      parseValue: (v) => Number(v)
+    },
+    {
+      id: "stream-anim-duration",
+      label: "Container Duration (ms)",
+      description: "Length of container-level effects (pop-bubble, custom plugins).",
+      type: "select",
+      path: "features.streamAnimation.duration",
+      defaultValue: 1800,
+      options: [
+        { value: "600", label: "600ms" },
+        { value: "1200", label: "1200ms" },
+        { value: "1800", label: "1800ms (default)" },
+        { value: "2400", label: "2400ms" },
+        { value: "3600", label: "3600ms \u2014 slow" }
+      ],
+      formatValue: (v) => String(v != null ? v : 1800),
+      parseValue: (v) => Number(v)
+    }
+  ]
+};
 var attachmentsSectionDef = {
   id: "attachments-config",
   title: "Attachments",
@@ -2756,7 +2887,7 @@ var CONFIGURE_SUB_GROUPS = [
   { label: "Content", sections: [copySectionDef, suggestionsSectionDef] },
   { label: "Layout", sections: [generalLayoutSectionDef, headerLayoutSectionDef, messagesLayoutSectionDef, messageActionsSectionDef] },
   { label: "Widget", sections: [launcherBasicsSectionDef, launcherAdvancedSectionDef, sendButtonSectionDef, closeButtonSectionDef, clearChatSectionDef, statusIndicatorSectionDef] },
-  { label: "Features", sections: [featuresSectionDef, attachmentsSectionDef, artifactsSectionDef, artifactCustomizationSectionDef] },
+  { label: "Features", sections: [featuresSectionDef, streamAnimationSectionDef, attachmentsSectionDef, artifactsSectionDef, artifactCustomizationSectionDef] },
   { label: "Developer", collapsedByDefault: true, sections: [apiIntegrationSectionDef, debugSectionDef, markdownSectionDef] }
 ];
 var CONFIGURE_SECTIONS = CONFIGURE_SUB_GROUPS.flatMap((g) => g.sections);
@@ -4245,6 +4376,40 @@ var AgentWidgetClient = class {
       })
     });
   }
+  /**
+   * Resume a paused flow execution by supplying outputs for LOCAL
+   * (client-executed) tools. Used by the built-in `ask_user_question`
+   * answer-pill sheet, but generic enough for any LOCAL tool.
+   *
+   * Posts to the upstream `/resume` endpoint (the dispatch URL with
+   * `/dispatch` replaced by `/resume` — works for both direct-to-Runtype
+   * and the persona proxy) and returns the raw Response so the caller can
+   * pipe its SSE body through `connectStream()`.
+   *
+   * @param executionId - The paused execution id carried on `step_await`.
+   * @param toolOutputs - Map keyed by tool name → the tool's result value.
+   */
+  async resumeFlow(executionId, toolOutputs, options) {
+    var _a, _b;
+    const trimmed = ((_a = this.config.apiUrl) == null ? void 0 : _a.replace(/\/+$/, "")) || DEFAULT_CLIENT_API_BASE;
+    const url = `${trimmed}/resume`;
+    let headers = {
+      "Content-Type": "application/json",
+      ...this.headers
+    };
+    if (this.getHeaders) {
+      Object.assign(headers, await this.getHeaders());
+    }
+    return fetch(url, {
+      method: "POST",
+      headers,
+      body: JSON.stringify({
+        executionId,
+        toolOutputs,
+        streamResponse: (_b = options == null ? void 0 : options.streamResponse) != null ? _b : true
+      })
+    });
+  }
   async buildAgentPayload(messages) {
     if (!this.config.agent) {
       throw new Error("Agent configuration required for agent mode");
@@ -4806,7 +4971,7 @@ var AgentWidgetClient = class {
     const agentIterationMessages = /* @__PURE__ */ new Map();
     const iterationDisplay = (_a = this.config.iterationDisplay) != null ? _a : "separate";
     drainReadyQueue = () => {
-      var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb, _cb, _db, _eb, _fb, _gb, _hb, _ib, _jb, _kb, _lb, _mb, _nb, _ob, _pb, _qb, _rb, _sb, _tb, _ub;
+      var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab, _bb, _cb, _db, _eb, _fb, _gb, _hb, _ib, _jb, _kb, _lb, _mb, _nb, _ob, _pb, _qb, _rb, _sb, _tb, _ub, _vb, _wb, _xb, _yb, _zb, _Ab, _Bb, _Cb, _Db;
       for (let i = 0; i < seqReadyQueue.length; i++) {
         const payloadType = seqReadyQueue[i].payloadType;
         const payload = seqReadyQueue[i].payload;
@@ -4978,8 +5143,26 @@ var AgentWidgetClient = class {
           if (callKey) {
             toolContext.byCall.delete(callKey);
           }
+        } else if (payloadType === "step_await" && payload.awaitReason === "local_tool_required" && payload.toolName) {
+          const toolId = (_X = payload.toolId) != null ? _X : `local-${nextSequence()}`;
+          const toolMessage = ensureToolMessage(toolId);
+          const tool = (_Y = toolMessage.toolCall) != null ? _Y : { id: toolId, status: "pending" };
+          tool.name = payload.toolName;
+          tool.args = payload.parameters;
+          tool.status = "complete";
+          tool.chunks = (_Z = tool.chunks) != null ? _Z : [];
+          tool.startedAt = (_$ = tool.startedAt) != null ? _$ : resolveTimestamp((__ = payload.startedAt) != null ? __ : payload.timestamp);
+          tool.completedAt = (_aa = tool.completedAt) != null ? _aa : tool.startedAt;
+          toolMessage.toolCall = tool;
+          toolMessage.streaming = false;
+          toolMessage.agentMetadata = {
+            ...toolMessage.agentMetadata,
+            executionId: (_ca = payload.executionId) != null ? _ca : (_ba = toolMessage.agentMetadata) == null ? void 0 : _ba.executionId,
+            awaitingLocalTool: true
+          };
+          emitMessage(toolMessage);
         } else if (payloadType === "text_start") {
-          if ((_X = payload.toolContext) == null ? void 0 : _X.toolId) {
+          if ((_da = payload.toolContext) == null ? void 0 : _da.toolId) {
             continue;
           }
           const incomingPartId = payload.partId;
@@ -4997,7 +5180,7 @@ var AgentWidgetClient = class {
             partIdState.current = incomingPartId;
           }
         } else if (payloadType === "text_end") {
-          if ((_Y = payload.toolContext) == null ? void 0 : _Y.toolId) {
+          if ((_ea = payload.toolContext) == null ? void 0 : _ea.toolId) {
             continue;
           }
           const prev = assistantMessage;
@@ -5017,7 +5200,7 @@ var AgentWidgetClient = class {
           const nestedToolCtx = payload.toolContext;
           if (nestedToolCtx == null ? void 0 : nestedToolCtx.toolId) {
             const nestedStepId = String(
-              (__ = (_Z = payload.id) != null ? _Z : nestedToolCtx.stepId) != null ? __ : `step-${nextSequence()}`
+              (_ga = (_fa = payload.id) != null ? _fa : nestedToolCtx.stepId) != null ? _ga : `step-${nextSequence()}`
             );
             const incomingPartId2 = payload.partId !== void 0 && payload.partId !== null ? String(payload.partId) : "";
             const stepScopeKey = `${nestedToolCtx.toolId}::${nestedStepId}`;
@@ -5044,7 +5227,7 @@ var AgentWidgetClient = class {
               incomingPartId2,
               nestedToolCtx.executionId
             );
-            const nestedChunk = (_ca = (_ba = (_aa = (_$ = payload.text) != null ? _$ : payload.delta) != null ? _aa : payload.content) != null ? _ba : payload.chunk) != null ? _ca : "";
+            const nestedChunk = (_ka = (_ja = (_ia = (_ha = payload.text) != null ? _ha : payload.delta) != null ? _ia : payload.content) != null ? _ja : payload.chunk) != null ? _ka : "";
             if (nestedChunk) {
               nestedMsg.content += String(nestedChunk);
               nestedMsg.streaming = true;
@@ -5070,18 +5253,18 @@ var AgentWidgetClient = class {
           if (incomingPartId !== void 0) {
             partIdState.current = incomingPartId;
           }
-          const assistant = incomingPartId !== void 0 ? (_da = assistantMessagesByPartId.get(incomingPartId)) != null ? _da : ensureAssistantMessage() : ensureAssistantMessage();
+          const assistant = incomingPartId !== void 0 ? (_la = assistantMessagesByPartId.get(incomingPartId)) != null ? _la : ensureAssistantMessage() : ensureAssistantMessage();
           if (incomingPartId !== void 0) {
             if (!assistant.partId) {
               assistant.partId = incomingPartId;
             }
             assistantMessagesByPartId.set(incomingPartId, assistant);
           }
-          const chunk = (_ha = (_ga = (_fa = (_ea = payload.text) != null ? _ea : payload.delta) != null ? _fa : payload.content) != null ? _ga : payload.chunk) != null ? _ha : "";
+          const chunk = (_pa = (_oa = (_na = (_ma = payload.text) != null ? _ma : payload.delta) != null ? _na : payload.content) != null ? _oa : payload.chunk) != null ? _pa : "";
           if (chunk) {
             const chunkSeq = typeof payload.seq === "number" ? payload.seq : void 0;
             const chunkBufferKey = incomingPartId != null ? incomingPartId : assistant.id;
-            const accumulatedRaw = chunkSeq !== void 0 ? insertOrderedChunk(chunkBufferKey, chunkSeq, String(chunk)) : ((_ia = rawContentBuffers.get(assistant.id)) != null ? _ia : "") + chunk;
+            const accumulatedRaw = chunkSeq !== void 0 ? insertOrderedChunk(chunkBufferKey, chunkSeq, String(chunk)) : ((_qa = rawContentBuffers.get(assistant.id)) != null ? _qa : "") + chunk;
             assistant.rawContent = accumulatedRaw;
             if (!streamParsers.has(assistant.id)) {
               streamParsers.set(assistant.id, this.createStreamParser());
@@ -5127,7 +5310,7 @@ var AgentWidgetClient = class {
                 emitMessage(assistant);
               });
             } else {
-              const text = typeof parsedResult === "string" ? parsedResult : (_ja = parsedResult == null ? void 0 : parsedResult.text) != null ? _ja : null;
+              const text = typeof parsedResult === "string" ? parsedResult : (_ra = parsedResult == null ? void 0 : parsedResult.text) != null ? _ra : null;
               if (text !== null && text.trim() !== "") {
                 assistant.content = text;
                 emitMessage(assistant);
@@ -5141,7 +5324,7 @@ var AgentWidgetClient = class {
             }
           }
           if (payload.isComplete) {
-            const finalContent = (_la = (_ka = payload.result) == null ? void 0 : _ka.response) != null ? _la : assistant.content;
+            const finalContent = (_ta = (_sa = payload.result) == null ? void 0 : _sa.response) != null ? _ta : assistant.content;
             if (finalContent) {
               const rawBuffer = rawContentBuffers.get(assistant.id);
               const contentToProcess = rawBuffer != null ? rawBuffer : ensureStringContent(finalContent);
@@ -5173,7 +5356,7 @@ var AgentWidgetClient = class {
                       }
                     });
                   } else {
-                    extractedText = typeof parsedResult === "string" ? parsedResult : (_ma = parsedResult == null ? void 0 : parsedResult.text) != null ? _ma : null;
+                    extractedText = typeof parsedResult === "string" ? parsedResult : (_ua = parsedResult == null ? void 0 : parsedResult.text) != null ? _ua : null;
                   }
                 }
               }
@@ -5185,7 +5368,7 @@ var AgentWidgetClient = class {
                 }
                 const parserToClose = streamParsers.get(assistant.id);
                 if (parserToClose) {
-                  const closeResult = (_na = parserToClose.close) == null ? void 0 : _na.call(parserToClose);
+                  const closeResult = (_va = parserToClose.close) == null ? void 0 : _va.call(parserToClose);
                   if (closeResult instanceof Promise) {
                     closeResult.catch(() => {
                     });
@@ -5207,7 +5390,7 @@ var AgentWidgetClient = class {
           const nestedCompleteCtx = payload.toolContext;
           if (nestedCompleteCtx == null ? void 0 : nestedCompleteCtx.toolId) {
             const nestedStepId = String(
-              (_pa = (_oa = payload.id) != null ? _oa : nestedCompleteCtx.stepId) != null ? _pa : ""
+              (_xa = (_wa = payload.id) != null ? _wa : nestedCompleteCtx.stepId) != null ? _xa : ""
             );
             if (nestedStepId) {
               const prefix = getNestedStepPrefix(
@@ -5226,9 +5409,11 @@ var AgentWidgetClient = class {
             }
             continue;
           }
+          const stepStopReason = payload.stopReason;
           if (didSplitByPartId) {
             if (assistantMessage !== null) {
               const msg = assistantMessage;
+              if (stepStopReason) msg.stopReason = stepStopReason;
               streamParsers.delete(msg.id);
               rawContentBuffers.delete(msg.id);
               if (msg.streaming !== false) {
@@ -5236,9 +5421,10 @@ var AgentWidgetClient = class {
                 emitMessage(msg);
               }
             }
-            const splitFinalContent = (_qa = payload.result) == null ? void 0 : _qa.response;
+            const splitFinalContent = (_ya = payload.result) == null ? void 0 : _ya.response;
             const sealedForReconcile = lastSealedTextSegment;
             if (sealedForReconcile) {
+              if (stepStopReason) sealedForReconcile.stopReason = stepStopReason;
               if (splitFinalContent !== void 0 && splitFinalContent !== null) {
                 reconcileSealedAssistantWithFinalResponse(sealedForReconcile, splitFinalContent);
               } else {
@@ -5249,8 +5435,9 @@ var AgentWidgetClient = class {
             lastSealedTextSegment = null;
             continue;
           }
-          const finalContent = (_ra = payload.result) == null ? void 0 : _ra.response;
+          const finalContent = (_za = payload.result) == null ? void 0 : _za.response;
           const assistant = ensureAssistantMessage();
+          if (stepStopReason) assistant.stopReason = stepStopReason;
           if (finalContent !== void 0 && finalContent !== null) {
             const parser = streamParsers.get(assistant.id);
             let hasExtractedText = false;
@@ -5301,7 +5488,7 @@ var AgentWidgetClient = class {
                       }
                     });
                   } else {
-                    const text = typeof parsedResult === "string" ? parsedResult : (_sa = parsedResult == null ? void 0 : parsedResult.text) != null ? _sa : null;
+                    const text = typeof parsedResult === "string" ? parsedResult : (_Aa = parsedResult == null ? void 0 : parsedResult.text) != null ? _Aa : null;
                     if (text !== null && text.trim() !== "") {
                       assistant.content = text;
                       hasExtractedText = true;
@@ -5325,7 +5512,7 @@ var AgentWidgetClient = class {
                 assistant.content = ensureStringContent(finalContent);
               }
               if (parser) {
-                const closeResult = (_ta = parser.close) == null ? void 0 : _ta.call(parser);
+                const closeResult = (_Ba = parser.close) == null ? void 0 : _Ba.call(parser);
                 if (closeResult instanceof Promise) {
                   closeResult.catch(() => {
                   });
@@ -5343,7 +5530,7 @@ var AgentWidgetClient = class {
             emitMessage(assistant);
           }
         } else if (payloadType === "flow_complete") {
-          const finalContent = (_ua = payload.result) == null ? void 0 : _ua.response;
+          const finalContent = (_Ca = payload.result) == null ? void 0 : _Ca.response;
           if (didSplitByPartId) {
             if (assistantMessage !== null) {
               const msg = assistantMessage;
@@ -5410,11 +5597,11 @@ var AgentWidgetClient = class {
         } else if (payloadType === "agent_start") {
           agentExecution = {
             executionId: payload.executionId,
-            agentId: (_va = payload.agentId) != null ? _va : "virtual",
-            agentName: (_wa = payload.agentName) != null ? _wa : "",
+            agentId: (_Da = payload.agentId) != null ? _Da : "virtual",
+            agentName: (_Ea = payload.agentName) != null ? _Ea : "",
             status: "running",
             currentIteration: 0,
-            maxTurns: (_xa = payload.maxTurns) != null ? _xa : 1,
+            maxTurns: (_Fa = payload.maxTurns) != null ? _Fa : 1,
             startedAt: resolveTimestamp(payload.startedAt)
           };
         } else if (payloadType === "agent_iteration_start") {
@@ -5434,7 +5621,7 @@ var AgentWidgetClient = class {
         } else if (payloadType === "agent_turn_delta") {
           if (payload.contentType === "text") {
             const assistant = ensureAssistantMessage();
-            assistant.content += (_ya = payload.delta) != null ? _ya : "";
+            assistant.content += (_Ga = payload.delta) != null ? _Ga : "";
             assistant.agentMetadata = {
               executionId: payload.executionId,
               iteration: payload.iteration,
@@ -5443,14 +5630,14 @@ var AgentWidgetClient = class {
             };
             emitMessage(assistant);
           } else if (payload.contentType === "thinking") {
-            const reasoningId = (_za = payload.turnId) != null ? _za : `agent-think-${payload.iteration}`;
+            const reasoningId = (_Ha = payload.turnId) != null ? _Ha : `agent-think-${payload.iteration}`;
             const reasoningMessage = ensureReasoningMessage(reasoningId);
-            reasoningMessage.reasoning = (_Aa = reasoningMessage.reasoning) != null ? _Aa : {
+            reasoningMessage.reasoning = (_Ia = reasoningMessage.reasoning) != null ? _Ia : {
               id: reasoningId,
               status: "streaming",
               chunks: []
             };
-            reasoningMessage.reasoning.chunks.push((_Ba = payload.delta) != null ? _Ba : "");
+            reasoningMessage.reasoning.chunks.push((_Ja = payload.delta) != null ? _Ja : "");
             reasoningMessage.agentMetadata = {
               executionId: payload.executionId,
               iteration: payload.iteration,
@@ -5458,12 +5645,12 @@ var AgentWidgetClient = class {
             };
             emitMessage(reasoningMessage);
           } else if (payload.contentType === "tool_input") {
-            const toolId = (_Ca = payload.toolCallId) != null ? _Ca : toolContext.lastId;
+            const toolId = (_Ka = payload.toolCallId) != null ? _Ka : toolContext.lastId;
             if (toolId) {
               const toolMessage = toolMessages.get(toolId);
               if (toolMessage == null ? void 0 : toolMessage.toolCall) {
-                toolMessage.toolCall.chunks = (_Da = toolMessage.toolCall.chunks) != null ? _Da : [];
-                toolMessage.toolCall.chunks.push((_Ea = payload.delta) != null ? _Ea : "");
+                toolMessage.toolCall.chunks = (_La = toolMessage.toolCall.chunks) != null ? _La : [];
+                toolMessage.toolCall.chunks.push((_Ma = payload.delta) != null ? _Ma : "");
                 emitMessage(toolMessage);
               }
             }
@@ -5475,20 +5662,29 @@ var AgentWidgetClient = class {
             if (reasoningMessage == null ? void 0 : reasoningMessage.reasoning) {
               reasoningMessage.reasoning.status = "complete";
               reasoningMessage.reasoning.completedAt = resolveTimestamp(payload.completedAt);
-              const start = (_Fa = reasoningMessage.reasoning.startedAt) != null ? _Fa : Date.now();
+              const start = (_Na = reasoningMessage.reasoning.startedAt) != null ? _Na : Date.now();
               reasoningMessage.reasoning.durationMs = Math.max(
                 0,
-                ((_Ga = reasoningMessage.reasoning.completedAt) != null ? _Ga : Date.now()) - start
+                ((_Oa = reasoningMessage.reasoning.completedAt) != null ? _Oa : Date.now()) - start
               );
               reasoningMessage.streaming = false;
               emitMessage(reasoningMessage);
             }
           }
+          const turnStopReason = payload.stopReason;
+          if (turnStopReason && assistantMessage !== null) {
+            const turnId = payload.turnId;
+            const matchesTurn = !turnId || ((_Pa = assistantMessage.agentMetadata) == null ? void 0 : _Pa.turnId) === turnId;
+            if (matchesTurn) {
+              assistantMessage.stopReason = turnStopReason;
+              emitMessage(assistantMessage);
+            }
+          }
         } else if (payloadType === "agent_tool_start") {
-          const toolId = (_Ha = payload.toolCallId) != null ? _Ha : `agent-tool-${nextSequence()}`;
+          const toolId = (_Qa = payload.toolCallId) != null ? _Qa : `agent-tool-${nextSequence()}`;
           trackToolId(getToolCallKey(payload), toolId);
           const toolMessage = ensureToolMessage(toolId);
-          const tool = (_Ia = toolMessage.toolCall) != null ? _Ia : {
+          const tool = (_Ra = toolMessage.toolCall) != null ? _Ra : {
             id: toolId,
             status: "pending",
             name: void 0,
@@ -5500,12 +5696,12 @@ var AgentWidgetClient = class {
             completedAt: void 0,
             durationMs: void 0
           };
-          tool.name = (_Ka = (_Ja = payload.toolName) != null ? _Ja : payload.name) != null ? _Ka : tool.name;
+          tool.name = (_Ta = (_Sa = payload.toolName) != null ? _Sa : payload.name) != null ? _Ta : tool.name;
           tool.status = "running";
           if (payload.parameters !== void 0) {
             tool.args = payload.parameters;
           }
-          tool.startedAt = resolveTimestamp((_La = payload.startedAt) != null ? _La : payload.timestamp);
+          tool.startedAt = resolveTimestamp((_Ua = payload.startedAt) != null ? _Ua : payload.timestamp);
           toolMessage.toolCall = tool;
           toolMessage.streaming = true;
           toolMessage.agentMetadata = {
@@ -5514,21 +5710,21 @@ var AgentWidgetClient = class {
           };
           emitMessage(toolMessage);
         } else if (payloadType === "agent_tool_delta") {
-          const toolId = (_Ma = payload.toolCallId) != null ? _Ma : toolContext.lastId;
+          const toolId = (_Va = payload.toolCallId) != null ? _Va : toolContext.lastId;
           if (toolId) {
-            const toolMessage = (_Na = toolMessages.get(toolId)) != null ? _Na : ensureToolMessage(toolId);
+            const toolMessage = (_Wa = toolMessages.get(toolId)) != null ? _Wa : ensureToolMessage(toolId);
             if (toolMessage.toolCall) {
-              toolMessage.toolCall.chunks = (_Oa = toolMessage.toolCall.chunks) != null ? _Oa : [];
-              toolMessage.toolCall.chunks.push((_Pa = payload.delta) != null ? _Pa : "");
+              toolMessage.toolCall.chunks = (_Xa = toolMessage.toolCall.chunks) != null ? _Xa : [];
+              toolMessage.toolCall.chunks.push((_Ya = payload.delta) != null ? _Ya : "");
               toolMessage.toolCall.status = "running";
               toolMessage.streaming = true;
               emitMessage(toolMessage);
             }
           }
         } else if (payloadType === "agent_tool_complete") {
-          const toolId = (_Qa = payload.toolCallId) != null ? _Qa : toolContext.lastId;
+          const toolId = (_Za = payload.toolCallId) != null ? _Za : toolContext.lastId;
           if (toolId) {
-            const toolMessage = (_Ra = toolMessages.get(toolId)) != null ? _Ra : ensureToolMessage(toolId);
+            const toolMessage = (__a = toolMessages.get(toolId)) != null ? __a : ensureToolMessage(toolId);
             if (toolMessage.toolCall) {
               toolMessage.toolCall.status = "complete";
               if (payload.result !== void 0) {
@@ -5537,7 +5733,7 @@ var AgentWidgetClient = class {
               if (typeof payload.executionTime === "number") {
                 toolMessage.toolCall.durationMs = payload.executionTime;
               }
-              toolMessage.toolCall.completedAt = resolveTimestamp((_Sa = payload.completedAt) != null ? _Sa : payload.timestamp);
+              toolMessage.toolCall.completedAt = resolveTimestamp((_$a = payload.completedAt) != null ? _$a : payload.timestamp);
               toolMessage.streaming = false;
               emitMessage(toolMessage);
               const callKey = getToolCallKey(payload);
@@ -5552,7 +5748,7 @@ var AgentWidgetClient = class {
           const reflectionMessage = {
             id: reflectionId,
             role: "assistant",
-            content: (_Ta = payload.reflection) != null ? _Ta : "",
+            content: (_ab = payload.reflection) != null ? _ab : "",
             createdAt: (/* @__PURE__ */ new Date()).toISOString(),
             streaming: false,
             variant: "reasoning",
@@ -5560,7 +5756,7 @@ var AgentWidgetClient = class {
             reasoning: {
               id: reflectionId,
               status: "complete",
-              chunks: [(_Ua = payload.reflection) != null ? _Ua : ""]
+              chunks: [(_bb = payload.reflection) != null ? _bb : ""]
             },
             agentMetadata: {
               executionId: payload.executionId,
@@ -5581,7 +5777,7 @@ var AgentWidgetClient = class {
           }
           onEvent({ type: "status", status: "idle" });
         } else if (payloadType === "agent_error") {
-          const errorMessage = typeof payload.error === "string" ? payload.error : (_Wa = (_Va = payload.error) == null ? void 0 : _Va.message) != null ? _Wa : "Agent execution error";
+          const errorMessage = typeof payload.error === "string" ? payload.error : (_db = (_cb = payload.error) == null ? void 0 : _cb.message) != null ? _db : "Agent execution error";
           if (payload.recoverable) {
             if (typeof console !== "undefined") {
               console.warn("[AgentWidget] Recoverable agent error:", errorMessage);
@@ -5594,7 +5790,7 @@ var AgentWidgetClient = class {
           }
         } else if (payloadType === "agent_ping") {
         } else if (payloadType === "agent_approval_start") {
-          const approvalId = (_Xa = payload.approvalId) != null ? _Xa : `approval-${nextSequence()}`;
+          const approvalId = (_eb = payload.approvalId) != null ? _eb : `approval-${nextSequence()}`;
           const approvalMessage = {
             id: `approval-${approvalId}`,
             role: "assistant",
@@ -5606,17 +5802,17 @@ var AgentWidgetClient = class {
             approval: {
               id: approvalId,
               status: "pending",
-              agentId: (_Ya = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _Ya : "virtual",
-              executionId: (__a = (_Za = payload.executionId) != null ? _Za : agentExecution == null ? void 0 : agentExecution.executionId) != null ? __a : "",
-              toolName: (_$a = payload.toolName) != null ? _$a : "",
+              agentId: (_fb = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _fb : "virtual",
+              executionId: (_hb = (_gb = payload.executionId) != null ? _gb : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _hb : "",
+              toolName: (_ib = payload.toolName) != null ? _ib : "",
               toolType: payload.toolType,
-              description: (_bb = payload.description) != null ? _bb : `Execute ${(_ab = payload.toolName) != null ? _ab : "tool"}`,
+              description: (_kb = payload.description) != null ? _kb : `Execute ${(_jb = payload.toolName) != null ? _jb : "tool"}`,
               parameters: payload.parameters
             }
           };
           emitMessage(approvalMessage);
         } else if (payloadType === "step_await" && payload.awaitReason === "approval_required") {
-          const approvalId = (_cb = payload.approvalId) != null ? _cb : `approval-${nextSequence()}`;
+          const approvalId = (_lb = payload.approvalId) != null ? _lb : `approval-${nextSequence()}`;
           const approvalMessage = {
             id: `approval-${approvalId}`,
             role: "assistant",
@@ -5628,11 +5824,11 @@ var AgentWidgetClient = class {
             approval: {
               id: approvalId,
               status: "pending",
-              agentId: (_db = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _db : "virtual",
-              executionId: (_fb = (_eb = payload.executionId) != null ? _eb : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _fb : "",
-              toolName: (_gb = payload.toolName) != null ? _gb : "",
+              agentId: (_mb = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _mb : "virtual",
+              executionId: (_ob = (_nb = payload.executionId) != null ? _nb : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _ob : "",
+              toolName: (_pb = payload.toolName) != null ? _pb : "",
               toolType: payload.toolType,
-              description: (_ib = payload.description) != null ? _ib : `Execute ${(_hb = payload.toolName) != null ? _hb : "tool"}`,
+              description: (_rb = payload.description) != null ? _rb : `Execute ${(_qb = payload.toolName) != null ? _qb : "tool"}`,
               parameters: payload.parameters
             }
           };
@@ -5651,11 +5847,11 @@ var AgentWidgetClient = class {
               sequence: nextSequence(),
               approval: {
                 id: approvalId,
-                status: (_jb = payload.decision) != null ? _jb : "approved",
-                agentId: (_kb = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _kb : "virtual",
-                executionId: (_mb = (_lb = payload.executionId) != null ? _lb : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _mb : "",
-                toolName: (_nb = payload.toolName) != null ? _nb : "",
-                description: (_ob = payload.description) != null ? _ob : "",
+                status: (_sb = payload.decision) != null ? _sb : "approved",
+                agentId: (_tb = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _tb : "virtual",
+                executionId: (_vb = (_ub = payload.executionId) != null ? _ub : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _vb : "",
+                toolName: (_wb = payload.toolName) != null ? _wb : "",
+                description: (_xb = payload.description) != null ? _xb : "",
                 resolvedAt: Date.now()
               }
             };
@@ -5693,7 +5889,7 @@ var AgentWidgetClient = class {
             }
           } else if (payloadType === "artifact_delta") {
             const deltaId = String(payload.id);
-            const deltaText = typeof payload.delta === "string" ? payload.delta : String((_pb = payload.delta) != null ? _pb : "");
+            const deltaText = typeof payload.delta === "string" ? payload.delta : String((_yb = payload.delta) != null ? _yb : "");
             onEvent({
               type: "artifact_delta",
               id: deltaId,
@@ -5716,7 +5912,7 @@ var AgentWidgetClient = class {
             if (refMsg) {
               refMsg.streaming = false;
               try {
-                const parsed = JSON.parse((_qb = refMsg.rawContent) != null ? _qb : "{}");
+                const parsed = JSON.parse((_zb = refMsg.rawContent) != null ? _zb : "{}");
                 if (parsed.props) {
                   parsed.props.status = "complete";
                   const acc = artifactContent.get(artCompleteId);
@@ -5737,7 +5933,7 @@ var AgentWidgetClient = class {
           if (!m || typeof m !== "object") {
             continue;
           }
-          const id = String((_rb = m.id) != null ? _rb : `msg-${nextSequence()}`);
+          const id = String((_Ab = m.id) != null ? _Ab : `msg-${nextSequence()}`);
           const roleRaw = m.role;
           const role = roleRaw === "user" ? "user" : roleRaw === "system" ? "system" : "assistant";
           const msg = {
@@ -5756,7 +5952,7 @@ var AgentWidgetClient = class {
           if (msg.rawContent) {
             try {
               const parsed = JSON.parse(msg.rawContent);
-              const refArtId = (_sb = parsed == null ? void 0 : parsed.props) == null ? void 0 : _sb.artifactId;
+              const refArtId = (_Bb = parsed == null ? void 0 : parsed.props) == null ? void 0 : _Bb.artifactId;
               if (typeof refArtId === "string") {
                 artifactIdsWithCards.add(refArtId);
               }
@@ -5772,7 +5968,7 @@ var AgentWidgetClient = class {
           if (payload.error instanceof Error) {
             resolvedError = payload.error;
           } else if (payloadType === "dispatch_error") {
-            const msg = (_tb = payload.message) != null ? _tb : payload.error;
+            const msg = (_Cb = payload.message) != null ? _Cb : payload.error;
             if (msg != null && msg !== "") {
               resolvedError = new Error(String(msg));
             }
@@ -5781,7 +5977,7 @@ var AgentWidgetClient = class {
             if (typeof e === "string" && e !== "") {
               resolvedError = new Error(e);
             } else if (e != null && typeof e === "object" && "message" in e) {
-              resolvedError = new Error(String((_ub = e.message) != null ? _ub : e));
+              resolvedError = new Error(String((_Db = e.message) != null ? _Db : e));
             }
           } else if (payloadType === "error" && payload.error != null && payload.error !== "") {
             resolvedError = new Error(String(payload.error));
@@ -6885,7 +7081,7 @@ var AgentWidgetSession = class _AgentWidgetSession {
         this.applyArtifactStreamEvent(event);
       }
     };
-    var _a;
+    var _a, _b;
     this.messages = [...(_a = config.initialMessages) != null ? _a : []].map((message) => {
       var _a2;
       return {
@@ -6895,9 +7091,18 @@ var AgentWidgetSession = class _AgentWidgetSession {
     });
     this.messages = this.sortMessages(this.messages);
     this.client = new AgentWidgetClient(config);
+    for (const rec of (_b = config.initialArtifacts) != null ? _b : []) {
+      this.artifacts.set(rec.id, { ...rec, status: "complete" });
+    }
+    if (config.initialSelectedArtifactId != null) {
+      this.selectedArtifactId = config.initialSelectedArtifactId;
+    }
     if (this.messages.length) {
       this.callbacks.onMessagesChanged([...this.messages]);
     }
+    if (this.artifacts.size > 0) {
+      this.emitArtifactsState();
+    }
     this.callbacks.onStatusChanged(this.status);
   }
   /**
@@ -7622,10 +7827,147 @@ var AgentWidgetSession = class _AgentWidgetSession {
       );
     }
   }
+  /**
+   * Resolve a paused `ask_user_question` LOCAL tool call.
+   *
+   * When the server emits `step_await` for `ask_user_question`, the widget
+   * renders the answer-pill sheet and calls this method once the user
+   * picks. Steps:
+   *   1. POST the answer to `/resume` via `client.resumeFlow`.
+   *   2. Pipe the resulting SSE stream through `connectStream()` so the
+   *      paused agent execution continues.
+   *   3. Append a user-visible bubble with the answer text so the
+   *      transcript reads naturally.
+   */
+  /**
+   * Persist in-progress answers and the current page index for a multi-question
+   * `ask_user_question` payload, so a refresh resumes on the same page with
+   * prior answers intact. Called by ui.ts on every Back/Next/pick interaction.
+   */
+  persistAskUserQuestionProgress(toolMessage, progress) {
+    const current = this.messages.find((m) => m.id === toolMessage.id);
+    if (!current) return;
+    this.upsertMessage({
+      ...current,
+      agentMetadata: {
+        ...current.agentMetadata,
+        askUserQuestionAnswers: progress.answers,
+        askUserQuestionIndex: progress.currentIndex
+      }
+    });
+  }
+  /**
+   * Flip an `ask_user_question` tool message from awaiting → answered so
+   * render passes stop re-mounting its answer-pill sheet. Idempotent.
+   * When `answers` is provided, persists the full structured answer Record
+   * atomically with the answered flag — guarding against later events that
+   * could re-emit the tool message and clobber the per-pick persisted
+   * answers via top-level merge.
+   */
+  markAskUserQuestionResolved(toolMessage, answers) {
+    const current = this.messages.find((m) => m.id === toolMessage.id);
+    if (!current) return;
+    this.upsertMessage({
+      ...current,
+      agentMetadata: {
+        ...current.agentMetadata,
+        awaitingLocalTool: false,
+        askUserQuestionAnswered: true,
+        ...answers ? { askUserQuestionAnswers: answers } : {}
+      }
+    });
+  }
+  async resolveAskUserQuestion(toolMessage, answer) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    const live = this.messages.find((m) => m.id === toolMessage.id);
+    if (((_a = live == null ? void 0 : live.agentMetadata) == null ? void 0 : _a.askUserQuestionAnswered) === true) return;
+    const executionId = (_b = toolMessage.agentMetadata) == null ? void 0 : _b.executionId;
+    const toolName = (_c = toolMessage.toolCall) == null ? void 0 : _c.name;
+    if (!executionId || !toolName) {
+      (_e = (_d = this.callbacks).onError) == null ? void 0 : _e.call(
+        _d,
+        new Error(
+          "resolveAskUserQuestion: message is missing executionId or toolCall.name"
+        )
+      );
+      return;
+    }
+    let structuredAnswers = typeof answer === "string" ? void 0 : answer;
+    if (structuredAnswers === void 0 && typeof answer === "string") {
+      const args2 = (_f = toolMessage.toolCall) == null ? void 0 : _f.args;
+      const questions2 = Array.isArray(args2 == null ? void 0 : args2.questions) ? args2.questions : [];
+      if (questions2.length === 1) {
+        const qText = typeof ((_g = questions2[0]) == null ? void 0 : _g.question) === "string" ? questions2[0].question : "";
+        if (qText) structuredAnswers = { [qText]: answer };
+      }
+    }
+    this.markAskUserQuestionResolved(toolMessage, structuredAnswers);
+    const toolCallId = toolMessage.toolCall.id;
+    const args = (_h = toolMessage.toolCall) == null ? void 0 : _h.args;
+    const questions = Array.isArray(args == null ? void 0 : args.questions) ? args.questions : [];
+    if (questions.length === 0) {
+      const fallback = typeof answer === "string" ? answer : Object.entries(answer).map(
+        ([q, v]) => `${q}: ${Array.isArray(v) ? v.join(", ") : v}`
+      ).join(" | ");
+      this.appendMessage({
+        id: `ask-user-answer-${toolCallId}`,
+        role: "user",
+        content: fallback,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        streaming: false,
+        sequence: this.nextSequence()
+      });
+    } else {
+      const stored = structuredAnswers != null ? structuredAnswers : {};
+      questions.forEach((p, i) => {
+        const qText = typeof (p == null ? void 0 : p.question) === "string" ? p.question : "";
+        if (!qText) return;
+        const ans = stored[qText];
+        const answerStr = Array.isArray(ans) ? ans.join(", ") : typeof ans === "string" ? ans : "";
+        this.appendMessage({
+          id: `ask-user-q-${toolCallId}-${i}`,
+          role: "assistant",
+          content: qText,
+          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+          streaming: false,
+          sequence: this.nextSequence()
+        });
+        this.appendMessage({
+          id: `ask-user-a-${toolCallId}-${i}`,
+          role: "user",
+          content: answerStr || "*Skipped*",
+          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+          streaming: false,
+          sequence: this.nextSequence()
+        });
+      });
+    }
+    try {
+      const response = await this.client.resumeFlow(executionId, {
+        [toolName]: answer
+      });
+      if (!response.ok) {
+        const errorData = await response.json().catch(() => null);
+        throw new Error(
+          (_i = errorData == null ? void 0 : errorData.error) != null ? _i : `Resume failed: ${response.status}`
+        );
+      }
+      if (response.body) {
+        await this.connectStream(response.body);
+      }
+    } catch (error) {
+      (_k = (_j = this.callbacks).onError) == null ? void 0 : _k.call(
+        _j,
+        error instanceof Error ? error : new Error(String(error))
+      );
+    }
+  }
   cancel() {
     var _a;
     (_a = this.abortController) == null ? void 0 : _a.abort();
     this.abortController = null;
+    this.stopSpeaking();
+    this.stopVoicePlayback();
     this.setStreaming(false);
     this.setStatus("idle");
   }
@@ -7767,6 +8109,14 @@ var AgentWidgetSession = class _AgentWidgetSession {
     this.setStatus("idle");
     this.callbacks.onMessagesChanged([...this.messages]);
   }
+  hydrateArtifacts(artifacts, selectedId = null) {
+    this.artifacts.clear();
+    for (const rec of artifacts) {
+      this.artifacts.set(rec.id, { ...rec, status: "complete" });
+    }
+    this.selectedArtifactId = selectedId;
+    this.emitArtifactsState();
+  }
   setStatus(status) {
     if (this.status === status) return;
     this.status = status;
@@ -7873,9 +8223,24 @@ var AgentWidgetSession = class _AgentWidgetSession {
       this.appendMessage(withSequence);
       return;
     }
-    this.messages = this.messages.map(
-      (existing, idx) => idx === index ? { ...existing, ...withSequence } : existing
-    );
+    this.messages = this.messages.map((existing, idx) => {
+      var _a;
+      if (idx !== index) return existing;
+      const merged = { ...existing, ...withSequence };
+      if (((_a = existing.agentMetadata) == null ? void 0 : _a.askUserQuestionAnswered) === true && withSequence.agentMetadata) {
+        merged.agentMetadata = {
+          ...withSequence.agentMetadata,
+          askUserQuestionAnswered: true,
+          ...existing.agentMetadata.askUserQuestionAnswers ? {
+            askUserQuestionAnswers: existing.agentMetadata.askUserQuestionAnswers
+          } : {},
+          // Keep awaiting flag false once resolved — never let a stale
+          // re-emit flip us back to awaiting.
+          awaitingLocalTool: false
+        };
+      }
+      return merged;
+    });
     this.messages = this.sortMessages(this.messages);
     this.callbacks.onMessagesChanged([...this.messages]);
   }
@@ -8258,6 +8623,9 @@ var morphMessages = (container, newContent, options = {}) => {
           if (oldNode.classList.contains("persona-animate-typing")) {
             return false;
           }
+          if (oldNode.hasAttribute("data-preserve-runtime")) {
+            return false;
+          }
           if (oldNode.hasAttribute("data-preserve-animation")) {
             if (newNode instanceof HTMLElement && !newNode.hasAttribute("data-preserve-animation")) {
               return;
@@ -8279,7 +8647,7 @@ var morphMessages = (container, newContent, options = {}) => {
 
 // src/utils/message-fingerprint.ts
 function computeMessageFingerprint(message, configVersion) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D;
   return [
     message.id,
     message.role,
@@ -8297,6 +8665,7 @@ function computeMessageFingerprint(message, configVersion) {
     typeof ((_w = message.toolCall) == null ? void 0 : _w.args) === "string" ? message.toolCall.args.length : ((_x = message.toolCall) == null ? void 0 : _x.args) ? JSON.stringify(message.toolCall.args).length : 0,
     (_A = (_z = (_y = message.reasoning) == null ? void 0 : _y.chunks) == null ? void 0 : _z.length) != null ? _A : 0,
     (_C = (_B = message.contentParts) == null ? void 0 : _B.length) != null ? _C : 0,
+    (_D = message.stopReason) != null ? _D : "",
     configVersion
   ].join("\0");
 }
@@ -8397,6 +8766,241 @@ var statusCopy = {
 var DEFAULT_OVERLAY_Z_INDEX = 1e5;
 var PORTALED_OVERLAY_Z_INDEX = DEFAULT_OVERLAY_Z_INDEX + 1;
 
+// src/utils/stream-animation.ts
+var DEFAULT_STREAM_ANIMATION = {
+  type: "none",
+  placeholder: "none",
+  speed: 120,
+  duration: 1800,
+  buffer: "none"
+};
+var DEFAULT_SKIP_TAGS = ["pre", "code", "a", "script", "style"];
+var resolveStreamAnimation = (feature) => {
+  var _a, _b, _c, _d, _e;
+  return {
+    type: (_a = feature == null ? void 0 : feature.type) != null ? _a : DEFAULT_STREAM_ANIMATION.type,
+    placeholder: (_b = feature == null ? void 0 : feature.placeholder) != null ? _b : DEFAULT_STREAM_ANIMATION.placeholder,
+    speed: (_c = feature == null ? void 0 : feature.speed) != null ? _c : DEFAULT_STREAM_ANIMATION.speed,
+    duration: (_d = feature == null ? void 0 : feature.duration) != null ? _d : DEFAULT_STREAM_ANIMATION.duration,
+    buffer: (_e = feature == null ? void 0 : feature.buffer) != null ? _e : DEFAULT_STREAM_ANIMATION.buffer
+  };
+};
+var BUILTIN_PLUGINS = [
+  {
+    name: "typewriter",
+    containerClass: "persona-stream-typewriter",
+    wrap: "char",
+    useCaret: true
+  },
+  {
+    name: "pop-bubble",
+    bubbleClass: "persona-stream-pop",
+    wrap: "none"
+  },
+  {
+    name: "letter-rise",
+    containerClass: "persona-stream-letter-rise",
+    wrap: "char"
+  },
+  {
+    name: "word-fade",
+    containerClass: "persona-stream-word-fade",
+    wrap: "word"
+  }
+];
+var globalRegistry = /* @__PURE__ */ new Map();
+for (const plugin of BUILTIN_PLUGINS) globalRegistry.set(plugin.name, plugin);
+var resolveStreamAnimationPlugin = (type, overrides) => {
+  var _a, _b;
+  if (type === "none") return null;
+  if (overrides && Object.prototype.hasOwnProperty.call(overrides, type)) {
+    return (_a = overrides[type]) != null ? _a : null;
+  }
+  return (_b = globalRegistry.get(type)) != null ? _b : null;
+};
+var applyStreamBuffer = (content, buffer, plugin, message, streaming) => {
+  if (!streaming) return content;
+  if (plugin == null ? void 0 : plugin.bufferContent) return plugin.bufferContent(content, message);
+  if (!content) return content;
+  if (buffer === "word") {
+    const lastSpace = content.search(/\s(?=\S*$)/);
+    if (lastSpace < 0) return "";
+    return content.slice(0, lastSpace);
+  }
+  if (buffer === "line") {
+    const lastNewline = content.lastIndexOf("\n");
+    if (lastNewline < 0) return "";
+    return content.slice(0, lastNewline);
+  }
+  return content;
+};
+var makeCharSpan = (doc, ch, messageId, index) => {
+  const span = doc.createElement("span");
+  span.className = "persona-stream-char";
+  span.id = `stream-c-${messageId}-${index}`;
+  span.style.setProperty("--char-index", String(index));
+  span.textContent = ch;
+  return span;
+};
+var makeWordSpan = (doc, word, messageId, index) => {
+  const span = doc.createElement("span");
+  span.className = "persona-stream-word";
+  span.id = `stream-w-${messageId}-${index}`;
+  span.style.setProperty("--word-index", String(index));
+  span.textContent = word;
+  return span;
+};
+var WHITESPACE_RE = /\s/;
+var shouldSkipSubtree = (node, skipTags) => {
+  let current = node.parentNode;
+  while (current) {
+    if (current.nodeType === 1) {
+      const el = current;
+      if (skipTags.has(el.tagName.toLowerCase())) return true;
+    }
+    current = current.parentNode;
+  }
+  return false;
+};
+var wrapTextNodeChars = (textNode, messageId, counterRef) => {
+  var _a;
+  const doc = textNode.ownerDocument;
+  const parent = textNode.parentNode;
+  if (!doc || !parent) return;
+  const text = (_a = textNode.nodeValue) != null ? _a : "";
+  if (!text) return;
+  const fragment = doc.createDocumentFragment();
+  let i = 0;
+  while (i < text.length) {
+    if (WHITESPACE_RE.test(text[i])) {
+      let j = i;
+      while (j < text.length && WHITESPACE_RE.test(text[j])) j += 1;
+      fragment.appendChild(doc.createTextNode(text.slice(i, j)));
+      i = j;
+    } else {
+      const group = doc.createElement("span");
+      group.className = "persona-stream-word-group";
+      let j = i;
+      while (j < text.length && !WHITESPACE_RE.test(text[j])) {
+        group.appendChild(makeCharSpan(doc, text[j], messageId, counterRef.value));
+        counterRef.value += 1;
+        j += 1;
+      }
+      fragment.appendChild(group);
+      i = j;
+    }
+  }
+  parent.replaceChild(fragment, textNode);
+};
+var wrapTextNodeWords = (textNode, messageId, counterRef) => {
+  var _a;
+  const doc = textNode.ownerDocument;
+  const parent = textNode.parentNode;
+  if (!doc || !parent) return;
+  const text = (_a = textNode.nodeValue) != null ? _a : "";
+  if (!text) return;
+  const fragment = doc.createDocumentFragment();
+  const tokens = text.split(/(\s+)/);
+  for (const token of tokens) {
+    if (!token) continue;
+    if (/^\s+$/.test(token)) {
+      fragment.appendChild(doc.createTextNode(token));
+    } else {
+      fragment.appendChild(makeWordSpan(doc, token, messageId, counterRef.value));
+      counterRef.value += 1;
+    }
+  }
+  parent.replaceChild(fragment, textNode);
+};
+var wrapStreamAnimation = (html, mode, messageId, options) => {
+  var _a;
+  if (!html) return html;
+  if (typeof document === "undefined") return html;
+  const scratch = document.createElement("div");
+  scratch.innerHTML = html;
+  const skipTags = new Set(((_a = options == null ? void 0 : options.skipTags) != null ? _a : DEFAULT_SKIP_TAGS).map((t) => t.toLowerCase()));
+  const walker = document.createTreeWalker(scratch, NodeFilter.SHOW_TEXT, null);
+  const textNodes = [];
+  let node = walker.nextNode();
+  while (node) {
+    if (!shouldSkipSubtree(node, skipTags)) {
+      textNodes.push(node);
+    }
+    node = walker.nextNode();
+  }
+  const counterRef = { value: 0 };
+  const wrap = mode === "char" ? wrapTextNodeChars : wrapTextNodeWords;
+  for (const textNode of textNodes) {
+    wrap(textNode, messageId, counterRef);
+  }
+  return scratch.innerHTML;
+};
+var createStreamCaret = (doc = document) => {
+  const caret = doc.createElement("span");
+  caret.className = "persona-stream-caret";
+  caret.setAttribute("aria-hidden", "true");
+  caret.setAttribute("data-preserve-animation", "stream-caret");
+  return caret;
+};
+var createSkeletonPlaceholder = (doc = document) => {
+  const wrapper = doc.createElement("div");
+  wrapper.className = "persona-stream-skeleton";
+  wrapper.setAttribute("data-preserve-animation", "stream-skeleton");
+  wrapper.setAttribute("aria-hidden", "true");
+  const line = doc.createElement("div");
+  line.className = "persona-stream-skeleton-line";
+  wrapper.appendChild(line);
+  return wrapper;
+};
+var injectedStyleRoots = /* @__PURE__ */ new WeakMap();
+var injectPluginStyles = (plugin, root) => {
+  var _a;
+  if (!plugin.styles) return;
+  let names = injectedStyleRoots.get(root);
+  if (!names) {
+    names = /* @__PURE__ */ new Set();
+    injectedStyleRoots.set(root, names);
+  }
+  if (names.has(plugin.name)) {
+    const escaped = plugin.name.replace(/["\\]/g, "\\$&");
+    const existing = root.querySelector(
+      `style[data-persona-animation="${escaped}"]`
+    );
+    if (existing) return;
+    names.delete(plugin.name);
+  }
+  names.add(plugin.name);
+  const doc = root instanceof ShadowRoot ? root.ownerDocument : (_a = root.ownerDocument) != null ? _a : document;
+  const style = doc.createElement("style");
+  style.setAttribute("data-persona-animation", plugin.name);
+  style.textContent = plugin.styles;
+  root.appendChild(style);
+};
+var attachedCleanups = /* @__PURE__ */ new WeakMap();
+var attachPlugin = (plugin, root) => {
+  if (!plugin.onAttach) return;
+  let cleanups = attachedCleanups.get(root);
+  if (!cleanups) {
+    cleanups = /* @__PURE__ */ new Map();
+    attachedCleanups.set(root, cleanups);
+  }
+  if (cleanups.has(plugin.name)) return;
+  const cleanup = plugin.onAttach(root);
+  cleanups.set(plugin.name, cleanup);
+};
+var detachAllPlugins = (root) => {
+  const cleanups = attachedCleanups.get(root);
+  if (!cleanups) return;
+  for (const cleanup of cleanups.values()) {
+    if (typeof cleanup === "function") cleanup();
+  }
+  cleanups.clear();
+};
+var ensurePluginActive = (plugin, root) => {
+  injectPluginStyles(plugin, root);
+  attachPlugin(plugin, root);
+};
+
 // src/utils/overlay-host-stacking.ts
 function syncOverlayHostStacking(host, zIndex = DEFAULT_OVERLAY_Z_INDEX) {
   const originalPosition = host.style.position;
@@ -9482,7 +10086,7 @@ var buildHeaderWithLayout = (config, layoutConfig, context) => {
 
 // src/components/composer-builder.ts
 var buildComposer = (context) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E;
   const { config } = context;
   const footer = createElement(
     "div",
@@ -9538,9 +10142,13 @@ var buildComposer = (context) => {
   const useIcon = (_d = sendButtonConfig.useIcon) != null ? _d : false;
   const iconText = (_e = sendButtonConfig.iconText) != null ? _e : "\u2191";
   const iconName = sendButtonConfig.iconName;
-  const tooltipText = (_f = sendButtonConfig.tooltipText) != null ? _f : "Send message";
-  const showTooltip = (_g = sendButtonConfig.showTooltip) != null ? _g : false;
-  const buttonSize = (_h = sendButtonConfig.size) != null ? _h : "40px";
+  const stopIconName = (_f = sendButtonConfig.stopIconName) != null ? _f : "square";
+  const tooltipText = (_g = sendButtonConfig.tooltipText) != null ? _g : "Send message";
+  const stopTooltipText = (_h = sendButtonConfig.stopTooltipText) != null ? _h : "Stop generating";
+  const sendLabel = (_j = (_i = config == null ? void 0 : config.copy) == null ? void 0 : _i.sendButtonLabel) != null ? _j : "Send";
+  const stopLabel = (_l = (_k = config == null ? void 0 : config.copy) == null ? void 0 : _k.stopButtonLabel) != null ? _l : "Stop";
+  const showTooltip = (_m = sendButtonConfig.showTooltip) != null ? _m : false;
+  const buttonSize = (_n = sendButtonConfig.size) != null ? _n : "40px";
   const backgroundColor = sendButtonConfig.backgroundColor;
   const textColor = sendButtonConfig.textColor;
   const sendButtonWrapper = createElement("div", "persona-send-button-wrapper");
@@ -9550,6 +10158,8 @@ var buildComposer = (context) => {
   );
   sendButton.type = "submit";
   sendButton.setAttribute("data-persona-composer-submit", "");
+  let sendIcon = null;
+  let stopIcon = null;
   if (useIcon) {
     sendButton.style.width = buttonSize;
     sendButton.style.height = buttonSize;
@@ -9563,25 +10173,26 @@ var buildComposer = (context) => {
     } else {
       sendButton.style.color = "var(--persona-button-primary-fg, #ffffff)";
     }
+    const iconSize = parseFloat(buttonSize) || 24;
+    const iconColor = (textColor == null ? void 0 : textColor.trim()) || "currentColor";
     if (iconName) {
-      const iconSize = parseFloat(buttonSize) || 24;
-      const iconColor = (textColor == null ? void 0 : textColor.trim()) || "currentColor";
-      const iconSvg = renderLucideIcon(iconName, iconSize, iconColor, 2);
-      if (iconSvg) {
-        sendButton.appendChild(iconSvg);
+      sendIcon = renderLucideIcon(iconName, iconSize, iconColor, 2);
+      if (sendIcon) {
+        sendButton.appendChild(sendIcon);
       } else {
         sendButton.textContent = iconText;
       }
     } else {
       sendButton.textContent = iconText;
     }
+    stopIcon = renderLucideIcon(stopIconName, iconSize, iconColor, 2);
     if (backgroundColor) {
       sendButton.style.backgroundColor = backgroundColor;
     } else {
       sendButton.classList.add("persona-bg-persona-primary");
     }
   } else {
-    sendButton.textContent = (_j = (_i = config == null ? void 0 : config.copy) == null ? void 0 : _i.sendButtonLabel) != null ? _j : "Send";
+    sendButton.textContent = sendLabel;
     if (textColor) {
       sendButton.style.color = textColor;
     } else {
@@ -9609,18 +10220,43 @@ var buildComposer = (context) => {
     sendButton.style.paddingTop = "";
     sendButton.style.paddingBottom = "";
   }
+  let sendTooltip = null;
   if (showTooltip && tooltipText) {
-    const tooltip = createElement("div", "persona-send-button-tooltip");
-    tooltip.textContent = tooltipText;
-    sendButtonWrapper.appendChild(tooltip);
+    sendTooltip = createElement("div", "persona-send-button-tooltip");
+    sendTooltip.textContent = tooltipText;
+    sendButtonWrapper.appendChild(sendTooltip);
   }
+  sendButton.setAttribute("aria-label", tooltipText);
   sendButtonWrapper.appendChild(sendButton);
-  const voiceRecognitionConfig = (_k = config == null ? void 0 : config.voiceRecognition) != null ? _k : {};
+  let currentMode = "send";
+  const setSendButtonMode = (mode) => {
+    if (mode === currentMode) return;
+    currentMode = mode;
+    const label = mode === "stop" ? stopTooltipText : tooltipText;
+    sendButton.setAttribute("aria-label", label);
+    if (sendTooltip) {
+      sendTooltip.textContent = label;
+    }
+    if (useIcon) {
+      if (sendIcon && stopIcon) {
+        const next = mode === "stop" ? stopIcon : sendIcon;
+        const prev = mode === "stop" ? sendIcon : stopIcon;
+        if (prev.parentNode === sendButton) {
+          sendButton.replaceChild(next, prev);
+        } else {
+          sendButton.appendChild(next);
+        }
+      }
+    } else {
+      sendButton.textContent = mode === "stop" ? stopLabel : sendLabel;
+    }
+  };
+  const voiceRecognitionConfig = (_o = config == null ? void 0 : config.voiceRecognition) != null ? _o : {};
   const voiceRecognitionEnabled = voiceRecognitionConfig.enabled === true;
   let micButton = null;
   let micButtonWrapper = null;
   const hasSpeechRecognition = typeof window !== "undefined" && (typeof window.webkitSpeechRecognition !== "undefined" || typeof window.SpeechRecognition !== "undefined");
-  const hasRuntypeProvider = ((_l = voiceRecognitionConfig.provider) == null ? void 0 : _l.type) === "runtype";
+  const hasRuntypeProvider = ((_p = voiceRecognitionConfig.provider) == null ? void 0 : _p.type) === "runtype";
   const hasVoiceInput = hasSpeechRecognition || hasRuntypeProvider;
   if (voiceRecognitionEnabled && hasVoiceInput) {
     micButtonWrapper = createElement("div", "persona-send-button-wrapper");
@@ -9631,11 +10267,11 @@ var buildComposer = (context) => {
     micButton.type = "button";
     micButton.setAttribute("data-persona-composer-mic", "");
     micButton.setAttribute("aria-label", "Start voice recognition");
-    const micIconName = (_m = voiceRecognitionConfig.iconName) != null ? _m : "mic";
-    const micIconSize = (_n = voiceRecognitionConfig.iconSize) != null ? _n : buttonSize;
+    const micIconName = (_q = voiceRecognitionConfig.iconName) != null ? _q : "mic";
+    const micIconSize = (_r = voiceRecognitionConfig.iconSize) != null ? _r : buttonSize;
     const micIconSizeNum = parseFloat(micIconSize) || 24;
-    const micBackgroundColor = (_o = voiceRecognitionConfig.backgroundColor) != null ? _o : backgroundColor;
-    const micIconColor = (_p = voiceRecognitionConfig.iconColor) != null ? _p : textColor;
+    const micBackgroundColor = (_s = voiceRecognitionConfig.backgroundColor) != null ? _s : backgroundColor;
+    const micIconColor = (_t = voiceRecognitionConfig.iconColor) != null ? _t : textColor;
     micButton.style.width = micIconSize;
     micButton.style.height = micIconSize;
     micButton.style.minWidth = micIconSize;
@@ -9678,15 +10314,15 @@ var buildComposer = (context) => {
       micButton.style.paddingBottom = voiceRecognitionConfig.paddingY;
     }
     micButtonWrapper.appendChild(micButton);
-    const micTooltipText = (_q = voiceRecognitionConfig.tooltipText) != null ? _q : "Start voice recognition";
-    const showMicTooltip = (_r = voiceRecognitionConfig.showTooltip) != null ? _r : false;
+    const micTooltipText = (_u = voiceRecognitionConfig.tooltipText) != null ? _u : "Start voice recognition";
+    const showMicTooltip = (_v = voiceRecognitionConfig.showTooltip) != null ? _v : false;
     if (showMicTooltip && micTooltipText) {
       const tooltip = createElement("div", "persona-send-button-tooltip");
       tooltip.textContent = micTooltipText;
       micButtonWrapper.appendChild(tooltip);
     }
   }
-  const attachmentsConfig = (_s = config == null ? void 0 : config.attachments) != null ? _s : {};
+  const attachmentsConfig = (_w = config == null ? void 0 : config.attachments) != null ? _w : {};
   const attachmentsEnabled = attachmentsConfig.enabled === true;
   let attachmentButton = null;
   let attachmentButtonWrapper = null;
@@ -9700,8 +10336,8 @@ var buildComposer = (context) => {
     attachmentPreviewsContainer.style.display = "none";
     attachmentInput = createElement("input");
     attachmentInput.type = "file";
-    attachmentInput.accept = ((_t = attachmentsConfig.allowedTypes) != null ? _t : ALL_SUPPORTED_MIME_TYPES).join(",");
-    attachmentInput.multiple = ((_u = attachmentsConfig.maxFiles) != null ? _u : 4) > 1;
+    attachmentInput.accept = ((_x = attachmentsConfig.allowedTypes) != null ? _x : ALL_SUPPORTED_MIME_TYPES).join(",");
+    attachmentInput.multiple = ((_y = attachmentsConfig.maxFiles) != null ? _y : 4) > 1;
     attachmentInput.style.display = "none";
     attachmentInput.setAttribute("aria-label", "Attach files");
     attachmentButtonWrapper = createElement("div", "persona-send-button-wrapper");
@@ -9710,8 +10346,8 @@ var buildComposer = (context) => {
       "persona-rounded-button persona-flex persona-items-center persona-justify-center disabled:persona-opacity-50 persona-cursor-pointer persona-attachment-button"
     );
     attachmentButton.type = "button";
-    attachmentButton.setAttribute("aria-label", (_v = attachmentsConfig.buttonTooltipText) != null ? _v : "Attach file");
-    const attachIconName = (_w = attachmentsConfig.buttonIconName) != null ? _w : "paperclip";
+    attachmentButton.setAttribute("aria-label", (_z = attachmentsConfig.buttonTooltipText) != null ? _z : "Attach file");
+    const attachIconName = (_A = attachmentsConfig.buttonIconName) != null ? _A : "paperclip";
     const attachIconSize = buttonSize;
     const buttonSizeNum = parseFloat(attachIconSize) || 40;
     const attachIconSizeNum = Math.round(buttonSizeNum * 0.6);
@@ -9748,7 +10384,7 @@ var buildComposer = (context) => {
       attachmentInput == null ? void 0 : attachmentInput.click();
     });
     attachmentButtonWrapper.appendChild(attachmentButton);
-    const attachTooltipText = (_x = attachmentsConfig.buttonTooltipText) != null ? _x : "Attach file";
+    const attachTooltipText = (_B = attachmentsConfig.buttonTooltipText) != null ? _B : "Attach file";
     const tooltip = createElement("div", "persona-send-button-tooltip");
     tooltip.textContent = attachTooltipText;
     attachmentButtonWrapper.appendChild(tooltip);
@@ -9778,16 +10414,16 @@ var buildComposer = (context) => {
   rightActions.append(sendButtonWrapper);
   actionsRow.append(leftActions, rightActions);
   composerForm.append(actionsRow);
-  const statusConfig = (_y = config == null ? void 0 : config.statusIndicator) != null ? _y : {};
+  const statusConfig = (_C = config == null ? void 0 : config.statusIndicator) != null ? _C : {};
   const alignClass = statusConfig.align === "left" ? "persona-text-left" : statusConfig.align === "center" ? "persona-text-center" : "persona-text-right";
   const statusText = createElement(
     "div",
     `persona-mt-2 ${alignClass} persona-text-xs persona-text-persona-muted`
   );
   statusText.setAttribute("data-persona-composer-status", "");
-  const isVisible = (_z = statusConfig.visible) != null ? _z : true;
+  const isVisible = (_D = statusConfig.visible) != null ? _D : true;
   statusText.style.display = isVisible ? "" : "none";
-  const idleLabel = (_A = statusConfig.idleText) != null ? _A : "Online";
+  const idleLabel = (_E = statusConfig.idleText) != null ? _E : "Online";
   if (statusConfig.idleLink) {
     const link = createElement("a");
     link.href = statusConfig.idleLink;
@@ -9819,7 +10455,8 @@ var buildComposer = (context) => {
     // Actions row layout elements
     actionsRow,
     leftActions,
-    rightActions
+    rightActions,
+    setSendButtonMode
   };
 };
 
@@ -9889,8 +10526,11 @@ var buildPanel = (config, showClose = true) => {
   );
   body.id = "persona-scroll-container";
   body.setAttribute("data-persona-theme-zone", "messages");
-  const introCardClasses = isDockedMountMode(config) ? "persona-rounded-2xl persona-bg-persona-surface persona-p-6" : "persona-rounded-2xl persona-bg-persona-surface persona-p-6 persona-shadow-sm";
-  const introCard = createElement("div", introCardClasses);
+  const introCard = createElement(
+    "div",
+    "persona-rounded-2xl persona-bg-persona-surface persona-p-6"
+  );
+  introCard.style.boxShadow = isDockedMountMode(config) ? "none" : "var(--persona-intro-card-shadow, 0 5px 15px rgba(15, 23, 42, 0.08))";
   const introTitle = createElement(
     "h2",
     "persona-text-lg persona-font-semibold persona-text-persona-primary"
@@ -9930,16 +10570,28 @@ var buildPanel = (config, showClose = true) => {
     attachHeaderToContainer(container, headerElements, config);
   }
   container.append(body);
+  const composerOverlay = createElement(
+    "div",
+    "persona-composer-overlay persona-pointer-events-none"
+  );
+  composerOverlay.setAttribute("data-persona-composer-overlay", "");
+  composerOverlay.style.position = "absolute";
+  composerOverlay.style.left = "0";
+  composerOverlay.style.right = "0";
+  composerOverlay.style.bottom = "0";
+  composerOverlay.style.zIndex = "20";
   if (showFooter) {
     container.append(composerElements.footer);
   } else {
     composerElements.footer.style.display = "none";
     container.append(composerElements.footer);
   }
+  container.append(composerOverlay);
   return {
     container,
     body,
     messagesWrapper,
+    composerOverlay,
     suggestions: composerElements.suggestions,
     textarea: composerElements.textarea,
     sendButton: composerElements.sendButton,
@@ -9967,11 +10619,48 @@ var buildPanel = (config, showClose = true) => {
     // Actions row layout elements
     actionsRow: composerElements.actionsRow,
     leftActions: composerElements.leftActions,
-    rightActions: composerElements.rightActions
+    rightActions: composerElements.rightActions,
+    setSendButtonMode: composerElements.setSendButtonMode
   };
 };
 
 // src/components/message-bubble.ts
+var getDefaultStopReasonNoticeCopy = (stopReason) => {
+  switch (stopReason) {
+    case "max_tool_calls":
+      return "Stopped after calling a tool. Send a follow-up to continue.";
+    case "length":
+      return "Response cut off as max tokens reached. Ask for more to continue.";
+    case "content_filter":
+      return "The provider filtered this response.";
+    case "error":
+      return "Something went wrong generating this response.";
+    case "end_turn":
+    case "unknown":
+    default:
+      return null;
+  }
+};
+var resolveStopReasonNoticeText = (stopReason, overrides) => {
+  if (!stopReason) return null;
+  const fallback = getDefaultStopReasonNoticeCopy(stopReason);
+  if (fallback === null) return null;
+  const override = overrides == null ? void 0 : overrides[stopReason];
+  const text = override !== void 0 ? override : fallback;
+  if (!text) return null;
+  return text;
+};
+var createStopReasonNotice = (stopReason, text) => {
+  const notice = createElement(
+    "div",
+    "persona-message-stop-reason persona-text-xs persona-mt-2 persona-italic"
+  );
+  notice.setAttribute("data-stop-reason", stopReason);
+  notice.setAttribute("role", "note");
+  notice.style.opacity = "0.75";
+  notice.textContent = text;
+  return notice;
+};
 var isSafeImageSrc = (src) => {
   const lower = src.toLowerCase();
   if (lower.startsWith("data:image/svg+xml")) return false;
@@ -10274,7 +10963,7 @@ var createMessageActions = (message, actionsConfig, _callbacks) => {
   return container;
 };
 var createStandardBubble = (message, transform, layoutConfig, actionsConfig, actionCallbacks, options) => {
-  var _a, _b, _c, _d, _e, _f, _g;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q;
   const config = layoutConfig != null ? layoutConfig : {};
   const layout = (_a = config.layout) != null ? _a : "bubble";
   const avatarConfig = config.avatar;
@@ -10299,22 +10988,73 @@ var createStandardBubble = (message, transform, layoutConfig, actionsConfig, act
   const messageContentText = (_g = (_f = message.content) == null ? void 0 : _f.trim()) != null ? _g : "";
   const isImageOnlyFallbackMessage = imageParts.length > 0 && messageContentText === IMAGE_ONLY_MESSAGE_FALLBACK_TEXT;
   const shouldHideTextUntilPreviewFails = isImageOnlyFallbackMessage;
+  const streamAnimation = resolveStreamAnimation(
+    (_i = (_h = options == null ? void 0 : options.widgetConfig) == null ? void 0 : _h.features) == null ? void 0 : _i.streamAnimation
+  );
+  const streamPluginOverrides = (_l = (_k = (_j = options == null ? void 0 : options.widgetConfig) == null ? void 0 : _j.features) == null ? void 0 : _k.streamAnimation) == null ? void 0 : _l.plugins;
+  const streamPlugin = message.role === "assistant" && streamAnimation.type !== "none" ? resolveStreamAnimationPlugin(streamAnimation.type, streamPluginOverrides) : null;
+  const pluginStillAnimating = message.role === "assistant" && ((_m = streamPlugin == null ? void 0 : streamPlugin.isAnimating) == null ? void 0 : _m.call(streamPlugin, message)) === true;
+  const streamAnimationActive = message.role === "assistant" && streamPlugin !== null && (Boolean(message.streaming) || pluginStillAnimating);
+  if (streamAnimationActive && (streamPlugin == null ? void 0 : streamPlugin.bubbleClass)) {
+    bubble.classList.add(streamPlugin.bubbleClass);
+  }
   const contentDiv = document.createElement("div");
   contentDiv.classList.add("persona-message-content");
+  if (streamAnimationActive && streamPlugin) {
+    if (streamPlugin.containerClass) {
+      contentDiv.classList.add(streamPlugin.containerClass);
+    }
+    contentDiv.style.setProperty("--persona-stream-step", `${streamAnimation.speed}ms`);
+    contentDiv.style.setProperty("--persona-stream-duration", `${streamAnimation.duration}ms`);
+  }
+  const bufferedContent = streamAnimationActive ? applyStreamBuffer(
+    (_n = message.content) != null ? _n : "",
+    streamAnimation.buffer,
+    streamPlugin,
+    message,
+    Boolean(message.streaming)
+  ) : (_o = message.content) != null ? _o : "";
   const transformedContent = transform({
-    text: message.content,
+    text: bufferedContent,
     message,
     streaming: Boolean(message.streaming),
     raw: message.rawContent
   });
+  let animatedContent = transformedContent;
+  if (streamAnimationActive && (streamPlugin == null ? void 0 : streamPlugin.wrap) === "char") {
+    animatedContent = wrapStreamAnimation(transformedContent, "char", message.id, {
+      skipTags: streamPlugin.skipTags
+    });
+  } else if (streamAnimationActive && (streamPlugin == null ? void 0 : streamPlugin.wrap) === "word") {
+    animatedContent = wrapStreamAnimation(transformedContent, "word", message.id, {
+      skipTags: streamPlugin.skipTags
+    });
+  }
   let textContentDiv = null;
   if (shouldHideTextUntilPreviewFails) {
     textContentDiv = document.createElement("div");
-    textContentDiv.innerHTML = transformedContent;
+    textContentDiv.innerHTML = animatedContent;
     textContentDiv.style.display = "none";
     contentDiv.appendChild(textContentDiv);
   } else {
-    contentDiv.innerHTML = transformedContent;
+    contentDiv.innerHTML = animatedContent;
+  }
+  if (streamAnimationActive && (streamPlugin == null ? void 0 : streamPlugin.useCaret) && !shouldHideTextUntilPreviewFails && messageContentText) {
+    const caret = createStreamCaret();
+    const spans = contentDiv.querySelectorAll(
+      ".persona-stream-char, .persona-stream-word"
+    );
+    const lastSpan = spans[spans.length - 1];
+    if (lastSpan == null ? void 0 : lastSpan.parentNode) {
+      lastSpan.parentNode.insertBefore(caret, lastSpan.nextSibling);
+    } else {
+      const lastChild = contentDiv.lastElementChild;
+      if (lastChild) {
+        lastChild.appendChild(caret);
+      } else {
+        contentDiv.appendChild(caret);
+      }
+    }
   }
   if (showTimestamp && timestampPosition === "inline" && message.createdAt) {
     const timestamp = createTimestamp(message, timestampConfig);
@@ -10343,17 +11083,36 @@ var createStandardBubble = (message, transform, layoutConfig, actionsConfig, act
     timestamp.classList.add("persona-mt-1");
     bubble.appendChild(timestamp);
   }
+  const stopReasonNoticeText = message.role === "assistant" ? resolveStopReasonNoticeText(
+    message.stopReason,
+    (_q = (_p = options == null ? void 0 : options.widgetConfig) == null ? void 0 : _p.copy) == null ? void 0 : _q.stopReasonNotice
+  ) : null;
   if (message.streaming && message.role === "assistant") {
-    if (!message.content || !message.content.trim()) {
-      const indicator = renderLoadingIndicatorWithFallback(
-        "inline",
-        options == null ? void 0 : options.loadingIndicatorRenderer,
-        options == null ? void 0 : options.widgetConfig
-      );
-      if (indicator) {
-        bubble.appendChild(indicator);
+    const hasVisibleContent = Boolean(bufferedContent && bufferedContent.trim());
+    const skeletonEnabled = streamAnimation.placeholder === "skeleton";
+    const trailSkeleton = skeletonEnabled && streamAnimation.buffer === "line" && hasVisibleContent;
+    if (!hasVisibleContent) {
+      if (skeletonEnabled) {
+        bubble.appendChild(createSkeletonPlaceholder());
+      } else {
+        const indicator = renderLoadingIndicatorWithFallback(
+          "inline",
+          options == null ? void 0 : options.loadingIndicatorRenderer,
+          options == null ? void 0 : options.widgetConfig
+        );
+        if (indicator) {
+          bubble.appendChild(indicator);
+        }
       }
+    } else if (trailSkeleton) {
+      bubble.appendChild(createSkeletonPlaceholder());
+    }
+  }
+  if (stopReasonNoticeText && message.stopReason && !message.streaming) {
+    if (!messageContentText) {
+      contentDiv.style.display = "none";
     }
+    bubble.appendChild(createStopReasonNotice(message.stopReason, stopReasonNoticeText));
   }
   const shouldShowActions = message.role === "assistant" && !message.streaming && message.content && message.content.trim() && (actionsConfig == null ? void 0 : actionsConfig.enabled) !== false;
   if (shouldShowActions && actionsConfig) {
@@ -11098,6 +11857,582 @@ var createToolBubble = (message, config) => {
   return bubble;
 };
 
+// src/components/ask-user-question-bubble.ts
+var import_partial_json2 = require("partial-json");
+var ASK_USER_QUESTION_TOOL_NAME = "ask_user_question";
+var ASK_USER_QUESTION_MAX = 8;
+var SHEET_SENTINEL = "data-persona-ask-sheet-for";
+var DEFAULT_FREE_TEXT_LABEL_ROWS = "Other";
+var DEFAULT_FREE_TEXT_LABEL_PILLS = "Other\u2026";
+var DEFAULT_FREE_TEXT_PLACEHOLDER = "Type your own answer here";
+var DEFAULT_SUBMIT_LABEL = "Send";
+var DEFAULT_NEXT_LABEL = "Next";
+var DEFAULT_BACK_LABEL = "Back";
+var DEFAULT_SUBMIT_ALL_LABEL = "Submit all";
+var DEFAULT_SKIP_LABEL = "Skip";
+var DEFAULT_SKELETON_PILLS = 3;
+var ATTR_CURRENT_INDEX = "data-ask-current-index";
+var ATTR_QUESTION_COUNT = "data-ask-question-count";
+var ATTR_ANSWERS = "data-ask-answers";
+var ATTR_GROUPED = "data-ask-grouped";
+var ATTR_LAYOUT = "data-ask-layout";
+var resolveLayout = (feature) => feature.layout === "pills" ? "pills" : "rows";
+var getLayout = (sheet) => sheet.getAttribute(ATTR_LAYOUT) === "pills" ? "pills" : "rows";
+var truncateWarned = false;
+var escapeAttrValue = (value) => value.replace(/["\\]/g, "\\$&");
+var isAskUserQuestionMessage = (message) => {
+  return message.variant === "tool" && !!message.toolCall && message.toolCall.name === ASK_USER_QUESTION_TOOL_NAME;
+};
+var resolveFeature = (config) => {
+  var _a, _b;
+  return (_b = (_a = config == null ? void 0 : config.features) == null ? void 0 : _a.askUserQuestion) != null ? _b : {};
+};
+var parseAskUserQuestionPayload = (message) => {
+  const toolCall = message.toolCall;
+  if (!toolCall) return { payload: null, complete: false };
+  const complete = toolCall.status === "complete";
+  if (toolCall.args && typeof toolCall.args === "object") {
+    return { payload: toolCall.args, complete };
+  }
+  const chunks = toolCall.chunks;
+  if (!chunks || chunks.length === 0) return { payload: null, complete };
+  try {
+    const text = chunks.join("");
+    const parsed = (0, import_partial_json2.parse)(text, import_partial_json2.STR | import_partial_json2.OBJ | import_partial_json2.ARR);
+    if (parsed && typeof parsed === "object") {
+      return { payload: parsed, complete };
+    }
+  } catch {
+  }
+  return { payload: null, complete };
+};
+var promptsFromPayload = (payload) => {
+  const all = Array.isArray(payload == null ? void 0 : payload.questions) ? payload.questions : [];
+  if (all.length > ASK_USER_QUESTION_MAX && !truncateWarned) {
+    truncateWarned = true;
+    if (typeof console !== "undefined") {
+      console.warn(
+        `[AgentWidget] ask_user_question received ${all.length} questions; truncating to ${ASK_USER_QUESTION_MAX}.`
+      );
+    }
+  }
+  return all.slice(0, ASK_USER_QUESTION_MAX);
+};
+var firstPrompt = (payload) => {
+  var _a;
+  return (_a = promptsFromPayload(payload)[0]) != null ? _a : null;
+};
+var promptAt = (payload, index) => {
+  var _a;
+  return (_a = promptsFromPayload(payload)[index]) != null ? _a : null;
+};
+var applyStyleVars = (root, feature) => {
+  const s = feature.styles;
+  if (!s) return;
+  if (s.sheetBackground) root.style.setProperty("--persona-ask-sheet-bg", s.sheetBackground);
+  if (s.sheetBorder) root.style.setProperty("--persona-ask-sheet-border", s.sheetBorder);
+  if (s.sheetShadow) root.style.setProperty("--persona-ask-sheet-shadow", s.sheetShadow);
+  if (s.pillBackground) root.style.setProperty("--persona-ask-pill-bg", s.pillBackground);
+  if (s.pillBackgroundSelected)
+    root.style.setProperty("--persona-ask-pill-bg-selected", s.pillBackgroundSelected);
+  if (s.pillTextColor) root.style.setProperty("--persona-ask-pill-fg", s.pillTextColor);
+  if (s.pillTextColorSelected)
+    root.style.setProperty("--persona-ask-pill-fg-selected", s.pillTextColorSelected);
+  if (s.pillBorderRadius) root.style.setProperty("--persona-ask-pill-radius", s.pillBorderRadius);
+  if (s.customInputBackground)
+    root.style.setProperty("--persona-ask-input-bg", s.customInputBackground);
+};
+var buildAffordance = (layout, multiSelect, index) => {
+  if (layout !== "rows") return null;
+  const wrap = createElement("span", "persona-ask-row-affordance");
+  wrap.setAttribute("aria-hidden", "true");
+  if (multiSelect) {
+    const check = createElement("span", "persona-ask-row-check");
+    wrap.appendChild(check);
+  } else {
+    const badge = createElement("span", "persona-ask-row-badge");
+    badge.textContent = String(index + 1);
+    wrap.appendChild(badge);
+  }
+  return wrap;
+};
+var buildPill = (option, index, layout, multiSelect) => {
+  const cls = layout === "rows" ? "persona-ask-pill persona-ask-row persona-pointer-events-auto" : "persona-ask-pill persona-pointer-events-auto";
+  const btn = createElement("button", cls);
+  btn.type = "button";
+  btn.setAttribute("role", multiSelect ? "checkbox" : "button");
+  btn.setAttribute("aria-pressed", "false");
+  btn.setAttribute("data-ask-user-action", "pick");
+  btn.setAttribute("data-option-index", String(index));
+  btn.setAttribute("data-option-label", option.label);
+  if (layout === "rows") {
+    const content = createElement("span", "persona-ask-row-content");
+    const label = createElement("span", "persona-ask-row-label");
+    label.textContent = option.label;
+    content.appendChild(label);
+    if (option.description) {
+      const desc = createElement("span", "persona-ask-row-description");
+      desc.textContent = option.description;
+      content.appendChild(desc);
+    }
+    btn.appendChild(content);
+    const aff = buildAffordance(layout, multiSelect, index);
+    if (aff) btn.appendChild(aff);
+  } else {
+    btn.textContent = option.label;
+    if (option.description) btn.title = option.description;
+  }
+  return btn;
+};
+var buildSkeletonPill = (layout) => {
+  const cls = layout === "rows" ? "persona-ask-pill persona-ask-row persona-ask-pill-skeleton persona-pointer-events-none" : "persona-ask-pill persona-ask-pill-skeleton persona-pointer-events-none";
+  const el = createElement("span", cls);
+  el.setAttribute("aria-hidden", "true");
+  return el;
+};
+var buildPillList = (prompt, feature, complete, layout) => {
+  var _a, _b, _c;
+  const baseClass = layout === "rows" ? "persona-ask-pills persona-ask-pills--rows persona-flex persona-flex-col persona-gap-2" : "persona-ask-pills persona-flex persona-flex-wrap persona-gap-2";
+  const list = createElement("div", baseClass);
+  list.setAttribute("role", "group");
+  list.setAttribute("data-ask-pill-list", "true");
+  const multiSelect = !!(prompt == null ? void 0 : prompt.multiSelect);
+  const realOptions = Array.isArray(prompt == null ? void 0 : prompt.options) ? prompt.options : [];
+  const cleanOptions = realOptions.filter((o) => o && typeof o.label === "string" && o.label.length > 0);
+  if (cleanOptions.length === 0 && !complete) {
+    for (let i = 0; i < DEFAULT_SKELETON_PILLS; i++) {
+      list.appendChild(buildSkeletonPill(layout));
+    }
+    return list;
+  }
+  cleanOptions.forEach((option, index) => {
+    list.appendChild(buildPill(option, index, layout, multiSelect));
+  });
+  const allowFreeText = (prompt == null ? void 0 : prompt.allowFreeText) !== false;
+  if (allowFreeText) {
+    const defaultLabel = layout === "rows" ? DEFAULT_FREE_TEXT_LABEL_ROWS : DEFAULT_FREE_TEXT_LABEL_PILLS;
+    if (layout === "rows") {
+      const otherRow = createElement(
+        "div",
+        "persona-ask-pill persona-ask-row persona-ask-row--other persona-ask-pill-custom persona-pointer-events-auto"
+      );
+      otherRow.setAttribute("data-ask-user-action", "focus-free-text");
+      otherRow.setAttribute("data-option-index", String(cleanOptions.length));
+      otherRow.setAttribute("data-ask-other-row", "true");
+      const content = createElement("span", "persona-ask-row-content");
+      const input = document.createElement("input");
+      input.type = "text";
+      input.className = "persona-ask-row-input persona-flex-1 persona-pointer-events-auto";
+      input.placeholder = (_a = feature.freeTextPlaceholder) != null ? _a : DEFAULT_FREE_TEXT_PLACEHOLDER;
+      input.setAttribute("data-ask-free-text-input", "true");
+      input.setAttribute(
+        "aria-label",
+        (_b = feature.freeTextLabel) != null ? _b : defaultLabel
+      );
+      content.appendChild(input);
+      otherRow.appendChild(content);
+      const aff = buildAffordance(layout, multiSelect, cleanOptions.length);
+      if (aff) otherRow.appendChild(aff);
+      list.appendChild(otherRow);
+    } else {
+      const freeBtn = createElement(
+        "button",
+        "persona-ask-pill persona-ask-pill-custom persona-pointer-events-auto"
+      );
+      freeBtn.type = "button";
+      freeBtn.setAttribute("data-ask-user-action", "open-free-text");
+      freeBtn.textContent = (_c = feature.freeTextLabel) != null ? _c : defaultLabel;
+      list.appendChild(freeBtn);
+    }
+  }
+  return list;
+};
+var buildFreeTextRow = (feature, layout) => {
+  var _a, _b;
+  const cls = layout === "rows" ? "persona-ask-free-text persona-ask-free-text--rows persona-flex persona-gap-2 persona-mt-2" : "persona-ask-free-text persona-hidden persona-flex persona-gap-2 persona-mt-2";
+  const row = createElement("div", cls);
+  row.setAttribute("data-ask-free-text-row", "true");
+  const input = document.createElement("input");
+  input.type = "text";
+  input.className = "persona-ask-free-text-input persona-flex-1 persona-pointer-events-auto";
+  input.placeholder = (_a = feature.freeTextPlaceholder) != null ? _a : DEFAULT_FREE_TEXT_PLACEHOLDER;
+  input.setAttribute("data-ask-free-text-input", "true");
+  row.appendChild(input);
+  if (layout !== "rows") {
+    const submit = createElement(
+      "button",
+      "persona-ask-free-text-submit persona-pointer-events-auto"
+    );
+    submit.type = "button";
+    submit.textContent = (_b = feature.submitLabel) != null ? _b : DEFAULT_SUBMIT_LABEL;
+    submit.setAttribute("data-ask-user-action", "submit-free-text");
+    row.appendChild(submit);
+  }
+  return row;
+};
+var buildMultiSelectActions = (feature) => {
+  var _a;
+  const row = createElement(
+    "div",
+    "persona-ask-multi-actions persona-flex persona-justify-end persona-mt-2"
+  );
+  row.setAttribute("data-ask-multi-actions", "true");
+  const submit = createElement(
+    "button",
+    "persona-ask-multi-submit persona-pointer-events-auto"
+  );
+  submit.type = "button";
+  submit.textContent = (_a = feature.submitLabel) != null ? _a : DEFAULT_SUBMIT_LABEL;
+  submit.setAttribute("data-ask-user-action", "submit-multi");
+  submit.disabled = true;
+  row.appendChild(submit);
+  return row;
+};
+var buildNavRow = (index, count, feature) => {
+  var _a, _b, _c, _d;
+  const row = createElement(
+    "div",
+    "persona-ask-nav persona-flex persona-justify-between persona-items-center persona-gap-2 persona-mt-2"
+  );
+  row.setAttribute("data-ask-nav-row", "true");
+  const back = createElement(
+    "button",
+    "persona-ask-nav-back persona-pointer-events-auto"
+  );
+  back.type = "button";
+  back.textContent = (_a = feature.backLabel) != null ? _a : DEFAULT_BACK_LABEL;
+  back.setAttribute("data-ask-user-action", "back");
+  back.disabled = index === 0;
+  row.appendChild(back);
+  const rightGroup = createElement(
+    "div",
+    "persona-ask-nav-right persona-flex persona-items-center persona-gap-2"
+  );
+  const skip = createElement(
+    "button",
+    "persona-ask-nav-skip persona-pointer-events-auto"
+  );
+  skip.type = "button";
+  skip.textContent = (_b = feature.skipLabel) != null ? _b : DEFAULT_SKIP_LABEL;
+  skip.setAttribute("data-ask-user-action", "skip");
+  rightGroup.appendChild(skip);
+  const next = createElement(
+    "button",
+    "persona-ask-nav-next persona-pointer-events-auto"
+  );
+  next.type = "button";
+  const isFinal = index === count - 1;
+  next.textContent = isFinal ? (_c = feature.submitAllLabel) != null ? _c : DEFAULT_SUBMIT_ALL_LABEL : (_d = feature.nextLabel) != null ? _d : DEFAULT_NEXT_LABEL;
+  next.setAttribute("data-ask-user-action", isFinal ? "submit-all" : "next");
+  next.disabled = true;
+  rightGroup.appendChild(next);
+  row.appendChild(rightGroup);
+  return row;
+};
+var readAnswersFromSheet = (sheet) => {
+  const raw = sheet.getAttribute(ATTR_ANSWERS);
+  if (!raw) return {};
+  try {
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === "object" ? parsed : {};
+  } catch {
+    return {};
+  }
+};
+var writeAnswersToSheet = (sheet, answers) => {
+  sheet.setAttribute(ATTR_ANSWERS, JSON.stringify(answers));
+};
+var getCurrentIndex = (sheet) => {
+  var _a;
+  const raw = Number((_a = sheet.getAttribute(ATTR_CURRENT_INDEX)) != null ? _a : "0");
+  return Number.isFinite(raw) ? Math.max(0, Math.floor(raw)) : 0;
+};
+var setCurrentIndex = (sheet, index) => {
+  sheet.setAttribute(ATTR_CURRENT_INDEX, String(Math.max(0, Math.floor(index))));
+};
+var getQuestionCount = (sheet) => {
+  var _a;
+  const raw = Number((_a = sheet.getAttribute(ATTR_QUESTION_COUNT)) != null ? _a : "1");
+  return Number.isFinite(raw) ? Math.max(1, Math.floor(raw)) : 1;
+};
+var isGroupedSheet = (sheet) => {
+  return sheet.getAttribute(ATTR_GROUPED) === "true";
+};
+var restoreAnswersFromMessage = (message, prompts) => {
+  var _a;
+  const stored = (_a = message.agentMetadata) == null ? void 0 : _a.askUserQuestionAnswers;
+  if (!stored || typeof stored !== "object") return {};
+  const result = {};
+  prompts.forEach((p, i) => {
+    const q = typeof (p == null ? void 0 : p.question) === "string" ? p.question : "";
+    if (q && Object.prototype.hasOwnProperty.call(stored, q)) {
+      const v = stored[q];
+      if (typeof v === "string" || Array.isArray(v)) {
+        result[i] = v;
+      }
+    }
+  });
+  return result;
+};
+var restoreIndexFromMessage = (message, count) => {
+  var _a;
+  const stored = (_a = message.agentMetadata) == null ? void 0 : _a.askUserQuestionIndex;
+  if (typeof stored !== "number" || !Number.isFinite(stored)) return 0;
+  return Math.max(0, Math.min(count - 1, Math.floor(stored)));
+};
+var buildStructuredAnswers = (sheet, message) => {
+  const { payload } = parseAskUserQuestionPayload(message);
+  const prompts = promptsFromPayload(payload);
+  const indexed = readAnswersFromSheet(sheet);
+  const result = {};
+  const seen = /* @__PURE__ */ new Set();
+  prompts.forEach((p, i) => {
+    const q = typeof (p == null ? void 0 : p.question) === "string" ? p.question : "";
+    if (!q) return;
+    if (seen.has(q) && typeof console !== "undefined") {
+      console.warn(`[AgentWidget] ask_user_question has duplicate question text "${q}"; later answer wins.`);
+    }
+    seen.add(q);
+    if (Object.prototype.hasOwnProperty.call(indexed, i)) {
+      result[q] = indexed[i];
+    }
+  });
+  return result;
+};
+var applySelectionState = (sheet) => {
+  const answers = readAnswersFromSheet(sheet);
+  const currentIndex = getCurrentIndex(sheet);
+  const stored = answers[currentIndex];
+  const selected = /* @__PURE__ */ new Set();
+  if (typeof stored === "string") selected.add(stored);
+  else if (Array.isArray(stored)) stored.forEach((s) => selected.add(s));
+  const pills = sheet.querySelectorAll('[data-ask-user-action="pick"][data-option-label]');
+  pills.forEach((pill) => {
+    var _a;
+    const label = (_a = pill.getAttribute("data-option-label")) != null ? _a : "";
+    const on = selected.has(label);
+    pill.setAttribute("aria-pressed", on ? "true" : "false");
+    pill.classList.toggle("persona-ask-pill-selected", on);
+  });
+  const realPillLabels = new Set(
+    Array.from(pills).map((p) => {
+      var _a;
+      return (_a = p.getAttribute("data-option-label")) != null ? _a : "";
+    })
+  );
+  const freeInput = sheet.querySelector('[data-ask-free-text-input="true"]');
+  if (freeInput) {
+    if (typeof stored === "string" && stored.length > 0 && !realPillLabels.has(stored)) {
+      freeInput.value = stored;
+      const freeRow = freeInput.closest('[data-ask-free-text-row="true"]');
+      freeRow == null ? void 0 : freeRow.classList.remove("persona-hidden");
+    } else {
+      freeInput.value = "";
+    }
+  }
+};
+var syncNavState = (sheet) => {
+  if (!isGroupedSheet(sheet)) return;
+  const answers = readAnswersFromSheet(sheet);
+  const currentIndex = getCurrentIndex(sheet);
+  const v = answers[currentIndex];
+  const hasAnswer = typeof v === "string" && v.length > 0 || Array.isArray(v) && v.length > 0;
+  const next = sheet.querySelector(
+    '[data-ask-user-action="next"], [data-ask-user-action="submit-all"]'
+  );
+  if (next) next.disabled = !hasAnswer;
+  const multi = sheet.querySelector('[data-ask-user-action="submit-multi"]');
+  if (multi) {
+    const labels = Array.from(
+      sheet.querySelectorAll('[aria-pressed="true"][data-option-label]')
+    );
+    multi.disabled = labels.length === 0;
+  }
+};
+var renderCurrentPage = (sheet, message, config) => {
+  const feature = resolveFeature(config);
+  const layout = getLayout(sheet);
+  const { payload, complete } = parseAskUserQuestionPayload(message);
+  const grouped = isGroupedSheet(sheet);
+  const index = getCurrentIndex(sheet);
+  const count = getQuestionCount(sheet);
+  const prompt = grouped ? promptAt(payload, index) : firstPrompt(payload);
+  const multiSelect = !!(prompt == null ? void 0 : prompt.multiSelect);
+  const stepInline = sheet.querySelector('[data-ask-step-inline="true"]');
+  if (stepInline) {
+    stepInline.textContent = grouped ? `${index + 1}/${count}` : "";
+  }
+  const oldStepper = sheet.querySelector('[data-ask-stepper="true"]');
+  if (oldStepper) oldStepper.remove();
+  const qText = sheet.querySelector('[data-ask-question="true"]');
+  if (qText) {
+    const text = typeof (prompt == null ? void 0 : prompt.question) === "string" ? prompt.question : "";
+    qText.textContent = text;
+    qText.classList.toggle("persona-ask-question-skeleton", !text && !complete);
+  }
+  const pillList = sheet.querySelector('[data-ask-pill-list="true"]');
+  if (pillList) {
+    const fresh = buildPillList(prompt, feature, complete, layout);
+    pillList.replaceWith(fresh);
+  }
+  if (layout !== "rows") {
+    const oldFree = sheet.querySelector('[data-ask-free-text-row="true"]');
+    if (oldFree) oldFree.replaceWith(buildFreeTextRow(feature, layout));
+  }
+  const oldMulti = sheet.querySelector('[data-ask-multi-actions="true"]');
+  if (!grouped && multiSelect && !oldMulti) {
+    sheet.appendChild(buildMultiSelectActions(feature));
+  } else if ((!multiSelect || grouped) && oldMulti) {
+    oldMulti.remove();
+  }
+  sheet.setAttribute("data-multi-select", multiSelect ? "true" : "false");
+  const oldNav = sheet.querySelector('[data-ask-nav-row="true"]');
+  if (grouped) {
+    const fresh = buildNavRow(index, count, feature);
+    if (oldNav) oldNav.replaceWith(fresh);
+    else sheet.appendChild(fresh);
+  } else if (oldNav) {
+    oldNav.remove();
+  }
+  applySelectionState(sheet);
+  syncNavState(sheet);
+};
+var buildSheet = (message, config, payload) => {
+  const feature = resolveFeature(config);
+  const layout = resolveLayout(feature);
+  const toolCallId = message.toolCall.id;
+  const prompts = promptsFromPayload(payload);
+  const count = Math.max(1, prompts.length);
+  const grouped = count > 1;
+  const initialAnswers = restoreAnswersFromMessage(message, prompts);
+  const initialIndex = grouped ? restoreIndexFromMessage(message, count) : 0;
+  const sheet = createElement(
+    "div",
+    [
+      "persona-ask-sheet",
+      `persona-ask-sheet--${layout}`,
+      "persona-pointer-events-auto",
+      "persona-ask-sheet-enter"
+    ].join(" ")
+  );
+  sheet.setAttribute(SHEET_SENTINEL, toolCallId);
+  sheet.setAttribute("data-tool-call-id", toolCallId);
+  sheet.setAttribute("data-message-id", message.id);
+  sheet.setAttribute(ATTR_QUESTION_COUNT, String(count));
+  sheet.setAttribute(ATTR_CURRENT_INDEX, String(initialIndex));
+  sheet.setAttribute(ATTR_GROUPED, grouped ? "true" : "false");
+  sheet.setAttribute(ATTR_LAYOUT, layout);
+  writeAnswersToSheet(sheet, initialAnswers);
+  sheet.setAttribute("role", "group");
+  sheet.setAttribute("aria-label", "Suggested answers");
+  if (feature.slideInMs !== void 0) {
+    sheet.style.setProperty("--persona-ask-sheet-duration", `${feature.slideInMs}ms`);
+  }
+  applyStyleVars(sheet, feature);
+  const header = createElement(
+    "div",
+    "persona-ask-sheet-header persona-flex persona-items-center persona-gap-3"
+  );
+  const qText = createElement("div", "persona-ask-sheet-question persona-flex-1");
+  qText.setAttribute("data-ask-question", "true");
+  qText.textContent = "";
+  header.appendChild(qText);
+  const stepInline = createElement(
+    "span",
+    "persona-ask-sheet-step-inline"
+  );
+  stepInline.setAttribute("data-ask-step-inline", "true");
+  stepInline.textContent = "";
+  header.appendChild(stepInline);
+  sheet.appendChild(header);
+  const skeletonClass = layout === "rows" ? "persona-ask-pills persona-ask-pills--rows persona-flex persona-flex-col persona-gap-2" : "persona-ask-pills persona-flex persona-flex-wrap persona-gap-2";
+  const list = createElement("div", skeletonClass);
+  list.setAttribute("data-ask-pill-list", "true");
+  list.setAttribute("role", "group");
+  sheet.appendChild(list);
+  if (layout !== "rows") {
+    sheet.appendChild(buildFreeTextRow(feature, layout));
+  }
+  renderCurrentPage(sheet, message, config);
+  requestAnimationFrame(() => {
+    requestAnimationFrame(() => sheet.classList.remove("persona-ask-sheet-enter"));
+  });
+  return sheet;
+};
+var syncSheetFromMessage = (sheet, message, config) => {
+  const { payload } = parseAskUserQuestionPayload(message);
+  const newCount = Math.max(1, promptsFromPayload(payload).length);
+  if (newCount > getQuestionCount(sheet)) {
+    sheet.setAttribute(ATTR_QUESTION_COUNT, String(newCount));
+    if (newCount > 1 && !isGroupedSheet(sheet)) {
+      sheet.setAttribute(ATTR_GROUPED, "true");
+    }
+  }
+  renderCurrentPage(sheet, message, config);
+};
+var ensureAskUserQuestionSheet = (message, config, overlay) => {
+  if (!overlay) return;
+  if (!isAskUserQuestionMessage(message)) return;
+  const feature = resolveFeature(config);
+  if (feature.enabled === false) return;
+  const toolCallId = message.toolCall.id;
+  const siblings = overlay.querySelectorAll(`[${SHEET_SENTINEL}]`);
+  siblings.forEach((el) => {
+    if (el.getAttribute(SHEET_SENTINEL) !== toolCallId) {
+      el.remove();
+    }
+  });
+  const existing = overlay.querySelector(
+    `[${SHEET_SENTINEL}="${escapeAttrValue(toolCallId)}"]`
+  );
+  if (existing) {
+    syncSheetFromMessage(existing, message, config);
+    return;
+  }
+  const { payload } = parseAskUserQuestionPayload(message);
+  const sheet = buildSheet(message, config, payload);
+  overlay.appendChild(sheet);
+};
+var removeAskUserQuestionSheet = (overlay, toolCallId) => {
+  if (!overlay) return;
+  const selector = toolCallId ? `[${SHEET_SENTINEL}="${escapeAttrValue(toolCallId)}"]` : `[${SHEET_SENTINEL}]`;
+  const sheets = overlay.querySelectorAll(selector);
+  sheets.forEach((sheet) => {
+    sheet.classList.add("persona-ask-sheet-leave");
+    const duration = Number.parseInt(
+      getComputedStyle(sheet).getPropertyValue("--persona-ask-sheet-duration") || "180",
+      10
+    );
+    const remove = () => sheet.remove();
+    setTimeout(remove, Number.isFinite(duration) ? duration : 180);
+  });
+};
+var getSelectedLabels = (sheet) => {
+  return Array.from(
+    sheet.querySelectorAll('[aria-pressed="true"][data-option-label]')
+  ).map((el) => el.getAttribute("data-option-label")).filter((label) => typeof label === "string" && label.length > 0);
+};
+var setCurrentAnswer = (sheet, answer) => {
+  const answers = readAnswersFromSheet(sheet);
+  const idx = getCurrentIndex(sheet);
+  if (typeof answer === "string" && answer.length === 0) {
+    delete answers[idx];
+  } else if (Array.isArray(answer) && answer.length === 0) {
+    delete answers[idx];
+  } else {
+    answers[idx] = answer;
+  }
+  writeAnswersToSheet(sheet, answers);
+  applySelectionState(sheet);
+  syncNavState(sheet);
+};
+var navigateToPage = (sheet, message, config, index) => {
+  const count = getQuestionCount(sheet);
+  const clamped = Math.max(0, Math.min(count - 1, index));
+  setCurrentIndex(sheet, clamped);
+  renderCurrentPage(sheet, message, config);
+};
+
 // src/components/approval-bubble.ts
 var createApprovalBubble = (message, config) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
@@ -13506,6 +14841,10 @@ var sanitizeMessages = (messages) => messages.map((message) => ({
   ...message,
   streaming: false
 }));
+var sanitizeArtifacts = (artifacts) => artifacts.map((artifact) => ({
+  ...artifact,
+  status: "complete"
+}));
 var createLocalStorageAdapter = (key = "persona-state") => {
   const getStorage = () => {
     if (typeof window === "undefined" || !window.localStorage) {
@@ -13525,7 +14864,8 @@ var createLocalStorageAdapter = (key = "persona-state") => {
       try {
         const payload = {
           ...state,
-          messages: state.messages ? sanitizeMessages(state.messages) : void 0
+          messages: state.messages ? sanitizeMessages(state.messages) : void 0,
+          artifacts: state.artifacts ? sanitizeArtifacts(state.artifacts) : void 0
         };
         storage.setItem(key, JSON.stringify(payload));
       } catch (error) {
@@ -13549,7 +14889,7 @@ var createLocalStorageAdapter = (key = "persona-state") => {
 };
 
 // src/utils/component-parser.ts
-var import_partial_json2 = require("partial-json");
+var import_partial_json3 = require("partial-json");
 
 // src/utils/component-middleware.ts
 function renderComponentDirective(directive, options) {
@@ -14025,7 +15365,7 @@ function buildDropOverlay(dropCfg) {
   return overlay;
 }
 var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q;
   if (mount == null) {
     throw new Error(
       'createAgentExperience: mount must be a non-null HTMLElement (e.g. pass document.getElementById("my-root") after the node exists).'
@@ -14084,6 +15424,13 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
         if ((_b = processedState.messages) == null ? void 0 : _b.length) {
           config = { ...config, initialMessages: processedState.messages };
         }
+        if ((_c = processedState.artifacts) == null ? void 0 : _c.length) {
+          config = {
+            ...config,
+            initialArtifacts: processedState.artifacts,
+            initialSelectedArtifactId: (_d = processedState.selectedArtifactId) != null ? _d : null
+          };
+        }
       }
     } catch (error) {
       if (typeof console !== "undefined") {
@@ -14093,7 +15440,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
   } else if (config.onStateLoaded) {
     try {
       const processedState = applyStateLoadedHook({ messages: [], metadata: {} });
-      if ((_c = processedState.messages) == null ? void 0 : _c.length) {
+      if ((_e = processedState.messages) == null ? void 0 : _e.length) {
         config = { ...config, initialMessages: processedState.messages };
       }
     } catch (error) {
@@ -14120,12 +15467,12 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     documentRef: typeof document !== "undefined" ? document : null
   });
   actionManager.syncFromMetadata();
-  let launcherEnabled = (_e = (_d = config.launcher) == null ? void 0 : _d.enabled) != null ? _e : true;
-  let autoExpand = (_g = (_f = config.launcher) == null ? void 0 : _f.autoExpand) != null ? _g : false;
-  const autoFocusInput = (_h = config.autoFocusInput) != null ? _h : false;
+  let launcherEnabled = (_g = (_f = config.launcher) == null ? void 0 : _f.enabled) != null ? _g : true;
+  let autoExpand = (_i = (_h = config.launcher) == null ? void 0 : _h.autoExpand) != null ? _i : false;
+  const autoFocusInput = (_j = config.autoFocusInput) != null ? _j : false;
   let prevAutoExpand = autoExpand;
   let prevLauncherEnabled = launcherEnabled;
-  let prevHeaderLayout = (_j = (_i = config.layout) == null ? void 0 : _i.header) == null ? void 0 : _j.layout;
+  let prevHeaderLayout = (_l = (_k = config.layout) == null ? void 0 : _k.header) == null ? void 0 : _l.layout;
   let wasMobileFullscreen = false;
   let open = launcherEnabled ? autoExpand : true;
   let pendingResubmit = false;
@@ -14145,14 +15492,14 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     }, 1e4);
   };
   let postprocess = buildPostprocessor(config, actionManager, handleResubmitRequested);
-  let showReasoning = (_l = (_k = config.features) == null ? void 0 : _k.showReasoning) != null ? _l : true;
-  let showToolCalls = (_n = (_m = config.features) == null ? void 0 : _m.showToolCalls) != null ? _n : true;
-  let showEventStreamToggle = (_p = (_o = config.features) == null ? void 0 : _o.showEventStreamToggle) != null ? _p : false;
-  let scrollToBottomFeature = (_r = (_q = config.features) == null ? void 0 : _q.scrollToBottom) != null ? _r : {};
-  const persistKeyPrefix = (_t = typeof config.persistState === "object" ? (_s = config.persistState) == null ? void 0 : _s.keyPrefix : void 0) != null ? _t : "persona-";
+  let showReasoning = (_n = (_m = config.features) == null ? void 0 : _m.showReasoning) != null ? _n : true;
+  let showToolCalls = (_p = (_o = config.features) == null ? void 0 : _o.showToolCalls) != null ? _p : true;
+  let showEventStreamToggle = (_r = (_q = config.features) == null ? void 0 : _q.showEventStreamToggle) != null ? _r : false;
+  let scrollToBottomFeature = (_t = (_s = config.features) == null ? void 0 : _s.scrollToBottom) != null ? _t : {};
+  const persistKeyPrefix = (_v = typeof config.persistState === "object" ? (_u = config.persistState) == null ? void 0 : _u.keyPrefix : void 0) != null ? _v : "persona-";
   const eventStreamDbName = `${persistKeyPrefix}event-stream`;
   let eventStreamStore = showEventStreamToggle ? new EventStreamStore(eventStreamDbName) : null;
-  const eventStreamMaxEvents = (_w = (_v = (_u = config.features) == null ? void 0 : _u.eventStream) == null ? void 0 : _v.maxEvents) != null ? _w : 2e3;
+  const eventStreamMaxEvents = (_y = (_x = (_w = config.features) == null ? void 0 : _w.eventStream) == null ? void 0 : _x.maxEvents) != null ? _y : 2e3;
   let eventStreamBuffer = showEventStreamToggle ? new EventStreamBuffer(eventStreamMaxEvents, eventStreamStore) : null;
   let eventStreamView = null;
   let eventStreamVisible = false;
@@ -14189,7 +15536,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       (_b2 = (_a2 = config.messageActions) == null ? void 0 : _a2.onFeedback) == null ? void 0 : _b2.call(_a2, feedback);
     }
   };
-  const statusConfig = (_x = config.statusIndicator) != null ? _x : {};
+  const statusConfig = (_z = config.statusIndicator) != null ? _z : {};
   const _getStatusText = (status) => {
     var _a2, _b2, _c2, _d2;
     if (status === "idle") return (_a2 = statusConfig.idleText) != null ? _a2 : statusCopy.idle;
@@ -14237,6 +15584,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     leftActions,
     rightActions
   } = panelElements;
+  let setSendButtonMode = panelElements.setSendButtonMode;
   let micButton = panelElements.micButton;
   let micButtonWrapper = panelElements.micButtonWrapper;
   let attachmentButton = panelElements.attachmentButton;
@@ -14369,7 +15717,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
   };
   let eventStreamToggleBtn = null;
   if (showEventStreamToggle) {
-    const esClassNames = (_z = (_y = config.features) == null ? void 0 : _y.eventStream) == null ? void 0 : _z.classNames;
+    const esClassNames = (_B = (_A = config.features) == null ? void 0 : _A.eventStream) == null ? void 0 : _B.classNames;
     const toggleBtnClasses = "persona-inline-flex persona-items-center persona-justify-center persona-rounded-full hover:persona-opacity-80 persona-cursor-pointer persona-border-none persona-bg-transparent persona-p-1" + ((esClassNames == null ? void 0 : esClassNames.toggleButton) ? " " + esClassNames.toggleButton : "");
     eventStreamToggleBtn = createElement("button", toggleBtnClasses);
     eventStreamToggleBtn.style.width = "28px";
@@ -14465,7 +15813,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
           config.agent = { ...config.agent, model: modelId };
         }
       },
-      onVoiceToggle: ((_A = config.voiceRecognition) == null ? void 0 : _A.enabled) === true ? () => {
+      onVoiceToggle: ((_C = config.voiceRecognition) == null ? void 0 : _C.enabled) === true ? () => {
         composerVoiceBridge == null ? void 0 : composerVoiceBridge();
       } : void 0
     });
@@ -14504,7 +15852,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
   };
   ensureComposerAttachmentSurface(footer);
   bindComposerRefsFromFooter(footer);
-  const contentMaxWidth = (_B = config.layout) == null ? void 0 : _B.contentMaxWidth;
+  const contentMaxWidth = (_D = config.layout) == null ? void 0 : _D.contentMaxWidth;
   if (contentMaxWidth && composerForm) {
     composerForm.style.maxWidth = contentMaxWidth;
     composerForm.style.marginLeft = "auto";
@@ -14520,7 +15868,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     attachmentPreviewsContainer.style.marginLeft = "auto";
     attachmentPreviewsContainer.style.marginRight = "auto";
   }
-  if (((_C = config.attachments) == null ? void 0 : _C.enabled) && attachmentInput && attachmentPreviewsContainer) {
+  if (((_E = config.attachments) == null ? void 0 : _E.enabled) && attachmentInput && attachmentPreviewsContainer) {
     attachmentManager = AttachmentManager.fromConfig(config.attachments);
     attachmentManager.setPreviewsContainer(attachmentPreviewsContainer);
     attachmentInput.addEventListener("change", (e) => {
@@ -14832,6 +16180,300 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     event.preventDefault();
     target.click();
   });
+  const askUserOverlay = panelElements.composerOverlay;
+  const submitAskUserAnswer = (sheet, text, meta) => {
+    var _a2, _b2, _c2, _d2;
+    const trimmed = text.trim();
+    if (!trimmed || !sessionRef.current) return;
+    const toolCallId = (_a2 = sheet.getAttribute("data-tool-call-id")) != null ? _a2 : "";
+    const isFreeText = meta.source === "free-text";
+    mount.dispatchEvent(
+      new CustomEvent("persona:askUserQuestion:answered", {
+        detail: {
+          toolUseId: toolCallId,
+          answer: trimmed,
+          answers: meta.structured,
+          values: (_b2 = meta.values) != null ? _b2 : meta.source === "multi" ? trimmed.split(", ") : [trimmed],
+          isFreeText,
+          source: meta.source
+        },
+        bubbles: true,
+        composed: true
+      })
+    );
+    removeAskUserQuestionSheet(askUserOverlay, toolCallId);
+    const sourceMessage = sessionRef.current.getMessages().find((m) => {
+      var _a3;
+      return ((_a3 = m.toolCall) == null ? void 0 : _a3.id) === toolCallId;
+    });
+    if ((_c2 = sourceMessage == null ? void 0 : sourceMessage.agentMetadata) == null ? void 0 : _c2.awaitingLocalTool) {
+      sessionRef.current.resolveAskUserQuestion(sourceMessage, (_d2 = meta.structured) != null ? _d2 : trimmed);
+    } else {
+      sessionRef.current.sendMessage(trimmed);
+    }
+  };
+  const persistGroupedProgress = (sheet) => {
+    var _a2;
+    const session2 = sessionRef.current;
+    if (!session2) return;
+    const toolCallId = (_a2 = sheet.getAttribute("data-tool-call-id")) != null ? _a2 : "";
+    const sourceMessage = session2.getMessages().find((m) => {
+      var _a3;
+      return ((_a3 = m.toolCall) == null ? void 0 : _a3.id) === toolCallId;
+    });
+    if (!sourceMessage) return;
+    session2.persistAskUserQuestionProgress(sourceMessage, {
+      answers: buildStructuredAnswers(sheet, sourceMessage),
+      currentIndex: getCurrentIndex(sheet)
+    });
+  };
+  const stringifyStructured = (answers) => {
+    return Object.entries(answers).map(([q, v]) => `${q}: ${Array.isArray(v) ? v.join(", ") : v}`).join(" | ");
+  };
+  const maybeAutoAdvance = (sheet) => {
+    var _a2, _b2, _c2;
+    if (((_b2 = (_a2 = config.features) == null ? void 0 : _a2.askUserQuestion) == null ? void 0 : _b2.groupedAutoAdvance) === false) return;
+    const idx = getCurrentIndex(sheet);
+    const count = getQuestionCount(sheet);
+    if (idx >= count - 1) return;
+    const sourceMessage = (_c2 = sessionRef.current) == null ? void 0 : _c2.getMessages().find((m) => {
+      var _a3;
+      return ((_a3 = m.toolCall) == null ? void 0 : _a3.id) === sheet.getAttribute("data-tool-call-id");
+    });
+    if (!sourceMessage) return;
+    navigateToPage(sheet, sourceMessage, config, idx + 1);
+    persistGroupedProgress(sheet);
+  };
+  askUserOverlay.addEventListener("click", (event) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
+    const target = event.target;
+    const trigger = target.closest("[data-ask-user-action]");
+    if (!trigger) return;
+    const sheet = trigger.closest("[data-persona-ask-sheet-for]");
+    if (!sheet) return;
+    const action = trigger.getAttribute("data-ask-user-action");
+    event.preventDefault();
+    event.stopPropagation();
+    if (action === "dismiss") {
+      const toolCallId = (_a2 = sheet.getAttribute("data-tool-call-id")) != null ? _a2 : "";
+      mount.dispatchEvent(
+        new CustomEvent("persona:askUserQuestion:dismissed", {
+          detail: { toolUseId: toolCallId },
+          bubbles: true,
+          composed: true
+        })
+      );
+      removeAskUserQuestionSheet(askUserOverlay, toolCallId);
+      const sourceMessage = (_b2 = sessionRef.current) == null ? void 0 : _b2.getMessages().find((m) => {
+        var _a3;
+        return ((_a3 = m.toolCall) == null ? void 0 : _a3.id) === toolCallId;
+      });
+      if ((_c2 = sourceMessage == null ? void 0 : sourceMessage.agentMetadata) == null ? void 0 : _c2.awaitingLocalTool) {
+        (_d2 = sessionRef.current) == null ? void 0 : _d2.markAskUserQuestionResolved(sourceMessage);
+        (_e2 = sessionRef.current) == null ? void 0 : _e2.resolveAskUserQuestion(sourceMessage, "(dismissed)");
+      }
+      return;
+    }
+    if (action === "pick") {
+      const label = trigger.getAttribute("data-option-label");
+      if (!label) return;
+      const multiSelect = sheet.getAttribute("data-multi-select") === "true";
+      const grouped = isGroupedSheet(sheet);
+      if (grouped && multiSelect) {
+        const stored = readAnswersFromSheet(sheet)[getCurrentIndex(sheet)];
+        const set = new Set(Array.isArray(stored) ? stored : []);
+        if (set.has(label)) set.delete(label);
+        else set.add(label);
+        setCurrentAnswer(sheet, Array.from(set));
+        persistGroupedProgress(sheet);
+        return;
+      }
+      if (grouped) {
+        setCurrentAnswer(sheet, label);
+        persistGroupedProgress(sheet);
+        maybeAutoAdvance(sheet);
+        return;
+      }
+      if (multiSelect) {
+        const pressed = trigger.getAttribute("aria-pressed") === "true";
+        trigger.setAttribute("aria-pressed", pressed ? "false" : "true");
+        trigger.classList.toggle("persona-ask-pill-selected", !pressed);
+        const submitBtn = sheet.querySelector(
+          '[data-ask-user-action="submit-multi"]'
+        );
+        if (submitBtn) {
+          submitBtn.disabled = getSelectedLabels(sheet).length === 0;
+        }
+        return;
+      }
+      submitAskUserAnswer(sheet, label, { source: "pick", values: [label] });
+      return;
+    }
+    if (action === "submit-multi") {
+      const labels = getSelectedLabels(sheet);
+      if (labels.length === 0) return;
+      submitAskUserAnswer(sheet, labels.join(", "), {
+        source: "multi",
+        values: labels
+      });
+      return;
+    }
+    if (action === "open-free-text") {
+      const row = sheet.querySelector('[data-ask-free-text-row="true"]');
+      if (row) {
+        row.classList.remove("persona-hidden");
+        const input = row.querySelector('[data-ask-free-text-input="true"]');
+        input == null ? void 0 : input.focus();
+      }
+      return;
+    }
+    if (action === "focus-free-text") {
+      const input = sheet.querySelector('[data-ask-free-text-input="true"]');
+      input == null ? void 0 : input.focus();
+      return;
+    }
+    if (action === "submit-free-text") {
+      const input = sheet.querySelector('[data-ask-free-text-input="true"]');
+      const text = (_f2 = input == null ? void 0 : input.value) != null ? _f2 : "";
+      if (!text.trim()) return;
+      if (isGroupedSheet(sheet)) {
+        setCurrentAnswer(sheet, text.trim());
+        persistGroupedProgress(sheet);
+        maybeAutoAdvance(sheet);
+        return;
+      }
+      submitAskUserAnswer(sheet, text, { source: "free-text" });
+      return;
+    }
+    if (action === "next" || action === "back") {
+      if (!sessionRef.current) return;
+      const toolCallId = (_g2 = sheet.getAttribute("data-tool-call-id")) != null ? _g2 : "";
+      const sourceMessage = sessionRef.current.getMessages().find((m) => {
+        var _a3;
+        return ((_a3 = m.toolCall) == null ? void 0 : _a3.id) === toolCallId;
+      });
+      if (!sourceMessage) return;
+      const freeInput = sheet.querySelector('[data-ask-free-text-input="true"]');
+      const pending = (_i2 = (_h2 = freeInput == null ? void 0 : freeInput.value) == null ? void 0 : _h2.trim()) != null ? _i2 : "";
+      if (pending) {
+        const stored = readAnswersFromSheet(sheet)[getCurrentIndex(sheet)];
+        if (typeof stored !== "string" || stored !== pending) {
+          setCurrentAnswer(sheet, pending);
+        }
+      }
+      const direction = action === "next" ? 1 : -1;
+      const nextIdx = getCurrentIndex(sheet) + direction;
+      navigateToPage(sheet, sourceMessage, config, nextIdx);
+      persistGroupedProgress(sheet);
+      return;
+    }
+    if (action === "submit-all") {
+      if (!sessionRef.current) return;
+      const toolCallId = (_j2 = sheet.getAttribute("data-tool-call-id")) != null ? _j2 : "";
+      const sourceMessage = sessionRef.current.getMessages().find((m) => {
+        var _a3;
+        return ((_a3 = m.toolCall) == null ? void 0 : _a3.id) === toolCallId;
+      });
+      if (!sourceMessage) return;
+      const freeInput = sheet.querySelector('[data-ask-free-text-input="true"]');
+      const pending = (_l2 = (_k2 = freeInput == null ? void 0 : freeInput.value) == null ? void 0 : _k2.trim()) != null ? _l2 : "";
+      if (pending) setCurrentAnswer(sheet, pending);
+      const structured = buildStructuredAnswers(sheet, sourceMessage);
+      sessionRef.current.persistAskUserQuestionProgress(sourceMessage, {
+        answers: structured,
+        currentIndex: getCurrentIndex(sheet)
+      });
+      const summary = stringifyStructured(structured);
+      submitAskUserAnswer(sheet, summary || "(submitted)", {
+        source: "submit-all",
+        structured
+      });
+      return;
+    }
+    if (action === "skip") {
+      if (!sessionRef.current) return;
+      const toolCallId = (_m2 = sheet.getAttribute("data-tool-call-id")) != null ? _m2 : "";
+      const sourceMessage = sessionRef.current.getMessages().find((m) => {
+        var _a3;
+        return ((_a3 = m.toolCall) == null ? void 0 : _a3.id) === toolCallId;
+      });
+      if (!sourceMessage) return;
+      const grouped = isGroupedSheet(sheet);
+      const idx = getCurrentIndex(sheet);
+      const count = getQuestionCount(sheet);
+      const isFinal = idx >= count - 1;
+      if (!grouped) {
+        mount.dispatchEvent(
+          new CustomEvent("persona:askUserQuestion:dismissed", {
+            detail: { toolUseId: toolCallId },
+            bubbles: true,
+            composed: true
+          })
+        );
+        removeAskUserQuestionSheet(askUserOverlay, toolCallId);
+        if ((_n2 = sourceMessage.agentMetadata) == null ? void 0 : _n2.awaitingLocalTool) {
+          sessionRef.current.markAskUserQuestionResolved(sourceMessage);
+          sessionRef.current.resolveAskUserQuestion(sourceMessage, "(dismissed)");
+        }
+        return;
+      }
+      setCurrentAnswer(sheet, "");
+      const freeInput = sheet.querySelector('[data-ask-free-text-input="true"]');
+      if (freeInput) freeInput.value = "";
+      if (isFinal) {
+        const structured = buildStructuredAnswers(sheet, sourceMessage);
+        const summary = stringifyStructured(structured);
+        submitAskUserAnswer(sheet, summary || "(skipped)", {
+          source: "submit-all",
+          structured
+        });
+        return;
+      }
+      navigateToPage(sheet, sourceMessage, config, idx + 1);
+      persistGroupedProgress(sheet);
+      return;
+    }
+  });
+  askUserOverlay.addEventListener("keydown", (event) => {
+    var _a2;
+    if (event.key !== "Enter") return;
+    const target = event.target;
+    const input = target;
+    if (!((_a2 = input.matches) == null ? void 0 : _a2.call(input, '[data-ask-free-text-input="true"]'))) return;
+    const sheet = input.closest("[data-persona-ask-sheet-for]");
+    if (!sheet) return;
+    event.preventDefault();
+    const text = input.value;
+    if (!text.trim()) return;
+    if (isGroupedSheet(sheet)) {
+      setCurrentAnswer(sheet, text.trim());
+      persistGroupedProgress(sheet);
+      maybeAutoAdvance(sheet);
+      return;
+    }
+    submitAskUserAnswer(sheet, text, { source: "free-text" });
+  });
+  const handleAskUserDigitKey = (event) => {
+    if (!/^[1-9]$/.test(event.key)) return;
+    if (event.metaKey || event.ctrlKey || event.altKey) return;
+    const target = event.target;
+    if ((target == null ? void 0 : target.tagName) === "INPUT" || (target == null ? void 0 : target.tagName) === "TEXTAREA" || (target == null ? void 0 : target.isContentEditable)) {
+      return;
+    }
+    const sheet = askUserOverlay.querySelector("[data-persona-ask-sheet-for]");
+    if (!sheet) return;
+    if (sheet.getAttribute("data-ask-layout") !== "rows") return;
+    if (sheet.getAttribute("data-multi-select") === "true") return;
+    const n = Number(event.key);
+    const pills = sheet.querySelectorAll(
+      '[data-ask-pill-list="true"] [data-ask-user-action="pick"], [data-ask-pill-list="true"] [data-ask-user-action="focus-free-text"]'
+    );
+    const target_pill = pills[n - 1];
+    if (!target_pill) return;
+    event.preventDefault();
+    target_pill.click();
+  };
+  document.addEventListener("keydown", handleAskUserDigitKey);
   let artifactSplitRoot = null;
   let artifactResizeHandle = null;
   let artifactResizeUnbind = null;
@@ -15069,12 +16711,24 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     const panelBorder = resolvePanelChrome(panelPartial == null ? void 0 : panelPartial.border, defaultPanelBorder);
     const panelShadow = resolvePanelChrome(panelPartial == null ? void 0 : panelPartial.shadow, defaultPanelShadow);
     const panelBorderRadius = resolvePanelChrome(panelPartial == null ? void 0 : panelPartial.borderRadius, defaultPanelBorderRadius);
+    const prevBodyScrollTop = body.scrollTop;
     mount.style.cssText = "";
     wrapper.style.cssText = "";
     panel.style.cssText = "";
     container.style.cssText = "";
     body.style.cssText = "";
     footer.style.cssText = "";
+    const restoreBodyScrollTop = () => {
+      var _a3;
+      if (prevBodyScrollTop <= 0) return;
+      const ownerWindow3 = (_a3 = body.ownerDocument.defaultView) != null ? _a3 : window;
+      ownerWindow3.requestAnimationFrame(() => {
+        if (body.scrollTop === prevBodyScrollTop) return;
+        const maxScrollTop = body.scrollHeight - body.clientHeight;
+        if (maxScrollTop <= 0) return;
+        body.scrollTop = Math.min(prevBodyScrollTop, maxScrollTop);
+      });
+    };
     if (shouldGoFullscreen) {
       wrapper.classList.remove(
         "persona-bottom-6",
@@ -15130,6 +16784,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       body.style.overflowY = "auto";
       footer.style.flexShrink = "0";
       wasMobileFullscreen = true;
+      restoreBodyScrollTop();
       return;
     }
     const launcherWidth = (_r2 = (_q2 = config == null ? void 0 : config.launcher) == null ? void 0 : _q2.width) != null ? _r2 : config == null ? void 0 : config.launcherWidth;
@@ -15272,12 +16927,16 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       const zIndexStyles = !sidebarMode ? `z-index: ${(_w2 = (_v2 = config.launcher) == null ? void 0 : _v2.zIndex) != null ? _w2 : DEFAULT_OVERLAY_Z_INDEX} !important;` : "";
       wrapper.style.cssText += maxHeightStyles + paddingStyles + zIndexStyles;
     }
+    restoreBodyScrollTop();
   };
   applyFullHeightStyles();
   applyThemeVariables(mount, config);
   applyArtifactLayoutCssVars(mount, config);
   applyArtifactPaneAppearance(mount, config);
   const destroyCallbacks = [];
+  destroyCallbacks.push(() => {
+    document.removeEventListener("keydown", handleAskUserDigitKey);
+  });
   let teardownHostStacking = null;
   let releaseScrollLock = null;
   destroyCallbacks.push(() => {
@@ -15335,11 +16994,23 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       cleanupThemeObserver = null;
     }
   });
+  const streamAnimationConfig = (_F = config.features) == null ? void 0 : _F.streamAnimation;
+  if ((streamAnimationConfig == null ? void 0 : streamAnimationConfig.type) && streamAnimationConfig.type !== "none") {
+    const plugin = resolveStreamAnimationPlugin(
+      streamAnimationConfig.type,
+      streamAnimationConfig.plugins
+    );
+    if (plugin) {
+      ensurePluginActive(plugin, mount);
+      destroyCallbacks.push(() => detachAllPlugins(mount));
+    }
+  }
   const suggestionsManager = createSuggestions(suggestions);
   let closeHandler = null;
   let session;
   let isStreaming = false;
   const messageCache = createMessageCache();
+  const lastAskBubbleFingerprint = /* @__PURE__ */ new Map();
   let configVersion = 0;
   const autoFollow = createFollowStateController();
   let lastScrollTop = 0;
@@ -15356,7 +17027,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     lastUserMessageWasVoice: false,
     lastUserMessageId: null
   };
-  const voiceAutoResumeMode = (_E = (_D = config.voiceRecognition) == null ? void 0 : _D.autoResume) != null ? _E : false;
+  const voiceAutoResumeMode = (_H = (_G = config.voiceRecognition) == null ? void 0 : _G.autoResume) != null ? _H : false;
   const emitVoiceState = (source) => {
     eventBus.emit("voice:state", {
       active: voiceState.active,
@@ -15405,7 +17076,9 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     const messages = messagesOverride ? stripStreamingFromMessages(messagesOverride) : session ? getMessagesForPersistence() : [];
     const payload = {
       messages,
-      metadata: persistentMetadata
+      metadata: persistentMetadata,
+      artifacts: lastArtifactsState.artifacts,
+      selectedArtifactId: lastArtifactsState.selectedId
     };
     try {
       const result = storageAdapter.save(payload);
@@ -15582,13 +17255,22 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       return true;
     };
     const activeMessageIds = /* @__PURE__ */ new Set();
+    const liveAskToolIds = /* @__PURE__ */ new Set();
+    const hasAskPlugin = plugins.some((p) => p.renderAskUserQuestion);
+    const askPluginHydrate = [];
     messages.forEach((message) => {
-      var _a3, _b3;
+      var _a3, _b3, _c3, _d3, _e3, _f3, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2;
       activeMessageIds.add(message.id);
-      const fingerprint = computeMessageFingerprint(message, configVersion);
-      const cachedWrapper = getCachedWrapper(messageCache, message.id, fingerprint);
+      const askWithPlugin = hasAskPlugin && isAskUserQuestionMessage(message);
+      const askMeta = isAskUserQuestionMessage(message) ? `:${((_a3 = message.agentMetadata) == null ? void 0 : _a3.askUserQuestionAnswered) ? "a" : "u"}:${((_b3 = message.agentMetadata) == null ? void 0 : _b3.askUserQuestionAnswers) ? Object.keys(message.agentMetadata.askUserQuestionAnswers).length : 0}` : "";
+      const fingerprint = computeMessageFingerprint(message, configVersion) + askMeta;
+      const cachedWrapper = askWithPlugin ? null : getCachedWrapper(messageCache, message.id, fingerprint);
       if (cachedWrapper) {
         tempContainer.appendChild(cachedWrapper.cloneNode(true));
+        if (isAskUserQuestionMessage(message) && ((_c3 = message.toolCall) == null ? void 0 : _c3.id) && ((_d3 = message.agentMetadata) == null ? void 0 : _d3.awaitingLocalTool) === true && !((_e3 = message.agentMetadata) == null ? void 0 : _e3.askUserQuestionAnswered)) {
+          liveAskToolIds.add(message.toolCall.id);
+          ensureAskUserQuestionSheet(message, config, panelElements.composerOverlay);
+        }
         return;
       }
       let bubble = null;
@@ -15607,8 +17289,75 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
         }
         return false;
       });
-      const messageLayoutConfig = (_a3 = config.layout) == null ? void 0 : _a3.messages;
-      if (matchingPlugin) {
+      const messageLayoutConfig = (_f3 = config.layout) == null ? void 0 : _f3.messages;
+      if (isAskUserQuestionMessage(message) && ((_g2 = message.agentMetadata) == null ? void 0 : _g2.askUserQuestionAnswered) === true) {
+        lastAskBubbleFingerprint.delete(message.id);
+        const existing = container2.querySelector(`#wrapper-${message.id}`);
+        existing == null ? void 0 : existing.removeAttribute("data-preserve-runtime");
+        return;
+      }
+      if (isAskUserQuestionMessage(message) && ((_i2 = (_h2 = config.features) == null ? void 0 : _h2.askUserQuestion) == null ? void 0 : _i2.enabled) !== false) {
+        const askPlugin = plugins.find((p) => typeof p.renderAskUserQuestion === "function");
+        if (askPlugin && sessionRef.current) {
+          const lastFp = lastAskBubbleFingerprint.get(message.id);
+          const needsRebuild = lastFp !== fingerprint;
+          let pluginBubble = null;
+          if (needsRebuild) {
+            const { payload, complete } = parseAskUserQuestionPayload(message);
+            const messageId = message.id;
+            const liveMessage = () => {
+              var _a4;
+              return (_a4 = sessionRef.current) == null ? void 0 : _a4.getMessages().find((m) => m.id === messageId);
+            };
+            pluginBubble = askPlugin.renderAskUserQuestion({
+              message,
+              payload,
+              complete,
+              resolve: (answer) => {
+                var _a4;
+                const live = liveMessage();
+                if (live) (_a4 = sessionRef.current) == null ? void 0 : _a4.resolveAskUserQuestion(live, answer);
+              },
+              dismiss: () => {
+                var _a4, _b4, _c4;
+                const live = liveMessage();
+                if ((_a4 = live == null ? void 0 : live.agentMetadata) == null ? void 0 : _a4.awaitingLocalTool) {
+                  (_b4 = sessionRef.current) == null ? void 0 : _b4.markAskUserQuestionResolved(live);
+                  (_c4 = sessionRef.current) == null ? void 0 : _c4.resolveAskUserQuestion(live, "(dismissed)");
+                }
+              },
+              config
+            });
+          }
+          const previouslyMounted = lastFp != null;
+          if (needsRebuild && pluginBubble === null && !previouslyMounted) {
+            if (((_j2 = message.agentMetadata) == null ? void 0 : _j2.awaitingLocalTool) === true && !((_k2 = message.agentMetadata) == null ? void 0 : _k2.askUserQuestionAnswered)) {
+              liveAskToolIds.add(message.toolCall.id);
+              ensureAskUserQuestionSheet(message, config, panelElements.composerOverlay);
+            }
+            return;
+          }
+          const stub = document.createElement("div");
+          stub.className = "persona-flex";
+          stub.id = `wrapper-${message.id}`;
+          stub.setAttribute("data-wrapper-id", message.id);
+          stub.setAttribute("data-ask-plugin-stub", "true");
+          stub.setAttribute("data-preserve-runtime", "true");
+          tempContainer.appendChild(stub);
+          askPluginHydrate.push({
+            messageId: message.id,
+            fingerprint,
+            bubble: pluginBubble
+          });
+          return;
+        } else {
+          if (((_l2 = message.agentMetadata) == null ? void 0 : _l2.awaitingLocalTool) === true && !((_m2 = message.agentMetadata) == null ? void 0 : _m2.askUserQuestionAnswered)) {
+            liveAskToolIds.add(message.toolCall.id);
+            ensureAskUserQuestionSheet(message, config, panelElements.composerOverlay);
+          }
+          return;
+        }
+      } else if (matchingPlugin) {
         if (message.variant === "reasoning" && message.reasoning && matchingPlugin.renderReasoning) {
           if (!showReasoning) return;
           bubble = matchingPlugin.renderReasoning({
@@ -15727,7 +17476,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
           if (config.approval === false) return;
           bubble = createApprovalBubble(message, config);
         } else {
-          const messageLayoutConfig2 = (_b3 = config.layout) == null ? void 0 : _b3.messages;
+          const messageLayoutConfig2 = (_n2 = config.layout) == null ? void 0 : _n2.messages;
           if ((messageLayoutConfig2 == null ? void 0 : messageLayoutConfig2.renderUserMessage) && message.role === "user") {
             bubble = messageLayoutConfig2.renderUserMessage({
               message,
@@ -15772,6 +17521,17 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       setCachedWrapper(messageCache, message.id, fingerprint, wrapper2);
       tempContainer.appendChild(wrapper2);
     });
+    if (panelElements.composerOverlay) {
+      const sheets = panelElements.composerOverlay.querySelectorAll(
+        "[data-persona-ask-sheet-for]"
+      );
+      sheets.forEach((sheet) => {
+        const id = sheet.getAttribute("data-persona-ask-sheet-for");
+        if (id && !liveAskToolIds.has(id)) {
+          removeAskUserQuestionSheet(panelElements.composerOverlay, id);
+        }
+      });
+    }
     if ((_b2 = (_a2 = config.features) == null ? void 0 : _a2.toolCallDisplay) == null ? void 0 : _b2.grouped) {
       const toolGroups = [];
       let currentGroup = [];
@@ -15936,6 +17696,23 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       }
     }
     morphMessages(container2, tempContainer);
+    if (askPluginHydrate.length > 0) {
+      for (const { messageId, fingerprint, bubble } of askPluginHydrate) {
+        const wrapper2 = container2.querySelector(`#wrapper-${messageId}`);
+        if (!wrapper2) continue;
+        if (bubble === null) {
+          continue;
+        }
+        wrapper2.replaceChildren(bubble);
+        wrapper2.setAttribute("data-bubble-fp", fingerprint);
+        lastAskBubbleFingerprint.set(messageId, fingerprint);
+      }
+    }
+    if (lastAskBubbleFingerprint.size > 0) {
+      for (const id of lastAskBubbleFingerprint.keys()) {
+        if (!activeMessageIds.has(id)) lastAskBubbleFingerprint.delete(id);
+      }
+    }
   };
   const renderMessagesWithPlugins = renderMessagesWithPluginsImpl;
   const updateOpenState = () => {
@@ -16044,7 +17821,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     });
   };
   const setComposerDisabled = (disabled) => {
-    sendButton.disabled = disabled;
+    setSendButtonMode(disabled ? "stop" : "send");
     if (micButton) {
       micButton.disabled = disabled;
     }
@@ -16084,7 +17861,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       }
     }
     const useIcon = (_i2 = (_h2 = config.sendButton) == null ? void 0 : _h2.useIcon) != null ? _i2 : false;
-    if (!useIcon) {
+    if (!useIcon && !(session == null ? void 0 : session.isStreaming())) {
       sendButton.textContent = (_k2 = (_j2 = config.copy) == null ? void 0 : _j2.sendButtonLabel) != null ? _k2 : "Send";
     }
     textarea.style.fontFamily = 'var(--persona-input-font-family, var(--persona-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif))';
@@ -16200,10 +17977,11 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     onArtifactsState(state) {
       lastArtifactsState = state;
       syncArtifactPane();
+      persistState();
     }
   });
   sessionRef.current = session;
-  if (((_G = (_F = config.voiceRecognition) == null ? void 0 : _F.provider) == null ? void 0 : _G.type) === "runtype") {
+  if (((_J = (_I = config.voiceRecognition) == null ? void 0 : _I.provider) == null ? void 0 : _J.type) === "runtype") {
     try {
       session.setupVoice();
     } catch (err) {
@@ -16233,7 +18011,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
   }
   if (pendingStoredState) {
     pendingStoredState.then((state) => {
-      var _a2;
+      var _a2, _b2, _c2;
       if (!state) return;
       if (state.metadata) {
         persistentMetadata = ensureRecord(state.metadata);
@@ -16242,6 +18020,12 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       if ((_a2 = state.messages) == null ? void 0 : _a2.length) {
         session.hydrateMessages(state.messages);
       }
+      if ((_b2 = state.artifacts) == null ? void 0 : _b2.length) {
+        session.hydrateArtifacts(
+          state.artifacts,
+          (_c2 = state.selectedArtifactId) != null ? _c2 : null
+        );
+      }
     }).catch((error) => {
       if (typeof console !== "undefined") {
         console.error("[AgentWidget] Failed to hydrate stored state:", error);
@@ -16251,6 +18035,10 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
   const handleSubmit = (event) => {
     var _a2;
     event.preventDefault();
+    if (session.isStreaming()) {
+      session.cancel();
+      return;
+    }
     const value = textarea.value.trim();
     const hasAttachments = (_a2 = attachmentManager == null ? void 0 : attachmentManager.hasAttachments()) != null ? _a2 : false;
     if (!value && !hasAttachments) return;
@@ -16805,7 +18593,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     }
   };
   recalcPanelHeight();
-  const ownerWindow = (_H = mount.ownerDocument.defaultView) != null ? _H : window;
+  const ownerWindow = (_K = mount.ownerDocument.defaultView) != null ? _K : window;
   ownerWindow.addEventListener("resize", recalcPanelHeight);
   destroyCallbacks.push(() => ownerWindow.removeEventListener("resize", recalcPanelHeight));
   if (typeof ResizeObserver !== "undefined") {
@@ -16816,15 +18604,19 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     destroyCallbacks.push(() => footerResizeObserver.disconnect());
   }
   lastScrollTop = body.scrollTop;
+  let lastScrollHeight = body.scrollHeight;
   const handleScroll = () => {
     const scrollTop = body.scrollTop;
+    const currentScrollHeight = body.scrollHeight;
+    const scrollHeightShrank = currentScrollHeight < lastScrollHeight;
+    lastScrollHeight = currentScrollHeight;
     const { action, nextLastScrollTop } = resolveFollowStateFromScroll({
       following: autoFollow.isFollowing(),
       currentScrollTop: scrollTop,
       lastScrollTop,
       nearBottom: isElementNearBottom(body, BOTTOM_THRESHOLD),
       userScrollThreshold: USER_SCROLL_THRESHOLD,
-      isAutoScrolling: isAutoScrolling || hasPendingAutoScroll,
+      isAutoScrolling: isAutoScrolling || hasPendingAutoScroll || scrollHeightShrank,
       pauseOnUpwardScroll: true,
       pauseWhenAwayFromBottom: false,
       resumeRequiresDownwardScroll: true
@@ -16889,6 +18681,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       session.clearMessages();
       messageCache.clear();
       resumeAutoScroll();
+      removeAskUserQuestionSheet(panelElements.composerOverlay);
       try {
         localStorage.removeItem(DEFAULT_CHAT_HISTORY_STORAGE_KEY);
         if (config.debug) {
@@ -17024,7 +18817,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
   }
   const controller = {
     update(nextConfig) {
-      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2, _x2, _y2, _z2, _A2, _B2, _C2, _D2, _E2, _F2, _G2, _H2, _I2, _J2, _K2, _L2, _M2, _N2, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab;
+      var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2, _p2, _q2, _r2, _s2, _t2, _u2, _v2, _w2, _x2, _y2, _z2, _A2, _B2, _C2, _D2, _E2, _F2, _G2, _H2, _I2, _J2, _K2, _L2, _M2, _N2, _O2, _P2, _Q2, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa, _ga, _ha, _ia, _ja, _ka, _la, _ma, _na, _oa, _pa, _qa, _ra, _sa, _ta, _ua, _va, _wa, _xa, _ya, _za, _Aa, _Ba, _Ca, _Da, _Ea, _Fa, _Ga, _Ha, _Ia, _Ja, _Ka, _La, _Ma, _Na, _Oa, _Pa, _Qa, _Ra, _Sa, _Ta, _Ua, _Va, _Wa, _Xa, _Ya, _Za, __a, _$a, _ab;
       const previousToolCallConfig = config.toolCall;
       const previousMessageActions = config.messageActions;
       const previousLayoutMessages = (_a2 = config.layout) == null ? void 0 : _a2.messages;
@@ -17235,10 +19028,10 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       }
       const launcher = (_L2 = config.launcher) != null ? _L2 : {};
       const headerIconHidden = (_M2 = launcher.headerIconHidden) != null ? _M2 : false;
-      const layoutShowIcon = (_O = (_N2 = config.layout) == null ? void 0 : _N2.header) == null ? void 0 : _O.showIcon;
+      const layoutShowIcon = (_O2 = (_N2 = config.layout) == null ? void 0 : _N2.header) == null ? void 0 : _O2.showIcon;
       const shouldHideIcon = headerIconHidden || layoutShowIcon === false;
       const headerIconName = launcher.headerIconName;
-      const headerIconSize = (_P = launcher.headerIconSize) != null ? _P : "48px";
+      const headerIconSize = (_P2 = launcher.headerIconSize) != null ? _P2 : "48px";
       if (iconHolder) {
         const headerEl = container.querySelector(".persona-border-b-persona-divider");
         const headerCopy = headerEl == null ? void 0 : headerEl.querySelector(".persona-flex-col");
@@ -17265,7 +19058,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
             if (iconSvg) {
               iconHolder.replaceChildren(iconSvg);
             } else {
-              iconHolder.textContent = (_Q = launcher.agentIconText) != null ? _Q : "\u{1F4AC}";
+              iconHolder.textContent = (_Q2 = launcher.agentIconText) != null ? _Q2 : "\u{1F4AC}";
             }
           } else if (launcher.iconUrl) {
             const img2 = iconHolder.querySelector("img");
@@ -18189,6 +19982,14 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       if (!artifactsSidebarEnabled(config)) return;
       session.clearArtifacts();
     },
+    getArtifacts() {
+      var _a2;
+      return (_a2 = session == null ? void 0 : session.getArtifacts()) != null ? _a2 : [];
+    },
+    getSelectedArtifactId() {
+      var _a2;
+      return (_a2 = session == null ? void 0 : session.getSelectedArtifactId()) != null ? _a2 : null;
+    },
     focusInput() {
       if (launcherEnabled && !open) return false;
       if (!textarea) return false;
@@ -18306,7 +20107,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       }
     }
   };
-  const shouldExposeDebugApi = ((_I = runtimeOptions == null ? void 0 : runtimeOptions.debugTools) != null ? _I : false) || Boolean(config.debug);
+  const shouldExposeDebugApi = ((_L = runtimeOptions == null ? void 0 : runtimeOptions.debugTools) != null ? _L : false) || Boolean(config.debug);
   if (shouldExposeDebugApi && typeof window !== "undefined") {
     const previousDebug = window.AgentWidgetBrowser;
     const debugApi = {
@@ -18409,9 +20210,9 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     const voiceKey = `${persistConfig.keyPrefix}widget-voice`;
     const voiceModeKey = `${persistConfig.keyPrefix}widget-voice-mode`;
     if (storage) {
-      const wasOpen = ((_J = persistConfig.persist) == null ? void 0 : _J.openState) && storage.getItem(openKey) === "true";
-      const wasVoiceActive = ((_K = persistConfig.persist) == null ? void 0 : _K.voiceState) && storage.getItem(voiceKey) === "true";
-      const wasInVoiceMode = ((_L = persistConfig.persist) == null ? void 0 : _L.voiceState) && storage.getItem(voiceModeKey) === "true";
+      const wasOpen = ((_M = persistConfig.persist) == null ? void 0 : _M.openState) && storage.getItem(openKey) === "true";
+      const wasVoiceActive = ((_N = persistConfig.persist) == null ? void 0 : _N.voiceState) && storage.getItem(voiceKey) === "true";
+      const wasInVoiceMode = ((_O = persistConfig.persist) == null ? void 0 : _O.voiceState) && storage.getItem(voiceModeKey) === "true";
       if (wasOpen) {
         setTimeout(() => {
           controller.open();
@@ -18428,7 +20229,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
           }, 100);
         }, 0);
       }
-      if ((_M = persistConfig.persist) == null ? void 0 : _M.openState) {
+      if ((_P = persistConfig.persist) == null ? void 0 : _P.openState) {
         eventBus.on("widget:opened", () => {
           storage.setItem(openKey, "true");
         });
@@ -18436,7 +20237,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
           storage.setItem(openKey, "false");
         });
       }
-      if ((_N = persistConfig.persist) == null ? void 0 : _N.voiceState) {
+      if ((_Q = persistConfig.persist) == null ? void 0 : _Q.voiceState) {
         eventBus.on("voice:state", (event) => {
           storage.setItem(voiceKey, event.active ? "true" : "false");
         });
@@ -19010,6 +20811,9 @@ function buildSrcdoc(mountId, shellMode, docked, widgetCssPath) {
 var PREVIEW_TRANSCRIPT_PRESET_LABELS = {
   "user-message": "User message",
   "assistant-message": "Assistant message",
+  "assistant-code-block": "Assistant \u2014 code block",
+  "assistant-markdown-table": "Assistant \u2014 markdown table",
+  "assistant-image": "Assistant \u2014 image",
   "reasoning-streaming": "Reasoning (streaming)",
   "reasoning-complete": "Reasoning (complete)",
   "tool-running": "Tool call (running)",
@@ -19036,6 +20840,56 @@ function createPreviewTranscriptEntry(preset, index = 0) {
         content: "Absolutely. I can keep going and explain what happens next.",
         createdAt
       };
+    case "assistant-code-block":
+      return {
+        id: `preview-seq-assistant-code-${suffix}`,
+        role: "assistant",
+        content: [
+          "Here's how you'd wire up a streaming animation:",
+          "",
+          "```ts",
+          "import { createAgentExperience } from '@runtypelabs/persona';",
+          "",
+          "createAgentExperience(el, {",
+          "  features: {",
+          '    streamAnimation: { type: "letter-rise", speed: 120 },',
+          "  },",
+          "});",
+          "```",
+          "",
+          "Swap the `type` value to try the other presets."
+        ].join("\n"),
+        createdAt
+      };
+    case "assistant-markdown-table":
+      return {
+        id: `preview-seq-assistant-table-${suffix}`,
+        role: "assistant",
+        content: [
+          "Here are the built-in streaming animations at a glance:",
+          "",
+          "| Preset       | Wrap unit | Best for                    |",
+          "| ------------ | --------- | --------------------------- |",
+          "| Typewriter   | Character | Classic terminal feel       |",
+          "| Letter rise  | Character | Soft, staggered entrance    |",
+          "| Word fade    | Word      | Longer-form assistant replies |",
+          "| Pop bubble   | Bubble    | Short, punchy affirmations  |"
+        ].join("\n"),
+        createdAt
+      };
+    case "assistant-image":
+      return {
+        id: `preview-seq-assistant-image-${suffix}`,
+        role: "assistant",
+        content: [
+          "Here's the reference diagram you asked for \u2014 let me know if you'd like a different view:",
+          "",
+          "![Stream animation reference](https://placehold.co/320x200/png?text=Stream+Animation)",
+          "",
+          "The gradient shows how per-unit delays stagger across the reply."
+        ].join("\n"),
+        createdAt
+      };
     case "reasoning-streaming":
       return {
         id: `preview-seq-reasoning-stream-${suffix}`,
@@ -19103,6 +20957,38 @@ function createPreviewTranscriptEntry(preset, index = 0) {
 function appendPreviewTranscriptEntry(messages, preset) {
   return [...messages, createPreviewTranscriptEntry(preset, messages.length)];
 }
+function presetStreamsText(preset) {
+  return preset === "assistant-message" || preset === "assistant-code-block" || preset === "assistant-markdown-table" || preset === "assistant-image";
+}
+function buildTranscriptStreamFrames(preset, suffix, options) {
+  var _a, _b;
+  const completed = createPreviewTranscriptEntry(preset, suffix);
+  if (!presetStreamsText(preset) || typeof completed.content !== "string") {
+    return [{ message: completed, delayMs: 0, done: true }];
+  }
+  const chunkSize = Math.max(1, (_a = options == null ? void 0 : options.chunkSize) != null ? _a : 24);
+  const delayMs = Math.max(0, (_b = options == null ? void 0 : options.delayMs) != null ? _b : 42);
+  const fullText = completed.content;
+  const frames = [];
+  frames.push({
+    message: { ...completed, content: "", streaming: true },
+    delayMs: 0,
+    done: false
+  });
+  for (let i = chunkSize; i < fullText.length; i += chunkSize) {
+    frames.push({
+      message: { ...completed, content: fullText.slice(0, i), streaming: true },
+      delayMs,
+      done: false
+    });
+  }
+  frames.push({
+    message: { ...completed, content: fullText, streaming: false },
+    delayMs,
+    done: true
+  });
+  return frames;
+}
 var createAdvancedTranscriptPreviewMessages = () => [
   {
     id: "preview-adv-1",
@@ -19553,6 +21439,7 @@ function createThemePreview(container, initialOptions) {
   buildPreviewConfigWithMessages,
   buildShellCss,
   buildSrcdoc,
+  buildTranscriptStreamFrames,
   convertFromPx,
   convertToPx,
   createPreviewMessages,
@@ -19572,6 +21459,7 @@ function createThemePreview(container, initialOptions) {
   normalizeColorValue,
   paletteColorPath,
   parseCssValue,
+  presetStreamsText,
   resolveRoleAssignment,
   resolveThemeColorPath,
   scopeSection,