@helpai/elements 0.51.12 → 0.51.14

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" | "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" | "inputQuestion" | "inputResponse" | "inputYourAnswer" | "inputSubmit" | "inputSubmitHint" | "inputAnswerPlaceholder" | "inputSkip" | "confirmYes" | "confirmNo" | "inputConfirmHint" | "inputOptionalNote" | "inputOptionalNotePlaceholder" | "inputSubmitted" | "respFreeText" | "respSingleChoice" | "respMultiChoice" | "respConfirmation" | "approvalRequired" | "approve" | "reject" | "approved" | "rejected" | "approvalReason" | "approvalPrompt" | "approvalBody" | "approvalYourResponse" | "approvalEditHint" | "approvalSubmitting" | "edit" | "toolParameters" | "statusAwaiting" | "statusResponded" | "statusCompleted" | "statusDenied" | "statusError" | "statusRunning" | "statusSuperseded" | "stepNoLongerActive" | "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" | "usedTool" | "toolResult" | "sources" | "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" | "inputQuestion" | "inputResponse" | "inputYourAnswer" | "inputSubmit" | "inputSubmitHint" | "inputAnswerPlaceholder" | "inputSkip" | "confirmYes" | "confirmNo" | "inputConfirmHint" | "inputOptionalNote" | "inputOptionalNotePlaceholder" | "inputSubmitted" | "respFreeText" | "respSingleChoice" | "respMultiChoice" | "respConfirmation" | "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";
 /** 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.51.12" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.51.14" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -169,7 +169,6 @@ var STRINGS_EN = {
   approvalEditHint: "You can edit this response until this step continues.",
   approvalSubmitting: "Response submitted. Request in progress\u2026",
   edit: "Edit",
-  stepNoLongerActive: "This request is no longer active.",
   toolParameters: "Parameters",
   statusAwaiting: "Awaiting Approval",
   statusResponded: "Responded",
@@ -315,7 +314,6 @@ var STRINGS_FR = {
   approvalEditHint: "Vous pouvez modifier votre r\xE9ponse jusqu'\xE0 la reprise de cette \xE9tape.",
   approvalSubmitting: "R\xE9ponse envoy\xE9e. Traitement en cours\u2026",
   edit: "Modifier",
-  stepNoLongerActive: "Cette demande n'est plus active.",
   toolParameters: "Param\xE8tres",
   statusAwaiting: "En attente d'approbation",
   statusResponded: "R\xE9pondu",
@@ -461,7 +459,6 @@ var STRINGS_AR = {
   approvalEditHint: "\u064A\u0645\u0643\u0646\u0643 \u062A\u0639\u062F\u064A\u0644 \u0631\u062F\u0651\u0643 \u062D\u062A\u0649 \u062A\u0633\u062A\u0623\u0646\u0641 \u0647\u0630\u0647 \u0627\u0644\u062E\u0637\u0648\u0629.",
   approvalSubmitting: "\u062A\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u062F. \u062C\u0627\u0631\u064D \u0627\u0644\u062A\u0646\u0641\u064A\u0630\u2026",
   edit: "\u062A\u0639\u062F\u064A\u0644",
-  stepNoLongerActive: "\u0644\u0645 \u064A\u0639\u062F \u0647\u0630\u0627 \u0627\u0644\u0637\u0644\u0628 \u0646\u0634\u0637\u064B\u0627.",
   toolParameters: "\u0627\u0644\u0645\u0639\u0637\u064A\u0627\u062A",
   statusAwaiting: "\u0628\u0627\u0646\u062A\u0638\u0627\u0631 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629",
   statusResponded: "\u062A\u0645 \u0627\u0644\u0631\u062F",
@@ -607,7 +604,6 @@ var STRINGS_ES = {
   approvalEditHint: "Puedes cambiar tu respuesta hasta que este paso contin\xFAe.",
   approvalSubmitting: "Respuesta enviada. Procesando\u2026",
   edit: "Editar",
-  stepNoLongerActive: "Esta solicitud ya no est\xE1 activa.",
   toolParameters: "Par\xE1metros",
   statusAwaiting: "Esperando aprobaci\xF3n",
   statusResponded: "Respondido",
@@ -5462,6 +5458,7 @@ function ToolApproval({ part, strings, active, onDecision, onEdit }) {
   const approved = approval.value?.approved;
   const { terminal, responded, decided } = toolDecisionState(state.value, approval.value);
   const editable = responded && active && !terminal;
+  const superseded = !decided && !active;
   const id = part.toolCallId;
   return /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui-group`, "data-testid": decided ? TID.toolDecision : TID.toolApproval, children: [
     /* @__PURE__ */ jsxs12("details", { class: `${p14}-toolui ${p14}-toolui-collapsible`, children: [
@@ -5472,14 +5469,14 @@ function ToolApproval({ part, strings, active, onDecision, onEdit }) {
           state: state.value,
           approval: approval.value,
           strings,
-          superseded: !decided && !active
+          superseded
         }
       ) }),
       /* @__PURE__ */ jsx15(ToolSection, { label: strings.toolParameters, value: input.value }),
       output.value !== void 0 ? /* @__PURE__ */ jsx15(ToolSection, { label: strings.toolResult, value: output.value }) : null,
       error.value ? /* @__PURE__ */ jsx15(ToolSection, { label: strings.statusError, value: error.value, error: true }) : null
     ] }),
