@helpai/elements 0.14.2 → 0.15.0

package/web-component.mjs

@@ -35,7 +35,8 @@ var STRINGS_EN = {
   attachmentMimeRejected: "File type not supported",
   attachmentTooLarge: "File is too large",
   attachmentTooMany: "Attachment limit reached",
-  chatClosed: "This conversation is closed",
+  conversationClosed: "This conversation is closed",
+  conversationLoading: "Loading conversation\u2026",
   close: "Close",
   collapse: "Collapse",
   collapseSidebar: "Collapse sidebar",
@@ -55,12 +56,10 @@ var STRINGS_EN = {
   history: "History",
   historyBack: "Back to chat",
   historyEmpty: "No previous conversations yet",
-  historyLoading: "Loading your chats\u2026",
-  historyNewChat: "New chat",
-  historyTitle: "Chat history",
+  historyLoading: "Loading your conversations\u2026",
+  historyTitle: "Conversation history",
   language: "Language",
   launcherOpen: "Open chat",
-  messagesLoading: "Loading conversation\u2026",
   micStart: "Start voice input",
   micStop: "Stop voice input",
   micUnsupported: "Voice input is not supported in this browser",
@@ -85,7 +84,7 @@ var STRINGS_EN = {
   usedTool: "Used tool",
   // ── Messenger modules ──────────────────────────────────────────
   tabHome: "Home",
-  tabMessages: "Messages",
+  tabConversations: "Conversations",
   tabHelp: "Help",
   tabNews: "News",
   modulesEmpty: "Nothing here yet",
@@ -140,7 +139,8 @@ var STRINGS_FR = {
   attachmentMimeRejected: "Type de fichier non pris en charge",
   attachmentTooLarge: "Le fichier est trop volumineux",
   attachmentTooMany: "Limite de pi\xE8ces jointes atteinte",
-  chatClosed: "Cette conversation est ferm\xE9e",
+  conversationClosed: "Cette conversation est ferm\xE9e",
+  conversationLoading: "Chargement de la conversation\u2026",
   close: "Fermer",
   collapse: "R\xE9duire",
   collapseSidebar: "R\xE9duire la barre lat\xE9rale",
@@ -161,11 +161,9 @@ var STRINGS_FR = {
   historyBack: "Retour au chat",
   historyEmpty: "Aucune conversation pour le moment",
   historyLoading: "Chargement de vos conversations\u2026",
-  historyNewChat: "Nouvelle conversation",
   historyTitle: "Historique des conversations",
   language: "Langue",
   launcherOpen: "Ouvrir le chat",
-  messagesLoading: "Chargement de la conversation\u2026",
   micStart: "D\xE9marrer la saisie vocale",
   micStop: "Arr\xEAter la saisie vocale",
   micUnsupported: "La saisie vocale n'est pas prise en charge par ce navigateur",
@@ -190,7 +188,7 @@ var STRINGS_FR = {
   usedTool: "Outil utilis\xE9",
   // ── Messenger modules ──────────────────────────────────────────
   tabHome: "Accueil",
-  tabMessages: "Messages",
+  tabConversations: "Conversations",
   tabHelp: "Aide",
   tabNews: "Actualit\xE9s",
   modulesEmpty: "Rien pour le moment",
@@ -473,7 +471,7 @@ var DEFAULT_HAPTICS = {
   enabled: true,
   events: void 0
 };
-var DEFAULT_MODULES = [{ label: "tabMessages", layout: "chat" }];
+var DEFAULT_MODULES = [{ label: "tabConversations", layout: "chat" }];
 var DEFAULT_HOME_MODULE = { showSearchBar: true };
 
 // src/core/config/resolve.ts
@@ -605,7 +603,7 @@ function resolveModules(overrides) {
       resolved.greetingText = m.greetingText;
       resolved.showGreeting = m.showGreeting ?? true;
       resolved.showSearchBar = m.showSearchBar ?? DEFAULT_HOME_MODULE.showSearchBar;
-      resolved.showRecentMessages = m.showRecentMessages ?? true;
+      resolved.showRecentConversations = m.showRecentConversations ?? true;
       if (m.userAvatars && m.userAvatars.length > 0) resolved.userAvatars = m.userAvatars;
       if (m.status) resolved.status = m.status;
       resolved.contentBlockTitle = m.contentBlockTitle;
@@ -2809,8 +2807,8 @@ var TID = {
   sidebar: `${p2}-sidebar`,
   /** Sidebar collapse / expand toggle. */
   sidebarToggle: `${p2}-sidebar-toggle`,
-  /** Sidebar "New chat" button. */
-  sidebarNewChat: `${p2}-sidebar-new-chat`,
+  /** Sidebar "New conversation" button. */
+  sidebarNewConversation: `${p2}-sidebar-new-conversation`,
   /** Sidebar history row — suffix `-{conversationId}` at the JSX site. */
   sidebarItem: `${p2}-sidebar-item`,
   // ── Messenger modules ───────────────────────────────────────────
@@ -2820,7 +2818,7 @@ var TID = {
   modulesEmpty: `${p2}-modules-empty`,
   /** Bottom-nav tab button — suffix `-{moduleId}` at the JSX site. */
   tab: `${p2}-tab`,
-  /** Unread badge on the Messages tab. */
+  /** Unread badge on the Conversations tab. */
   tabBadge: `${p2}-tab-badge`,
   /** Home module root. */
   homeView: `${p2}-home-view`,
@@ -2835,7 +2833,7 @@ var TID = {
   /** Home / Help search bar. */
   homeSearch: `${p2}-home-search`,
   helpSearch: `${p2}-help-search`,
-  /** Home recent-message card. */
+  /** Home recent-conversation card. */
   homeRecent: `${p2}-home-recent`,
   /** Home content-list row ("Popular articles") — suffix `-{id}`. */
   homeContentRow: `${p2}-home-content-row`,
@@ -4852,7 +4850,7 @@ function MessageList({
         "aria-relevant": "additions text",
         "data-scrolling": scrolling ? "true" : void 0,
         children: [
-          loading && messages.value.length === 0 ? /* @__PURE__ */ jsx17("div", { class: `${p15}-list-loading`, role: "status", children: strings.messagesLoading }) : null,
+          loading && messages.value.length === 0 ? /* @__PURE__ */ jsx17("div", { class: `${p15}-list-loading`, role: "status", children: strings.conversationLoading }) : null,
           rows
         ]
       }
@@ -4933,7 +4931,13 @@ var BUCKET_TO_STRING = {
   lastWeek: "dateLastWeek",
   older: "dateOlder"
 };
-function ConversationList({ transport, strings, visitorId, onSelect, onNewChat }) {
+function ConversationList({
+  transport,
+  strings,
+  visitorId,
+  onSelect,
+  onNewConversation
+}) {
   const p33 = BRAND.cssPrefix;
   const [state, setState] = useState7("loading");
   const [conversations, setChats] = useState7([]);
@@ -4952,10 +4956,19 @@ function ConversationList({ transport, strings, visitorId, onSelect, onNewChat }
       cancelled = true;
     };
   }, [transport, visitorId]);
-  const newChatButton = onNewChat ? /* @__PURE__ */ jsx18("div", { class: `${p33}-history-footer`, children: /* @__PURE__ */ jsxs15("button", { type: "button", class: `${p33}-history-new`, onClick: onNewChat, "data-testid": TID.sidebarNewChat, children: [
-    /* @__PURE__ */ jsx18(PlusIcon, {}),
-    strings.historyNewChat
-  ] }) }) : null;
+  const newChatButton = onNewConversation ? /* @__PURE__ */ jsx18("div", { class: `${p33}-history-footer`, children: /* @__PURE__ */ jsxs15(
+    "button",
+    {
+      type: "button",
+      class: `${p33}-history-new`,
+      onClick: onNewConversation,
+      "data-testid": TID.sidebarNewConversation,
+      children: [
+        /* @__PURE__ */ jsx18(PlusIcon, {}),
+        strings.newConversation
+      ]
+    }
+  ) }) : null;
   if (state === "loading") {
     return /* @__PURE__ */ jsxs15(Fragment2, { children: [
       /* @__PURE__ */ jsx18("div", { class: `${p33}-history-empty`, children: strings.historyLoading }),
@@ -4993,18 +5006,12 @@ function ConversationList({ transport, strings, visitorId, onSelect, onNewChat }
   ] });
 }
 
-// src/ui/chat-history-pane.tsx
-import { jsx as jsx19 } from "preact/jsx-runtime";
-function ChatHistoryPane(props2) {
-  return /* @__PURE__ */ jsx19(ConversationList, { ...props2 });
-}
-
 // src/ui/suggestions.tsx
-import { jsx as jsx20 } from "preact/jsx-runtime";
+import { jsx as jsx19 } from "preact/jsx-runtime";
 var p16 = BRAND.cssPrefix;
 function Suggestions({ suggestions, onPick }) {
   if (suggestions.length === 0) return null;
-  return /* @__PURE__ */ jsx20("div", { class: `${p16}-suggestions`, role: "group", "aria-label": "Suggested replies", children: suggestions.map((s, i) => /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx19("div", { class: `${p16}-suggestions`, role: "group", "aria-label": "Suggested replies", children: suggestions.map((s, i) => /* @__PURE__ */ jsx19(
     "button",
     {
       type: "button",
@@ -5018,7 +5025,7 @@ function Suggestions({ suggestions, onPick }) {
 }
 
 // src/ui/panel.tsx
-import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs16 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs16 } from "preact/jsx-runtime";
 var p17 = BRAND.cssPrefix;
 function Panel(props2) {
   const { options, onClose } = props2;
@@ -5054,7 +5061,7 @@ function Panel(props2) {
       style: { position: "relative" },
       "data-testid": TID.panel,
       children: [
-        /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx20(
           PanelContent,
           {
             ...props2,
@@ -5063,7 +5070,7 @@ function Panel(props2) {
             composerAttachApiRef
           }
         ),
-        /* @__PURE__ */ jsx21(PoweredByBar, { poweredBy: props2.options.poweredBy })
+        /* @__PURE__ */ jsx20(PoweredByBar, { poweredBy: props2.options.poweredBy })
       ]
     }
   );
@@ -5088,8 +5095,8 @@ function PanelContent(props2) {
     onBack,
     onClear,
     onToggleHistory,
-    onSelectHistoryChat,
-    onNewChat,
+    onSelectHistoryConversation,
+    onNewConversation,
     onWidgetSizeChange,
     onSend,
     onStop,
@@ -5105,11 +5112,11 @@ function PanelContent(props2) {
   const s = options.strings;
   let composerArea;
   if (activeForm) {
-    composerArea = /* @__PURE__ */ jsx21(FormGate, { form: activeForm, strings: s, onSubmit: onFormSubmit, onSkip: onFormSkip });
+    composerArea = /* @__PURE__ */ jsx20(FormGate, { form: activeForm, strings: s, onSubmit: onFormSubmit, onSkip: onFormSkip });
   } else if (canSend) {
     composerArea = /* @__PURE__ */ jsxs16(Fragment3, { children: [
-      /* @__PURE__ */ jsx21(Suggestions, { suggestions, onPick: onSuggestion }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx20(Suggestions, { suggestions, onPick: onSuggestion }),
+      /* @__PURE__ */ jsx20(
         Composer,
         {
           options,
@@ -5124,10 +5131,10 @@ function PanelContent(props2) {
       )
     ] });
   } else {
-    composerArea = /* @__PURE__ */ jsx21(ReadOnlyBanner, { label: s.chatClosed, ctaLabel: s.startNewConversation, onNewChat: onClear });
+    composerArea = /* @__PURE__ */ jsx20(ReadOnlyBanner, { label: s.conversationClosed, ctaLabel: s.startNewConversation, onNewConversation: onClear });
   }
   return /* @__PURE__ */ jsxs16(Fragment3, { children: [
-    view === "history" ? /* @__PURE__ */ jsx21(
+    view === "history" ? /* @__PURE__ */ jsx20(
       HistoryHeader,
       {
         strings: s,
@@ -5136,7 +5143,7 @@ function PanelContent(props2) {
         showClose: canShowClose(options.mode, panelSize, options.actions)
       }
     ) : /* @__PURE__ */ jsxs16("header", { class: `${p17}-header`, "data-testid": TID.panelHeader, children: [
-      onBack ? /* @__PURE__ */ jsx21(
+      onBack ? /* @__PURE__ */ jsx20(
         "button",
         {
           type: "button",
@@ -5144,24 +5151,24 @@ function PanelContent(props2) {
           onClick: onBack,
           "aria-label": s.moduleBack,
           title: s.moduleBack,
-          children: /* @__PURE__ */ jsx21(BackIcon, {})
+          children: /* @__PURE__ */ jsx20(BackIcon, {})
         }
       ) : null,
-      agent ? /* @__PURE__ */ jsx21(AgentBadge, { agent }) : /* @__PURE__ */ jsx21("h1", { children: s.panelTitle }),
-      /* @__PURE__ */ jsx21(HeaderActions, { panelProps: props2, variant: "chat" })
+      agent ? /* @__PURE__ */ jsx20(AgentBadge, { agent }) : /* @__PURE__ */ jsx20("h1", { children: s.panelTitle }),
+      /* @__PURE__ */ jsx20(HeaderActions, { panelProps: props2, variant: "chat" })
     ] }),
-    view === "history" ? /* @__PURE__ */ jsx21(
-      ChatHistoryPane,
+    view === "history" ? /* @__PURE__ */ jsx20(
+      ConversationList,
       {
         transport,
         strings: s,
         visitorId,
-        onSelect: (chat) => onSelectHistoryChat(chat.conversationId),
-        onNewChat
+        onSelect: (conversation) => onSelectHistoryConversation(conversation.conversationId),
+        onNewConversation
       }
     ) : /* @__PURE__ */ jsxs16(Fragment3, { children: [
-      /* @__PURE__ */ jsx21(DropZone, { visible: dragOver, strings: s }),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx20(DropZone, { visible: dragOver, strings: s }),
+      /* @__PURE__ */ jsx20(
         MessageList,
         {
           messagesSig,
@@ -5175,9 +5182,9 @@ function PanelContent(props2) {
         }
       ),
       composerArea,
-      /* @__PURE__ */ jsx21(ComposerFooter, { disclaimer: options.composerDisclaimer })
+      /* @__PURE__ */ jsx20(ComposerFooter, { disclaimer: options.composerDisclaimer })
     ] }),
-    options.size.resize?.enabled ? /* @__PURE__ */ jsx21(
+    options.size.resize?.enabled ? /* @__PURE__ */ jsx20(
       ResizeGrip,
       {
         panelEl: containerEl,
@@ -5197,7 +5204,7 @@ function HistoryHeader({
   showClose
 }) {
   return /* @__PURE__ */ jsxs16("header", { class: `${p17}-header`, children: [
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx20(
       "button",
       {
         type: "button",
@@ -5205,11 +5212,11 @@ function HistoryHeader({
         onClick: onBack,
         "aria-label": strings.historyBack,
         title: strings.historyBack,
-        children: /* @__PURE__ */ jsx21(BackIcon, {})
+        children: /* @__PURE__ */ jsx20(BackIcon, {})
       }
     ),
-    /* @__PURE__ */ jsx21("h1", { children: strings.historyTitle }),
-    showClose ? /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx20("h1", { children: strings.historyTitle }),
+    showClose ? /* @__PURE__ */ jsx20(
       "button",
       {
         type: "button",
@@ -5217,34 +5224,38 @@ function HistoryHeader({
         onClick: onClose,
         "aria-label": strings.close,
         title: strings.close,
-        children: /* @__PURE__ */ jsx21(CloseIcon, {})
+        children: /* @__PURE__ */ jsx20(CloseIcon, {})
       }
     ) : null
   ] });
 }
-function ReadOnlyBanner({ label, ctaLabel, onNewChat }) {
+function ReadOnlyBanner({
+  label,
+  ctaLabel,
+  onNewConversation
+}) {
   return /* @__PURE__ */ jsxs16("div", { class: `${p17}-readonly-banner`, role: "note", children: [
-    /* @__PURE__ */ jsx21("span", { class: `${p17}-readonly-label`, children: label }),
-    /* @__PURE__ */ jsx21("button", { type: "button", class: `${p17}-readonly-cta`, onClick: onNewChat, children: ctaLabel })
+    /* @__PURE__ */ jsx20("span", { class: `${p17}-readonly-label`, children: label }),
+    /* @__PURE__ */ jsx20("button", { type: "button", class: `${p17}-readonly-cta`, onClick: onNewConversation, children: ctaLabel })
   ] });
 }
 function ComposerFooter({ disclaimer }) {
   if (!disclaimer) return null;
-  return /* @__PURE__ */ jsx21("div", { class: `${p17}-composer-footer`, children: /* @__PURE__ */ jsx21("div", { class: `${p17}-disclaimer`, children: disclaimer }) });
+  return /* @__PURE__ */ jsx20("div", { class: `${p17}-composer-footer`, children: /* @__PURE__ */ jsx20("div", { class: `${p17}-disclaimer`, children: disclaimer }) });
 }
 function PoweredByBar({ poweredBy }) {
   if (!poweredBy) return null;
-  return /* @__PURE__ */ jsx21("div", { class: `${p17}-poweredby-bar`, children: /* @__PURE__ */ jsx21(PoweredBy, { logoUrl: poweredBy.logoUrl, text: poweredBy.text, href: poweredBy.href }) });
+  return /* @__PURE__ */ jsx20("div", { class: `${p17}-poweredby-bar`, children: /* @__PURE__ */ jsx20(PoweredBy, { logoUrl: poweredBy.logoUrl, text: poweredBy.text, href: poweredBy.href }) });
 }
 function PoweredBy({ logoUrl, text, href }) {
   const inner = /* @__PURE__ */ jsxs16(Fragment3, { children: [
-    logoUrl ? /* @__PURE__ */ jsx21("img", { class: `${p17}-poweredby-logo`, src: logoUrl, alt: "", loading: "lazy" }) : null,
-    text ? /* @__PURE__ */ jsx21("span", { children: text }) : null
+    logoUrl ? /* @__PURE__ */ jsx20("img", { class: `${p17}-poweredby-logo`, src: logoUrl, alt: "", loading: "lazy" }) : null,
+    text ? /* @__PURE__ */ jsx20("span", { children: text }) : null
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx21("a", { class: `${p17}-poweredby`, href, target: "_blank", rel: "noopener noreferrer", children: inner });
+    return /* @__PURE__ */ jsx20("a", { class: `${p17}-poweredby`, href, target: "_blank", rel: "noopener noreferrer", children: inner });
   }
-  return /* @__PURE__ */ jsx21("span", { class: `${p17}-poweredby`, children: inner });
+  return /* @__PURE__ */ jsx20("span", { class: `${p17}-poweredby`, children: inner });
 }
 
 // src/ui/form/form-controller.ts
@@ -5320,7 +5331,7 @@ function whenPasses(form, d) {
 }
 
 // src/ui/sidebar.tsx
-import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs17 } from "preact/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs17 } from "preact/jsx-runtime";
 function Sidebar(props2) {
   const p33 = BRAND.cssPrefix;
   const { site, blocks, strings, collapsed } = props2;
@@ -5329,8 +5340,8 @@ function Sidebar(props2) {
   const toggleLabel = collapsed ? strings.expandSidebar : strings.collapseSidebar;
   return /* @__PURE__ */ jsxs17("aside", { class: `${p33}-sidebar`, "data-collapsed": collapsed ? "true" : "false", "data-testid": TID.sidebar, children: [
     /* @__PURE__ */ jsxs17("div", { class: `${p33}-sidebar-header`, children: [
-      /* @__PURE__ */ jsx22(SidebarBrand, { site }),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx21(SidebarBrand, { site }),
+      /* @__PURE__ */ jsx21(
         "button",
         {
           type: "button",
@@ -5340,21 +5351,21 @@ function Sidebar(props2) {
           title: toggleLabel,
           onClick: props2.onToggleCollapsed,
           "data-testid": TID.sidebarToggle,
-          children: /* @__PURE__ */ jsx22(SidebarToggleIcon, { collapsed })
+          children: /* @__PURE__ */ jsx21(SidebarToggleIcon, { collapsed })
         }
       )
     ] }),
     collapsed ? null : /* @__PURE__ */ jsxs17(Fragment4, { children: [
-      navigation.length > 0 ? /* @__PURE__ */ jsx22("nav", { class: `${p33}-sidebar-section`, "data-section": "navigation", children: /* @__PURE__ */ jsx22(SidebarNav, { items: navigation }) }) : null,
-      linkCards.length > 0 ? /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-section`, "data-section": "link-cards", children: /* @__PURE__ */ jsx22(SidebarCards, { items: linkCards }) }) : null,
-      props2.showConversations ? /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-conversations`, children: /* @__PURE__ */ jsx22(
+      navigation.length > 0 ? /* @__PURE__ */ jsx21("nav", { class: `${p33}-sidebar-section`, "data-section": "navigation", children: /* @__PURE__ */ jsx21(SidebarNav, { items: navigation }) }) : null,
+      linkCards.length > 0 ? /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-section`, "data-section": "link-cards", children: /* @__PURE__ */ jsx21(SidebarCards, { items: linkCards }) }) : null,
+      props2.showConversations ? /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-conversations`, children: /* @__PURE__ */ jsx21(
         ConversationList,
         {
           transport: props2.transport,
           strings: props2.strings,
           visitorId: props2.visitorId,
-          onSelect: props2.onSelectChat,
-          onNewChat: props2.onNewChat
+          onSelect: props2.onSelectConversation,
+          onNewConversation: props2.onNewConversation
         }
       ) }) : null
     ] })
@@ -5365,14 +5376,14 @@ function SidebarBrand({ site }) {
   if (site?.logo?.url) {
     const alt = site.logo.alt ?? site.title ?? "Logo";
     return /* @__PURE__ */ jsxs17("picture", { children: [
-      site.logoDark?.url ? /* @__PURE__ */ jsx22("source", { srcset: site.logoDark.url, media: "(prefers-color-scheme: dark)" }) : null,
-      /* @__PURE__ */ jsx22("img", { class: `${p33}-sidebar-logo`, src: site.logo.url, alt })
+      site.logoDark?.url ? /* @__PURE__ */ jsx21("source", { srcset: site.logoDark.url, media: "(prefers-color-scheme: dark)" }) : null,
+      /* @__PURE__ */ jsx21("img", { class: `${p33}-sidebar-logo`, src: site.logo.url, alt })
     ] });
   }
-  return /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-title`, children: site?.title ?? BRAND.name });
+  return /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-title`, children: site?.title ?? BRAND.name });
 }
 function SidebarToggleIcon({ collapsed }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     "svg",
     {
       width: "16",
@@ -5382,13 +5393,13 @@ function SidebarToggleIcon({ collapsed }) {
       stroke: "currentColor",
       "stroke-width": "2",
       "aria-hidden": "true",
-      children: collapsed ? /* @__PURE__ */ jsx22("polyline", { points: "9 6 15 12 9 18" }) : /* @__PURE__ */ jsx22("polyline", { points: "15 6 9 12 15 18" })
+      children: collapsed ? /* @__PURE__ */ jsx21("polyline", { points: "9 6 15 12 9 18" }) : /* @__PURE__ */ jsx21("polyline", { points: "15 6 9 12 15 18" })
     }
   );
 }
 function SidebarNav({ items }) {
   const p33 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsx22("ul", { class: `${p33}-sidebar-nav`, children: items.map((item) => /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx21("ul", { class: `${p33}-sidebar-nav`, children: items.map((item) => /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsxs17(
     "a",
     {
       class: `${p33}-sidebar-nav-item`,
@@ -5396,15 +5407,15 @@ function SidebarNav({ items }) {
       target: item.href ? "_blank" : void 0,
       rel: item.href ? "noreferrer" : void 0,
       children: [
-        item.icon ? /* @__PURE__ */ jsx22("span", { class: `${p33}-sidebar-nav-icon`, "data-icon": item.icon }) : null,
-        /* @__PURE__ */ jsx22("span", { class: `${p33}-sidebar-nav-label`, children: item.label })
+        item.icon ? /* @__PURE__ */ jsx21("span", { class: `${p33}-sidebar-nav-icon`, "data-icon": item.icon }) : null,
+        /* @__PURE__ */ jsx21("span", { class: `${p33}-sidebar-nav-label`, children: item.label })
       ]
     }
   ) }, item.id ?? item.label)) });
 }
 function SidebarCards({ items }) {
   const p33 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-cards`, children: items.map((item) => /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-cards`, children: items.map((item) => /* @__PURE__ */ jsxs17(
     "a",
     {
       class: `${p33}-sidebar-card`,
@@ -5412,8 +5423,8 @@ function SidebarCards({ items }) {
       target: item.href ? "_blank" : void 0,
       rel: item.href ? "noreferrer" : void 0,
       children: [
-        /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-card-label`, children: item.label }),
-        item.description ? /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-card-desc`, children: item.description }) : null
+        /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-card-label`, children: item.label }),
+        item.description ? /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-card-desc`, children: item.description }) : null
       ]
     },
     item.id ?? item.label
@@ -5421,11 +5432,11 @@ function SidebarCards({ items }) {
 }
 
 // src/ui/page-shell.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "preact/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs18 } from "preact/jsx-runtime";
 var p18 = BRAND.cssPrefix;
 function PageShell(props2) {
   return /* @__PURE__ */ jsxs18("main", { class: `${p18}-page-shell`, "data-sidebar-collapsed": props2.sidebarCollapsed ? "true" : "false", children: [
-    /* @__PURE__ */ jsx23(
+    /* @__PURE__ */ jsx22(
       Sidebar,
       {
         site: props2.site,
@@ -5434,13 +5445,13 @@ function PageShell(props2) {
         strings: props2.strings,
         visitorId: props2.visitorId,
         showConversations: props2.showConversations,
-        onSelectChat: props2.onSelectChat,
-        onNewChat: props2.onNewChat,
+        onSelectConversation: props2.onSelectConversation,
+        onNewConversation: props2.onNewConversation,
         collapsed: props2.sidebarCollapsed,
         onToggleCollapsed: props2.onToggleSidebarCollapsed
       }
     ),
-    /* @__PURE__ */ jsx23("section", { class: `${p18}-page-chat`, "aria-label": "Chat", children: props2.children })
+    /* @__PURE__ */ jsx22("section", { class: `${p18}-page-chat`, "aria-label": "Chat", children: props2.children })
   ] });
 }
 
@@ -5480,7 +5491,7 @@ var atTabRoot = (s) => activeStack(s).length === 0;
 import { useCallback as useCallback4, useEffect as useEffect15, useRef as useRef8 } from "preact/hooks";
 import { useComputed as useComputed6 } from "@preact/signals";
 
-// src/ui/modules/messages.tsx
+// src/ui/modules/chat.tsx
 var chatLayout = {
   Icon: BubblesIcon
   // No `Root`: MessengerHome renders the existing chat panel for this tab.
@@ -5490,35 +5501,35 @@ var chatLayout = {
 import { useEffect as useEffect11, useMemo as useMemo2, useState as useState8 } from "preact/hooks";
 
 // src/ui/back-header.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "preact/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs19 } from "preact/jsx-runtime";
 var p19 = BRAND.cssPrefix;
 function TitleBar({ title, actions }) {
   return /* @__PURE__ */ jsxs19("header", { class: `${p19}-back-header`, "data-variant": "title", children: [
-    /* @__PURE__ */ jsx24("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx24("h1", { class: `${p19}-back-title`, children: title }),
-    actions ?? /* @__PURE__ */ jsx24("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" })
+    /* @__PURE__ */ jsx23("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx23("h1", { class: `${p19}-back-title`, children: title }),
+    actions ?? /* @__PURE__ */ jsx23("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" })
   ] });
 }
 function BackHeader({ title, backLabel, onBack, actions, testid }) {
   return /* @__PURE__ */ jsxs19("header", { class: `${p19}-back-header`, "data-testid": testid, children: [
-    /* @__PURE__ */ jsx24("button", { type: "button", class: `${p19}-icon-btn`, onClick: onBack, "aria-label": backLabel, title: backLabel, children: /* @__PURE__ */ jsx24(BackIcon, {}) }),
-    /* @__PURE__ */ jsx24("h1", { class: `${p19}-back-title`, children: title }),
-    actions ?? /* @__PURE__ */ jsx24("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" })
+    /* @__PURE__ */ jsx23("button", { type: "button", class: `${p19}-icon-btn`, onClick: onBack, "aria-label": backLabel, title: backLabel, children: /* @__PURE__ */ jsx23(BackIcon, {}) }),
+    /* @__PURE__ */ jsx23("h1", { class: `${p19}-back-title`, children: title }),
+    actions ?? /* @__PURE__ */ jsx23("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" })
   ] });
 }
 
 // src/ui/home-search.tsx
-import { jsx as jsx25, jsxs as jsxs20 } from "preact/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs20 } from "preact/jsx-runtime";
 var p20 = BRAND.cssPrefix;
 function HomeSearchButton({ placeholder, onActivate }) {
   return /* @__PURE__ */ jsxs20("button", { type: "button", class: `${p20}-home-search`, onClick: onActivate, "data-testid": TID.homeSearch, children: [
-    /* @__PURE__ */ jsx25("span", { class: `${p20}-home-search-text`, children: placeholder }),
-    /* @__PURE__ */ jsx25("span", { class: `${p20}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx25(SearchIcon, {}) })
+    /* @__PURE__ */ jsx24("span", { class: `${p20}-home-search-text`, children: placeholder }),
+    /* @__PURE__ */ jsx24("span", { class: `${p20}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx24(SearchIcon, {}) })
   ] });
 }
 function HelpSearchInput({ placeholder, value, onInput }) {
   return /* @__PURE__ */ jsxs20("div", { class: `${p20}-home-search`, "data-input": "true", children: [
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx24(
       "input",
       {
         type: "search",
@@ -5529,25 +5540,25 @@ function HelpSearchInput({ placeholder, value, onInput }) {
         "data-testid": TID.helpSearch
       }
     ),
-    /* @__PURE__ */ jsx25("span", { class: `${p20}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx25(SearchIcon, {}) })
+    /* @__PURE__ */ jsx24("span", { class: `${p20}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx24(SearchIcon, {}) })
   ] });
 }
 
 // src/ui/list-row.tsx
-import { jsx as jsx26, jsxs as jsxs21 } from "preact/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs21 } from "preact/jsx-runtime";
 var p21 = BRAND.cssPrefix;
 function ListRow({ title, subtitle, onClick, testid }) {
   return /* @__PURE__ */ jsxs21("button", { type: "button", class: `${p21}-list-row`, onClick, "data-testid": testid, children: [
     /* @__PURE__ */ jsxs21("span", { class: `${p21}-list-row-body`, children: [
-      /* @__PURE__ */ jsx26("span", { class: `${p21}-list-row-title`, children: title }),
-      subtitle ? /* @__PURE__ */ jsx26("span", { class: `${p21}-list-row-sub`, children: subtitle }) : null
+      /* @__PURE__ */ jsx25("span", { class: `${p21}-list-row-title`, children: title }),
+      subtitle ? /* @__PURE__ */ jsx25("span", { class: `${p21}-list-row-sub`, children: subtitle }) : null
     ] }),
-    /* @__PURE__ */ jsx26("span", { class: `${p21}-list-row-chevron`, "aria-hidden": "true", children: /* @__PURE__ */ jsx26(ChevronRightIcon, {}) })
+    /* @__PURE__ */ jsx25("span", { class: `${p21}-list-row-chevron`, "aria-hidden": "true", children: /* @__PURE__ */ jsx25(ChevronRightIcon, {}) })
   ] });
 }
 
 // src/ui/module-state.tsx
-import { jsx as jsx27, jsxs as jsxs22 } from "preact/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs22 } from "preact/jsx-runtime";
 var p22 = BRAND.cssPrefix;
 function ModuleState({
   tone = "info",
@@ -5556,13 +5567,13 @@ function ModuleState({
   strings
 }) {
   return /* @__PURE__ */ jsxs22("div", { class: `${p22}-module-empty`, role: tone === "error" ? "alert" : "status", "aria-live": "polite", children: [
-    /* @__PURE__ */ jsx27("span", { children: message }),
-    onRetry ? /* @__PURE__ */ jsx27("button", { type: "button", class: `${p22}-module-retry`, onClick: onRetry, children: strings.errorRetry }) : null
+    /* @__PURE__ */ jsx26("span", { children: message }),
+    onRetry ? /* @__PURE__ */ jsx26("button", { type: "button", class: `${p22}-module-retry`, onClick: onRetry, children: strings.errorRetry }) : null
   ] });
 }
 
 // src/ui/modules/help.tsx
-import { jsx as jsx28, jsxs as jsxs23 } from "preact/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs23 } from "preact/jsx-runtime";
 var p23 = BRAND.cssPrefix;
 var log12 = logger.scope("help");
 var openArticle = (nav, a) => a.url ? nav.push({ kind: "iframe", url: a.url, title: a.title }) : nav.push({ kind: "content", id: a.id, title: a.title });
@@ -5592,7 +5603,7 @@ function fuzzySearch(items, query) {
   return items.map((item) => ({ item, score: Math.max(fuzzyScore(q, item.title) * 2, fuzzyScore(q, item.description ?? "")) })).filter((r) => r.score > 0).toSorted((a, b) => b.score - a.score).map((r) => r.item);
 }
 function ArticleRow({ article, nav }) {
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     ListRow,
     {
       title: article.title,
@@ -5629,45 +5640,45 @@ function HelpRoot({ transport, strings, config, nav, panelProps }) {
   const results = useMemo2(() => fuzzySearch(items, query), [items, query]);
   function renderBody() {
     if (query.trim().length > 0) {
-      if (results.length === 0) return /* @__PURE__ */ jsx28(ModuleState, { message: strings.helpSearchEmpty, strings });
-      return /* @__PURE__ */ jsx28("div", { class: `${p23}-help-card`, children: results.map((a) => /* @__PURE__ */ jsx28(ArticleRow, { article: a, nav }, a.id)) });
+      if (results.length === 0) return /* @__PURE__ */ jsx27(ModuleState, { message: strings.helpSearchEmpty, strings });
+      return /* @__PURE__ */ jsx27("div", { class: `${p23}-help-card`, children: results.map((a) => /* @__PURE__ */ jsx27(ArticleRow, { article: a, nav }, a.id)) });
     }
-    if (state === "loading") return /* @__PURE__ */ jsx28(ModuleState, { message: strings.helpLoading, strings });
+    if (state === "loading") return /* @__PURE__ */ jsx27(ModuleState, { message: strings.helpLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx28(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
+      return /* @__PURE__ */ jsx27(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
-    if (items.length === 0) return /* @__PURE__ */ jsx28(ModuleState, { message: strings.helpEmpty, strings });
+    if (items.length === 0) return /* @__PURE__ */ jsx27(ModuleState, { message: strings.helpEmpty, strings });
     return groupByCategory(items).map(([category, rows]) => /* @__PURE__ */ jsxs23("section", { class: `${p23}-help-group`, children: [
-      category ? /* @__PURE__ */ jsx28("h2", { class: `${p23}-help-section-title`, children: category }) : null,
-      /* @__PURE__ */ jsx28("div", { class: `${p23}-help-card`, children: rows.map((a) => /* @__PURE__ */ jsx28(ArticleRow, { article: a, nav }, a.id)) })
+      category ? /* @__PURE__ */ jsx27("h2", { class: `${p23}-help-section-title`, children: category }) : null,
+      /* @__PURE__ */ jsx27("div", { class: `${p23}-help-card`, children: rows.map((a) => /* @__PURE__ */ jsx27(ArticleRow, { article: a, nav }, a.id)) })
     ] }, category));
   }
   return /* @__PURE__ */ jsxs23("div", { class: `${p23}-module`, children: [
-    /* @__PURE__ */ jsx28(TitleBar, { title: strings.helpTitle, actions: /* @__PURE__ */ jsx28(HeaderActions, { panelProps, variant: "plain" }) }),
-    /* @__PURE__ */ jsx28("div", { class: `${p23}-module-pad`, children: /* @__PURE__ */ jsx28(HelpSearchInput, { placeholder: strings.helpSearchPlaceholder, value: query, onInput: setQuery }) }),
-    /* @__PURE__ */ jsx28("div", { class: `${p23}-help-list`, children: renderBody() })
+    /* @__PURE__ */ jsx27(TitleBar, { title: strings.helpTitle, actions: /* @__PURE__ */ jsx27(HeaderActions, { panelProps, variant: "plain" }) }),
+    /* @__PURE__ */ jsx27("div", { class: `${p23}-module-pad`, children: /* @__PURE__ */ jsx27(HelpSearchInput, { placeholder: strings.helpSearchPlaceholder, value: query, onInput: setQuery }) }),
+    /* @__PURE__ */ jsx27("div", { class: `${p23}-help-list`, children: renderBody() })
   ] });
 }
 var helpLayout = {
   Icon: HelpIcon,
-  Root: (props2) => /* @__PURE__ */ jsx28(HelpRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx27(HelpRoot, { ...props2 })
 };
 
 // src/ui/modules/home.tsx
 import { useEffect as useEffect12, useState as useState9 } from "preact/hooks";
 
 // src/ui/home-card.tsx
-import { jsx as jsx29 } from "preact/jsx-runtime";
+import { jsx as jsx28 } from "preact/jsx-runtime";
 var p24 = BRAND.cssPrefix;
 function HomeCard({ onClick, children, testid }) {
   if (onClick) {
-    return /* @__PURE__ */ jsx29("button", { type: "button", class: `${p24}-home-card`, "data-interactive": "true", onClick, "data-testid": testid, children });
+    return /* @__PURE__ */ jsx28("button", { type: "button", class: `${p24}-home-card`, "data-interactive": "true", onClick, "data-testid": testid, children });
   }
-  return /* @__PURE__ */ jsx29("div", { class: `${p24}-home-card`, "data-testid": testid, children });
+  return /* @__PURE__ */ jsx28("div", { class: `${p24}-home-card`, "data-testid": testid, children });
 }
 
 // src/ui/modules/home.tsx
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs24 } from "preact/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs24 } from "preact/jsx-runtime";
 var p25 = BRAND.cssPrefix;
 var log13 = logger.scope("home");
 function resolveGreeting(props2) {
@@ -5686,13 +5697,13 @@ function HomeRoot(props2) {
   const [content, setContent] = useState9([]);
   const tagsKey = config.contentTags?.join(",");
   useEffect12(() => {
-    if (!config.showRecentMessages) return;
+    if (!config.showRecentConversations) return;
     let cancelled = false;
     transport.listConversations({ limit: 1 }).then((res) => !cancelled && setRecent(res.conversations?.[0] ?? null)).catch((err) => !cancelled && log13.warn("listConversations (home) failed", { err }));
     return () => {
       cancelled = true;
     };
-  }, [transport, config.showRecentMessages]);
+  }, [transport, config.showRecentConversations]);
   useEffect12(() => {
     if (!config.contentTags?.length) return;
     let cancelled = false;
@@ -5705,49 +5716,49 @@ function HomeRoot(props2) {
   const avatars = config.userAvatars ?? [];
   const status = config.status;
   const contentTitle = config.contentBlockTitle ? moduleLabel(strings, config.contentBlockTitle) : strings.homeContentTitle;
-  return /* @__PURE__ */ jsx30("div", { class: `${p25}-module ${p25}-home`, "data-testid": TID.homeView, children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-scroll`, children: [
+  return /* @__PURE__ */ jsx29("div", { class: `${p25}-module ${p25}-home`, "data-testid": TID.homeView, children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-scroll`, children: [
     /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-hero`, children: [
       /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-hero-top`, children: [
-        config.brandName ? /* @__PURE__ */ jsx30("span", { class: `${p25}-home-brand`, "data-testid": TID.homeBrand, children: config.brandName }) : /* @__PURE__ */ jsx30("span", { class: `${p25}-home-brand-spacer`, "aria-hidden": "true" }),
+        config.brandName ? /* @__PURE__ */ jsx29("span", { class: `${p25}-home-brand`, "data-testid": TID.homeBrand, children: config.brandName }) : /* @__PURE__ */ jsx29("span", { class: `${p25}-home-brand-spacer`, "aria-hidden": "true" }),
         /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-hero-actions`, children: [
-          avatars.length > 0 ? /* @__PURE__ */ jsx30("div", { class: `${p25}-home-avatars`, children: avatars.map((a) => /* @__PURE__ */ jsx30("span", { class: `${p25}-home-avatar`, title: a.role ? `${a.name} \xB7 ${a.role}` : a.name, children: a.avatar ? /* @__PURE__ */ jsx30("img", { src: a.avatar, alt: "", loading: "lazy" }) : /* @__PURE__ */ jsx30("span", { children: initials(a.name) }) }, a.name)) }) : null,
-          /* @__PURE__ */ jsx30(HeaderActions, { panelProps, variant: "plain" })
+          avatars.length > 0 ? /* @__PURE__ */ jsx29("div", { class: `${p25}-home-avatars`, children: avatars.map((a) => /* @__PURE__ */ jsx29("span", { class: `${p25}-home-avatar`, title: a.role ? `${a.name} \xB7 ${a.role}` : a.name, children: a.avatar ? /* @__PURE__ */ jsx29("img", { src: a.avatar, alt: "", loading: "lazy" }) : /* @__PURE__ */ jsx29("span", { children: initials(a.name) }) }, a.name)) }) : null,
+          /* @__PURE__ */ jsx29(HeaderActions, { panelProps, variant: "plain" })
         ] })
       ] }),
       config.showGreeting !== false ? /* @__PURE__ */ jsxs24(Fragment5, { children: [
-        /* @__PURE__ */ jsx30("h1", { class: `${p25}-home-greeting`, "data-testid": TID.homeGreeting, children: greeting.title }),
-        greeting.subtitle ? /* @__PURE__ */ jsx30("p", { class: `${p25}-home-lead`, children: greeting.subtitle }) : null
+        /* @__PURE__ */ jsx29("h1", { class: `${p25}-home-greeting`, "data-testid": TID.homeGreeting, children: greeting.title }),
+        greeting.subtitle ? /* @__PURE__ */ jsx29("p", { class: `${p25}-home-lead`, children: greeting.subtitle }) : null
       ] }) : null
     ] }),
     /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-cards`, children: [
-      config.showSearchBar !== false ? /* @__PURE__ */ jsx30(
+      config.showSearchBar !== false ? /* @__PURE__ */ jsx29(
         HomeSearchButton,
         {
           placeholder: strings.homeSearchPlaceholder,
           onActivate: () => nav.switchToLayout("help")
         }
       ) : null,
-      recent ? /* @__PURE__ */ jsx30(HomeCard, { onClick: () => nav.selectConversation(recent.conversationId), testid: TID.homeRecent, children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-recent-row`, "data-unread": (recent.unreadCount ?? 0) > 0 ? "true" : void 0, children: [
-        /* @__PURE__ */ jsx30("span", { class: `${p25}-home-recent-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx30(BubblesIcon, {}) }),
+      recent ? /* @__PURE__ */ jsx29(HomeCard, { onClick: () => nav.selectConversation(recent.conversationId), testid: TID.homeRecent, children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-recent-row`, "data-unread": (recent.unreadCount ?? 0) > 0 ? "true" : void 0, children: [
+        /* @__PURE__ */ jsx29("span", { class: `${p25}-home-recent-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx29(BubblesIcon, {}) }),
         /* @__PURE__ */ jsxs24("span", { class: `${p25}-home-recent-body`, children: [
-          /* @__PURE__ */ jsx30("span", { class: `${p25}-home-recent-title`, children: recent.title }),
-          recent.preview ? /* @__PURE__ */ jsx30("span", { class: `${p25}-home-recent-preview`, children: recent.preview }) : null
+          /* @__PURE__ */ jsx29("span", { class: `${p25}-home-recent-title`, children: recent.title }),
+          recent.preview ? /* @__PURE__ */ jsx29("span", { class: `${p25}-home-recent-preview`, children: recent.preview }) : null
         ] }),
-        (recent.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx30("span", { class: `${p25}-home-recent-dot`, "aria-label": "Unread" }) : null
+        (recent.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx29("span", { class: `${p25}-home-recent-dot`, "aria-label": "Unread" }) : null
       ] }) }) : null,
-      status ? /* @__PURE__ */ jsx30(
+      status ? /* @__PURE__ */ jsx29(
         HomeCard,
         {
           onClick: status.url ? () => nav.push({ kind: "iframe", url: status.url, title: status.text }) : void 0,
           children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-status`, "data-level": status.level ?? "operational", children: [
-            /* @__PURE__ */ jsx30("span", { class: `${p25}-home-status-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx30(StatusOkIcon, {}) }),
-            /* @__PURE__ */ jsx30("span", { class: `${p25}-home-status-text`, children: status.text })
+            /* @__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 })
           ] })
         }
       ) : null,
       content.length > 0 ? /* @__PURE__ */ jsxs24("section", { class: `${p25}-home-content`, children: [
-        /* @__PURE__ */ jsx30("div", { class: `${p25}-home-content-title`, children: contentTitle }),
-        /* @__PURE__ */ jsx30("div", { class: `${p25}-home-content-list`, children: content.map((item) => /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx29("div", { class: `${p25}-home-content-title`, children: contentTitle }),
+        /* @__PURE__ */ jsx29("div", { class: `${p25}-home-content-list`, children: content.map((item) => /* @__PURE__ */ jsx29(
           ListRow,
           {
             title: item.title,
@@ -5763,12 +5774,12 @@ function HomeRoot(props2) {
 }
 var homeLayout = {
   Icon: HomeIcon,
-  Root: (props2) => /* @__PURE__ */ jsx30(HomeRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx29(HomeRoot, { ...props2 })
 };
 
 // src/ui/modules/news.tsx
 import { useEffect as useEffect13, useState as useState10 } from "preact/hooks";
-import { jsx as jsx31, jsxs as jsxs25 } from "preact/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs25 } from "preact/jsx-runtime";
 var p26 = BRAND.cssPrefix;
 var log14 = logger.scope("news");
 function NewsRoot({ transport, strings, config, nav, panelProps }) {
@@ -5795,12 +5806,12 @@ function NewsRoot({ transport, strings, config, nav, panelProps }) {
     };
   }, [transport, tags, reloadKey]);
   function renderBody() {
-    if (state === "loading") return /* @__PURE__ */ jsx31(ModuleState, { message: strings.newsLoading, strings });
+    if (state === "loading") return /* @__PURE__ */ jsx30(ModuleState, { message: strings.newsLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx31(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
+      return /* @__PURE__ */ jsx30(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
-    if (items.length === 0) return /* @__PURE__ */ jsx31(ModuleState, { message: strings.newsEmpty, strings });
-    return /* @__PURE__ */ jsx31("div", { class: `${p26}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs25(
+    if (items.length === 0) return /* @__PURE__ */ jsx30(ModuleState, { message: strings.newsEmpty, strings });
+    return /* @__PURE__ */ jsx30("div", { class: `${p26}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs25(
       "button",
       {
         type: "button",
@@ -5808,11 +5819,11 @@ function NewsRoot({ transport, strings, config, nav, panelProps }) {
         onClick: () => nav.push({ kind: "content", id: item.id, title: item.title }),
         "data-testid": tid(TID.newsItem, item.id),
         children: [
-          item.image ? /* @__PURE__ */ jsx31("img", { class: `${p26}-news-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
+          item.image ? /* @__PURE__ */ jsx30("img", { class: `${p26}-news-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
           /* @__PURE__ */ jsxs25("span", { class: `${p26}-news-body`, children: [
-            item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx31("span", { class: `${p26}-news-tags`, children: item.tags.map((t) => /* @__PURE__ */ jsx31("span", { class: `${p26}-news-tag`, children: t }, t)) }) : null,
-            /* @__PURE__ */ jsx31("span", { class: `${p26}-news-title`, children: item.title }),
-            item.description ? /* @__PURE__ */ jsx31("span", { class: `${p26}-news-summary`, children: item.description }) : null
+            item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx30("span", { class: `${p26}-news-tags`, children: item.tags.map((t) => /* @__PURE__ */ jsx30("span", { class: `${p26}-news-tag`, children: t }, t)) }) : null,
+            /* @__PURE__ */ jsx30("span", { class: `${p26}-news-title`, children: item.title }),
+            item.description ? /* @__PURE__ */ jsx30("span", { class: `${p26}-news-summary`, children: item.description }) : null
           ] })
         ]
       },
@@ -5820,13 +5831,13 @@ function NewsRoot({ transport, strings, config, nav, panelProps }) {
     )) });
   }
   return /* @__PURE__ */ jsxs25("div", { class: `${p26}-module`, children: [
-    /* @__PURE__ */ jsx31(TitleBar, { title: strings.newsTitle, actions: /* @__PURE__ */ jsx31(HeaderActions, { panelProps, variant: "plain" }) }),
-    /* @__PURE__ */ jsx31("div", { class: `${p26}-module-scroll`, children: renderBody() })
+    /* @__PURE__ */ jsx30(TitleBar, { title: strings.newsTitle, actions: /* @__PURE__ */ jsx30(HeaderActions, { panelProps, variant: "plain" }) }),
+    /* @__PURE__ */ jsx30("div", { class: `${p26}-module-scroll`, children: renderBody() })
   ] });
 }
 var newsLayout = {
   Icon: NewsIcon,
-  Root: (props2) => /* @__PURE__ */ jsx31(NewsRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx30(NewsRoot, { ...props2 })
 };
 
 // src/ui/modules/registry.ts
@@ -5838,10 +5849,10 @@ var LAYOUTS = {
 };
 
 // src/ui/home-tab-bar.tsx
-import { jsx as jsx32, jsxs as jsxs26 } from "preact/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs26 } from "preact/jsx-runtime";
 var p27 = BRAND.cssPrefix;
 function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
-  return /* @__PURE__ */ jsx32("nav", { class: `${p27}-tabbar`, role: "tablist", "aria-label": strings.panelTitle, children: modules.map((m) => {
+  return /* @__PURE__ */ jsx31("nav", { class: `${p27}-tabbar`, role: "tablist", "aria-label": strings.panelTitle, children: modules.map((m) => {
     const Icon = LAYOUTS[m.layout].Icon;
     const selected = m.id === activeTab;
     const badge = m.layout === "chat" && unreadCount > 0 ? unreadCount > 9 ? "9+" : String(unreadCount) : null;
@@ -5856,10 +5867,10 @@ function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
         "data-testid": tid(TID.tab, m.id),
         children: [
           /* @__PURE__ */ jsxs26("span", { class: `${p27}-tab-icon`, "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx32(Icon, {}),
-            badge ? /* @__PURE__ */ jsx32("span", { class: `${p27}-tab-badge`, "data-testid": TID.tabBadge, children: badge }) : null
+            /* @__PURE__ */ jsx31(Icon, {}),
+            badge ? /* @__PURE__ */ jsx31("span", { class: `${p27}-tab-badge`, "data-testid": TID.tabBadge, children: badge }) : null
           ] }),
-          /* @__PURE__ */ jsx32("span", { class: `${p27}-tab-label`, children: moduleLabel(strings, m.label) })
+          /* @__PURE__ */ jsx31("span", { class: `${p27}-tab-label`, children: moduleLabel(strings, m.label) })
         ]
       },
       m.id
@@ -5868,12 +5879,12 @@ function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
 }
 
 // src/ui/iframe-view.tsx
-import { jsx as jsx33, jsxs as jsxs27 } from "preact/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs27 } from "preact/jsx-runtime";
 var p28 = BRAND.cssPrefix;
 var SANDBOX = "allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-downloads";
 function IframeView({ url, title, strings, onBack, actions }) {
   return /* @__PURE__ */ jsxs27("div", { class: `${p28}-module`, children: [
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx32(
       BackHeader,
       {
         title: title || strings.moduleBack,
@@ -5882,7 +5893,7 @@ function IframeView({ url, title, strings, onBack, actions }) {
         actions
       }
     ),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx32(
       "iframe",
       {
         class: `${p28}-content-frame`,
@@ -5899,7 +5910,7 @@ function IframeView({ url, title, strings, onBack, actions }) {
 
 // src/ui/content-view.tsx
 import { useCallback as useCallback3, useEffect as useEffect14, useState as useState11 } from "preact/hooks";
-import { jsx as jsx34, jsxs as jsxs28 } from "preact/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs28 } from "preact/jsx-runtime";
 var p29 = BRAND.cssPrefix;
 var log15 = logger.scope("content");
 function ContentView({ id, title, transport, strings, onBack, actions }) {
@@ -5928,17 +5939,17 @@ function ContentView({ id, title, transport, strings, onBack, actions }) {
     };
   }, [transport, id, reloadKey]);
   function renderBody() {
-    if (failed) return /* @__PURE__ */ jsx34(ModuleState, { tone: "error", message: strings.errorGeneric, onRetry: retry, strings });
-    if (item === null) return /* @__PURE__ */ jsx34(ModuleState, { message: strings.contentLoading, strings });
+    if (failed) return /* @__PURE__ */ jsx33(ModuleState, { tone: "error", message: strings.errorGeneric, onRetry: retry, strings });
+    if (item === null) return /* @__PURE__ */ jsx33(ModuleState, { message: strings.contentLoading, strings });
     return /* @__PURE__ */ jsxs28("article", { class: `${p29}-content`, "data-testid": TID.contentView, children: [
-      item.image ? /* @__PURE__ */ jsx34("img", { class: `${p29}-content-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
-      item.description ? /* @__PURE__ */ jsx34("p", { class: `${p29}-content-subtitle`, children: item.description }) : null,
-      item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx34("span", { class: `${p29}-news-tags`, children: item.tags.map((t) => /* @__PURE__ */ jsx34("span", { class: `${p29}-news-tag`, children: t }, t)) }) : null,
-      /* @__PURE__ */ jsx34(StaticMarkdown, { text: item.content ?? "" })
+      item.image ? /* @__PURE__ */ jsx33("img", { class: `${p29}-content-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
+      item.description ? /* @__PURE__ */ jsx33("p", { class: `${p29}-content-subtitle`, children: item.description }) : null,
+      item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx33("span", { class: `${p29}-news-tags`, children: item.tags.map((t) => /* @__PURE__ */ jsx33("span", { class: `${p29}-news-tag`, children: t }, t)) }) : null,
+      /* @__PURE__ */ jsx33(StaticMarkdown, { text: item.content ?? "" })
     ] });
   }
   return /* @__PURE__ */ jsxs28("div", { class: `${p29}-module`, children: [
-    /* @__PURE__ */ jsx34(
+    /* @__PURE__ */ jsx33(
       BackHeader,
       {
         title: item?.title || title || strings.moduleBack,
@@ -5948,12 +5959,12 @@ function ContentView({ id, title, transport, strings, onBack, actions }) {
         testid: TID.backHeader
       }
     ),
-    /* @__PURE__ */ jsx34("div", { class: `${p29}-module-scroll`, "data-testid": TID.contentScroll, children: renderBody() })
+    /* @__PURE__ */ jsx33("div", { class: `${p29}-module-scroll`, "data-testid": TID.contentScroll, children: renderBody() })
   ] });
 }
 
 // src/ui/messenger-home.tsx
-import { jsx as jsx35, jsxs as jsxs29 } from "preact/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs29 } from "preact/jsx-runtime";
 var p30 = BRAND.cssPrefix;
 function MessengerHome({
   panelProps,
@@ -6022,12 +6033,12 @@ function MessengerHome({
     nav: moduleNav,
     panelProps
   });
-  const plainActions = /* @__PURE__ */ jsx35(HeaderActions, { panelProps, variant: "plain" });
+  const plainActions = /* @__PURE__ */ jsx34(HeaderActions, { panelProps, variant: "plain" });
   let body;
   if (top?.kind === "iframe") {
-    body = /* @__PURE__ */ jsx35(IframeView, { url: top.url, title: top.title, strings, onBack: nav.pop, actions: plainActions });
+    body = /* @__PURE__ */ jsx34(IframeView, { url: top.url, title: top.title, strings, onBack: nav.pop, actions: plainActions });
   } else if (top?.kind === "content") {
-    body = /* @__PURE__ */ jsx35(
+    body = /* @__PURE__ */ jsx34(
       ContentView,
       {
         id: top.id,
@@ -6039,7 +6050,7 @@ function MessengerHome({
       }
     );
   } else if (activeModule?.layout === "chat") {
-    body = /* @__PURE__ */ jsx35(
+    body = /* @__PURE__ */ jsx34(
       PanelContent,
       {
         ...panelProps,
@@ -6050,7 +6061,7 @@ function MessengerHome({
     );
   } else if (activeModule) {
     const Root = LAYOUTS[activeModule.layout].Root;
-    body = Root ? /* @__PURE__ */ jsx35(Root, { ...screenProps(activeModule) }, activeModule.id) : null;
+    body = Root ? /* @__PURE__ */ jsx34(Root, { ...screenProps(activeModule) }, activeModule.id) : null;
   } else {
     body = null;
   }
@@ -6065,8 +6076,8 @@ function MessengerHome({
       style: { position: "relative" },
       "data-testid": TID.messengerHome,
       children: [
-        /* @__PURE__ */ jsx35("div", { class: `${p30}-messenger-body`, children: body }),
-        showTabBar ? /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx34("div", { class: `${p30}-messenger-body`, children: body }),
+        showTabBar ? /* @__PURE__ */ jsx34(
           HomeTabBar,
           {
             modules: enabledModules,
@@ -6076,8 +6087,8 @@ function MessengerHome({
             onSelect: nav.switchTab
           }
         ) : null,
-        /* @__PURE__ */ jsx35(PoweredByBar, { poweredBy: options.poweredBy }),
-        options.size.resize?.enabled && !(activeModule?.layout === "chat" && !top) ? /* @__PURE__ */ jsx35(
+        /* @__PURE__ */ jsx34(PoweredByBar, { poweredBy: options.poweredBy }),
+        options.size.resize?.enabled && !(activeModule?.layout === "chat" && !top) ? /* @__PURE__ */ jsx34(
           ResizeGrip,
           {
             panelEl: containerRef.current,
@@ -6094,7 +6105,7 @@ function MessengerHome({
 }
 
 // src/ui/modules-empty.tsx
-import { jsx as jsx36, jsxs as jsxs30 } from "preact/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs30 } from "preact/jsx-runtime";
 var p31 = BRAND.cssPrefix;
 function ModulesEmpty({ strings, onClose }) {
   return /* @__PURE__ */ jsxs30(
@@ -6105,7 +6116,7 @@ function ModulesEmpty({ strings, onClose }) {
       "aria-label": strings.panelTitle,
       "data-testid": TID.modulesEmpty,
       children: [
-        onClose ? /* @__PURE__ */ jsx36(
+        onClose ? /* @__PURE__ */ jsx35(
           "button",
           {
             type: "button",
@@ -6113,10 +6124,10 @@ function ModulesEmpty({ strings, onClose }) {
             onClick: onClose,
             "aria-label": strings.close,
             title: strings.close,
-            children: /* @__PURE__ */ jsx36(CloseIcon, {})
+            children: /* @__PURE__ */ jsx35(CloseIcon, {})
           }
         ) : null,
-        /* @__PURE__ */ jsx36("p", { class: `${p31}-modules-empty-text`, children: strings.modulesEmpty })
+        /* @__PURE__ */ jsx35("p", { class: `${p31}-modules-empty-text`, children: strings.modulesEmpty })
       ]
     }
   );
@@ -6188,7 +6199,7 @@ function useLauncherCallout({ callout, persistence }) {
 }
 
 // src/ui/app.tsx
-import { jsx as jsx37, jsxs as jsxs31 } from "preact/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs31 } from "preact/jsx-runtime";
 var log16 = logger.scope("app");
 var p32 = BRAND.cssPrefix;
 function App({ options, hostElement, bus }) {
@@ -6777,7 +6788,7 @@ function App({ options, hostElement, bus }) {
   const handlePopOut = useCallback6(() => {
     if (!options.popOutUrl) return;
     const url = new URL(options.popOutUrl);
-    if (conversationIdSig.value) url.searchParams.set("chat", conversationIdSig.value);
+    if (conversationIdSig.value) url.searchParams.set("conversation", conversationIdSig.value);
     if (options.widgetId !== "default") url.searchParams.set("widgetId", options.widgetId);
     log16.info("popOut", { url: url.toString() });
     window.open(url.toString(), "_blank", "noopener,noreferrer");
@@ -6827,12 +6838,12 @@ function App({ options, hostElement, bus }) {
     },
     [patchAndSync, bus]
   );
-  const handleSelectHistoryChat = useCallback6(
-    async (targetChatId) => {
-      log16.info("selectChat", { conversationId: targetChatId });
-      bus.emit("selectChat", { conversationId: targetChatId });
+  const handleSelectHistoryConversation = useCallback6(
+    async (targetConversationId) => {
+      log16.info("selectConversation", { conversationId: targetConversationId });
+      bus.emit("selectConversation", { conversationId: targetConversationId });
       try {
-        const res = await transport.loadConversation(targetChatId);
+        const res = await transport.loadConversation(targetConversationId);
         const hydrated = res.messages.map(fromWireMessage);
         messagesSig.value = hydrated;
         conversationIdSig.value = res.conversationId;
@@ -6841,7 +6852,7 @@ function App({ options, hostElement, bus }) {
         setCanSend(res.canContinue);
         setSuggestions(res.suggestions ?? []);
         setView("chat");
-        await transport.markRead(targetChatId);
+        await transport.markRead(targetConversationId);
         refreshUnread();
       } catch (err) {
         bus.emit("error", err);
@@ -6886,8 +6897,8 @@ function App({ options, hostElement, bus }) {
     onPopOut: handlePopOut,
     onSoundToggle: handleSoundToggle,
     onToggleHistory: handleToggleHistory,
-    onSelectHistoryChat: handleSelectHistoryChat,
-    onNewChat: handleNewChat,
+    onSelectHistoryConversation: handleSelectHistoryConversation,
+    onNewConversation: handleNewChat,
     onLocaleChange: handleLocaleChange,
     onThemeChange: handleThemeChange,
     onWidgetSizeChange: handleWidgetSizeChange,
@@ -6907,7 +6918,7 @@ function App({ options, hostElement, bus }) {
     tool: toolInteraction
   };
   const onSelectConversation = (conversationId) => {
-    void handleSelectHistoryChat(conversationId);
+    void handleSelectHistoryConversation(conversationId);
     const chatId = chatTabId();
     if (chatId) homeNav.switchTab(chatId);
   };
@@ -6916,12 +6927,12 @@ function App({ options, hostElement, bus }) {
   const renderSurface = (size) => {
     const closeable = isActionVisible("close", effectiveOptions.mode, size);
     if (enabledModules.length === 0) {
-      return /* @__PURE__ */ jsx37(ModulesEmpty, { strings: effectiveOptions.strings, onClose: closeable ? handleClose : void 0 });
+      return /* @__PURE__ */ jsx36(ModulesEmpty, { strings: effectiveOptions.strings, onClose: closeable ? handleClose : void 0 });
     }
     if (enabledModules.length === 1 && enabledModules[0]?.layout === "chat") {
-      return /* @__PURE__ */ jsx37(Panel, { ...panelProps, panelSize: size });
+      return /* @__PURE__ */ jsx36(Panel, { ...panelProps, panelSize: size });
     }
-    return /* @__PURE__ */ jsx37(
+    return /* @__PURE__ */ jsx36(
       MessengerHome,
       {
         panelProps: { ...panelProps, panelSize: size, onClose: closeable ? handleClose : void 0 },
@@ -6935,11 +6946,11 @@ function App({ options, hostElement, bus }) {
     );
   };
   if (options.mode === "page") {
-    const onSelectChatFromSidebar = (chat) => {
-      void handleSelectHistoryChat(chat.conversationId);
+    const onSelectConversationFromSidebar = (chat) => {
+      void handleSelectHistoryConversation(chat.conversationId);
     };
-    const messagesEnabled = enabledModules.some((m) => m.layout === "chat");
-    return /* @__PURE__ */ jsx37("div", { class: `${p32}-anchor`, children: /* @__PURE__ */ jsx37(
+    const conversationsEnabled = enabledModules.some((m) => m.layout === "chat");
+    return /* @__PURE__ */ jsx36("div", { class: `${p32}-anchor`, children: /* @__PURE__ */ jsx36(
       PageShell,
       {
         site: parsedSite,
@@ -6947,9 +6958,9 @@ function App({ options, hostElement, bus }) {
         transport,
         strings: effectiveOptions.strings,
         visitorId,
-        showConversations: messagesEnabled,
-        onSelectChat: onSelectChatFromSidebar,
-        onNewChat: handleNewChat,
+        showConversations: conversationsEnabled,
+        onSelectConversation: onSelectConversationFromSidebar,
+        onNewConversation: handleNewChat,
         sidebarCollapsed,
         onToggleSidebarCollapsed: handleToggleSidebarCollapsed,
         children: renderSurface("fullscreen")
@@ -6958,7 +6969,7 @@ function App({ options, hostElement, bus }) {
   }
   if (isInlineLike) {
     const inlineSize = options.mode === "standalone" ? "fullscreen" : panelSize;
-    return /* @__PURE__ */ jsx37("div", { class: `${p32}-anchor`, children: renderSurface(inlineSize) });
+    return /* @__PURE__ */ jsx36("div", { class: `${p32}-anchor`, children: renderSurface(inlineSize) });
   }
   const drawerEdgeTab = options.mode === "drawer";
   const triggerOwnedByPage = options.mode === "modal";
@@ -6966,7 +6977,7 @@ function App({ options, hostElement, bus }) {
   const calloutToRender = launcherVisible && !launcherLeaving && !calloutDismissed && !drawerEdgeTab ? effectiveOptions.launcher.callout : null;
   return /* @__PURE__ */ jsxs31("div", { class: `${p32}-anchor`, "data-launcher-size": effectiveOptions.launcher.size, children: [
     isOpen ? renderSurface(panelSize) : null,
-    launcherVisible ? /* @__PURE__ */ jsx37(
+    launcherVisible ? /* @__PURE__ */ jsx36(
       Launcher,
       {
         onToggle: handleOpen,
@@ -6976,7 +6987,7 @@ function App({ options, hostElement, bus }) {
         edgeTab: drawerEdgeTab
       }
     ) : null,
-    calloutToRender ? /* @__PURE__ */ jsx37(
+    calloutToRender ? /* @__PURE__ */ jsx36(
       LauncherCallout,
       {
         callout: calloutToRender,