@helpai/elements 0.19.1 → 0.19.2

package/index.d.ts

@@ -1,4 +1,4 @@
-export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, L as Link, S as ServerConfig, b as SiteConfig, c as StartConversationResponse, W as WidgetConfig, d as WidgetConfigPartial, e as WidgetSettings, f as WidgetSettingsPartial } from './deployment-BvNoqfIC.js';
+export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, L as Link, S as ServerConfig, b as SiteConfig, c as StartConversationResponse, W as WidgetConfig, d as WidgetConfigPartial, e as WidgetSettings, f as WidgetSettingsPartial } from './deployment-H2uevlHy.js';
 import 'zod';
 
 /**

package/index.mjs

@@ -128,7 +128,7 @@ var STRINGS_EN = {
   formChooseAtMost: "Choose at most {max}",
   formOther: "Other",
   formOtherPlaceholder: "Type your answer\u2026",
-  inputRequired: "Input required",
+  inputRequired: "I need a bit more info",
   inputSubmit: "Submit",
   inputSkip: "Skip",
   inputSubmitted: "Answer submitted",
@@ -238,7 +238,7 @@ var STRINGS_FR = {
   formChooseAtMost: "Choisissez au plus {max}",
   formOther: "Autre",
   formOtherPlaceholder: "Saisissez votre r\xE9ponse\u2026",
-  inputRequired: "Saisie requise",
+  inputRequired: "J'ai besoin de quelques pr\xE9cisions",
   inputSubmit: "Envoyer",
   inputSkip: "Ignorer",
   inputSubmitted: "R\xE9ponse envoy\xE9e",
@@ -1985,9 +1985,10 @@ function partFromReactive(p33) {
 import { signal as signal2 } from "@preact/signals";
 
 // src/stream/constants.ts
-var ASK_USER_INPUT_TOOL = "tool:ask-user-input";
 function isAskUserInputTool(toolName) {
-  return toolName === ASK_USER_INPUT_TOOL;
+  if (!toolName) return false;
+  const name = toolName.startsWith("tool:") ? toolName.slice(5) : toolName;
+  return name === "ask-user-input" || name === "ask_user_input" || name === "request-user-input" || name === "request_user_input";
 }
 var TRIGGER = {
   submitMessage: "submit-message",
@@ -4363,6 +4364,9 @@ function hardenLink(a) {
 import { useComputed as useComputed2, useSignal } from "@preact/signals";
 import { Fragment, jsx as jsx13, jsxs as jsxs10 } from "preact/jsx-runtime";
 var p12 = BRAND.cssPrefix;
+function displayToolName(toolName) {
+  return (toolName.startsWith("tool:") ? toolName.slice(5) : toolName).replace(/[-_]+/g, " ");
+}
 function ToolApproval({ part, strings, active, onDecision }) {
   const approval = useComputed2(() => part.approvalSig.value);
   const input = useComputed2(() => part.inputSig.value);
@@ -4372,7 +4376,7 @@ function ToolApproval({ part, strings, active, onDecision }) {
     const ap = approval.value;
     return /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-approval ${p12}-tool-decided`, "data-testid": TID.toolDecision, children: [
       /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-decided-label`, "data-approved": ap?.approved ? "true" : "false", children: ap?.approved ? strings.approved : strings.rejected }),
-      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: part.toolName }),
+      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: displayToolName(part.toolName) }),
       ap?.reason ? /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-decided-value`, children: ap.reason }) : null
     ] });
   }
@@ -4380,7 +4384,7 @@ function ToolApproval({ part, strings, active, onDecision }) {
   return /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-approval`, "data-testid": TID.toolApproval, children: [
     /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-head`, children: [
       /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-badge`, children: strings.approvalRequired }),
-      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: part.toolName })
+      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: displayToolName(part.toolName) })
     ] }),
     args ? /* @__PURE__ */ jsx13("pre", { class: `${p12}-tool-args`, children: args }) : null,
     active ? /* @__PURE__ */ jsxs10(Fragment, { children: [
@@ -4490,10 +4494,17 @@ function num(v) {
 // src/ui/tool-ask-input.tsx
 import { jsx as jsx14, jsxs as jsxs11 } from "preact/jsx-runtime";
 var p13 = BRAND.cssPrefix;
-function ToolAskInput({ part, strings, active, onSubmit }) {
+function ToolAskInput({ part, strings, active, onSubmit, onDecision }) {
   const state = useComputed3(() => part.stateSig.value);
+  const approval = useComputed3(() => part.approvalSig.value);
   const request = useComputed3(() => parseAskUserInput(part.inputSig.value));
-  const decided = state.value === "output" || state.value === "error";
+  const decided = state.value === "output" || state.value === "error" || approval.value?.approved !== void 0;
+  const viaApproval = approval.value !== void 0;
+  const resolve = (answer, accepted) => {
+    if (viaApproval) onDecision(part.toolCallId, accepted, answer);
+    else if (request.value.responseType === "confirmation") onSubmit(part.toolCallId, { confirmed: accepted });
+    else onSubmit(part.toolCallId, accepted ? { answer } : {});
+  };
   if (decided) {
     return /* @__PURE__ */ jsx14(DecidedSummary, { part, strings });
   }
@@ -4515,7 +4526,7 @@ function ToolAskInput({ part, strings, active, onSubmit }) {
         {
           type: "button",
           class: `${p13}-form-skip`,
-          onClick: () => onSubmit(part.toolCallId, { confirmed: false }),
+          onClick: () => resolve(void 0, false),
           "data-testid": TID.toolInputSkip,
           children: strings.reject
         }
@@ -4525,7 +4536,7 @@ function ToolAskInput({ part, strings, active, onSubmit }) {
         {
           type: "button",
           class: `${p13}-form-submit`,
-          onClick: () => onSubmit(part.toolCallId, { confirmed: true }),
+          onClick: () => resolve(void 0, true),
           "data-testid": TID.toolInputSubmit,
           children: strings.approve
         }
@@ -4536,9 +4547,9 @@ function ToolAskInput({ part, strings, active, onSubmit }) {
         fields: askInputToFields(req),
         strings,
         submitLabel: strings.inputSubmit,
-        onSubmit: (values) => onSubmit(part.toolCallId, values),
+        onSubmit: (values) => resolve(values.answer ?? Object.values(values).join(", "), true),
         skipLabel: req.required === false ? strings.inputSkip : void 0,
-        onSkip: req.required === false ? () => onSubmit(part.toolCallId, {}) : void 0,
+        onSkip: req.required === false ? () => resolve(void 0, false) : void 0,
         submitTestId: TID.toolInputSubmit,
         skipTestId: TID.toolInputSkip
       }
@@ -4553,10 +4564,12 @@ function Header({ strings, title }) {
 }
 function DecidedSummary({ part, strings }) {
   const output = useComputed3(() => part.outputSig.value);
-  const text = summarizeOutput(output.value) || strings.inputSubmitted;
+  const approval = useComputed3(() => part.approvalSig.value);
+  const answer = approval.value?.approved !== void 0 ? approval.value.reason ?? "" : summarizeOutput(output.value);
+  const skipped = approval.value?.approved === false;
   return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-ask-input ${p13}-tool-decided`, "data-testid": TID.toolDecision, children: [
-    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-label`, children: strings.inputSubmitted }),
-    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-value`, children: text })
+    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-label`, children: skipped ? strings.inputSkip : strings.inputSubmitted }),
+    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-value`, children: skipped ? "" : answer || strings.inputSubmitted })
   ] });
 }
 function summarizeOutput(output) {
@@ -4686,12 +4699,21 @@ function ToolPartView({
   const state = useComputed4(() => part.stateSig.value);
   const hasApproval = useComputed4(() => part.approvalSig.value !== void 0);
   if (tool?.humanInLoop) {
+    if (isAskUserInputTool(part.toolName) || state.value === "awaiting-input") {
+      return /* @__PURE__ */ jsx16(
+        ToolAskInput,
+        {
+          part,
+          strings,
+          active: interactive,
+          onSubmit: tool.onResult,
+          onDecision: tool.onDecision
+        }
+      );
+    }
     if (hasApproval.value || state.value === "awaiting-approval") {
       return /* @__PURE__ */ jsx16(ToolApproval, { part, strings, active: interactive, onDecision: tool.onDecision });
     }
-    if (isAskUserInputTool(part.toolName) || state.value === "awaiting-input") {
-      return /* @__PURE__ */ jsx16(ToolAskInput, { part, strings, active: interactive, onSubmit: tool.onResult });
-    }
   }
   return showToolCalls ? /* @__PURE__ */ jsx16(ToolChip, { part, strings }) : null;
 }

package/package.json

@@ -80,5 +80,5 @@
   ],
   "type": "module",
   "types": "./index.d.ts",
-  "version": "0.19.1"
+  "version": "0.19.2"
 }

package/schema.d.ts

@@ -1,4 +1,4 @@
-export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, L as Link, P as PAGE_AREA_SUGGESTIONS, g as PageContext, S as ServerConfig, b as SiteConfig, c as StartConversationResponse, U as UserContext, W as WidgetConfig, d as WidgetConfigPartial, e as WidgetSettings, f as WidgetSettingsPartial, h as assetSchema, i as blocksConfigSchema, j as connectionConfigPartialSchema, k as connectionConfigSchema, l as cssColorSchema, m as cssLengthSchema, n as endpointsSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, t as startConversationResponseSchema, u as userContextSchema, v as uuid7Schema, w as widgetConfigPartialSchema, x as widgetConfigSchema, y as widgetSettingsPartialSchema, z as widgetSettingsSchema } from './deployment-BvNoqfIC.js';
+export { A as Asset, B as BlocksConfig, C as ConnectionConfig, a as ConnectionConfigPartial, E as Endpoints, L as Link, P as PAGE_AREA_SUGGESTIONS, g as PageContext, S as ServerConfig, b as SiteConfig, c as StartConversationResponse, U as UserContext, W as WidgetConfig, d as WidgetConfigPartial, e as WidgetSettings, f as WidgetSettingsPartial, h as assetSchema, i as blocksConfigSchema, j as connectionConfigPartialSchema, k as connectionConfigSchema, l as cssColorSchema, m as cssLengthSchema, n as endpointsSchema, o as linkSchema, p as localeSchema, q as pageContextSchema, s as serverConfigSchema, r as siteConfigSchema, t as startConversationResponseSchema, u as userContextSchema, v as uuid7Schema, w as widgetConfigPartialSchema, x as widgetConfigSchema, y as widgetSettingsPartialSchema, z as widgetSettingsSchema } from './deployment-H2uevlHy.js';
 import { z } from 'zod';
 
 /**
@@ -56,9 +56,9 @@ declare const presentationSchema: z.ZodObject<{
         inset: z.ZodOptional<z.ZodString>;
         initialSize: z.ZodDefault<z.ZodEnum<{
             fullscreen: "fullscreen";
+            normal: "normal";
             expanded: "expanded";
             auto: "auto";
-            normal: "normal";
         }>>;
         autoSizeBreakpoint: z.ZodDefault<z.ZodNumber>;
     }, z.core.$loose>>;
@@ -148,9 +148,9 @@ declare const launcherSizeSchema: z.ZodEnum<{
 }>;
 type LauncherSize = z.infer<typeof launcherSizeSchema>;
 declare const calloutShapeSchema: z.ZodEnum<{
-    callout: "callout";
     pill: "pill";
     bubble: "bubble";
+    callout: "callout";
 }>;
 type CalloutShape = z.infer<typeof calloutShapeSchema>;
 declare const calloutPositionSchema: z.ZodEnum<{
@@ -162,9 +162,9 @@ type CalloutPosition = z.infer<typeof calloutPositionSchema>;
 declare const launcherCalloutSchema: z.ZodObject<{
     text: z.ZodDefault<z.ZodString>;
     shape: z.ZodDefault<z.ZodEnum<{
-        callout: "callout";
         pill: "pill";
         bubble: "bubble";
+        callout: "callout";
     }>>;
     position: z.ZodDefault<z.ZodEnum<{
         auto: "auto";
@@ -195,9 +195,9 @@ declare const launcherOptionsSchema: z.ZodObject<{
     callout: z.ZodOptional<z.ZodObject<{
         text: z.ZodDefault<z.ZodString>;
         shape: z.ZodDefault<z.ZodEnum<{
-            callout: "callout";
             pill: "pill";
             bubble: "bubble";
+            callout: "callout";
         }>>;
         position: z.ZodDefault<z.ZodEnum<{
             auto: "auto";
@@ -240,9 +240,9 @@ type LauncherOptions = z.infer<typeof launcherOptionsSchema>;
 
 declare const initialSizeSchema: z.ZodEnum<{
     fullscreen: "fullscreen";
+    normal: "normal";
     expanded: "expanded";
     auto: "auto";
-    normal: "normal";
 }>;
 declare const resizeOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
@@ -269,9 +269,9 @@ declare const sizeOptionsSchema: z.ZodObject<{
     inset: z.ZodOptional<z.ZodString>;
     initialSize: z.ZodDefault<z.ZodEnum<{
         fullscreen: "fullscreen";
+        normal: "normal";
         expanded: "expanded";
         auto: "auto";
-        normal: "normal";
     }>>;
     autoSizeBreakpoint: z.ZodDefault<z.ZodNumber>;
 }, z.core.$loose>;
@@ -323,43 +323,43 @@ type FeatureFlags = z.infer<typeof featureFlagsSchema>;
  */
 
 declare const actionNameSchema: z.ZodEnum<{
-    close: "close";
     expand: "expand";
     fullscreen: "fullscreen";
     popOut: "popOut";
-    clear: "clear";
-    theme: "theme";
+    close: "close";
     language: "language";
+    theme: "theme";
     textSize: "textSize";
     history: "history";
+    clear: "clear";
     sound: "sound";
 }>;
 type ActionName = z.infer<typeof actionNameSchema>;
 declare const headerActionsSchema: z.ZodArray<z.ZodEnum<{
-    close: "close";
     expand: "expand";
     fullscreen: "fullscreen";
     popOut: "popOut";
-    clear: "clear";
-    theme: "theme";
+    close: "close";
     language: "language";
+    theme: "theme";
     textSize: "textSize";
     history: "history";
+    clear: "clear";
     sound: "sound";
 }>>;
 type HeaderActions = z.infer<typeof headerActionsSchema>;
 /** Section wrapper — `actions` list wrapped under `header` in the dashboard form. */
 declare const headerSchema: z.ZodObject<{
     actions: z.ZodOptional<z.ZodArray<z.ZodEnum<{
-        close: "close";
         expand: "expand";
         fullscreen: "fullscreen";
         popOut: "popOut";
-        clear: "clear";
-        theme: "theme";
+        close: "close";
         language: "language";
+        theme: "theme";
         textSize: "textSize";
         history: "history";
+        clear: "clear";
         sound: "sound";
     }>>>;
 }, z.core.$loose>;
@@ -375,33 +375,33 @@ type HeaderOptions = z.infer<typeof headerSchema>;
  */
 
 declare const feedbackEventSchema: z.ZodEnum<{
-    voiceStart: "voiceStart";
-    voiceStop: "voiceStop";
     error: "error";
     messageReceived: "messageReceived";
     messageSent: "messageSent";
+    voiceStart: "voiceStart";
+    voiceStop: "voiceStop";
 }>;
 type FeedbackEvent = z.infer<typeof feedbackEventSchema>;
 declare const soundOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
     volume: z.ZodDefault<z.ZodNumber>;
     events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
-        voiceStart: "voiceStart";
-        voiceStop: "voiceStop";
         error: "error";
         messageReceived: "messageReceived";
         messageSent: "messageSent";
+        voiceStart: "voiceStart";
+        voiceStop: "voiceStop";
     }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodString]>>>;
 }, z.core.$loose>;
 type SoundOptions = z.infer<typeof soundOptionsSchema>;
 declare const hapticsOptionsSchema: z.ZodObject<{
     enabled: z.ZodDefault<z.ZodBoolean>;
     events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
-        voiceStart: "voiceStart";
-        voiceStop: "voiceStop";
         error: "error";
         messageReceived: "messageReceived";
         messageSent: "messageSent";
+        voiceStart: "voiceStart";
+        voiceStop: "voiceStop";
     }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodNumber, z.ZodArray<z.ZodNumber>]>>>;
 }, z.core.$loose>;
 type HapticsOptions = z.infer<typeof hapticsOptionsSchema>;
@@ -410,21 +410,21 @@ declare const feedbackSchema: z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         volume: z.ZodDefault<z.ZodNumber>;
         events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
-            voiceStart: "voiceStart";
-            voiceStop: "voiceStop";
             error: "error";
             messageReceived: "messageReceived";
             messageSent: "messageSent";
+            voiceStart: "voiceStart";
+            voiceStop: "voiceStop";
         }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodString]>>>;
     }, z.core.$loose>>;
     haptics: z.ZodOptional<z.ZodObject<{
         enabled: z.ZodDefault<z.ZodBoolean>;
         events: z.ZodOptional<z.ZodRecord<z.ZodEnum<{
-            voiceStart: "voiceStart";
-            voiceStop: "voiceStop";
             error: "error";
             messageReceived: "messageReceived";
             messageSent: "messageSent";
+            voiceStart: "voiceStart";
+            voiceStop: "voiceStop";
         }> & z.core.$partial, z.ZodUnion<readonly [z.ZodBoolean, z.ZodNumber, z.ZodArray<z.ZodNumber>]>>>;
     }, z.core.$loose>>;
 }, z.core.$loose>;
@@ -565,16 +565,16 @@ type FooterOptions = z.infer<typeof footerSchema>;
 
 declare const fieldTypeSchema: z.ZodEnum<{
     number: "number";
-    select: "select";
-    textarea: "textarea";
-    time: "time";
     text: "text";
-    checkbox: "checkbox";
-    radio: "radio";
     url: "url";
     email: "email";
     tel: "tel";
     date: "date";
+    time: "time";
+    textarea: "textarea";
+    select: "select";
+    radio: "radio";
+    checkbox: "checkbox";
     multiselect: "multiselect";
 }>;
 type FieldType = z.infer<typeof fieldTypeSchema>;
@@ -599,16 +599,16 @@ declare const formFieldSchema: z.ZodObject<{
     label: z.ZodString;
     type: z.ZodEnum<{
         number: "number";
-        select: "select";
-        textarea: "textarea";
-        time: "time";
         text: "text";
-        checkbox: "checkbox";
-        radio: "radio";
         url: "url";
         email: "email";
         tel: "tel";
         date: "date";
+        time: "time";
+        textarea: "textarea";
+        select: "select";
+        radio: "radio";
+        checkbox: "checkbox";
         multiselect: "multiselect";
     }>;
     placeholder: z.ZodOptional<z.ZodString>;
@@ -659,16 +659,16 @@ declare const formDefSchema: z.ZodObject<{
         label: z.ZodString;
         type: z.ZodEnum<{
             number: "number";
-            select: "select";
-            textarea: "textarea";
-            time: "time";
             text: "text";
-            checkbox: "checkbox";
-            radio: "radio";
             url: "url";
             email: "email";
             tel: "tel";
             date: "date";
+            time: "time";
+            textarea: "textarea";
+            select: "select";
+            radio: "radio";
+            checkbox: "checkbox";
             multiselect: "multiselect";
         }>;
         placeholder: z.ZodOptional<z.ZodString>;
@@ -717,16 +717,16 @@ declare const formsSchema: z.ZodArray<z.ZodObject<{
         label: z.ZodString;
         type: z.ZodEnum<{
             number: "number";
-            select: "select";
-            textarea: "textarea";
-            time: "time";
             text: "text";
-            checkbox: "checkbox";
-            radio: "radio";
             url: "url";
             email: "email";
             tel: "tel";
             date: "date";
+            time: "time";
+            textarea: "textarea";
+            select: "select";
+            radio: "radio";
+            checkbox: "checkbox";
             multiselect: "multiselect";
         }>;
         placeholder: z.ZodOptional<z.ZodString>;
@@ -798,18 +798,18 @@ type I18nOptions = z.infer<typeof i18nSchema>;
  */
 
 declare const moduleLayoutSchema: z.ZodEnum<{
-    home: "home";
     chat: "chat";
     help: "help";
+    home: "home";
     news: "news";
 }>;
 type ModuleLayout = z.infer<typeof moduleLayoutSchema>;
 declare const moduleSchema: z.ZodObject<{
     label: z.ZodString;
     layout: z.ZodEnum<{
-        home: "home";
         chat: "chat";
         help: "help";
+        home: "home";
         news: "news";
     }>;
     contentTags: z.ZodOptional<z.ZodArray<z.ZodString>>;
@@ -835,9 +835,9 @@ type ModuleOptions = z.infer<typeof moduleSchema>;
 declare const modulesSchema: z.ZodArray<z.ZodObject<{
     label: z.ZodString;
     layout: z.ZodEnum<{
-        home: "home";
         chat: "chat";
         help: "help";
+        home: "home";
         news: "news";
     }>;
     contentTags: z.ZodOptional<z.ZodArray<z.ZodString>>;

package/web-component.mjs

@@ -128,7 +128,7 @@ var STRINGS_EN = {
   formChooseAtMost: "Choose at most {max}",
   formOther: "Other",
   formOtherPlaceholder: "Type your answer\u2026",
-  inputRequired: "Input required",
+  inputRequired: "I need a bit more info",
   inputSubmit: "Submit",
   inputSkip: "Skip",
   inputSubmitted: "Answer submitted",
@@ -238,7 +238,7 @@ var STRINGS_FR = {
   formChooseAtMost: "Choisissez au plus {max}",
   formOther: "Autre",
   formOtherPlaceholder: "Saisissez votre r\xE9ponse\u2026",
-  inputRequired: "Saisie requise",
+  inputRequired: "J'ai besoin de quelques pr\xE9cisions",
   inputSubmit: "Envoyer",
   inputSkip: "Ignorer",
   inputSubmitted: "R\xE9ponse envoy\xE9e",
@@ -2040,9 +2040,10 @@ function partFromReactive(p33) {
 import { signal as signal2 } from "@preact/signals";
 
 // src/stream/constants.ts
-var ASK_USER_INPUT_TOOL = "tool:ask-user-input";
 function isAskUserInputTool(toolName) {
-  return toolName === ASK_USER_INPUT_TOOL;
+  if (!toolName) return false;
+  const name = toolName.startsWith("tool:") ? toolName.slice(5) : toolName;
+  return name === "ask-user-input" || name === "ask_user_input" || name === "request-user-input" || name === "request_user_input";
 }
 var TRIGGER = {
   submitMessage: "submit-message",
@@ -4418,6 +4419,9 @@ function hardenLink(a) {
 import { useComputed as useComputed2, useSignal } from "@preact/signals";
 import { Fragment, jsx as jsx13, jsxs as jsxs10 } from "preact/jsx-runtime";
 var p12 = BRAND.cssPrefix;
+function displayToolName(toolName) {
+  return (toolName.startsWith("tool:") ? toolName.slice(5) : toolName).replace(/[-_]+/g, " ");
+}
 function ToolApproval({ part, strings, active, onDecision }) {
   const approval = useComputed2(() => part.approvalSig.value);
   const input = useComputed2(() => part.inputSig.value);
@@ -4427,7 +4431,7 @@ function ToolApproval({ part, strings, active, onDecision }) {
     const ap = approval.value;
     return /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-approval ${p12}-tool-decided`, "data-testid": TID.toolDecision, children: [
       /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-decided-label`, "data-approved": ap?.approved ? "true" : "false", children: ap?.approved ? strings.approved : strings.rejected }),
-      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: part.toolName }),
+      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: displayToolName(part.toolName) }),
       ap?.reason ? /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-decided-value`, children: ap.reason }) : null
     ] });
   }