-    /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui ${p14}-toolui-body`, children: [
+    superseded ? null : /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui ${p14}-toolui-body`, children: [
       responded ? (
         // DECIDED — lead with the recorded response (no repeated prompt/body), so the card barely
         // changes height from the awaiting state and the Edit sits right under the edit hint.
@@ -5495,8 +5492,7 @@ function ToolApproval({ part, strings, active, onDecision, onEdit }) {
         // AWAITING — the prompt + what to do, then Reject / Approve.
         /* @__PURE__ */ jsxs12(Fragment3, { children: [
           /* @__PURE__ */ jsx15("p", { class: `${p14}-toolui-prompt`, children: strings.approvalPrompt.replace("{tool}", name) }),
-          /* @__PURE__ */ jsx15("p", { class: `${p14}-toolui-subtle`, children: strings.approvalBody }),
-          !active ? /* @__PURE__ */ jsx15("p", { class: `${p14}-toolui-subtle`, children: strings.stepNoLongerActive }) : null
+          /* @__PURE__ */ jsx15("p", { class: `${p14}-toolui-subtle`, children: strings.approvalBody })
         ] })
       ),
       !decided && active ? /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui-actions`, children: [
@@ -5617,12 +5613,12 @@ function ToolAskInput({ part, strings, active, onSubmit, onDecision, onEdit }) {
   const stale = !active;
   return /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui${stale ? ` ${p15}-toolui-stale` : ""}`, "data-testid": TID.toolAskInput, children: [
     /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui-head`, children: [
-      /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge ${p15}-toolui-badge-accent`, children: strings.inputRequired }),
+      stale ? /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge`, children: strings.statusSuperseded }) : /* @__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 ? /* @__PURE__ */ jsx16("p", { class: `${p15}-toolui-note`, children: strings.stepNoLongerActive }) : /* @__PURE__ */ jsx16(AskBody, { req, strings, resolve })
+    stale ? null : /* @__PURE__ */ jsx16(AskBody, { req, strings, resolve })
   ] });
 }
 function AskBody({

package/package.json

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

package/web-component.mjs

@@ -165,7 +165,6 @@ var STRINGS_EN = {
   approvalEditHint: "You can edit this response until this step continues.",
   approvalSubmitting: "Response submitted. Request in progress\u2026",
   edit: "Edit",
-  stepNoLongerActive: "This request is no longer active.",
   toolParameters: "Parameters",
   statusAwaiting: "Awaiting Approval",
   statusResponded: "Responded",
@@ -311,7 +310,6 @@ var STRINGS_FR = {
   approvalEditHint: "Vous pouvez modifier votre r\xE9ponse jusqu'\xE0 la reprise de cette \xE9tape.",
   approvalSubmitting: "R\xE9ponse envoy\xE9e. Traitement en cours\u2026",
   edit: "Modifier",
-  stepNoLongerActive: "Cette demande n'est plus active.",
   toolParameters: "Param\xE8tres",
   statusAwaiting: "En attente d'approbation",
   statusResponded: "R\xE9pondu",
@@ -457,7 +455,6 @@ var STRINGS_AR = {
   approvalEditHint: "\u064A\u0645\u0643\u0646\u0643 \u062A\u0639\u062F\u064A\u0644 \u0631\u062F\u0651\u0643 \u062D\u062A\u0649 \u062A\u0633\u062A\u0623\u0646\u0641 \u0647\u0630\u0647 \u0627\u0644\u062E\u0637\u0648\u0629.",
   approvalSubmitting: "\u062A\u0645 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0631\u062F. \u062C\u0627\u0631\u064D \u0627\u0644\u062A\u0646\u0641\u064A\u0630\u2026",
   edit: "\u062A\u0639\u062F\u064A\u0644",
-  stepNoLongerActive: "\u0644\u0645 \u064A\u0639\u062F \u0647\u0630\u0627 \u0627\u0644\u0637\u0644\u0628 \u0646\u0634\u0637\u064B\u0627.",
   toolParameters: "\u0627\u0644\u0645\u0639\u0637\u064A\u0627\u062A",
   statusAwaiting: "\u0628\u0627\u0646\u062A\u0638\u0627\u0631 \u0627\u0644\u0645\u0648\u0627\u0641\u0642\u0629",
   statusResponded: "\u062A\u0645 \u0627\u0644\u0631\u062F",
@@ -603,7 +600,6 @@ var STRINGS_ES = {
   approvalEditHint: "Puedes cambiar tu respuesta hasta que este paso contin\xFAe.",
   approvalSubmitting: "Respuesta enviada. Procesando\u2026",
   edit: "Editar",
-  stepNoLongerActive: "Esta solicitud ya no est\xE1 activa.",
   toolParameters: "Par\xE1metros",
   statusAwaiting: "Esperando aprobaci\xF3n",
   statusResponded: "Respondido",
@@ -1798,7 +1794,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.51.12" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.51.14" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -5421,6 +5417,7 @@ function ToolApproval({ part, strings, active, onDecision, onEdit }) {
   const approved = approval.value?.approved;
   const { terminal, responded, decided } = toolDecisionState(state.value, approval.value);
   const editable = responded && active && !terminal;
+  const superseded = !decided && !active;
   const id = part.toolCallId;
   return /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui-group`, "data-testid": decided ? TID.toolDecision : TID.toolApproval, children: [
     /* @__PURE__ */ jsxs12("details", { class: `${p14}-toolui ${p14}-toolui-collapsible`, children: [
@@ -5431,14 +5428,14 @@ function ToolApproval({ part, strings, active, onDecision, onEdit }) {
           state: state.value,
           approval: approval.value,
           strings,
-          superseded: !decided && !active
+          superseded
         }
       ) }),
       /* @__PURE__ */ jsx15(ToolSection, { label: strings.toolParameters, value: input.value }),
       output.value !== void 0 ? /* @__PURE__ */ jsx15(ToolSection, { label: strings.toolResult, value: output.value }) : null,
       error.value ? /* @__PURE__ */ jsx15(ToolSection, { label: strings.statusError, value: error.value, error: true }) : null
     ] }),
