@helpai/elements 0.53.0 → 0.54.0

package/web-component.mjs

@@ -112,7 +112,7 @@ var STRINGS_EN = {
   newsLoading: "Loading news\u2026",
   newsBack: "Back to news",
   newsPublishedAt: "Published {date}",
-  // ── Forms + human-in-the-loop (forms / ask-input / approval) ────
+  // ── Forms + human-in-the-loop (forms / ask-questions / approval) ────
   formSubmit: "Submit",
   formSkip: "Maybe later",
   formSubmitted: "Completed",
@@ -132,26 +132,15 @@ var STRINGS_EN = {
   formChooseAtMost: "Choose at most {max}",
   formOther: "Other",
   formOtherPlaceholder: "Type your answer\u2026",
-  inputRequired: "User Input Required",
-  inputBadge: "User Input",
+  inputRequired: "Questions for you",
+  inputBadge: "Questions",
   inputAnswered: "Answered",
   inputSkipped: "Skipped",
-  inputQuestion: "Question",
-  inputYourAnswer: "Your answer",
-  inputSubmit: "Submit answer",
+  inputSubmit: "Submit answers",
   inputSubmitHint: "Enter to send \xB7 Shift+Enter = new line",
-  inputAnswerPlaceholder: "Type your answer\u2026",
   inputSkip: "Skip",
   confirmYes: "Yes",
   confirmNo: "No",
-  inputConfirmHint: "Choose yes or no.",
-  inputOptionalNote: "Optional note",
-  inputOptionalNotePlaceholder: "Optional comment\u2026",
-  inputSubmitted: "Answer submitted",
-  respFreeText: "Free Text",
-  respSingleChoice: "Single Choice",
-  respMultiChoice: "Multiple Choice",
-  respConfirmation: "Confirmation",
   approvalRequired: "Approval required",
   approve: "Approve",
   reject: "Reject",
@@ -256,7 +245,7 @@ var STRINGS_FR = {
   newsLoading: "Chargement des actualit\xE9s\u2026",
   newsBack: "Retour aux actualit\xE9s",
   newsPublishedAt: "Publi\xE9 le {date}",
-  // ── Forms + human-in-the-loop (forms / ask-input / approval) ────
+  // ── Forms + human-in-the-loop (forms / ask-questions / approval) ────
   formSubmit: "Envoyer",
   formSkip: "Plus tard",
   formSubmitted: "Termin\xE9",
@@ -276,26 +265,15 @@ var STRINGS_FR = {
   formChooseAtMost: "Choisissez au plus {max}",
   formOther: "Autre",
   formOtherPlaceholder: "Saisissez votre r\xE9ponse\u2026",
-  inputRequired: "Saisie requise",
-  inputBadge: "Saisie",
+  inputRequired: "Questions pour vous",
+  inputBadge: "Questions",
   inputAnswered: "R\xE9pondu",
   inputSkipped: "Ignor\xE9",
-  inputQuestion: "Question",
-  inputYourAnswer: "Votre r\xE9ponse",
-  inputSubmit: "Envoyer la r\xE9ponse",
+  inputSubmit: "Envoyer les r\xE9ponses",
   inputSubmitHint: "Entr\xE9e pour envoyer \xB7 Maj+Entr\xE9e = saut de ligne",
-  inputAnswerPlaceholder: "Saisissez votre r\xE9ponse\u2026",
   inputSkip: "Ignorer",
   confirmYes: "Oui",
   confirmNo: "Non",
-  inputConfirmHint: "Choisissez oui ou non.",
-  inputOptionalNote: "Note facultative",
-  inputOptionalNotePlaceholder: "Commentaire facultatif\u2026",
-  inputSubmitted: "R\xE9ponse envoy\xE9e",
-  respFreeText: "Texte libre",
-  respSingleChoice: "Choix unique",
-  respMultiChoice: "Choix multiple",
-  respConfirmation: "Confirmation",
   approvalRequired: "Approbation requise",
   approve: "Approuver",
   reject: "Refuser",
@@ -400,7 +378,7 @@ var STRINGS_AR = {
   newsLoading: "\u062C\u0627\u0631\u064D \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0623\u062E\u0628\u0627\u0631\u2026",
   newsBack: "\u0627\u0644\u0639\u0648\u062F\u0629 \u0625\u0644\u0649 \u0627\u0644\u0623\u062E\u0628\u0627\u0631",
   newsPublishedAt: "\u0646\u064F\u0634\u0631 \u0641\u064A {date}",
-  // ── Forms + human-in-the-loop (forms / ask-input / approval) ────
+  // ── Forms + human-in-the-loop (forms / ask-questions / approval) ────
   formSubmit: "\u0625\u0631\u0633\u0627\u0644",
   formSkip: "\u0644\u0627\u062D\u0642\u064B\u0627",
   formSubmitted: "\u062A\u0645",
@@ -420,26 +398,15 @@ var STRINGS_AR = {
   formChooseAtMost: "\u0627\u062E\u062A\u0631 {max} \u0639\u0644\u0649 \u0627\u0644\u0623\u0643\u062B\u0631",
   formOther: "\u0623\u062E\u0631\u0649",
   formOtherPlaceholder: "\u0627\u0643\u062A\u0628 \u0625\u062C\u0627\u0628\u062A\u0643\u2026",
-  inputRequired: "\u0645\u0637\u0644\u0648\u0628 \u0625\u062F\u062E\u0627\u0644 \u0645\u0646 \u0627\u0644\u0645\u0633\u062A\u062E\u062F\u0645",
-  inputBadge: "\u0625\u062F\u062E\u0627\u0644 \u0627\u0644\u0645\u0633\u062A\u062E\u062F\u0645",
+  inputRequired: "\u0623\u0633\u0626\u0644\u0629 \u0644\u0643",
+  inputBadge: "\u0623\u0633\u0626\u0644\u0629",
   inputAnswered: "\u062A\u0645\u062A \u0627\u0644\u0625\u062C\u0627\u0628\u0629",
   inputSkipped: "\u062A\u0645 \u0627\u0644\u062A\u062E\u0637\u064A",
-  inputQuestion: "\u0627\u0644\u0633\u0624\u0627\u0644",
-  inputYourAnswer: "\u0625\u062C\u0627\u0628\u062A\u0643",
-  inputSubmit: "\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0625\u062C\u0627\u0628\u0629",
+  inputSubmit: "\u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0625\u062C\u0627\u0628\u0627\u062A",
   inputSubmitHint: "Enter \u0644\u0644\u0625\u0631\u0633\u0627\u0644 \xB7 Shift+Enter = \u0633\u0637\u0631 \u062C\u062F\u064A\u062F",
-  inputAnswerPlaceholder: "\u0627\u0643\u062A\u0628 \u0625\u062C\u0627\u0628\u062A\u0643\u2026",
   inputSkip: "\u062A\u062E\u0637\u064D\u0651",
   confirmYes: "\u0646\u0639\u0645",
   confirmNo: "\u0644\u0627",
-  inputConfirmHint: "\u0627\u062E\u062A\u0631 \u0646\u0639\u0645 \u0623\u0648 \u0644\u0627.",
-  inputOptionalNote: "\u0645\u0644\u0627\u062D\u0638\u0629 \u0627\u062E\u062A\u064A\u0627\u0631\u064A\u0629",
-  inputOptionalNotePlaceholder: "\u062A\u0639\u0644\u064A\u0642 \u0627\u062E\u062A\u064A\u0627\u0631\u064A\u2026",
-  inputSubmitted: "\u062A\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0625\u062C\u0627\u0628\u0629",
-  respFreeText: "\u0646\u0635 \u062D\u0631",
-  respSingleChoice: "\u0627\u062E\u062A\u064A\u0627\u0631 \u0648\u0627\u062D\u062F",
-  respMultiChoice: "\u0627\u062E\u062A\u064A\u0627\u0631 \u0645\u062A\u0639\u062F\u062F",
-  respConfirmation: "\u062A\u0623\u0643\u064A\u062F",
   approvalRequired: "\u0645\u0637\u0644\u0648\u0628 \u0645\u0648\u0627\u0641\u0642\u0629",
   approve: "\u0645\u0648\u0627\u0641\u0642\u0629",
   reject: "\u0631\u0641\u0636",
@@ -544,7 +511,7 @@ var STRINGS_ES = {
   newsLoading: "Cargando novedades\u2026",
   newsBack: "Volver a novedades",
   newsPublishedAt: "Publicado el {date}",
-  // ── Forms + human-in-the-loop (forms / ask-input / approval) ────
+  // ── Forms + human-in-the-loop (forms / ask-questions / approval) ────
   formSubmit: "Enviar",
   formSkip: "Quiz\xE1 m\xE1s tarde",
   formSubmitted: "Completado",
@@ -564,26 +531,15 @@ var STRINGS_ES = {
   formChooseAtMost: "Elige como m\xE1ximo {max}",
   formOther: "Otro",
   formOtherPlaceholder: "Escribe tu respuesta\u2026",
-  inputRequired: "Entrada requerida",
-  inputBadge: "Entrada",
+  inputRequired: "Preguntas para ti",
+  inputBadge: "Preguntas",
   inputAnswered: "Respondido",
   inputSkipped: "Omitido",
-  inputQuestion: "Pregunta",
-  inputYourAnswer: "Tu respuesta",
-  inputSubmit: "Enviar respuesta",
+  inputSubmit: "Enviar respuestas",
   inputSubmitHint: "Enter para enviar \xB7 May\xFAs+Enter = nueva l\xEDnea",
-  inputAnswerPlaceholder: "Escribe tu respuesta\u2026",
   inputSkip: "Omitir",
   confirmYes: "S\xED",
   confirmNo: "No",
-  inputConfirmHint: "Elige s\xED o no.",
-  inputOptionalNote: "Nota opcional",
-  inputOptionalNotePlaceholder: "Comentario opcional\u2026",
-  inputSubmitted: "Respuesta enviada",
-  respFreeText: "Texto libre",
-  respSingleChoice: "Opci\xF3n \xFAnica",
-  respMultiChoice: "Opci\xF3n m\xFAltiple",
-  respConfirmation: "Confirmaci\xF3n",
   approvalRequired: "Aprobaci\xF3n requerida",
   approve: "Aprobar",
   reject: "Rechazar",
@@ -688,7 +644,7 @@ var STRINGS_HE = {
   newsLoading: "\u05D8\u05D5\u05E2\u05DF \u05D7\u05D3\u05E9\u05D5\u05EA\u2026",
   newsBack: "\u05D7\u05D6\u05E8\u05D4 \u05DC\u05D7\u05D3\u05E9\u05D5\u05EA",
   newsPublishedAt: "\u05E4\u05D5\u05E8\u05E1\u05DD \u05D1-{date}",
-  // ── Forms + human-in-the-loop (forms / ask-input / approval) ────
+  // ── Forms + human-in-the-loop (forms / ask-questions / approval) ────
   formSubmit: "\u05E9\u05DC\u05D9\u05D7\u05D4",
   formSkip: "\u05D0\u05D7\u05E8 \u05DB\u05DA",
   formSubmitted: "\u05E0\u05E9\u05DC\u05D7",
@@ -708,26 +664,15 @@ var STRINGS_HE = {
   formChooseAtMost: "\u05D1\u05D7\u05E8 \u05DC\u05DB\u05DC \u05D4\u05D9\u05D5\u05EA\u05E8 {max}",
   formOther: "\u05D0\u05D7\u05E8",
   formOtherPlaceholder: "\u05DB\u05EA\u05D5\u05D1 \u05D0\u05EA \u05EA\u05E9\u05D5\u05D1\u05EA\u05DA\u2026",
-  inputRequired: "\u05E0\u05D3\u05E8\u05E9 \u05E7\u05DC\u05D8 \u05DE\u05D4\u05DE\u05E9\u05EA\u05DE\u05E9",
-  inputBadge: "\u05E7\u05DC\u05D8 \u05DE\u05E9\u05EA\u05DE\u05E9",
+  inputRequired: "\u05E9\u05D0\u05DC\u05D5\u05EA \u05E2\u05D1\u05D5\u05E8\u05DA",
+  inputBadge: "\u05E9\u05D0\u05DC\u05D5\u05EA",
   inputAnswered: "\u05E0\u05E2\u05E0\u05D4",
   inputSkipped: "\u05D3\u05D5\u05DC\u05D2",
-  inputQuestion: "\u05E9\u05D0\u05DC\u05D4",
-  inputYourAnswer: "\u05D4\u05EA\u05E9\u05D5\u05D1\u05D4 \u05E9\u05DC\u05DA",
-  inputSubmit: "\u05E9\u05DC\u05D9\u05D7\u05EA \u05EA\u05E9\u05D5\u05D1\u05D4",
+  inputSubmit: "\u05E9\u05DC\u05D9\u05D7\u05EA \u05EA\u05E9\u05D5\u05D1\u05D5\u05EA",
   inputSubmitHint: "Enter \u05DC\u05E9\u05DC\u05D9\u05D7\u05D4 \xB7 Shift+Enter = \u05E9\u05D5\u05E8\u05D4 \u05D7\u05D3\u05E9\u05D4",
-  inputAnswerPlaceholder: "\u05DB\u05EA\u05D5\u05D1 \u05D0\u05EA \u05EA\u05E9\u05D5\u05D1\u05EA\u05DA\u2026",
   inputSkip: "\u05D3\u05D9\u05DC\u05D5\u05D2",
   confirmYes: "\u05DB\u05DF",
   confirmNo: "\u05DC\u05D0",
-  inputConfirmHint: "\u05D1\u05D7\u05E8 \u05DB\u05DF \u05D0\u05D5 \u05DC\u05D0.",
-  inputOptionalNote: "\u05D4\u05E2\u05E8\u05D4 \u05D0\u05D5\u05E4\u05E6\u05D9\u05D5\u05E0\u05DC\u05D9\u05EA",
-  inputOptionalNotePlaceholder: "\u05D4\u05E2\u05E8\u05D4 \u05D0\u05D5\u05E4\u05E6\u05D9\u05D5\u05E0\u05DC\u05D9\u05EA\u2026",
-  inputSubmitted: "\u05D4\u05EA\u05E9\u05D5\u05D1\u05D4 \u05E0\u05E9\u05DC\u05D7\u05D4",
-  respFreeText: "\u05D8\u05E7\u05E1\u05D8 \u05D7\u05D5\u05E4\u05E9\u05D9",
-  respSingleChoice: "\u05D1\u05D7\u05D9\u05E8\u05D4 \u05D9\u05D7\u05D9\u05D3\u05D4",
-  respMultiChoice: "\u05D1\u05D7\u05D9\u05E8\u05D4 \u05DE\u05E8\u05D5\u05D1\u05D4",
-  respConfirmation: "\u05D0\u05D9\u05E9\u05D5\u05E8",
   approvalRequired: "\u05E0\u05D3\u05E8\u05E9 \u05D0\u05D9\u05E9\u05D5\u05E8",
   approve: "\u05D0\u05D9\u05E9\u05D5\u05E8",
   reject: "\u05D3\u05D7\u05D9\u05D9\u05D4",
@@ -1850,7 +1795,7 @@ function applyHostAttributes(host, resolved) {
 import { h, render as renderPreact } from "preact";
 
 // src/ui/app.tsx
-import { useCallback as useCallback6, useEffect as useEffect16, useLayoutEffect as useLayoutEffect3, useMemo as useMemo3, useRef as useRef9, useState as useState14 } from "preact/hooks";
+import { useCallback as useCallback6, useEffect as useEffect16, useLayoutEffect as useLayoutEffect3, useMemo as useMemo3, useRef as useRef9, useState as useState13 } from "preact/hooks";
 import { batch, useComputed as useComputed8, useSignal } from "@preact/signals";
 
 // src/core/handshake-shape.ts
@@ -1935,7 +1880,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.53.0" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.54.0" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -3778,7 +3723,7 @@ var TID = {
   helpArticle: `${p2}-help-article`,
   /** News list item — suffix `-{id}`. */
   newsItem: `${p2}-news-item`,
-  // ── Forms + human-in-the-loop (forms / ask-input / approval) ─────
+  // ── Forms + human-in-the-loop (forms / ask-questions / approval) ─────
   /** Form gate root — a timeline row that locks the chat while open. */
   formGate: `${p2}-form-gate`,
   /** "Form submitted / skipped" marker row (wire-reconstructed on resume). */
@@ -3795,11 +3740,11 @@ var TID = {
   formSkip: `${p2}-form-skip`,
   /** A single form field control — suffix `-{name}` at the JSX site. */
   formField: `${p2}-form-field`,
-  /** Ask-input tool root (inline form in a message bubble). */
-  toolAskInput: `${p2}-tool-ask-input`,
-  /** Ask-input submit button. */
+  /** Ask-questions tool root (inline form in a message bubble). */
+  toolAskQuestions: `${p2}-tool-ask-questions`,
+  /** Ask-questions submit button. */
   toolInputSubmit: `${p2}-tool-input-submit`,
-  /** Ask-input skip button. */
+  /** Ask-questions skip/cancel button. */
   toolInputSkip: `${p2}-tool-input-skip`,
   /** Tool-approval root (approve/reject prompt). */
   toolApproval: `${p2}-tool-approval`,
@@ -4006,7 +3951,7 @@ var KEEP_VISIBLE = 56;
 function useDragMove(panelEl, enabled) {
   useEffect3(() => {
     if (!enabled || !panelEl) return;
-    const num2 = (v) => Number.parseFloat(v) || 0;
+    const num = (v) => Number.parseFloat(v) || 0;
     const clamp = (v, max) => Math.min(max, Math.max(-max, v));
     let drag = null;
     const onDown = (e) => {
@@ -4017,8 +3962,8 @@ function useDragMove(panelEl, enabled) {
         id: e.pointerId,
         x: e.clientX,
         y: e.clientY,
-        dx: num2(panelEl.style.getPropertyValue(`--${p4}-modal-dx`)),
-        dy: num2(panelEl.style.getPropertyValue(`--${p4}-modal-dy`)),
+        dx: num(panelEl.style.getPropertyValue(`--${p4}-modal-dx`)),
+        dy: num(panelEl.style.getPropertyValue(`--${p4}-modal-dy`)),
         // Centred origin: |offset| ≤ (viewport + panel)/2 − keepVisible keeps a
         // strip of the dialog reachable so it can never be lost off-screen.
         maxX: (window.innerWidth + rect.width) / 2 - KEEP_VISIBLE,
@@ -4951,7 +4896,7 @@ function HeaderActions({ panelProps, variant }) {
 }
 
 // src/ui/message-list.tsx
-import { useEffect as useEffect7, useLayoutEffect as useLayoutEffect2, useRef as useRef5, useState as useState7 } from "preact/hooks";
+import { useEffect as useEffect7, useLayoutEffect as useLayoutEffect2, useRef as useRef5, useState as useState6 } from "preact/hooks";
 import { useComputed as useComputed6 } from "@preact/signals";
 
 // src/ui/form/dynamic-form.tsx
@@ -5351,10 +5296,10 @@ function FormDoneMarker({
 import { useComputed as useComputed5 } from "@preact/signals";
 
 // src/stream/constants.ts
-function isAskUserInputTool(toolName2) {
+function isAskUserQuestionsTool(toolName2) {
   if (!toolName2) return false;
   const name = toolName2.startsWith("tool:") ? toolName2.slice(5) : toolName2;
-  return name === "ask-user-input" || name === "ask_user_input" || name === "request-user-input" || name === "request_user_input";
+  return name === "ask-user-questions" || name === "ask_user_questions";
 }
 
 // src/ui/markdown.tsx
@@ -5621,107 +5566,103 @@ function ToolApproval({ part, strings, active, superseded = false, onDecision, o
   ] });
 }
 
-// src/ui/tool-ask-input.tsx
+// src/ui/tool-ask-questions.tsx
 import { useComputed as useComputed3 } from "@preact/signals";
-import { useState as useState6 } from "preact/hooks";
 
 // src/ui/form/field.ts
-function parseAskUserInput(input) {
+var QUESTION_TYPES = /* @__PURE__ */ new Set([
+  "text",
+  "email",
+  "phone",
+  "number",
+  "date",
+  "single-select",
+  "multi-select",
+  "boolean"
+]);
+function parseAskUserQuestions(input) {
   const raw = input && typeof input === "object" ? input : {};
-  const responseType = raw.responseType;
+  const rawQuestions = Array.isArray(raw.questions) ? raw.questions : [];
+  const questions = rawQuestions.map(parseQuestion).filter((q) => q !== null);
+  return { intro: str(raw.intro), questions };
+}
+function parseQuestion(value, index) {
+  if (!value || typeof value !== "object") return null;
+  const raw = value;
+  const type = QUESTION_TYPES.has(raw.type) ? raw.type : "text";
   return {
-    title: str(raw.title),
+    key: str(raw.key) ?? `q${index + 1}`,
     question: str(raw.question) ?? "Please provide the missing information.",
-    description: str(raw.description),
-    placeholder: str(raw.placeholder),
-    responseType: responseType === "single-choice" || responseType === "multi-choice" || responseType === "confirmation" || responseType === "free-text" ? responseType : "free-text",
-    choices: Array.isArray(raw.choices) ? raw.choices : void 0,
-    allowOther: typeof raw.allowOther === "boolean" ? raw.allowOther : void 0,
-    required: typeof raw.required === "boolean" ? raw.required : true,
-    defaultValues: Array.isArray(raw.defaultValues) ? raw.defaultValues.filter((v) => typeof v === "string") : void 0,
-    minSelections: num(raw.minSelections),
-    maxSelections: num(raw.maxSelections),
-    validationHint: str(raw.validationHint)
+    type,
+    options: Array.isArray(raw.options) ? raw.options.filter((o) => typeof o === "string" && o.trim().length > 0) : void 0,
+    required: typeof raw.required === "boolean" ? raw.required : void 0,
+    helpText: str(raw.helpText)
   };
 }
-function askInputToFields(req) {
-  if (req.responseType === "confirmation") return [];
-  const options = (req.choices ?? []).map(normalizeChoice).filter((c) => c !== null);
-  let type = "textarea";
-  if (req.responseType === "single-choice" && options.length > 0) type = "radio";
-  else if (req.responseType === "multi-choice") type = "multiselect";
-  const defaultValue = type === "multiselect" ? req.defaultValues?.join(", ") : req.defaultValues?.[0];
-  return [
-    {
-      name: "answer",
-      label: req.question,
+function fieldTypeFor(type) {
+  switch (type) {
+    case "text":
+      return "textarea";
+    case "phone":
+      return "tel";
+    case "single-select":
+    case "boolean":
+      return "radio";
+    case "multi-select":
+      return "multiselect";
+    default:
+      return type;
+  }
+}
+function askQuestionsToFields(req, yesLabel, noLabel) {
+  return req.questions.map((q) => {
+    const type = fieldTypeFor(q.type);
+    const options = q.type === "boolean" ? [
+      { value: "yes", label: yesLabel },
+      { value: "no", label: noLabel }
+    ] : (q.options ?? []).map((o) => ({ value: o, label: o }));
+    return {
+      name: q.key,
+      label: q.question,
       type,
-      placeholder: req.placeholder,
-      required: req.required ?? true,
-      defaultValue,
+      required: q.required ?? false,
       options: options.length > 0 ? options : void 0,
-      allowOther: req.allowOther,
-      validationHint: req.validationHint,
-      validation: type === "multiselect" ? { minSelections: req.minSelections, maxSelections: req.maxSelections } : void 0
-    }
-  ];
-}
-function normalizeChoice(c) {
-  if (typeof c === "string") return c ? { value: c, label: c } : null;
-  if (c && typeof c.value === "string" && c.value)
-    return { value: c.value, label: c.label ?? c.value, description: c.description };
-  return null;
+      validationHint: q.helpText
+    };
+  });
 }
 function str(v) {
   return typeof v === "string" && v.trim() ? v.trim() : void 0;
 }
-function num(v) {
-  return typeof v === "number" && Number.isFinite(v) ? v : void 0;
-}
 
-// src/ui/tool-ask-input.tsx
+// src/ui/tool-ask-questions.tsx
 import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "preact/jsx-runtime";
 var p15 = BRAND.cssPrefix;
-function responseTypeLabel(req, s) {
-  switch (req.responseType) {
-    case "single-choice":
-      return s.respSingleChoice;
-    case "multi-choice":
-      return s.respMultiChoice;
-    case "confirmation":
-      return s.respConfirmation;
-    default:
-      return s.respFreeText;
-  }
-}
-function ToolAskInput({ part, strings, active, superseded = false, onSubmit, onDecision, onEdit }) {
+function ToolAskQuestions({ part, strings, active, superseded = false, onDecision, onEdit }) {
   const state = useComputed3(() => part.stateSig.value);
   const approval = useComputed3(() => part.approvalSig.value);
-  const request = useComputed3(() => parseAskUserInput(part.inputSig.value));
+  const request = useComputed3(() => parseAskUserQuestions(part.inputSig.value));
   const { terminal, responded, decided } = toolDecisionState(state.value, approval.value);
-  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 } : {});
-  };
   const req = request.value;
   if (decided) {
     const editable = responded && active && !terminal;
     return /* @__PURE__ */ jsx16(DecidedCard, { part, strings, req, editable, onEdit: () => onEdit(part.toolCallId) });
   }
   const stale = superseded;
-  return /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui${stale ? ` ${p15}-toolui-stale` : ""}`, "data-testid": TID.toolAskInput, children: [
+  return /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui${stale ? ` ${p15}-toolui-stale` : ""}`, "data-testid": TID.toolAskQuestions, children: [
     /* @__PURE__ */ jsx16("div", { class: `${p15}-toolui-head`, children: stale ? /* @__PURE__ */ jsxs13(Fragment4, { children: [
       /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge ${p15}-toolui-badge-accent`, children: strings.inputBadge }),
       /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge ${p15}-toolui-badge-muted`, children: strings.statusSuperseded })
-    ] }) : /* @__PURE__ */ jsxs13(Fragment4, { children: [
-      /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge ${p15}-toolui-badge-accent`, children: strings.inputRequired }),
-      /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge`, children: responseTypeLabel(req, strings) })
-    ] }) }),
-    req.description ? /* @__PURE__ */ jsx16("div", { class: `${p15}-toolui-desc`, children: req.description }) : null,
-    /* @__PURE__ */ jsx16(Section, { label: strings.inputQuestion, text: req.question }),
-    stale ? null : /* @__PURE__ */ jsx16(AskBody, { req, strings, resolve })
+    ] }) : /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge ${p15}-toolui-badge-accent`, children: strings.inputRequired }) }),
+    req.intro ? /* @__PURE__ */ jsx16("div", { class: `${p15}-toolui-desc`, children: req.intro }) : null,
+    stale ? null : /* @__PURE__ */ jsx16(
+      AskBody,
+      {
+        req,
+        strings,
+        resolve: (reason, accepted) => onDecision(part.toolCallId, accepted, reason)
+      }
+    )
   ] });
 }
 function AskBody({
@@ -5729,72 +5670,32 @@ function AskBody({
   strings,
   resolve
 }) {
-  if (req.responseType === "confirmation") {
-    return /* @__PURE__ */ jsx16(ConfirmBody, { req, strings, resolve });
-  }
-  const fields = askInputToFields(req).map((f) => {
-    f.label = strings.inputYourAnswer;
-    f.placeholder = f.placeholder ?? strings.inputAnswerPlaceholder;
-    return f;
-  });
+  const fields = askQuestionsToFields(req, strings.confirmYes, strings.confirmNo);
+  const loneTextarea = req.questions.length === 1 && req.questions[0]?.type === "text";
   return /* @__PURE__ */ jsx16(
     DynamicForm,
     {
       fields,
       strings,
       submitLabel: strings.inputSubmit,
-      footerHint: req.responseType === "free-text" ? strings.inputSubmitHint : void 0,
-      onSubmit: (values) => resolve(values.answer ?? Object.values(values).join(", "), true),
+      footerHint: loneTextarea ? strings.inputSubmitHint : void 0,
+      onSubmit: (values) => resolve(buildAnswersReason(req.questions, values), true),
       skipLabel: strings.inputSkip,
       onSkip: () => resolve(void 0, false),
-      submitOnEnter: true,
+      submitOnEnter: loneTextarea,
       submitTestId: TID.toolInputSubmit,
       skipTestId: TID.toolInputSkip
     }
   );
 }
-function ConfirmBody({
-  req,
-  strings,
-  resolve
-}) {
-  const [note, setNote] = useState6("");
-  const supportsNote = req.allowOther ?? true;
-  const yes = () => resolve(note.trim() || void 0, true);
-  const no = () => resolve(void 0, false);
-  const onKeyDown = (e) => {
-    if (e.key !== "Enter" || e.shiftKey || e.isComposing) return;
-    e.preventDefault();
-    yes();
-  };
-  return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-    supportsNote ? /* @__PURE__ */ jsxs13("label", { class: `${p15}-field`, children: [
-      /* @__PURE__ */ jsx16("span", { class: `${p15}-field-label`, children: strings.inputOptionalNote }),
-      /* @__PURE__ */ jsx16(
-        "textarea",
-        {
-          class: `${p15}-field-input`,
-          rows: 2,
-          value: note,
-          placeholder: req.placeholder ?? strings.inputOptionalNotePlaceholder,
-          onInput: (e) => setNote(e.target.value),
-          onKeyDown,
-          "data-testid": `${TID.formField}-note`
-        }
-      )
-    ] }) : null,
-    /* @__PURE__ */ jsxs13("div", { class: `${p15}-form-actions`, children: [
-      /* @__PURE__ */ jsx16("span", { class: `${p15}-form-hint`, children: strings.inputConfirmHint }),
-      /* @__PURE__ */ jsx16("button", { type: "button", class: `${p15}-form-skip`, onClick: no, "data-testid": TID.toolInputSkip, children: strings.confirmNo }),
-      /* @__PURE__ */ jsx16("button", { type: "button", class: `${p15}-form-submit`, onClick: yes, "data-testid": TID.toolInputSubmit, children: strings.confirmYes })
-    ] })
-  ] });
-}
-function Section({ label, text }) {
-  return /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui-section`, children: [
-    /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-label`, children: label }),
-    /* @__PURE__ */ jsx16("p", { class: `${p15}-toolui-text`, children: text })
-  ] });
+function buildAnswersReason(questions, values) {
+  const answers = questions.flatMap((q) => {
+    const flat = values[q.key];
+    if (flat == null || flat.trim() === "") return [];
+    const value = q.type === "multi-select" ? flat.split(",").map((s) => s.trim()).filter(Boolean) : flat;
+    return [{ key: q.key, value }];
+  });
+  return JSON.stringify({ answers });
 }
 function DecidedCard({
   part,
@@ -5803,31 +5704,44 @@ function DecidedCard({
   editable,
   onEdit
 }) {
-  const output = useComputed3(() => part.outputSig.value);
   const approval = useComputed3(() => part.approvalSig.value);
   const skipped = approval.value?.approved === false;
-  const answer = approval.value?.approved !== void 0 ? approval.value.reason ?? "" : summarizeOutput(output.value, strings);
+  const answers = approval.value?.approved ? parseAnswers(approval.value.reason) : {};
   return /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui`, "data-testid": TID.toolDecision, children: [
     /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui-head`, children: [
       /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge ${p15}-toolui-badge-accent`, children: strings.inputBadge }),
       /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge`, children: skipped ? strings.inputSkipped : strings.inputAnswered })
     ] }),
-    req.description ? /* @__PURE__ */ jsx16("div", { class: `${p15}-toolui-desc`, children: req.description }) : null,
-    /* @__PURE__ */ jsx16(Section, { label: strings.inputQuestion, text: req.question }),
-    !skipped && answer ? /* @__PURE__ */ jsx16(Section, { label: strings.inputYourAnswer, text: answer }) : null,
+    req.intro ? /* @__PURE__ */ jsx16("div", { class: `${p15}-toolui-desc`, children: req.intro }) : null,
+    req.questions.map((q) => {
+      const text = skipped ? "" : answers[q.key] ?? "";
+      return /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui-section`, children: [
+        /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-label`, children: q.question }),
+        text ? /* @__PURE__ */ jsx16("p", { class: `${p15}-toolui-text`, children: text }) : null
+      ] }, q.key);
+    }),
     editable ? /* @__PURE__ */ jsx16("div", { class: `${p15}-toolui-actions`, children: /* @__PURE__ */ jsx16("button", { type: "button", class: `${p15}-form-skip`, onClick: onEdit, "data-testid": TID.toolEdit, children: strings.edit }) }) : null
   ] });
 }
-function summarizeOutput(output, strings) {
-  if (output == null) return "";
-  if (typeof output === "string") return output;
-  if (typeof output === "object") {
-    const rec = output;
-    if ("confirmed" in rec) return rec.confirmed ? strings.confirmYes : strings.confirmNo;
-    if (typeof rec.responseText === "string" && rec.responseText) return rec.responseText;
-    return Object.values(rec).filter((v) => typeof v === "string" || typeof v === "number").join(", ");
+function parseAnswers(reason) {
+  if (!reason) return {};
+  const parsed = (() => {
+    try {
+      return JSON.parse(reason);
+    } catch {
+      return void 0;
+    }
+  })();
+  const list = parsed?.answers;
+  if (!Array.isArray(list)) return {};
+  const out = {};
+  for (const entry of list) {
+    if (!entry || typeof entry !== "object") continue;
+    const { key, value } = entry;
+    if (typeof key !== "string") continue;
+    out[key] = Array.isArray(value) ? value.filter((v) => typeof v === "string").join(", ") : String(value ?? "");
   }
-  return String(output);
+  return out;
 }
 
 // src/ui/tool-call.tsx
@@ -5977,15 +5891,14 @@ function ToolPartView({
 }) {
   const hasApproval = useComputed5(() => part.approvalSig.value !== void 0);
   if (tool?.humanInLoop) {
-    if (isAskUserInputTool(part.toolName)) {
+    if (isAskUserQuestionsTool(part.toolName)) {
       return /* @__PURE__ */ jsx18(
-        ToolAskInput,
+        ToolAskQuestions,
         {
           part,
           strings,
           active: interactive,
           superseded,
-          onSubmit: tool.onResult,
           onDecision: tool.onDecision,
           onEdit: tool.onEdit
         }
@@ -6067,7 +5980,7 @@ function MessageList({
 }) {
   const ref = useRef5(null);
   const messages = useComputed6(() => messagesSig.value);
-  const [showJump, setShowJump] = useState7(false);
+  const [showJump, setShowJump] = useState6(false);
   const hasHydratedRef = useRef5(false);
   const detachedRef = useRef5(false);
   const interactingRef = useRef5(false);
@@ -6354,7 +6267,7 @@ function dayLabel(createdAt, strings) {
 }
 
 // src/ui/conversation-list.tsx
-import { useEffect as useEffect8, useState as useState8 } from "preact/hooks";
+import { useEffect as useEffect8, useState as useState7 } from "preact/hooks";
 
 // src/ui/history-groups.ts
 var HISTORY_BUCKETS = ["today", "yesterday", "lastWeek", "older"];
@@ -6413,8 +6326,8 @@ function ConversationList({
 }) {
   const p36 = BRAND.cssPrefix;
   const seed = transport.peekConversations({ visitorId });
-  const [state, setState] = useState8(seed ? "loaded" : "loading");
-  const [conversations, setChats] = useState8(seed?.conversations ?? []);
+  const [state, setState] = useState7(seed ? "loaded" : "loading");
+  const [conversations, setChats] = useState7(seed?.conversations ?? []);
   useEffect8(() => {
     let cancelled = false;
     transport.listConversations({ visitorId }).then((res) => {
@@ -7020,7 +6933,7 @@ var chatLayout = {
 };
 
 // src/ui/modules/help.tsx
-import { useEffect as useEffect10, useMemo as useMemo2, useState as useState9 } from "preact/hooks";
+import { useEffect as useEffect10, useMemo as useMemo2, useState as useState8 } from "preact/hooks";
 
 // src/ui/back-header.tsx
 import { jsx as jsx25, jsxs as jsxs21 } from "preact/jsx-runtime";
@@ -7137,11 +7050,11 @@ function ArticleRow({ article, nav }) {
 }
 function HelpRoot({ transport, strings, config, nav, bus, panelProps }) {
   const tags = config.contentTags;
-  const [state, setState] = useState9("loading");
-  const [errorMsg, setErrorMsg] = useState9(strings.errorGeneric);
-  const [items, setItems] = useState9([]);
-  const [query, setQuery] = useState9("");
-  const [reloadKey, setReloadKey] = useState9(0);
+  const [state, setState] = useState8("loading");
+  const [errorMsg, setErrorMsg] = useState8(strings.errorGeneric);
+  const [items, setItems] = useState8([]);
+  const [query, setQuery] = useState8("");
+  const [reloadKey, setReloadKey] = useState8(0);
   useEffect10(() => {
     let cancelled = false;
     setState("loading");
@@ -7195,7 +7108,7 @@ var helpLayout = {
 };
 
 // src/ui/modules/home.tsx
-import { useEffect as useEffect11, useState as useState10 } from "preact/hooks";
+import { useEffect as useEffect11, useState as useState9 } from "preact/hooks";
 
 // src/ui/home-card.tsx
 import { jsx as jsx30 } from "preact/jsx-runtime";
@@ -7223,8 +7136,8 @@ function resolveGreeting(props2) {
 var openContent = (nav, item) => item.url ? nav.push({ kind: "iframe", url: item.url, title: item.title }) : nav.push({ kind: "content", id: item.id, title: item.title });
 function HomeRoot(props2) {
   const { transport, strings, config, nav, bus, panelProps } = props2;
-  const [recent, setRecent] = useState10(null);
-  const [content, setContent] = useState10([]);
+  const [recent, setRecent] = useState9(null);
+  const [content, setContent] = useState9([]);
   const tagsKey = config.contentTags?.join(",");
   useEffect11(() => {
     if (!config.showRecentConversations) return;
@@ -7314,16 +7227,16 @@ var homeLayout = {
 };
 
 // src/ui/modules/news.tsx
-import { useEffect as useEffect12, useState as useState11 } from "preact/hooks";
+import { useEffect as useEffect12, useState as useState10 } from "preact/hooks";
 import { jsx as jsx32, jsxs as jsxs27 } from "preact/jsx-runtime";
 var p29 = BRAND.cssPrefix;
 var log14 = logger.scope("news");
 function NewsRoot({ transport, strings, config, nav, bus, panelProps }) {
   const tags = config.contentTags;
-  const [state, setState] = useState11("loading");
-  const [errorMsg, setErrorMsg] = useState11(strings.errorGeneric);
-  const [items, setItems] = useState11([]);
-  const [reloadKey, setReloadKey] = useState11(0);
+  const [state, setState] = useState10("loading");
+  const [errorMsg, setErrorMsg] = useState10(strings.errorGeneric);
+  const [items, setItems] = useState10([]);
+  const [reloadKey, setReloadKey] = useState10(0);
   useEffect12(() => {
     let cancelled = false;
     setState("loading");
@@ -7446,15 +7359,15 @@ function IframeView({ url, title, strings, onBack, actions }) {
 }
 
 // src/ui/content-view.tsx
-import { useCallback as useCallback3, useEffect as useEffect13, useState as useState12 } from "preact/hooks";
+import { useCallback as useCallback3, useEffect as useEffect13, useState as useState11 } from "preact/hooks";
 import { jsx as jsx35, jsxs as jsxs30 } from "preact/jsx-runtime";
 var p32 = BRAND.cssPrefix;
 var log15 = logger.scope("content");
 var READ_DWELL_MS = 5e3;
 function ContentView({ id, title, transport, strings, bus, onBack, actions }) {
-  const [item, setItem] = useState12(null);
-  const [failed, setFailed] = useState12(false);
-  const [reloadKey, setReloadKey] = useState12(0);
+  const [item, setItem] = useState11(null);
+  const [failed, setFailed] = useState11(false);
+  const [reloadKey, setReloadKey] = useState11(0);
   const retry = useCallback3(() => {
     setFailed(false);
     setItem(null);
@@ -7698,11 +7611,11 @@ function ModulesEmpty({ strings, onClose }) {
 }
 
 // src/ui/use-launcher-callout.ts
-import { useCallback as useCallback5, useEffect as useEffect15, useState as useState13 } from "preact/hooks";
+import { useCallback as useCallback5, useEffect as useEffect15, useState as useState12 } from "preact/hooks";
 function useLauncherCallout({ callout, persistence }) {
   const textKey = callout?.text ?? "";
   const persistent = callout?.persistent ?? true;
-  const [dismissed, setDismissed] = useState13(() => persistent ? false : persistence.loadCalloutDismissed(textKey));
+  const [dismissed, setDismissed] = useState12(() => persistent ? false : persistence.loadCalloutDismissed(textKey));
   useEffect15(() => {
     setDismissed(persistent ? false : persistence.loadCalloutDismissed(textKey));
   }, [textKey, persistent, persistence]);
@@ -7731,21 +7644,21 @@ function isAbortError(error) {
   return error instanceof DOMException ? error.name === "AbortError" : error?.name === "AbortError";
 }
 function App({ options, hostElement, bus }) {
-  const [persistence] = useState14(
+  const [persistence] = useState13(
     () => createPersistence(options.widgetId, options.storage, options.aiAgentDeploymentId)
   );
-  const [visitorId, setVisitorId] = useState14(() => persistence.getVisitorId());
+  const [visitorId, setVisitorId] = useState13(() => persistence.getVisitorId());
   const initialSettings = persistence.loadUserPrefs();
-  const [activeLocale, setActiveLocale] = useState14(() => initialSettings.locale ?? options.locale);
-  const [activeThemeMode, setActiveThemeMode] = useState14(
+  const [activeLocale, setActiveLocale] = useState13(() => initialSettings.locale ?? options.locale);
+  const [activeThemeMode, setActiveThemeMode] = useState13(
     () => initialSettings.themeMode ?? options.themeMode
   );
-  const [activeTextSize, setActiveTextSize] = useState14(() => initialSettings.textSize ?? options.textSize);
+  const [activeTextSize, setActiveTextSize] = useState13(() => initialSettings.textSize ?? options.textSize);
   const conversationIdSig = useSignal(persistence.loadConversationId());
   const messagesSig = useSignal([]);
   const unreadCountSig = useSignal(0);
-  const [loadingMessages, setLoadingMessages] = useState14(false);
-  const [formMarkers, setFormMarkers] = useState14([]);
+  const [loadingMessages, setLoadingMessages] = useState13(false);
+  const [formMarkers, setFormMarkers] = useState13([]);
   function landingTab() {
     const list = options.modules.list;
     const ids = new Set(list.map((m) => m.id));
@@ -7764,15 +7677,15 @@ function App({ options, hostElement, bus }) {
   const homeNav = homeNavRef.current;
   const chatTabIdRef = useRef9(void 0);
   chatTabIdRef.current = chatTabId();
-  const [conversationReady, setConversationReady] = useState14(false);
-  const [remoteForms, setRemoteForms] = useState14(null);
-  const [formsReady, setFormsReady] = useState14(false);
+  const [conversationReady, setConversationReady] = useState13(false);
+  const [remoteForms, setRemoteForms] = useState13(null);
+  const [formsReady, setFormsReady] = useState13(false);
   const isInlineLike = options.mode === "standalone" || options.mode === "inline";
   const initialPanelRef = useRef9(
     resolveInitialPanelState(options, currentViewportWidth(), persistence.loadPanelOpen(), persistence.loadPanelSize())
   );
-  const [isOpen, setIsOpen] = useState14(initialPanelRef.current.panelOpen);
-  const [activated, setActivated] = useState14(initialPanelRef.current.panelOpen);
+  const [isOpen, setIsOpen] = useState13(initialPanelRef.current.panelOpen);
+  const [activated, setActivated] = useState13(initialPanelRef.current.panelOpen);
   const activatedRef = useRef9(activated);
   activatedRef.current = activated;
   const pendingThreadRef = useRef9(false);
@@ -7781,7 +7694,7 @@ function App({ options, hostElement, bus }) {
     if (isOpen) setActivated(true);
   }, [isOpen]);
   const initialPanelApplied = useRef9(false);
-  const [launcherLeaving, setLauncherLeaving] = useState14(false);
+  const [launcherLeaving, setLauncherLeaving] = useState13(false);
   const { dismissed: calloutDismissed, dismissCallout: dismissCalloutRaw } = useLauncherCallout({
     callout: options.launcher.callout,
     persistence
@@ -7792,21 +7705,21 @@ function App({ options, hostElement, bus }) {
     bus.emit("calloutDismiss", void 0);
     dismissCalloutRaw();
   }, [bus, dismissCalloutRaw]);
-  const [panelSize, setPanelSize] = useState14(initialPanelRef.current.panelSize);
+  const [panelSize, setPanelSize] = useState13(initialPanelRef.current.panelSize);
   const initialSizeApplied = useRef9(false);
-  const [view, setView] = useState14("chat");
-  const [canSend, setCanSend] = useState14(true);
-  const [streaming, setStreaming] = useState14(false);
-  const [agent, setAgent] = useState14(null);
-  const [suggestions, setSuggestions] = useState14([]);
-  const [activeCancel, setActiveCancel] = useState14(null);
-  const [activeDetach, setActiveDetach] = useState14(null);
+  const [view, setView] = useState13("chat");
+  const [canSend, setCanSend] = useState13(true);
+  const [streaming, setStreaming] = useState13(false);
+  const [agent, setAgent] = useState13(null);
+  const [suggestions, setSuggestions] = useState13([]);
+  const [activeCancel, setActiveCancel] = useState13(null);
+  const [activeDetach, setActiveDetach] = useState13(null);
   const stringsRef = useRef9(options.strings);
-  const [parsedSite, setParsedSite] = useState14(void 0);
-  const [parsedBlocks, setParsedBlocks] = useState14(void 0);
-  const [sidebarCollapsed, setSidebarCollapsed] = useState14(() => persistence.loadSidebarCollapsed() ?? false);
-  const [formContext, setFormContext] = useState14({});
-  const [transport] = useState14(
+  const [parsedSite, setParsedSite] = useState13(void 0);
+  const [parsedBlocks, setParsedBlocks] = useState13(void 0);
+  const [sidebarCollapsed, setSidebarCollapsed] = useState13(() => persistence.loadSidebarCollapsed() ?? false);
+  const [formContext, setFormContext] = useState13({});
+  const [transport] = useState13(
     () => new AgentTransport({
       agentApiBaseUrl: options.agentApiBaseUrl,
       dataApiBaseUrl: options.dataApiBaseUrl,
@@ -7818,8 +7731,8 @@ function App({ options, hostElement, bus }) {
       endpoints: options.endpoints
     })
   );
-  const [reducer] = useState14(() => new StreamReducer(messagesSig));
-  const [feedback] = useState14(() => new FeedbackBus(options.sound, options.haptics));
+  const [reducer] = useState13(() => new StreamReducer(messagesSig));
+  const [feedback] = useState13(() => new FeedbackBus(options.sound, options.haptics));
   const patchAndSync = useCallback6(
     (patch) => {
       persistence.patchUserPrefs(patch);