@helpai/elements 0.58.1 → 0.58.2

package/index.d.ts

@@ -40,7 +40,7 @@ interface ClientStorage {
  * populated {@link Strings} map. UI components then read `strings.send` as a
  * normal property access — no per-render lookup, no per-render allocation.
  */
-type StringKey = "launcherOpen" | "launcherLabel" | "panelTitle" | "composerPlaceholder" | "send" | "stop" | "attach" | "micStart" | "micStop" | "micUnsupported" | "expand" | "collapse" | "fullscreen" | "exitFullscreen" | "resizeHandle" | "scrollToBottom" | "close" | "moreActions" | "soundOn" | "soundOff" | "language" | "theme" | "themeAuto" | "themeLight" | "themeDark" | "textSize" | "textSizeSmall" | "textSizeNormal" | "textSizeLarge" | "history" | "historyTitle" | "historyEmpty" | "historyLoading" | "historyBack" | "historyContinue" | "conversationLoading" | "conversationClosed" | "startNewConversation" | "dateToday" | "dateYesterday" | "dateLastWeek" | "dateOlder" | "newConversation" | "dropZone" | "attachmentTooLarge" | "attachmentTooMany" | "attachmentMimeRejected" | "errorRetry" | "errorGeneric" | "errorRateLimited" | "loading" | "thinking" | "thoughts" | "usedTool" | "toolResult" | "sources" | "feedbackUp" | "feedbackDown" | "feedbackThanks" | "copy" | "copied" | "collapseSidebar" | "expandSidebar" | "formSubmit" | "formSkip" | "formSubmitted" | "formSkipped" | "formFillOut" | "formRequired" | "formInvalidEmail" | "formInvalidTel" | "formInvalidUrl" | "formInvalidNumber" | "formTooShort" | "formTooLong" | "formNumberTooSmall" | "formNumberTooLarge" | "formPatternMismatch" | "formChooseAtLeast" | "formChooseAtMost" | "formOther" | "formOtherPlaceholder" | "inputRequired" | "inputBadge" | "inputAnswered" | "inputSkipped" | "inputSubmit" | "inputSubmitHint" | "inputSkip" | "showOptions" | "hideOptions" | "qtypeText" | "qtypeEmail" | "qtypePhone" | "qtypeNumber" | "qtypeDate" | "qtypeChooseOne" | "qtypeChooseAny" | "qtypeBoolean" | "confirmYes" | "confirmNo" | "approvalRequired" | "approve" | "reject" | "approved" | "rejected" | "approvalReason" | "approvalPrompt" | "approvalBody" | "approvalYourResponse" | "approvalEditHint" | "approvalSubmitting" | "edit" | "toolParameters" | "statusAwaiting" | "statusResponded" | "statusCompleted" | "statusDenied" | "statusError" | "statusRunning" | "statusSuperseded" | "tabHome" | "tabConversations" | "tabHelp" | "tabNews" | "modulesEmpty" | "moduleBack" | "contentLoading" | "homeGreeting" | "homeGreetingNamed" | "homeGreetingLead" | "homeSearchPlaceholder" | "homeContentTitle" | "homeStatus" | "helpTitle" | "helpSearchPlaceholder" | "helpEmpty" | "helpLoading" | "helpSearchEmpty" | "newsTitle" | "newsEmpty" | "newsLoading" | "newsBack" | "newsPublishedAt";
+type StringKey = "launcherOpen" | "launcherLabel" | "panelTitle" | "composerPlaceholder" | "send" | "stop" | "attach" | "micStart" | "micStop" | "micUnsupported" | "expand" | "collapse" | "fullscreen" | "exitFullscreen" | "resizeHandle" | "scrollToBottom" | "close" | "moreActions" | "soundOn" | "soundOff" | "language" | "theme" | "themeAuto" | "themeLight" | "themeDark" | "textSize" | "textSizeSmall" | "textSizeNormal" | "textSizeLarge" | "history" | "historyTitle" | "historyEmpty" | "historyLoading" | "historyBack" | "historyContinue" | "conversationLoading" | "conversationClosed" | "startNewConversation" | "dateToday" | "dateYesterday" | "dateLastWeek" | "dateOlder" | "newConversation" | "dropZone" | "attachmentTooLarge" | "attachmentTooMany" | "attachmentMimeRejected" | "errorRetry" | "errorGeneric" | "errorRateLimited" | "loading" | "thinking" | "thoughts" | "toolResult" | "sources" | "feedbackUp" | "feedbackDown" | "feedbackThanks" | "copy" | "copied" | "collapseSidebar" | "expandSidebar" | "formSubmit" | "formSkip" | "formSubmitted" | "formSkipped" | "formFillOut" | "formRequired" | "formInvalidEmail" | "formInvalidTel" | "formInvalidUrl" | "formInvalidNumber" | "formTooShort" | "formTooLong" | "formNumberTooSmall" | "formNumberTooLarge" | "formPatternMismatch" | "formChooseAtLeast" | "formChooseAtMost" | "formOther" | "formOtherPlaceholder" | "inputRequired" | "inputBadge" | "inputAnswered" | "inputSkipped" | "inputSubmit" | "inputSubmitHint" | "inputSkip" | "showOptions" | "hideOptions" | "qtypeText" | "qtypeEmail" | "qtypePhone" | "qtypeNumber" | "qtypeDate" | "qtypeChooseOne" | "qtypeChooseAny" | "qtypeBoolean" | "confirmYes" | "confirmNo" | "approve" | "reject" | "approvalPrompt" | "approvalBody" | "approvalYourResponse" | "approvalEditHint" | "approvalSubmitting" | "edit" | "toolParameters" | "statusAwaiting" | "statusResponded" | "statusCompleted" | "statusDenied" | "statusError" | "statusRunning" | "statusSuperseded" | "tabHome" | "tabConversations" | "tabHelp" | "tabNews" | "modulesEmpty" | "moduleBack" | "contentLoading" | "homeGreeting" | "homeGreetingNamed" | "homeGreetingLead" | "homeSearchPlaceholder" | "homeContentTitle" | "homeStatus" | "helpTitle" | "helpSearchPlaceholder" | "helpEmpty" | "helpLoading" | "helpSearchEmpty" | "newsTitle" | "newsEmpty" | "newsLoading" | "newsBack" | "newsPublishedAt";
 /** A partial map for one locale — what overrides look like on the wire. */
 type LocaleStrings = Partial<Record<StringKey, string>>;
 /**

package/index.mjs

@@ -29,7 +29,7 @@ var BRAND = {
 };
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.58.1" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.58.2" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -89,7 +89,6 @@ var STRINGS_EN = {
   loading: "Loading\u2026",
   thinking: "Thinking\u2026",
   thoughts: "Thoughts",
-  usedTool: "Used tool",
   toolResult: "Result",
   sources: "Sources",
   feedbackUp: "Good response",
@@ -160,12 +159,8 @@ var STRINGS_EN = {
   inputSkip: "Skip",
   confirmYes: "Yes",
   confirmNo: "No",
-  approvalRequired: "Approval required",
   approve: "Approve",
   reject: "Reject",
-  approved: "Approved",
-  rejected: "Rejected",
-  approvalReason: "Add a reason (optional)",
   approvalPrompt: "{tool} requires your approval to execute.",
   approvalBody: "Review the tool input above and decide whether to allow this action.",
   approvalYourResponse: "Your response: {decision}",
@@ -237,7 +232,6 @@ var STRINGS_FR = {
   loading: "Chargement\u2026",
   thinking: "R\xE9flexion\u2026",
   thoughts: "R\xE9flexions",
-  usedTool: "Outil utilis\xE9",
   toolResult: "R\xE9sultat",
   sources: "Sources",
   feedbackUp: "Bonne r\xE9ponse",
@@ -308,12 +302,8 @@ var STRINGS_FR = {
   inputSkip: "Ignorer",
   confirmYes: "Oui",
   confirmNo: "Non",
-  approvalRequired: "Approbation requise",
   approve: "Approuver",
   reject: "Refuser",
-  approved: "Approuv\xE9",
-  rejected: "Refus\xE9",
-  approvalReason: "Ajouter une raison (facultatif)",
   approvalPrompt: "{tool} n\xE9cessite votre approbation pour s'ex\xE9cuter.",
   approvalBody: "V\xE9rifiez les param\xE8tres ci-dessus et d\xE9cidez d'autoriser ou non cette action.",
   approvalYourResponse: "Votre r\xE9ponse : {decision}",
@@ -385,7 +375,6 @@ var STRINGS_AR = {
   loading: "\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u062D\u0645\u064A\u0644\u2026",
   thinking: "\u064A\u0641\u0643\u0651\u0631\u2026",
   thoughts: "\u0627\u0644\u0623\u0641\u0643\u0627\u0631",
-  usedTool: "\u0623\u062F\u0627\u0629 \u0645\u064F\u0633\u062A\u062E\u062F\u064E\u0645\u0629",
   toolResult: "\u0627\u0644\u0646\u062A\u064A\u062C\u0629",
   sources: "\u0627\u0644\u0645\u0635\u0627\u062F\u0631",
   feedbackUp: "\u0631\u062F \u062C\u064A\u062F",
@@ -456,12 +445,8 @@ var STRINGS_AR = {
   inputSkip: "\u062A\u062E\u0637\u064D\u0651",
   confirmYes: "\u0646\u0639\u0645",
   confirmNo: "\u0644\u0627",
-  approvalRequired: "\u0645\u0637\u0644\u0648\u0628 \u0645\u0648\u0627\u0641\u0642\u0629",
   approve: "\u0645\u0648\u0627\u0641\u0642\u0629",
   reject: "\u0631\u0641\u0636",
-  approved: "\u062A\u0645\u062A \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629",
-  rejected: "\u0645\u0631\u0641\u0648\u0636",
-  approvalReason: "\u0623\u0636\u0641 \u0633\u0628\u0628\u064B\u0627 (\u0627\u062E\u062A\u064A\u0627\u0631\u064A)",
   approvalPrompt: "\u062A\u062A\u0637\u0644\u0628 {tool} \u0645\u0648\u0627\u0641\u0642\u062A\u0643 \u0644\u0644\u062A\u0646\u0641\u064A\u0630.",
   approvalBody: "\u0631\u0627\u062C\u0639 \u0645\u064F\u0639\u0637\u064A\u0627\u062A \u0627\u0644\u0623\u062F\u0627\u0629 \u0623\u0639\u0644\u0627\u0647 \u0648\u0642\u0631\u0651\u0631 \u0627\u0644\u0633\u0645\u0627\u062D \u0628\u0647\u0630\u0627 \u0627\u0644\u0625\u062C\u0631\u0627\u0621 \u0623\u0648 \u0631\u0641\u0636\u0647.",
   approvalYourResponse: "\u0631\u062F\u0651\u0643: {decision}",
@@ -533,7 +518,6 @@ var STRINGS_ES = {
   loading: "Cargando\u2026",
   thinking: "Pensando\u2026",
   thoughts: "Razonamiento",
-  usedTool: "Herramienta usada",
   toolResult: "Resultado",
   sources: "Fuentes",
   feedbackUp: "Buena respuesta",
@@ -604,12 +588,8 @@ var STRINGS_ES = {
   inputSkip: "Omitir",
   confirmYes: "S\xED",
   confirmNo: "No",
-  approvalRequired: "Aprobaci\xF3n requerida",
   approve: "Aprobar",
   reject: "Rechazar",
-  approved: "Aprobado",
-  rejected: "Rechazado",
-  approvalReason: "A\xF1ade un motivo (opcional)",
   approvalPrompt: "{tool} requiere tu aprobaci\xF3n para ejecutarse.",
   approvalBody: "Revisa los par\xE1metros de arriba y decide si permites esta acci\xF3n.",
   approvalYourResponse: "Tu respuesta: {decision}",
@@ -681,7 +661,6 @@ var STRINGS_HE = {
   loading: "\u05D8\u05D5\u05E2\u05DF\u2026",
   thinking: "\u05D7\u05D5\u05E9\u05D1\u2026",
   thoughts: "\u05DE\u05D7\u05E9\u05D1\u05D5\u05EA",
-  usedTool: "\u05DB\u05DC\u05D9 \u05D1\u05E9\u05D9\u05DE\u05D5\u05E9",
   toolResult: "\u05EA\u05D5\u05E6\u05D0\u05D4",
   sources: "\u05DE\u05E7\u05D5\u05E8\u05D5\u05EA",
   feedbackUp: "\u05EA\u05E9\u05D5\u05D1\u05D4 \u05D8\u05D5\u05D1\u05D4",
@@ -752,12 +731,8 @@ var STRINGS_HE = {
   inputSkip: "\u05D3\u05D9\u05DC\u05D5\u05D2",
   confirmYes: "\u05DB\u05DF",
   confirmNo: "\u05DC\u05D0",
-  approvalRequired: "\u05E0\u05D3\u05E8\u05E9 \u05D0\u05D9\u05E9\u05D5\u05E8",
   approve: "\u05D0\u05D9\u05E9\u05D5\u05E8",
   reject: "\u05D3\u05D7\u05D9\u05D9\u05D4",
-  approved: "\u05D0\u05D5\u05E9\u05E8",
-  rejected: "\u05E0\u05D3\u05D7\u05D4",
-  approvalReason: "\u05D4\u05D5\u05E1\u05E3 \u05E1\u05D9\u05D1\u05D4 (\u05D0\u05D5\u05E4\u05E6\u05D9\u05D5\u05E0\u05DC\u05D9)",
   approvalPrompt: "\u05D4\u05DB\u05DC\u05D9 {tool} \u05D3\u05D5\u05E8\u05E9 \u05D0\u05EA \u05D0\u05D9\u05E9\u05D5\u05E8\u05DA \u05DB\u05D3\u05D9 \u05DC\u05E4\u05E2\u05D5\u05DC.",
   approvalBody: "\u05D1\u05D3\u05D5\u05E7 \u05D0\u05EA \u05E4\u05E8\u05DE\u05D8\u05E8\u05D9 \u05D4\u05DB\u05DC\u05D9 \u05E9\u05DC\u05DE\u05E2\u05DC\u05D4 \u05D5\u05D4\u05D7\u05DC\u05D8 \u05D0\u05DD \u05DC\u05D0\u05E9\u05E8 \u05E4\u05E2\u05D5\u05DC\u05D4 \u05D6\u05D5.",
   approvalYourResponse: "\u05D4\u05EA\u05D2\u05D5\u05D1\u05D4 \u05E9\u05DC\u05DA: {decision}",
@@ -5653,6 +5628,12 @@ function toolDecisionState(state, approval) {
   const responded = state === "approval-responded" || approval?.approved !== void 0;
   return { terminal, responded, decided: terminal || responded };
 }
+function StatusPill({ status, icon, label }) {
+  return /* @__PURE__ */ jsxs12("span", { class: `${p14}-toolui-badge ${p14}-toolui-status`, "data-status": status, children: [
+    /* @__PURE__ */ jsx15("span", { class: `${p14}-toolui-status-icon`, children: icon }),
+    label
+  ] });
+}
 function statusOf(state, approval) {
   if (state === "output-error") return "error";
   if (state === "output-denied" || approval?.approved === false) return "denied";
@@ -5692,10 +5673,7 @@ function ToolStatus({
 }) {
   const base = statusOf(state, approval);
   const status = superseded && (base === "awaiting" || base === "running") ? "superseded" : base;
-  return /* @__PURE__ */ jsxs12("span", { class: `${p14}-toolui-badge ${p14}-toolui-status`, "data-status": status, children: [
-    /* @__PURE__ */ jsx15("span", { class: `${p14}-toolui-status-icon`, children: /* @__PURE__ */ jsx15(StatusIcon, { status }) }),
-    statusLabel(status, strings)
-  ] });
+  return /* @__PURE__ */ jsx15(StatusPill, { status, icon: /* @__PURE__ */ jsx15(StatusIcon, { status }), label: statusLabel(status, strings) });
 }
 function ToolHeaderRow({
   name,
@@ -5920,18 +5898,18 @@ function ToolAskQuestions({ part, strings, active, superseded = false, onDecisio
   const req = useComputed4(() => parseAskUserQuestions(part.inputSig.value)).value;
   const { terminal, decided } = toolDecisionState(state, approval);
   const answered = decided && approval?.approved === true;
-  const editable = !decided && !superseded;
-  const skipped = !editable && !answered;
+  const awaiting = !decided && !superseded;
+  const skipped = !awaiting && !answered;
   const canEdit = answered && active && !terminal;
   const questions = req.questions;
   const [manualOpen, setManualOpen] = useState7(null);
-  const openDefault = editable || answered;
+  const openDefault = awaiting || answered;
   const isOpen = manualOpen ?? openDefault;
   const [showOptions, setShowOptions] = useState7(false);
   const QIcon = questions.length > 1 ? ChatIcon : HelpIcon;
-  const identity = editable ? strings.inputRequired : strings.inputBadge;
+  const identity = awaiting ? strings.inputRequired : strings.inputBadge;
   const body = (() => {
-    if (editable) {
+    if (awaiting) {
       return /* @__PURE__ */ jsx17(EditableForm, { req, strings, resolve: (reason, ok) => onDecision(part.toolCallId, ok, reason) });
     }
     if (showOptions) {
@@ -5968,7 +5946,7 @@ function ToolAskQuestions({ part, strings, active, superseded = false, onDecisio
         const next = e.currentTarget.open;
         if (next !== isOpen) setManualOpen(next);
       },
-      "data-testid": editable ? TID.toolAskQuestions : TID.toolDecision,
+      "data-testid": awaiting ? TID.toolAskQuestions : TID.toolDecision,
       children: [
         /* @__PURE__ */ jsxs14("summary", { class: `${p16}-toolui-head`, children: [
           /* @__PURE__ */ jsxs14("span", { class: `${p16}-toolui-q-pill`, children: [
@@ -5976,13 +5954,16 @@ function ToolAskQuestions({ part, strings, active, superseded = false, onDecisio
             identity
           ] }),
           /* @__PURE__ */ jsxs14("span", { class: `${p16}-toolui-head-end`, children: [
-            editable ? null : (
-              // Same neutral pill + coloured-icon status as the tool-call card
-              // (green check = answered, muted ✕ = skipped) — only the label differs.
-              /* @__PURE__ */ jsxs14("span", { class: `${p16}-toolui-badge ${p16}-toolui-status`, "data-status": skipped ? "superseded" : "completed", children: [
-                /* @__PURE__ */ jsx17("span", { class: `${p16}-toolui-status-icon`, children: skipped ? /* @__PURE__ */ jsx17(XCircleIcon, {}) : /* @__PURE__ */ jsx17(CheckCircleIcon, {}) }),
-                skipped ? strings.inputSkipped : strings.inputAnswered
-              ] })
+            awaiting ? null : (
+              // Reuse the tool-call status-pill shell — green check = answered, muted ✕ = skipped.
+              /* @__PURE__ */ jsx17(
+                StatusPill,
+                {
+                  status: skipped ? "superseded" : "completed",
+                  icon: skipped ? /* @__PURE__ */ jsx17(XCircleIcon, {}) : /* @__PURE__ */ jsx17(CheckCircleIcon, {}),
+                  label: skipped ? strings.inputSkipped : strings.inputAnswered
+                }
+              )
             ),
             /* @__PURE__ */ jsx17("span", { class: `${p16}-toolui-chevron`, children: /* @__PURE__ */ jsx17(ChevronDownIcon, {}) })
           ] })
@@ -5990,7 +5971,7 @@ function ToolAskQuestions({ part, strings, active, superseded = false, onDecisio
         /* @__PURE__ */ jsxs14("div", { class: `${p16}-toolui-collapse-body`, children: [
           req.intro ? /* @__PURE__ */ jsx17("div", { class: `${p16}-toolui-desc`, children: req.intro }) : null,
           body,
-          editable ? null : /* @__PURE__ */ jsxs14(
+          awaiting ? null : /* @__PURE__ */ jsxs14(
             "button",
             {
               type: "button",

package/package.json

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

package/web-component.mjs

@@ -85,7 +85,6 @@ var STRINGS_EN = {
   loading: "Loading\u2026",
   thinking: "Thinking\u2026",
   thoughts: "Thoughts",
-  usedTool: "Used tool",
   toolResult: "Result",
   sources: "Sources",
   feedbackUp: "Good response",
@@ -156,12 +155,8 @@ var STRINGS_EN = {
   inputSkip: "Skip",
   confirmYes: "Yes",
   confirmNo: "No",
-  approvalRequired: "Approval required",
   approve: "Approve",
   reject: "Reject",
-  approved: "Approved",
-  rejected: "Rejected",
-  approvalReason: "Add a reason (optional)",
   approvalPrompt: "{tool} requires your approval to execute.",
   approvalBody: "Review the tool input above and decide whether to allow this action.",
   approvalYourResponse: "Your response: {decision}",
@@ -233,7 +228,6 @@ var STRINGS_FR = {
   loading: "Chargement\u2026",
   thinking: "R\xE9flexion\u2026",
   thoughts: "R\xE9flexions",
-  usedTool: "Outil utilis\xE9",
   toolResult: "R\xE9sultat",
   sources: "Sources",
   feedbackUp: "Bonne r\xE9ponse",
@@ -304,12 +298,8 @@ var STRINGS_FR = {
   inputSkip: "Ignorer",
   confirmYes: "Oui",
   confirmNo: "Non",
-  approvalRequired: "Approbation requise",
   approve: "Approuver",
   reject: "Refuser",
-  approved: "Approuv\xE9",
-  rejected: "Refus\xE9",
-  approvalReason: "Ajouter une raison (facultatif)",
   approvalPrompt: "{tool} n\xE9cessite votre approbation pour s'ex\xE9cuter.",
   approvalBody: "V\xE9rifiez les param\xE8tres ci-dessus et d\xE9cidez d'autoriser ou non cette action.",
   approvalYourResponse: "Votre r\xE9ponse : {decision}",
@@ -381,7 +371,6 @@ var STRINGS_AR = {
   loading: "\u062C\u0627\u0631\u064D \u0627\u0644\u062A\u062D\u0645\u064A\u0644\u2026",
   thinking: "\u064A\u0641\u0643\u0651\u0631\u2026",
   thoughts: "\u0627\u0644\u0623\u0641\u0643\u0627\u0631",
-  usedTool: "\u0623\u062F\u0627\u0629 \u0645\u064F\u0633\u062A\u062E\u062F\u064E\u0645\u0629",
   toolResult: "\u0627\u0644\u0646\u062A\u064A\u062C\u0629",
   sources: "\u0627\u0644\u0645\u0635\u0627\u062F\u0631",
   feedbackUp: "\u0631\u062F \u062C\u064A\u062F",
@@ -452,12 +441,8 @@ var STRINGS_AR = {
   inputSkip: "\u062A\u062E\u0637\u064D\u0651",
   confirmYes: "\u0646\u0639\u0645",
   confirmNo: "\u0644\u0627",
-  approvalRequired: "\u0645\u0637\u0644\u0648\u0628 \u0645\u0648\u0627\u0641\u0642\u0629",
   approve: "\u0645\u0648\u0627\u0641\u0642\u0629",
   reject: "\u0631\u0641\u0636",
-  approved: "\u062A\u0645\u062A \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629",
-  rejected: "\u0645\u0631\u0641\u0648\u0636",
-  approvalReason: "\u0623\u0636\u0641 \u0633\u0628\u0628\u064B\u0627 (\u0627\u062E\u062A\u064A\u0627\u0631\u064A)",
   approvalPrompt: "\u062A\u062A\u0637\u0644\u0628 {tool} \u0645\u0648\u0627\u0641\u0642\u062A\u0643 \u0644\u0644\u062A\u0646\u0641\u064A\u0630.",
   approvalBody: "\u0631\u0627\u062C\u0639 \u0645\u064F\u0639\u0637\u064A\u0627\u062A \u0627\u0644\u0623\u062F\u0627\u0629 \u0623\u0639\u0644\u0627\u0647 \u0648\u0642\u0631\u0651\u0631 \u0627\u0644\u0633\u0645\u0627\u062D \u0628\u0647\u0630\u0627 \u0627\u0644\u0625\u062C\u0631\u0627\u0621 \u0623\u0648 \u0631\u0641\u0636\u0647.",
   approvalYourResponse: "\u0631\u062F\u0651\u0643: {decision}",
@@ -529,7 +514,6 @@ var STRINGS_ES = {
   loading: "Cargando\u2026",
   thinking: "Pensando\u2026",
   thoughts: "Razonamiento",
-  usedTool: "Herramienta usada",
   toolResult: "Resultado",
   sources: "Fuentes",
   feedbackUp: "Buena respuesta",
@@ -600,12 +584,8 @@ var STRINGS_ES = {
   inputSkip: "Omitir",
   confirmYes: "S\xED",
   confirmNo: "No",
-  approvalRequired: "Aprobaci\xF3n requerida",
   approve: "Aprobar",
   reject: "Rechazar",
-  approved: "Aprobado",
-  rejected: "Rechazado",
-  approvalReason: "A\xF1ade un motivo (opcional)",
   approvalPrompt: "{tool} requiere tu aprobaci\xF3n para ejecutarse.",
   approvalBody: "Revisa los par\xE1metros de arriba y decide si permites esta acci\xF3n.",
   approvalYourResponse: "Tu respuesta: {decision}",
@@ -677,7 +657,6 @@ var STRINGS_HE = {
   loading: "\u05D8\u05D5\u05E2\u05DF\u2026",
   thinking: "\u05D7\u05D5\u05E9\u05D1\u2026",
   thoughts: "\u05DE\u05D7\u05E9\u05D1\u05D5\u05EA",
-  usedTool: "\u05DB\u05DC\u05D9 \u05D1\u05E9\u05D9\u05DE\u05D5\u05E9",
   toolResult: "\u05EA\u05D5\u05E6\u05D0\u05D4",
   sources: "\u05DE\u05E7\u05D5\u05E8\u05D5\u05EA",
   feedbackUp: "\u05EA\u05E9\u05D5\u05D1\u05D4 \u05D8\u05D5\u05D1\u05D4",
@@ -748,12 +727,8 @@ var STRINGS_HE = {
   inputSkip: "\u05D3\u05D9\u05DC\u05D5\u05D2",
   confirmYes: "\u05DB\u05DF",
   confirmNo: "\u05DC\u05D0",
-  approvalRequired: "\u05E0\u05D3\u05E8\u05E9 \u05D0\u05D9\u05E9\u05D5\u05E8",
   approve: "\u05D0\u05D9\u05E9\u05D5\u05E8",
   reject: "\u05D3\u05D7\u05D9\u05D9\u05D4",
-  approved: "\u05D0\u05D5\u05E9\u05E8",
-  rejected: "\u05E0\u05D3\u05D7\u05D4",
-  approvalReason: "\u05D4\u05D5\u05E1\u05E3 \u05E1\u05D9\u05D1\u05D4 (\u05D0\u05D5\u05E4\u05E6\u05D9\u05D5\u05E0\u05DC\u05D9)",
   approvalPrompt: "\u05D4\u05DB\u05DC\u05D9 {tool} \u05D3\u05D5\u05E8\u05E9 \u05D0\u05EA \u05D0\u05D9\u05E9\u05D5\u05E8\u05DA \u05DB\u05D3\u05D9 \u05DC\u05E4\u05E2\u05D5\u05DC.",
   approvalBody: "\u05D1\u05D3\u05D5\u05E7 \u05D0\u05EA \u05E4\u05E8\u05DE\u05D8\u05E8\u05D9 \u05D4\u05DB\u05DC\u05D9 \u05E9\u05DC\u05DE\u05E2\u05DC\u05D4 \u05D5\u05D4\u05D7\u05DC\u05D8 \u05D0\u05DD \u05DC\u05D0\u05E9\u05E8 \u05E4\u05E2\u05D5\u05DC\u05D4 \u05D6\u05D5.",
   approvalYourResponse: "\u05D4\u05EA\u05D2\u05D5\u05D1\u05D4 \u05E9\u05DC\u05DA: {decision}",
@@ -1959,7 +1934,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.58.1" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.58.2" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -5612,6 +5587,12 @@ function toolDecisionState(state, approval) {
   const responded = state === "approval-responded" || approval?.approved !== void 0;
   return { terminal, responded, decided: terminal || responded };
 }
+function StatusPill({ status, icon, label }) {
+  return /* @__PURE__ */ jsxs12("span", { class: `${p14}-toolui-badge ${p14}-toolui-status`, "data-status": status, children: [
+    /* @__PURE__ */ jsx15("span", { class: `${p14}-toolui-status-icon`, children: icon }),
+    label
+  ] });
+}
 function statusOf(state, approval) {
   if (state === "output-error") return "error";
   if (state === "output-denied" || approval?.approved === false) return "denied";
@@ -5651,10 +5632,7 @@ function ToolStatus({
 }) {
   const base = statusOf(state, approval);
   const status = superseded && (base === "awaiting" || base === "running") ? "superseded" : base;
-  return /* @__PURE__ */ jsxs12("span", { class: `${p14}-toolui-badge ${p14}-toolui-status`, "data-status": status, children: [
-    /* @__PURE__ */ jsx15("span", { class: `${p14}-toolui-status-icon`, children: /* @__PURE__ */ jsx15(StatusIcon, { status }) }),
-    statusLabel(status, strings)
-  ] });
+  return /* @__PURE__ */ jsx15(StatusPill, { status, icon: /* @__PURE__ */ jsx15(StatusIcon, { status }), label: statusLabel(status, strings) });
 }
 function ToolHeaderRow({
   name,
@@ -5879,18 +5857,18 @@ function ToolAskQuestions({ part, strings, active, superseded = false, onDecisio
   const req = useComputed4(() => parseAskUserQuestions(part.inputSig.value)).value;
   const { terminal, decided } = toolDecisionState(state, approval);
   const answered = decided && approval?.approved === true;
-  const editable = !decided && !superseded;
-  const skipped = !editable && !answered;
+  const awaiting = !decided && !superseded;
+  const skipped = !awaiting && !answered;
   const canEdit = answered && active && !terminal;
   const questions = req.questions;
   const [manualOpen, setManualOpen] = useState7(null);
-  const openDefault = editable || answered;
+  const openDefault = awaiting || answered;
   const isOpen = manualOpen ?? openDefault;
   const [showOptions, setShowOptions] = useState7(false);
   const QIcon = questions.length > 1 ? ChatIcon : HelpIcon;
-  const identity = editable ? strings.inputRequired : strings.inputBadge;
+  const identity = awaiting ? strings.inputRequired : strings.inputBadge;
   const body = (() => {
-    if (editable) {
+    if (awaiting) {
       return /* @__PURE__ */ jsx17(EditableForm, { req, strings, resolve: (reason, ok) => onDecision(part.toolCallId, ok, reason) });
     }
     if (showOptions) {
@@ -5927,7 +5905,7 @@ function ToolAskQuestions({ part, strings, active, superseded = false, onDecisio
         const next = e.currentTarget.open;
         if (next !== isOpen) setManualOpen(next);
       },
-      "data-testid": editable ? TID.toolAskQuestions : TID.toolDecision,
+      "data-testid": awaiting ? TID.toolAskQuestions : TID.toolDecision,
       children: [
         /* @__PURE__ */ jsxs14("summary", { class: `${p16}-toolui-head`, children: [
           /* @__PURE__ */ jsxs14("span", { class: `${p16}-toolui-q-pill`, children: [
@@ -5935,13 +5913,16 @@ function ToolAskQuestions({ part, strings, active, superseded = false, onDecisio
             identity
           ] }),
           /* @__PURE__ */ jsxs14("span", { class: `${p16}-toolui-head-end`, children: [
-            editable ? null : (
-              // Same neutral pill + coloured-icon status as the tool-call card
-              // (green check = answered, muted ✕ = skipped) — only the label differs.
-              /* @__PURE__ */ jsxs14("span", { class: `${p16}-toolui-badge ${p16}-toolui-status`, "data-status": skipped ? "superseded" : "completed", children: [
-                /* @__PURE__ */ jsx17("span", { class: `${p16}-toolui-status-icon`, children: skipped ? /* @__PURE__ */ jsx17(XCircleIcon, {}) : /* @__PURE__ */ jsx17(CheckCircleIcon, {}) }),
-                skipped ? strings.inputSkipped : strings.inputAnswered
-              ] })
+            awaiting ? null : (
+              // Reuse the tool-call status-pill shell — green check = answered, muted ✕ = skipped.
+              /* @__PURE__ */ jsx17(
+                StatusPill,
+                {
+                  status: skipped ? "superseded" : "completed",
+                  icon: skipped ? /* @__PURE__ */ jsx17(XCircleIcon, {}) : /* @__PURE__ */ jsx17(CheckCircleIcon, {}),
+                  label: skipped ? strings.inputSkipped : strings.inputAnswered
+                }
+              )
             ),
             /* @__PURE__ */ jsx17("span", { class: `${p16}-toolui-chevron`, children: /* @__PURE__ */ jsx17(ChevronDownIcon, {}) })
           ] })
@@ -5949,7 +5930,7 @@ function ToolAskQuestions({ part, strings, active, superseded = false, onDecisio
         /* @__PURE__ */ jsxs14("div", { class: `${p16}-toolui-collapse-body`, children: [
           req.intro ? /* @__PURE__ */ jsx17("div", { class: `${p16}-toolui-desc`, children: req.intro }) : null,
           body,
-          editable ? null : /* @__PURE__ */ jsxs14(
+          awaiting ? null : /* @__PURE__ */ jsxs14(
             "button",
             {
               type: "button",