@@ -4435,7 +4439,7 @@ function ToolApproval({ part, strings, active, onDecision }) {
   return /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-approval`, "data-testid": TID.toolApproval, children: [
     /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-head`, children: [
       /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-badge`, children: strings.approvalRequired }),
-      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: part.toolName })
+      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: displayToolName(part.toolName) })
     ] }),
     args ? /* @__PURE__ */ jsx13("pre", { class: `${p12}-tool-args`, children: args }) : null,
     active ? /* @__PURE__ */ jsxs10(Fragment, { children: [
@@ -4545,10 +4549,17 @@ function num(v) {
 // src/ui/tool-ask-input.tsx
 import { jsx as jsx14, jsxs as jsxs11 } from "preact/jsx-runtime";
 var p13 = BRAND.cssPrefix;
-function ToolAskInput({ part, strings, active, onSubmit }) {
+function ToolAskInput({ part, strings, active, onSubmit, onDecision }) {
   const state = useComputed3(() => part.stateSig.value);
+  const approval = useComputed3(() => part.approvalSig.value);
   const request = useComputed3(() => parseAskUserInput(part.inputSig.value));
-  const decided = state.value === "output" || state.value === "error";
+  const decided = state.value === "output" || state.value === "error" || approval.value?.approved !== void 0;
+  const viaApproval = approval.value !== void 0;
+  const resolve = (answer, accepted) => {
+    if (viaApproval) onDecision(part.toolCallId, accepted, answer);
+    else if (request.value.responseType === "confirmation") onSubmit(part.toolCallId, { confirmed: accepted });
+    else onSubmit(part.toolCallId, accepted ? { answer } : {});
+  };
   if (decided) {
     return /* @__PURE__ */ jsx14(DecidedSummary, { part, strings });
   }
@@ -4570,7 +4581,7 @@ function ToolAskInput({ part, strings, active, onSubmit }) {
         {
           type: "button",
           class: `${p13}-form-skip`,
-          onClick: () => onSubmit(part.toolCallId, { confirmed: false }),
+          onClick: () => resolve(void 0, false),
           "data-testid": TID.toolInputSkip,
           children: strings.reject
         }
@@ -4580,7 +4591,7 @@ function ToolAskInput({ part, strings, active, onSubmit }) {
         {
           type: "button",
           class: `${p13}-form-submit`,
-          onClick: () => onSubmit(part.toolCallId, { confirmed: true }),
+          onClick: () => resolve(void 0, true),
           "data-testid": TID.toolInputSubmit,
           children: strings.approve
         }
@@ -4591,9 +4602,9 @@ function ToolAskInput({ part, strings, active, onSubmit }) {
         fields: askInputToFields(req),
         strings,
         submitLabel: strings.inputSubmit,
-        onSubmit: (values) => onSubmit(part.toolCallId, values),
+        onSubmit: (values) => resolve(values.answer ?? Object.values(values).join(", "), true),
         skipLabel: req.required === false ? strings.inputSkip : void 0,
-        onSkip: req.required === false ? () => onSubmit(part.toolCallId, {}) : void 0,
+        onSkip: req.required === false ? () => resolve(void 0, false) : void 0,
         submitTestId: TID.toolInputSubmit,
         skipTestId: TID.toolInputSkip
       }
@@ -4608,10 +4619,12 @@ function Header({ strings, title }) {
 }
 function DecidedSummary({ part, strings }) {
   const output = useComputed3(() => part.outputSig.value);
-  const text = summarizeOutput(output.value) || strings.inputSubmitted;
+  const approval = useComputed3(() => part.approvalSig.value);
+  const answer = approval.value?.approved !== void 0 ? approval.value.reason ?? "" : summarizeOutput(output.value);
+  const skipped = approval.value?.approved === false;
   return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-ask-input ${p13}-tool-decided`, "data-testid": TID.toolDecision, children: [
-    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-label`, children: strings.inputSubmitted }),
-    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-value`, children: text })
+    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-label`, children: skipped ? strings.inputSkip : strings.inputSubmitted }),
+    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-value`, children: skipped ? "" : answer || strings.inputSubmitted })
   ] });
 }
 function summarizeOutput(output) {
@@ -4741,12 +4754,21 @@ function ToolPartView({
   const state = useComputed4(() => part.stateSig.value);
   const hasApproval = useComputed4(() => part.approvalSig.value !== void 0);
   if (tool?.humanInLoop) {
+    if (isAskUserInputTool(part.toolName) || state.value === "awaiting-input") {
+      return /* @__PURE__ */ jsx16(
+        ToolAskInput,
+        {
+          part,
+          strings,
+          active: interactive,
+          onSubmit: tool.onResult,
+          onDecision: tool.onDecision
+        }
+      );
+    }
     if (hasApproval.value || state.value === "awaiting-approval") {
       return /* @__PURE__ */ jsx16(ToolApproval, { part, strings, active: interactive, onDecision: tool.onDecision });
     }
-    if (isAskUserInputTool(part.toolName) || state.value === "awaiting-input") {
-      return /* @__PURE__ */ jsx16(ToolAskInput, { part, strings, active: interactive, onSubmit: tool.onResult });
-    }
   }
   return showToolCalls ? /* @__PURE__ */ jsx16(ToolChip, { part, strings }) : null;
 }