-    /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui ${p14}-toolui-body`, children: [
+    superseded ? null : /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui ${p14}-toolui-body`, children: [
       responded ? (
         // DECIDED — lead with the recorded response (no repeated prompt/body), so the card barely
         // changes height from the awaiting state and the Edit sits right under the edit hint.
@@ -5454,8 +5451,7 @@ function ToolApproval({ part, strings, active, onDecision, onEdit }) {
         // AWAITING — the prompt + what to do, then Reject / Approve.
         /* @__PURE__ */ jsxs12(Fragment3, { children: [
           /* @__PURE__ */ jsx15("p", { class: `${p14}-toolui-prompt`, children: strings.approvalPrompt.replace("{tool}", name) }),
-          /* @__PURE__ */ jsx15("p", { class: `${p14}-toolui-subtle`, children: strings.approvalBody }),
-          !active ? /* @__PURE__ */ jsx15("p", { class: `${p14}-toolui-subtle`, children: strings.stepNoLongerActive }) : null
+          /* @__PURE__ */ jsx15("p", { class: `${p14}-toolui-subtle`, children: strings.approvalBody })
         ] })
       ),
       !decided && active ? /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui-actions`, children: [
@@ -5576,12 +5572,12 @@ function ToolAskInput({ part, strings, active, onSubmit, onDecision, onEdit }) {
   const stale = !active;
   return /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui${stale ? ` ${p15}-toolui-stale` : ""}`, "data-testid": TID.toolAskInput, children: [
     /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui-head`, children: [
-      /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge ${p15}-toolui-badge-accent`, children: strings.inputRequired }),
+      stale ? /* @__PURE__ */ jsx16("span", { class: `${p15}-toolui-badge`, children: strings.statusSuperseded }) : /* @__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 ? /* @__PURE__ */ jsx16("p", { class: `${p15}-toolui-note`, children: strings.stepNoLongerActive }) : /* @__PURE__ */ jsx16(AskBody, { req, strings, resolve })
+    stale ? null : /* @__PURE__ */ jsx16(AskBody, { req, strings, resolve })
   ] });
 }
 function AskBody({