@helpai/elements 0.33.0 → 0.35.0

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" | "panelTitle" | "composerPlaceholder" | "send" | "stop" | "attach" | "micStart" | "micStop" | "micUnsupported" | "expand" | "collapse" | "fullscreen" | "exitFullscreen" | "resizeHandle" | "scrollToBottom" | "popOut" | "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" | "collapseSidebar" | "expandSidebar" | "formSubmit" | "formSkip" | "formSubmitted" | "formSkipped" | "formFillOut" | "formRequired" | "formInvalidEmail" | "formInvalidTel" | "formInvalidUrl" | "formInvalidNumber" | "formTooShort" | "formTooLong" | "formNumberTooSmall" | "formNumberTooLarge" | "formPatternMismatch" | "formChooseAtLeast" | "formChooseAtMost" | "formOther" | "formOtherPlaceholder" | "inputRequired" | "inputSubmit" | "inputSkip" | "inputSubmitted" | "approvalRequired" | "approve" | "reject" | "approved" | "rejected" | "approvalReason" | "stepNoLongerActive" | "tabHome" | "tabConversations" | "tabHelp" | "tabNews" | "modulesEmpty" | "moduleBack" | "contentLoading" | "homeGreeting" | "homeGreetingNamed" | "homeGreetingLead" | "homeSearchPlaceholder" | "homeContentTitle" | "helpTitle" | "helpSearchPlaceholder" | "helpEmpty" | "helpLoading" | "helpSearchEmpty" | "newsTitle" | "newsEmpty" | "newsLoading" | "newsBack" | "newsPublishedAt";
+type StringKey = "launcherOpen" | "panelTitle" | "composerPlaceholder" | "send" | "stop" | "attach" | "micStart" | "micStop" | "micUnsupported" | "expand" | "collapse" | "fullscreen" | "exitFullscreen" | "resizeHandle" | "scrollToBottom" | "popOut" | "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" | "collapseSidebar" | "expandSidebar" | "formSubmit" | "formSkip" | "formSubmitted" | "formSkipped" | "formFillOut" | "formRequired" | "formInvalidEmail" | "formInvalidTel" | "formInvalidUrl" | "formInvalidNumber" | "formTooShort" | "formTooLong" | "formNumberTooSmall" | "formNumberTooLarge" | "formPatternMismatch" | "formChooseAtLeast" | "formChooseAtMost" | "formOther" | "formOtherPlaceholder" | "inputRequired" | "inputSubmit" | "inputSkip" | "inputSubmitted" | "approvalRequired" | "approve" | "reject" | "approved" | "rejected" | "approvalReason" | "stepNoLongerActive" | "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

