@helpai/elements 0.50.1 → 0.50.3

package/index.mjs

@@ -29,7 +29,7 @@ var BRAND = {
 };
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.50.1" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.50.3" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -2016,7 +2016,8 @@ function buildSendMessageRequest(params) {
     conversationId: params.conversationId,
     trigger: params.trigger ?? "submit-message"
   };
-  if (params.messageId) body.messageId = params.messageId;
+  const anchorId = wire.at(-1)?.id;
+  if (anchorId) body.messageId = anchorId;
   if (params.visitorId) body.visitorId = params.visitorId;
   if (params.userPrefs) body.userPrefs = params.userPrefs;
   const tools = params.tools?.map(normalizeToolRef).filter((t) => t !== null);
@@ -5281,6 +5282,11 @@ function toolName(raw) {
   if (raw.startsWith("tool-")) return raw.slice(5);
   return raw;
 }
+function toolDecisionState(state, approval) {
+  const terminal = state === "output-available" || state === "output-error" || state === "output-denied";
+  const responded = state === "approval-responded" || approval?.approved !== void 0;
+  return { terminal, responded, decided: terminal || responded };
+}
 function statusOf(state, approval) {
   if (state === "output-error") return "error";
   if (state === "output-denied" || approval?.approved === false) return "denied";
@@ -5371,9 +5377,7 @@ function ToolApproval({ part, strings, active, onDecision, onEdit }) {
   const error = useComputed2(() => part.errorSig.value);
   const name = toolName(part.toolName);
   const approved = approval.value?.approved;
-  const responded = approved !== void 0;
-  const terminal = state.value === "output-available" || state.value === "output-error" || state.value === "output-denied";
-  const decided = responded || terminal;
+  const { terminal, responded, decided } = toolDecisionState(state.value, approval.value);
   const editable = responded && active && !terminal;
   const id = part.toolCallId;
   return /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui-group`, "data-testid": decided ? TID.toolDecision : TID.toolApproval, children: [
@@ -5496,9 +5500,7 @@ function ToolAskInput({ part, strings, active, onSubmit, onDecision, onEdit }) {
   const state = useComputed3(() => part.stateSig.value);
   const approval = useComputed3(() => part.approvalSig.value);
   const request = useComputed3(() => parseAskUserInput(part.inputSig.value));
-  const terminal = state.value === "output-available" || state.value === "output-error" || state.value === "output-denied";
-  const responded = state.value === "approval-responded" || approval.value?.approved !== void 0;
-  const decided = terminal || responded;
+  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);
@@ -5603,7 +5605,7 @@ function DecidedCard({
   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);
+  const answer = approval.value?.approved !== void 0 ? approval.value.reason ?? "" : summarizeOutput(output.value, strings);
   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 }),
@@ -5615,12 +5617,12 @@ function DecidedCard({
     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) {
+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 ? "Yes" : "No";
+    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(", ");
   }
@@ -7949,10 +7951,6 @@ function App({ options, hostElement, bus }) {
       const body = buildSendMessageRequest({
         messages: thread.map(fromReactive),
         conversationId: activeConversationId,
-        // The assistant message being generated / resumed — prefer the id the
-        // backend assigned (adopted from the `start` chunk) so a HITL re-POST
-        // resumes the message the backend persisted, not the client-minted id.
-        messageId: assistantMsg.serverMessageId ?? assistantMsg.id,
         // textModel + imageModel are backend-only — selected per deployment.
         tools: options.features.tools,
         // Identity + preferences ride on every message — server may need

package/package.json

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

package/web-component.mjs

@@ -1794,7 +1794,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.50.1" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.50.3" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -1975,7 +1975,8 @@ function buildSendMessageRequest(params) {
     conversationId: params.conversationId,
     trigger: params.trigger ?? "submit-message"
   };
-  if (params.messageId) body.messageId = params.messageId;
+  const anchorId = wire.at(-1)?.id;
+  if (anchorId) body.messageId = anchorId;
   if (params.visitorId) body.visitorId = params.visitorId;
   if (params.userPrefs) body.userPrefs = params.userPrefs;
   const tools = params.tools?.map(normalizeToolRef).filter((t) => t !== null);
@@ -5240,6 +5241,11 @@ function toolName(raw) {
   if (raw.startsWith("tool-")) return raw.slice(5);
   return raw;
 }
+function toolDecisionState(state, approval) {
+  const terminal = state === "output-available" || state === "output-error" || state === "output-denied";
+  const responded = state === "approval-responded" || approval?.approved !== void 0;
+  return { terminal, responded, decided: terminal || responded };
+}
 function statusOf(state, approval) {
   if (state === "output-error") return "error";
   if (state === "output-denied" || approval?.approved === false) return "denied";
@@ -5330,9 +5336,7 @@ function ToolApproval({ part, strings, active, onDecision, onEdit }) {
   const error = useComputed2(() => part.errorSig.value);
   const name = toolName(part.toolName);
   const approved = approval.value?.approved;
-  const responded = approved !== void 0;
-  const terminal = state.value === "output-available" || state.value === "output-error" || state.value === "output-denied";
-  const decided = responded || terminal;
+  const { terminal, responded, decided } = toolDecisionState(state.value, approval.value);
   const editable = responded && active && !terminal;
   const id = part.toolCallId;
   return /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui-group`, "data-testid": decided ? TID.toolDecision : TID.toolApproval, children: [
@@ -5455,9 +5459,7 @@ function ToolAskInput({ part, strings, active, onSubmit, onDecision, onEdit }) {
   const state = useComputed3(() => part.stateSig.value);
   const approval = useComputed3(() => part.approvalSig.value);
   const request = useComputed3(() => parseAskUserInput(part.inputSig.value));
-  const terminal = state.value === "output-available" || state.value === "output-error" || state.value === "output-denied";
-  const responded = state.value === "approval-responded" || approval.value?.approved !== void 0;
-  const decided = terminal || responded;
+  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);
@@ -5562,7 +5564,7 @@ function DecidedCard({
   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);
+  const answer = approval.value?.approved !== void 0 ? approval.value.reason ?? "" : summarizeOutput(output.value, strings);
   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 }),
@@ -5574,12 +5576,12 @@ function DecidedCard({
     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) {
+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 ? "Yes" : "No";
+    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(", ");
   }
@@ -7908,10 +7910,6 @@ function App({ options, hostElement, bus }) {
       const body = buildSendMessageRequest({
         messages: thread.map(fromReactive),
         conversationId: activeConversationId,
-        // The assistant message being generated / resumed — prefer the id the
-        // backend assigned (adopted from the `start` chunk) so a HITL re-POST
-        // resumes the message the backend persisted, not the client-minted id.
-        messageId: assistantMsg.serverMessageId ?? assistantMsg.id,
         // textModel + imageModel are backend-only — selected per deployment.
         tools: options.features.tools,
         // Identity + preferences ride on every message — server may need