@helpai/elements 0.50.0 → 0.50.2

package/index.d.ts

@@ -1286,10 +1286,9 @@ interface ServerConfig {
  *     `?helpai-debug=trace`, or the `options.debug` mount param all
  *     converge on the same internal level. Persisted to
  *     `localStorage["helpai.debug"]` so a refresh keeps visibility.
- *   • Co-hosted brand safety — every signal (query, global key, log
- *     tag) is brand-prefixed so `help-ai` and `go-ai` widgets on the
- *     same page don't fight over flags or pollute each other's
- *     transcripts.
+ *   • Co-hosted safety — every signal (query, global key, log tag) is
+ *     brand-prefixed so two widgets on the same page don't fight over
+ *     flags or pollute each other's transcripts.
  */
 type LogLevel = "off" | "error" | "warn" | "info" | "debug" | "trace";
 /** One structured line, as forwarded to an external {@link setLogSink} sink. */
@@ -1575,7 +1574,7 @@ type HookListener = (instance: ChatWidgetInstance, event: EventName, data: unkno
  *
  * @example
  * ```ts
- * import { mount } from '@helpai/elements'; // or '@goai/elements' for go.ai
+ * import { mount } from '@helpai/elements';
  *
  * const chat = mount({
  *   publicKey: 'agent_pk_...',

package/index.mjs

@@ -10,9 +10,8 @@ var BRAND = {
   id: true ? "help-ai" : "help-ai",
   name: true ? "@helpai/elements" : "Help AI",
   global: true ? "HelpAI" : "HelpAI",
-  // Custom-element tag — `web-ai-chat` for every brand. Brand-neutral
-  // by design so docs and copy snippets work the same across @helpai
-  // and @goai builds.
+  // Custom-element tag — `web-ai-chat`. Brand-neutral by design so docs
+  // and copy snippets stay stable regardless of which brand is built.
   tagName: true ? "web-ai-chat" : "web-ai-chat",
   cssPrefix: true ? "helpai" : "helpai",
   /**
@@ -21,16 +20,16 @@ var BRAND = {
    * `${defaultBaseUrl}/api/data`.
    */
   defaultBaseUrl: true ? "https://help.ai" : "",
-  /** Public-facing brand label, e.g. "Help AI" / "Go AI". */
+  /** Public-facing brand label, e.g. "Help AI". */
   displayName: true ? "Help AI" : "Help AI",
-  /** Bare host without protocol, e.g. "help.ai" / "go.ai". */
+  /** Bare host without protocol, e.g. "help.ai". */
   domain: true ? "help.ai" : "help.ai",
   /** Full marketing site URL, e.g. "https://help.ai". */
   siteUrl: true ? "https://help.ai" : "https://help.ai"
 };
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.50.0" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.50.2" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -5282,6 +5281,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";
@@ -5372,9 +5376,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: [
@@ -5497,9 +5499,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,10 +5603,8 @@ function DecidedCard({
 }) {
   const output = useComputed3(() => part.outputSig.value);
   const approval = useComputed3(() => part.approvalSig.value);
-  const approved = approval.value?.approved;
-  const isConfirm = req.responseType === "confirmation";
-  const skipped = !isConfirm && approved === false;
-  const answer = isConfirm ? `${approved ? strings.confirmYes : strings.confirmNo}${approval.value?.reason ? ` \u2014 ${approval.value.reason}` : ""}` : approved !== void 0 ? approval.value?.reason ?? "" : summarizeOutput(output.value);
+  const skipped = approval.value?.approved === false;
+  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 }),
@@ -5618,12 +5616,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(", ");
   }

package/package.json

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

package/web-component.mjs

@@ -10,9 +10,8 @@ var BRAND = {
   id: true ? "help-ai" : "help-ai",
   name: true ? "@helpai/elements" : "Help AI",
   global: true ? "HelpAI" : "HelpAI",
-  // Custom-element tag — `web-ai-chat` for every brand. Brand-neutral
-  // by design so docs and copy snippets work the same across @helpai
-  // and @goai builds.
+  // Custom-element tag — `web-ai-chat`. Brand-neutral by design so docs
+  // and copy snippets stay stable regardless of which brand is built.
   tagName: true ? "web-ai-chat" : "web-ai-chat",
   cssPrefix: true ? "helpai" : "helpai",
   /**
@@ -21,9 +20,9 @@ var BRAND = {
    * `${defaultBaseUrl}/api/data`.
    */
   defaultBaseUrl: true ? "https://help.ai" : "",
-  /** Public-facing brand label, e.g. "Help AI" / "Go AI". */
+  /** Public-facing brand label, e.g. "Help AI". */
   displayName: true ? "Help AI" : "Help AI",
-  /** Bare host without protocol, e.g. "help.ai" / "go.ai". */
+  /** Bare host without protocol, e.g. "help.ai". */
   domain: true ? "help.ai" : "help.ai",
   /** Full marketing site URL, e.g. "https://help.ai". */
   siteUrl: true ? "https://help.ai" : "https://help.ai"
@@ -1795,7 +1794,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.50.0" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.50.2" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -5241,6 +5240,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";
@@ -5331,9 +5335,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: [
@@ -5456,9 +5458,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,10 +5562,8 @@ function DecidedCard({
 }) {
   const output = useComputed3(() => part.outputSig.value);
   const approval = useComputed3(() => part.approvalSig.value);
-  const approved = approval.value?.approved;
-  const isConfirm = req.responseType === "confirmation";
-  const skipped = !isConfirm && approved === false;
-  const answer = isConfirm ? `${approved ? strings.confirmYes : strings.confirmNo}${approval.value?.reason ? ` \u2014 ${approval.value.reason}` : ""}` : approved !== void 0 ? approval.value?.reason ?? "" : summarizeOutput(output.value);
+  const skipped = approval.value?.approved === false;
+  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 }),
@@ -5577,12 +5575,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(", ");
   }