@@ -101,6 +101,7 @@ var STRINGS_EN = {
   homeGreetingLead: "How can we help?",
   homeSearchPlaceholder: "Search for help",
   homeContentTitle: "Popular articles",
+  homeStatus: "Status",
   helpTitle: "Help",
   helpSearchPlaceholder: "Search for help",
   helpEmpty: "No help articles yet",
@@ -213,6 +214,7 @@ var STRINGS_FR = {
   homeGreetingLead: "Comment pouvons-nous vous aider ?",
   homeSearchPlaceholder: "Rechercher de l'aide",
   homeContentTitle: "Articles populaires",
+  homeStatus: "Statut",
   helpTitle: "Aide",
   helpSearchPlaceholder: "Rechercher de l'aide",
   helpEmpty: "Aucun article d'aide pour le moment",
@@ -3455,13 +3457,15 @@ function initials(name) {
 // src/ui/agent-badge.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "preact/jsx-runtime";
 var p5 = BRAND.cssPrefix;
-function AgentBadge({ agent }) {
+function AgentBadge({ agent, strings }) {
   const status = agent.status ?? "online";
+  const name = localizeText(strings, agent.name);
+  const title = agent.title ? localizeText(strings, agent.title) : null;
   return /* @__PURE__ */ jsxs3("div", { class: `${p5}-agent`, children: [
-    /* @__PURE__ */ jsx4("div", { class: `${p5}-agent-avatar`, "data-status": status, children: agent.avatar ? /* @__PURE__ */ jsx4("img", { src: agent.avatar, alt: "" }) : /* @__PURE__ */ jsx4("span", { children: initials(agent.name) }) }),
+    /* @__PURE__ */ jsx4("div", { class: `${p5}-agent-avatar`, "data-status": status, children: agent.avatar ? /* @__PURE__ */ jsx4("img", { src: agent.avatar, alt: "" }) : /* @__PURE__ */ jsx4("span", { children: initials(name) }) }),
     /* @__PURE__ */ jsxs3("div", { class: `${p5}-agent-meta`, children: [
-      /* @__PURE__ */ jsx4("strong", { children: agent.name }),
-      agent.title ? /* @__PURE__ */ jsx4("span", { children: agent.title }) : null
+      /* @__PURE__ */ jsx4("strong", { children: name }),
+      title ? /* @__PURE__ */ jsx4("span", { children: title }) : null
     ] })
   ] });
 }
@@ -5698,7 +5702,7 @@ function PanelContent(props2) {
           children: /* @__PURE__ */ jsx20(BackIcon, {})
         }
       ) : null,
-      agent ? /* @__PURE__ */ jsx20(AgentBadge, { agent }) : /* @__PURE__ */ jsx20("h1", { children: s.panelTitle }),
+      agent ? /* @__PURE__ */ jsx20(AgentBadge, { agent, strings: s }) : /* @__PURE__ */ jsx20("h1", { children: s.panelTitle }),
       /* @__PURE__ */ jsx20(HeaderActions, { panelProps: props2, variant: "chat" })
     ] }),
     view === "history" ? /* @__PURE__ */ jsx20(
@@ -6237,7 +6241,7 @@ var p25 = BRAND.cssPrefix;
 var log14 = logger.scope("home");
 function resolveGreeting(props2) {
   const name = props2.options.userContext?.name;
-  const fromConfig = props2.config.greetingText;
+  const fromConfig = props2.config.greetingText ? localizeText(props2.strings, props2.config.greetingText) : void 0;
   if (fromConfig) {
     const title = name ? fromConfig.replace("{name}", name) : fromConfig.replace(/\s*\{name\}\s*/, " ").trim();
     return { title, subtitle: props2.strings.homeGreetingLead };
@@ -6303,10 +6307,10 @@ function HomeRoot(props2) {
       status ? /* @__PURE__ */ jsx29(
         HomeCard,
         {
-          onClick: status.url ? () => nav.push({ kind: "iframe", url: status.url, title: status.text }) : void 0,
+          onClick: status.url ? () => nav.push({ kind: "iframe", url: status.url, title: localizeText(strings, status.text) }) : void 0,
           children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-status`, "data-level": status.level ?? "operational", children: [
             /* @__PURE__ */ jsx29("span", { class: `${p25}-home-status-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx29(StatusOkIcon, {}) }),
-            /* @__PURE__ */ jsx29("span", { class: `${p25}-home-status-text`, children: status.text })
+            /* @__PURE__ */ jsx29("span", { class: `${p25}-home-status-text`, children: localizeText(strings, status.text) })
           ] })
         }
       ) : null,

package/package.json

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

package/web-component.mjs

