@runtypelabs/persona 3.17.0 → 3.18.0

package/dist/theme-editor.cjs

@@ -255,6 +255,13 @@ var DEFAULT_WIDGET_CONFIG = {
       placeholder: "none",
       speed: 120,
       duration: 1800
+    },
+    askUserQuestion: {
+      enabled: true,
+      slideInMs: 180,
+      freeTextLabel: "Other\u2026",
+      freeTextPlaceholder: "Type your answer\u2026",
+      submitLabel: "Send"
     }
   },
   suggestionChips: [
@@ -357,13 +364,15 @@ function mergeWithDefaults(config) {
       ...config.voiceRecognition
     },
     features: (() => {
-      var _a2, _b2, _c2, _d2, _e2, _f2;
+      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,
@@ -380,12 +389,21 @@ function mergeWithDefaults(config) {
         ...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 } : {},
-        ...mergedStreamAnimation !== void 0 ? { streamAnimation: mergedStreamAnimation } : {}
+        ...mergedStreamAnimation !== void 0 ? { streamAnimation: mergedStreamAnimation } : {},
+        ...mergedAskUserQuestion !== void 0 ? { askUserQuestion: mergedAskUserQuestion } : {}
       };
     })(),
     suggestionChips: (_e = config.suggestionChips) != null ? _e : DEFAULT_WIDGET_CONFIG.suggestionChips,
@@ -736,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"
   },
@@ -1012,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)) {
@@ -1076,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"];
@@ -1113,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) {
@@ -1172,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;
@@ -1208,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;
     }
   }
