@helpai/elements 0.54.2 → 0.54.3

package/index.mjs

@@ -29,7 +29,7 @@ var BRAND = {
 };
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.54.2" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.54.3" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/i18n/strings.ts
@@ -1727,22 +1727,22 @@ function attachAdoptedSheet(shadow, doc) {
   }
 }
 function applyThemeOverrides(host, overrides) {
-  const p36 = BRAND.cssPrefix;
-  if (overrides.accent) host.style.setProperty(`--${p36}-accent-user`, overrides.accent);
-  if (overrides.accentText) host.style.setProperty(`--${p36}-accent-text-user`, overrides.accentText);
-  if (overrides.radius) host.style.setProperty(`--${p36}-radius`, overrides.radius);
-  if (overrides.fontFamily) host.style.setProperty(`--${p36}-font`, overrides.fontFamily);
+  const p35 = BRAND.cssPrefix;
+  if (overrides.accent) host.style.setProperty(`--${p35}-accent-user`, overrides.accent);
+  if (overrides.accentText) host.style.setProperty(`--${p35}-accent-text-user`, overrides.accentText);
+  if (overrides.radius) host.style.setProperty(`--${p35}-radius`, overrides.radius);
+  if (overrides.fontFamily) host.style.setProperty(`--${p35}-font`, overrides.fontFamily);
 }
 function applyThemeMode(host, mode) {
   host.dataset.theme = mode;
 }
 function applySize(host, size) {
-  const p36 = BRAND.cssPrefix;
-  if (size.width !== void 0) host.style.setProperty(`--${p36}-panel-w`, size.width);
-  if (size.height !== void 0) host.style.setProperty(`--${p36}-panel-h`, size.height);
-  if (size.expanded?.width !== void 0) host.style.setProperty(`--${p36}-expanded-w`, size.expanded.width);
-  if (size.expanded?.height !== void 0) host.style.setProperty(`--${p36}-expanded-h`, size.expanded.height);
-  if (size.inset !== void 0) host.style.setProperty(`--${p36}-panel-inset`, size.inset);
+  const p35 = BRAND.cssPrefix;
+  if (size.width !== void 0) host.style.setProperty(`--${p35}-panel-w`, size.width);
+  if (size.height !== void 0) host.style.setProperty(`--${p35}-panel-h`, size.height);
+  if (size.expanded?.width !== void 0) host.style.setProperty(`--${p35}-expanded-w`, size.expanded.width);
+  if (size.expanded?.height !== void 0) host.style.setProperty(`--${p35}-expanded-h`, size.expanded.height);
+  if (size.inset !== void 0) host.style.setProperty(`--${p35}-panel-inset`, size.inset);
 }
 function applyPosition(host, pos) {
   host.dataset.position = pos;
@@ -1858,7 +1858,7 @@ import { h, render as renderPreact } from "preact";
 
 // src/ui/app.tsx
 import { useCallback as useCallback6, useEffect as useEffect16, useLayoutEffect as useLayoutEffect3, useMemo as useMemo3, useRef as useRef9, useState as useState13 } from "preact/hooks";
-import { batch, useComputed as useComputed8, useSignal } from "@preact/signals";
+import { batch, useComputed as useComputed9, useSignal } from "@preact/signals";
 
 // src/core/handshake-shape.ts
 function isPlainObject2(raw) {
@@ -2006,11 +2006,11 @@ function toBase64Url(json) {
 var nonEmpty = (ctx) => ctx && Object.keys(ctx).length > 0 ? ctx : void 0;
 function encodeContext(user, page) {
   const u = nonEmpty(user);
-  const p36 = nonEmpty(page);
-  if (!u && !p36) return void 0;
+  const p35 = nonEmpty(page);
+  if (!u && !p35) return void 0;
   const envelope = {};
   if (u) envelope.user = u;
-  if (p36) envelope.page = p36;
+  if (p35) envelope.page = p35;
   return toBase64Url(JSON.stringify(envelope));
 }
 
@@ -2110,8 +2110,8 @@ function buildSendMessageRequest(params) {
   if (tools?.length) body.data = { tools };
   return body;
 }
-function isResolvedToolPart(p36) {
-  return p36.state === "output-available" || p36.state === "output-error" || p36.state === "output-denied" || p36.approval?.approved !== void 0;
+function isResolvedToolPart(p35) {
+  return p35.state === "output-available" || p35.state === "output-error" || p35.state === "output-denied" || p35.approval?.approved !== void 0;
 }
 function normalizeToolRef(ref) {
   if (typeof ref === "string") return ref ? { code: ref } : null;
@@ -2119,29 +2119,29 @@ function normalizeToolRef(ref) {
 }
 function messageToWireParts(m) {
   const out = [];
-  for (const p36 of m.parts) {
-    if (p36.kind === "step-start") {
+  for (const p35 of m.parts) {
+    if (p35.kind === "step-start") {
       out.push({ type: "step-start" });
     }
-    if (p36.kind === "reasoning" && p36.text) {
-      out.push({ type: "reasoning", text: p36.text, state: p36.done ? "done" : "streaming" });
+    if (p35.kind === "reasoning" && p35.text) {
+      out.push({ type: "reasoning", text: p35.text, state: p35.done ? "done" : "streaming" });
     }
-    if (p36.kind === "text" && p36.text) {
-      out.push({ text: p36.text, type: "text" });
+    if (p35.kind === "text" && p35.text) {
+      out.push({ text: p35.text, type: "text" });
     }
-    if (p36.kind === "file" && p36.url) {
-      out.push({ mediaType: p36.mediaType, type: "file", url: p36.url });
+    if (p35.kind === "file" && p35.url) {
+      out.push({ mediaType: p35.mediaType, type: "file", url: p35.url });
     }
-    if (p36.kind === "tool" && isResolvedToolPart(p36)) {
+    if (p35.kind === "tool" && isResolvedToolPart(p35)) {
       const part = {
-        type: toolPartType(p36.toolName),
-        toolCallId: p36.toolCallId,
-        state: p36.state
+        type: toolPartType(p35.toolName),
+        toolCallId: p35.toolCallId,
+        state: p35.state
       };
-      if (p36.input !== void 0) part.input = p36.input;
-      if (p36.output !== void 0) part.output = p36.output;
-      if (p36.error !== void 0) part.errorText = p36.error;
-      if (p36.approval && p36.approval.approved !== void 0) part.approval = p36.approval;
+      if (p35.input !== void 0) part.input = p35.input;
+      if (p35.output !== void 0) part.output = p35.output;
+      if (p35.error !== void 0) part.errorText = p35.error;
+      if (p35.approval && p35.approval.approved !== void 0) part.approval = p35.approval;
       out.push(part);
     }
   }
@@ -2899,7 +2899,7 @@ function fromWireMessage(w) {
       };
     }
     return null;
-  }).filter((p36) => p36 !== null);
+  }).filter((p35) => p35 !== null);
   return {
     id: w.id,
     role: w.role,
@@ -2953,7 +2953,7 @@ function assistantText(m) {
 }
 function hasNoVisibleAnswer(m) {
   if (assistantText(m).trim() !== "") return false;
-  return !m.partsSig.value.some((p36) => p36.kind === "tool" || p36.kind === "file" || p36.kind === "source");
+  return !m.partsSig.value.some((p35) => p35.kind === "tool" || p35.kind === "file" || p35.kind === "source");
 }
 function isEmptyAssistantReply(m) {
   return m.role === "assistant" && m.status !== "streaming" && hasNoVisibleAnswer(m);
@@ -2961,43 +2961,43 @@ function isEmptyAssistantReply(m) {
 function isHiddenCanceledTurn(m) {
   return m.canceled === true && isEmptyAssistantReply(m);
 }
-function partToReactive(p36) {
-  if (p36.kind === "text" || p36.kind === "reasoning") {
-    return { kind: p36.kind, id: p36.id, textSig: signal(p36.text), doneSig: signal(p36.done) };
+function partToReactive(p35) {
+  if (p35.kind === "text" || p35.kind === "reasoning") {
+    return { kind: p35.kind, id: p35.id, textSig: signal(p35.text), doneSig: signal(p35.done) };
   }
-  if (p36.kind === "tool") {
+  if (p35.kind === "tool") {
     return {
       kind: "tool",
-      toolCallId: p36.toolCallId,
-      toolName: p36.toolName,
-      inputPartialSig: signal(p36.inputPartial),
-      inputSig: signal(p36.input),
-      outputSig: signal(p36.output),
-      errorSig: signal(p36.error),
-      stateSig: signal(p36.state),
-      approvalSig: signal(p36.approval)
+      toolCallId: p35.toolCallId,
+      toolName: p35.toolName,
+      inputPartialSig: signal(p35.inputPartial),
+      inputSig: signal(p35.input),
+      outputSig: signal(p35.output),
+      errorSig: signal(p35.error),
+      stateSig: signal(p35.state),
+      approvalSig: signal(p35.approval)
     };
   }
-  return p36;
+  return p35;
 }
-function partFromReactive(p36) {
-  if (p36.kind === "text" || p36.kind === "reasoning") {
-    return { kind: p36.kind, id: p36.id, text: p36.textSig.value, done: p36.doneSig.value };
+function partFromReactive(p35) {
+  if (p35.kind === "text" || p35.kind === "reasoning") {
+    return { kind: p35.kind, id: p35.id, text: p35.textSig.value, done: p35.doneSig.value };
   }
-  if (p36.kind === "tool") {
+  if (p35.kind === "tool") {
     return {
       kind: "tool",
-      toolCallId: p36.toolCallId,
-      toolName: p36.toolName,
-      inputPartial: p36.inputPartialSig.value,
-      input: p36.inputSig.value,
-      output: p36.outputSig.value,
-      error: p36.errorSig.value,
-      state: p36.stateSig.value,
-      approval: p36.approvalSig.value
+      toolCallId: p35.toolCallId,
+      toolName: p35.toolName,
+      inputPartial: p35.inputPartialSig.value,
+      input: p35.inputSig.value,
+      output: p35.outputSig.value,
+      error: p35.errorSig.value,
+      state: p35.stateSig.value,
+      approval: p35.approvalSig.value
     };
   }
-  return p36;
+  return p35;
 }
 
 // src/stream/reducer.ts
@@ -3076,8 +3076,8 @@ var StreamReducer = class {
         this.ensureTextPart(m, "text", chunk.id);
         return;
       case "text-delta": {
-        const p36 = this.ensureTextPart(m, "text", chunk.id);
-        p36.textSig.value += chunk.delta;
+        const p35 = this.ensureTextPart(m, "text", chunk.id);
+        p35.textSig.value += chunk.delta;
         return;
       }
       case "text-end":
@@ -3087,8 +3087,8 @@ var StreamReducer = class {
         this.ensureTextPart(m, "reasoning", chunk.id).doneSig.value = false;
         return;
       case "reasoning-delta": {
-        const p36 = this.ensureTextPart(m, "reasoning", chunk.id);
-        p36.textSig.value += chunk.delta;
+        const p35 = this.ensureTextPart(m, "reasoning", chunk.id);
+        p35.textSig.value += chunk.delta;
         return;
       }
       case "reasoning-end":
@@ -3140,7 +3140,7 @@ var StreamReducer = class {
   }
 };
 function ensureToolPart(m, toolCallId, toolName2) {
-  const existing = m.partsSig.value.find((p36) => p36.kind === "tool" && p36.toolCallId === toolCallId);
+  const existing = m.partsSig.value.find((p35) => p35.kind === "tool" && p35.toolCallId === toolCallId);
   if (existing) return existing;
   const part = {
     kind: "tool",
@@ -3160,7 +3160,7 @@ function appendPart(m, part) {
   m.partsSig.value = [...m.partsSig.value, part];
 }
 function appendSource(m, source) {
-  if (m.partsSig.value.some((p36) => p36.kind === "source" && p36.sourceId === source.sourceId)) return;
+  if (m.partsSig.value.some((p35) => p35.kind === "source" && p35.sourceId === source.sourceId)) return;
   appendPart(m, source);
 }
 function applyTool(m, chunk) {
@@ -3169,37 +3169,37 @@ function applyTool(m, chunk) {
       ensureToolPart(m, chunk.toolCallId, chunk.toolName);
       return;
     case "tool-input-delta": {
-      const p36 = ensureToolPart(m, chunk.toolCallId);
-      p36.inputPartialSig.value += chunk.inputTextDelta;
+      const p35 = ensureToolPart(m, chunk.toolCallId);
+      p35.inputPartialSig.value += chunk.inputTextDelta;
       return;
     }
     case "tool-input-available": {
-      const p36 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
-      p36.inputSig.value = chunk.input;
-      p36.stateSig.value = "input-available";
+      const p35 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
+      p35.inputSig.value = chunk.input;
+      p35.stateSig.value = "input-available";
       return;
     }
     case "tool-approval-request": {
-      const p36 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
-      p36.approvalSig.value = { id: chunk.approvalId };
-      p36.stateSig.value = "approval-requested";
+      const p35 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
+      p35.approvalSig.value = { id: chunk.approvalId };
+      p35.stateSig.value = "approval-requested";
       return;
     }
     case "tool-output-available": {
-      const p36 = ensureToolPart(m, chunk.toolCallId);
-      p36.outputSig.value = chunk.output;
-      p36.stateSig.value = "output-available";
+      const p35 = ensureToolPart(m, chunk.toolCallId);
+      p35.outputSig.value = chunk.output;
+      p35.stateSig.value = "output-available";
       return;
     }
     case "tool-output-error": {
-      const p36 = ensureToolPart(m, chunk.toolCallId);
-      p36.errorSig.value = chunk.errorText;
-      p36.stateSig.value = "output-error";
+      const p35 = ensureToolPart(m, chunk.toolCallId);
+      p35.errorSig.value = chunk.errorText;
+      p35.stateSig.value = "output-error";
       return;
     }
     case "tool-output-denied": {
-      const p36 = ensureToolPart(m, chunk.toolCallId);
-      p36.stateSig.value = "output-denied";
+      const p35 = ensureToolPart(m, chunk.toolCallId);
+      p35.stateSig.value = "output-denied";
       return;
     }
     default:
@@ -3911,24 +3911,24 @@ import { useCallback as useCallback2, useEffect as useEffect9, useRef as useRef6
 import { useEffect as useEffect2, useRef } from "preact/hooks";
 import { jsx as jsx3 } from "preact/jsx-runtime";
 function ResizeGrip({ panelEl, resize, position, initialSize, onSizeChange, strings }) {
-  const p36 = BRAND.cssPrefix;
+  const p35 = BRAND.cssPrefix;
   const dragRef = useRef(null);
   useEffect2(() => {
     if (!panelEl) return;
     const style = panelEl.style;
-    if (resize.minWidth) style.setProperty(`--${p36}-resize-min-w`, resize.minWidth);
-    if (resize.maxWidth) style.setProperty(`--${p36}-resize-max-w`, resize.maxWidth);
-    if (resize.minHeight) style.setProperty(`--${p36}-resize-min-h`, resize.minHeight);
-    if (resize.maxHeight) style.setProperty(`--${p36}-resize-max-h`, resize.maxHeight);
+    if (resize.minWidth) style.setProperty(`--${p35}-resize-min-w`, resize.minWidth);
+    if (resize.maxWidth) style.setProperty(`--${p35}-resize-max-w`, resize.maxWidth);
+    if (resize.minHeight) style.setProperty(`--${p35}-resize-min-h`, resize.minHeight);
+    if (resize.maxHeight) style.setProperty(`--${p35}-resize-max-h`, resize.maxHeight);
     if (initialSize) {
-      style.setProperty(`--${p36}-widget-w`, `${initialSize.width}px`);
-      style.setProperty(`--${p36}-widget-h`, `${initialSize.height}px`);
+      style.setProperty(`--${p35}-widget-w`, `${initialSize.width}px`);
+      style.setProperty(`--${p35}-widget-h`, `${initialSize.height}px`);
     }
-  }, [panelEl, resize.minWidth, resize.maxWidth, resize.minHeight, resize.maxHeight, p36, initialSize]);
+  }, [panelEl, resize.minWidth, resize.maxWidth, resize.minHeight, resize.maxHeight, p35, initialSize]);
   if (!panelEl) return null;
   const isTop = position.startsWith("top-");
   const isRight = position.endsWith("-right");
-  const cornerClass = `${p36}-resize-grip ${p36}-resize-grip--${isTop ? "bottom" : "top"}-${isRight ? "left" : "right"}`;
+  const cornerClass = `${p35}-resize-grip ${p35}-resize-grip--${isTop ? "bottom" : "top"}-${isRight ? "left" : "right"}`;
   const onPointerDown = (e) => {
     if (!panelEl) return;
     const target = e.currentTarget;
@@ -3953,8 +3953,8 @@ function ResizeGrip({ panelEl, resize, position, initialSize, onSizeChange, stri
     if (!d || e.pointerId !== d.pointerId || !panelEl) return;
     const dx = (e.clientX - d.startX) * d.dirX;
     const dy = (e.clientY - d.startY) * d.dirY;
-    panelEl.style.setProperty(`--${p36}-widget-w`, `${d.startW + dx}px`);
-    panelEl.style.setProperty(`--${p36}-widget-h`, `${d.startH + dy}px`);
+    panelEl.style.setProperty(`--${p35}-widget-w`, `${d.startW + dx}px`);
+    panelEl.style.setProperty(`--${p35}-widget-h`, `${d.startH + dy}px`);
   };
   const onPointerUp = (e) => {
     const d = dragRef.current;
@@ -4691,7 +4691,7 @@ function usePopoverMenu({ itemCount, initialFocusIndex }) {
 // src/ui/overflow-menu.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "preact/jsx-runtime";
 function OverflowMenu({ items, triggerLabel }) {
-  const p36 = BRAND.cssPrefix;
+  const p35 = BRAND.cssPrefix;
   const menu = usePopoverMenu({ itemCount: items.length });
   const handleSelect = (item) => {
     if (item.disabled) return;
@@ -4714,13 +4714,13 @@ function OverflowMenu({ items, triggerLabel }) {
     e.stopPropagation();
     pickSegment(item, segs[next].value);
   };
-  return /* @__PURE__ */ jsxs6("div", { class: `${p36}-menu-wrap`, children: [
+  return /* @__PURE__ */ jsxs6("div", { class: `${p35}-menu-wrap`, children: [
     /* @__PURE__ */ jsx8(
       "button",
       {
         ref: menu.triggerRef,
         type: "button",
-        class: `${p36}-icon-btn`,
+        class: `${p35}-icon-btn`,
         "aria-label": triggerLabel,
         "aria-haspopup": "menu",
         "aria-expanded": menu.open,
@@ -4734,7 +4734,7 @@ function OverflowMenu({ items, triggerLabel }) {
       "div",
       {
         ref: menu.menuRef,
-        class: `${p36}-menu`,
+        class: `${p35}-menu`,
         role: "menu",
         "aria-label": triggerLabel,
         onKeyDown: menu.onMenuKey,
@@ -4744,14 +4744,14 @@ function OverflowMenu({ items, triggerLabel }) {
             "div",
             {
               role: "menuitem",
-              class: `${p36}-menu-item ${p36}-menu-item-segmented`,
+              class: `${p35}-menu-item ${p35}-menu-item-segmented`,
               "aria-label": item.label,
               tabIndex: -1,
               onKeyDown: (e) => onSegmentRowKey(e, item),
               children: [
-                item.icon ? /* @__PURE__ */ jsx8("span", { class: `${p36}-menu-icon`, children: item.icon }) : null,
-                /* @__PURE__ */ jsx8("span", { class: `${p36}-menu-label`, children: item.label }),
-                /* @__PURE__ */ jsx8("span", { class: `${p36}-segmented`, role: "group", "aria-label": item.label, children: item.segments.map((seg) => {
+                item.icon ? /* @__PURE__ */ jsx8("span", { class: `${p35}-menu-icon`, children: item.icon }) : null,
+                /* @__PURE__ */ jsx8("span", { class: `${p35}-menu-label`, children: item.label }),
+                /* @__PURE__ */ jsx8("span", { class: `${p35}-segmented`, role: "group", "aria-label": item.label, children: item.segments.map((seg) => {
                   const active = seg.value === item.value;
                   return /* @__PURE__ */ jsx8(
                     "button",
@@ -4759,7 +4759,7 @@ function OverflowMenu({ items, triggerLabel }) {
                       type: "button",
                       role: "menuitemradio",
                       "aria-checked": active,
-                      class: `${p36}-segment`,
+                      class: `${p35}-segment`,
                       "data-on": active ? "true" : void 0,
                       lang: seg.lang,
                       title: seg.value,
@@ -4779,14 +4779,14 @@ function OverflowMenu({ items, triggerLabel }) {
             {
               type: "button",
               role: "menuitem",
-              class: `${p36}-menu-item`,
+              class: `${p35}-menu-item`,
               "aria-pressed": item.type === "switch" ? item.on : void 0,
               disabled: item.disabled,
               onClick: () => handleSelect(item),
               children: [
-                item.icon ? /* @__PURE__ */ jsx8("span", { class: `${p36}-menu-icon`, children: item.icon }) : null,
-                /* @__PURE__ */ jsx8("span", { class: `${p36}-menu-label`, children: item.label }),
-                item.type === "switch" && item.on ? /* @__PURE__ */ jsx8("span", { class: `${p36}-menu-check`, "aria-hidden": "true", children: /* @__PURE__ */ jsx8(CheckIcon, {}) }) : null
+                item.icon ? /* @__PURE__ */ jsx8("span", { class: `${p35}-menu-icon`, children: item.icon }) : null,
+                /* @__PURE__ */ jsx8("span", { class: `${p35}-menu-label`, children: item.label }),
+                item.type === "switch" && item.on ? /* @__PURE__ */ jsx8("span", { class: `${p35}-menu-check`, "aria-hidden": "true", children: /* @__PURE__ */ jsx8(CheckIcon, {}) }) : null
               ]
             },
             item.id
@@ -4938,7 +4938,7 @@ function HeaderActions({ panelProps, variant }) {
 
 // src/ui/message-list.tsx
 import { useEffect as useEffect7, useLayoutEffect as useLayoutEffect2, useRef as useRef5, useState as useState6 } from "preact/hooks";
-import { useComputed as useComputed6 } from "@preact/signals";
+import { useComputed as useComputed7 } from "@preact/signals";
 
 // src/ui/form/dynamic-form.tsx
 import { useState as useState5 } from "preact/hooks";
@@ -5334,7 +5334,7 @@ function FormDoneMarker({
 }
 
 // src/ui/message-bubble.tsx
-import { useComputed as useComputed5 } from "@preact/signals";
+import { useComputed as useComputed6 } from "@preact/signals";
 
 // src/stream/constants.ts
 function isAskUserQuestionsTool(toolName2) {
@@ -5432,9 +5432,10 @@ function SourceView({ part, strings }) {
 }
 
 // src/ui/tool-approval.tsx
-import { useComputed as useComputed2 } from "@preact/signals";
+import { useComputed as useComputed3 } from "@preact/signals";
 
 // src/ui/tool-card.tsx
+import { useComputed as useComputed2 } from "@preact/signals";
 import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs11 } from "preact/jsx-runtime";
 var p13 = BRAND.cssPrefix;
 function toolName(raw) {
@@ -5505,6 +5506,33 @@ function ToolHeaderRow({
     /* @__PURE__ */ jsx14("span", { class: `${p13}-toolui-chevron`, children: /* @__PURE__ */ jsx14(ChevronDownIcon, {}) })
   ] });
 }
+function ToolCollapsibleCard({
+  part,
+  strings,
+  testid,
+  superseded
+}) {
+  const input = useComputed2(() => part.inputSig.value);
+  const output = useComputed2(() => part.outputSig.value);
+  const error = useComputed2(() => part.errorSig.value);
+  const state = useComputed2(() => part.stateSig.value);
+  const approval = useComputed2(() => part.approvalSig.value);
+  return /* @__PURE__ */ jsxs11("details", { class: `${p13}-toolui ${p13}-toolui-collapsible`, "data-testid": testid, children: [
+    /* @__PURE__ */ jsx14("summary", { class: `${p13}-toolui-head`, children: /* @__PURE__ */ jsx14(
+      ToolHeaderRow,
+      {
+        name: toolName(part.toolName),
+        state: state.value,
+        approval: approval.value,
+        strings,
+        superseded
+      }
+    ) }),
+    /* @__PURE__ */ jsx14(ToolSection, { label: strings.toolParameters, value: input.value }),
+    output.value !== void 0 ? /* @__PURE__ */ jsx14(ToolSection, { label: strings.toolResult, value: output.value }) : null,
+    error.value ? /* @__PURE__ */ jsx14(ToolSection, { label: strings.statusError, value: error.value, error: true }) : null
+  ] });
+}
 function ToolSection({ label, value, error }) {
   const text = error ? String(value ?? "") : pretty(unwrapResult(value));
   if (!text) return null;
@@ -5535,11 +5563,8 @@ function pretty(value) {
 import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs12 } from "preact/jsx-runtime";
 var p14 = BRAND.cssPrefix;
 function ToolApproval({ part, strings, active, superseded = false, onDecision, onEdit }) {
-  const approval = useComputed2(() => part.approvalSig.value);
-  const state = useComputed2(() => part.stateSig.value);
-  const input = useComputed2(() => part.inputSig.value);
-  const output = useComputed2(() => part.outputSig.value);
-  const error = useComputed2(() => part.errorSig.value);
+  const approval = useComputed3(() => part.approvalSig.value);
+  const state = useComputed3(() => part.stateSig.value);
   const name = toolName(part.toolName);
   const approved = approval.value?.approved;
   const { terminal, responded, decided } = toolDecisionState(state.value, approval.value);
@@ -5547,21 +5572,7 @@ function ToolApproval({ part, strings, active, superseded = false, onDecision, o
   const skipped = superseded && !decided;
   const id = part.toolCallId;
   return /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui-group`, "data-testid": decided ? TID.toolDecision : TID.toolApproval, children: [
-    /* @__PURE__ */ jsxs12("details", { class: `${p14}-toolui ${p14}-toolui-collapsible`, children: [
-      /* @__PURE__ */ jsx15("summary", { class: `${p14}-toolui-head`, children: /* @__PURE__ */ jsx15(
-        ToolHeaderRow,
-        {
-          name,
-          state: state.value,
-          approval: approval.value,
-          strings,
-          superseded: skipped
-        }
-      ) }),
-      /* @__PURE__ */ jsx15(ToolSection, { label: strings.toolParameters, value: input.value }),
-      output.value !== void 0 ? /* @__PURE__ */ jsx15(ToolSection, { label: strings.toolResult, value: output.value }) : null,
-      error.value ? /* @__PURE__ */ jsx15(ToolSection, { label: strings.statusError, value: error.value, error: true }) : null
-    ] }),
+    /* @__PURE__ */ jsx15(ToolCollapsibleCard, { part, strings, superseded: skipped }),
     skipped || terminal ? null : /* @__PURE__ */ jsxs12("div", { class: `${p14}-toolui ${p14}-toolui-body`, children: [
       responded ? (
         // DECIDED — lead with the recorded response (no repeated prompt/body), so the card barely
@@ -5602,13 +5613,14 @@ function ToolApproval({ part, strings, active, superseded = false, onDecision, o
             children: strings.approve
           }
         )
-      ] }) : editable ? /* @__PURE__ */ jsx15("div", { class: `${p14}-toolui-actions`, children: /* @__PURE__ */ jsx15("button", { type: "button", class: `${p14}-form-skip`, onClick: () => onEdit(id), "data-testid": TID.toolEdit, children: strings.edit }) }) : null
+      ] }) : null,
+      editable ? /* @__PURE__ */ jsx15("div", { class: `${p14}-toolui-actions`, children: /* @__PURE__ */ jsx15("button", { type: "button", class: `${p14}-form-skip`, onClick: () => onEdit(id), "data-testid": TID.toolEdit, children: strings.edit }) }) : null
     ] })
   ] });
 }
 
 // src/ui/tool-ask-questions.tsx
-import { useComputed as useComputed3 } from "@preact/signals";
+import { useComputed as useComputed4 } from "@preact/signals";
 
 // src/ui/form/field.ts
 var QUESTION_TYPES = /* @__PURE__ */ new Set([
@@ -5680,9 +5692,9 @@ function str(v) {
 import { Fragment as Fragment4, jsx as jsx16, jsxs as jsxs13 } from "preact/jsx-runtime";
 var p15 = BRAND.cssPrefix;
 function ToolAskQuestions({ part, strings, active, superseded = false, onDecision, onEdit }) {
-  const state = useComputed3(() => part.stateSig.value);
-  const approval = useComputed3(() => part.approvalSig.value);
-  const request = useComputed3(() => parseAskUserQuestions(part.inputSig.value));
+  const state = useComputed4(() => part.stateSig.value);
+  const approval = useComputed4(() => part.approvalSig.value);
+  const request = useComputed4(() => parseAskUserQuestions(part.inputSig.value));
   const { terminal, responded, decided } = toolDecisionState(state.value, approval.value);
   const req = request.value;
   if (decided) {
@@ -5745,7 +5757,7 @@ function DecidedCard({
   editable,
   onEdit
 }) {
-  const approval = useComputed3(() => part.approvalSig.value);
+  const approval = useComputed4(() => part.approvalSig.value);
   const skipped = approval.value?.approved === false;
   const answers = approval.value?.approved ? parseAnswers(approval.value.reason) : {};
   return /* @__PURE__ */ jsxs13("div", { class: `${p15}-toolui`, "data-testid": TID.toolDecision, children: [
@@ -5786,36 +5798,20 @@ function parseAnswers(reason) {
 }
 
 // src/ui/tool-call.tsx
-import { useComputed as useComputed4 } from "@preact/signals";
-import { jsx as jsx17, jsxs as jsxs14 } from "preact/jsx-runtime";
-var p16 = BRAND.cssPrefix;
+import { useComputed as useComputed5 } from "@preact/signals";
+import { jsx as jsx17 } from "preact/jsx-runtime";
 function ToolCall({ part, strings }) {
-  const input = useComputed4(() => part.inputSig.value);
-  const output = useComputed4(() => part.outputSig.value);
-  const error = useComputed4(() => part.errorSig.value);
-  const state = useComputed4(() => part.stateSig.value);
-  const approval = useComputed4(() => part.approvalSig.value);
-  const hasDetails = useComputed4(() => !!pretty(input.value) || !!error.value || !!pretty(unwrapResult(output.value)));
+  const input = useComputed5(() => part.inputSig.value);
+  const output = useComputed5(() => part.outputSig.value);
+  const error = useComputed5(() => part.errorSig.value);
+  const hasDetails = useComputed5(() => !!pretty(input.value) || !!error.value || !!pretty(unwrapResult(output.value)));
   if (!hasDetails.value) return null;
-  return /* @__PURE__ */ jsxs14("details", { class: `${p16}-toolui ${p16}-toolui-collapsible`, "data-testid": TID.toolCall, children: [
-    /* @__PURE__ */ jsx17("summary", { class: `${p16}-toolui-head`, children: /* @__PURE__ */ jsx17(
-      ToolHeaderRow,
-      {
-        name: toolName(part.toolName),
-        state: state.value,
-        approval: approval.value,
-        strings
-      }
-    ) }),
-    /* @__PURE__ */ jsx17(ToolSection, { label: strings.toolParameters, value: input.value }),
-    output.value !== void 0 ? /* @__PURE__ */ jsx17(ToolSection, { label: strings.toolResult, value: output.value }) : null,
-    error.value ? /* @__PURE__ */ jsx17(ToolSection, { label: strings.statusError, value: error.value, error: true }) : null
-  ] });
+  return /* @__PURE__ */ jsx17(ToolCollapsibleCard, { part, strings, testid: TID.toolCall });
 }
 
 // src/ui/message-bubble.tsx
-import { jsx as jsx18, jsxs as jsxs15 } from "preact/jsx-runtime";
-var p17 = BRAND.cssPrefix;
+import { jsx as jsx18, jsxs as jsxs14 } from "preact/jsx-runtime";
+var p16 = BRAND.cssPrefix;
 function MessageBubble({
   message,
   strings,
@@ -5828,17 +5824,17 @@ function MessageBubble({
   tool,
   onRetry
 }) {
-  const parts = useComputed5(() => message.partsSig.value);
+  const parts = useComputed6(() => message.partsSig.value);
   const partList = parts.value;
-  const emptyReply = useComputed5(() => isEmptyAssistantReply(message));
-  const hideCanceledHusk = useComputed5(() => isHiddenCanceledTurn(message));
-  const hasAnswerText = useComputed5(
+  const emptyReply = useComputed6(() => isEmptyAssistantReply(message));
+  const hideCanceledHusk = useComputed6(() => isHiddenCanceledTurn(message));
+  const hasAnswerText = useComputed6(
     () => message.partsSig.value.some((part) => part.kind === "text" && part.textSig.value.length > 0)
   );
-  const reasoningVisible = useComputed5(
+  const reasoningVisible = useComputed6(
     () => showReasoning && message.partsSig.value.some((part) => part.kind === "reasoning")
   );
-  const lastOutputIdx = useComputed5(() => {
+  const lastOutputIdx = useComputed6(() => {
     const list = message.partsSig.value;
     let idx = -1;
     for (let i = 0; i < list.length; i++) {
@@ -5853,8 +5849,8 @@ function MessageBubble({
   const showStreamDots = streaming && !bufferedHold && !(reasoningVisible.value && working);
   if (hideCanceledHusk.value) return null;
   const stamp = formatStamp(message.createdAt);
-  return /* @__PURE__ */ jsx18("div", { class: `${p17}-bubble-row`, "data-role": message.role, "data-testid": tid(TID.messageBubble, message.id), children: /* @__PURE__ */ jsxs15("div", { class: `${p17}-bubble-col`, children: [
-    /* @__PURE__ */ jsxs15("div", { class: `${p17}-bubble`, children: [
+  return /* @__PURE__ */ jsx18("div", { class: `${p16}-bubble-row`, "data-role": message.role, "data-testid": tid(TID.messageBubble, message.id), children: /* @__PURE__ */ jsxs14("div", { class: `${p16}-bubble-col`, children: [
+    /* @__PURE__ */ jsxs14("div", { class: `${p16}-bubble`, children: [
       bufferedHold ? /* @__PURE__ */ jsx18(LoadingSpinner, { label: strings.loading }) : partList.map((part, index) => /* @__PURE__ */ jsx18(
         PartView,
         {
@@ -5871,12 +5867,12 @@ function MessageBubble({
         partKey(part)
       )),
       showStreamDots && /* @__PURE__ */ jsx18(TypingDots, {}),
-      message.status === "error" && message.errorText || emptyReply.value ? /* @__PURE__ */ jsxs15("div", { class: `${p17}-error`, role: "alert", children: [
+      message.status === "error" && message.errorText || emptyReply.value ? /* @__PURE__ */ jsxs14("div", { class: `${p16}-error`, role: "alert", children: [
         /* @__PURE__ */ jsx18("span", { children: message.errorText ?? strings.errorGeneric }),
-        onRetry ? /* @__PURE__ */ jsx18("button", { type: "button", class: `${p17}-error-retry`, onClick: onRetry, "data-testid": TID.messageRetry, children: strings.errorRetry }) : null
+        onRetry ? /* @__PURE__ */ jsx18("button", { type: "button", class: `${p16}-error-retry`, onClick: onRetry, "data-testid": TID.messageRetry, children: strings.errorRetry }) : null
       ] }) : null
     ] }),
-    stamp ? /* @__PURE__ */ jsx18("time", { class: `${p17}-bubble-time`, dateTime: stamp.iso, title: stamp.full, children: stamp.short }) : null
+    stamp ? /* @__PURE__ */ jsx18("time", { class: `${p16}-bubble-time`, dateTime: stamp.iso, title: stamp.full, children: stamp.short }) : null
   ] }) });
 }
 function formatStamp(createdAt) {
@@ -5939,7 +5935,7 @@ function ToolPartView({
   superseded,
   tool
 }) {
-  const hasApproval = useComputed5(() => part.approvalSig.value !== void 0);
+  const hasApproval = useComputed6(() => part.approvalSig.value !== void 0);
   if (tool?.humanInLoop) {
     if (isAskUserQuestionsTool(part.toolName)) {
       return /* @__PURE__ */ jsx18(
@@ -5975,9 +5971,9 @@ function ReasoningView({
   active,
   strings
 }) {
-  return /* @__PURE__ */ jsxs15("details", { class: `${p17}-reasoning`, open: active, "data-active": active ? "true" : void 0, children: [
-    /* @__PURE__ */ jsx18("summary", { class: `${p17}-reasoning-summary`, children: /* @__PURE__ */ jsx18("span", { class: `${p17}-reasoning-label`, children: active ? strings.thinking : strings.thoughts }) }),
-    /* @__PURE__ */ jsx18("div", { class: `${p17}-reasoning-body`, children: /* @__PURE__ */ jsx18(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig }) })
+  return /* @__PURE__ */ jsxs14("details", { class: `${p16}-reasoning`, open: active, "data-active": active ? "true" : void 0, children: [
+    /* @__PURE__ */ jsx18("summary", { class: `${p16}-reasoning-summary`, children: /* @__PURE__ */ jsx18("span", { class: `${p16}-reasoning-label`, children: active ? strings.thinking : strings.thoughts }) }),
+    /* @__PURE__ */ jsx18("div", { class: `${p16}-reasoning-body`, children: /* @__PURE__ */ jsx18(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig }) })
   ] });
 }
 function partKey(part) {
@@ -5995,22 +5991,22 @@ function partKey(part) {
   }
 }
 function TypingDots() {
-  return /* @__PURE__ */ jsxs15("span", { class: `${p17}-typing`, "aria-hidden": "true", children: [
+  return /* @__PURE__ */ jsxs14("span", { class: `${p16}-typing`, "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx18("span", {}),
     /* @__PURE__ */ jsx18("span", {}),
     /* @__PURE__ */ jsx18("span", {})
   ] });
 }
 function LoadingSpinner({ label }) {
-  return /* @__PURE__ */ jsxs15("span", { class: `${p17}-loading`, role: "status", children: [
-    /* @__PURE__ */ jsx18("span", { class: `${p17}-loading-spinner`, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx18("span", { class: `${p17}-loading-label`, children: label })
+  return /* @__PURE__ */ jsxs14("span", { class: `${p16}-loading`, role: "status", children: [
+    /* @__PURE__ */ jsx18("span", { class: `${p16}-loading-spinner`, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx18("span", { class: `${p16}-loading-label`, children: label })
   ] });
 }
 
 // src/ui/message-list.tsx
-import { jsx as jsx19, jsxs as jsxs16 } from "preact/jsx-runtime";
-var p18 = BRAND.cssPrefix;
+import { jsx as jsx19, jsxs as jsxs15 } from "preact/jsx-runtime";
+var p17 = BRAND.cssPrefix;
 var STICK_THRESHOLD = 120;
 var INTERACTION_GRACE_MS = 350;
 function MessageList({
@@ -6029,7 +6025,7 @@ function MessageList({
   onFillForm
 }) {
   const ref = useRef5(null);
-  const messages = useComputed6(() => messagesSig.value);
+  const messages = useComputed7(() => messagesSig.value);
   const [showJump, setShowJump] = useState6(false);
   const hasHydratedRef = useRef5(false);
   const detachedRef = useRef5(false);
@@ -6247,7 +6243,7 @@ function MessageList({
     const day = dayKey(m.createdAt);
     if (day && day !== prevDay) {
       rows.push(
-        /* @__PURE__ */ jsx19("div", { class: `${p18}-date-divider`, children: /* @__PURE__ */ jsx19("span", { class: `${p18}-date-pill`, title: fullDate(m.createdAt), children: dayLabel(m.createdAt, strings) }) }, `day:${day}`)
+        /* @__PURE__ */ jsx19("div", { class: `${p17}-date-divider`, children: /* @__PURE__ */ jsx19("span", { class: `${p17}-date-pill`, title: fullDate(m.createdAt), children: dayLabel(m.createdAt, strings) }) }, `day:${day}`)
       );
       prevDay = day;
     }
@@ -6273,9 +6269,9 @@ function MessageList({
   for (const marker of pendingMarkers) {
     rows.push(markerRow(marker));
   }
-  return /* @__PURE__ */ jsxs16("div", { class: `${p18}-list-wrap`, children: [
-    /* @__PURE__ */ jsxs16("div", { ref, class: `${p18}-list`, role: "log", "aria-live": "polite", "aria-relevant": "additions text", children: [
-      loading && messages.value.length === 0 ? /* @__PURE__ */ jsx19("div", { class: `${p18}-list-loading`, role: "status", children: strings.conversationLoading }) : null,
+  return /* @__PURE__ */ jsxs15("div", { class: `${p17}-list-wrap`, children: [
+    /* @__PURE__ */ jsxs15("div", { ref, class: `${p17}-list`, role: "log", "aria-live": "polite", "aria-relevant": "additions text", children: [
+      loading && messages.value.length === 0 ? /* @__PURE__ */ jsx19("div", { class: `${p17}-list-loading`, role: "status", children: strings.conversationLoading }) : null,
       rows,
       form && !inlineForm ? /* @__PURE__ */ jsx19(FormGate, { form: form.form, strings, onSubmit: form.onSubmit, onSkip: form.onSkip }) : null
     ] }),
@@ -6283,7 +6279,7 @@ function MessageList({
       "button",
       {
         type: "button",
-        class: `${p18}-jump`,
+        class: `${p17}-jump`,
         onClick: jumpToBottom,
         "aria-label": strings.scrollToBottom,
         title: strings.scrollToBottom,
@@ -6347,7 +6343,7 @@ function startOfDay(ms) {
 }
 
 // src/ui/conversation-list.tsx
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs17 } from "preact/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "preact/jsx-runtime";
 var log12 = logger.scope("history");
 var DEFAULT_SKELETON_ROWS = 3;
 var MAX_SKELETON_ROWS = 6;
@@ -6374,7 +6370,7 @@ function ConversationList({
   onSelect,
   onNewConversation
 }) {
-  const p36 = BRAND.cssPrefix;
+  const p35 = BRAND.cssPrefix;
   const seed = transport.peekConversations({ visitorId });
   const [state, setState] = useState7(seed ? "loaded" : "loading");
   const [conversations, setChats] = useState7(seed?.conversations ?? []);
@@ -6395,11 +6391,11 @@ function ConversationList({
       cancelled = true;
     };
   }, [transport, visitorId, persistence]);
-  const newChatButton = onNewConversation ? /* @__PURE__ */ jsx20("div", { class: `${p36}-history-footer`, children: /* @__PURE__ */ jsxs17(
+  const newChatButton = onNewConversation ? /* @__PURE__ */ jsx20("div", { class: `${p35}-history-footer`, children: /* @__PURE__ */ jsxs16(
     "button",
     {
       type: "button",
-      class: `${p36}-history-new`,
+      class: `${p35}-history-new`,
       onClick: onNewConversation,
       "data-testid": TID.sidebarNewConversation,
       children: [
@@ -6410,17 +6406,17 @@ function ConversationList({
   ) }) : null;
   if (state === "loading") {
     const rows = Math.min(persistence.loadHistoryCount() ?? DEFAULT_SKELETON_ROWS, MAX_SKELETON_ROWS);
-    return /* @__PURE__ */ jsxs17(Fragment5, { children: [
-      /* @__PURE__ */ jsx20("div", { class: `${p36}-history`, "aria-busy": "true", "aria-label": strings.historyLoading, children: /* @__PURE__ */ jsxs17("div", { class: `${p36}-history-group`, "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx20("div", { class: `${p36}-history-heading`, children: /* @__PURE__ */ jsx20("span", { class: `${p36}-skeleton ${p36}-skeleton-heading` }) }),
-        /* @__PURE__ */ jsx20("div", { class: `${p36}-history-card`, children: Array.from({ length: Math.max(1, rows) }, (_, i) => /* @__PURE__ */ jsxs17("div", { class: `${p36}-history-item ${p36}-history-item-skeleton`, children: [
-          /* @__PURE__ */ jsx20("span", { class: `${p36}-history-avatar ${p36}-skeleton` }),
-          /* @__PURE__ */ jsxs17("span", { class: `${p36}-history-body`, children: [
-            /* @__PURE__ */ jsxs17("span", { class: `${p36}-history-row`, children: [
-              /* @__PURE__ */ jsx20("span", { class: `${p36}-history-title`, children: /* @__PURE__ */ jsx20("span", { class: `${p36}-skeleton ${p36}-skeleton-title` }) }),
-              /* @__PURE__ */ jsx20("span", { class: `${p36}-history-time`, children: /* @__PURE__ */ jsx20("span", { class: `${p36}-skeleton ${p36}-skeleton-time` }) })
+    return /* @__PURE__ */ jsxs16(Fragment5, { children: [
+      /* @__PURE__ */ jsx20("div", { class: `${p35}-history`, "aria-busy": "true", "aria-label": strings.historyLoading, children: /* @__PURE__ */ jsxs16("div", { class: `${p35}-history-group`, "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx20("div", { class: `${p35}-history-heading`, children: /* @__PURE__ */ jsx20("span", { class: `${p35}-skeleton ${p35}-skeleton-heading` }) }),
+        /* @__PURE__ */ jsx20("div", { class: `${p35}-history-card`, children: Array.from({ length: Math.max(1, rows) }, (_, i) => /* @__PURE__ */ jsxs16("div", { class: `${p35}-history-item ${p35}-history-item-skeleton`, children: [
+          /* @__PURE__ */ jsx20("span", { class: `${p35}-history-avatar ${p35}-skeleton` }),
+          /* @__PURE__ */ jsxs16("span", { class: `${p35}-history-body`, children: [
+            /* @__PURE__ */ jsxs16("span", { class: `${p35}-history-row`, children: [
+              /* @__PURE__ */ jsx20("span", { class: `${p35}-history-title`, children: /* @__PURE__ */ jsx20("span", { class: `${p35}-skeleton ${p35}-skeleton-title` }) }),
+              /* @__PURE__ */ jsx20("span", { class: `${p35}-history-time`, children: /* @__PURE__ */ jsx20("span", { class: `${p35}-skeleton ${p35}-skeleton-time` }) })
             ] }),
-            /* @__PURE__ */ jsx20("span", { class: `${p36}-history-row`, children: /* @__PURE__ */ jsx20("span", { class: `${p36}-history-preview`, children: /* @__PURE__ */ jsx20("span", { class: `${p36}-skeleton ${p36}-skeleton-preview` }) }) })
+            /* @__PURE__ */ jsx20("span", { class: `${p35}-history-row`, children: /* @__PURE__ */ jsx20("span", { class: `${p35}-history-preview`, children: /* @__PURE__ */ jsx20("span", { class: `${p35}-skeleton ${p35}-skeleton-preview` }) }) })
           ] })
         ] }, i)) })
       ] }) }),
@@ -6428,36 +6424,36 @@ function ConversationList({
     ] });
   }
   if (state === "error" || conversations.length === 0) {
-    return /* @__PURE__ */ jsxs17(Fragment5, { children: [
-      /* @__PURE__ */ jsx20("div", { class: `${p36}-history-empty`, children: strings.historyEmpty }),
+    return /* @__PURE__ */ jsxs16(Fragment5, { children: [
+      /* @__PURE__ */ jsx20("div", { class: `${p35}-history-empty`, children: strings.historyEmpty }),
       newChatButton
     ] });
   }
   const now = Date.now();
   const groups = groupByBucket(now, conversations);
-  return /* @__PURE__ */ jsxs17(Fragment5, { children: [
-    /* @__PURE__ */ jsx20("div", { class: `${p36}-history`, role: "list", children: groups.map((group) => /* @__PURE__ */ jsxs17("div", { class: `${p36}-history-group`, children: [
-      /* @__PURE__ */ jsx20("div", { class: `${p36}-history-heading`, children: strings[BUCKET_TO_STRING[group.bucket]] }),
-      /* @__PURE__ */ jsx20("div", { class: `${p36}-history-card`, children: group.conversations.map((chat) => /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs16(Fragment5, { children: [
+    /* @__PURE__ */ jsx20("div", { class: `${p35}-history`, role: "list", children: groups.map((group) => /* @__PURE__ */ jsxs16("div", { class: `${p35}-history-group`, children: [
+      /* @__PURE__ */ jsx20("div", { class: `${p35}-history-heading`, children: strings[BUCKET_TO_STRING[group.bucket]] }),
+      /* @__PURE__ */ jsx20("div", { class: `${p35}-history-card`, children: group.conversations.map((chat) => /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "button",
           role: "listitem",
-          class: `${p36}-history-item`,
+          class: `${p35}-history-item`,
           onClick: () => onSelect(chat),
           "data-closed": chat.canContinue ? void 0 : "true",
           "data-unread": (chat.unreadCount ?? 0) > 0 ? "true" : void 0,
           "data-testid": tid(TID.historyItem, chat.conversationId),
           children: [
-            /* @__PURE__ */ jsx20("span", { class: `${p36}-history-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx20(MessageIcon, {}) }),
-            /* @__PURE__ */ jsxs17("span", { class: `${p36}-history-body`, children: [
-              /* @__PURE__ */ jsxs17("span", { class: `${p36}-history-row`, children: [
-                /* @__PURE__ */ jsx20("span", { class: `${p36}-history-title`, children: chat.title }),
-                /* @__PURE__ */ jsx20("span", { class: `${p36}-history-time`, children: rowTime(chat.lastMessageAt, now, locale) })
+            /* @__PURE__ */ jsx20("span", { class: `${p35}-history-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx20(MessageIcon, {}) }),
+            /* @__PURE__ */ jsxs16("span", { class: `${p35}-history-body`, children: [
+              /* @__PURE__ */ jsxs16("span", { class: `${p35}-history-row`, children: [
+                /* @__PURE__ */ jsx20("span", { class: `${p35}-history-title`, children: chat.title }),
+                /* @__PURE__ */ jsx20("span", { class: `${p35}-history-time`, children: rowTime(chat.lastMessageAt, now, locale) })
               ] }),
-              /* @__PURE__ */ jsxs17("span", { class: `${p36}-history-row`, children: [
-                /* @__PURE__ */ jsx20("span", { class: `${p36}-history-preview`, children: chat.preview ?? (chat.canContinue ? strings.historyContinue : strings.conversationClosed) }),
-                (chat.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx20("span", { class: `${p36}-history-dot` }) : null
+              /* @__PURE__ */ jsxs16("span", { class: `${p35}-history-row`, children: [
+                /* @__PURE__ */ jsx20("span", { class: `${p35}-history-preview`, children: chat.preview ?? (chat.canContinue ? strings.historyContinue : strings.conversationClosed) }),
+                (chat.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx20("span", { class: `${p35}-history-dot` }) : null
               ] })
             ] })
           ]
@@ -6471,14 +6467,14 @@ function ConversationList({
 
 // src/ui/suggestions.tsx
 import { jsx as jsx21 } from "preact/jsx-runtime";
-var p19 = BRAND.cssPrefix;
+var p18 = BRAND.cssPrefix;
 function Suggestions({ suggestions, onPick }) {
   if (suggestions.length === 0) return null;
-  return /* @__PURE__ */ jsx21("div", { class: `${p19}-suggestions`, role: "group", "aria-label": "Suggested replies", children: suggestions.map((s, i) => /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx21("div", { class: `${p18}-suggestions`, role: "group", "aria-label": "Suggested replies", children: suggestions.map((s, i) => /* @__PURE__ */ jsx21(
     "button",
     {
       type: "button",
-      class: `${p19}-suggestion`,
+      class: `${p18}-suggestion`,
       onClick: () => onPick(s),
       "data-testid": tid(TID.suggestion, i),
       children: s.label
@@ -6488,8 +6484,8 @@ function Suggestions({ suggestions, onPick }) {
 }
 
 // src/ui/panel.tsx
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs18 } from "preact/jsx-runtime";
-var p20 = BRAND.cssPrefix;
+import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs17 } from "preact/jsx-runtime";
+var p19 = BRAND.cssPrefix;
 function Panel(props2) {
   const { options, onClose } = props2;
   const s = options.strings;
@@ -6513,11 +6509,11 @@ function Panel(props2) {
   }, []);
   const { visible: dragOver } = useFileDrop({ containerRef, onDrop: onDropItems });
   useDragMove(containerRef.current, options.mode === "modal");
-  return /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       ref: containerRef,
-      class: `${p20}-panel`,
+      class: `${p19}-panel`,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": s.panelTitle,
@@ -6581,7 +6577,7 @@ function PanelContent(props2) {
   if (activeForm) {
     composerArea = null;
   } else if (canSend) {
-    composerArea = /* @__PURE__ */ jsxs18(Fragment6, { children: [
+    composerArea = /* @__PURE__ */ jsxs17(Fragment6, { children: [
       /* @__PURE__ */ jsx22(Suggestions, { suggestions, onPick: onSuggestion }),
       /* @__PURE__ */ jsx22(
         Composer,
@@ -6600,7 +6596,7 @@ function PanelContent(props2) {
   } else {
     composerArea = /* @__PURE__ */ jsx22(ReadOnlyBanner, { label: s.conversationClosed, ctaLabel: s.startNewConversation, onNewConversation: onClear });
   }
-  return /* @__PURE__ */ jsxs18(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs17(Fragment6, { children: [
     view === "history" ? /* @__PURE__ */ jsx22(
       HistoryHeader,
       {
@@ -6609,12 +6605,12 @@ function PanelContent(props2) {
         onClose,
         showClose: canShowClose(options.mode, panelSize, options.actions)
       }
-    ) : /* @__PURE__ */ jsxs18("header", { class: `${p20}-header`, "data-testid": TID.panelHeader, children: [
+    ) : /* @__PURE__ */ jsxs17("header", { class: `${p19}-header`, "data-testid": TID.panelHeader, children: [
       onBack ? /* @__PURE__ */ jsx22(
         "button",
         {
           type: "button",
-          class: `${p20}-icon-btn`,
+          class: `${p19}-icon-btn`,
           onClick: onBack,
           "aria-label": s.moduleBack,
           title: s.moduleBack,
@@ -6635,7 +6631,7 @@ function PanelContent(props2) {
         onSelect: (conversation) => onSelectHistoryConversation(conversation.conversationId),
         onNewConversation
       }
-    ) : /* @__PURE__ */ jsxs18(Fragment6, { children: [
+    ) : /* @__PURE__ */ jsxs17(Fragment6, { children: [
       /* @__PURE__ */ jsx22(DropZone, { visible: dragOver, strings: s }),
       /* @__PURE__ */ jsx22(
         MessageList,
@@ -6677,12 +6673,12 @@ function HistoryHeader({
   onClose,
   showClose
 }) {
-  return /* @__PURE__ */ jsxs18("header", { class: `${p20}-header`, children: [
+  return /* @__PURE__ */ jsxs17("header", { class: `${p19}-header`, children: [
     /* @__PURE__ */ jsx22(
       "button",
       {
         type: "button",
-        class: `${p20}-icon-btn`,
+        class: `${p19}-icon-btn`,
         onClick: onBack,
         "aria-label": strings.historyBack,
         title: strings.historyBack,
@@ -6694,7 +6690,7 @@ function HistoryHeader({
       "button",
       {
         type: "button",
-        class: `${p20}-icon-btn`,
+        class: `${p19}-icon-btn`,
         onClick: onClose,
         "aria-label": strings.close,
         title: strings.close,
@@ -6708,28 +6704,28 @@ function ReadOnlyBanner({
   ctaLabel,
   onNewConversation
 }) {
-  return /* @__PURE__ */ jsxs18("div", { class: `${p20}-readonly-banner`, role: "note", children: [
-    /* @__PURE__ */ jsx22("span", { class: `${p20}-readonly-label`, children: label }),
-    /* @__PURE__ */ jsx22("button", { type: "button", class: `${p20}-readonly-cta`, onClick: onNewConversation, children: ctaLabel })
+  return /* @__PURE__ */ jsxs17("div", { class: `${p19}-readonly-banner`, role: "note", children: [
+    /* @__PURE__ */ jsx22("span", { class: `${p19}-readonly-label`, children: label }),
+    /* @__PURE__ */ jsx22("button", { type: "button", class: `${p19}-readonly-cta`, onClick: onNewConversation, children: ctaLabel })
   ] });
 }
 function ComposerFooter({ disclaimer }) {
   if (!disclaimer) return null;
-  return /* @__PURE__ */ jsx22("div", { class: `${p20}-composer-footer`, children: /* @__PURE__ */ jsx22("div", { class: `${p20}-disclaimer`, children: disclaimer }) });
+  return /* @__PURE__ */ jsx22("div", { class: `${p19}-composer-footer`, children: /* @__PURE__ */ jsx22("div", { class: `${p19}-disclaimer`, children: disclaimer }) });
 }
 function PoweredByBar({ poweredBy }) {
   if (!poweredBy) return null;
-  return /* @__PURE__ */ jsx22("div", { class: `${p20}-poweredby-bar`, children: /* @__PURE__ */ jsx22(PoweredBy, { logoUrl: poweredBy.logoUrl, text: poweredBy.text, href: poweredBy.href }) });
+  return /* @__PURE__ */ jsx22("div", { class: `${p19}-poweredby-bar`, children: /* @__PURE__ */ jsx22(PoweredBy, { logoUrl: poweredBy.logoUrl, text: poweredBy.text, href: poweredBy.href }) });
 }
 function PoweredBy({ logoUrl, text, href }) {
-  const inner = /* @__PURE__ */ jsxs18(Fragment6, { children: [
-    logoUrl ? /* @__PURE__ */ jsx22("img", { class: `${p20}-poweredby-logo`, src: logoUrl, alt: "", loading: "lazy" }) : null,
+  const inner = /* @__PURE__ */ jsxs17(Fragment6, { children: [
+    logoUrl ? /* @__PURE__ */ jsx22("img", { class: `${p19}-poweredby-logo`, src: logoUrl, alt: "", loading: "lazy" }) : null,
     text ? /* @__PURE__ */ jsx22("span", { children: text }) : null
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx22("a", { class: `${p20}-poweredby`, href, target: "_blank", rel: "noopener noreferrer", children: inner });
+    return /* @__PURE__ */ jsx22("a", { class: `${p19}-poweredby`, href, target: "_blank", rel: "noopener noreferrer", children: inner });
   }
-  return /* @__PURE__ */ jsx22("span", { class: `${p20}-poweredby`, children: inner });
+  return /* @__PURE__ */ jsx22("span", { class: `${p19}-poweredby`, children: inner });
 }
 
 // src/ui/form/form-controller.ts
@@ -6812,21 +6808,21 @@ function whenPasses(form, d) {
 }
 
 // src/ui/sidebar.tsx
-import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs19 } from "preact/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx23, jsxs as jsxs18 } from "preact/jsx-runtime";
 function Sidebar(props2) {
-  const p36 = BRAND.cssPrefix;
+  const p35 = BRAND.cssPrefix;
   const { site, blocks, strings, collapsed } = props2;
   const navigation = blocks?.navigation ?? [];
   const linkCards = blocks?.linkCards ?? [];
   const toggleLabel = collapsed ? strings.expandSidebar : strings.collapseSidebar;
-  return /* @__PURE__ */ jsxs19("aside", { class: `${p36}-sidebar`, "data-collapsed": collapsed ? "true" : "false", "data-testid": TID.sidebar, children: [
-    /* @__PURE__ */ jsxs19("div", { class: `${p36}-sidebar-header`, children: [
+  return /* @__PURE__ */ jsxs18("aside", { class: `${p35}-sidebar`, "data-collapsed": collapsed ? "true" : "false", "data-testid": TID.sidebar, children: [
+    /* @__PURE__ */ jsxs18("div", { class: `${p35}-sidebar-header`, children: [
       /* @__PURE__ */ jsx23(SidebarBrand, { site }),
       /* @__PURE__ */ jsx23(
         "button",
         {
           type: "button",
-          class: `${p36}-sidebar-toggle`,
+          class: `${p35}-sidebar-toggle`,
           "aria-label": toggleLabel,
           "aria-expanded": collapsed ? "false" : "true",
           title: toggleLabel,
@@ -6836,10 +6832,10 @@ function Sidebar(props2) {
         }
       )
     ] }),
-    collapsed ? null : /* @__PURE__ */ jsxs19(Fragment7, { children: [
-      navigation.length > 0 ? /* @__PURE__ */ jsx23("nav", { class: `${p36}-sidebar-section`, "data-section": "navigation", children: /* @__PURE__ */ jsx23(SidebarNav, { items: navigation }) }) : null,
-      linkCards.length > 0 ? /* @__PURE__ */ jsx23("div", { class: `${p36}-sidebar-section`, "data-section": "link-cards", children: /* @__PURE__ */ jsx23(SidebarCards, { items: linkCards }) }) : null,
-      props2.showConversations ? /* @__PURE__ */ jsx23("div", { class: `${p36}-sidebar-conversations`, children: /* @__PURE__ */ jsx23(
+    collapsed ? null : /* @__PURE__ */ jsxs18(Fragment7, { children: [
+      navigation.length > 0 ? /* @__PURE__ */ jsx23("nav", { class: `${p35}-sidebar-section`, "data-section": "navigation", children: /* @__PURE__ */ jsx23(SidebarNav, { items: navigation }) }) : null,
+      linkCards.length > 0 ? /* @__PURE__ */ jsx23("div", { class: `${p35}-sidebar-section`, "data-section": "link-cards", children: /* @__PURE__ */ jsx23(SidebarCards, { items: linkCards }) }) : null,
+      props2.showConversations ? /* @__PURE__ */ jsx23("div", { class: `${p35}-sidebar-conversations`, children: /* @__PURE__ */ jsx23(
         ConversationList,
         {
           transport: props2.transport,
@@ -6855,15 +6851,15 @@ function Sidebar(props2) {
   ] });
 }
 function SidebarBrand({ site }) {
-  const p36 = BRAND.cssPrefix;
+  const p35 = BRAND.cssPrefix;
   if (site?.logo?.url) {
     const alt = site.logo.alt ?? site.title ?? "Logo";
-    return /* @__PURE__ */ jsxs19("picture", { children: [
+    return /* @__PURE__ */ jsxs18("picture", { children: [
       site.logoDark?.url ? /* @__PURE__ */ jsx23("source", { srcset: site.logoDark.url, media: "(prefers-color-scheme: dark)" }) : null,
-      /* @__PURE__ */ jsx23("img", { class: `${p36}-sidebar-logo`, src: site.logo.url, alt })
+      /* @__PURE__ */ jsx23("img", { class: `${p35}-sidebar-logo`, src: site.logo.url, alt })
     ] });
   }
-  return /* @__PURE__ */ jsx23("div", { class: `${p36}-sidebar-title`, children: site?.title ?? BRAND.name });
+  return /* @__PURE__ */ jsx23("div", { class: `${p35}-sidebar-title`, children: site?.title ?? BRAND.name });
 }
 function SidebarToggleIcon({ collapsed }) {
   return /* @__PURE__ */ jsx23(
@@ -6881,33 +6877,33 @@ function SidebarToggleIcon({ collapsed }) {
   );
 }
 function SidebarNav({ items }) {
-  const p36 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsx23("ul", { class: `${p36}-sidebar-nav`, children: items.map((item) => /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsxs19(
+  const p35 = BRAND.cssPrefix;
+  return /* @__PURE__ */ jsx23("ul", { class: `${p35}-sidebar-nav`, children: items.map((item) => /* @__PURE__ */ jsx23("li", { children: /* @__PURE__ */ jsxs18(
     "a",
     {
-      class: `${p36}-sidebar-nav-item`,
+      class: `${p35}-sidebar-nav-item`,
       href: item.href,
       target: item.href ? "_blank" : void 0,
       rel: item.href ? "noreferrer" : void 0,
       children: [
-        item.icon ? /* @__PURE__ */ jsx23("span", { class: `${p36}-sidebar-nav-icon`, "data-icon": item.icon }) : null,
-        /* @__PURE__ */ jsx23("span", { class: `${p36}-sidebar-nav-label`, children: item.label })
+        item.icon ? /* @__PURE__ */ jsx23("span", { class: `${p35}-sidebar-nav-icon`, "data-icon": item.icon }) : null,
+        /* @__PURE__ */ jsx23("span", { class: `${p35}-sidebar-nav-label`, children: item.label })
       ]
     }
   ) }, item.id ?? item.label)) });
 }
 function SidebarCards({ items }) {
-  const p36 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsx23("div", { class: `${p36}-sidebar-cards`, children: items.map((item) => /* @__PURE__ */ jsxs19(
+  const p35 = BRAND.cssPrefix;
+  return /* @__PURE__ */ jsx23("div", { class: `${p35}-sidebar-cards`, children: items.map((item) => /* @__PURE__ */ jsxs18(
     "a",
     {
-      class: `${p36}-sidebar-card`,
+      class: `${p35}-sidebar-card`,
       href: item.href,
       target: item.href ? "_blank" : void 0,
       rel: item.href ? "noreferrer" : void 0,
       children: [
-        /* @__PURE__ */ jsx23("div", { class: `${p36}-sidebar-card-label`, children: item.label }),
-        item.description ? /* @__PURE__ */ jsx23("div", { class: `${p36}-sidebar-card-desc`, children: item.description }) : null
+        /* @__PURE__ */ jsx23("div", { class: `${p35}-sidebar-card-label`, children: item.label }),
+        item.description ? /* @__PURE__ */ jsx23("div", { class: `${p35}-sidebar-card-desc`, children: item.description }) : null
       ]
     },
     item.id ?? item.label
@@ -6915,10 +6911,10 @@ function SidebarCards({ items }) {
 }
 
 // src/ui/page-shell.tsx
-import { jsx as jsx24, jsxs as jsxs20 } from "preact/jsx-runtime";
-var p21 = BRAND.cssPrefix;
+import { jsx as jsx24, jsxs as jsxs19 } from "preact/jsx-runtime";
+var p20 = BRAND.cssPrefix;
 function PageShell(props2) {
-  return /* @__PURE__ */ jsxs20("main", { class: `${p21}-page-shell`, "data-sidebar-collapsed": props2.sidebarCollapsed ? "true" : "false", children: [
+  return /* @__PURE__ */ jsxs19("main", { class: `${p20}-page-shell`, "data-sidebar-collapsed": props2.sidebarCollapsed ? "true" : "false", children: [
     /* @__PURE__ */ jsx24(
       Sidebar,
       {
@@ -6936,7 +6932,7 @@ function PageShell(props2) {
         onToggleCollapsed: props2.onToggleSidebarCollapsed
       }
     ),
-    /* @__PURE__ */ jsx24("section", { class: `${p21}-page-chat`, "aria-label": "Chat", children: props2.children })
+    /* @__PURE__ */ jsx24("section", { class: `${p20}-page-chat`, "aria-label": "Chat", children: props2.children })
   ] });
 }
 
@@ -6974,7 +6970,7 @@ var atTabRoot = (s) => activeStack(s).length === 0;
 
 // src/ui/messenger-home.tsx
 import { useCallback as useCallback4, useEffect as useEffect14, useRef as useRef8 } from "preact/hooks";
-import { useComputed as useComputed7 } from "@preact/signals";
+import { useComputed as useComputed8 } from "@preact/signals";
 
 // src/ui/modules/chat.tsx
 var chatLayout = {
@@ -6986,80 +6982,80 @@ var chatLayout = {
 import { useEffect as useEffect10, useMemo as useMemo2, useState as useState8 } from "preact/hooks";
 
 // src/ui/back-header.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "preact/jsx-runtime";
-var p22 = BRAND.cssPrefix;
+import { jsx as jsx25, jsxs as jsxs20 } from "preact/jsx-runtime";
+var p21 = BRAND.cssPrefix;
 function TitleBar({ title, actions }) {
-  return /* @__PURE__ */ jsxs21("header", { class: `${p22}-back-header`, "data-variant": "title", children: [
-    /* @__PURE__ */ jsx25("span", { class: `${p22}-back-spacer`, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx25("h1", { class: `${p22}-back-title`, children: title }),
-    actions ?? /* @__PURE__ */ jsx25("span", { class: `${p22}-back-spacer`, "aria-hidden": "true" })
+  return /* @__PURE__ */ jsxs20("header", { class: `${p21}-back-header`, "data-variant": "title", children: [
+    /* @__PURE__ */ jsx25("span", { class: `${p21}-back-spacer`, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx25("h1", { class: `${p21}-back-title`, children: title }),
+    actions ?? /* @__PURE__ */ jsx25("span", { class: `${p21}-back-spacer`, "aria-hidden": "true" })
   ] });
 }
 function BackHeader({ title, backLabel, onBack, actions, testid }) {
-  return /* @__PURE__ */ jsxs21("header", { class: `${p22}-back-header`, "data-testid": testid, children: [
-    /* @__PURE__ */ jsx25("button", { type: "button", class: `${p22}-icon-btn`, onClick: onBack, "aria-label": backLabel, title: backLabel, children: /* @__PURE__ */ jsx25(BackIcon, {}) }),
-    /* @__PURE__ */ jsx25("h1", { class: `${p22}-back-title`, children: title }),
-    actions ?? /* @__PURE__ */ jsx25("span", { class: `${p22}-back-spacer`, "aria-hidden": "true" })
+  return /* @__PURE__ */ jsxs20("header", { class: `${p21}-back-header`, "data-testid": testid, children: [
+    /* @__PURE__ */ jsx25("button", { type: "button", class: `${p21}-icon-btn`, onClick: onBack, "aria-label": backLabel, title: backLabel, children: /* @__PURE__ */ jsx25(BackIcon, {}) }),
+    /* @__PURE__ */ jsx25("h1", { class: `${p21}-back-title`, children: title }),
+    actions ?? /* @__PURE__ */ jsx25("span", { class: `${p21}-back-spacer`, "aria-hidden": "true" })
   ] });
 }
 
 // src/ui/home-search.tsx
-import { jsx as jsx26, jsxs as jsxs22 } from "preact/jsx-runtime";
-var p23 = BRAND.cssPrefix;
+import { jsx as jsx26, jsxs as jsxs21 } from "preact/jsx-runtime";
+var p22 = BRAND.cssPrefix;
 function HomeSearchButton({ placeholder, onActivate }) {
-  return /* @__PURE__ */ jsxs22("button", { type: "button", class: `${p23}-home-search`, onClick: onActivate, "data-testid": TID.homeSearch, children: [
-    /* @__PURE__ */ jsx26("span", { class: `${p23}-home-search-text`, children: placeholder }),
-    /* @__PURE__ */ jsx26("span", { class: `${p23}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx26(SearchIcon, {}) })
+  return /* @__PURE__ */ jsxs21("button", { type: "button", class: `${p22}-home-search`, onClick: onActivate, "data-testid": TID.homeSearch, children: [
+    /* @__PURE__ */ jsx26("span", { class: `${p22}-home-search-text`, children: placeholder }),
+    /* @__PURE__ */ jsx26("span", { class: `${p22}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx26(SearchIcon, {}) })
   ] });
 }
 function HelpSearchInput({ placeholder, value, onInput }) {
-  return /* @__PURE__ */ jsxs22("div", { class: `${p23}-home-search`, "data-input": "true", children: [
+  return /* @__PURE__ */ jsxs21("div", { class: `${p22}-home-search`, "data-input": "true", children: [
     /* @__PURE__ */ jsx26(
       "input",
       {
         type: "search",
-        class: `${p23}-home-search-input`,
+        class: `${p22}-home-search-input`,
         placeholder,
         value,
         onInput: (e) => onInput(e.currentTarget.value),
         "data-testid": TID.helpSearch
       }
     ),
-    /* @__PURE__ */ jsx26("span", { class: `${p23}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx26(SearchIcon, {}) })
+    /* @__PURE__ */ jsx26("span", { class: `${p22}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx26(SearchIcon, {}) })
   ] });
 }
 
 // src/ui/list-row.tsx
-import { jsx as jsx27, jsxs as jsxs23 } from "preact/jsx-runtime";
-var p24 = BRAND.cssPrefix;
+import { jsx as jsx27, jsxs as jsxs22 } from "preact/jsx-runtime";
+var p23 = BRAND.cssPrefix;
 function ListRow({ title, subtitle, onClick, testid }) {
-  return /* @__PURE__ */ jsxs23("button", { type: "button", class: `${p24}-list-row`, onClick, "data-testid": testid, children: [
-    /* @__PURE__ */ jsxs23("span", { class: `${p24}-list-row-body`, children: [
-      /* @__PURE__ */ jsx27("span", { class: `${p24}-list-row-title`, children: title }),
-      subtitle ? /* @__PURE__ */ jsx27("span", { class: `${p24}-list-row-sub`, children: subtitle }) : null
+  return /* @__PURE__ */ jsxs22("button", { type: "button", class: `${p23}-list-row`, onClick, "data-testid": testid, children: [
+    /* @__PURE__ */ jsxs22("span", { class: `${p23}-list-row-body`, children: [
+      /* @__PURE__ */ jsx27("span", { class: `${p23}-list-row-title`, children: title }),
+      subtitle ? /* @__PURE__ */ jsx27("span", { class: `${p23}-list-row-sub`, children: subtitle }) : null
     ] }),
-    /* @__PURE__ */ jsx27("span", { class: `${p24}-list-row-chevron`, "aria-hidden": "true", children: /* @__PURE__ */ jsx27(ChevronRightIcon, {}) })
+    /* @__PURE__ */ jsx27("span", { class: `${p23}-list-row-chevron`, "aria-hidden": "true", children: /* @__PURE__ */ jsx27(ChevronRightIcon, {}) })
   ] });
 }
 
 // src/ui/module-state.tsx
-import { jsx as jsx28, jsxs as jsxs24 } from "preact/jsx-runtime";
-var p25 = BRAND.cssPrefix;
+import { jsx as jsx28, jsxs as jsxs23 } from "preact/jsx-runtime";
+var p24 = BRAND.cssPrefix;
 function ModuleState({
   tone = "info",
   message,
   onRetry,
   strings
 }) {
-  return /* @__PURE__ */ jsxs24("div", { class: `${p25}-module-empty`, role: tone === "error" ? "alert" : "status", "aria-live": "polite", children: [
+  return /* @__PURE__ */ jsxs23("div", { class: `${p24}-module-empty`, role: tone === "error" ? "alert" : "status", "aria-live": "polite", children: [
     /* @__PURE__ */ jsx28("span", { children: message }),
-    onRetry ? /* @__PURE__ */ jsx28("button", { type: "button", class: `${p25}-module-retry`, onClick: onRetry, children: strings.errorRetry }) : null
+    onRetry ? /* @__PURE__ */ jsx28("button", { type: "button", class: `${p24}-module-retry`, onClick: onRetry, children: strings.errorRetry }) : null
   ] });
 }
 
 // src/ui/modules/help.tsx
-import { jsx as jsx29, jsxs as jsxs25 } from "preact/jsx-runtime";
-var p26 = BRAND.cssPrefix;
+import { jsx as jsx29, jsxs as jsxs24 } from "preact/jsx-runtime";
+var p25 = BRAND.cssPrefix;
 var log13 = 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 });
 function groupByCategory(items) {
@@ -7134,22 +7130,22 @@ function HelpRoot({ transport, strings, config, nav, bus, panelProps }) {
   function renderBody() {
     if (query.trim().length > 0) {
       if (results.length === 0) return /* @__PURE__ */ jsx29(ModuleState, { message: strings.helpSearchEmpty, strings });
-      return /* @__PURE__ */ jsx29("div", { class: `${p26}-help-card`, children: results.map((a) => /* @__PURE__ */ jsx29(ArticleRow, { article: a, nav }, a.id)) });
+      return /* @__PURE__ */ jsx29("div", { class: `${p25}-help-card`, children: results.map((a) => /* @__PURE__ */ jsx29(ArticleRow, { article: a, nav }, a.id)) });
     }
     if (state === "loading") return /* @__PURE__ */ jsx29(ModuleState, { message: strings.helpLoading, strings });
     if (state === "error") {
       return /* @__PURE__ */ jsx29(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
     if (items.length === 0) return /* @__PURE__ */ jsx29(ModuleState, { message: strings.helpEmpty, strings });
-    return groupByCategory(items).map(([category, rows]) => /* @__PURE__ */ jsxs25("section", { class: `${p26}-help-group`, children: [
-      category ? /* @__PURE__ */ jsx29("h2", { class: `${p26}-help-section-title`, children: category }) : null,
-      /* @__PURE__ */ jsx29("div", { class: `${p26}-help-card`, children: rows.map((a) => /* @__PURE__ */ jsx29(ArticleRow, { article: a, nav }, a.id)) })
+    return groupByCategory(items).map(([category, rows]) => /* @__PURE__ */ jsxs24("section", { class: `${p25}-help-group`, children: [
+      category ? /* @__PURE__ */ jsx29("h2", { class: `${p25}-help-section-title`, children: category }) : null,
+      /* @__PURE__ */ jsx29("div", { class: `${p25}-help-card`, children: rows.map((a) => /* @__PURE__ */ jsx29(ArticleRow, { article: a, nav }, a.id)) })
     ] }, category));
   }
-  return /* @__PURE__ */ jsxs25("div", { class: `${p26}-module`, children: [
+  return /* @__PURE__ */ jsxs24("div", { class: `${p25}-module`, children: [
     /* @__PURE__ */ jsx29(TitleBar, { title: strings.helpTitle, actions: /* @__PURE__ */ jsx29(HeaderActions, { panelProps, variant: "plain" }) }),
-    /* @__PURE__ */ jsx29("div", { class: `${p26}-module-pad`, children: /* @__PURE__ */ jsx29(HelpSearchInput, { placeholder: strings.helpSearchPlaceholder, value: query, onInput: setQuery }) }),
-    /* @__PURE__ */ jsx29("div", { class: `${p26}-help-list`, children: renderBody() })
+    /* @__PURE__ */ jsx29("div", { class: `${p25}-module-pad`, children: /* @__PURE__ */ jsx29(HelpSearchInput, { placeholder: strings.helpSearchPlaceholder, value: query, onInput: setQuery }) }),
+    /* @__PURE__ */ jsx29("div", { class: `${p25}-help-list`, children: renderBody() })
   ] });
 }
 var helpLayout = {
@@ -7162,17 +7158,17 @@ import { useEffect as useEffect11, useState as useState9 } from "preact/hooks";
 
 // src/ui/home-card.tsx
 import { jsx as jsx30 } from "preact/jsx-runtime";
-var p27 = BRAND.cssPrefix;
+var p26 = BRAND.cssPrefix;
 function HomeCard({ onClick, children, testid }) {
   if (onClick) {
-    return /* @__PURE__ */ jsx30("button", { type: "button", class: `${p27}-home-card`, "data-interactive": "true", onClick, "data-testid": testid, children });
+    return /* @__PURE__ */ jsx30("button", { type: "button", class: `${p26}-home-card`, "data-interactive": "true", onClick, "data-testid": testid, children });
   }
-  return /* @__PURE__ */ jsx30("div", { class: `${p27}-home-card`, "data-testid": testid, children });
+  return /* @__PURE__ */ jsx30("div", { class: `${p26}-home-card`, "data-testid": testid, children });
 }
 
 // src/ui/modules/home.tsx
-import { Fragment as Fragment8, jsx as jsx31, jsxs as jsxs26 } from "preact/jsx-runtime";
-var p28 = BRAND.cssPrefix;
+import { Fragment as Fragment8, jsx as jsx31, jsxs as jsxs25 } from "preact/jsx-runtime";
+var p27 = BRAND.cssPrefix;
 var log14 = logger.scope("home");
 function resolveGreeting(props2) {
   const name = props2.options.userContext?.name;
@@ -7215,21 +7211,21 @@ function HomeRoot(props2) {
   const status = config.status;
   const statusText = status?.text ? localizeText(strings, status.text) : strings.homeStatus;
   const contentTitle = config.contentBlockTitle ? localizeText(strings, config.contentBlockTitle) : strings.homeContentTitle;
-  return /* @__PURE__ */ jsx31("div", { class: `${p28}-module ${p28}-home`, "data-testid": TID.homeView, children: /* @__PURE__ */ jsxs26("div", { class: `${p28}-home-scroll`, children: [
-    /* @__PURE__ */ jsxs26("div", { class: `${p28}-home-hero`, children: [
-      /* @__PURE__ */ jsxs26("div", { class: `${p28}-home-hero-top`, children: [
-        config.brandName ? /* @__PURE__ */ jsx31("span", { class: `${p28}-home-brand`, "data-testid": TID.homeBrand, children: config.brandName }) : /* @__PURE__ */ jsx31("span", { class: `${p28}-home-brand-spacer`, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs26("div", { class: `${p28}-home-hero-actions`, children: [
-          avatars.length > 0 ? /* @__PURE__ */ jsx31("div", { class: `${p28}-home-avatars`, children: avatars.map((a) => /* @__PURE__ */ jsx31("span", { class: `${p28}-home-avatar`, title: a.role ? `${a.name} \xB7 ${a.role}` : a.name, children: a.avatar ? /* @__PURE__ */ jsx31("img", { src: a.avatar, alt: "", loading: "lazy" }) : /* @__PURE__ */ jsx31("span", { children: initials(a.name) }) }, a.name)) }) : null,
+  return /* @__PURE__ */ jsx31("div", { class: `${p27}-module ${p27}-home`, "data-testid": TID.homeView, children: /* @__PURE__ */ jsxs25("div", { class: `${p27}-home-scroll`, children: [
+    /* @__PURE__ */ jsxs25("div", { class: `${p27}-home-hero`, children: [
+      /* @__PURE__ */ jsxs25("div", { class: `${p27}-home-hero-top`, children: [
+        config.brandName ? /* @__PURE__ */ jsx31("span", { class: `${p27}-home-brand`, "data-testid": TID.homeBrand, children: config.brandName }) : /* @__PURE__ */ jsx31("span", { class: `${p27}-home-brand-spacer`, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs25("div", { class: `${p27}-home-hero-actions`, children: [
+          avatars.length > 0 ? /* @__PURE__ */ jsx31("div", { class: `${p27}-home-avatars`, children: avatars.map((a) => /* @__PURE__ */ jsx31("span", { class: `${p27}-home-avatar`, title: a.role ? `${a.name} \xB7 ${a.role}` : a.name, children: a.avatar ? /* @__PURE__ */ jsx31("img", { src: a.avatar, alt: "", loading: "lazy" }) : /* @__PURE__ */ jsx31("span", { children: initials(a.name) }) }, a.name)) }) : null,
           /* @__PURE__ */ jsx31(HeaderActions, { panelProps, variant: "plain" })
         ] })
       ] }),
-      config.showGreeting !== false ? /* @__PURE__ */ jsxs26(Fragment8, { children: [
-        /* @__PURE__ */ jsx31("h1", { class: `${p28}-home-greeting`, "data-testid": TID.homeGreeting, children: greeting.title }),
-        greeting.subtitle ? /* @__PURE__ */ jsx31("p", { class: `${p28}-home-lead`, children: greeting.subtitle }) : null
+      config.showGreeting !== false ? /* @__PURE__ */ jsxs25(Fragment8, { children: [
+        /* @__PURE__ */ jsx31("h1", { class: `${p27}-home-greeting`, "data-testid": TID.homeGreeting, children: greeting.title }),
+        greeting.subtitle ? /* @__PURE__ */ jsx31("p", { class: `${p27}-home-lead`, children: greeting.subtitle }) : null
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsxs26("div", { class: `${p28}-home-cards`, children: [
+    /* @__PURE__ */ jsxs25("div", { class: `${p27}-home-cards`, children: [
       config.showSearchBar !== false ? /* @__PURE__ */ jsx31(
         HomeSearchButton,
         {
@@ -7237,27 +7233,27 @@ function HomeRoot(props2) {
           onActivate: () => nav.switchToLayout("help")
         }
       ) : null,
-      recent ? /* @__PURE__ */ jsx31(HomeCard, { onClick: () => nav.selectConversation(recent.conversationId), testid: TID.homeRecent, children: /* @__PURE__ */ jsxs26("div", { class: `${p28}-home-recent-row`, "data-unread": (recent.unreadCount ?? 0) > 0 ? "true" : void 0, children: [
-        /* @__PURE__ */ jsx31("span", { class: `${p28}-home-recent-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx31(BubblesIcon, {}) }),
-        /* @__PURE__ */ jsxs26("span", { class: `${p28}-home-recent-body`, children: [
-          /* @__PURE__ */ jsx31("span", { class: `${p28}-home-recent-title`, children: recent.title }),
-          recent.preview ? /* @__PURE__ */ jsx31("span", { class: `${p28}-home-recent-preview`, children: recent.preview }) : null
+      recent ? /* @__PURE__ */ jsx31(HomeCard, { onClick: () => nav.selectConversation(recent.conversationId), testid: TID.homeRecent, children: /* @__PURE__ */ jsxs25("div", { class: `${p27}-home-recent-row`, "data-unread": (recent.unreadCount ?? 0) > 0 ? "true" : void 0, children: [
+        /* @__PURE__ */ jsx31("span", { class: `${p27}-home-recent-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx31(BubblesIcon, {}) }),
+        /* @__PURE__ */ jsxs25("span", { class: `${p27}-home-recent-body`, children: [
+          /* @__PURE__ */ jsx31("span", { class: `${p27}-home-recent-title`, children: recent.title }),
+          recent.preview ? /* @__PURE__ */ jsx31("span", { class: `${p27}-home-recent-preview`, children: recent.preview }) : null
         ] }),
-        (recent.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx31("span", { class: `${p28}-home-recent-dot`, "aria-label": "Unread" }) : null
+        (recent.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx31("span", { class: `${p27}-home-recent-dot`, "aria-label": "Unread" }) : null
       ] }) }) : null,
       status ? /* @__PURE__ */ jsx31(
         HomeCard,
         {
           onClick: status.url ? () => nav.push({ kind: "iframe", url: status.url, title: statusText }) : void 0,
-          children: /* @__PURE__ */ jsxs26("div", { class: `${p28}-home-status`, "data-level": status.level ?? "operational", children: [
-            /* @__PURE__ */ jsx31("span", { class: `${p28}-home-status-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx31(StatusOkIcon, {}) }),
-            /* @__PURE__ */ jsx31("span", { class: `${p28}-home-status-text`, children: statusText })
+          children: /* @__PURE__ */ jsxs25("div", { class: `${p27}-home-status`, "data-level": status.level ?? "operational", children: [
+            /* @__PURE__ */ jsx31("span", { class: `${p27}-home-status-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx31(StatusOkIcon, {}) }),
+            /* @__PURE__ */ jsx31("span", { class: `${p27}-home-status-text`, children: statusText })
           ] })
         }
       ) : null,
-      content.length > 0 ? /* @__PURE__ */ jsxs26("section", { class: `${p28}-home-content`, children: [
-        /* @__PURE__ */ jsx31("div", { class: `${p28}-home-content-title`, children: contentTitle }),
-        /* @__PURE__ */ jsx31("div", { class: `${p28}-home-content-list`, children: content.map((item) => /* @__PURE__ */ jsx31(
+      content.length > 0 ? /* @__PURE__ */ jsxs25("section", { class: `${p27}-home-content`, children: [
+        /* @__PURE__ */ jsx31("div", { class: `${p27}-home-content-title`, children: contentTitle }),
+        /* @__PURE__ */ jsx31("div", { class: `${p27}-home-content-list`, children: content.map((item) => /* @__PURE__ */ jsx31(
           ListRow,
           {
             title: item.title,
@@ -7278,8 +7274,8 @@ var homeLayout = {
 
 // src/ui/modules/news.tsx
 import { useEffect as useEffect12, useState as useState10 } from "preact/hooks";
-import { jsx as jsx32, jsxs as jsxs27 } from "preact/jsx-runtime";
-var p29 = BRAND.cssPrefix;
+import { jsx as jsx32, jsxs as jsxs26 } from "preact/jsx-runtime";
+var p28 = BRAND.cssPrefix;
 var log15 = logger.scope("news");
 function NewsRoot({ transport, strings, config, nav, bus, panelProps }) {
   const tags = config.contentTags;
@@ -7312,27 +7308,27 @@ function NewsRoot({ transport, strings, config, nav, bus, panelProps }) {
       return /* @__PURE__ */ jsx32(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
     if (items.length === 0) return /* @__PURE__ */ jsx32(ModuleState, { message: strings.newsEmpty, strings });
-    return /* @__PURE__ */ jsx32("div", { class: `${p29}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs27(
+    return /* @__PURE__ */ jsx32("div", { class: `${p28}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs26(
       "button",
       {
         type: "button",
-        class: `${p29}-news-card`,
+        class: `${p28}-news-card`,
         onClick: () => nav.push({ kind: "content", id: item.id, title: item.title }),
         "data-testid": tid(TID.newsItem, item.id),
         children: [
-          item.image ? /* @__PURE__ */ jsx32("img", { class: `${p29}-news-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
-          /* @__PURE__ */ jsxs27("span", { class: `${p29}-news-body`, children: [
-            /* @__PURE__ */ jsx32("span", { class: `${p29}-news-title`, children: item.title }),
-            item.description ? /* @__PURE__ */ jsx32("span", { class: `${p29}-news-summary`, children: item.description }) : null
+          item.image ? /* @__PURE__ */ jsx32("img", { class: `${p28}-news-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
+          /* @__PURE__ */ jsxs26("span", { class: `${p28}-news-body`, children: [
+            /* @__PURE__ */ jsx32("span", { class: `${p28}-news-title`, children: item.title }),
+            item.description ? /* @__PURE__ */ jsx32("span", { class: `${p28}-news-summary`, children: item.description }) : null
           ] })
         ]
       },
       item.id
     )) });
   }
-  return /* @__PURE__ */ jsxs27("div", { class: `${p29}-module`, children: [
+  return /* @__PURE__ */ jsxs26("div", { class: `${p28}-module`, children: [
     /* @__PURE__ */ jsx32(TitleBar, { title: strings.newsTitle, actions: /* @__PURE__ */ jsx32(HeaderActions, { panelProps, variant: "plain" }) }),
-    /* @__PURE__ */ jsx32("div", { class: `${p29}-module-scroll`, children: renderBody() })
+    /* @__PURE__ */ jsx32("div", { class: `${p28}-module-scroll`, children: renderBody() })
   ] });
 }
 var newsLayout = {
@@ -7349,28 +7345,28 @@ var LAYOUTS = {
 };
 
 // src/ui/home-tab-bar.tsx
-import { jsx as jsx33, jsxs as jsxs28 } from "preact/jsx-runtime";
-var p30 = BRAND.cssPrefix;
+import { jsx as jsx33, jsxs as jsxs27 } from "preact/jsx-runtime";
+var p29 = BRAND.cssPrefix;
 function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
-  return /* @__PURE__ */ jsx33("nav", { class: `${p30}-tabbar`, role: "tablist", "aria-label": strings.panelTitle, children: modules.map((m) => {
+  return /* @__PURE__ */ jsx33("nav", { class: `${p29}-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;
-    return /* @__PURE__ */ jsxs28(
+    return /* @__PURE__ */ jsxs27(
       "button",
       {
         type: "button",
         role: "tab",
         "aria-selected": selected,
-        class: `${p30}-tab`,
+        class: `${p29}-tab`,
         onClick: () => onSelect(m.id),
         "data-testid": tid(TID.tab, m.id),
         children: [
-          /* @__PURE__ */ jsxs28("span", { class: `${p30}-tab-icon`, "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsxs27("span", { class: `${p29}-tab-icon`, "aria-hidden": "true", children: [
             /* @__PURE__ */ jsx33(Icon, {}),
-            badge ? /* @__PURE__ */ jsx33("span", { class: `${p30}-tab-badge`, "data-testid": TID.tabBadge, children: badge }) : null
+            badge ? /* @__PURE__ */ jsx33("span", { class: `${p29}-tab-badge`, "data-testid": TID.tabBadge, children: badge }) : null
           ] }),
-          /* @__PURE__ */ jsx33("span", { class: `${p30}-tab-label`, children: localizeText(strings, m.label) })
+          /* @__PURE__ */ jsx33("span", { class: `${p29}-tab-label`, children: localizeText(strings, m.label) })
         ]
       },
       m.id
@@ -7379,11 +7375,11 @@ function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
 }
 
 // src/ui/iframe-view.tsx
-import { jsx as jsx34, jsxs as jsxs29 } from "preact/jsx-runtime";
-var p31 = BRAND.cssPrefix;
+import { jsx as jsx34, jsxs as jsxs28 } from "preact/jsx-runtime";
+var p30 = 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__ */ jsxs29("div", { class: `${p31}-module`, children: [
+  return /* @__PURE__ */ jsxs28("div", { class: `${p30}-module`, children: [
     /* @__PURE__ */ jsx34(
       BackHeader,
       {
@@ -7396,7 +7392,7 @@ function IframeView({ url, title, strings, onBack, actions }) {
     /* @__PURE__ */ jsx34(
       "iframe",
       {
-        class: `${p31}-content-frame`,
+        class: `${p30}-content-frame`,
         src: url,
         title: title || "content",
         sandbox: SANDBOX,
@@ -7410,8 +7406,8 @@ function IframeView({ url, title, strings, onBack, actions }) {
 
 // src/ui/content-view.tsx
 import { useCallback as useCallback3, useEffect as useEffect13, useState as useState11 } from "preact/hooks";
-import { jsx as jsx35, jsxs as jsxs30 } from "preact/jsx-runtime";
-var p32 = BRAND.cssPrefix;
+import { jsx as jsx35, jsxs as jsxs29 } from "preact/jsx-runtime";
+var p31 = BRAND.cssPrefix;
 var log16 = logger.scope("content");
 var READ_DWELL_MS = 5e3;
 function ContentView({ id, title, transport, strings, bus, onBack, actions }) {
@@ -7457,13 +7453,13 @@ function ContentView({ id, title, transport, strings, bus, onBack, actions }) {
   function renderBody() {
     if (failed) return /* @__PURE__ */ jsx35(ModuleState, { tone: "error", message: strings.errorGeneric, onRetry: retry, strings });
     if (item === null) return /* @__PURE__ */ jsx35(ModuleState, { message: strings.contentLoading, strings });
-    return /* @__PURE__ */ jsxs30("article", { class: `${p32}-content`, "data-testid": TID.contentView, onClick: onArticleClick, children: [
-      item.image ? /* @__PURE__ */ jsx35("img", { class: `${p32}-content-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
-      item.description ? /* @__PURE__ */ jsx35("p", { class: `${p32}-content-subtitle`, children: item.description }) : null,
+    return /* @__PURE__ */ jsxs29("article", { class: `${p31}-content`, "data-testid": TID.contentView, onClick: onArticleClick, children: [
+      item.image ? /* @__PURE__ */ jsx35("img", { class: `${p31}-content-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
+      item.description ? /* @__PURE__ */ jsx35("p", { class: `${p31}-content-subtitle`, children: item.description }) : null,
       /* @__PURE__ */ jsx35(StaticMarkdown, { text: item.content ?? "" })
     ] });
   }
-  return /* @__PURE__ */ jsxs30("div", { class: `${p32}-module`, children: [
+  return /* @__PURE__ */ jsxs29("div", { class: `${p31}-module`, children: [
     /* @__PURE__ */ jsx35(
       BackHeader,
       {
@@ -7474,13 +7470,13 @@ function ContentView({ id, title, transport, strings, bus, onBack, actions }) {
         testid: TID.backHeader
       }
     ),
-    /* @__PURE__ */ jsx35("div", { class: `${p32}-module-scroll`, "data-testid": TID.contentScroll, children: renderBody() })
+    /* @__PURE__ */ jsx35("div", { class: `${p31}-module-scroll`, "data-testid": TID.contentScroll, children: renderBody() })
   ] });
 }
 
 // src/ui/messenger-home.tsx
-import { jsx as jsx36, jsxs as jsxs31 } from "preact/jsx-runtime";
-var p33 = BRAND.cssPrefix;
+import { jsx as jsx36, jsxs as jsxs30 } from "preact/jsx-runtime";
+var p32 = BRAND.cssPrefix;
 function MessengerHome({
   panelProps,
   enabledModules,
@@ -7514,7 +7510,7 @@ function MessengerHome({
   }, []);
   const { visible: dragOver } = useFileDrop({ containerRef, onDrop: onDropItems });
   useDragMove(containerRef.current, options.mode === "modal");
-  const navState = useComputed7(() => nav.sig.value).value;
+  const navState = useComputed8(() => nav.sig.value).value;
   const top = topScreen(navState);
   const activeModule = options.modules.byId[navState.activeTab];
   const isReader = top?.kind === "iframe" || top?.kind === "content";
@@ -7589,19 +7585,19 @@ function MessengerHome({
     }
     return null;
   };
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       ref: containerRef,
-      class: `${p33}-panel ${p33}-messenger`,
+      class: `${p32}-panel ${p32}-messenger`,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": strings.panelTitle,
       style: { position: "relative" },
       "data-testid": TID.messengerHome,
       children: [
-        /* @__PURE__ */ jsxs31("div", { class: `${p33}-messenger-body`, children: [
-          visitedTabs.map((m) => /* @__PURE__ */ jsx36("div", { class: `${p33}-messenger-pane`, hidden: isReader || m.id !== activeModule?.id, children: tabRoot(m) }, m.id)),
+        /* @__PURE__ */ jsxs30("div", { class: `${p32}-messenger-body`, children: [
+          visitedTabs.map((m) => /* @__PURE__ */ jsx36("div", { class: `${p32}-messenger-pane`, hidden: isReader || m.id !== activeModule?.id, children: tabRoot(m) }, m.id)),
           renderReader()
         ] }),
         showTabBar ? /* @__PURE__ */ jsx36(
@@ -7632,13 +7628,13 @@ function MessengerHome({
 }
 
 // src/ui/modules-empty.tsx
-import { jsx as jsx37, jsxs as jsxs32 } from "preact/jsx-runtime";
-var p34 = BRAND.cssPrefix;
+import { jsx as jsx37, jsxs as jsxs31 } from "preact/jsx-runtime";
+var p33 = BRAND.cssPrefix;
 function ModulesEmpty({ strings, onClose }) {
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
-      class: `${p34}-panel ${p34}-modules-empty`,
+      class: `${p33}-panel ${p33}-modules-empty`,
       role: "dialog",
       "aria-label": strings.panelTitle,
       "data-testid": TID.modulesEmpty,
@@ -7647,14 +7643,14 @@ function ModulesEmpty({ strings, onClose }) {
           "button",
           {
             type: "button",
-            class: `${p34}-icon-btn ${p34}-modules-empty-close`,
+            class: `${p33}-icon-btn ${p33}-modules-empty-close`,
             onClick: onClose,
             "aria-label": strings.close,
             title: strings.close,
             children: /* @__PURE__ */ jsx37(CloseIcon, {})
           }
         ) : null,
-        /* @__PURE__ */ jsx37("p", { class: `${p34}-modules-empty-text`, children: strings.modulesEmpty })
+        /* @__PURE__ */ jsx37("p", { class: `${p33}-modules-empty-text`, children: strings.modulesEmpty })
       ]
     }
   );
@@ -7677,9 +7673,9 @@ function useLauncherCallout({ callout, persistence }) {
 }
 
 // src/ui/app.tsx
-import { jsx as jsx38, jsxs as jsxs33 } from "preact/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs32 } from "preact/jsx-runtime";
 var log17 = logger.scope("app");
-var p35 = BRAND.cssPrefix;
+var p34 = BRAND.cssPrefix;
 function makeLocalizedWelcome(w, strings) {
   return makeInstantWelcomeMessage({ ...w, text: localizeText(strings, w.text) });
 }
@@ -8284,7 +8280,7 @@ function App({ options, hostElement, bus }) {
   );
   const regenerateDanglingTurn = useCallback6(() => {
     if (streaming || regenInFlightRef.current || resumeBubbleRef.current) return;
-    const last = messagesSig.value.filter((m) => !m.ephemeral).at(-1);
+    const last = messagesSig.value.findLast((m) => !m.ephemeral);
     if (last?.role !== "user") return;
     regenInFlightRef.current = true;
     log17.info("regenerating dangling user turn (needs-generation)");
@@ -8402,12 +8398,12 @@ function App({ options, hostElement, bus }) {
       void transport.submitForm({ formId: form.id, conversationId: activeConversationId, trigger, values, skipped });
     }
   });
-  const activeForm = useComputed8(() => forms.activeForm.value);
+  const activeForm = useComputed9(() => forms.activeForm.value);
   useEffect16(() => {
     forms.refresh();
   }, [effectiveForms, forms]);
   const pageArea = options.pageContext?.area ? String(options.pageContext.area) : void 0;
-  const msgCount = useComputed8(() => messagesSig.value.length);
+  const msgCount = useComputed9(() => messagesSig.value.length);
   useEffect16(() => {
     if (conversationReady && formsReady) forms.fire("pre-chat");
   }, [conversationReady, formsReady, forms]);
@@ -8765,7 +8761,7 @@ function App({ options, hostElement, bus }) {
       void handleSelectHistoryConversation(chat.conversationId);
     };
     const conversationsEnabled = enabledModules.some((m) => m.layout === "chat");
-    return /* @__PURE__ */ jsx38("div", { class: `${p35}-anchor`, children: /* @__PURE__ */ jsx38(
+    return /* @__PURE__ */ jsx38("div", { class: `${p34}-anchor`, children: /* @__PURE__ */ jsx38(
       PageShell,
       {
         site: parsedSite,
@@ -8786,14 +8782,14 @@ function App({ options, hostElement, bus }) {
   }
   if (isInlineLike) {
     const inlineSize = options.mode === "standalone" ? "fullscreen" : panelSize;
-    return /* @__PURE__ */ jsx38("div", { class: `${p35}-anchor`, children: renderSurface(inlineSize) });
+    return /* @__PURE__ */ jsx38("div", { class: `${p34}-anchor`, children: renderSurface(inlineSize) });
   }
   const drawerEdgeTab = options.mode === "drawer";
   const triggerOwnedByPage = options.mode === "modal";
   const launcherVisible = !triggerOwnedByPage && !options.launcher.hidden && (!isOpen || launcherLeaving);
   const calloutToRender = launcherVisible && !launcherLeaving && !calloutDismissed && !drawerEdgeTab ? effectiveOptions.launcher.callout : null;
-  return /* @__PURE__ */ jsxs33("div", { class: `${p35}-anchor`, "data-launcher-size": effectiveOptions.launcher.size, children: [
-    isOpen || activated ? /* @__PURE__ */ jsx38("div", { class: `${p35}-surface`, hidden: !isOpen, children: renderSurface(panelSize) }) : null,
+  return /* @__PURE__ */ jsxs32("div", { class: `${p34}-anchor`, "data-launcher-size": effectiveOptions.launcher.size, children: [
+    isOpen || activated ? /* @__PURE__ */ jsx38("div", { class: `${p34}-surface`, hidden: !isOpen, children: renderSurface(panelSize) }) : null,
     launcherVisible ? /* @__PURE__ */ jsx38(
       Launcher,
       {
@@ -8869,34 +8865,34 @@ var TRACKED = {
   expand: (on) => ({ on }),
   fullscreen: (on) => ({ on }),
   // Conversation funnel. `send` is the key conversion; text never rides.
-  send: (p36) => ({ attachments: p36.attachmentCount }),
-  message: (p36) => ({ role: p36.role }),
+  send: (p35) => ({ attachments: p35.attachmentCount }),
+  message: (p35) => ({ role: p35.role }),
   stop: () => void 0,
   clear: () => void 0,
   suggestion: () => void 0,
-  toggleHistory: (p36) => ({ view: p36.view }),
+  toggleHistory: (p35) => ({ view: p35.view }),
   handshake: () => void 0,
   // Forms + human-in-the-loop — ids and outcomes, never values.
-  formSubmit: (p36) => ({ formId: p36.formId, skipped: p36.skipped }),
+  formSubmit: (p35) => ({ formId: p35.formId, skipped: p35.skipped }),
   toolResult: () => void 0,
-  toolDecision: (p36) => ({ approved: p36.approved }),
+  toolDecision: (p35) => ({ approved: p35.approved }),
   // Content — ids, tags + counts only; titles/bodies never ride.
-  contentView: (p36) => ({ section: p36.section, tags: p36.tags, count: p36.count }),
-  contentOpen: (p36) => ({ contentId: p36.contentId, tags: p36.tags }),
-  contentSearch: (p36) => ({ qlen: p36.queryLength, hits: p36.hitCount }),
-  contentRead: (p36) => ({ contentId: p36.contentId }),
-  contentLinkClick: (p36) => ({ contentId: p36.contentId }),
+  contentView: (p35) => ({ section: p35.section, tags: p35.tags, count: p35.count }),
+  contentOpen: (p35) => ({ contentId: p35.contentId, tags: p35.tags }),
+  contentSearch: (p35) => ({ qlen: p35.queryLength, hits: p35.hitCount }),
+  contentRead: (p35) => ({ contentId: p35.contentId }),
+  contentLinkClick: (p35) => ({ contentId: p35.contentId }),
   // Composer / attachments / voice.
-  attach: (p36) => ({ count: p36.count, bytes: p36.totalBytes }),
+  attach: (p35) => ({ count: p35.count, bytes: p35.totalBytes }),
   voiceStart: () => void 0,
-  voiceStop: (p36) => ({ ms: p36.durationMs }),
+  voiceStop: (p35) => ({ ms: p35.durationMs }),
   voiceCancel: () => void 0,
   // Preferences — how visitors tune the surface.
   localeChange: (locale) => ({ locale }),
   themeChange: (theme) => ({ theme }),
   textSizeChange: (size) => ({ size }),
-  soundToggle: (p36) => ({ muted: p36.muted }),
-  sidebarToggle: (p36) => ({ collapsed: p36.collapsed }),
+  soundToggle: (p35) => ({ muted: p35.muted }),
+  sidebarToggle: (p35) => ({ collapsed: p35.collapsed }),
   calloutDismiss: () => void 0,
   // Health signal only — the error object itself never leaves the page.
   error: () => void 0