@@ -101,6 +101,7 @@ var STRINGS_EN = {
   homeGreetingLead: "How can we help?",
   homeSearchPlaceholder: "Search for help",
   homeContentTitle: "Popular articles",
+  homeStatus: "Status",
   helpTitle: "Help",
   helpSearchPlaceholder: "Search for help",
   helpEmpty: "No help articles yet",
@@ -213,6 +214,7 @@ var STRINGS_FR = {
   homeGreetingLead: "Comment pouvons-nous vous aider ?",
   homeSearchPlaceholder: "Rechercher de l'aide",
   homeContentTitle: "Articles populaires",
+  homeStatus: "Statut",
   helpTitle: "Aide",
   helpSearchPlaceholder: "Rechercher de l'aide",
   helpEmpty: "Aucun article d'aide pour le moment",
@@ -3414,13 +3416,15 @@ function initials(name) {
 // src/ui/agent-badge.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "preact/jsx-runtime";
 var p5 = BRAND.cssPrefix;
-function AgentBadge({ agent }) {
+function AgentBadge({ agent, strings }) {
   const status = agent.status ?? "online";
+  const name = localizeText(strings, agent.name);
+  const title = agent.title ? localizeText(strings, agent.title) : null;
   return /* @__PURE__ */ jsxs3("div", { class: `${p5}-agent`, children: [
-    /* @__PURE__ */ jsx4("div", { class: `${p5}-agent-avatar`, "data-status": status, children: agent.avatar ? /* @__PURE__ */ jsx4("img", { src: agent.avatar, alt: "" }) : /* @__PURE__ */ jsx4("span", { children: initials(agent.name) }) }),
+    /* @__PURE__ */ jsx4("div", { class: `${p5}-agent-avatar`, "data-status": status, children: agent.avatar ? /* @__PURE__ */ jsx4("img", { src: agent.avatar, alt: "" }) : /* @__PURE__ */ jsx4("span", { children: initials(name) }) }),
     /* @__PURE__ */ jsxs3("div", { class: `${p5}-agent-meta`, children: [
-      /* @__PURE__ */ jsx4("strong", { children: agent.name }),
-      agent.title ? /* @__PURE__ */ jsx4("span", { children: agent.title }) : null
+      /* @__PURE__ */ jsx4("strong", { children: name }),
+      title ? /* @__PURE__ */ jsx4("span", { children: title }) : null
     ] })
   ] });
 }
@@ -5657,7 +5661,7 @@ function PanelContent(props2) {
           children: /* @__PURE__ */ jsx20(BackIcon, {})
         }
       ) : null,
-      agent ? /* @__PURE__ */ jsx20(AgentBadge, { agent }) : /* @__PURE__ */ jsx20("h1", { children: s.panelTitle }),
+      agent ? /* @__PURE__ */ jsx20(AgentBadge, { agent, strings: s }) : /* @__PURE__ */ jsx20("h1", { children: s.panelTitle }),
       /* @__PURE__ */ jsx20(HeaderActions, { panelProps: props2, variant: "chat" })
     ] }),
     view === "history" ? /* @__PURE__ */ jsx20(
@@ -6196,7 +6200,7 @@ var p25 = BRAND.cssPrefix;
 var log13 = logger.scope("home");
 function resolveGreeting(props2) {
   const name = props2.options.userContext?.name;
-  const fromConfig = props2.config.greetingText;
+  const fromConfig = props2.config.greetingText ? localizeText(props2.strings, props2.config.greetingText) : void 0;
   if (fromConfig) {
     const title = name ? fromConfig.replace("{name}", name) : fromConfig.replace(/\s*\{name\}\s*/, " ").trim();
     return { title, subtitle: props2.strings.homeGreetingLead };
@@ -6262,10 +6266,10 @@ function HomeRoot(props2) {
       status ? /* @__PURE__ */ jsx29(
         HomeCard,
         {
-          onClick: status.url ? () => nav.push({ kind: "iframe", url: status.url, title: status.text }) : void 0,
+          onClick: status.url ? () => nav.push({ kind: "iframe", url: status.url, title: localizeText(strings, status.text) }) : void 0,
           children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-status`, "data-level": status.level ?? "operational", children: [
             /* @__PURE__ */ jsx29("span", { class: `${p25}-home-status-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx29(StatusOkIcon, {}) }),
-            /* @__PURE__ */ jsx29("span", { class: `${p25}-home-status-text`, children: status.text })
+            /* @__PURE__ */ jsx29("span", { class: `${p25}-home-status-text`, children: localizeText(strings, status.text) })
           ] })
         }
       ) : null,