@@ -4345,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");
@@ -4906,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, _vb;
+      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;
@@ -5078,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;
@@ -5097,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;
@@ -5117,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}`;
@@ -5144,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;
@@ -5170,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());
@@ -5227,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);
@@ -5241,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);
@@ -5273,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;
                   }
                 }
               }
@@ -5285,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(() => {
                     });
@@ -5307,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(
@@ -5338,7 +5421,7 @@ 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;
@@ -5352,7 +5435,7 @@ 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) {
@@ -5405,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;
@@ -5429,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(() => {
                   });
@@ -5447,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;
@@ -5514,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") {
@@ -5538,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,
@@ -5547,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,
@@ -5562,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);
               }
             }
@@ -5579,10 +5662,10 @@ 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);
@@ -5591,17 +5674,17 @@ var AgentWidgetClient = class {
           const turnStopReason = payload.stopReason;
           if (turnStopReason && assistantMessage !== null) {
             const turnId = payload.turnId;
-            const matchesTurn = !turnId || ((_Ha = assistantMessage.agentMetadata) == null ? void 0 : _Ha.turnId) === 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 = (_Ia = payload.toolCallId) != null ? _Ia : `agent-tool-${nextSequence()}`;
+          const toolId = (_Qa = payload.toolCallId) != null ? _Qa : `agent-tool-${nextSequence()}`;
           trackToolId(getToolCallKey(payload), toolId);
           const toolMessage = ensureToolMessage(toolId);
-          const tool = (_Ja = toolMessage.toolCall) != null ? _Ja : {
+          const tool = (_Ra = toolMessage.toolCall) != null ? _Ra : {
             id: toolId,
             status: "pending",
             name: void 0,
@@ -5613,12 +5696,12 @@ var AgentWidgetClient = class {
             completedAt: void 0,
             durationMs: void 0
           };
-          tool.name = (_La = (_Ka = payload.toolName) != null ? _Ka : payload.name) != null ? _La : 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((_Ma = payload.startedAt) != null ? _Ma : payload.timestamp);
+          tool.startedAt = resolveTimestamp((_Ua = payload.startedAt) != null ? _Ua : payload.timestamp);
           toolMessage.toolCall = tool;
           toolMessage.streaming = true;
           toolMessage.agentMetadata = {
@@ -5627,21 +5710,21 @@ var AgentWidgetClient = class {
           };
           emitMessage(toolMessage);
         } else if (payloadType === "agent_tool_delta") {
-          const toolId = (_Na = payload.toolCallId) != null ? _Na : toolContext.lastId;
+          const toolId = (_Va = payload.toolCallId) != null ? _Va : toolContext.lastId;
           if (toolId) {
-            const toolMessage = (_Oa = toolMessages.get(toolId)) != null ? _Oa : ensureToolMessage(toolId);
+            const toolMessage = (_Wa = toolMessages.get(toolId)) != null ? _Wa : ensureToolMessage(toolId);
             if (toolMessage.toolCall) {
-              toolMessage.toolCall.chunks = (_Pa = toolMessage.toolCall.chunks) != null ? _Pa : [];
-              toolMessage.toolCall.chunks.push((_Qa = payload.delta) != null ? _Qa : "");
+              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 = (_Ra = payload.toolCallId) != null ? _Ra : toolContext.lastId;
+          const toolId = (_Za = payload.toolCallId) != null ? _Za : toolContext.lastId;
           if (toolId) {
-            const toolMessage = (_Sa = toolMessages.get(toolId)) != null ? _Sa : ensureToolMessage(toolId);
+            const toolMessage = (__a = toolMessages.get(toolId)) != null ? __a : ensureToolMessage(toolId);
             if (toolMessage.toolCall) {
               toolMessage.toolCall.status = "complete";
               if (payload.result !== void 0) {
@@ -5650,7 +5733,7 @@ var AgentWidgetClient = class {
               if (typeof payload.executionTime === "number") {
                 toolMessage.toolCall.durationMs = payload.executionTime;
               }
-              toolMessage.toolCall.completedAt = resolveTimestamp((_Ta = payload.completedAt) != null ? _Ta : payload.timestamp);
+              toolMessage.toolCall.completedAt = resolveTimestamp((_$a = payload.completedAt) != null ? _$a : payload.timestamp);
               toolMessage.streaming = false;
               emitMessage(toolMessage);
               const callKey = getToolCallKey(payload);
@@ -5665,7 +5748,7 @@ var AgentWidgetClient = class {
           const reflectionMessage = {
             id: reflectionId,
             role: "assistant",
-            content: (_Ua = payload.reflection) != null ? _Ua : "",
+            content: (_ab = payload.reflection) != null ? _ab : "",
             createdAt: (/* @__PURE__ */ new Date()).toISOString(),
             streaming: false,
             variant: "reasoning",
@@ -5673,7 +5756,7 @@ var AgentWidgetClient = class {
             reasoning: {
               id: reflectionId,
               status: "complete",
-              chunks: [(_Va = payload.reflection) != null ? _Va : ""]
+              chunks: [(_bb = payload.reflection) != null ? _bb : ""]
             },
             agentMetadata: {
               executionId: payload.executionId,
@@ -5694,7 +5777,7 @@ var AgentWidgetClient = class {
           }
           onEvent({ type: "status", status: "idle" });
         } else if (payloadType === "agent_error") {
-          const errorMessage = typeof payload.error === "string" ? payload.error : (_Xa = (_Wa = payload.error) == null ? void 0 : _Wa.message) != null ? _Xa : "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);
@@ -5707,7 +5790,7 @@ var AgentWidgetClient = class {
           }
         } else if (payloadType === "agent_ping") {
         } else if (payloadType === "agent_approval_start") {
-          const approvalId = (_Ya = payload.approvalId) != null ? _Ya : `approval-${nextSequence()}`;
+          const approvalId = (_eb = payload.approvalId) != null ? _eb : `approval-${nextSequence()}`;
           const approvalMessage = {
             id: `approval-${approvalId}`,
             role: "assistant",
@@ -5719,17 +5802,17 @@ var AgentWidgetClient = class {
             approval: {
               id: approvalId,
               status: "pending",
-              agentId: (_Za = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _Za : "virtual",
-              executionId: (_$a = (__a = payload.executionId) != null ? __a : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _$a : "",
-              toolName: (_ab = payload.toolName) != null ? _ab : "",
+              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: (_cb = payload.description) != null ? _cb : `Execute ${(_bb = payload.toolName) != null ? _bb : "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 = (_db = payload.approvalId) != null ? _db : `approval-${nextSequence()}`;
+          const approvalId = (_lb = payload.approvalId) != null ? _lb : `approval-${nextSequence()}`;
           const approvalMessage = {
             id: `approval-${approvalId}`,
             role: "assistant",
@@ -5741,11 +5824,11 @@ var AgentWidgetClient = class {
             approval: {
               id: approvalId,
               status: "pending",
-              agentId: (_eb = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _eb : "virtual",
-              executionId: (_gb = (_fb = payload.executionId) != null ? _fb : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _gb : "",
-              toolName: (_hb = payload.toolName) != null ? _hb : "",
+              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: (_jb = payload.description) != null ? _jb : `Execute ${(_ib = payload.toolName) != null ? _ib : "tool"}`,
+              description: (_rb = payload.description) != null ? _rb : `Execute ${(_qb = payload.toolName) != null ? _qb : "tool"}`,
               parameters: payload.parameters
             }
           };
@@ -5764,11 +5847,11 @@ var AgentWidgetClient = class {
               sequence: nextSequence(),
               approval: {
                 id: approvalId,
-                status: (_kb = payload.decision) != null ? _kb : "approved",
-                agentId: (_lb = agentExecution == null ? void 0 : agentExecution.agentId) != null ? _lb : "virtual",
-                executionId: (_nb = (_mb = payload.executionId) != null ? _mb : agentExecution == null ? void 0 : agentExecution.executionId) != null ? _nb : "",
-                toolName: (_ob = payload.toolName) != null ? _ob : "",
-                description: (_pb = payload.description) != null ? _pb : "",
+                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()
               }
             };
@@ -5806,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((_qb = payload.delta) != null ? _qb : "");
+            const deltaText = typeof payload.delta === "string" ? payload.delta : String((_yb = payload.delta) != null ? _yb : "");
             onEvent({
               type: "artifact_delta",
               id: deltaId,
@@ -5829,7 +5912,7 @@ var AgentWidgetClient = class {
             if (refMsg) {
               refMsg.streaming = false;
               try {
-                const parsed = JSON.parse((_rb = refMsg.rawContent) != null ? _rb : "{}");
+                const parsed = JSON.parse((_zb = refMsg.rawContent) != null ? _zb : "{}");
                 if (parsed.props) {
                   parsed.props.status = "complete";
                   const acc = artifactContent.get(artCompleteId);
@@ -5850,7 +5933,7 @@ var AgentWidgetClient = class {
           if (!m || typeof m !== "object") {
             continue;
           }
-          const id = String((_sb = m.id) != null ? _sb : `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 = {
@@ -5869,7 +5952,7 @@ var AgentWidgetClient = class {
           if (msg.rawContent) {
             try {
               const parsed = JSON.parse(msg.rawContent);
-              const refArtId = (_tb = parsed == null ? void 0 : parsed.props) == null ? void 0 : _tb.artifactId;
+              const refArtId = (_Bb = parsed == null ? void 0 : parsed.props) == null ? void 0 : _Bb.artifactId;
               if (typeof refArtId === "string") {
                 artifactIdsWithCards.add(refArtId);
               }
@@ -5885,7 +5968,7 @@ var AgentWidgetClient = class {
           if (payload.error instanceof Error) {
             resolvedError = payload.error;
           } else if (payloadType === "dispatch_error") {
-            const msg = (_ub = payload.message) != null ? _ub : payload.error;
+            const msg = (_Cb = payload.message) != null ? _Cb : payload.error;
             if (msg != null && msg !== "") {
               resolvedError = new Error(String(msg));
             }
@@ -5894,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((_vb = e.message) != null ? _vb : 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));
@@ -6998,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 {
@@ -7008,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);
   }
   /**
@@ -7735,6 +7827,141 @@ 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();
@@ -7882,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;
@@ -7988,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]);
   }
@@ -10276,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"
@@ -10317,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,
@@ -11592,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;
@@ -14000,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) {
@@ -14019,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) {
@@ -14043,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) {
@@ -14519,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, _O;
+  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).'
@@ -14578,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") {
@@ -14587,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) {
@@ -14614,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;
@@ -14639,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;
@@ -14683,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;
@@ -14864,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";
@@ -14960,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
     });
@@ -14999,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";
@@ -15015,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) => {
@@ -15327,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;
@@ -15787,6 +16934,9 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
   applyArtifactLayoutCssVars(mount, config);
   applyArtifactPaneAppearance(mount, config);
   const destroyCallbacks = [];
+  destroyCallbacks.push(() => {
+    document.removeEventListener("keydown", handleAskUserDigitKey);
+  });
   let teardownHostStacking = null;
   let releaseScrollLock = null;
   destroyCallbacks.push(() => {
@@ -15844,7 +16994,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       cleanupThemeObserver = null;
     }
   });
-  const streamAnimationConfig = (_D = config.features) == null ? void 0 : _D.streamAnimation;
+  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,
@@ -15860,6 +17010,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
   let session;
   let isStreaming = false;
   const messageCache = createMessageCache();
+  const lastAskBubbleFingerprint = /* @__PURE__ */ new Map();
   let configVersion = 0;
   const autoFollow = createFollowStateController();
   let lastScrollTop = 0;
@@ -15876,7 +17027,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     lastUserMessageWasVoice: false,
     lastUserMessageId: null
   };
-  const voiceAutoResumeMode = (_F = (_E = config.voiceRecognition) == null ? void 0 : _E.autoResume) != null ? _F : 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,
@@ -15925,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);
@@ -16102,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;
@@ -16127,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({
@@ -16247,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,
@@ -16292,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 = [];
@@ -16456,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 = () => {
@@ -16720,10 +17977,11 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     onArtifactsState(state) {
       lastArtifactsState = state;
       syncArtifactPane();
+      persistState();
     }
   });
   sessionRef.current = session;
-  if (((_H = (_G = config.voiceRecognition) == null ? void 0 : _G.provider) == null ? void 0 : _H.type) === "runtype") {
+  if (((_J = (_I = config.voiceRecognition) == null ? void 0 : _I.provider) == null ? void 0 : _J.type) === "runtype") {
     try {
       session.setupVoice();
     } catch (err) {
@@ -16753,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);
@@ -16762,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);
@@ -17329,7 +18593,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
     }
   };
   recalcPanelHeight();
-  const ownerWindow = (_I = mount.ownerDocument.defaultView) != null ? _I : window;
+  const ownerWindow = (_K = mount.ownerDocument.defaultView) != null ? _K : window;
   ownerWindow.addEventListener("resize", recalcPanelHeight);
   destroyCallbacks.push(() => ownerWindow.removeEventListener("resize", recalcPanelHeight));
   if (typeof ResizeObserver !== "undefined") {
@@ -17417,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) {
@@ -17552,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, _O2, _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;
@@ -17766,7 +19031,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       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");
@@ -17793,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");
@@ -18717,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;
@@ -18834,7 +20107,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
       }
     }
   };
-  const shouldExposeDebugApi = ((_J = runtimeOptions == null ? void 0 : runtimeOptions.debugTools) != null ? _J : 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 = {
@@ -18937,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 = ((_K = persistConfig.persist) == null ? void 0 : _K.openState) && storage.getItem(openKey) === "true";
-      const wasVoiceActive = ((_L = persistConfig.persist) == null ? void 0 : _L.voiceState) && storage.getItem(voiceKey) === "true";
-      const wasInVoiceMode = ((_M = persistConfig.persist) == null ? void 0 : _M.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();
@@ -18956,7 +20229,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
           }, 100);
         }, 0);
       }
-      if ((_N = persistConfig.persist) == null ? void 0 : _N.openState) {
+      if ((_P = persistConfig.persist) == null ? void 0 : _P.openState) {
         eventBus.on("widget:opened", () => {
           storage.setItem(openKey, "true");
         });
@@ -18964,7 +20237,7 @@ var createAgentExperience = (mount, initialConfig, runtimeOptions) => {
           storage.setItem(openKey, "false");
         });
       }
-      if ((_O = persistConfig.persist) == null ? void 0 : _O.voiceState) {
+      if ((_Q = persistConfig.persist) == null ? void 0 : _Q.voiceState) {
         eventBus.on("voice:state", (event) => {
           storage.setItem(voiceKey, event.active ? "true" : "false");
         });