@helpai/elements 0.44.2 → 0.45.0

package/web-component.mjs

@@ -87,6 +87,9 @@ var STRINGS_EN = {
   thinking: "Thinking\u2026",
   thoughts: "Thoughts",
   usedTool: "Used tool",
+  toolDetails: "Details",
+  toolResult: "Result",
+  sources: "Sources",
   // ── Messenger modules ──────────────────────────────────────────
   tabHome: "Home",
   tabConversations: "Conversations",
@@ -200,6 +203,9 @@ var STRINGS_FR = {
   thinking: "R\xE9flexion\u2026",
   thoughts: "R\xE9flexions",
   usedTool: "Outil utilis\xE9",
+  toolDetails: "D\xE9tails",
+  toolResult: "R\xE9sultat",
+  sources: "Sources",
   // ── Messenger modules ──────────────────────────────────────────
   tabHome: "Accueil",
   tabConversations: "Conversations",
@@ -596,6 +602,7 @@ function resolveOptions(rawOpts) {
     responseMode: behavior.responseMode ?? "streaming",
     showReasoning: behavior.showReasoning ?? false,
     showToolCalls: behavior.showToolCalls ?? false,
+    showSources: behavior.showSources ?? false,
     features: {
       files: opts.features?.files ?? DEFAULT_FEATURES.files,
       voice: opts.features?.voice ?? DEFAULT_FEATURES.voice,
@@ -922,7 +929,8 @@ var BEHAVIOR_ATTRS = [
   ["response-mode", "responseMode", (v) => v],
   ["start-minimized", "startMinimized", boolAttr],
   ["show-reasoning", "showReasoning", boolAttr],
-  ["show-tool-calls", "showToolCalls", boolAttr]
+  ["show-tool-calls", "showToolCalls", boolAttr],
+  ["show-sources", "showSources", boolAttr]
 ];
 var I18N_ATTRS = [["locale", "locale"]];
 var ACTION_NAMES = new Set(ACTION_NAME_LITERALS);
@@ -1094,6 +1102,7 @@ function createPersistence(widgetId, storage = defaultStorage, deploymentId) {
   const KEY_CALLOUT_DISMISSED = `${prefix}.calloutDismissed`;
   const KEY_SIDEBAR_COLLAPSED = `${prefix}.sidebarCollapsed`;
   const KEY_ACTIVE_MODULE = `${prefix}.activeModule`;
+  const KEY_HISTORY_COUNT = `${prefix}.historyCount`;
   const KEY_FORMS_DONE = `${prefix}.formsDone`;
   const persistence = {
     getVisitorId() {
@@ -1177,6 +1186,15 @@ function createPersistence(widgetId, storage = defaultStorage, deploymentId) {
     saveActiveModule(id) {
       storage.set(KEY_ACTIVE_MODULE, id);
     },
+    loadHistoryCount() {
+      const raw = storage.get(KEY_HISTORY_COUNT);
+      if (!raw) return null;
+      const n = Number.parseInt(raw, 10);
+      return Number.isFinite(n) && n >= 0 ? n : null;
+    },
+    saveHistoryCount(count) {
+      storage.set(KEY_HISTORY_COUNT, String(count));
+    },
     loadFormsDone() {
       const raw = storage.get(KEY_FORMS_DONE);
       if (!raw) return {};
@@ -1220,7 +1238,7 @@ var tokens_default = ':host{--__P__-accent-user: __BRAND_ACCENT__;--__P__-accent
 var reset_default = '*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0}button{font:inherit;color:inherit;background:none;cursor:pointer;-webkit-appearance:none;appearance:none;line-height:1}button:focus-visible,[tabindex]:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--__P__-accent);outline-offset:2px}textarea,input{font:inherit;color:inherit;background:none;border:0;outline:0;resize:none}a{color:var(--__P__-accent);text-decoration:underline;text-underline-offset:2px}img,svg{display:block;max-width:100%}ul,ol{list-style:none}.__P__-app{display:block;width:100%;height:100%;font-family:var(--__P__-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03"}.__P__-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n';
 
 // src/styles/panel.css
-var panel_default = '.__P__-anchor{color-scheme:var(--__P__-color-scheme, light);right:16px;bottom:16px}.__P__-surface{display:contents}.__P__-surface[hidden]{display:none}:host([data-position="bottom-left"]) .__P__-anchor,:host([data-position="top-left"]) .__P__-anchor{right:auto;left:16px}:host([data-position="top-right"]) .__P__-anchor,:host([data-position="top-left"]) .__P__-anchor{bottom:auto;top:16px}.__P__-anchor{position:fixed;display:flex;flex-direction:column;align-items:flex-end;gap:var(--__P__-space-3);pointer-events:none}.__P__-anchor{--__P__-fab-size: 56px}.__P__-anchor[data-launcher-size=sm]{--__P__-fab-size: 44px}.__P__-anchor[data-launcher-size=md]{--__P__-fab-size: 56px}.__P__-anchor[data-launcher-size=lg]{--__P__-fab-size: 68px}.__P__-anchor>*{pointer-events:auto}.__P__-fab[data-size=sm]{--__P__-fab-size: 44px;font-size:var(--__P__-text-sm)}.__P__-fab[data-size=md]{--__P__-fab-size: 56px;font-size:calc(14px * var(--__P__-text-scale))}.__P__-fab[data-size=lg]{--__P__-fab-size: 68px;font-size:var(--__P__-text-base)}.__P__-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--__P__-space-2);color:var(--__P__-accent-text);background:var(--__P__-accent);box-shadow:var(--__P__-shadow-fab);font-weight:600;line-height:1;transform-origin:bottom right;animation:__P__-fab-in var(--__P__-dur-base) var(--__P__-ease) both;transition:transform var(--__P__-dur-base) var(--__P__-ease),opacity var(--__P__-dur-base) var(--__P__-ease),box-shadow var(--__P__-dur-base) var(--__P__-ease)}.__P__-fab:hover{transform:translateY(-2px)}.__P__-fab:active{transform:translateY(0)}.__P__-fab:focus-visible{outline:2px solid var(--__P__-on-accent);outline-offset:3px}.__P__-fab svg{width:24px;height:24px;flex-shrink:0}@keyframes __P__-fab-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.__P__-fab[data-leaving]{position:absolute;right:0;bottom:0;animation:__P__-fab-out var(--__P__-dur-quick) var(--__P__-ease) forwards;pointer-events:none}:host([data-position^="top-"]) .__P__-fab[data-leaving]{bottom:auto;top:0}:host([data-position$="-left"]) .__P__-fab[data-leaving]{right:auto;left:0}@keyframes __P__-fab-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.85)}}.__P__-fab[data-variant=circle]{width:var(--__P__-fab-size);height:var(--__P__-fab-size);border-radius:999px}.__P__-fab[data-variant=circle] .__P__-fab-label{display:none}.__P__-fab[data-variant=pill]{height:var(--__P__-fab-size);padding:0 18px 0 16px;border-radius:999px}.__P__-fab[data-variant=bar]{height:var(--__P__-fab-size);padding:0 22px;border-radius:var(--__P__-radius)}.__P__-fab[data-variant=minimal]{height:var(--__P__-fab-size);padding:0 var(--__P__-space-4);border-radius:999px;background:transparent;color:var(--__P__-accent);box-shadow:none;border:1px solid currentColor}.__P__-fab[data-variant=minimal]:hover{background:color-mix(in srgb,var(--__P__-accent) 12%,transparent)}.__P__-callout{--__P__-callout-fab-h: var(--__P__-fab-size, 56px);--__P__-callout-gap: clamp(12px, calc(var(--__P__-callout-fab-h) * .25), 22px);--__P__-callout-nudge-direction: -1;position:absolute;display:inline-flex;align-items:center;gap:var(--__P__-space-2);padding:10px 14px;background:var(--__P__-fg);color:var(--__P__-bg);border-radius:999px;font-size:var(--__P__-text-sm);font-weight:600;line-height:1.2;box-shadow:0 10px 30px -8px #00000059;pointer-events:auto;animation:__P__-callout-in var(--__P__-dur-slow) var(--__P__-ease);z-index:1;max-width:240px;white-space:nowrap}.__P__-callout[data-position=left]{right:calc(100% + var(--__P__-callout-gap));bottom:calc(var(--__P__-callout-fab-h) / 2);transform:translateY(50%)}.__P__-callout[data-position=right]{left:calc(100% + var(--__P__-callout-gap));bottom:calc(var(--__P__-callout-fab-h) / 2);transform:translateY(50%);--__P__-callout-nudge-direction: 1}.__P__-callout[data-position=top]{bottom:calc(100% + var(--__P__-callout-gap));right:0;max-width:min(280px,calc(100vw - 32px))}.__P__-callout[data-position=bottom]{top:calc(100% + var(--__P__-callout-gap));right:0;max-width:min(280px,calc(100vw - 32px))}:host([data-position$="-left"]) .__P__-callout[data-position=top],:host([data-position$="-left"]) .__P__-callout[data-position=bottom]{right:auto;left:0}.__P__-callout[data-shape=bubble]{border-radius:var(--__P__-radius-md);white-space:normal;width:max-content;max-width:min(280px,calc(100vw - 32px))}.__P__-callout[data-shape=callout]{padding:12px 18px;font-size:calc(14px * var(--__P__-text-scale));background:var(--__P__-accent);color:var(--__P__-accent-text)}.__P__-callout:after{content:"";position:absolute;width:12px;height:12px;background:inherit;border-radius:2px;transform:rotate(45deg)}.__P__-callout[data-position=left]:after{right:-5px;top:50%;margin-top:-6px}.__P__-callout[data-position=right]:after{left:-5px;top:50%;margin-top:-6px}.__P__-callout[data-position=top]:after{bottom:-5px;right:calc(var(--__P__-fab-size, 56px) / 2 - 6px)}.__P__-callout[data-position=bottom]:after{top:-5px;right:calc(var(--__P__-fab-size, 56px) / 2 - 6px)}:host([data-position$="-left"]) .__P__-callout[data-position=top]:after,:host([data-position$="-left"]) .__P__-callout[data-position=bottom]:after{right:auto;left:calc(var(--__P__-fab-size, 56px) / 2 - 6px)}.__P__-callout[data-animated]{animation:__P__-callout-in var(--__P__-dur-slow) var(--__P__-ease),__P__-callout-nudge 1.6s var(--__P__-ease-in-out) var(--__P__-dur-slow) infinite}@keyframes __P__-callout-in{0%{opacity:0}to{opacity:1}}@keyframes __P__-callout-nudge{0%,to{margin-left:0;margin-right:0}50%{margin-left:calc(6px * var(--__P__-callout-nudge-direction));margin-right:calc(-6px * var(--__P__-callout-nudge-direction))}}@media(prefers-reduced-motion:reduce){.__P__-callout[data-animated]{animation:__P__-callout-in 1ms var(--__P__-ease)}.__P__-icon-btn[data-recording=true],.__P__-typing span{animation:none}}.__P__-callout-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:inherit;opacity:.7;cursor:pointer}.__P__-callout-close:hover{opacity:1;background:color-mix(in srgb,currentColor 15%,transparent)}.__P__-callout-close:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-callout-close svg{width:12px;height:12px}.__P__-panel{width:var(--__P__-panel-w);height:var(--__P__-panel-h);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:var(--__P__-bg);color:var(--__P__-fg);border-radius:var(--__P__-radius-lg);box-shadow:var(--__P__-shadow-panel);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:__P__-panel-in var(--__P__-dur-slow) var(--__P__-ease);border:1px solid var(--__P__-border)}@media(prefers-reduced-motion:no-preference){.__P__-panel{transition:width var(--__P__-dur-base) var(--__P__-ease),height var(--__P__-dur-base) var(--__P__-ease),max-width var(--__P__-dur-base) var(--__P__-ease),max-height var(--__P__-dur-base) var(--__P__-ease)}.__P__-panel[data-resizing]{transition:none}}:host([data-mode="open"]) .__P__-panel{width:var(--__P__-widget-w, var(--__P__-panel-w));height:var(--__P__-widget-h, var(--__P__-panel-h));min-width:var(--__P__-resize-min-w, auto);min-height:var(--__P__-resize-min-h, auto);max-width:var(--__P__-resize-max-w, calc(100vw - 32px) );max-height:var(--__P__-resize-max-h, calc(100dvh - 32px) )}@keyframes __P__-panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}:host([data-mode="expanded"]) .__P__-panel{width:var(--__P__-expanded-w, 640px);height:var(--__P__-expanded-h, 820px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}:host([data-mode="fullscreen"]){z-index:var(--__P__-z-panel)!important}:host([data-mode="fullscreen"]) .__P__-anchor{inset:0;padding:0;justify-content:flex-end;align-items:flex-end}:host([data-mode="fullscreen"][data-position*="top"]) .__P__-anchor{justify-content:flex-start}:host([data-mode="fullscreen"][data-position*="left"]) .__P__-anchor{align-items:flex-start}:host([data-mode="fullscreen"]) .__P__-panel{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;border:0}:host([data-mode="fullscreen"]) .__P__-fab{display:none}@media(max-width:640px){:host([data-mode="open"]) .__P__-anchor,:host([data-mode="expanded"]) .__P__-anchor{inset:0;align-items:stretch;padding:0}:host([data-mode="open"]) .__P__-panel,:host([data-mode="expanded"]) .__P__-panel{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;border:0}}:host([data-mode="inline"]) .__P__-anchor,:host([data-mode="standalone"]) .__P__-anchor{position:static;inset:auto;padding:0;align-items:stretch;width:100%;height:100%;min-height:0}:host([data-mode="inline"]) .__P__-panel,:host([data-mode="standalone"]) .__P__-panel{width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;animation:none}:host([data-mode="inline"]) .__P__-fab,:host([data-mode="standalone"]) .__P__-fab{display:none}:host([data-mode="inline"]){min-height:320px}:host([data-mode="inline"]) .__P__-panel{border-radius:var(--__P__-radius)}:host([data-mode="standalone"]) .__P__-panel{border-radius:0;border:0;box-shadow:none}:host([data-mode="modal"]){position:fixed!important;inset:0!important;z-index:var(--__P__-z-panel)!important;display:block!important;width:100vw;height:100dvh;background:var(--__P__-modal-backdrop, var(--__P__-backdrop));animation:__P__-backdrop-in var(--__P__-dur-base) var(--__P__-ease) both;--__P__-panel-w: min(960px, 92vw);--__P__-panel-h: min(720px, 88dvh)}:host([data-mode="modal"]) .__P__-anchor{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--__P__-space-6);pointer-events:none}:host([data-mode="modal"]) .__P__-panel{pointer-events:auto;width:var(--__P__-widget-w, var(--__P__-panel-w));height:var(--__P__-widget-h, var(--__P__-panel-h));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);min-width:0;min-height:0;border-radius:var(--__P__-radius);box-shadow:var(--__P__-shadow-panel);animation:__P__-modal-in var(--__P__-dur-base) var(--__P__-ease);translate:var(--__P__-modal-dx, 0px) var(--__P__-modal-dy, 0px)}:host([data-mode="modal"]) .__P__-header,:host([data-mode="modal"]) .__P__-back-header,:host([data-mode="modal"]) .__P__-home-hero{cursor:grab;touch-action:none}:host([data-mode="modal"]) .__P__-panel[data-dragging]{cursor:grabbing;user-select:none}:host([data-mode="modal"]) .__P__-panel[data-dragging] *{cursor:grabbing}:host([data-mode="modal"]) .__P__-fab{display:none}@keyframes __P__-backdrop-in{0%{background:#0000}to{background:var(--__P__-modal-backdrop, var(--__P__-backdrop))}}@keyframes __P__-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:host([data-mode="drawer"]){--__P__-panel-w: min(440px, calc(100vw - 32px) );--__P__-panel-h: 100dvh}:host([data-mode="drawer"]) .__P__-anchor{position:fixed;--__P__-inset-x: var(--__P__-panel-inset, 12px);--__P__-inset-y: var(--__P__-panel-inset, 3dvh);top:var(--__P__-inset-y);bottom:auto;right:var(--__P__-inset-x);left:auto;width:min(var(--__P__-widget-w, var(--__P__-panel-w)),calc(100vw - var(--__P__-inset-x) * 2));height:min(var(--__P__-widget-h, var(--__P__-panel-h)),calc(100dvh - var(--__P__-inset-y) * 2));padding:0;display:block;pointer-events:auto}:host([data-mode="drawer"][data-position$="-left"]) .__P__-anchor{right:auto;left:var(--__P__-inset-x)}:host([data-mode="drawer"][data-position^="bottom-"]) .__P__-anchor{top:auto;bottom:var(--__P__-inset-y)}:host([data-mode="drawer"]) .__P__-panel{width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;border-radius:var(--__P__-radius, 12px);border:1px solid var(--__P__-border);box-shadow:-8px 16px 32px -12px #00000038;animation:__P__-drawer-in var(--__P__-dur-base) var(--__P__-ease)}:host([data-mode="drawer"][data-position$="-left"]) .__P__-panel{box-shadow:8px 16px 32px -12px #00000038;animation:__P__-drawer-in-left var(--__P__-dur-base) var(--__P__-ease)}.__P__-fab[data-edge-tab]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--__P__-space-2);position:fixed;top:50%;height:140px;width:auto;min-width:0;padding:10px 8px;writing-mode:vertical-rl;text-orientation:mixed;transform:translateY(-50%);transform-origin:center;animation:__P__-edge-tab-in var(--__P__-dur-base) var(--__P__-ease) both}.__P__-fab[data-edge-tab] svg{writing-mode:horizontal-tb}.__P__-fab[data-edge-tab]:hover{transform:translateY(-50%) scale(1.03)}.__P__-fab[data-edge-tab]:active{transform:translateY(-50%) scale(.97)}:host([data-position$="-right"]) .__P__-fab[data-edge-tab]{right:0;left:auto;border-radius:12px 0 0 12px;box-shadow:-6px 0 18px -8px #0000004d}:host([data-position$="-left"]) .__P__-fab[data-edge-tab]{left:0;right:auto;border-radius:0 12px 12px 0;box-shadow:6px 0 18px -8px #0000004d}.__P__-fab[data-edge-tab][data-leaving]{position:fixed;top:50%;bottom:auto;animation:__P__-edge-tab-out var(--__P__-dur-quick) var(--__P__-ease) forwards}@keyframes __P__-edge-tab-in{0%{opacity:0;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes __P__-edge-tab-out{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.85)}}@keyframes __P__-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes __P__-drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){:host([data-mode="drawer"]) .__P__-panel,.__P__-fab[data-edge-tab]{animation:none}}.__P__-header{display:flex;align-items:center;gap:var(--__P__-space-2);padding:10px 12px;border-bottom:1px solid var(--__P__-border);background:var(--__P__-bg)}.__P__-header h1{font-size:calc(14px * var(--__P__-text-scale));font-weight:600;flex:1;letter-spacing:-.01em}.__P__-header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--__P__-space-1);flex-shrink:0}.__P__-agent{flex:1;display:inline-flex;align-items:center;gap:10px;min-width:0}.__P__-agent-avatar{position:relative;width:32px;height:32px;border-radius:999px;background:var(--__P__-bg-elevated);color:var(--__P__-fg-muted);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--__P__-text-xs);overflow:hidden;flex-shrink:0}.__P__-agent-avatar img{width:100%;height:100%;object-fit:cover}.__P__-agent-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:999px;border:2px solid var(--__P__-bg);background:var(--__P__-neutral)}.__P__-agent-avatar[data-status=online]:after{background:var(--__P__-success)}.__P__-agent-avatar[data-status=away]:after{background:var(--__P__-warning)}.__P__-agent-avatar[data-status=offline]:after{background:var(--__P__-neutral)}.__P__-agent-meta{display:flex;flex-direction:column;line-height:1.15;min-width:0}.__P__-agent-meta strong{font-size:calc(14px * var(--__P__-text-scale));font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-agent-meta span{font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-suggestions{display:flex;flex-wrap:nowrap;gap:var(--__P__-space-2);padding:6px 14px 10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;min-width:0}.__P__-suggestions::-webkit-scrollbar{display:none}.__P__-suggestions:before,.__P__-suggestions:after{content:"";flex:1 1 0;min-width:0}.__P__-suggestion{flex:0 0 auto;scroll-snap-align:center;padding:7px 14px;border-radius:999px;background:var(--__P__-bg-elevated);border:1px solid var(--__P__-border);color:var(--__P__-fg);font-size:var(--__P__-text-sm);font-weight:500;white-space:nowrap;transition:background var(--__P__-dur-quick) var(--__P__-ease),border-color var(--__P__-dur-quick) var(--__P__-ease),transform var(--__P__-dur-quick) var(--__P__-ease)}.__P__-suggestion:hover{border-color:var(--__P__-accent);color:var(--__P__-accent);transform:translateY(-1px)}.__P__-suggestion:focus-visible{outline:2px solid var(--__P__-accent);outline-offset:2px;border-color:var(--__P__-accent)}.__P__-suggestion:active{transform:translateY(0)}.__P__-icon-btn{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--__P__-fg-muted);transition:background var(--__P__-dur-quick) var(--__P__-ease),color var(--__P__-dur-quick) var(--__P__-ease)}.__P__-icon-btn:hover{background:var(--__P__-bg-elevated);color:var(--__P__-fg)}.__P__-icon-btn:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-icon-btn:active{background:var(--__P__-border)}.__P__-icon-btn:disabled{opacity:.45;cursor:not-allowed}.__P__-icon-btn:before{content:"";position:absolute;inset:-6px}.__P__-icon-btn{position:relative}.__P__-icon-btn svg{width:18px;height:18px}.__P__-icon-btn[data-recording=true]{color:var(--__P__-accent);background:color-mix(in srgb,var(--__P__-accent) 12%,transparent);animation:__P__-pulse 1.2s var(--__P__-ease) infinite}@keyframes __P__-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--__P__-accent) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--__P__-accent) 0%,transparent)}}.__P__-list,.__P__-history,.__P__-module-scroll,.__P__-home-scroll,.__P__-help-list,.__P__-tool-args,.__P__-sidebar-conversations{scrollbar-width:thin;scrollbar-color:var(--__P__-border-strong) transparent;overscroll-behavior:contain;scrollbar-gutter:stable}.__P__-list::-webkit-scrollbar,.__P__-history::-webkit-scrollbar,.__P__-module-scroll::-webkit-scrollbar,.__P__-home-scroll::-webkit-scrollbar,.__P__-help-list::-webkit-scrollbar,.__P__-tool-args::-webkit-scrollbar,.__P__-sidebar-conversations::-webkit-scrollbar{width:8px}.__P__-list::-webkit-scrollbar-thumb,.__P__-history::-webkit-scrollbar-thumb,.__P__-module-scroll::-webkit-scrollbar-thumb,.__P__-home-scroll::-webkit-scrollbar-thumb,.__P__-help-list::-webkit-scrollbar-thumb,.__P__-tool-args::-webkit-scrollbar-thumb,.__P__-sidebar-conversations::-webkit-scrollbar-thumb{background:var(--__P__-border-strong);border-radius:8px}.__P__-list-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.__P__-jump{position:absolute;inset-inline-end:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--__P__-border);background:var(--__P__-bg-elevated);color:var(--__P__-fg);box-shadow:var(--__P__-shadow-panel);cursor:pointer;opacity:.85;transition:opacity var(--__P__-dur-quick) var(--__P__-ease),transform var(--__P__-dur-quick) var(--__P__-ease);animation:__P__-bubble-in var(--__P__-dur-base) var(--__P__-ease)}.__P__-jump:hover{opacity:1}.__P__-jump:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px;opacity:1}.__P__-jump:active{transform:translateY(1px)}.__P__-jump svg{width:18px;height:18px}.__P__-list{flex:1;min-height:0;overflow-y:auto;padding:var(--__P__-space-4);padding-bottom:var(--__P__-space-8);display:flex;flex-direction:column;gap:14px}.__P__-date-divider{position:sticky;top:var(--__P__-space-2);z-index:2;display:flex;justify-content:center;align-items:flex-start;height:0;margin:0;pointer-events:none}.__P__-date-pill{padding:3px 10px;border-radius:999px;font-size:calc(11px * var(--__P__-text-scale));font-weight:600;color:var(--__P__-fg-muted);background:var(--__P__-bg-elevated);border:1px solid var(--__P__-border);box-shadow:var(--__P__-shadow-card);opacity:0;pointer-events:none;transition:opacity var(--__P__-dur-base) var(--__P__-ease)}.__P__-list[data-scrolling=true] .__P__-date-pill{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.__P__-date-pill{transition:none}}.__P__-bubble-row{display:flex}.__P__-bubble-row[data-role=user]{justify-content:flex-end}.__P__-bubble-row[data-role=assistant]{justify-content:flex-start}.__P__-bubble{max-width:100%;padding:var(--__P__-space-3) var(--__P__-space-4);border-radius:var(--__P__-radius);line-height:1.6;font-size:calc(14px * var(--__P__-text-scale));word-wrap:break-word;overflow-wrap:anywhere;box-shadow:0 1px 2px #0000000a,0 1px 8px -4px #0000000f;animation:__P__-bubble-in var(--__P__-dur-base) var(--__P__-ease)}.__P__-bubble ::selection{background:color-mix(in srgb,var(--__P__-accent) 30%,transparent)}.__P__-bubble-row[data-role=user] .__P__-bubble ::selection{background:#fff6;color:var(--__P__-bubble-user-text)}@keyframes __P__-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.__P__-bubble-row[data-role=user] .__P__-bubble{background:var(--__P__-bubble-user);color:var(--__P__-bubble-user-text);border-end-end-radius:5px}.__P__-bubble-row[data-role=assistant] .__P__-bubble{background:var(--__P__-bubble-assistant);color:var(--__P__-bubble-assistant-text);border-end-start-radius:5px}.__P__-bubble-col{display:flex;flex-direction:column;max-width:85%;min-width:0}.__P__-bubble-row[data-role=user] .__P__-bubble-col{align-items:flex-end}.__P__-bubble-row[data-role=assistant] .__P__-bubble-col{align-items:flex-start}.__P__-bubble-time{margin-top:3px;padding:0 4px;font-size:calc(11px * var(--__P__-text-scale));line-height:1;color:var(--__P__-fg-muted);user-select:none}.__P__-md>*:first-child{margin-top:0}.__P__-md>*:last-child{margin-bottom:0}.__P__-md p{margin:10px 0}.__P__-md h1,.__P__-md h2,.__P__-md h3,.__P__-md h4,.__P__-md h5,.__P__-md h6{margin:18px 0 8px;line-height:1.3;letter-spacing:-.01em;font-weight:700}.__P__-md h1{font-size:1.4em}.__P__-md h2{font-size:1.22em}.__P__-md h3{font-size:1.08em}.__P__-md h4,.__P__-md h5,.__P__-md h6{font-size:1em}.__P__-md>h1:first-child,.__P__-md>h2:first-child,.__P__-md>h3:first-child,.__P__-md>h4:first-child,.__P__-md>h5:first-child,.__P__-md>h6:first-child{margin-top:0}.__P__-md ul,.__P__-md ol{padding-inline-start:1.5em;margin:10px 0}.__P__-md ul{list-style:disc}.__P__-md ol{list-style:decimal}.__P__-md li{margin:6px 0;padding-inline-start:2px}.__P__-md li::marker{color:var(--__P__-fg-muted)}.__P__-md li>p{margin:6px 0}.__P__-md li>ul,.__P__-md li>ol{margin:6px 0}.__P__-md strong,.__P__-md b{font-weight:650;letter-spacing:-.005em}.__P__-md em,.__P__-md i{font-style:italic}.__P__-md code{font-family:var(--__P__-font-mono);font-size:.86em;padding:1px 6px;border-radius:5px;background:color-mix(in srgb,var(--__P__-accent) 10%,transparent);color:var(--__P__-fg);border:1px solid color-mix(in srgb,var(--__P__-accent) 16%,transparent)}.__P__-md pre{font-family:var(--__P__-font-mono);font-size:calc(12.5px * var(--__P__-text-scale));padding:12px 14px;border-radius:var(--__P__-radius-sm);background:#7f7f7f1f;overflow-x:auto;margin:var(--__P__-space-3) 0;line-height:1.5}.__P__-md pre code{padding:0;background:none}.__P__-md a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.__P__-md a:hover{text-decoration-thickness:2px}.__P__-md blockquote{margin:14px 0;padding:6px 14px;border-inline-start:3px solid color-mix(in srgb,var(--__P__-accent) 50%,transparent);background:color-mix(in srgb,var(--__P__-accent) 5%,transparent);border-start-end-radius:var(--__P__-radius-sm);border-end-end-radius:var(--__P__-radius-sm);color:var(--__P__-fg-muted)}.__P__-md blockquote>:first-child{margin-top:0}.__P__-md blockquote>:last-child{margin-bottom:0}.__P__-md hr{border:0;height:1px;background:color-mix(in srgb,currentColor 18%,transparent);margin:var(--__P__-space-4) 0}.__P__-md table{border-collapse:collapse;margin:var(--__P__-space-3) 0;font-size:.95em;display:block;overflow-x:auto;max-width:100%;font-variant-numeric:tabular-nums}.__P__-md th,.__P__-md td{padding:6px 10px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);text-align:start}.__P__-md th{font-weight:700;background:color-mix(in srgb,currentColor 6%,transparent)}.__P__-md h1+ul,.__P__-md h1+ol,.__P__-md h2+ul,.__P__-md h2+ol,.__P__-md h3+ul,.__P__-md h3+ol,.__P__-md h4+ul,.__P__-md h4+ol{margin-top:var(--__P__-space-1)}.__P__-loading{display:inline-flex;align-items:center;gap:var(--__P__-space-2);color:var(--__P__-fg-muted);font-size:var(--__P__-text-sm)}.__P__-loading-spinner{width:14px;height:14px;border-radius:999px;border:2px solid currentColor;border-top-color:transparent;animation:__P__-spin .8s linear infinite}@keyframes __P__-spin{to{transform:rotate(1turn)}}.__P__-typing{display:inline-flex;gap:var(--__P__-space-1);padding:var(--__P__-space-1) 0}.__P__-typing span{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.4;animation:__P__-blink 1.2s var(--__P__-ease) infinite}.__P__-typing span:nth-child(2){animation-delay:.2s}.__P__-typing span:nth-child(3){animation-delay:.4s}@keyframes __P__-blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.__P__-reasoning{margin:var(--__P__-space-1) 0 var(--__P__-space-2);padding-inline-start:var(--__P__-space-3);border-inline-start:2px solid var(--__P__-border-strong)}.__P__-reasoning-summary{display:inline-flex;align-items:center;gap:var(--__P__-space-1);cursor:pointer;list-style:none;user-select:none;color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);font-weight:600}.__P__-reasoning-summary:hover{color:var(--__P__-fg)}.__P__-reasoning-summary:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px;border-radius:var(--__P__-radius-sm)}.__P__-reasoning-summary::-webkit-details-marker{display:none}.__P__-reasoning-summary:before{content:"";width:5px;height:5px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.7;transition:transform var(--__P__-dur-quick) var(--__P__-ease)}.__P__-reasoning[open] .__P__-reasoning-summary:before{transform:rotate(45deg)}.__P__-reasoning[data-active=true] .__P__-reasoning-label{animation:__P__-reasoning-pulse 1.4s var(--__P__-ease) infinite}@keyframes __P__-reasoning-pulse{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.__P__-reasoning[data-active=true] .__P__-reasoning-label{animation:none}}.__P__-reasoning-body{margin-top:var(--__P__-space-1);color:var(--__P__-fg-muted);font-size:var(--__P__-text-sm)}.__P__-reasoning-body>:first-child{margin-top:0}.__P__-reasoning-body>:last-child{margin-bottom:0}.__P__-tool-chip{display:inline-flex;align-items:center;gap:6px;padding:var(--__P__-space-1) var(--__P__-space-2);margin-top:6px;border-radius:999px;background:var(--__P__-bg-elevated);border:1px solid var(--__P__-border);color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs)}.__P__-composer{border-top:1px solid var(--__P__-border);padding:10px 12px;background:var(--__P__-bg);display:flex;flex-direction:column;gap:var(--__P__-space-2)}.__P__-composer-row{display:flex;align-items:flex-end;gap:6px}.__P__-textarea{flex:1;height:40px;max-height:160px;padding:10px 12px;border-radius:var(--__P__-radius);background:var(--__P__-bg-elevated);border:1px solid transparent;font-size:calc(14px * var(--__P__-text-scale));line-height:1.4;transition:height var(--__P__-dur-quick) var(--__P__-ease),border-color var(--__P__-dur-quick) var(--__P__-ease),box-shadow var(--__P__-dur-quick) var(--__P__-ease)}.__P__-textarea:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:1px;border-color:var(--__P__-focus)}@media(pointer:coarse){.__P__-textarea,.__P__-home-search-input{font-size:max(16px,calc(16px * var(--__P__-text-scale)))}.__P__-textarea{height:44px}}.__P__-send{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:opacity var(--__P__-dur-quick) var(--__P__-ease),transform var(--__P__-dur-quick) var(--__P__-ease),background var(--__P__-dur-quick) var(--__P__-ease)}.__P__-send[data-shape=circle]{border-radius:999px}.__P__-send[data-shape=square]{border-radius:var(--__P__-radius-sm)}.__P__-send[data-shape=pill]{width:auto;padding:0 18px;border-radius:999px}.__P__-send[data-variant=filled]{background:var(--__P__-accent);color:var(--__P__-accent-text)}.__P__-send[data-variant=outline]{background:transparent;color:var(--__P__-accent);border-color:var(--__P__-accent)}.__P__-send[data-variant=outline]:not(:disabled):hover{background:color-mix(in srgb,var(--__P__-accent) 10%,transparent)}.__P__-send[data-variant=ghost]{background:transparent;color:var(--__P__-accent)}.__P__-send[data-variant=ghost]:not(:disabled):hover{background:color-mix(in srgb,var(--__P__-accent) 8%,transparent)}.__P__-send:disabled{opacity:.4;cursor:not-allowed}.__P__-send:not(:disabled):hover{transform:translateY(-1px)}.__P__-send:not(:disabled):active{transform:translateY(0)}.__P__-send:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-send svg{width:18px;height:18px}.__P__-composer-actions{display:flex;gap:var(--__P__-space-1);flex-wrap:wrap}.__P__-attachments{display:flex;flex-wrap:wrap;gap:6px}.__P__-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:var(--__P__-space-1) var(--__P__-space-2) var(--__P__-space-1) var(--__P__-space-1);border-radius:999px;background:var(--__P__-bg-elevated);border:1px solid var(--__P__-border);font-size:var(--__P__-text-xs);max-width:200px}.__P__-attachment-thumb{width:24px;height:24px;border-radius:999px;object-fit:cover;background:var(--__P__-border)}.__P__-attachment-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.__P__-attachment-remove{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--__P__-fg-muted)}.__P__-attachment-remove:hover{background:var(--__P__-border);color:var(--__P__-fg)}.__P__-dropzone{position:absolute;inset:8px;border:2px dashed var(--__P__-accent);border-radius:var(--__P__-radius);background:color-mix(in srgb,var(--__P__-accent) 8%,transparent);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--__P__-accent);pointer-events:none;z-index:10;animation:__P__-fade-in var(--__P__-dur-quick) var(--__P__-ease)}@keyframes __P__-fade-in{0%{opacity:0}to{opacity:1}}.__P__-error{margin-top:var(--__P__-space-1);padding:8px 10px;border-radius:var(--__P__-radius-sm);background:var(--__P__-danger-bg);color:var(--__P__-danger-text);font-size:var(--__P__-text-sm);display:flex;align-items:center;gap:var(--__P__-space-2)}.__P__-error button{color:inherit;text-decoration:underline;font-size:var(--__P__-text-sm)}.__P__-history{flex:1;overflow-y:auto;padding:var(--__P__-space-2) var(--__P__-space-1) var(--__P__-space-3)}.__P__-history-footer{flex:none;padding:var(--__P__-space-2) var(--__P__-space-3) var(--__P__-space-3);border-top:1px solid var(--__P__-border);background:var(--__P__-surface)}.__P__-history-new{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--__P__-space-2);padding:var(--__P__-space-2) var(--__P__-space-3);border:none;border-radius:var(--__P__-radius-md);background:var(--__P__-accent);color:var(--__P__-on-accent);cursor:pointer;font-size:var(--__P__-text-sm);font-weight:600;transition:filter var(--__P__-dur-quick) var(--__P__-ease-out),transform var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-history-new svg{width:16px;height:16px}.__P__-history-new:hover{filter:brightness(1.08)}.__P__-history-new:active{transform:translateY(1px)}.__P__-history-new:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-history-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px;color:var(--__P__-fg-muted);font-size:calc(14px * var(--__P__-text-scale));text-align:center}.__P__-history-group{display:flex;flex-direction:column;padding:0 var(--__P__-space-3)}.__P__-history-heading{font-size:var(--__P__-text-xs);font-weight:600;color:var(--__P__-fg-muted);padding:14px 4px 8px;text-transform:uppercase;letter-spacing:.04em}.__P__-history-card{display:flex;flex-direction:column;background:var(--__P__-surface);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-lg, 14px);overflow:hidden}.__P__-history-item{all:unset;display:flex;align-items:center;gap:var(--__P__-space-3);padding:12px var(--__P__-space-3);cursor:pointer;transition:background var(--__P__-dur-base) var(--__P__-ease)}.__P__-history-item+.__P__-history-item{border-top:1px solid var(--__P__-border)}.__P__-history-item:hover{background:var(--__P__-bg-elevated)}.__P__-history-item:focus-visible{background:var(--__P__-bg-elevated);outline:2px solid var(--__P__-focus);outline-offset:-2px}.__P__-history-avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in oklab,var(--__P__-accent) 12%,transparent);color:var(--__P__-accent)}.__P__-history-avatar svg{width:18px;height:18px}.__P__-history-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.__P__-history-row{display:flex;align-items:center;justify-content:space-between;gap:var(--__P__-space-2)}.__P__-history-title{flex:1;min-width:0;font-size:calc(14px * var(--__P__-text-scale));font-weight:500;color:var(--__P__-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-history-time{flex:none;font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted)}.__P__-history-preview{flex:1;min-width:0;font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-history-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--__P__-accent)}.__P__-history-item[data-unread=true] .__P__-history-title{font-weight:600}.__P__-history-item[data-closed=true] .__P__-history-title{color:var(--__P__-fg-muted)}.__P__-history-skeleton-item{display:flex;align-items:center;gap:var(--__P__-space-3);padding:12px var(--__P__-space-3)}.__P__-history-skeleton-item+.__P__-history-skeleton-item{border-top:1px solid var(--__P__-border)}.__P__-history-skeleton-avatar{flex:none;width:36px;height:36px;border-radius:50%}.__P__-history-skeleton-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}.__P__-history-skeleton-line{height:9px;border-radius:4px}.__P__-skeleton-heading{width:52px;height:8px}.__P__-skeleton-title{width:45%}.__P__-skeleton-preview{width:78%}.__P__-history-skeleton-avatar,.__P__-history-skeleton-line{background:linear-gradient(90deg,color-mix(in oklab,var(--__P__-fg) 9%,transparent) 30%,color-mix(in oklab,var(--__P__-fg) 17%,transparent),color-mix(in oklab,var(--__P__-fg) 9%,transparent) 70%);background-size:200% 100%;animation:__P__-skeleton-shimmer 1.8s ease-in-out infinite}@keyframes __P__-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.__P__-history-skeleton-avatar,.__P__-history-skeleton-line{animation:none}}.__P__-list-loading{margin:auto;padding:var(--__P__-space-6) var(--__P__-space-4);color:var(--__P__-fg-muted);font-size:var(--__P__-text-sm);text-align:center}.__P__-readonly-banner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px;margin:0 var(--__P__-space-3) var(--__P__-space-3);border-radius:var(--__P__-radius-md);background:var(--__P__-bg-elevated);color:var(--__P__-fg-muted);text-align:center;font-size:var(--__P__-text-sm)}.__P__-readonly-label{line-height:1.4}.__P__-readonly-cta{appearance:none;border:0;cursor:pointer;padding:var(--__P__-space-2) var(--__P__-space-4);border-radius:999px;background:var(--__P__-accent);color:var(--__P__-accent-text, #fff);font:inherit;font-weight:600;font-size:var(--__P__-text-sm);transition:filter var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-readonly-cta:hover,.__P__-readonly-cta:focus-visible{filter:brightness(1.1)}.__P__-readonly-cta:focus-visible{outline:2px solid var(--__P__-accent);outline-offset:2px}.__P__-composer-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 16px;margin:0 var(--__P__-space-3);border-top:1px solid var(--__P__-border);text-align:center;font-size:calc(11px * var(--__P__-text-scale));line-height:1.4;color:var(--__P__-fg-muted)}.__P__-disclaimer{max-width:320px;margin:0 auto;opacity:.9;letter-spacing:.01em}.__P__-poweredby{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:inherit;text-decoration:none;opacity:.7;transition:opacity var(--__P__-dur-base) var(--__P__-ease);font-size:calc(11px * var(--__P__-text-scale));letter-spacing:.02em}.__P__-poweredby:hover{opacity:1}.__P__-poweredby-logo{height:12px;width:auto;display:inline-block;vertical-align:middle}.__P__-poweredby-bar{flex:none;display:flex;align-items:center;justify-content:center;padding:6px 16px;border-top:1px solid var(--__P__-border);background:var(--__P__-bg-elevated)}.__P__-menu-wrap{position:relative;display:inline-flex}.__P__-menu{position:absolute;top:100%;inset-inline-end:0;margin-top:6px;min-width:200px;padding:6px;background:var(--__P__-bg);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);box-shadow:var(--__P__-shadow-panel);z-index:10;display:flex;flex-direction:column;gap:2px;animation:__P__-menu-in var(--__P__-dur-base) var(--__P__-ease)}@media(prefers-reduced-motion:reduce){.__P__-menu{animation:none}}@keyframes __P__-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top right}to{opacity:1;transform:none}}.__P__-menu-item{all:unset;display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:var(--__P__-text-sm);color:var(--__P__-fg);border-radius:var(--__P__-radius-sm);cursor:pointer;user-select:none}.__P__-menu-item:hover{background:var(--__P__-bg-elevated)}.__P__-menu-item:focus-visible{background:var(--__P__-bg-elevated);outline:2px solid var(--__P__-focus);outline-offset:-2px}.__P__-menu-item[disabled]{opacity:.45;cursor:not-allowed}.__P__-menu-icon{display:inline-flex;width:16px;height:16px;color:var(--__P__-fg-muted)}.__P__-menu-icon svg{width:16px;height:16px}.__P__-menu-label{flex:1}.__P__-menu-check{display:inline-flex;color:var(--__P__-accent)}.__P__-menu-check svg{width:14px;height:14px}.__P__-menu-item-segmented{cursor:default}.__P__-menu-item-segmented:hover{background:transparent}.__P__-segmented{display:inline-flex;gap:2px;padding:2px;background:var(--__P__-bg-elevated);border-radius:var(--__P__-radius-sm)}.__P__-segment{all:unset;min-width:26px;padding:3px 8px;font-size:var(--__P__-text-xs);font-weight:600;letter-spacing:.02em;text-align:center;color:var(--__P__-fg-muted);border-radius:calc(var(--__P__-radius-sm) - 2px);cursor:pointer;transition:color .12s ease,background .12s ease}.__P__-segment:hover{color:var(--__P__-fg)}.__P__-segment[data-on=true]{background:var(--__P__-bg);color:var(--__P__-accent);box-shadow:var(--__P__-shadow-card)}.__P__-segment:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:-2px}.__P__-resize-grip{position:absolute;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--__P__-fg-muted);opacity:.45;transition:opacity var(--__P__-dur-base) var(--__P__-ease);z-index:2;touch-action:none;user-select:none}.__P__-resize-grip:hover,.__P__-resize-grip:focus-visible{opacity:1}.__P__-resize-grip svg{width:10px;height:10px}.__P__-resize-grip--bottom-left{bottom:2px;left:2px;cursor:nesw-resize;transform:scaleX(-1)}.__P__-resize-grip--bottom-right{bottom:2px;right:2px;cursor:nwse-resize}.__P__-resize-grip--top-left{top:2px;left:2px;cursor:nwse-resize;transform:rotate(180deg)}.__P__-resize-grip--top-right{top:2px;right:2px;cursor:nesw-resize;transform:scaleY(-1)}:host(:not([data-mode="open"])) .__P__-resize-grip{display:none}.__P__-messenger{display:flex;flex-direction:column;overflow:hidden}.__P__-messenger-body,.__P__-messenger-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.__P__-messenger-pane[hidden]{display:none}@keyframes __P__-view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.__P__-module{display:flex;flex-direction:column;height:100%;min-height:0}@media(prefers-reduced-motion:no-preference){.__P__-module,.__P__-history{animation:__P__-view-in .18s var(--__P__-ease-out)}}.__P__-module-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--__P__-space-3);display:flex;flex-direction:column;gap:var(--__P__-space-3)}.__P__-home{container-type:inline-size;background:radial-gradient(125% 65% at 88% 0%,color-mix(in srgb,#fff 16%,transparent),transparent 55%),linear-gradient(180deg,var(--__P__-accent) 0%,var(--__P__-accent) 22%,color-mix(in srgb,var(--__P__-accent) 28%,var(--__P__-surface)) 44%,var(--__P__-surface) 70%);border-radius:var(--__P__-radius-lg) var(--__P__-radius-lg) 0 0}.__P__-home-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background:transparent}.__P__-home-cards{display:flex;flex-direction:column;gap:var(--__P__-space-3);padding:4px 14px 16px}.__P__-module-pad{padding:var(--__P__-space-3) var(--__P__-space-3) 0}.__P__-module-empty{display:flex;flex-direction:column;align-items:center;gap:var(--__P__-space-3);padding:var(--__P__-space-8) var(--__P__-space-4);text-align:center;color:var(--__P__-fg-muted);font-size:var(--__P__-text-base)}.__P__-module-retry{padding:var(--__P__-space-2) var(--__P__-space-4);border:1px solid var(--__P__-border-strong);border-radius:var(--__P__-radius-sm);color:var(--__P__-fg);font-weight:600;cursor:pointer;transition:background var(--__P__-dur-quick) var(--__P__-ease-out),border-color var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-module-retry:hover{background:var(--__P__-hover);border-color:var(--__P__-accent)}.__P__-module-retry:active{background:var(--__P__-border)}.__P__-module-retry:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-help-list{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--__P__-space-3)}.__P__-help-group{display:flex;flex-direction:column}.__P__-help-section-title{position:sticky;top:0;z-index:1;margin:0;padding:var(--__P__-space-3) var(--__P__-space-5) var(--__P__-space-2);font-size:var(--__P__-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--__P__-fg-muted);background:var(--__P__-bg)}.__P__-help-card{margin:0 var(--__P__-space-3) var(--__P__-space-3);background:var(--__P__-surface);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius);overflow:hidden}.__P__-help-card .__P__-list-row{border-bottom:0;border-radius:0}.__P__-help-card .__P__-list-row+.__P__-list-row{border-top:1px solid var(--__P__-border)}.__P__-module-cta{padding:var(--__P__-space-3);border-top:1px solid var(--__P__-border)}.__P__-tabbar{display:flex;border-top:1px solid var(--__P__-border);background:var(--__P__-bg-elevated);flex-shrink:0}.__P__-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--__P__-space-1);min-height:48px;padding:var(--__P__-space-2) var(--__P__-space-1);color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);font-weight:600;transition:color var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-tab:hover{color:var(--__P__-fg)}.__P__-tab[aria-selected=true]{color:var(--__P__-accent)}.__P__-tab:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:-2px}.__P__-tab:active{background:var(--__P__-hover)}.__P__-tab-icon{position:relative;display:inline-flex}.__P__-tab-icon svg{width:22px;height:22px}.__P__-tab-badge{position:absolute;top:-4px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--__P__-accent);color:var(--__P__-on-accent);font-size:calc(10px * var(--__P__-text-scale));font-weight:600;line-height:1}.__P__-home-hero{flex-shrink:0;padding:var(--__P__-space-5) var(--__P__-space-5) var(--__P__-space-3);color:var(--__P__-on-accent);--__P__-focus: var(--__P__-on-accent)}.__P__-home-hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--__P__-space-3);min-height:32px}.__P__-home-brand{font-size:clamp(calc(12px * var(--__P__-text-scale)),calc(3.2cqi * var(--__P__-text-scale)),calc(14px * var(--__P__-text-scale)));font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,#fff 82%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.__P__-home-brand-spacer{flex:1}.__P__-home-hero-actions{display:flex;align-items:center;gap:var(--__P__-space-2);flex-shrink:0}.__P__-home-hero-actions .__P__-icon-btn{color:#fff}.__P__-home-hero-actions .__P__-icon-btn:hover{background:color-mix(in srgb,#fff 18%,transparent);color:#fff}.__P__-home-hero-actions .__P__-icon-btn:active{background:color-mix(in srgb,#fff 26%,transparent)}.__P__-home-greeting{margin:28px 0 0;font-family:var(--__P__-font-display);font-size:clamp(calc(19px * var(--__P__-text-scale)),calc(5.5cqi * var(--__P__-text-scale)),var(--__P__-text-2xl));font-weight:800;line-height:1.18;letter-spacing:-.01em;overflow-wrap:anywhere}.__P__-home-lead{margin:10px 0 0;font-family:var(--__P__-font-display);font-size:clamp(calc(15px * var(--__P__-text-scale)),calc(4.2cqi * var(--__P__-text-scale)),var(--__P__-text-xl));font-weight:600;line-height:1.25;letter-spacing:-.005em;color:color-mix(in srgb,var(--__P__-on-accent) 78%,transparent);overflow-wrap:anywhere}.__P__-home-avatars{display:flex}.__P__-home-avatar{width:30px;height:30px;border-radius:999px;overflow:hidden;margin-inline-start:-10px;border:2px solid color-mix(in srgb,#fff 92%,transparent);box-shadow:0 1px 3px #0000002e;background:var(--__P__-surface);display:inline-flex;align-items:center;justify-content:center;font-size:var(--__P__-text-xs);font-weight:700;color:var(--__P__-fg)}.__P__-home-avatar:first-child{margin-inline-start:0}.__P__-home-avatar img{width:100%;height:100%;object-fit:cover}.__P__-home-content{background:var(--__P__-surface);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius);box-shadow:var(--__P__-shadow-card);overflow:hidden}.__P__-home-content-title{padding:var(--__P__-space-4) var(--__P__-space-4) var(--__P__-space-3);font-size:var(--__P__-text-sm);font-weight:700}.__P__-home-content-list{display:flex;flex-direction:column;padding:0 var(--__P__-space-2) var(--__P__-space-2)}.__P__-home-content-list .__P__-list-row+.__P__-list-row{border-top:1px solid var(--__P__-border)}.__P__-home-card{display:block;width:100%;text-align:start;background:var(--__P__-surface);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius);padding:var(--__P__-space-4);box-shadow:var(--__P__-shadow-card)}.__P__-home-card[data-interactive=true]{cursor:pointer;transition:background var(--__P__-dur-quick) var(--__P__-ease-out),transform var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-home-card[data-interactive=true]:hover{background:var(--__P__-bg-elevated)}.__P__-home-card[data-interactive=true]:active{transform:translateY(1px)}.__P__-home-card[data-interactive=true]:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-home-recent-row{display:flex;align-items:center;gap:var(--__P__-space-3)}.__P__-home-recent-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:999px;background:color-mix(in oklch,var(--__P__-accent) 14%,transparent);color:var(--__P__-accent)}.__P__-home-recent-avatar svg{width:20px;height:20px}.__P__-home-recent-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.__P__-home-recent-title{font-weight:600;font-size:calc(14px * var(--__P__-text-scale))}.__P__-home-recent-preview{color:var(--__P__-fg-muted);font-size:var(--__P__-text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.__P__-home-recent-at{color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);flex-shrink:0}.__P__-home-recent-dot{width:8px;height:8px;border-radius:999px;background:var(--__P__-accent);flex-shrink:0}.__P__-home-recent-row[data-unread=true] .__P__-home-recent-title{font-weight:700}.__P__-home-status{display:flex;align-items:center;gap:var(--__P__-space-3)}.__P__-home-status-icon svg{width:22px;height:22px;color:var(--__P__-success)}.__P__-home-status[data-level=degraded] .__P__-home-status-icon svg{color:var(--__P__-warning)}.__P__-home-status[data-level=down] .__P__-home-status-icon svg{color:var(--__P__-danger)}.__P__-home-status-text{font-weight:600;font-size:calc(14px * var(--__P__-text-scale))}.__P__-home-search{display:flex;align-items:center;gap:var(--__P__-space-2);width:100%;padding:var(--__P__-space-3) var(--__P__-space-4);border-radius:var(--__P__-radius);border:1px solid var(--__P__-border);background:var(--__P__-surface);text-align:start}.__P__-home-search[data-input=true]{background:var(--__P__-bg-elevated)}.__P__-home-search:hover{border-color:var(--__P__-border-strong)}.__P__-home-search:focus-visible,.__P__-home-search:focus-within{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-home-search-text{flex:1;color:var(--__P__-fg-muted);font-size:calc(14px * var(--__P__-text-scale))}.__P__-home-search-input{flex:1;border:0;background:transparent;font-size:calc(14px * var(--__P__-text-scale));color:var(--__P__-fg);outline:none}.__P__-home-search-icon svg{width:18px;height:18px;color:var(--__P__-accent)}.__P__-list-row{display:flex;align-items:center;gap:var(--__P__-space-3);width:100%;min-height:44px;text-align:start;padding:var(--__P__-space-3) var(--__P__-space-2);border-radius:var(--__P__-radius-sm)}.__P__-list-row:hover{background:var(--__P__-hover)}.__P__-list-row:active{background:var(--__P__-border)}.__P__-list-row:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:-2px}.__P__-list-row-body{display:flex;flex-direction:column;min-width:0;flex:1}.__P__-list-row-title{font-weight:600;font-size:var(--__P__-text-md);line-height:1.35}.__P__-list-row-sub{color:var(--__P__-fg-muted);font-size:var(--__P__-text-sm);margin-top:var(--__P__-space-1);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.__P__-list-row-chevron svg{width:18px;height:18px;color:var(--__P__-accent);flex-shrink:0}.__P__-back-header{display:flex;align-items:center;gap:var(--__P__-space-2);padding:10px 12px;border-bottom:1px solid var(--__P__-border);flex-shrink:0}.__P__-back-title{flex:1;text-align:center;font-size:var(--__P__-text-md);font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-back-spacer{width:32px;height:1px}.__P__-content{display:flex;flex-direction:column;gap:14px;width:100%;max-width:68ch;margin:0 auto}.__P__-content-hero{width:100%;border-radius:var(--__P__-radius)}.__P__-content-subtitle{color:var(--__P__-fg-muted);margin:0}.__P__-content-frame{flex:1;min-height:0;width:100%;border:0;background:#fff}.__P__-news-list{display:flex;flex-direction:column;gap:var(--__P__-space-3)}.__P__-news-card{display:block;width:100%;text-align:start;border:1px solid var(--__P__-border);border-radius:var(--__P__-radius);overflow:hidden;background:var(--__P__-surface)}.__P__-news-card{transition:background var(--__P__-dur-quick) var(--__P__-ease-out),transform var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-news-card:hover{background:var(--__P__-bg-elevated)}.__P__-news-card:active{transform:translateY(1px)}.__P__-news-card:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-news-hero{width:100%;display:block}.__P__-news-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.__P__-news-title{font-weight:700;font-size:var(--__P__-text-md)}.__P__-news-summary{color:var(--__P__-fg-muted);font-size:calc(14px * var(--__P__-text-scale));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.__P__-modules-empty{display:flex;align-items:center;justify-content:center;position:relative}.__P__-modules-empty-close{position:absolute;top:12px;inset-inline-end:12px}.__P__-modules-empty-text{color:var(--__P__-fg-muted);font-size:var(--__P__-text-base)}.__P__-form{display:flex;flex-direction:column;gap:var(--__P__-space-4)}.__P__-field{display:flex;flex-direction:column;gap:6px}.__P__-field-label{font-size:var(--__P__-text-sm);font-weight:600;color:var(--__P__-fg)}.__P__-field-req{color:var(--__P__-danger)}.__P__-field-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:10px var(--__P__-space-3);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:var(--__P__-bg);color:var(--__P__-fg);font:inherit;font-size:var(--__P__-text-sm);resize:vertical;transition:border-color var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-field-input:focus-visible{outline:none;border-color:var(--__P__-accent)}.__P__-field[data-invalid=true] .__P__-field-input{border-color:var(--__P__-danger)}.__P__-field-input[type=date],.__P__-field-input[type=time]{appearance:none;-webkit-appearance:none}@media(pointer:coarse){.__P__-field-input{font-size:max(16px,calc(16px * var(--__P__-text-scale)))}}.__P__-field-hint{font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted)}.__P__-field-error{font-size:var(--__P__-text-xs);color:var(--__P__-danger)}.__P__-field-choices{display:flex;flex-direction:column;gap:10px;padding-top:2px}.__P__-choice{display:flex;align-items:flex-start;gap:10px;font-size:var(--__P__-text-sm);color:var(--__P__-fg);cursor:pointer}.__P__-choice input{margin-top:2px;accent-color:var(--__P__-accent)}.__P__-form-actions{display:flex;justify-content:flex-end;gap:var(--__P__-space-2);margin-top:var(--__P__-space-2)}.__P__-form-submit,.__P__-tool-approve{padding:var(--__P__-space-2) var(--__P__-space-4);border:none;border-radius:var(--__P__-radius-md);background:var(--__P__-accent);color:var(--__P__-accent-text, #fff);font:inherit;font-weight:600;font-size:var(--__P__-text-sm);cursor:pointer;transition:filter var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-form-submit:hover:not(:disabled),.__P__-tool-approve:hover:not(:disabled){filter:brightness(1.06)}.__P__-form-submit:disabled{opacity:.6;cursor:default}.__P__-form-skip,.__P__-tool-reject{padding:var(--__P__-space-2) var(--__P__-space-4);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:transparent;color:var(--__P__-fg-muted);font:inherit;font-size:var(--__P__-text-sm);cursor:pointer;transition:background var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-form-skip:hover:not(:disabled),.__P__-tool-reject:hover:not(:disabled){background:var(--__P__-bg-elevated)}.__P__-form-gate{display:flex;flex-direction:column;gap:var(--__P__-space-3);padding:var(--__P__-space-4);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:var(--__P__-bg-elevated)}.__P__-form-gate-title{margin:0;font-size:var(--__P__-text-base);font-weight:700;color:var(--__P__-fg)}.__P__-form-gate-desc{margin:0 0 var(--__P__-space-1);font-size:var(--__P__-text-sm);color:var(--__P__-fg-muted)}.__P__-form-done{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:1px dashed var(--__P__-border);border-radius:999px;align-self:center;font-size:var(--__P__-text-xs);font-weight:600;color:var(--__P__-fg-muted)}.__P__-form-done svg{width:14px;height:14px;color:var(--__P__-success, #22c55e)}.__P__-form-done[data-outcome=skipped] svg{color:var(--__P__-fg-muted)}.__P__-form-done-fill{border:0;background:none;padding:0 2px;cursor:pointer;font:inherit;font-weight:600;color:var(--__P__-accent)}.__P__-form-done-fill:hover{text-decoration:underline}details.__P__-form-done{display:block;padding:0;border-radius:var(--__P__-radius-md)}details[open].__P__-form-done{width:min(100%,420px);background:var(--__P__-surface)}.__P__-form-done-summary{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;cursor:pointer;list-style:none}.__P__-form-done-summary::-webkit-details-marker{display:none}.__P__-form-done-summary>svg:last-child{color:var(--__P__-fg-muted);transition:transform .15s var(--__P__-ease)}details[open]>.__P__-form-done-summary>svg:last-child{transform:rotate(90deg)}.__P__-form-answers{margin:0;padding:var(--__P__-space-2) var(--__P__-space-3) var(--__P__-space-3);display:grid;gap:var(--__P__-space-3);text-align:start}.__P__-form-answer{display:grid;gap:6px}.__P__-form-answer dt{font-size:var(--__P__-text-sm);font-weight:600;color:var(--__P__-fg)}.__P__-form-answer dd{margin:0;padding:10px var(--__P__-space-3);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:var(--__P__-bg);font-size:var(--__P__-text-sm);font-weight:400;color:var(--__P__-fg);overflow-wrap:anywhere}.__P__-tool-ask-input,.__P__-tool-approval{display:flex;flex-direction:column;gap:var(--__P__-space-2);margin-top:6px;padding:var(--__P__-space-3);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:var(--__P__-bg-elevated)}.__P__-tool-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.__P__-tool-badge{padding:2px 8px;border-radius:999px;background:var(--__P__-warning, #f59e0b);color:#1a1206;font-size:var(--__P__-text-xs);font-weight:600}.__P__-tool-title{font-size:var(--__P__-text-sm);color:var(--__P__-fg)}.__P__-tool-question{margin:0;font-size:var(--__P__-text-sm);font-weight:600;color:var(--__P__-fg)}.__P__-tool-desc{margin:0;font-size:var(--__P__-text-sm);color:var(--__P__-fg-muted)}.__P__-tool-args{margin:0;padding:var(--__P__-space-2);max-height:160px;overflow:auto;border-radius:var(--__P__-radius-sm);background:var(--__P__-bg);border:1px solid var(--__P__-border);color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);white-space:pre-wrap;word-break:break-word}.__P__-tool-stale-note{margin:0;font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted)}.__P__-tool-decided{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.__P__-tool-decided-label{padding:2px 8px;border-radius:999px;background:var(--__P__-bg);border:1px solid var(--__P__-border);color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);font-weight:600}.__P__-tool-decided-label[data-approved=true]{color:var(--__P__-success, #16a34a);border-color:var(--__P__-success, #16a34a)}.__P__-tool-decided-label[data-approved=false]{color:var(--__P__-danger);border-color:var(--__P__-danger)}.__P__-tool-decided-value{font-size:var(--__P__-text-sm);color:var(--__P__-fg)}:host([dir="rtl"]) .__P__-icon-dir{transform:scaleX(-1)}:host([dir="rtl"]) .__P__-field-input[type=date],:host([dir="rtl"]) .__P__-field-input[type=time]{position:relative;text-align:right;padding-left:34px}:host([dir="rtl"]) .__P__-field-input[type=date]::-webkit-datetime-edit,:host([dir="rtl"]) .__P__-field-input[type=time]::-webkit-datetime-edit{text-align:right}:host([dir="rtl"]) .__P__-field-input[type=date]::-webkit-calendar-picker-indicator,:host([dir="rtl"]) .__P__-field-input[type=time]::-webkit-calendar-picker-indicator{position:absolute;left:var(--__P__-space-3);margin:0}\n';
+var panel_default = '.__P__-anchor{color-scheme:var(--__P__-color-scheme, light);right:16px;bottom:16px}.__P__-surface{display:contents}.__P__-surface[hidden]{display:none}:host([data-position="bottom-left"]) .__P__-anchor,:host([data-position="top-left"]) .__P__-anchor{right:auto;left:16px}:host([data-position="top-right"]) .__P__-anchor,:host([data-position="top-left"]) .__P__-anchor{bottom:auto;top:16px}.__P__-anchor{position:fixed;display:flex;flex-direction:column;align-items:flex-end;gap:var(--__P__-space-3);pointer-events:none}.__P__-anchor{--__P__-fab-size: 56px}.__P__-anchor[data-launcher-size=sm]{--__P__-fab-size: 44px}.__P__-anchor[data-launcher-size=md]{--__P__-fab-size: 56px}.__P__-anchor[data-launcher-size=lg]{--__P__-fab-size: 68px}.__P__-anchor>*{pointer-events:auto}.__P__-fab[data-size=sm]{--__P__-fab-size: 44px;font-size:var(--__P__-text-sm)}.__P__-fab[data-size=md]{--__P__-fab-size: 56px;font-size:calc(14px * var(--__P__-text-scale))}.__P__-fab[data-size=lg]{--__P__-fab-size: 68px;font-size:var(--__P__-text-base)}.__P__-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--__P__-space-2);color:var(--__P__-accent-text);background:var(--__P__-accent);box-shadow:var(--__P__-shadow-fab);font-weight:600;line-height:1;transform-origin:bottom right;animation:__P__-fab-in var(--__P__-dur-base) var(--__P__-ease) both;transition:transform var(--__P__-dur-base) var(--__P__-ease),opacity var(--__P__-dur-base) var(--__P__-ease),box-shadow var(--__P__-dur-base) var(--__P__-ease)}.__P__-fab:hover{transform:translateY(-2px)}.__P__-fab:active{transform:translateY(0)}.__P__-fab:focus-visible{outline:2px solid var(--__P__-on-accent);outline-offset:3px}.__P__-fab svg{width:24px;height:24px;flex-shrink:0}@keyframes __P__-fab-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.__P__-fab[data-leaving]{position:absolute;right:0;bottom:0;animation:__P__-fab-out var(--__P__-dur-quick) var(--__P__-ease) forwards;pointer-events:none}:host([data-position^="top-"]) .__P__-fab[data-leaving]{bottom:auto;top:0}:host([data-position$="-left"]) .__P__-fab[data-leaving]{right:auto;left:0}@keyframes __P__-fab-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.85)}}.__P__-fab[data-variant=circle]{width:var(--__P__-fab-size);height:var(--__P__-fab-size);border-radius:999px}.__P__-fab[data-variant=circle] .__P__-fab-label{display:none}.__P__-fab[data-variant=pill]{height:var(--__P__-fab-size);padding:0 18px 0 16px;border-radius:999px}.__P__-fab[data-variant=bar]{height:var(--__P__-fab-size);padding:0 22px;border-radius:var(--__P__-radius)}.__P__-fab[data-variant=minimal]{height:var(--__P__-fab-size);padding:0 var(--__P__-space-4);border-radius:999px;background:transparent;color:var(--__P__-accent);box-shadow:none;border:1px solid currentColor}.__P__-fab[data-variant=minimal]:hover{background:color-mix(in srgb,var(--__P__-accent) 12%,transparent)}.__P__-callout{--__P__-callout-fab-h: var(--__P__-fab-size, 56px);--__P__-callout-gap: clamp(12px, calc(var(--__P__-callout-fab-h) * .25), 22px);--__P__-callout-nudge-direction: -1;position:absolute;display:inline-flex;align-items:center;gap:var(--__P__-space-2);padding:10px 14px;background:var(--__P__-fg);color:var(--__P__-bg);border-radius:999px;font-size:var(--__P__-text-sm);font-weight:600;line-height:1.2;box-shadow:0 10px 30px -8px #00000059;pointer-events:auto;animation:__P__-callout-in var(--__P__-dur-slow) var(--__P__-ease);z-index:1;max-width:240px;white-space:nowrap}.__P__-callout[data-position=left]{right:calc(100% + var(--__P__-callout-gap));bottom:calc(var(--__P__-callout-fab-h) / 2);transform:translateY(50%)}.__P__-callout[data-position=right]{left:calc(100% + var(--__P__-callout-gap));bottom:calc(var(--__P__-callout-fab-h) / 2);transform:translateY(50%);--__P__-callout-nudge-direction: 1}.__P__-callout[data-position=top]{bottom:calc(100% + var(--__P__-callout-gap));right:0;max-width:min(280px,calc(100vw - 32px))}.__P__-callout[data-position=bottom]{top:calc(100% + var(--__P__-callout-gap));right:0;max-width:min(280px,calc(100vw - 32px))}:host([data-position$="-left"]) .__P__-callout[data-position=top],:host([data-position$="-left"]) .__P__-callout[data-position=bottom]{right:auto;left:0}.__P__-callout[data-shape=bubble]{border-radius:var(--__P__-radius-md);white-space:normal;width:max-content;max-width:min(280px,calc(100vw - 32px))}.__P__-callout[data-shape=callout]{padding:12px 18px;font-size:calc(14px * var(--__P__-text-scale));background:var(--__P__-accent);color:var(--__P__-accent-text)}.__P__-callout:after{content:"";position:absolute;width:12px;height:12px;background:inherit;border-radius:2px;transform:rotate(45deg)}.__P__-callout[data-position=left]:after{right:-5px;top:50%;margin-top:-6px}.__P__-callout[data-position=right]:after{left:-5px;top:50%;margin-top:-6px}.__P__-callout[data-position=top]:after{bottom:-5px;right:calc(var(--__P__-fab-size, 56px) / 2 - 6px)}.__P__-callout[data-position=bottom]:after{top:-5px;right:calc(var(--__P__-fab-size, 56px) / 2 - 6px)}:host([data-position$="-left"]) .__P__-callout[data-position=top]:after,:host([data-position$="-left"]) .__P__-callout[data-position=bottom]:after{right:auto;left:calc(var(--__P__-fab-size, 56px) / 2 - 6px)}.__P__-callout[data-animated]{animation:__P__-callout-in var(--__P__-dur-slow) var(--__P__-ease),__P__-callout-nudge 1.6s var(--__P__-ease-in-out) var(--__P__-dur-slow) infinite}@keyframes __P__-callout-in{0%{opacity:0}to{opacity:1}}@keyframes __P__-callout-nudge{0%,to{margin-left:0;margin-right:0}50%{margin-left:calc(6px * var(--__P__-callout-nudge-direction));margin-right:calc(-6px * var(--__P__-callout-nudge-direction))}}@media(prefers-reduced-motion:reduce){.__P__-callout[data-animated]{animation:__P__-callout-in 1ms var(--__P__-ease)}.__P__-icon-btn[data-recording=true],.__P__-typing span{animation:none}}.__P__-callout-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:inherit;opacity:.7;cursor:pointer}.__P__-callout-close:hover{opacity:1;background:color-mix(in srgb,currentColor 15%,transparent)}.__P__-callout-close:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-callout-close svg{width:12px;height:12px}.__P__-panel{width:var(--__P__-panel-w);height:var(--__P__-panel-h);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:var(--__P__-bg);color:var(--__P__-fg);border-radius:var(--__P__-radius-lg);box-shadow:var(--__P__-shadow-panel);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;animation:__P__-panel-in var(--__P__-dur-slow) var(--__P__-ease);border:1px solid var(--__P__-border)}@media(prefers-reduced-motion:no-preference){.__P__-panel{transition:width var(--__P__-dur-base) var(--__P__-ease),height var(--__P__-dur-base) var(--__P__-ease),max-width var(--__P__-dur-base) var(--__P__-ease),max-height var(--__P__-dur-base) var(--__P__-ease)}.__P__-panel[data-resizing]{transition:none}}:host([data-mode="open"]) .__P__-panel{width:var(--__P__-widget-w, var(--__P__-panel-w));height:var(--__P__-widget-h, var(--__P__-panel-h));min-width:var(--__P__-resize-min-w, auto);min-height:var(--__P__-resize-min-h, auto);max-width:var(--__P__-resize-max-w, calc(100vw - 32px) );max-height:var(--__P__-resize-max-h, calc(100dvh - 32px) )}@keyframes __P__-panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}:host([data-mode="expanded"]) .__P__-panel{width:var(--__P__-expanded-w, 640px);height:var(--__P__-expanded-h, 820px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}:host([data-mode="fullscreen"]){z-index:var(--__P__-z-panel)!important}:host([data-mode="fullscreen"]) .__P__-anchor{inset:0;padding:0;justify-content:flex-end;align-items:flex-end}:host([data-mode="fullscreen"][data-position*="top"]) .__P__-anchor{justify-content:flex-start}:host([data-mode="fullscreen"][data-position*="left"]) .__P__-anchor{align-items:flex-start}:host([data-mode="fullscreen"]) .__P__-panel{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;border:0}:host([data-mode="fullscreen"]) .__P__-fab{display:none}@media(max-width:640px){:host([data-mode="open"]) .__P__-anchor,:host([data-mode="expanded"]) .__P__-anchor{inset:0;align-items:stretch;padding:0}:host([data-mode="open"]) .__P__-panel,:host([data-mode="expanded"]) .__P__-panel{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;border:0}}:host([data-mode="inline"]) .__P__-anchor,:host([data-mode="standalone"]) .__P__-anchor{position:static;inset:auto;padding:0;align-items:stretch;width:100%;height:100%;min-height:0}:host([data-mode="inline"]) .__P__-panel,:host([data-mode="standalone"]) .__P__-panel{width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;animation:none}:host([data-mode="inline"]) .__P__-fab,:host([data-mode="standalone"]) .__P__-fab{display:none}:host([data-mode="inline"]){min-height:320px}:host([data-mode="inline"]) .__P__-panel{border-radius:var(--__P__-radius)}:host([data-mode="standalone"]) .__P__-panel{border-radius:0;border:0;box-shadow:none}:host([data-mode="modal"]){position:fixed!important;inset:0!important;z-index:var(--__P__-z-panel)!important;display:block!important;width:100vw;height:100dvh;background:var(--__P__-modal-backdrop, var(--__P__-backdrop));animation:__P__-backdrop-in var(--__P__-dur-base) var(--__P__-ease) both;--__P__-panel-w: min(960px, 92vw);--__P__-panel-h: min(720px, 88dvh)}:host([data-mode="modal"]) .__P__-anchor{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--__P__-space-6);pointer-events:none}:host([data-mode="modal"]) .__P__-panel{pointer-events:auto;width:var(--__P__-widget-w, var(--__P__-panel-w));height:var(--__P__-widget-h, var(--__P__-panel-h));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);min-width:0;min-height:0;border-radius:var(--__P__-radius);box-shadow:var(--__P__-shadow-panel);animation:__P__-modal-in var(--__P__-dur-base) var(--__P__-ease);translate:var(--__P__-modal-dx, 0px) var(--__P__-modal-dy, 0px)}:host([data-mode="modal"]) .__P__-header,:host([data-mode="modal"]) .__P__-back-header,:host([data-mode="modal"]) .__P__-home-hero{cursor:grab;touch-action:none}:host([data-mode="modal"]) .__P__-panel[data-dragging]{cursor:grabbing;user-select:none}:host([data-mode="modal"]) .__P__-panel[data-dragging] *{cursor:grabbing}:host([data-mode="modal"]) .__P__-fab{display:none}@keyframes __P__-backdrop-in{0%{background:#0000}to{background:var(--__P__-modal-backdrop, var(--__P__-backdrop))}}@keyframes __P__-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:host([data-mode="drawer"]){--__P__-panel-w: min(440px, calc(100vw - 32px) );--__P__-panel-h: 100dvh}:host([data-mode="drawer"]) .__P__-anchor{position:fixed;--__P__-inset-x: var(--__P__-panel-inset, 12px);--__P__-inset-y: var(--__P__-panel-inset, 3dvh);top:var(--__P__-inset-y);bottom:auto;right:var(--__P__-inset-x);left:auto;width:min(var(--__P__-widget-w, var(--__P__-panel-w)),calc(100vw - var(--__P__-inset-x) * 2));height:min(var(--__P__-widget-h, var(--__P__-panel-h)),calc(100dvh - var(--__P__-inset-y) * 2));padding:0;display:block;pointer-events:auto}:host([data-mode="drawer"][data-position$="-left"]) .__P__-anchor{right:auto;left:var(--__P__-inset-x)}:host([data-mode="drawer"][data-position^="bottom-"]) .__P__-anchor{top:auto;bottom:var(--__P__-inset-y)}:host([data-mode="drawer"]) .__P__-panel{width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;border-radius:var(--__P__-radius, 12px);border:1px solid var(--__P__-border);box-shadow:-8px 16px 32px -12px #00000038;animation:__P__-drawer-in var(--__P__-dur-base) var(--__P__-ease)}:host([data-mode="drawer"][data-position$="-left"]) .__P__-panel{box-shadow:8px 16px 32px -12px #00000038;animation:__P__-drawer-in-left var(--__P__-dur-base) var(--__P__-ease)}.__P__-fab[data-edge-tab]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--__P__-space-2);position:fixed;top:50%;height:140px;width:auto;min-width:0;padding:10px 8px;writing-mode:vertical-rl;text-orientation:mixed;transform:translateY(-50%);transform-origin:center;animation:__P__-edge-tab-in var(--__P__-dur-base) var(--__P__-ease) both}.__P__-fab[data-edge-tab] svg{writing-mode:horizontal-tb}.__P__-fab[data-edge-tab]:hover{transform:translateY(-50%) scale(1.03)}.__P__-fab[data-edge-tab]:active{transform:translateY(-50%) scale(.97)}:host([data-position$="-right"]) .__P__-fab[data-edge-tab]{right:0;left:auto;border-radius:12px 0 0 12px;box-shadow:-6px 0 18px -8px #0000004d}:host([data-position$="-left"]) .__P__-fab[data-edge-tab]{left:0;right:auto;border-radius:0 12px 12px 0;box-shadow:6px 0 18px -8px #0000004d}.__P__-fab[data-edge-tab][data-leaving]{position:fixed;top:50%;bottom:auto;animation:__P__-edge-tab-out var(--__P__-dur-quick) var(--__P__-ease) forwards}@keyframes __P__-edge-tab-in{0%{opacity:0;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes __P__-edge-tab-out{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.85)}}@keyframes __P__-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes __P__-drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){:host([data-mode="drawer"]) .__P__-panel,.__P__-fab[data-edge-tab]{animation:none}}.__P__-header{display:flex;align-items:center;gap:var(--__P__-space-2);padding:10px 12px;border-bottom:1px solid var(--__P__-border);background:var(--__P__-bg)}.__P__-header h1{font-size:calc(14px * var(--__P__-text-scale));font-weight:600;flex:1;letter-spacing:-.01em}.__P__-header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--__P__-space-1);flex-shrink:0}.__P__-agent{flex:1;display:inline-flex;align-items:center;gap:10px;min-width:0}.__P__-agent-avatar{position:relative;width:32px;height:32px;border-radius:999px;background:var(--__P__-bg-elevated);color:var(--__P__-fg-muted);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--__P__-text-xs);overflow:hidden;flex-shrink:0}.__P__-agent-avatar img{width:100%;height:100%;object-fit:cover}.__P__-agent-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:999px;border:2px solid var(--__P__-bg);background:var(--__P__-neutral)}.__P__-agent-avatar[data-status=online]:after{background:var(--__P__-success)}.__P__-agent-avatar[data-status=away]:after{background:var(--__P__-warning)}.__P__-agent-avatar[data-status=offline]:after{background:var(--__P__-neutral)}.__P__-agent-meta{display:flex;flex-direction:column;line-height:1.15;min-width:0}.__P__-agent-meta strong{font-size:calc(14px * var(--__P__-text-scale));font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-agent-meta span{font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-suggestions{display:flex;flex-wrap:nowrap;gap:var(--__P__-space-2);padding:6px 14px 10px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;min-width:0}.__P__-suggestions::-webkit-scrollbar{display:none}.__P__-suggestions:before,.__P__-suggestions:after{content:"";flex:1 1 0;min-width:0}.__P__-suggestion{flex:0 0 auto;scroll-snap-align:center;padding:7px 14px;border-radius:999px;background:var(--__P__-bg-elevated);border:1px solid var(--__P__-border);color:var(--__P__-fg);font-size:var(--__P__-text-sm);font-weight:500;white-space:nowrap;transition:background var(--__P__-dur-quick) var(--__P__-ease),border-color var(--__P__-dur-quick) var(--__P__-ease),transform var(--__P__-dur-quick) var(--__P__-ease)}.__P__-suggestion:hover{border-color:var(--__P__-accent);color:var(--__P__-accent);transform:translateY(-1px)}.__P__-suggestion:focus-visible{outline:2px solid var(--__P__-accent);outline-offset:2px;border-color:var(--__P__-accent)}.__P__-suggestion:active{transform:translateY(0)}.__P__-icon-btn{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--__P__-fg-muted);transition:background var(--__P__-dur-quick) var(--__P__-ease),color var(--__P__-dur-quick) var(--__P__-ease)}.__P__-icon-btn:hover{background:var(--__P__-bg-elevated);color:var(--__P__-fg)}.__P__-icon-btn:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-icon-btn:active{background:var(--__P__-border)}.__P__-icon-btn:disabled{opacity:.45;cursor:not-allowed}.__P__-icon-btn:before{content:"";position:absolute;inset:-6px}.__P__-icon-btn{position:relative}.__P__-icon-btn svg{width:18px;height:18px}.__P__-icon-btn[data-recording=true]{color:var(--__P__-accent);background:color-mix(in srgb,var(--__P__-accent) 12%,transparent);animation:__P__-pulse 1.2s var(--__P__-ease) infinite}@keyframes __P__-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--__P__-accent) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--__P__-accent) 0%,transparent)}}.__P__-list,.__P__-history,.__P__-module-scroll,.__P__-home-scroll,.__P__-help-list,.__P__-tool-args,.__P__-sidebar-conversations{scrollbar-width:thin;scrollbar-color:var(--__P__-border-strong) transparent;overscroll-behavior:contain;scrollbar-gutter:stable}.__P__-list::-webkit-scrollbar,.__P__-history::-webkit-scrollbar,.__P__-module-scroll::-webkit-scrollbar,.__P__-home-scroll::-webkit-scrollbar,.__P__-help-list::-webkit-scrollbar,.__P__-tool-args::-webkit-scrollbar,.__P__-sidebar-conversations::-webkit-scrollbar{width:8px}.__P__-list::-webkit-scrollbar-thumb,.__P__-history::-webkit-scrollbar-thumb,.__P__-module-scroll::-webkit-scrollbar-thumb,.__P__-home-scroll::-webkit-scrollbar-thumb,.__P__-help-list::-webkit-scrollbar-thumb,.__P__-tool-args::-webkit-scrollbar-thumb,.__P__-sidebar-conversations::-webkit-scrollbar-thumb{background:var(--__P__-border-strong);border-radius:8px}.__P__-list-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.__P__-jump{position:absolute;inset-inline-end:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--__P__-border);background:var(--__P__-bg-elevated);color:var(--__P__-fg);box-shadow:var(--__P__-shadow-panel);cursor:pointer;opacity:.85;transition:opacity var(--__P__-dur-quick) var(--__P__-ease),transform var(--__P__-dur-quick) var(--__P__-ease);animation:__P__-bubble-in var(--__P__-dur-base) var(--__P__-ease)}.__P__-jump:hover{opacity:1}.__P__-jump:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px;opacity:1}.__P__-jump:active{transform:translateY(1px)}.__P__-jump svg{width:18px;height:18px}.__P__-list{flex:1;min-height:0;overflow-y:auto;padding:var(--__P__-space-4);padding-bottom:var(--__P__-space-8);display:flex;flex-direction:column;gap:14px}.__P__-date-divider{position:sticky;top:var(--__P__-space-2);z-index:2;display:flex;justify-content:center;align-items:flex-start;height:0;margin:0;pointer-events:none}.__P__-date-pill{padding:3px 10px;border-radius:999px;font-size:calc(11px * var(--__P__-text-scale));font-weight:600;color:var(--__P__-fg-muted);background:var(--__P__-bg-elevated);border:1px solid var(--__P__-border);box-shadow:var(--__P__-shadow-card);opacity:0;pointer-events:none;transition:opacity var(--__P__-dur-base) var(--__P__-ease)}.__P__-list[data-scrolling=true] .__P__-date-pill{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.__P__-date-pill{transition:none}}.__P__-bubble-row{display:flex}.__P__-bubble-row[data-role=user]{justify-content:flex-end}.__P__-bubble-row[data-role=assistant]{justify-content:flex-start}.__P__-bubble{max-width:100%;padding:var(--__P__-space-3) var(--__P__-space-4);border-radius:var(--__P__-radius);line-height:1.6;font-size:calc(14px * var(--__P__-text-scale));word-wrap:break-word;overflow-wrap:anywhere;box-shadow:0 1px 2px #0000000a,0 1px 8px -4px #0000000f;animation:__P__-bubble-in var(--__P__-dur-base) var(--__P__-ease)}.__P__-bubble ::selection{background:color-mix(in srgb,var(--__P__-accent) 30%,transparent)}.__P__-bubble-row[data-role=user] .__P__-bubble ::selection{background:#fff6;color:var(--__P__-bubble-user-text)}@keyframes __P__-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.__P__-bubble-row[data-role=user] .__P__-bubble{background:var(--__P__-bubble-user);color:var(--__P__-bubble-user-text);border-end-end-radius:5px}.__P__-bubble-row[data-role=assistant] .__P__-bubble{background:var(--__P__-bubble-assistant);color:var(--__P__-bubble-assistant-text);border-end-start-radius:5px}.__P__-bubble-col{display:flex;flex-direction:column;max-width:85%;min-width:0}.__P__-bubble-row[data-role=user] .__P__-bubble-col{align-items:flex-end}.__P__-bubble-row[data-role=assistant] .__P__-bubble-col{align-items:flex-start}.__P__-bubble-time{margin-top:3px;padding:0 4px;font-size:calc(11px * var(--__P__-text-scale));line-height:1;color:var(--__P__-fg-muted);user-select:none}.__P__-md>*:first-child{margin-top:0}.__P__-md>*:last-child{margin-bottom:0}.__P__-md p{margin:10px 0}.__P__-md h1,.__P__-md h2,.__P__-md h3,.__P__-md h4,.__P__-md h5,.__P__-md h6{margin:18px 0 8px;line-height:1.3;letter-spacing:-.01em;font-weight:700}.__P__-md h1{font-size:1.4em}.__P__-md h2{font-size:1.22em}.__P__-md h3{font-size:1.08em}.__P__-md h4,.__P__-md h5,.__P__-md h6{font-size:1em}.__P__-md>h1:first-child,.__P__-md>h2:first-child,.__P__-md>h3:first-child,.__P__-md>h4:first-child,.__P__-md>h5:first-child,.__P__-md>h6:first-child{margin-top:0}.__P__-md ul,.__P__-md ol{padding-inline-start:1.5em;margin:10px 0}.__P__-md ul{list-style:disc}.__P__-md ol{list-style:decimal}.__P__-md li{margin:6px 0;padding-inline-start:2px}.__P__-md li::marker{color:var(--__P__-fg-muted)}.__P__-md li>p{margin:6px 0}.__P__-md li>ul,.__P__-md li>ol{margin:6px 0}.__P__-md strong,.__P__-md b{font-weight:650;letter-spacing:-.005em}.__P__-md em,.__P__-md i{font-style:italic}.__P__-md code{font-family:var(--__P__-font-mono);font-size:.86em;padding:1px 6px;border-radius:5px;background:color-mix(in srgb,var(--__P__-accent) 10%,transparent);color:var(--__P__-fg);border:1px solid color-mix(in srgb,var(--__P__-accent) 16%,transparent)}.__P__-md pre{font-family:var(--__P__-font-mono);font-size:calc(12.5px * var(--__P__-text-scale));padding:12px 14px;border-radius:var(--__P__-radius-sm);background:#7f7f7f1f;overflow-x:auto;margin:var(--__P__-space-3) 0;line-height:1.5}.__P__-md pre code{padding:0;background:none}.__P__-md a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.__P__-md a:hover{text-decoration-thickness:2px}.__P__-md blockquote{margin:14px 0;padding:6px 14px;border-inline-start:3px solid color-mix(in srgb,var(--__P__-accent) 50%,transparent);background:color-mix(in srgb,var(--__P__-accent) 5%,transparent);border-start-end-radius:var(--__P__-radius-sm);border-end-end-radius:var(--__P__-radius-sm);color:var(--__P__-fg-muted)}.__P__-md blockquote>:first-child{margin-top:0}.__P__-md blockquote>:last-child{margin-bottom:0}.__P__-md hr{border:0;height:1px;background:color-mix(in srgb,currentColor 18%,transparent);margin:var(--__P__-space-4) 0}.__P__-md table{border-collapse:collapse;margin:var(--__P__-space-3) 0;font-size:.95em;display:block;overflow-x:auto;max-width:100%;font-variant-numeric:tabular-nums}.__P__-md th,.__P__-md td{padding:6px 10px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);text-align:start}.__P__-md th{font-weight:700;background:color-mix(in srgb,currentColor 6%,transparent)}.__P__-md h1+ul,.__P__-md h1+ol,.__P__-md h2+ul,.__P__-md h2+ol,.__P__-md h3+ul,.__P__-md h3+ol,.__P__-md h4+ul,.__P__-md h4+ol{margin-top:var(--__P__-space-1)}.__P__-loading{display:inline-flex;align-items:center;gap:var(--__P__-space-2);color:var(--__P__-fg-muted);font-size:var(--__P__-text-sm)}.__P__-loading-spinner{width:14px;height:14px;border-radius:999px;border:2px solid currentColor;border-top-color:transparent;animation:__P__-spin .8s linear infinite}@keyframes __P__-spin{to{transform:rotate(1turn)}}.__P__-typing{display:inline-flex;gap:var(--__P__-space-1);padding:var(--__P__-space-1) 0}.__P__-typing span{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.4;animation:__P__-blink 1.2s var(--__P__-ease) infinite}.__P__-typing span:nth-child(2){animation-delay:.2s}.__P__-typing span:nth-child(3){animation-delay:.4s}@keyframes __P__-blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.__P__-reasoning{margin:var(--__P__-space-1) 0 var(--__P__-space-2);padding-inline-start:var(--__P__-space-3);border-inline-start:2px solid var(--__P__-border-strong)}.__P__-reasoning-summary{display:inline-flex;align-items:center;gap:var(--__P__-space-1);cursor:pointer;list-style:none;user-select:none;color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);font-weight:600}.__P__-reasoning-summary:hover{color:var(--__P__-fg)}.__P__-reasoning-summary:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px;border-radius:var(--__P__-radius-sm)}.__P__-reasoning-summary::-webkit-details-marker{display:none}.__P__-reasoning-summary:before{content:"";width:5px;height:5px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.7;transition:transform var(--__P__-dur-quick) var(--__P__-ease)}.__P__-reasoning[open] .__P__-reasoning-summary:before{transform:rotate(45deg)}.__P__-reasoning[data-active=true] .__P__-reasoning-label{animation:__P__-reasoning-pulse 1.4s var(--__P__-ease) infinite}@keyframes __P__-reasoning-pulse{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.__P__-reasoning[data-active=true] .__P__-reasoning-label{animation:none}}.__P__-reasoning-body{margin-top:var(--__P__-space-1);color:var(--__P__-fg-muted);font-size:var(--__P__-text-sm)}.__P__-reasoning-body>:first-child{margin-top:0}.__P__-reasoning-body>:last-child{margin-bottom:0}.__P__-tool-call{margin-top:6px;border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-sm);background:var(--__P__-bg-elevated);font-size:var(--__P__-text-xs)}.__P__-tool-call-summary{display:flex;align-items:center;gap:6px;padding:var(--__P__-space-1) var(--__P__-space-2);cursor:pointer;list-style:none;color:var(--__P__-fg-muted)}.__P__-tool-call-summary::-webkit-details-marker{display:none}.__P__-tool-call-section{padding:0 var(--__P__-space-2) var(--__P__-space-2)}.__P__-tool-call-label{display:block;margin-bottom:4px;color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);text-transform:uppercase;letter-spacing:.04em}.__P__-tool-call-section[data-error=true] .__P__-tool-args{color:var(--__P__-danger, #c0392b)}.__P__-source{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:6px;margin-inline-end:6px;padding:var(--__P__-space-1) var(--__P__-space-2);border-radius:999px;background:var(--__P__-bg-elevated);border:1px solid var(--__P__-border);color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);text-decoration:none}a.__P__-source:hover{color:var(--__P__-fg);border-color:var(--__P__-accent)}.__P__-source-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-composer{border-top:1px solid var(--__P__-border);padding:10px 12px;background:var(--__P__-bg);display:flex;flex-direction:column;gap:var(--__P__-space-2)}.__P__-composer-row{display:flex;align-items:flex-end;gap:6px}.__P__-textarea{flex:1;height:40px;max-height:160px;padding:10px 12px;border-radius:var(--__P__-radius);background:var(--__P__-bg-elevated);border:1px solid transparent;font-size:calc(14px * var(--__P__-text-scale));line-height:1.4;transition:height var(--__P__-dur-quick) var(--__P__-ease),border-color var(--__P__-dur-quick) var(--__P__-ease),box-shadow var(--__P__-dur-quick) var(--__P__-ease)}.__P__-textarea:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:1px;border-color:var(--__P__-focus)}@media(pointer:coarse){.__P__-textarea,.__P__-home-search-input{font-size:max(16px,calc(16px * var(--__P__-text-scale)))}.__P__-textarea{height:44px}}.__P__-send{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:opacity var(--__P__-dur-quick) var(--__P__-ease),transform var(--__P__-dur-quick) var(--__P__-ease),background var(--__P__-dur-quick) var(--__P__-ease)}.__P__-send[data-shape=circle]{border-radius:999px}.__P__-send[data-shape=square]{border-radius:var(--__P__-radius-sm)}.__P__-send[data-shape=pill]{width:auto;padding:0 18px;border-radius:999px}.__P__-send[data-variant=filled]{background:var(--__P__-accent);color:var(--__P__-accent-text)}.__P__-send[data-variant=outline]{background:transparent;color:var(--__P__-accent);border-color:var(--__P__-accent)}.__P__-send[data-variant=outline]:not(:disabled):hover{background:color-mix(in srgb,var(--__P__-accent) 10%,transparent)}.__P__-send[data-variant=ghost]{background:transparent;color:var(--__P__-accent)}.__P__-send[data-variant=ghost]:not(:disabled):hover{background:color-mix(in srgb,var(--__P__-accent) 8%,transparent)}.__P__-send:disabled{opacity:.4;cursor:not-allowed}.__P__-send:not(:disabled):hover{transform:translateY(-1px)}.__P__-send:not(:disabled):active{transform:translateY(0)}.__P__-send:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-send svg{width:18px;height:18px}.__P__-composer-actions{display:flex;gap:var(--__P__-space-1);flex-wrap:wrap}.__P__-attachments{display:flex;flex-wrap:wrap;gap:6px}.__P__-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:var(--__P__-space-1) var(--__P__-space-2) var(--__P__-space-1) var(--__P__-space-1);border-radius:999px;background:var(--__P__-bg-elevated);border:1px solid var(--__P__-border);font-size:var(--__P__-text-xs);max-width:200px}.__P__-attachment-thumb{width:24px;height:24px;border-radius:999px;object-fit:cover;background:var(--__P__-border)}.__P__-attachment-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.__P__-attachment-remove{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--__P__-fg-muted)}.__P__-attachment-remove:hover{background:var(--__P__-border);color:var(--__P__-fg)}.__P__-dropzone{position:absolute;inset:8px;border:2px dashed var(--__P__-accent);border-radius:var(--__P__-radius);background:color-mix(in srgb,var(--__P__-accent) 8%,transparent);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--__P__-accent);pointer-events:none;z-index:10;animation:__P__-fade-in var(--__P__-dur-quick) var(--__P__-ease)}@keyframes __P__-fade-in{0%{opacity:0}to{opacity:1}}.__P__-error{margin-top:var(--__P__-space-1);padding:8px 10px;border-radius:var(--__P__-radius-sm);background:var(--__P__-danger-bg);color:var(--__P__-danger-text);font-size:var(--__P__-text-sm);display:flex;align-items:center;gap:var(--__P__-space-2)}.__P__-error button{color:inherit;text-decoration:underline;font-size:var(--__P__-text-sm)}.__P__-history{flex:1;overflow-y:auto;padding:var(--__P__-space-2) var(--__P__-space-1) var(--__P__-space-3)}.__P__-history-footer{flex:none;padding:var(--__P__-space-2) var(--__P__-space-3) var(--__P__-space-3);border-top:1px solid var(--__P__-border);background:var(--__P__-surface)}.__P__-history-new{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--__P__-space-2);padding:var(--__P__-space-2) var(--__P__-space-3);border:none;border-radius:var(--__P__-radius-md);background:var(--__P__-accent);color:var(--__P__-on-accent);cursor:pointer;font-size:var(--__P__-text-sm);font-weight:600;transition:filter var(--__P__-dur-quick) var(--__P__-ease-out),transform var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-history-new svg{width:16px;height:16px}.__P__-history-new:hover{filter:brightness(1.08)}.__P__-history-new:active{transform:translateY(1px)}.__P__-history-new:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-history-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px;color:var(--__P__-fg-muted);font-size:calc(14px * var(--__P__-text-scale));text-align:center}.__P__-history-group{display:flex;flex-direction:column;padding:0 var(--__P__-space-3)}.__P__-history-heading{font-size:var(--__P__-text-xs);font-weight:600;color:var(--__P__-fg-muted);padding:14px 4px 8px;text-transform:uppercase;letter-spacing:.04em}.__P__-history-card{display:flex;flex-direction:column;background:var(--__P__-surface);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-lg, 14px);overflow:hidden}.__P__-history-item{all:unset;display:flex;align-items:center;gap:var(--__P__-space-3);padding:12px var(--__P__-space-3);cursor:pointer;transition:background var(--__P__-dur-base) var(--__P__-ease)}.__P__-history-item+.__P__-history-item{border-top:1px solid var(--__P__-border)}.__P__-history-item:hover{background:var(--__P__-bg-elevated)}.__P__-history-item:focus-visible{background:var(--__P__-bg-elevated);outline:2px solid var(--__P__-focus);outline-offset:-2px}.__P__-history-avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in oklab,var(--__P__-accent) 12%,transparent);color:var(--__P__-accent)}.__P__-history-avatar svg{width:18px;height:18px}.__P__-history-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.__P__-history-row{display:flex;align-items:center;justify-content:space-between;gap:var(--__P__-space-2)}.__P__-history-title{flex:1;min-width:0;font-size:calc(14px * var(--__P__-text-scale));font-weight:500;color:var(--__P__-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-history-time{flex:none;font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted)}.__P__-history-preview{flex:1;min-width:0;font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-history-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--__P__-accent)}.__P__-history-item[data-unread=true] .__P__-history-title{font-weight:600}.__P__-history-item[data-closed=true] .__P__-history-title{color:var(--__P__-fg-muted)}.__P__-history-item-skeleton{cursor:default;pointer-events:none}.__P__-skeleton{display:block;border-radius:4px;background:linear-gradient(90deg,color-mix(in oklab,var(--__P__-fg) 9%,transparent) 30%,color-mix(in oklab,var(--__P__-fg) 17%,transparent),color-mix(in oklab,var(--__P__-fg) 9%,transparent) 70%);background-size:200% 100%;animation:__P__-skeleton-shimmer 1.8s ease-in-out infinite}.__P__-history-avatar.__P__-skeleton{border-radius:50%}.__P__-skeleton-heading{width:52px;height:8px}.__P__-skeleton-title{width:55%;height:12px}.__P__-skeleton-time{width:34px;height:10px}.__P__-skeleton-preview{width:80%;height:10px}@keyframes __P__-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.__P__-skeleton{animation:none}}.__P__-list-loading{margin:auto;padding:var(--__P__-space-6) var(--__P__-space-4);color:var(--__P__-fg-muted);font-size:var(--__P__-text-sm);text-align:center}.__P__-readonly-banner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px;margin:0 var(--__P__-space-3) var(--__P__-space-3);border-radius:var(--__P__-radius-md);background:var(--__P__-bg-elevated);color:var(--__P__-fg-muted);text-align:center;font-size:var(--__P__-text-sm)}.__P__-readonly-label{line-height:1.4}.__P__-readonly-cta{appearance:none;border:0;cursor:pointer;padding:var(--__P__-space-2) var(--__P__-space-4);border-radius:999px;background:var(--__P__-accent);color:var(--__P__-accent-text, #fff);font:inherit;font-weight:600;font-size:var(--__P__-text-sm);transition:filter var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-readonly-cta:hover,.__P__-readonly-cta:focus-visible{filter:brightness(1.1)}.__P__-readonly-cta:focus-visible{outline:2px solid var(--__P__-accent);outline-offset:2px}.__P__-composer-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 16px;margin:0 var(--__P__-space-3);border-top:1px solid var(--__P__-border);text-align:center;font-size:calc(11px * var(--__P__-text-scale));line-height:1.4;color:var(--__P__-fg-muted)}.__P__-disclaimer{max-width:320px;margin:0 auto;opacity:.9;letter-spacing:.01em}.__P__-poweredby{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:inherit;text-decoration:none;opacity:.7;transition:opacity var(--__P__-dur-base) var(--__P__-ease);font-size:calc(11px * var(--__P__-text-scale));letter-spacing:.02em}.__P__-poweredby:hover{opacity:1}.__P__-poweredby-logo{height:12px;width:auto;display:inline-block;vertical-align:middle}.__P__-poweredby-bar{flex:none;display:flex;align-items:center;justify-content:center;padding:6px 16px;border-top:1px solid var(--__P__-border);background:var(--__P__-bg-elevated)}.__P__-menu-wrap{position:relative;display:inline-flex}.__P__-menu{position:absolute;top:100%;inset-inline-end:0;margin-top:6px;min-width:200px;padding:6px;background:var(--__P__-bg);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);box-shadow:var(--__P__-shadow-panel);z-index:10;display:flex;flex-direction:column;gap:2px;animation:__P__-menu-in var(--__P__-dur-base) var(--__P__-ease)}@media(prefers-reduced-motion:reduce){.__P__-menu{animation:none}}@keyframes __P__-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top right}to{opacity:1;transform:none}}.__P__-menu-item{all:unset;display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:var(--__P__-text-sm);color:var(--__P__-fg);border-radius:var(--__P__-radius-sm);cursor:pointer;user-select:none}.__P__-menu-item:hover{background:var(--__P__-bg-elevated)}.__P__-menu-item:focus-visible{background:var(--__P__-bg-elevated);outline:2px solid var(--__P__-focus);outline-offset:-2px}.__P__-menu-item[disabled]{opacity:.45;cursor:not-allowed}.__P__-menu-icon{display:inline-flex;width:16px;height:16px;color:var(--__P__-fg-muted)}.__P__-menu-icon svg{width:16px;height:16px}.__P__-menu-label{flex:1}.__P__-menu-check{display:inline-flex;color:var(--__P__-accent)}.__P__-menu-check svg{width:14px;height:14px}.__P__-menu-item-segmented{cursor:default}.__P__-menu-item-segmented:hover{background:transparent}.__P__-segmented{display:inline-flex;gap:2px;padding:2px;background:var(--__P__-bg-elevated);border-radius:var(--__P__-radius-sm)}.__P__-segment{all:unset;min-width:26px;padding:3px 8px;font-size:var(--__P__-text-xs);font-weight:600;letter-spacing:.02em;text-align:center;color:var(--__P__-fg-muted);border-radius:calc(var(--__P__-radius-sm) - 2px);cursor:pointer;transition:color .12s ease,background .12s ease}.__P__-segment:hover{color:var(--__P__-fg)}.__P__-segment[data-on=true]{background:var(--__P__-bg);color:var(--__P__-accent);box-shadow:var(--__P__-shadow-card)}.__P__-segment:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:-2px}.__P__-resize-grip{position:absolute;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--__P__-fg-muted);opacity:.45;transition:opacity var(--__P__-dur-base) var(--__P__-ease);z-index:2;touch-action:none;user-select:none}.__P__-resize-grip:hover,.__P__-resize-grip:focus-visible{opacity:1}.__P__-resize-grip svg{width:10px;height:10px}.__P__-resize-grip--bottom-left{bottom:2px;left:2px;cursor:nesw-resize;transform:scaleX(-1)}.__P__-resize-grip--bottom-right{bottom:2px;right:2px;cursor:nwse-resize}.__P__-resize-grip--top-left{top:2px;left:2px;cursor:nwse-resize;transform:rotate(180deg)}.__P__-resize-grip--top-right{top:2px;right:2px;cursor:nesw-resize;transform:scaleY(-1)}:host(:not([data-mode="open"])) .__P__-resize-grip{display:none}.__P__-messenger{display:flex;flex-direction:column;overflow:hidden}.__P__-messenger-body,.__P__-messenger-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.__P__-messenger-pane[hidden]{display:none}@keyframes __P__-view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.__P__-module{display:flex;flex-direction:column;height:100%;min-height:0}@media(prefers-reduced-motion:no-preference){.__P__-module,.__P__-history{animation:__P__-view-in .18s var(--__P__-ease-out)}}.__P__-module-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--__P__-space-3);display:flex;flex-direction:column;gap:var(--__P__-space-3)}.__P__-home{container-type:inline-size;background:radial-gradient(125% 65% at 88% 0%,color-mix(in srgb,#fff 16%,transparent),transparent 55%),linear-gradient(180deg,var(--__P__-accent) 0%,var(--__P__-accent) 22%,color-mix(in srgb,var(--__P__-accent) 28%,var(--__P__-surface)) 44%,var(--__P__-surface) 70%);border-radius:var(--__P__-radius-lg) var(--__P__-radius-lg) 0 0}.__P__-home-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background:transparent}.__P__-home-cards{display:flex;flex-direction:column;gap:var(--__P__-space-3);padding:4px 14px 16px}.__P__-module-pad{padding:var(--__P__-space-3) var(--__P__-space-3) 0}.__P__-module-empty{display:flex;flex-direction:column;align-items:center;gap:var(--__P__-space-3);padding:var(--__P__-space-8) var(--__P__-space-4);text-align:center;color:var(--__P__-fg-muted);font-size:var(--__P__-text-base)}.__P__-module-retry{padding:var(--__P__-space-2) var(--__P__-space-4);border:1px solid var(--__P__-border-strong);border-radius:var(--__P__-radius-sm);color:var(--__P__-fg);font-weight:600;cursor:pointer;transition:background var(--__P__-dur-quick) var(--__P__-ease-out),border-color var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-module-retry:hover{background:var(--__P__-hover);border-color:var(--__P__-accent)}.__P__-module-retry:active{background:var(--__P__-border)}.__P__-module-retry:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-help-list{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--__P__-space-3)}.__P__-help-group{display:flex;flex-direction:column}.__P__-help-section-title{position:sticky;top:0;z-index:1;margin:0;padding:var(--__P__-space-3) var(--__P__-space-5) var(--__P__-space-2);font-size:var(--__P__-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--__P__-fg-muted);background:var(--__P__-bg)}.__P__-help-card{margin:0 var(--__P__-space-3) var(--__P__-space-3);background:var(--__P__-surface);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius);overflow:hidden}.__P__-help-card .__P__-list-row{border-bottom:0;border-radius:0}.__P__-help-card .__P__-list-row+.__P__-list-row{border-top:1px solid var(--__P__-border)}.__P__-module-cta{padding:var(--__P__-space-3);border-top:1px solid var(--__P__-border)}.__P__-tabbar{display:flex;border-top:1px solid var(--__P__-border);background:var(--__P__-bg-elevated);flex-shrink:0}.__P__-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--__P__-space-1);min-height:48px;padding:var(--__P__-space-2) var(--__P__-space-1);color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);font-weight:600;transition:color var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-tab:hover{color:var(--__P__-fg)}.__P__-tab[aria-selected=true]{color:var(--__P__-accent)}.__P__-tab:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:-2px}.__P__-tab:active{background:var(--__P__-hover)}.__P__-tab-icon{position:relative;display:inline-flex}.__P__-tab-icon svg{width:22px;height:22px}.__P__-tab-badge{position:absolute;top:-4px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--__P__-accent);color:var(--__P__-on-accent);font-size:calc(10px * var(--__P__-text-scale));font-weight:600;line-height:1}.__P__-home-hero{flex-shrink:0;padding:var(--__P__-space-5) var(--__P__-space-5) var(--__P__-space-3);color:var(--__P__-on-accent);--__P__-focus: var(--__P__-on-accent)}.__P__-home-hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--__P__-space-3);min-height:32px}.__P__-home-brand{font-size:clamp(calc(12px * var(--__P__-text-scale)),calc(3.2cqi * var(--__P__-text-scale)),calc(14px * var(--__P__-text-scale)));font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,#fff 82%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.__P__-home-brand-spacer{flex:1}.__P__-home-hero-actions{display:flex;align-items:center;gap:var(--__P__-space-2);flex-shrink:0}.__P__-home-hero-actions .__P__-icon-btn{color:#fff}.__P__-home-hero-actions .__P__-icon-btn:hover{background:color-mix(in srgb,#fff 18%,transparent);color:#fff}.__P__-home-hero-actions .__P__-icon-btn:active{background:color-mix(in srgb,#fff 26%,transparent)}.__P__-home-greeting{margin:28px 0 0;font-family:var(--__P__-font-display);font-size:clamp(calc(19px * var(--__P__-text-scale)),calc(5.5cqi * var(--__P__-text-scale)),var(--__P__-text-2xl));font-weight:800;line-height:1.18;letter-spacing:-.01em;overflow-wrap:anywhere}.__P__-home-lead{margin:10px 0 0;font-family:var(--__P__-font-display);font-size:clamp(calc(15px * var(--__P__-text-scale)),calc(4.2cqi * var(--__P__-text-scale)),var(--__P__-text-xl));font-weight:600;line-height:1.25;letter-spacing:-.005em;color:color-mix(in srgb,var(--__P__-on-accent) 78%,transparent);overflow-wrap:anywhere}.__P__-home-avatars{display:flex}.__P__-home-avatar{width:30px;height:30px;border-radius:999px;overflow:hidden;margin-inline-start:-10px;border:2px solid color-mix(in srgb,#fff 92%,transparent);box-shadow:0 1px 3px #0000002e;background:var(--__P__-surface);display:inline-flex;align-items:center;justify-content:center;font-size:var(--__P__-text-xs);font-weight:700;color:var(--__P__-fg)}.__P__-home-avatar:first-child{margin-inline-start:0}.__P__-home-avatar img{width:100%;height:100%;object-fit:cover}.__P__-home-content{background:var(--__P__-surface);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius);box-shadow:var(--__P__-shadow-card);overflow:hidden}.__P__-home-content-title{padding:var(--__P__-space-4) var(--__P__-space-4) var(--__P__-space-3);font-size:var(--__P__-text-sm);font-weight:700}.__P__-home-content-list{display:flex;flex-direction:column;padding:0 var(--__P__-space-2) var(--__P__-space-2)}.__P__-home-content-list .__P__-list-row+.__P__-list-row{border-top:1px solid var(--__P__-border)}.__P__-home-card{display:block;width:100%;text-align:start;background:var(--__P__-surface);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius);padding:var(--__P__-space-4);box-shadow:var(--__P__-shadow-card)}.__P__-home-card[data-interactive=true]{cursor:pointer;transition:background var(--__P__-dur-quick) var(--__P__-ease-out),transform var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-home-card[data-interactive=true]:hover{background:var(--__P__-bg-elevated)}.__P__-home-card[data-interactive=true]:active{transform:translateY(1px)}.__P__-home-card[data-interactive=true]:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-home-recent-row{display:flex;align-items:center;gap:var(--__P__-space-3)}.__P__-home-recent-avatar{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:999px;background:color-mix(in oklch,var(--__P__-accent) 14%,transparent);color:var(--__P__-accent)}.__P__-home-recent-avatar svg{width:20px;height:20px}.__P__-home-recent-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.__P__-home-recent-title{font-weight:600;font-size:calc(14px * var(--__P__-text-scale))}.__P__-home-recent-preview{color:var(--__P__-fg-muted);font-size:var(--__P__-text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.__P__-home-recent-at{color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);flex-shrink:0}.__P__-home-recent-dot{width:8px;height:8px;border-radius:999px;background:var(--__P__-accent);flex-shrink:0}.__P__-home-recent-row[data-unread=true] .__P__-home-recent-title{font-weight:700}.__P__-home-status{display:flex;align-items:center;gap:var(--__P__-space-3)}.__P__-home-status-icon svg{width:22px;height:22px;color:var(--__P__-success)}.__P__-home-status[data-level=degraded] .__P__-home-status-icon svg{color:var(--__P__-warning)}.__P__-home-status[data-level=down] .__P__-home-status-icon svg{color:var(--__P__-danger)}.__P__-home-status-text{font-weight:600;font-size:calc(14px * var(--__P__-text-scale))}.__P__-home-search{display:flex;align-items:center;gap:var(--__P__-space-2);width:100%;padding:var(--__P__-space-3) var(--__P__-space-4);border-radius:var(--__P__-radius);border:1px solid var(--__P__-border);background:var(--__P__-surface);text-align:start}.__P__-home-search[data-input=true]{background:var(--__P__-bg-elevated)}.__P__-home-search:hover{border-color:var(--__P__-border-strong)}.__P__-home-search:focus-visible,.__P__-home-search:focus-within{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-home-search-text{flex:1;color:var(--__P__-fg-muted);font-size:calc(14px * var(--__P__-text-scale))}.__P__-home-search-input{flex:1;border:0;background:transparent;font-size:calc(14px * var(--__P__-text-scale));color:var(--__P__-fg);outline:none}.__P__-home-search-icon svg{width:18px;height:18px;color:var(--__P__-accent)}.__P__-list-row{display:flex;align-items:center;gap:var(--__P__-space-3);width:100%;min-height:44px;text-align:start;padding:var(--__P__-space-3) var(--__P__-space-2);border-radius:var(--__P__-radius-sm)}.__P__-list-row:hover{background:var(--__P__-hover)}.__P__-list-row:active{background:var(--__P__-border)}.__P__-list-row:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:-2px}.__P__-list-row-body{display:flex;flex-direction:column;min-width:0;flex:1}.__P__-list-row-title{font-weight:600;font-size:var(--__P__-text-md);line-height:1.35}.__P__-list-row-sub{color:var(--__P__-fg-muted);font-size:var(--__P__-text-sm);margin-top:var(--__P__-space-1);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.__P__-list-row-chevron svg{width:18px;height:18px;color:var(--__P__-accent);flex-shrink:0}.__P__-back-header{display:flex;align-items:center;gap:var(--__P__-space-2);padding:10px 12px;border-bottom:1px solid var(--__P__-border);flex-shrink:0}.__P__-back-title{flex:1;text-align:center;font-size:var(--__P__-text-md);font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-back-spacer{width:32px;height:1px}.__P__-content{display:flex;flex-direction:column;gap:14px;width:100%;max-width:68ch;margin:0 auto}.__P__-content-hero{width:100%;border-radius:var(--__P__-radius)}.__P__-content-subtitle{color:var(--__P__-fg-muted);margin:0}.__P__-content-frame{flex:1;min-height:0;width:100%;border:0;background:#fff}.__P__-news-list{display:flex;flex-direction:column;gap:var(--__P__-space-3)}.__P__-news-card{display:block;width:100%;text-align:start;border:1px solid var(--__P__-border);border-radius:var(--__P__-radius);overflow:hidden;background:var(--__P__-surface)}.__P__-news-card{transition:background var(--__P__-dur-quick) var(--__P__-ease-out),transform var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-news-card:hover{background:var(--__P__-bg-elevated)}.__P__-news-card:active{transform:translateY(1px)}.__P__-news-card:focus-visible{outline:2px solid var(--__P__-focus);outline-offset:2px}.__P__-news-hero{width:100%;display:block}.__P__-news-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.__P__-news-title{font-weight:700;font-size:var(--__P__-text-md)}.__P__-news-summary{color:var(--__P__-fg-muted);font-size:calc(14px * var(--__P__-text-scale));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.__P__-modules-empty{display:flex;align-items:center;justify-content:center;position:relative}.__P__-modules-empty-close{position:absolute;top:12px;inset-inline-end:12px}.__P__-modules-empty-text{color:var(--__P__-fg-muted);font-size:var(--__P__-text-base)}.__P__-form{display:flex;flex-direction:column;gap:var(--__P__-space-4)}.__P__-field{display:flex;flex-direction:column;gap:6px}.__P__-field-label{font-size:var(--__P__-text-sm);font-weight:600;color:var(--__P__-fg)}.__P__-field-req{color:var(--__P__-danger)}.__P__-field-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:10px var(--__P__-space-3);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:var(--__P__-bg);color:var(--__P__-fg);font:inherit;font-size:var(--__P__-text-sm);resize:vertical;transition:border-color var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-field-input:focus-visible{outline:none;border-color:var(--__P__-accent)}.__P__-field[data-invalid=true] .__P__-field-input{border-color:var(--__P__-danger)}.__P__-field-input[type=date],.__P__-field-input[type=time]{appearance:none;-webkit-appearance:none}@media(pointer:coarse){.__P__-field-input{font-size:max(16px,calc(16px * var(--__P__-text-scale)))}}.__P__-field-hint{font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted)}.__P__-field-error{font-size:var(--__P__-text-xs);color:var(--__P__-danger)}.__P__-field-choices{display:flex;flex-direction:column;gap:10px;padding-top:2px}.__P__-choice{display:flex;align-items:flex-start;gap:10px;font-size:var(--__P__-text-sm);color:var(--__P__-fg);cursor:pointer}.__P__-choice input{margin-top:2px;accent-color:var(--__P__-accent)}.__P__-form-actions{display:flex;justify-content:flex-end;gap:var(--__P__-space-2);margin-top:var(--__P__-space-2)}.__P__-form-submit,.__P__-tool-approve{padding:var(--__P__-space-2) var(--__P__-space-4);border:none;border-radius:var(--__P__-radius-md);background:var(--__P__-accent);color:var(--__P__-accent-text, #fff);font:inherit;font-weight:600;font-size:var(--__P__-text-sm);cursor:pointer;transition:filter var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-form-submit:hover:not(:disabled),.__P__-tool-approve:hover:not(:disabled){filter:brightness(1.06)}.__P__-form-submit:disabled{opacity:.6;cursor:default}.__P__-form-skip,.__P__-tool-reject{padding:var(--__P__-space-2) var(--__P__-space-4);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:transparent;color:var(--__P__-fg-muted);font:inherit;font-size:var(--__P__-text-sm);cursor:pointer;transition:background var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-form-skip:hover:not(:disabled),.__P__-tool-reject:hover:not(:disabled){background:var(--__P__-bg-elevated)}.__P__-form-gate{display:flex;flex-direction:column;gap:var(--__P__-space-3);padding:var(--__P__-space-4);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:var(--__P__-bg-elevated)}.__P__-form-gate-title{margin:0;font-size:var(--__P__-text-base);font-weight:700;color:var(--__P__-fg)}.__P__-form-gate-desc{margin:0 0 var(--__P__-space-1);font-size:var(--__P__-text-sm);color:var(--__P__-fg-muted)}.__P__-form-done{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:1px dashed var(--__P__-border);border-radius:999px;align-self:center;font-size:var(--__P__-text-xs);font-weight:600;color:var(--__P__-fg-muted)}.__P__-form-done svg{width:14px;height:14px;color:var(--__P__-success, #22c55e)}.__P__-form-done[data-outcome=skipped] svg{color:var(--__P__-fg-muted)}.__P__-form-done-fill{border:0;background:none;padding:0 2px;cursor:pointer;font:inherit;font-weight:600;color:var(--__P__-accent)}.__P__-form-done-fill:hover{text-decoration:underline}details.__P__-form-done{display:block;padding:0;border-radius:var(--__P__-radius-md)}details[open].__P__-form-done{width:min(100%,420px);background:var(--__P__-surface)}.__P__-form-done-summary{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;cursor:pointer;list-style:none}.__P__-form-done-summary::-webkit-details-marker{display:none}.__P__-form-done-summary>svg:last-child{color:var(--__P__-fg-muted);transition:transform .15s var(--__P__-ease)}details[open]>.__P__-form-done-summary>svg:last-child{transform:rotate(90deg)}.__P__-form-answers{margin:0;padding:var(--__P__-space-2) var(--__P__-space-3) var(--__P__-space-3);display:grid;gap:var(--__P__-space-3);text-align:start}.__P__-form-answer{display:grid;gap:6px}.__P__-form-answer dt{font-size:var(--__P__-text-sm);font-weight:600;color:var(--__P__-fg)}.__P__-form-answer dd{margin:0;padding:10px var(--__P__-space-3);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:var(--__P__-bg);font-size:var(--__P__-text-sm);font-weight:400;color:var(--__P__-fg);overflow-wrap:anywhere}.__P__-tool-ask-input,.__P__-tool-approval{display:flex;flex-direction:column;gap:var(--__P__-space-2);margin-top:6px;padding:var(--__P__-space-3);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:var(--__P__-bg-elevated)}.__P__-tool-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.__P__-tool-badge{padding:2px 8px;border-radius:999px;background:var(--__P__-warning, #f59e0b);color:#1a1206;font-size:var(--__P__-text-xs);font-weight:600}.__P__-tool-title{font-size:var(--__P__-text-sm);color:var(--__P__-fg)}.__P__-tool-question{margin:0;font-size:var(--__P__-text-sm);font-weight:600;color:var(--__P__-fg)}.__P__-tool-desc{margin:0;font-size:var(--__P__-text-sm);color:var(--__P__-fg-muted)}.__P__-tool-args{margin:0;padding:var(--__P__-space-2);max-height:160px;overflow:auto;border-radius:var(--__P__-radius-sm);background:var(--__P__-bg);border:1px solid var(--__P__-border);color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);white-space:pre-wrap;word-break:break-word}.__P__-tool-stale-note{margin:0;font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted)}.__P__-tool-decided{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.__P__-tool-decided-label{padding:2px 8px;border-radius:999px;background:var(--__P__-bg);border:1px solid var(--__P__-border);color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);font-weight:600}.__P__-tool-decided-label[data-approved=true]{color:var(--__P__-success, #16a34a);border-color:var(--__P__-success, #16a34a)}.__P__-tool-decided-label[data-approved=false]{color:var(--__P__-danger);border-color:var(--__P__-danger)}.__P__-tool-decided-value{font-size:var(--__P__-text-sm);color:var(--__P__-fg)}:host([dir="rtl"]) .__P__-icon-dir{transform:scaleX(-1)}:host([dir="rtl"]) .__P__-field-input[type=date],:host([dir="rtl"]) .__P__-field-input[type=time]{position:relative;text-align:right;padding-left:34px}:host([dir="rtl"]) .__P__-field-input[type=date]::-webkit-datetime-edit,:host([dir="rtl"]) .__P__-field-input[type=time]::-webkit-datetime-edit{text-align:right}:host([dir="rtl"]) .__P__-field-input[type=date]::-webkit-calendar-picker-indicator,:host([dir="rtl"]) .__P__-field-input[type=time]::-webkit-calendar-picker-indicator{position:absolute;left:var(--__P__-space-3);margin:0}\n';
 
 // src/styles/standalone.css
 var standalone_default = ".__P__-standalone-page{margin:0;height:100vh;background:var(--__P__-bg, #fff);display:grid;place-items:stretch}\n";
@@ -1308,22 +1326,22 @@ function attachAdoptedSheet(shadow, doc) {
   }
 }
 function applyThemeOverrides(host, overrides) {
-  const p33 = BRAND.cssPrefix;
-  if (overrides.accent) host.style.setProperty(`--${p33}-accent-user`, overrides.accent);
-  if (overrides.accentText) host.style.setProperty(`--${p33}-accent-text-user`, overrides.accentText);
-  if (overrides.radius) host.style.setProperty(`--${p33}-radius`, overrides.radius);
-  if (overrides.fontFamily) host.style.setProperty(`--${p33}-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 p33 = BRAND.cssPrefix;
-  if (size.width !== void 0) host.style.setProperty(`--${p33}-panel-w`, size.width);
-  if (size.height !== void 0) host.style.setProperty(`--${p33}-panel-h`, size.height);
-  if (size.expanded?.width !== void 0) host.style.setProperty(`--${p33}-expanded-w`, size.expanded.width);
-  if (size.expanded?.height !== void 0) host.style.setProperty(`--${p33}-expanded-h`, size.expanded.height);
-  if (size.inset !== void 0) host.style.setProperty(`--${p33}-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;
@@ -1343,7 +1361,7 @@ import { h, render as renderPreact } from "preact";
 
 // src/ui/app.tsx
 import { useCallback as useCallback6, useEffect as useEffect16, useMemo as useMemo3, useRef as useRef9, useState as useState13 } from "preact/hooks";
-import { batch, useComputed as useComputed7, useSignal as useSignal2 } from "@preact/signals";
+import { batch, useComputed as useComputed8, useSignal as useSignal2 } from "@preact/signals";
 
 // src/core/handshake-shape.ts
 function isPlainObject2(raw) {
@@ -1427,7 +1445,7 @@ function createAuth(opts) {
 }
 
 // src/core/version.ts
-var ELEMENTS_VERSION = true ? "0.44.2" : "0.0.0-dev";
+var ELEMENTS_VERSION = true ? "0.45.0" : "0.0.0-dev";
 var ELEMENTS_VERSION_PARAM = "_ev";
 
 // src/stream/types.ts
@@ -1512,11 +1530,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 p33 = nonEmpty(page);
-  if (!u && !p33) return void 0;
+  const p35 = nonEmpty(page);
+  if (!u && !p35) return void 0;
   const envelope = {};
   if (u) envelope.user = u;
-  if (p33) envelope.page = p33;
+  if (p35) envelope.page = p35;
   return toBase64Url(JSON.stringify(envelope));
 }
 
@@ -1526,6 +1544,13 @@ function parseWireDate(value) {
   const ms = Date.parse(value);
   return Number.isFinite(ms) ? ms : void 0;
 }
+function toolPartType(toolName) {
+  const bare = toolName.startsWith("tool:") ? toolName.slice(5) : toolName;
+  return `tool-${bare}`;
+}
+function toolNameFromType(type) {
+  return type.startsWith("tool-") ? type.slice(5) : type;
+}
 var DEFAULT_PATHS = {
   /** Conversation bootstrap. `POST` → deployment config + per-visitor state. */
   handshake: "/pai/handshake",
@@ -1607,8 +1632,8 @@ function buildSendMessageRequest(params) {
   if (Object.keys(data).length > 0) body.data = data;
   return body;
 }
-function isResolvedToolPart(p33) {
-  return p33.state === "output" || p33.state === "error" || p33.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;
@@ -1616,24 +1641,23 @@ function normalizeToolRef(ref) {
 }
 function messageToWireParts(m) {
   const out = [];
-  for (const p33 of m.parts) {
-    if (p33.kind === "text" && p33.text) {
-      out.push({ text: p33.text, type: "text" });
+  for (const p35 of m.parts) {
+    if (p35.kind === "text" && p35.text) {
+      out.push({ text: p35.text, type: "text" });
     }
-    if (p33.kind === "file" && p33.url) {
-      out.push({ mediaType: p33.mediaType, type: "file", url: p33.url });
+    if (p35.kind === "file" && p35.url) {
+      out.push({ mediaType: p35.mediaType, type: "file", url: p35.url });
     }
-    if (p33.kind === "tool" && isResolvedToolPart(p33)) {
+    if (p35.kind === "tool" && isResolvedToolPart(p35)) {
       const part = {
-        type: "tool",
-        toolCallId: p33.toolCallId,
-        toolName: p33.toolName,
-        state: p33.state
+        type: toolPartType(p35.toolName),
+        toolCallId: p35.toolCallId,
+        state: p35.state
       };
-      if (p33.input !== void 0) part.input = p33.input;
-      if (p33.output !== void 0) part.output = p33.output;
-      if (p33.error !== void 0) part.errorText = p33.error;
-      if (p33.approval && p33.approval.approved !== void 0) part.approval = p33.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);
     }
   }
@@ -2330,11 +2354,23 @@ function fromWireMessage(w) {
     if (part.type === "file") {
       return { kind: "file", url: part.url, mediaType: part.mediaType };
     }
-    if (part.type === "tool") {
+    if (part.type === "source-url") {
+      return { kind: "source", sourceId: part.sourceId, url: part.url, title: part.title };
+    }
+    if (part.type === "source-document") {
+      return {
+        kind: "source",
+        sourceId: part.sourceId,
+        title: part.title,
+        filename: part.filename,
+        mediaType: part.mediaType
+      };
+    }
+    if (part.type.startsWith("tool-")) {
       return {
         kind: "tool",
         toolCallId: part.toolCallId,
-        toolName: part.toolName,
+        toolName: toolNameFromType(part.type),
         inputPartialSig: signal(""),
         inputSig: signal(part.input),
         outputSig: signal(part.output),
@@ -2344,7 +2380,7 @@ function fromWireMessage(w) {
       };
     }
     return null;
-  }).filter((p33) => p33 !== null);
+  }).filter((p35) => p35 !== null);
   return {
     id: w.id,
     role: w.role,
@@ -2374,61 +2410,47 @@ function assistantText(m) {
   }
   return out;
 }
-function partToReactive(p33) {
-  if (p33.kind === "text" || p33.kind === "reasoning") {
-    return { kind: p33.kind, id: p33.id, textSig: signal(p33.text), doneSig: signal(p33.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 (p33.kind === "tool") {
+  if (p35.kind === "tool") {
     return {
       kind: "tool",
-      toolCallId: p33.toolCallId,
-      toolName: p33.toolName,
-      inputPartialSig: signal(p33.inputPartial),
-      inputSig: signal(p33.input),
-      outputSig: signal(p33.output),
-      errorSig: signal(p33.error),
-      stateSig: signal(p33.state),
-      approvalSig: signal(p33.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 p33;
+  return p35;
 }
-function partFromReactive(p33) {
-  if (p33.kind === "text" || p33.kind === "reasoning") {
-    return { kind: p33.kind, id: p33.id, text: p33.textSig.value, done: p33.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 (p33.kind === "tool") {
+  if (p35.kind === "tool") {
     return {
       kind: "tool",
-      toolCallId: p33.toolCallId,
-      toolName: p33.toolName,
-      inputPartial: p33.inputPartialSig.value,
-      input: p33.inputSig.value,
-      output: p33.outputSig.value,
-      error: p33.errorSig.value,
-      state: p33.stateSig.value,
-      approval: p33.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 p33;
+  return p35;
 }
 
 // src/stream/reducer.ts
 import { signal as signal2 } from "@preact/signals";
-
-// src/stream/constants.ts
-function isAskUserInputTool(toolName) {
-  if (!toolName) return false;
-  const name = toolName.startsWith("tool:") ? toolName.slice(5) : toolName;
-  return name === "ask-user-input" || name === "ask_user_input" || name === "request-user-input" || name === "request_user_input";
-}
-var TRIGGER = {
-  submitMessage: "submit-message",
-  toolResult: "tool-result",
-  toolApproval: "tool-approval"
-};
-
-// src/stream/reducer.ts
 var log6 = logger.scope("reducer");
 var StreamReducer = class {
   constructor(messagesSig) {
@@ -2466,8 +2488,8 @@ var StreamReducer = class {
         ensureTextPart(m, "text", chunk.id);
         return;
       case "text-delta": {
-        const p33 = ensureTextPart(m, "text", chunk.id);
-        p33.textSig.value += chunk.delta;
+        const p35 = ensureTextPart(m, "text", chunk.id);
+        p35.textSig.value += chunk.delta;
         return;
       }
       case "text-end":
@@ -2477,8 +2499,8 @@ var StreamReducer = class {
         ensureTextPart(m, "reasoning", chunk.id).doneSig.value = false;
         return;
       case "reasoning-delta": {
-        const p33 = ensureTextPart(m, "reasoning", chunk.id);
-        p33.textSig.value += chunk.delta;
+        const p35 = ensureTextPart(m, "reasoning", chunk.id);
+        p35.textSig.value += chunk.delta;
         return;
       }
       case "reasoning-end":
@@ -2489,18 +2511,25 @@ var StreamReducer = class {
       case "tool-input-available":
       case "tool-output-available":
       case "tool-output-error":
+      case "tool-output-denied":
       case "tool-approval-request":
         applyTool(m, chunk);
         return;
       case "file":
         appendPart(m, { kind: "file", url: chunk.url, mediaType: chunk.mediaType });
         return;
-      case "source-url": {
-        const parts = m.partsSig.value;
-        if (parts.some((p33) => p33.kind === "source" && p33.sourceId === chunk.sourceId)) return;
-        appendPart(m, { kind: "source", sourceId: chunk.sourceId, url: chunk.url, title: chunk.title });
+      case "source-url":
+        appendSource(m, { kind: "source", sourceId: chunk.sourceId, url: chunk.url, title: chunk.title });
+        return;
+      case "source-document":
+        appendSource(m, {
+          kind: "source",
+          sourceId: chunk.sourceId,
+          title: chunk.title,
+          filename: chunk.filename,
+          mediaType: chunk.mediaType
+        });
         return;
-      }
       case "data-notification":
         return;
       default: {
@@ -2521,14 +2550,14 @@ var StreamReducer = class {
   }
 };
 function ensureTextPart(m, kind, id) {
-  const existing = m.partsSig.value.find((p33) => p33.kind === kind && p33.id === id);
+  const existing = m.partsSig.value.find((p35) => p35.kind === kind && p35.id === id);
   if (existing) return existing;
   const part = { kind, id, textSig: signal2(""), doneSig: signal2(false) };
   appendPart(m, part);
   return part;
 }
 function ensureToolPart(m, toolCallId, toolName) {
-  const existing = m.partsSig.value.find((p33) => p33.kind === "tool" && p33.toolCallId === toolCallId);
+  const existing = m.partsSig.value.find((p35) => p35.kind === "tool" && p35.toolCallId === toolCallId);
   if (existing) return existing;
   const part = {
     kind: "tool",
@@ -2538,7 +2567,7 @@ function ensureToolPart(m, toolCallId, toolName) {
     inputSig: signal2(void 0),
     outputSig: signal2(void 0),
     errorSig: signal2(void 0),
-    stateSig: signal2("input"),
+    stateSig: signal2("input-streaming"),
     approvalSig: signal2(void 0)
   };
   appendPart(m, part);
@@ -2547,38 +2576,47 @@ function ensureToolPart(m, toolCallId, toolName) {
 function appendPart(m, part) {
   m.partsSig.value = [...m.partsSig.value, part];
 }
+function appendSource(m, source) {
+  if (m.partsSig.value.some((p35) => p35.kind === "source" && p35.sourceId === source.sourceId)) return;
+  appendPart(m, source);
+}
 function applyTool(m, chunk) {
   switch (chunk.type) {
     case "tool-input-start":
       ensureToolPart(m, chunk.toolCallId, chunk.toolName);
       return;
     case "tool-input-delta": {
-      const p33 = ensureToolPart(m, chunk.toolCallId);
-      p33.inputPartialSig.value += chunk.delta;
+      const p35 = ensureToolPart(m, chunk.toolCallId);
+      p35.inputPartialSig.value += chunk.inputTextDelta;
       return;
     }
     case "tool-input-available": {
-      const p33 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
-      p33.inputSig.value = chunk.input;
-      p33.stateSig.value = isAskUserInputTool(p33.toolName) ? "awaiting-input" : "awaiting";
+      const p35 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
+      p35.inputSig.value = chunk.input;
+      p35.stateSig.value = "input-available";
       return;
     }
     case "tool-approval-request": {
-      const p33 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
-      p33.approvalSig.value = { id: chunk.approvalId };
-      p33.stateSig.value = "awaiting-approval";
+      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 p33 = ensureToolPart(m, chunk.toolCallId);
-      p33.outputSig.value = chunk.output;
-      p33.stateSig.value = "output";
+      const p35 = ensureToolPart(m, chunk.toolCallId);
+      p35.outputSig.value = chunk.output;
+      p35.stateSig.value = "output-available";
       return;
     }
     case "tool-output-error": {
-      const p33 = ensureToolPart(m, chunk.toolCallId);
-      p33.errorSig.value = chunk.errorText;
-      p33.stateSig.value = "error";
+      const p35 = ensureToolPart(m, chunk.toolCallId);
+      p35.errorSig.value = chunk.errorText;
+      p35.stateSig.value = "output-error";
+      return;
+    }
+    case "tool-output-denied": {
+      const p35 = ensureToolPart(m, chunk.toolCallId);
+      p35.stateSig.value = "output-denied";
       return;
     }
     default:
@@ -2586,6 +2624,18 @@ function applyTool(m, chunk) {
   }
 }
 
+// src/stream/constants.ts
+function isAskUserInputTool(toolName) {
+  if (!toolName) return false;
+  const name = toolName.startsWith("tool:") ? toolName.slice(5) : toolName;
+  return name === "ask-user-input" || name === "ask_user_input" || name === "request-user-input" || name === "request_user_input";
+}
+var TRIGGER = {
+  submitMessage: "submit-message",
+  toolResult: "tool-result",
+  toolApproval: "tool-approval"
+};
+
 // src/core/feedback/index.ts
 import { signal as signal3 } from "@preact/signals";
 
@@ -3160,7 +3210,11 @@ var TID = {
   /** Tool-approval reject button. */
   toolReject: `${p2}-tool-reject`,
   /** Recorded tool decision summary (after approve/reject/submit). */
-  toolDecision: `${p2}-tool-decision`
+  toolDecision: `${p2}-tool-decision`,
+  /** Automatic (non-interactive) tool-call disclosure — shown only when `showToolCalls`. */
+  toolCall: `${p2}-tool-call`,
+  /** A citation source (web link or document reference) — shown only when `showSources`. */
+  source: `${p2}-source`
 };
 function tid(base, suffix) {
   return `${base}-${suffix}`;
@@ -3271,24 +3325,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 p33 = BRAND.cssPrefix;
+  const p35 = BRAND.cssPrefix;
   const dragRef = useRef(null);
   useEffect2(() => {
     if (!panelEl) return;
     const style = panelEl.style;
-    if (resize.minWidth) style.setProperty(`--${p33}-resize-min-w`, resize.minWidth);
-    if (resize.maxWidth) style.setProperty(`--${p33}-resize-max-w`, resize.maxWidth);
-    if (resize.minHeight) style.setProperty(`--${p33}-resize-min-h`, resize.minHeight);
-    if (resize.maxHeight) style.setProperty(`--${p33}-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(`--${p33}-widget-w`, `${initialSize.width}px`);
-      style.setProperty(`--${p33}-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, p33, 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 = `${p33}-resize-grip ${p33}-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;
@@ -3313,8 +3367,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(`--${p33}-widget-w`, `${d.startW + dx}px`);
-    panelEl.style.setProperty(`--${p33}-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;
@@ -4051,7 +4105,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 p33 = BRAND.cssPrefix;
+  const p35 = BRAND.cssPrefix;
   const menu = usePopoverMenu({ itemCount: items.length });
   const handleSelect = (item) => {
     if (item.disabled) return;
@@ -4074,13 +4128,13 @@ function OverflowMenu({ items, triggerLabel }) {
     e.stopPropagation();
     pickSegment(item, segs[next].value);
   };
-  return /* @__PURE__ */ jsxs6("div", { class: `${p33}-menu-wrap`, children: [
+  return /* @__PURE__ */ jsxs6("div", { class: `${p35}-menu-wrap`, children: [
     /* @__PURE__ */ jsx8(
       "button",
       {
         ref: menu.triggerRef,
         type: "button",
-        class: `${p33}-icon-btn`,
+        class: `${p35}-icon-btn`,
         "aria-label": triggerLabel,
         "aria-haspopup": "menu",
         "aria-expanded": menu.open,
@@ -4094,7 +4148,7 @@ function OverflowMenu({ items, triggerLabel }) {
       "div",
       {
         ref: menu.menuRef,
-        class: `${p33}-menu`,
+        class: `${p35}-menu`,
         role: "menu",
         "aria-label": triggerLabel,
         onKeyDown: menu.onMenuKey,
@@ -4104,14 +4158,14 @@ function OverflowMenu({ items, triggerLabel }) {
             "div",
             {
               role: "menuitem",
-              class: `${p33}-menu-item ${p33}-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: `${p33}-menu-icon`, children: item.icon }) : null,
-                /* @__PURE__ */ jsx8("span", { class: `${p33}-menu-label`, children: item.label }),
-                /* @__PURE__ */ jsx8("span", { class: `${p33}-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",
@@ -4119,7 +4173,7 @@ function OverflowMenu({ items, triggerLabel }) {
                       type: "button",
                       role: "menuitemradio",
                       "aria-checked": active,
-                      class: `${p33}-segment`,
+                      class: `${p35}-segment`,
                       "data-on": active ? "true" : void 0,
                       lang: seg.lang,
                       title: seg.value,
@@ -4139,14 +4193,14 @@ function OverflowMenu({ items, triggerLabel }) {
             {
               type: "button",
               role: "menuitem",
-              class: `${p33}-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: `${p33}-menu-icon`, children: item.icon }) : null,
-                /* @__PURE__ */ jsx8("span", { class: `${p33}-menu-label`, children: item.label }),
-                item.type === "switch" && item.on ? /* @__PURE__ */ jsx8("span", { class: `${p33}-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
@@ -4298,7 +4352,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 useComputed5 } from "@preact/signals";
+import { useComputed as useComputed6 } from "@preact/signals";
 
 // src/ui/form/dynamic-form.tsx
 import { useState as useState5 } from "preact/hooks";
@@ -4686,7 +4740,7 @@ function FormDoneMarker({
 }
 
 // src/ui/message-bubble.tsx
-import { useComputed as useComputed4 } from "@preact/signals";
+import { useComputed as useComputed5 } from "@preact/signals";
 
 // src/ui/markdown.tsx
 import { useLayoutEffect, useMemo, useRef as useRef4 } from "preact/hooks";
@@ -4759,10 +4813,27 @@ function hardenLink(a) {
   a.rel = [...tokens].join(" ");
 }
 
+// src/ui/source-view.tsx
+import { jsx as jsx13, jsxs as jsxs10 } from "preact/jsx-runtime";
+var p12 = BRAND.cssPrefix;
+function SourceView({ part, strings }) {
+  const label = part.title || part.filename || part.url || strings.sources;
+  if (part.url) {
+    return /* @__PURE__ */ jsxs10("a", { class: `${p12}-source`, href: part.url, target: "_blank", rel: "noreferrer noopener", "data-testid": TID.source, children: [
+      /* @__PURE__ */ jsx13("span", { class: `${p12}-source-icon`, "aria-hidden": "true", children: "\u{1F517}" }),
+      /* @__PURE__ */ jsx13("span", { class: `${p12}-source-label`, children: label })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs10("span", { class: `${p12}-source`, "data-testid": TID.source, children: [
+    /* @__PURE__ */ jsx13("span", { class: `${p12}-source-icon`, "aria-hidden": "true", children: "\u{1F4C4}" }),
+    /* @__PURE__ */ jsx13("span", { class: `${p12}-source-label`, children: label })
+  ] });
+}
+
 // src/ui/tool-approval.tsx
 import { useComputed as useComputed2, useSignal } from "@preact/signals";
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs10 } from "preact/jsx-runtime";
-var p12 = BRAND.cssPrefix;
+import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs11 } from "preact/jsx-runtime";
+var p13 = BRAND.cssPrefix;
 function displayToolName(toolName) {
   return (toolName.startsWith("tool:") ? toolName.slice(5) : toolName).replace(/[-_]+/g, " ");
 }
@@ -4773,24 +4844,24 @@ function ToolApproval({ part, strings, active, onDecision }) {
   const decided = approval.value?.approved !== void 0;
   if (decided) {
     const ap = approval.value;
-    return /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-approval ${p12}-tool-decided`, "data-testid": TID.toolDecision, children: [
-      /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-decided-label`, "data-approved": ap?.approved ? "true" : "false", children: ap?.approved ? strings.approved : strings.rejected }),
-      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: displayToolName(part.toolName) }),
-      ap?.reason ? /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-decided-value`, children: ap.reason }) : null
+    return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-approval ${p13}-tool-decided`, "data-testid": TID.toolDecision, children: [
+      /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-label`, "data-approved": ap?.approved ? "true" : "false", children: ap?.approved ? strings.approved : strings.rejected }),
+      /* @__PURE__ */ jsx14("strong", { class: `${p13}-tool-title`, children: displayToolName(part.toolName) }),
+      ap?.reason ? /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-value`, children: ap.reason }) : null
     ] });
   }
   const args = summarizeInput(input.value);
-  return /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-approval`, "data-testid": TID.toolApproval, children: [
-    /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-head`, children: [
-      /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-badge`, children: strings.approvalRequired }),
-      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: displayToolName(part.toolName) })
+  return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-approval`, "data-testid": TID.toolApproval, children: [
+    /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-head`, children: [
+      /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-badge`, children: strings.approvalRequired }),
+      /* @__PURE__ */ jsx14("strong", { class: `${p13}-tool-title`, children: displayToolName(part.toolName) })
     ] }),
-    args ? /* @__PURE__ */ jsx13("pre", { class: `${p12}-tool-args`, children: args }) : null,
-    active ? /* @__PURE__ */ jsxs10(Fragment2, { children: [
-      /* @__PURE__ */ jsx13(
+    args ? /* @__PURE__ */ jsx14("pre", { class: `${p13}-tool-args`, children: args }) : null,
+    active ? /* @__PURE__ */ jsxs11(Fragment2, { children: [
+      /* @__PURE__ */ jsx14(
         "input",
         {
-          class: `${p12}-field-input`,
+          class: `${p13}-field-input`,
           value: reason.value,
           placeholder: strings.approvalReason,
           onInput: (e) => {
@@ -4798,29 +4869,29 @@ function ToolApproval({ part, strings, active, onDecision }) {
           }
         }
       ),
-      /* @__PURE__ */ jsxs10("div", { class: `${p12}-form-actions`, children: [
-        /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsxs11("div", { class: `${p13}-form-actions`, children: [
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
-            class: `${p12}-tool-reject`,
+            class: `${p13}-tool-reject`,
             onClick: () => onDecision(part.toolCallId, false, reason.value.trim() || void 0),
             "data-testid": TID.toolReject,
             children: strings.reject
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
-            class: `${p12}-tool-approve`,
+            class: `${p13}-tool-approve`,
             onClick: () => onDecision(part.toolCallId, true, reason.value.trim() || void 0),
             "data-testid": TID.toolApprove,
             children: strings.approve
           }
         )
       ] })
-    ] }) : /* @__PURE__ */ jsx13("p", { class: `${p12}-tool-stale-note`, children: strings.stepNoLongerActive })
+    ] }) : /* @__PURE__ */ jsx14("p", { class: `${p13}-tool-stale-note`, children: strings.stepNoLongerActive })
   ] });
 }
 function summarizeInput(input) {
@@ -4891,13 +4962,13 @@ function num(v) {
 }
 
 // src/ui/tool-ask-input.tsx
-import { jsx as jsx14, jsxs as jsxs11 } from "preact/jsx-runtime";
-var p13 = BRAND.cssPrefix;
+import { jsx as jsx15, jsxs as jsxs12 } from "preact/jsx-runtime";
+var p14 = BRAND.cssPrefix;
 function ToolAskInput({ part, strings, active, onSubmit, onDecision }) {
   const state = useComputed3(() => part.stateSig.value);
   const approval = useComputed3(() => part.approvalSig.value);
   const request = useComputed3(() => parseAskUserInput(part.inputSig.value));
-  const decided = state.value === "output" || state.value === "error" || approval.value?.approved !== void 0;
+  const decided = state.value === "output-available" || state.value === "output-error" || state.value === "output-denied" || state.value === "approval-responded" || approval.value?.approved !== void 0;
   const viaApproval = approval.value !== void 0;
   const resolve = (answer, accepted) => {
     if (viaApproval) onDecision(part.toolCallId, accepted, answer);
@@ -4905,42 +4976,42 @@ function ToolAskInput({ part, strings, active, onSubmit, onDecision }) {
     else onSubmit(part.toolCallId, accepted ? { answer } : {});
   };
   if (decided) {
-    return /* @__PURE__ */ jsx14(DecidedSummary, { part, strings });
+    return /* @__PURE__ */ jsx15(DecidedSummary, { part, strings });
   }
   if (!active) {
-    return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-ask-input ${p13}-tool-stale`, "data-testid": TID.toolAskInput, children: [
-      /* @__PURE__ */ jsx14(Header, { strings, title: request.value.title ?? request.value.question }),
-      /* @__PURE__ */ jsx14("p", { class: `${p13}-tool-stale-note`, children: strings.stepNoLongerActive })
+    return /* @__PURE__ */ jsxs12("div", { class: `${p14}-tool-ask-input ${p14}-tool-stale`, "data-testid": TID.toolAskInput, children: [
+      /* @__PURE__ */ jsx15(Header, { strings, title: request.value.title ?? request.value.question }),
+      /* @__PURE__ */ jsx15("p", { class: `${p14}-tool-stale-note`, children: strings.stepNoLongerActive })
     ] });
   }
   const req = request.value;
   const isConfirmation = req.responseType === "confirmation";
-  return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-ask-input`, "data-testid": TID.toolAskInput, children: [
-    /* @__PURE__ */ jsx14(Header, { strings, title: req.title }),
-    req.description ? /* @__PURE__ */ jsx14("p", { class: `${p13}-tool-desc`, children: req.description }) : null,
-    isConfirmation ? /* @__PURE__ */ jsx14("p", { class: `${p13}-tool-question`, children: req.question }) : null,
-    isConfirmation ? /* @__PURE__ */ jsxs11("div", { class: `${p13}-form-actions`, children: [
-      /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs12("div", { class: `${p14}-tool-ask-input`, "data-testid": TID.toolAskInput, children: [
+    /* @__PURE__ */ jsx15(Header, { strings, title: req.title }),
+    req.description ? /* @__PURE__ */ jsx15("p", { class: `${p14}-tool-desc`, children: req.description }) : null,
+    isConfirmation ? /* @__PURE__ */ jsx15("p", { class: `${p14}-tool-question`, children: req.question }) : null,
+    isConfirmation ? /* @__PURE__ */ jsxs12("div", { class: `${p14}-form-actions`, children: [
+      /* @__PURE__ */ jsx15(
         "button",
         {
           type: "button",
-          class: `${p13}-form-skip`,
+          class: `${p14}-form-skip`,
           onClick: () => resolve(void 0, false),
           "data-testid": TID.toolInputSkip,
           children: strings.reject
         }
       ),
-      /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(
         "button",
         {
           type: "button",
-          class: `${p13}-form-submit`,
+          class: `${p14}-form-submit`,
           onClick: () => resolve(void 0, true),
           "data-testid": TID.toolInputSubmit,
           children: strings.approve
         }
       )
-    ] }) : /* @__PURE__ */ jsx14(
+    ] }) : /* @__PURE__ */ jsx15(
       DynamicForm,
       {
         fields: askInputToFields(req),
@@ -4956,9 +5027,9 @@ function ToolAskInput({ part, strings, active, onSubmit, onDecision }) {
   ] });
 }
 function Header({ strings, title }) {
-  return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-head`, children: [
-    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-badge`, children: strings.inputRequired }),
-    title ? /* @__PURE__ */ jsx14("strong", { class: `${p13}-tool-title`, children: title }) : null
+  return /* @__PURE__ */ jsxs12("div", { class: `${p14}-tool-head`, children: [
+    /* @__PURE__ */ jsx15("span", { class: `${p14}-tool-badge`, children: strings.inputRequired }),
+    title ? /* @__PURE__ */ jsx15("strong", { class: `${p14}-tool-title`, children: title }) : null
   ] });
 }
 function DecidedSummary({ part, strings }) {
@@ -4966,9 +5037,9 @@ function DecidedSummary({ part, strings }) {
   const approval = useComputed3(() => part.approvalSig.value);
   const answer = approval.value?.approved !== void 0 ? approval.value.reason ?? "" : summarizeOutput(output.value);
   const skipped = approval.value?.approved === false;
-  return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-ask-input ${p13}-tool-decided`, "data-testid": TID.toolDecision, children: [
-    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-label`, children: skipped ? strings.inputSkip : strings.inputSubmitted }),
-    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-value`, children: skipped ? "" : answer || strings.inputSubmitted })
+  return /* @__PURE__ */ jsxs12("div", { class: `${p14}-tool-ask-input ${p14}-tool-decided`, "data-testid": TID.toolDecision, children: [
+    /* @__PURE__ */ jsx15("span", { class: `${p14}-tool-decided-label`, children: skipped ? strings.inputSkip : strings.inputSubmitted }),
+    /* @__PURE__ */ jsx15("span", { class: `${p14}-tool-decided-value`, children: skipped ? "" : answer || strings.inputSubmitted })
   ] });
 }
 function summarizeOutput(output) {
@@ -4982,37 +5053,70 @@ function summarizeOutput(output) {
   return String(output);
 }
 
-// src/ui/tool-chip.tsx
-import { jsx as jsx15, jsxs as jsxs12 } from "preact/jsx-runtime";
-function ToolChip({ part, strings }) {
-  const p33 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsxs12("span", { class: `${p33}-tool-chip`, role: "status", children: [
-    /* @__PURE__ */ jsxs12("span", { children: [
-      strings.usedTool,
-      ":"
+// src/ui/tool-call.tsx
+import { useComputed as useComputed4 } from "@preact/signals";
+import { jsx as jsx16, jsxs as jsxs13 } from "preact/jsx-runtime";
+var p15 = BRAND.cssPrefix;
+function displayToolName2(toolName) {
+  return (toolName.startsWith("tool:") ? toolName.slice(5) : toolName).replace(/[-_]+/g, " ").trim();
+}
+function ToolCall({ part, strings }) {
+  const details = useComputed4(() => pretty(part.inputSig.value));
+  const result = useComputed4(() => part.errorSig.value ?? pretty(unwrapResult(part.outputSig.value)));
+  const isError = useComputed4(() => !!part.errorSig.value);
+  if (!details.value && !result.value) return null;
+  return /* @__PURE__ */ jsxs13("details", { class: `${p15}-tool-call`, "data-testid": TID.toolCall, children: [
+    /* @__PURE__ */ jsxs13("summary", { class: `${p15}-tool-call-summary`, children: [
+      /* @__PURE__ */ jsx16("span", { class: `${p15}-tool-badge`, children: strings.usedTool }),
+      /* @__PURE__ */ jsx16("strong", { class: `${p15}-tool-title`, children: displayToolName2(part.toolName) })
     ] }),
-    /* @__PURE__ */ jsx15("strong", { children: part.toolName })
+    details.value ? /* @__PURE__ */ jsxs13("div", { class: `${p15}-tool-call-section`, children: [
+      /* @__PURE__ */ jsx16("span", { class: `${p15}-tool-call-label`, children: strings.toolDetails }),
+      /* @__PURE__ */ jsx16("pre", { class: `${p15}-tool-args`, children: details.value })
+    ] }) : null,
+    result.value ? /* @__PURE__ */ jsxs13("div", { class: `${p15}-tool-call-section`, "data-error": isError.value ? "true" : void 0, children: [
+      /* @__PURE__ */ jsx16("span", { class: `${p15}-tool-call-label`, children: strings.toolResult }),
+      /* @__PURE__ */ jsx16("pre", { class: `${p15}-tool-args`, children: result.value })
+    ] }) : null
   ] });
 }
+function unwrapResult(output) {
+  if (output && typeof output === "object") {
+    const rec = output;
+    if (rec.storage === "tool-result-ref" && "summary" in rec) return rec.summary;
+  }
+  return output;
+}
+function pretty(value) {
+  if (value == null) return "";
+  try {
+    const json = typeof value === "string" ? value : JSON.stringify(value, null, 2);
+    if (!json || json === "{}" || json === "[]" || json === '""') return "";
+    return json.length > 600 ? `${json.slice(0, 600)}\u2026` : json;
+  } catch {
+    return "";
+  }
+}
 
 // src/ui/message-bubble.tsx
-import { jsx as jsx16, jsxs as jsxs13 } from "preact/jsx-runtime";
-var p14 = BRAND.cssPrefix;
+import { jsx as jsx17, jsxs as jsxs14 } from "preact/jsx-runtime";
+var p16 = BRAND.cssPrefix;
 function MessageBubble({
   message,
   strings,
   responseMode,
   showReasoning,
   showToolCalls,
+  showSources,
   interactive = false,
   tool
 }) {
-  const parts = useComputed4(() => message.partsSig.value);
+  const parts = useComputed5(() => message.partsSig.value);
   const partList = parts.value;
-  const hasAnswerText = useComputed4(
+  const hasAnswerText = useComputed5(
     () => message.partsSig.value.some((part) => part.kind === "text" && part.textSig.value.length > 0)
   );
-  const reasoningVisible = useComputed4(
+  const reasoningVisible = useComputed5(
     () => showReasoning && message.partsSig.value.some((part) => part.kind === "reasoning")
   );
   const streaming = message.role === "assistant" && message.status === "streaming";
@@ -5020,9 +5124,9 @@ function MessageBubble({
   const working = streaming && !hasAnswerText.value;
   const showStreamDots = streaming && !bufferedHold && !(reasoningVisible.value && working);
   const stamp = formatStamp(message.createdAt);
-  return /* @__PURE__ */ jsx16("div", { class: `${p14}-bubble-row`, "data-role": message.role, "data-testid": tid(TID.messageBubble, message.id), children: /* @__PURE__ */ jsxs13("div", { class: `${p14}-bubble-col`, children: [
-    /* @__PURE__ */ jsxs13("div", { class: `${p14}-bubble`, children: [
-      bufferedHold ? /* @__PURE__ */ jsx16(LoadingSpinner, { label: strings.loading }) : partList.map((part) => /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("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__ */ jsx17(LoadingSpinner, { label: strings.loading }) : partList.map((part) => /* @__PURE__ */ jsx17(
         PartView,
         {
           part,
@@ -5030,15 +5134,16 @@ function MessageBubble({
           strings,
           showReasoning,
           showToolCalls,
+          showSources,
           interactive,
           tool
         },
         partKey(part)
       )),
-      showStreamDots && /* @__PURE__ */ jsx16(TypingDots, {}),
-      message.status === "error" && message.errorText ? /* @__PURE__ */ jsx16("div", { class: `${p14}-error`, role: "alert", children: /* @__PURE__ */ jsx16("span", { children: message.errorText }) }) : null
+      showStreamDots && /* @__PURE__ */ jsx17(TypingDots, {}),
+      message.status === "error" && message.errorText ? /* @__PURE__ */ jsx17("div", { class: `${p16}-error`, role: "alert", children: /* @__PURE__ */ jsx17("span", { children: message.errorText }) }) : null
     ] }),
-    stamp ? /* @__PURE__ */ jsx16("time", { class: `${p14}-bubble-time`, dateTime: stamp.iso, title: stamp.full, children: stamp.short }) : null
+    stamp ? /* @__PURE__ */ jsx17("time", { class: `${p16}-bubble-time`, dateTime: stamp.iso, title: stamp.full, children: stamp.short }) : null
   ] }) });
 }
 function formatStamp(createdAt) {
@@ -5060,16 +5165,17 @@ function PartView({
   strings,
   showReasoning,
   showToolCalls,
+  showSources,
   interactive,
   tool
 }) {
   switch (part.kind) {
     case "text":
-      return /* @__PURE__ */ jsx16(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig });
+      return /* @__PURE__ */ jsx17(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig });
     case "reasoning":
-      return showReasoning ? /* @__PURE__ */ jsx16(ReasoningView, { part, active, strings }) : null;
+      return showReasoning ? /* @__PURE__ */ jsx17(ReasoningView, { part, active, strings }) : null;
     case "tool":
-      return /* @__PURE__ */ jsx16(
+      return /* @__PURE__ */ jsx17(
         ToolPartView,
         {
           part,
@@ -5081,11 +5187,11 @@ function PartView({
       );
     case "file":
       if (part.mediaType.startsWith("image/")) {
-        return /* @__PURE__ */ jsx16("img", { src: part.url, alt: "", loading: "lazy" });
+        return /* @__PURE__ */ jsx17("img", { src: part.url, alt: "", loading: "lazy" });
       }
-      return /* @__PURE__ */ jsx16("a", { href: part.url, target: "_blank", rel: "noreferrer noopener", children: part.url });
+      return /* @__PURE__ */ jsx17("a", { href: part.url, target: "_blank", rel: "noreferrer noopener", children: part.url });
     case "source":
-      return null;
+      return showSources ? /* @__PURE__ */ jsx17(SourceView, { part, strings }) : null;
   }
 }
 function ToolPartView({
@@ -5095,11 +5201,10 @@ function ToolPartView({
   interactive,
   tool
 }) {
-  const state = useComputed4(() => part.stateSig.value);
-  const hasApproval = useComputed4(() => part.approvalSig.value !== void 0);
+  const hasApproval = useComputed5(() => part.approvalSig.value !== void 0);
   if (tool?.humanInLoop) {
-    if (isAskUserInputTool(part.toolName) || state.value === "awaiting-input") {
-      return /* @__PURE__ */ jsx16(
+    if (isAskUserInputTool(part.toolName)) {
+      return /* @__PURE__ */ jsx17(
         ToolAskInput,
         {
           part,
@@ -5110,20 +5215,20 @@ function ToolPartView({
         }
       );
     }
-    if (hasApproval.value || state.value === "awaiting-approval") {
-      return /* @__PURE__ */ jsx16(ToolApproval, { part, strings, active: interactive, onDecision: tool.onDecision });
+    if (hasApproval.value) {
+      return /* @__PURE__ */ jsx17(ToolApproval, { part, strings, active: interactive, onDecision: tool.onDecision });
     }
   }
-  return showToolCalls ? /* @__PURE__ */ jsx16(ToolChip, { part, strings }) : null;
+  return showToolCalls ? /* @__PURE__ */ jsx17(ToolCall, { part, strings }) : null;
 }
 function ReasoningView({
   part,
   active,
   strings
 }) {
-  return /* @__PURE__ */ jsxs13("details", { class: `${p14}-reasoning`, open: active, "data-active": active ? "true" : void 0, children: [
-    /* @__PURE__ */ jsx16("summary", { class: `${p14}-reasoning-summary`, children: /* @__PURE__ */ jsx16("span", { class: `${p14}-reasoning-label`, children: active ? strings.thinking : strings.thoughts }) }),
-    /* @__PURE__ */ jsx16("div", { class: `${p14}-reasoning-body`, children: /* @__PURE__ */ jsx16(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig }) })
+  return /* @__PURE__ */ jsxs14("details", { class: `${p16}-reasoning`, open: active, "data-active": active ? "true" : void 0, children: [
+    /* @__PURE__ */ jsx17("summary", { class: `${p16}-reasoning-summary`, children: /* @__PURE__ */ jsx17("span", { class: `${p16}-reasoning-label`, children: active ? strings.thinking : strings.thoughts }) }),
+    /* @__PURE__ */ jsx17("div", { class: `${p16}-reasoning-body`, children: /* @__PURE__ */ jsx17(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig }) })
   ] });
 }
 function partKey(part) {
@@ -5140,22 +5245,22 @@ function partKey(part) {
   }
 }
 function TypingDots() {
-  return /* @__PURE__ */ jsxs13("span", { class: `${p14}-typing`, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx16("span", {}),
-    /* @__PURE__ */ jsx16("span", {}),
-    /* @__PURE__ */ jsx16("span", {})
+  return /* @__PURE__ */ jsxs14("span", { class: `${p16}-typing`, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx17("span", {}),
+    /* @__PURE__ */ jsx17("span", {}),
+    /* @__PURE__ */ jsx17("span", {})
   ] });
 }
 function LoadingSpinner({ label }) {
-  return /* @__PURE__ */ jsxs13("span", { class: `${p14}-loading`, role: "status", children: [
-    /* @__PURE__ */ jsx16("span", { class: `${p14}-loading-spinner`, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx16("span", { class: `${p14}-loading-label`, children: label })
+  return /* @__PURE__ */ jsxs14("span", { class: `${p16}-loading`, role: "status", children: [
+    /* @__PURE__ */ jsx17("span", { class: `${p16}-loading-spinner`, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx17("span", { class: `${p16}-loading-label`, children: label })
   ] });
 }
 
 // src/ui/message-list.tsx
-import { jsx as jsx17, jsxs as jsxs14 } from "preact/jsx-runtime";
-var p15 = BRAND.cssPrefix;
+import { jsx as jsx18, jsxs as jsxs15 } from "preact/jsx-runtime";
+var p17 = BRAND.cssPrefix;
 var STICK_THRESHOLD = 120;
 var INTERACTION_GRACE_MS = 350;
 var DIVIDER_IDLE_MS = 1200;
@@ -5165,6 +5270,7 @@ function MessageList({
   responseMode,
   showReasoning,
   showToolCalls,
+  showSources,
   loading,
   idle,
   tool,
@@ -5173,7 +5279,7 @@ function MessageList({
   onFillForm
 }) {
   const ref = useRef5(null);
-  const messages = useComputed5(() => messagesSig.value);
+  const messages = useComputed6(() => messagesSig.value);
   const [showJump, setShowJump] = useState6(false);
   const [scrolling, setScrolling] = useState6(false);
   const hasHydratedRef = useRef5(false);
@@ -5325,7 +5431,7 @@ function MessageList({
   const pendingMarkers = [...formMarkers ?? []].toSorted(
     (a, b) => (a.createdAt ?? Infinity) - (b.createdAt ?? Infinity)
   );
-  const markerRow = (marker) => /* @__PURE__ */ jsx17(
+  const markerRow = (marker) => /* @__PURE__ */ jsx18(
     FormDoneMarker,
     {
       marker,
@@ -5346,12 +5452,12 @@ function MessageList({
     const day = dayKey(m.createdAt);
     if (day && day !== prevDay) {
       rows.push(
-        /* @__PURE__ */ jsx17("div", { class: `${p15}-date-divider`, children: /* @__PURE__ */ jsx17("span", { class: `${p15}-date-pill`, title: fullDate(m.createdAt), children: dayLabel(m.createdAt, strings) }) }, `day:${day}`)
+        /* @__PURE__ */ jsx18("div", { class: `${p17}-date-divider`, children: /* @__PURE__ */ jsx18("span", { class: `${p17}-date-pill`, title: fullDate(m.createdAt), children: dayLabel(m.createdAt, strings) }) }, `day:${day}`)
       );
       prevDay = day;
     }
     rows.push(
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18(
         MessageBubble,
         {
           message: m,
@@ -5359,6 +5465,7 @@ function MessageList({
           responseMode,
           showReasoning,
           showToolCalls,
+          showSources,
           interactive: Boolean(idle) && m.id === lastId,
           tool
         },
@@ -5369,33 +5476,33 @@ function MessageList({
   for (const marker of pendingMarkers) {
     rows.push(markerRow(marker));
   }
-  return /* @__PURE__ */ jsxs14("div", { class: `${p15}-list-wrap`, children: [
-    /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15("div", { class: `${p17}-list-wrap`, children: [
+    /* @__PURE__ */ jsxs15(
       "div",
       {
         ref,
-        class: `${p15}-list`,
+        class: `${p17}-list`,
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
         "data-scrolling": scrolling ? "true" : void 0,
         children: [
-          loading && messages.value.length === 0 ? /* @__PURE__ */ jsx17("div", { class: `${p15}-list-loading`, role: "status", children: strings.conversationLoading }) : null,
+          loading && messages.value.length === 0 ? /* @__PURE__ */ jsx18("div", { class: `${p17}-list-loading`, role: "status", children: strings.conversationLoading }) : null,
           rows,
-          form ? /* @__PURE__ */ jsx17(FormGate, { form: form.form, strings, onSubmit: form.onSubmit, onSkip: form.onSkip }) : null
+          form ? /* @__PURE__ */ jsx18(FormGate, { form: form.form, strings, onSubmit: form.onSubmit, onSkip: form.onSkip }) : null
         ]
       }
     ),
-    showJump ? /* @__PURE__ */ jsx17(
+    showJump ? /* @__PURE__ */ jsx18(
       "button",
       {
         type: "button",
-        class: `${p15}-jump`,
+        class: `${p17}-jump`,
         onClick: jumpToBottom,
         "aria-label": strings.scrollToBottom,
         title: strings.scrollToBottom,
         "data-testid": TID.scrollToBottom,
-        children: /* @__PURE__ */ jsx17(ChevronDownIcon, {})
+        children: /* @__PURE__ */ jsx18(ChevronDownIcon, {})
       }
     ) : null
   ] });
@@ -5454,8 +5561,10 @@ function startOfDay(ms) {
 }
 
 // src/ui/conversation-list.tsx
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs15 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs16 } from "preact/jsx-runtime";
 var log11 = logger.scope("history");
+var DEFAULT_SKELETON_ROWS = 3;
+var MAX_SKELETON_ROWS = 6;
 var BUCKET_TO_STRING = {
   today: "dateToday",
   yesterday: "dateYesterday",
@@ -5474,11 +5583,12 @@ function ConversationList({
   transport,
   strings,
   locale,
+  persistence,
   visitorId,
   onSelect,
   onNewConversation
 }) {
-  const p33 = BRAND.cssPrefix;
+  const p35 = BRAND.cssPrefix;
   const seed = transport.peekConversations({ visitorId });
   const [state, setState] = useState7(seed ? "loaded" : "loading");
   const [conversations, setChats] = useState7(seed?.conversations ?? []);
@@ -5486,8 +5596,10 @@ function ConversationList({
     let cancelled = false;
     transport.listConversations({ visitorId }).then((res) => {
       if (cancelled) return;
-      setChats(res.conversations ?? []);
+      const rows = res.conversations ?? [];
+      setChats(rows);
       setState("loaded");
+      persistence.saveHistoryCount(rows.length);
     }).catch((err) => {
       if (cancelled) return;
       log11.warn("listConversations failed", { err });
@@ -5496,29 +5608,33 @@ function ConversationList({
     return () => {
       cancelled = true;
     };
-  }, [transport, visitorId]);
-  const newChatButton = onNewConversation ? /* @__PURE__ */ jsx18("div", { class: `${p33}-history-footer`, children: /* @__PURE__ */ jsxs15(
+  }, [transport, visitorId, persistence]);
+  const newChatButton = onNewConversation ? /* @__PURE__ */ jsx19("div", { class: `${p35}-history-footer`, children: /* @__PURE__ */ jsxs16(
     "button",
     {
       type: "button",
-      class: `${p33}-history-new`,
+      class: `${p35}-history-new`,
       onClick: onNewConversation,
       "data-testid": TID.sidebarNewConversation,
       children: [
-        /* @__PURE__ */ jsx18(PlusIcon, {}),
+        /* @__PURE__ */ jsx19(PlusIcon, {}),
         strings.newConversation
       ]
     }
   ) }) : null;
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs15(Fragment3, { children: [
-      /* @__PURE__ */ jsx18("div", { class: `${p33}-history`, "aria-busy": "true", "aria-label": strings.historyLoading, children: /* @__PURE__ */ jsxs15("div", { class: `${p33}-history-group`, "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx18("div", { class: `${p33}-history-heading`, children: /* @__PURE__ */ jsx18("span", { class: `${p33}-history-skeleton-line ${p33}-skeleton-heading` }) }),
-        /* @__PURE__ */ jsx18("div", { class: `${p33}-history-card`, children: [0, 1, 2].map((i) => /* @__PURE__ */ jsxs15("div", { class: `${p33}-history-skeleton-item`, children: [
-          /* @__PURE__ */ jsx18("span", { class: `${p33}-history-skeleton-avatar` }),
-          /* @__PURE__ */ jsxs15("span", { class: `${p33}-history-skeleton-body`, children: [
-            /* @__PURE__ */ jsx18("span", { class: `${p33}-history-skeleton-line ${p33}-skeleton-title` }),
-            /* @__PURE__ */ jsx18("span", { class: `${p33}-history-skeleton-line ${p33}-skeleton-preview` })
+    const rows = Math.min(persistence.loadHistoryCount() ?? DEFAULT_SKELETON_ROWS, MAX_SKELETON_ROWS);
+    return /* @__PURE__ */ jsxs16(Fragment3, { children: [
+      /* @__PURE__ */ jsx19("div", { class: `${p35}-history`, "aria-busy": "true", "aria-label": strings.historyLoading, children: /* @__PURE__ */ jsxs16("div", { class: `${p35}-history-group`, "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsx19("div", { class: `${p35}-history-heading`, children: /* @__PURE__ */ jsx19("span", { class: `${p35}-skeleton ${p35}-skeleton-heading` }) }),
+        /* @__PURE__ */ jsx19("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__ */ jsx19("span", { class: `${p35}-history-avatar ${p35}-skeleton` }),
+          /* @__PURE__ */ jsxs16("span", { class: `${p35}-history-body`, children: [
+            /* @__PURE__ */ jsxs16("span", { class: `${p35}-history-row`, children: [
+              /* @__PURE__ */ jsx19("span", { class: `${p35}-history-title`, children: /* @__PURE__ */ jsx19("span", { class: `${p35}-skeleton ${p35}-skeleton-title` }) }),
+              /* @__PURE__ */ jsx19("span", { class: `${p35}-history-time`, children: /* @__PURE__ */ jsx19("span", { class: `${p35}-skeleton ${p35}-skeleton-time` }) })
+            ] }),
+            /* @__PURE__ */ jsx19("span", { class: `${p35}-history-row`, children: /* @__PURE__ */ jsx19("span", { class: `${p35}-history-preview`, children: /* @__PURE__ */ jsx19("span", { class: `${p35}-skeleton ${p35}-skeleton-preview` }) }) })
           ] })
         ] }, i)) })
       ] }) }),
@@ -5526,36 +5642,36 @@ function ConversationList({
     ] });
   }
   if (state === "error" || conversations.length === 0) {
-    return /* @__PURE__ */ jsxs15(Fragment3, { children: [
-      /* @__PURE__ */ jsx18("div", { class: `${p33}-history-empty`, children: strings.historyEmpty }),
+    return /* @__PURE__ */ jsxs16(Fragment3, { children: [
+      /* @__PURE__ */ jsx19("div", { class: `${p35}-history-empty`, children: strings.historyEmpty }),
       newChatButton
     ] });
   }
   const now = Date.now();
   const groups = groupByBucket(now, conversations);
-  return /* @__PURE__ */ jsxs15(Fragment3, { children: [
-    /* @__PURE__ */ jsx18("div", { class: `${p33}-history`, role: "list", children: groups.map((group) => /* @__PURE__ */ jsxs15("div", { class: `${p33}-history-group`, children: [
-      /* @__PURE__ */ jsx18("div", { class: `${p33}-history-heading`, children: strings[BUCKET_TO_STRING[group.bucket]] }),
-      /* @__PURE__ */ jsx18("div", { class: `${p33}-history-card`, children: group.conversations.map((chat) => /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(Fragment3, { children: [
+    /* @__PURE__ */ jsx19("div", { class: `${p35}-history`, role: "list", children: groups.map((group) => /* @__PURE__ */ jsxs16("div", { class: `${p35}-history-group`, children: [
+      /* @__PURE__ */ jsx19("div", { class: `${p35}-history-heading`, children: strings[BUCKET_TO_STRING[group.bucket]] }),
+      /* @__PURE__ */ jsx19("div", { class: `${p35}-history-card`, children: group.conversations.map((chat) => /* @__PURE__ */ jsxs16(
         "button",
         {
           type: "button",
           role: "listitem",
-          class: `${p33}-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__ */ jsx18("span", { class: `${p33}-history-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx18(MessageIcon, {}) }),
-            /* @__PURE__ */ jsxs15("span", { class: `${p33}-history-body`, children: [
-              /* @__PURE__ */ jsxs15("span", { class: `${p33}-history-row`, children: [
-                /* @__PURE__ */ jsx18("span", { class: `${p33}-history-title`, children: chat.title }),
-                /* @__PURE__ */ jsx18("span", { class: `${p33}-history-time`, children: rowTime(chat.lastMessageAt, now, locale) })
+            /* @__PURE__ */ jsx19("span", { class: `${p35}-history-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx19(MessageIcon, {}) }),
+            /* @__PURE__ */ jsxs16("span", { class: `${p35}-history-body`, children: [
+              /* @__PURE__ */ jsxs16("span", { class: `${p35}-history-row`, children: [
+                /* @__PURE__ */ jsx19("span", { class: `${p35}-history-title`, children: chat.title }),
+                /* @__PURE__ */ jsx19("span", { class: `${p35}-history-time`, children: rowTime(chat.lastMessageAt, now, locale) })
               ] }),
-              /* @__PURE__ */ jsxs15("span", { class: `${p33}-history-row`, children: [
-                /* @__PURE__ */ jsx18("span", { class: `${p33}-history-preview`, children: chat.preview ?? (chat.canContinue ? strings.historyContinue : strings.conversationClosed) }),
-                (chat.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx18("span", { class: `${p33}-history-dot` }) : null
+              /* @__PURE__ */ jsxs16("span", { class: `${p35}-history-row`, children: [
+                /* @__PURE__ */ jsx19("span", { class: `${p35}-history-preview`, children: chat.preview ?? (chat.canContinue ? strings.historyContinue : strings.conversationClosed) }),
+                (chat.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx19("span", { class: `${p35}-history-dot` }) : null
               ] })
             ] })
           ]
@@ -5568,15 +5684,15 @@ function ConversationList({
 }
 
 // src/ui/suggestions.tsx
-import { jsx as jsx19 } from "preact/jsx-runtime";
-var p16 = BRAND.cssPrefix;
+import { jsx as jsx20 } from "preact/jsx-runtime";
+var p18 = BRAND.cssPrefix;
 function Suggestions({ suggestions, onPick }) {
   if (suggestions.length === 0) return null;
-  return /* @__PURE__ */ jsx19("div", { class: `${p16}-suggestions`, role: "group", "aria-label": "Suggested replies", children: suggestions.map((s, i) => /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20("div", { class: `${p18}-suggestions`, role: "group", "aria-label": "Suggested replies", children: suggestions.map((s, i) => /* @__PURE__ */ jsx20(
     "button",
     {
       type: "button",
-      class: `${p16}-suggestion`,
+      class: `${p18}-suggestion`,
       onClick: () => onPick(s),
       "data-testid": tid(TID.suggestion, i),
       children: s.label
@@ -5586,8 +5702,8 @@ function Suggestions({ suggestions, onPick }) {
 }
 
 // src/ui/panel.tsx
-import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs16 } from "preact/jsx-runtime";
-var p17 = BRAND.cssPrefix;
+import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs17 } from "preact/jsx-runtime";
+var p19 = BRAND.cssPrefix;
 function Panel(props2) {
   const { options, onClose } = props2;
   const s = options.strings;
@@ -5611,18 +5727,18 @@ function Panel(props2) {
   }, []);
   const { visible: dragOver } = useFileDrop({ containerRef, onDrop: onDropItems });
   useDragMove(containerRef.current, options.mode === "modal");
-  return /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(
     "div",
     {
       ref: containerRef,
-      class: `${p17}-panel`,
+      class: `${p19}-panel`,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": s.panelTitle,
       style: { position: "relative" },
       "data-testid": TID.panel,
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(
           PanelContent,
           {
             ...props2,
@@ -5631,7 +5747,7 @@ function Panel(props2) {
             composerAttachApiRef
           }
         ),
-        /* @__PURE__ */ jsx20(PoweredByBar, { poweredBy: props2.options.poweredBy })
+        /* @__PURE__ */ jsx21(PoweredByBar, { poweredBy: props2.options.poweredBy })
       ]
     }
   );
@@ -5642,6 +5758,7 @@ function PanelContent(props2) {
     transport,
     feedback,
     bus,
+    persistence,
     panelSize,
     view,
     canSend,
@@ -5677,9 +5794,9 @@ function PanelContent(props2) {
   if (activeForm) {
     composerArea = null;
   } else if (canSend) {
-    composerArea = /* @__PURE__ */ jsxs16(Fragment4, { children: [
-      /* @__PURE__ */ jsx20(Suggestions, { suggestions, onPick: onSuggestion }),
-      /* @__PURE__ */ jsx20(
+    composerArea = /* @__PURE__ */ jsxs17(Fragment4, { children: [
+      /* @__PURE__ */ jsx21(Suggestions, { suggestions, onPick: onSuggestion }),
+      /* @__PURE__ */ jsx21(
         Composer,
         {
           options,
@@ -5694,10 +5811,10 @@ function PanelContent(props2) {
       )
     ] });
   } else {
-    composerArea = /* @__PURE__ */ jsx20(ReadOnlyBanner, { label: s.conversationClosed, ctaLabel: s.startNewConversation, onNewConversation: onClear });
+    composerArea = /* @__PURE__ */ jsx21(ReadOnlyBanner, { label: s.conversationClosed, ctaLabel: s.startNewConversation, onNewConversation: onClear });
   }
-  return /* @__PURE__ */ jsxs16(Fragment4, { children: [
-    view === "history" ? /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs17(Fragment4, { children: [
+    view === "history" ? /* @__PURE__ */ jsx21(
       HistoryHeader,
       {
         strings: s,
@@ -5705,34 +5822,35 @@ function PanelContent(props2) {
         onClose,
         showClose: canShowClose(options.mode, panelSize, options.actions)
       }
-    ) : /* @__PURE__ */ jsxs16("header", { class: `${p17}-header`, "data-testid": TID.panelHeader, children: [
-      onBack ? /* @__PURE__ */ jsx20(
+    ) : /* @__PURE__ */ jsxs17("header", { class: `${p19}-header`, "data-testid": TID.panelHeader, children: [
+      onBack ? /* @__PURE__ */ jsx21(
         "button",
         {
           type: "button",
-          class: `${p17}-icon-btn`,
+          class: `${p19}-icon-btn`,
           onClick: onBack,
           "aria-label": s.moduleBack,
           title: s.moduleBack,
-          children: /* @__PURE__ */ jsx20(BackIcon, {})
+          children: /* @__PURE__ */ jsx21(BackIcon, {})
         }
       ) : null,
-      agent ? /* @__PURE__ */ jsx20(AgentBadge, { agent, strings: s }) : /* @__PURE__ */ jsx20("h1", { children: s.panelTitle }),
-      /* @__PURE__ */ jsx20(HeaderActions, { panelProps: props2, variant: "chat" })
+      agent ? /* @__PURE__ */ jsx21(AgentBadge, { agent, strings: s }) : /* @__PURE__ */ jsx21("h1", { children: s.panelTitle }),
+      /* @__PURE__ */ jsx21(HeaderActions, { panelProps: props2, variant: "chat" })
     ] }),
-    view === "history" ? /* @__PURE__ */ jsx20(
+    view === "history" ? /* @__PURE__ */ jsx21(
       ConversationList,
       {
         transport,
         strings: s,
         locale: options.locale,
+        persistence,
         visitorId,
         onSelect: (conversation) => onSelectHistoryConversation(conversation.conversationId),
         onNewConversation
       }
-    ) : /* @__PURE__ */ jsxs16(Fragment4, { children: [
-      /* @__PURE__ */ jsx20(DropZone, { visible: dragOver, strings: s }),
-      /* @__PURE__ */ jsx20(
+    ) : /* @__PURE__ */ jsxs17(Fragment4, { children: [
+      /* @__PURE__ */ jsx21(DropZone, { visible: dragOver, strings: s }),
+      /* @__PURE__ */ jsx21(
         MessageList,
         {
           messagesSig,
@@ -5740,6 +5858,7 @@ function PanelContent(props2) {
           responseMode: options.responseMode,
           showReasoning: options.showReasoning,
           showToolCalls: options.showToolCalls,
+          showSources: options.showSources,
           loading: loadingMessages,
           idle: !isStreaming,
           tool,
@@ -5749,9 +5868,9 @@ function PanelContent(props2) {
         }
       ),
       composerArea,
-      /* @__PURE__ */ jsx20(ComposerFooter, { disclaimer: options.composerDisclaimer })
+      /* @__PURE__ */ jsx21(ComposerFooter, { disclaimer: options.composerDisclaimer })
     ] }),
-    options.size.resize?.enabled ? /* @__PURE__ */ jsx20(
+    options.size.resize?.enabled ? /* @__PURE__ */ jsx21(
       ResizeGrip,
       {
         panelEl: containerEl,
@@ -5770,28 +5889,28 @@ function HistoryHeader({
   onClose,
   showClose
 }) {
-  return /* @__PURE__ */ jsxs16("header", { class: `${p17}-header`, children: [
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs17("header", { class: `${p19}-header`, children: [
+    /* @__PURE__ */ jsx21(
       "button",
       {
         type: "button",
-        class: `${p17}-icon-btn`,
+        class: `${p19}-icon-btn`,
         onClick: onBack,
         "aria-label": strings.historyBack,
         title: strings.historyBack,
-        children: /* @__PURE__ */ jsx20(BackIcon, {})
+        children: /* @__PURE__ */ jsx21(BackIcon, {})
       }
     ),
-    /* @__PURE__ */ jsx20("h1", { children: strings.historyTitle }),
-    showClose ? /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21("h1", { children: strings.historyTitle }),
+    showClose ? /* @__PURE__ */ jsx21(
       "button",
       {
         type: "button",
-        class: `${p17}-icon-btn`,
+        class: `${p19}-icon-btn`,
         onClick: onClose,
         "aria-label": strings.close,
         title: strings.close,
-        children: /* @__PURE__ */ jsx20(CloseIcon, {})
+        children: /* @__PURE__ */ jsx21(CloseIcon, {})
       }
     ) : null
   ] });
@@ -5801,28 +5920,28 @@ function ReadOnlyBanner({
   ctaLabel,
   onNewConversation
 }) {
-  return /* @__PURE__ */ jsxs16("div", { class: `${p17}-readonly-banner`, role: "note", children: [
-    /* @__PURE__ */ jsx20("span", { class: `${p17}-readonly-label`, children: label }),
-    /* @__PURE__ */ jsx20("button", { type: "button", class: `${p17}-readonly-cta`, onClick: onNewConversation, children: ctaLabel })
+  return /* @__PURE__ */ jsxs17("div", { class: `${p19}-readonly-banner`, role: "note", children: [
+    /* @__PURE__ */ jsx21("span", { class: `${p19}-readonly-label`, children: label }),
+    /* @__PURE__ */ jsx21("button", { type: "button", class: `${p19}-readonly-cta`, onClick: onNewConversation, children: ctaLabel })
   ] });
 }
 function ComposerFooter({ disclaimer }) {
   if (!disclaimer) return null;
-  return /* @__PURE__ */ jsx20("div", { class: `${p17}-composer-footer`, children: /* @__PURE__ */ jsx20("div", { class: `${p17}-disclaimer`, children: disclaimer }) });
+  return /* @__PURE__ */ jsx21("div", { class: `${p19}-composer-footer`, children: /* @__PURE__ */ jsx21("div", { class: `${p19}-disclaimer`, children: disclaimer }) });
 }
 function PoweredByBar({ poweredBy }) {
   if (!poweredBy) return null;
-  return /* @__PURE__ */ jsx20("div", { class: `${p17}-poweredby-bar`, children: /* @__PURE__ */ jsx20(PoweredBy, { logoUrl: poweredBy.logoUrl, text: poweredBy.text, href: poweredBy.href }) });
+  return /* @__PURE__ */ jsx21("div", { class: `${p19}-poweredby-bar`, children: /* @__PURE__ */ jsx21(PoweredBy, { logoUrl: poweredBy.logoUrl, text: poweredBy.text, href: poweredBy.href }) });
 }
 function PoweredBy({ logoUrl, text, href }) {
-  const inner = /* @__PURE__ */ jsxs16(Fragment4, { children: [
-    logoUrl ? /* @__PURE__ */ jsx20("img", { class: `${p17}-poweredby-logo`, src: logoUrl, alt: "", loading: "lazy" }) : null,
-    text ? /* @__PURE__ */ jsx20("span", { children: text }) : null
+  const inner = /* @__PURE__ */ jsxs17(Fragment4, { children: [
+    logoUrl ? /* @__PURE__ */ jsx21("img", { class: `${p19}-poweredby-logo`, src: logoUrl, alt: "", loading: "lazy" }) : null,
+    text ? /* @__PURE__ */ jsx21("span", { children: text }) : null
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx20("a", { class: `${p17}-poweredby`, href, target: "_blank", rel: "noopener noreferrer", children: inner });
+    return /* @__PURE__ */ jsx21("a", { class: `${p19}-poweredby`, href, target: "_blank", rel: "noopener noreferrer", children: inner });
   }
-  return /* @__PURE__ */ jsx20("span", { class: `${p17}-poweredby`, children: inner });
+  return /* @__PURE__ */ jsx21("span", { class: `${p19}-poweredby`, children: inner });
 }
 
 // src/ui/form/form-controller.ts
@@ -5905,39 +6024,40 @@ function whenPasses(form, d) {
 }
 
 // src/ui/sidebar.tsx
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs17 } from "preact/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx22, jsxs as jsxs18 } from "preact/jsx-runtime";
 function Sidebar(props2) {
-  const p33 = 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__ */ jsxs17("aside", { class: `${p33}-sidebar`, "data-collapsed": collapsed ? "true" : "false", "data-testid": TID.sidebar, children: [
-    /* @__PURE__ */ jsxs17("div", { class: `${p33}-sidebar-header`, children: [
-      /* @__PURE__ */ jsx21(SidebarBrand, { site }),
-      /* @__PURE__ */ jsx21(
+  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__ */ jsx22(SidebarBrand, { site }),
+      /* @__PURE__ */ jsx22(
         "button",
         {
           type: "button",
-          class: `${p33}-sidebar-toggle`,
+          class: `${p35}-sidebar-toggle`,
           "aria-label": toggleLabel,
           "aria-expanded": collapsed ? "false" : "true",
           title: toggleLabel,
           onClick: props2.onToggleCollapsed,
           "data-testid": TID.sidebarToggle,
-          children: /* @__PURE__ */ jsx21(SidebarToggleIcon, { collapsed })
+          children: /* @__PURE__ */ jsx22(SidebarToggleIcon, { collapsed })
         }
       )
     ] }),
-    collapsed ? null : /* @__PURE__ */ jsxs17(Fragment5, { children: [
-      navigation.length > 0 ? /* @__PURE__ */ jsx21("nav", { class: `${p33}-sidebar-section`, "data-section": "navigation", children: /* @__PURE__ */ jsx21(SidebarNav, { items: navigation }) }) : null,
-      linkCards.length > 0 ? /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-section`, "data-section": "link-cards", children: /* @__PURE__ */ jsx21(SidebarCards, { items: linkCards }) }) : null,
-      props2.showConversations ? /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-conversations`, children: /* @__PURE__ */ jsx21(
+    collapsed ? null : /* @__PURE__ */ jsxs18(Fragment5, { children: [
+      navigation.length > 0 ? /* @__PURE__ */ jsx22("nav", { class: `${p35}-sidebar-section`, "data-section": "navigation", children: /* @__PURE__ */ jsx22(SidebarNav, { items: navigation }) }) : null,
+      linkCards.length > 0 ? /* @__PURE__ */ jsx22("div", { class: `${p35}-sidebar-section`, "data-section": "link-cards", children: /* @__PURE__ */ jsx22(SidebarCards, { items: linkCards }) }) : null,
+      props2.showConversations ? /* @__PURE__ */ jsx22("div", { class: `${p35}-sidebar-conversations`, children: /* @__PURE__ */ jsx22(
         ConversationList,
         {
           transport: props2.transport,
           strings: props2.strings,
           locale: props2.locale,
+          persistence: props2.persistence,
           visitorId: props2.visitorId,
           onSelect: props2.onSelectConversation,
           onNewConversation: props2.onNewConversation
@@ -5947,18 +6067,18 @@ function Sidebar(props2) {
   ] });
 }
 function SidebarBrand({ site }) {
-  const p33 = BRAND.cssPrefix;
+  const p35 = BRAND.cssPrefix;
   if (site?.logo?.url) {
     const alt = site.logo.alt ?? site.title ?? "Logo";
-    return /* @__PURE__ */ jsxs17("picture", { children: [
-      site.logoDark?.url ? /* @__PURE__ */ jsx21("source", { srcset: site.logoDark.url, media: "(prefers-color-scheme: dark)" }) : null,
-      /* @__PURE__ */ jsx21("img", { class: `${p33}-sidebar-logo`, src: site.logo.url, alt })
+    return /* @__PURE__ */ jsxs18("picture", { children: [
+      site.logoDark?.url ? /* @__PURE__ */ jsx22("source", { srcset: site.logoDark.url, media: "(prefers-color-scheme: dark)" }) : null,
+      /* @__PURE__ */ jsx22("img", { class: `${p35}-sidebar-logo`, src: site.logo.url, alt })
     ] });
   }
-  return /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-title`, children: site?.title ?? BRAND.name });
+  return /* @__PURE__ */ jsx22("div", { class: `${p35}-sidebar-title`, children: site?.title ?? BRAND.name });
 }
 function SidebarToggleIcon({ collapsed }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "svg",
     {
       width: "16",
@@ -5968,38 +6088,38 @@ function SidebarToggleIcon({ collapsed }) {
       stroke: "currentColor",
       "stroke-width": "2",
       "aria-hidden": "true",
-      children: collapsed ? /* @__PURE__ */ jsx21("polyline", { points: "9 6 15 12 9 18" }) : /* @__PURE__ */ jsx21("polyline", { points: "15 6 9 12 15 18" })
+      children: collapsed ? /* @__PURE__ */ jsx22("polyline", { points: "9 6 15 12 9 18" }) : /* @__PURE__ */ jsx22("polyline", { points: "15 6 9 12 15 18" })
     }
   );
 }
 function SidebarNav({ items }) {
-  const p33 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsx21("ul", { class: `${p33}-sidebar-nav`, children: items.map((item) => /* @__PURE__ */ jsx21("li", { children: /* @__PURE__ */ jsxs17(
+  const p35 = BRAND.cssPrefix;
+  return /* @__PURE__ */ jsx22("ul", { class: `${p35}-sidebar-nav`, children: items.map((item) => /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsxs18(
     "a",
     {
-      class: `${p33}-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__ */ jsx21("span", { class: `${p33}-sidebar-nav-icon`, "data-icon": item.icon }) : null,
-        /* @__PURE__ */ jsx21("span", { class: `${p33}-sidebar-nav-label`, children: item.label })
+        item.icon ? /* @__PURE__ */ jsx22("span", { class: `${p35}-sidebar-nav-icon`, "data-icon": item.icon }) : null,
+        /* @__PURE__ */ jsx22("span", { class: `${p35}-sidebar-nav-label`, children: item.label })
       ]
     }
   ) }, item.id ?? item.label)) });
 }
 function SidebarCards({ items }) {
-  const p33 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-cards`, children: items.map((item) => /* @__PURE__ */ jsxs17(
+  const p35 = BRAND.cssPrefix;
+  return /* @__PURE__ */ jsx22("div", { class: `${p35}-sidebar-cards`, children: items.map((item) => /* @__PURE__ */ jsxs18(
     "a",
     {
-      class: `${p33}-sidebar-card`,
+      class: `${p35}-sidebar-card`,
       href: item.href,
       target: item.href ? "_blank" : void 0,
       rel: item.href ? "noreferrer" : void 0,
       children: [
-        /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-card-label`, children: item.label }),
-        item.description ? /* @__PURE__ */ jsx21("div", { class: `${p33}-sidebar-card-desc`, children: item.description }) : null
+        /* @__PURE__ */ jsx22("div", { class: `${p35}-sidebar-card-label`, children: item.label }),
+        item.description ? /* @__PURE__ */ jsx22("div", { class: `${p35}-sidebar-card-desc`, children: item.description }) : null
       ]
     },
     item.id ?? item.label
@@ -6007,11 +6127,11 @@ function SidebarCards({ items }) {
 }
 
 // src/ui/page-shell.tsx
-import { jsx as jsx22, jsxs as jsxs18 } from "preact/jsx-runtime";
-var p18 = BRAND.cssPrefix;
+import { jsx as jsx23, jsxs as jsxs19 } from "preact/jsx-runtime";
+var p20 = BRAND.cssPrefix;
 function PageShell(props2) {
-  return /* @__PURE__ */ jsxs18("main", { class: `${p18}-page-shell`, "data-sidebar-collapsed": props2.sidebarCollapsed ? "true" : "false", children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs19("main", { class: `${p20}-page-shell`, "data-sidebar-collapsed": props2.sidebarCollapsed ? "true" : "false", children: [
+    /* @__PURE__ */ jsx23(
       Sidebar,
       {
         site: props2.site,
@@ -6019,6 +6139,7 @@ function PageShell(props2) {
         transport: props2.transport,
         strings: props2.strings,
         locale: props2.locale,
+        persistence: props2.persistence,
         visitorId: props2.visitorId,
         showConversations: props2.showConversations,
         onSelectConversation: props2.onSelectConversation,
@@ -6027,7 +6148,7 @@ function PageShell(props2) {
         onToggleCollapsed: props2.onToggleSidebarCollapsed
       }
     ),
-    /* @__PURE__ */ jsx22("section", { class: `${p18}-page-chat`, "aria-label": "Chat", children: props2.children })
+    /* @__PURE__ */ jsx23("section", { class: `${p20}-page-chat`, "aria-label": "Chat", children: props2.children })
   ] });
 }
 
@@ -6065,7 +6186,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 useComputed6 } from "@preact/signals";
+import { useComputed as useComputed7 } from "@preact/signals";
 
 // src/ui/modules/chat.tsx
 var chatLayout = {
@@ -6077,80 +6198,80 @@ var chatLayout = {
 import { useEffect as useEffect10, useMemo as useMemo2, useState as useState8 } from "preact/hooks";
 
 // src/ui/back-header.tsx
-import { jsx as jsx23, jsxs as jsxs19 } from "preact/jsx-runtime";
-var p19 = BRAND.cssPrefix;
+import { jsx as jsx24, jsxs as jsxs20 } from "preact/jsx-runtime";
+var p21 = BRAND.cssPrefix;
 function TitleBar({ title, actions }) {
-  return /* @__PURE__ */ jsxs19("header", { class: `${p19}-back-header`, "data-variant": "title", children: [
-    /* @__PURE__ */ jsx23("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx23("h1", { class: `${p19}-back-title`, children: title }),
-    actions ?? /* @__PURE__ */ jsx23("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" })
+  return /* @__PURE__ */ jsxs20("header", { class: `${p21}-back-header`, "data-variant": "title", children: [
+    /* @__PURE__ */ jsx24("span", { class: `${p21}-back-spacer`, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx24("h1", { class: `${p21}-back-title`, children: title }),
+    actions ?? /* @__PURE__ */ jsx24("span", { class: `${p21}-back-spacer`, "aria-hidden": "true" })
   ] });
 }
 function BackHeader({ title, backLabel, onBack, actions, testid }) {
-  return /* @__PURE__ */ jsxs19("header", { class: `${p19}-back-header`, "data-testid": testid, children: [
-    /* @__PURE__ */ jsx23("button", { type: "button", class: `${p19}-icon-btn`, onClick: onBack, "aria-label": backLabel, title: backLabel, children: /* @__PURE__ */ jsx23(BackIcon, {}) }),
-    /* @__PURE__ */ jsx23("h1", { class: `${p19}-back-title`, children: title }),
-    actions ?? /* @__PURE__ */ jsx23("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" })
+  return /* @__PURE__ */ jsxs20("header", { class: `${p21}-back-header`, "data-testid": testid, children: [
+    /* @__PURE__ */ jsx24("button", { type: "button", class: `${p21}-icon-btn`, onClick: onBack, "aria-label": backLabel, title: backLabel, children: /* @__PURE__ */ jsx24(BackIcon, {}) }),
+    /* @__PURE__ */ jsx24("h1", { class: `${p21}-back-title`, children: title }),
+    actions ?? /* @__PURE__ */ jsx24("span", { class: `${p21}-back-spacer`, "aria-hidden": "true" })
   ] });
 }
 
 // src/ui/home-search.tsx
-import { jsx as jsx24, jsxs as jsxs20 } from "preact/jsx-runtime";
-var p20 = BRAND.cssPrefix;
+import { jsx as jsx25, jsxs as jsxs21 } from "preact/jsx-runtime";
+var p22 = BRAND.cssPrefix;
 function HomeSearchButton({ placeholder, onActivate }) {
-  return /* @__PURE__ */ jsxs20("button", { type: "button", class: `${p20}-home-search`, onClick: onActivate, "data-testid": TID.homeSearch, children: [
-    /* @__PURE__ */ jsx24("span", { class: `${p20}-home-search-text`, children: placeholder }),
-    /* @__PURE__ */ jsx24("span", { class: `${p20}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx24(SearchIcon, {}) })
+  return /* @__PURE__ */ jsxs21("button", { type: "button", class: `${p22}-home-search`, onClick: onActivate, "data-testid": TID.homeSearch, children: [
+    /* @__PURE__ */ jsx25("span", { class: `${p22}-home-search-text`, children: placeholder }),
+    /* @__PURE__ */ jsx25("span", { class: `${p22}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx25(SearchIcon, {}) })
   ] });
 }
 function HelpSearchInput({ placeholder, value, onInput }) {
-  return /* @__PURE__ */ jsxs20("div", { class: `${p20}-home-search`, "data-input": "true", children: [
-    /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsxs21("div", { class: `${p22}-home-search`, "data-input": "true", children: [
+    /* @__PURE__ */ jsx25(
       "input",
       {
         type: "search",
-        class: `${p20}-home-search-input`,
+        class: `${p22}-home-search-input`,
         placeholder,
         value,
         onInput: (e) => onInput(e.currentTarget.value),
         "data-testid": TID.helpSearch
       }
     ),
-    /* @__PURE__ */ jsx24("span", { class: `${p20}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx24(SearchIcon, {}) })
+    /* @__PURE__ */ jsx25("span", { class: `${p22}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx25(SearchIcon, {}) })
   ] });
 }
 
 // src/ui/list-row.tsx
-import { jsx as jsx25, jsxs as jsxs21 } from "preact/jsx-runtime";
-var p21 = BRAND.cssPrefix;
+import { jsx as jsx26, jsxs as jsxs22 } from "preact/jsx-runtime";
+var p23 = BRAND.cssPrefix;
 function ListRow({ title, subtitle, onClick, testid }) {
-  return /* @__PURE__ */ jsxs21("button", { type: "button", class: `${p21}-list-row`, onClick, "data-testid": testid, children: [
-    /* @__PURE__ */ jsxs21("span", { class: `${p21}-list-row-body`, children: [
-      /* @__PURE__ */ jsx25("span", { class: `${p21}-list-row-title`, children: title }),
-      subtitle ? /* @__PURE__ */ jsx25("span", { class: `${p21}-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__ */ jsx26("span", { class: `${p23}-list-row-title`, children: title }),
+      subtitle ? /* @__PURE__ */ jsx26("span", { class: `${p23}-list-row-sub`, children: subtitle }) : null
     ] }),
-    /* @__PURE__ */ jsx25("span", { class: `${p21}-list-row-chevron`, "aria-hidden": "true", children: /* @__PURE__ */ jsx25(ChevronRightIcon, {}) })
+    /* @__PURE__ */ jsx26("span", { class: `${p23}-list-row-chevron`, "aria-hidden": "true", children: /* @__PURE__ */ jsx26(ChevronRightIcon, {}) })
   ] });
 }
 
 // src/ui/module-state.tsx
-import { jsx as jsx26, jsxs as jsxs22 } from "preact/jsx-runtime";
-var p22 = BRAND.cssPrefix;
+import { jsx as jsx27, jsxs as jsxs23 } from "preact/jsx-runtime";
+var p24 = BRAND.cssPrefix;
 function ModuleState({
   tone = "info",
   message,
   onRetry,
   strings
 }) {
-  return /* @__PURE__ */ jsxs22("div", { class: `${p22}-module-empty`, role: tone === "error" ? "alert" : "status", "aria-live": "polite", children: [
-    /* @__PURE__ */ jsx26("span", { children: message }),
-    onRetry ? /* @__PURE__ */ jsx26("button", { type: "button", class: `${p22}-module-retry`, onClick: onRetry, children: strings.errorRetry }) : null
+  return /* @__PURE__ */ jsxs23("div", { class: `${p24}-module-empty`, role: tone === "error" ? "alert" : "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx27("span", { children: message }),
+    onRetry ? /* @__PURE__ */ jsx27("button", { type: "button", class: `${p24}-module-retry`, onClick: onRetry, children: strings.errorRetry }) : null
   ] });
 }
 
 // src/ui/modules/help.tsx
-import { jsx as jsx27, jsxs as jsxs23 } from "preact/jsx-runtime";
-var p23 = BRAND.cssPrefix;
+import { jsx as jsx28, jsxs as jsxs24 } from "preact/jsx-runtime";
+var p25 = BRAND.cssPrefix;
 var log12 = logger.scope("help");
 var openArticle = (nav, a) => a.url ? nav.push({ kind: "iframe", url: a.url, title: a.title }) : nav.push({ kind: "content", id: a.id, title: a.title });
 function groupByCategory(items) {
@@ -6179,7 +6300,7 @@ function fuzzySearch(items, query) {
   return items.map((item) => ({ item, score: Math.max(fuzzyScore(q, item.title) * 2, fuzzyScore(q, item.description ?? "")) })).filter((r) => r.score > 0).toSorted((a, b) => b.score - a.score).map((r) => r.item);
 }
 function ArticleRow({ article, nav }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     ListRow,
     {
       title: article.title,
@@ -6224,46 +6345,46 @@ function HelpRoot({ transport, strings, config, nav, bus, panelProps }) {
   }, [query, results, bus]);
   function renderBody() {
     if (query.trim().length > 0) {
-      if (results.length === 0) return /* @__PURE__ */ jsx27(ModuleState, { message: strings.helpSearchEmpty, strings });
-      return /* @__PURE__ */ jsx27("div", { class: `${p23}-help-card`, children: results.map((a) => /* @__PURE__ */ jsx27(ArticleRow, { article: a, nav }, a.id)) });
+      if (results.length === 0) return /* @__PURE__ */ jsx28(ModuleState, { message: strings.helpSearchEmpty, strings });
+      return /* @__PURE__ */ jsx28("div", { class: `${p25}-help-card`, children: results.map((a) => /* @__PURE__ */ jsx28(ArticleRow, { article: a, nav }, a.id)) });
     }
-    if (state === "loading") return /* @__PURE__ */ jsx27(ModuleState, { message: strings.helpLoading, strings });
+    if (state === "loading") return /* @__PURE__ */ jsx28(ModuleState, { message: strings.helpLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx27(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
+      return /* @__PURE__ */ jsx28(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
-    if (items.length === 0) return /* @__PURE__ */ jsx27(ModuleState, { message: strings.helpEmpty, strings });
-    return groupByCategory(items).map(([category, rows]) => /* @__PURE__ */ jsxs23("section", { class: `${p23}-help-group`, children: [
-      category ? /* @__PURE__ */ jsx27("h2", { class: `${p23}-help-section-title`, children: category }) : null,
-      /* @__PURE__ */ jsx27("div", { class: `${p23}-help-card`, children: rows.map((a) => /* @__PURE__ */ jsx27(ArticleRow, { article: a, nav }, a.id)) })
+    if (items.length === 0) return /* @__PURE__ */ jsx28(ModuleState, { message: strings.helpEmpty, strings });
+    return groupByCategory(items).map(([category, rows]) => /* @__PURE__ */ jsxs24("section", { class: `${p25}-help-group`, children: [
+      category ? /* @__PURE__ */ jsx28("h2", { class: `${p25}-help-section-title`, children: category }) : null,
+      /* @__PURE__ */ jsx28("div", { class: `${p25}-help-card`, children: rows.map((a) => /* @__PURE__ */ jsx28(ArticleRow, { article: a, nav }, a.id)) })
     ] }, category));
   }
-  return /* @__PURE__ */ jsxs23("div", { class: `${p23}-module`, children: [
-    /* @__PURE__ */ jsx27(TitleBar, { title: strings.helpTitle, actions: /* @__PURE__ */ jsx27(HeaderActions, { panelProps, variant: "plain" }) }),
-    /* @__PURE__ */ jsx27("div", { class: `${p23}-module-pad`, children: /* @__PURE__ */ jsx27(HelpSearchInput, { placeholder: strings.helpSearchPlaceholder, value: query, onInput: setQuery }) }),
-    /* @__PURE__ */ jsx27("div", { class: `${p23}-help-list`, children: renderBody() })
+  return /* @__PURE__ */ jsxs24("div", { class: `${p25}-module`, children: [
+    /* @__PURE__ */ jsx28(TitleBar, { title: strings.helpTitle, actions: /* @__PURE__ */ jsx28(HeaderActions, { panelProps, variant: "plain" }) }),
+    /* @__PURE__ */ jsx28("div", { class: `${p25}-module-pad`, children: /* @__PURE__ */ jsx28(HelpSearchInput, { placeholder: strings.helpSearchPlaceholder, value: query, onInput: setQuery }) }),
+    /* @__PURE__ */ jsx28("div", { class: `${p25}-help-list`, children: renderBody() })
   ] });
 }
 var helpLayout = {
   Icon: HelpIcon,
-  Root: (props2) => /* @__PURE__ */ jsx27(HelpRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx28(HelpRoot, { ...props2 })
 };
 
 // src/ui/modules/home.tsx
 import { useEffect as useEffect11, useState as useState9 } from "preact/hooks";
 
 // src/ui/home-card.tsx
-import { jsx as jsx28 } from "preact/jsx-runtime";
-var p24 = BRAND.cssPrefix;
+import { jsx as jsx29 } from "preact/jsx-runtime";
+var p26 = BRAND.cssPrefix;
 function HomeCard({ onClick, children, testid }) {
   if (onClick) {
-    return /* @__PURE__ */ jsx28("button", { type: "button", class: `${p24}-home-card`, "data-interactive": "true", onClick, "data-testid": testid, children });
+    return /* @__PURE__ */ jsx29("button", { type: "button", class: `${p26}-home-card`, "data-interactive": "true", onClick, "data-testid": testid, children });
   }
-  return /* @__PURE__ */ jsx28("div", { class: `${p24}-home-card`, "data-testid": testid, children });
+  return /* @__PURE__ */ jsx29("div", { class: `${p26}-home-card`, "data-testid": testid, children });
 }
 
 // src/ui/modules/home.tsx
-import { Fragment as Fragment6, jsx as jsx29, jsxs as jsxs24 } from "preact/jsx-runtime";
-var p25 = BRAND.cssPrefix;
+import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs25 } from "preact/jsx-runtime";
+var p27 = BRAND.cssPrefix;
 var log13 = logger.scope("home");
 function resolveGreeting(props2) {
   const name = props2.options.userContext?.name;
@@ -6306,49 +6427,49 @@ 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__ */ jsx29("div", { class: `${p25}-module ${p25}-home`, "data-testid": TID.homeView, children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-scroll`, children: [
-    /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-hero`, children: [
-      /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-hero-top`, children: [
-        config.brandName ? /* @__PURE__ */ jsx29("span", { class: `${p25}-home-brand`, "data-testid": TID.homeBrand, children: config.brandName }) : /* @__PURE__ */ jsx29("span", { class: `${p25}-home-brand-spacer`, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-hero-actions`, children: [
-          avatars.length > 0 ? /* @__PURE__ */ jsx29("div", { class: `${p25}-home-avatars`, children: avatars.map((a) => /* @__PURE__ */ jsx29("span", { class: `${p25}-home-avatar`, title: a.role ? `${a.name} \xB7 ${a.role}` : a.name, children: a.avatar ? /* @__PURE__ */ jsx29("img", { src: a.avatar, alt: "", loading: "lazy" }) : /* @__PURE__ */ jsx29("span", { children: initials(a.name) }) }, a.name)) }) : null,
-          /* @__PURE__ */ jsx29(HeaderActions, { panelProps, variant: "plain" })
+  return /* @__PURE__ */ jsx30("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__ */ jsx30("span", { class: `${p27}-home-brand`, "data-testid": TID.homeBrand, children: config.brandName }) : /* @__PURE__ */ jsx30("span", { class: `${p27}-home-brand-spacer`, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs25("div", { class: `${p27}-home-hero-actions`, children: [
+          avatars.length > 0 ? /* @__PURE__ */ jsx30("div", { class: `${p27}-home-avatars`, children: avatars.map((a) => /* @__PURE__ */ jsx30("span", { class: `${p27}-home-avatar`, title: a.role ? `${a.name} \xB7 ${a.role}` : a.name, children: a.avatar ? /* @__PURE__ */ jsx30("img", { src: a.avatar, alt: "", loading: "lazy" }) : /* @__PURE__ */ jsx30("span", { children: initials(a.name) }) }, a.name)) }) : null,
+          /* @__PURE__ */ jsx30(HeaderActions, { panelProps, variant: "plain" })
         ] })
       ] }),
-      config.showGreeting !== false ? /* @__PURE__ */ jsxs24(Fragment6, { children: [
-        /* @__PURE__ */ jsx29("h1", { class: `${p25}-home-greeting`, "data-testid": TID.homeGreeting, children: greeting.title }),
-        greeting.subtitle ? /* @__PURE__ */ jsx29("p", { class: `${p25}-home-lead`, children: greeting.subtitle }) : null
+      config.showGreeting !== false ? /* @__PURE__ */ jsxs25(Fragment6, { children: [
+        /* @__PURE__ */ jsx30("h1", { class: `${p27}-home-greeting`, "data-testid": TID.homeGreeting, children: greeting.title }),
+        greeting.subtitle ? /* @__PURE__ */ jsx30("p", { class: `${p27}-home-lead`, children: greeting.subtitle }) : null
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-cards`, children: [
-      config.showSearchBar !== false ? /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsxs25("div", { class: `${p27}-home-cards`, children: [
+      config.showSearchBar !== false ? /* @__PURE__ */ jsx30(
         HomeSearchButton,
         {
           placeholder: strings.homeSearchPlaceholder,
           onActivate: () => nav.switchToLayout("help")
         }
       ) : null,
-      recent ? /* @__PURE__ */ jsx29(HomeCard, { onClick: () => nav.selectConversation(recent.conversationId), testid: TID.homeRecent, children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-recent-row`, "data-unread": (recent.unreadCount ?? 0) > 0 ? "true" : void 0, children: [
-        /* @__PURE__ */ jsx29("span", { class: `${p25}-home-recent-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx29(BubblesIcon, {}) }),
-        /* @__PURE__ */ jsxs24("span", { class: `${p25}-home-recent-body`, children: [
-          /* @__PURE__ */ jsx29("span", { class: `${p25}-home-recent-title`, children: recent.title }),
-          recent.preview ? /* @__PURE__ */ jsx29("span", { class: `${p25}-home-recent-preview`, children: recent.preview }) : null
+      recent ? /* @__PURE__ */ jsx30(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__ */ jsx30("span", { class: `${p27}-home-recent-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx30(BubblesIcon, {}) }),
+        /* @__PURE__ */ jsxs25("span", { class: `${p27}-home-recent-body`, children: [
+          /* @__PURE__ */ jsx30("span", { class: `${p27}-home-recent-title`, children: recent.title }),
+          recent.preview ? /* @__PURE__ */ jsx30("span", { class: `${p27}-home-recent-preview`, children: recent.preview }) : null
         ] }),
-        (recent.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx29("span", { class: `${p25}-home-recent-dot`, "aria-label": "Unread" }) : null
+        (recent.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx30("span", { class: `${p27}-home-recent-dot`, "aria-label": "Unread" }) : null
       ] }) }) : null,
-      status ? /* @__PURE__ */ jsx29(
+      status ? /* @__PURE__ */ jsx30(
         HomeCard,
         {
           onClick: status.url ? () => nav.push({ kind: "iframe", url: status.url, title: statusText }) : void 0,
-          children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-status`, "data-level": status.level ?? "operational", children: [
-            /* @__PURE__ */ jsx29("span", { class: `${p25}-home-status-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx29(StatusOkIcon, {}) }),
-            /* @__PURE__ */ jsx29("span", { class: `${p25}-home-status-text`, children: statusText })
+          children: /* @__PURE__ */ jsxs25("div", { class: `${p27}-home-status`, "data-level": status.level ?? "operational", children: [
+            /* @__PURE__ */ jsx30("span", { class: `${p27}-home-status-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx30(StatusOkIcon, {}) }),
+            /* @__PURE__ */ jsx30("span", { class: `${p27}-home-status-text`, children: statusText })
           ] })
         }
       ) : null,
-      content.length > 0 ? /* @__PURE__ */ jsxs24("section", { class: `${p25}-home-content`, children: [
-        /* @__PURE__ */ jsx29("div", { class: `${p25}-home-content-title`, children: contentTitle }),
-        /* @__PURE__ */ jsx29("div", { class: `${p25}-home-content-list`, children: content.map((item) => /* @__PURE__ */ jsx29(
+      content.length > 0 ? /* @__PURE__ */ jsxs25("section", { class: `${p27}-home-content`, children: [
+        /* @__PURE__ */ jsx30("div", { class: `${p27}-home-content-title`, children: contentTitle }),
+        /* @__PURE__ */ jsx30("div", { class: `${p27}-home-content-list`, children: content.map((item) => /* @__PURE__ */ jsx30(
           ListRow,
           {
             title: item.title,
@@ -6364,13 +6485,13 @@ function HomeRoot(props2) {
 }
 var homeLayout = {
   Icon: HomeIcon,
-  Root: (props2) => /* @__PURE__ */ jsx29(HomeRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx30(HomeRoot, { ...props2 })
 };
 
 // src/ui/modules/news.tsx
 import { useEffect as useEffect12, useState as useState10 } from "preact/hooks";
-import { jsx as jsx30, jsxs as jsxs25 } from "preact/jsx-runtime";
-var p26 = BRAND.cssPrefix;
+import { jsx as jsx31, jsxs as jsxs26 } from "preact/jsx-runtime";
+var p28 = BRAND.cssPrefix;
 var log14 = logger.scope("news");
 function NewsRoot({ transport, strings, config, nav, bus, panelProps }) {
   const tags = config.contentTags;
@@ -6398,37 +6519,37 @@ function NewsRoot({ transport, strings, config, nav, bus, panelProps }) {
     };
   }, [transport, tags, reloadKey, bus]);
   function renderBody() {
-    if (state === "loading") return /* @__PURE__ */ jsx30(ModuleState, { message: strings.newsLoading, strings });
+    if (state === "loading") return /* @__PURE__ */ jsx31(ModuleState, { message: strings.newsLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx30(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
+      return /* @__PURE__ */ jsx31(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
-    if (items.length === 0) return /* @__PURE__ */ jsx30(ModuleState, { message: strings.newsEmpty, strings });
-    return /* @__PURE__ */ jsx30("div", { class: `${p26}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs25(
+    if (items.length === 0) return /* @__PURE__ */ jsx31(ModuleState, { message: strings.newsEmpty, strings });
+    return /* @__PURE__ */ jsx31("div", { class: `${p28}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs26(
       "button",
       {
         type: "button",
-        class: `${p26}-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__ */ jsx30("img", { class: `${p26}-news-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
-          /* @__PURE__ */ jsxs25("span", { class: `${p26}-news-body`, children: [
-            /* @__PURE__ */ jsx30("span", { class: `${p26}-news-title`, children: item.title }),
-            item.description ? /* @__PURE__ */ jsx30("span", { class: `${p26}-news-summary`, children: item.description }) : null
+          item.image ? /* @__PURE__ */ jsx31("img", { class: `${p28}-news-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
+          /* @__PURE__ */ jsxs26("span", { class: `${p28}-news-body`, children: [
+            /* @__PURE__ */ jsx31("span", { class: `${p28}-news-title`, children: item.title }),
+            item.description ? /* @__PURE__ */ jsx31("span", { class: `${p28}-news-summary`, children: item.description }) : null
           ] })
         ]
       },
       item.id
     )) });
   }
-  return /* @__PURE__ */ jsxs25("div", { class: `${p26}-module`, children: [
-    /* @__PURE__ */ jsx30(TitleBar, { title: strings.newsTitle, actions: /* @__PURE__ */ jsx30(HeaderActions, { panelProps, variant: "plain" }) }),
-    /* @__PURE__ */ jsx30("div", { class: `${p26}-module-scroll`, children: renderBody() })
+  return /* @__PURE__ */ jsxs26("div", { class: `${p28}-module`, children: [
+    /* @__PURE__ */ jsx31(TitleBar, { title: strings.newsTitle, actions: /* @__PURE__ */ jsx31(HeaderActions, { panelProps, variant: "plain" }) }),
+    /* @__PURE__ */ jsx31("div", { class: `${p28}-module-scroll`, children: renderBody() })
   ] });
 }
 var newsLayout = {
   Icon: NewsIcon,
-  Root: (props2) => /* @__PURE__ */ jsx30(NewsRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx31(NewsRoot, { ...props2 })
 };
 
 // src/ui/modules/registry.ts
@@ -6440,28 +6561,28 @@ var LAYOUTS = {
 };
 
 // src/ui/home-tab-bar.tsx
-import { jsx as jsx31, jsxs as jsxs26 } from "preact/jsx-runtime";
-var p27 = BRAND.cssPrefix;
+import { jsx as jsx32, jsxs as jsxs27 } from "preact/jsx-runtime";
+var p29 = BRAND.cssPrefix;
 function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
-  return /* @__PURE__ */ jsx31("nav", { class: `${p27}-tabbar`, role: "tablist", "aria-label": strings.panelTitle, children: modules.map((m) => {
+  return /* @__PURE__ */ jsx32("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__ */ jsxs26(
+    return /* @__PURE__ */ jsxs27(
       "button",
       {
         type: "button",
         role: "tab",
         "aria-selected": selected,
-        class: `${p27}-tab`,
+        class: `${p29}-tab`,
         onClick: () => onSelect(m.id),
         "data-testid": tid(TID.tab, m.id),
         children: [
-          /* @__PURE__ */ jsxs26("span", { class: `${p27}-tab-icon`, "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx31(Icon, {}),
-            badge ? /* @__PURE__ */ jsx31("span", { class: `${p27}-tab-badge`, "data-testid": TID.tabBadge, children: badge }) : null
+          /* @__PURE__ */ jsxs27("span", { class: `${p29}-tab-icon`, "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx32(Icon, {}),
+            badge ? /* @__PURE__ */ jsx32("span", { class: `${p29}-tab-badge`, "data-testid": TID.tabBadge, children: badge }) : null
           ] }),
-          /* @__PURE__ */ jsx31("span", { class: `${p27}-tab-label`, children: localizeText(strings, m.label) })
+          /* @__PURE__ */ jsx32("span", { class: `${p29}-tab-label`, children: localizeText(strings, m.label) })
         ]
       },
       m.id
@@ -6470,12 +6591,12 @@ function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
 }
 
 // src/ui/iframe-view.tsx
-import { jsx as jsx32, jsxs as jsxs27 } from "preact/jsx-runtime";
-var p28 = BRAND.cssPrefix;
+import { jsx as jsx33, 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__ */ jsxs27("div", { class: `${p28}-module`, children: [
-    /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsxs28("div", { class: `${p30}-module`, children: [
+    /* @__PURE__ */ jsx33(
       BackHeader,
       {
         title: title || strings.moduleBack,
@@ -6484,10 +6605,10 @@ function IframeView({ url, title, strings, onBack, actions }) {
         actions
       }
     ),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx33(
       "iframe",
       {
-        class: `${p28}-content-frame`,
+        class: `${p30}-content-frame`,
         src: url,
         title: title || "content",
         sandbox: SANDBOX,
@@ -6501,8 +6622,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 jsx33, jsxs as jsxs28 } from "preact/jsx-runtime";
-var p29 = BRAND.cssPrefix;
+import { jsx as jsx34, jsxs as jsxs29 } from "preact/jsx-runtime";
+var p31 = BRAND.cssPrefix;
 var log15 = logger.scope("content");
 var READ_DWELL_MS = 5e3;
 function ContentView({ id, title, transport, strings, bus, onBack, actions }) {
@@ -6546,16 +6667,16 @@ function ContentView({ id, title, transport, strings, bus, onBack, actions }) {
     [bus, id]
   );
   function renderBody() {
-    if (failed) return /* @__PURE__ */ jsx33(ModuleState, { tone: "error", message: strings.errorGeneric, onRetry: retry, strings });
-    if (item === null) return /* @__PURE__ */ jsx33(ModuleState, { message: strings.contentLoading, strings });
-    return /* @__PURE__ */ jsxs28("article", { class: `${p29}-content`, "data-testid": TID.contentView, onClick: onArticleClick, children: [
-      item.image ? /* @__PURE__ */ jsx33("img", { class: `${p29}-content-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
-      item.description ? /* @__PURE__ */ jsx33("p", { class: `${p29}-content-subtitle`, children: item.description }) : null,
-      /* @__PURE__ */ jsx33(StaticMarkdown, { text: item.content ?? "" })
+    if (failed) return /* @__PURE__ */ jsx34(ModuleState, { tone: "error", message: strings.errorGeneric, onRetry: retry, strings });
+    if (item === null) return /* @__PURE__ */ jsx34(ModuleState, { message: strings.contentLoading, strings });
+    return /* @__PURE__ */ jsxs29("article", { class: `${p31}-content`, "data-testid": TID.contentView, onClick: onArticleClick, children: [
+      item.image ? /* @__PURE__ */ jsx34("img", { class: `${p31}-content-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
+      item.description ? /* @__PURE__ */ jsx34("p", { class: `${p31}-content-subtitle`, children: item.description }) : null,
+      /* @__PURE__ */ jsx34(StaticMarkdown, { text: item.content ?? "" })
     ] });
   }
-  return /* @__PURE__ */ jsxs28("div", { class: `${p29}-module`, children: [
-    /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs29("div", { class: `${p31}-module`, children: [
+    /* @__PURE__ */ jsx34(
       BackHeader,
       {
         title: item?.title || title || strings.moduleBack,
@@ -6565,13 +6686,13 @@ function ContentView({ id, title, transport, strings, bus, onBack, actions }) {
         testid: TID.backHeader
       }
     ),
-    /* @__PURE__ */ jsx33("div", { class: `${p29}-module-scroll`, "data-testid": TID.contentScroll, children: renderBody() })
+    /* @__PURE__ */ jsx34("div", { class: `${p31}-module-scroll`, "data-testid": TID.contentScroll, children: renderBody() })
   ] });
 }
 
 // src/ui/messenger-home.tsx
-import { jsx as jsx34, jsxs as jsxs29 } from "preact/jsx-runtime";
-var p30 = BRAND.cssPrefix;
+import { jsx as jsx35, jsxs as jsxs30 } from "preact/jsx-runtime";
+var p32 = BRAND.cssPrefix;
 function MessengerHome({
   panelProps,
   enabledModules,
@@ -6605,7 +6726,7 @@ function MessengerHome({
   }, []);
   const { visible: dragOver } = useFileDrop({ containerRef, onDrop: onDropItems });
   useDragMove(containerRef.current, options.mode === "modal");
-  const navState = useComputed6(() => nav.sig.value).value;
+  const navState = useComputed7(() => nav.sig.value).value;
   const top = topScreen(navState);
   const activeModule = options.modules.byId[navState.activeTab];
   const isReader = top?.kind === "iframe" || top?.kind === "content";
@@ -6642,12 +6763,12 @@ function MessengerHome({
     bus,
     panelProps
   });
-  const plainActions = /* @__PURE__ */ jsx34(HeaderActions, { panelProps, variant: "plain" });
+  const plainActions = /* @__PURE__ */ jsx35(HeaderActions, { panelProps, variant: "plain" });
   if (activeModule) visitedRef.current.add(activeModule.id);
   const visitedTabs = enabledModules.filter((m) => visitedRef.current.has(m.id));
   const tabRoot = (module) => {
     if (module.layout === "chat") {
-      return /* @__PURE__ */ jsx34(
+      return /* @__PURE__ */ jsx35(
         PanelContent,
         {
           ...panelProps,
@@ -6658,14 +6779,14 @@ function MessengerHome({
       );
     }
     const Root = LAYOUTS[module.layout].Root;
-    return Root ? /* @__PURE__ */ jsx34(Root, { ...screenProps(module) }) : null;
+    return Root ? /* @__PURE__ */ jsx35(Root, { ...screenProps(module) }) : null;
   };
   const renderReader = () => {
     if (top?.kind === "iframe") {
-      return /* @__PURE__ */ jsx34(IframeView, { url: top.url, title: top.title, strings, onBack: nav.pop, actions: plainActions });
+      return /* @__PURE__ */ jsx35(IframeView, { url: top.url, title: top.title, strings, onBack: nav.pop, actions: plainActions });
     }
     if (top?.kind === "content") {
-      return /* @__PURE__ */ jsx34(
+      return /* @__PURE__ */ jsx35(
         ContentView,
         {
           id: top.id,
@@ -6680,22 +6801,22 @@ function MessengerHome({
     }
     return null;
   };
-  return /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
       ref: containerRef,
-      class: `${p30}-panel ${p30}-messenger`,
+      class: `${p32}-panel ${p32}-messenger`,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": strings.panelTitle,
       style: { position: "relative" },
       "data-testid": TID.messengerHome,
       children: [
-        /* @__PURE__ */ jsxs29("div", { class: `${p30}-messenger-body`, children: [
-          visitedTabs.map((m) => /* @__PURE__ */ jsx34("div", { class: `${p30}-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__ */ jsx35("div", { class: `${p32}-messenger-pane`, hidden: isReader || m.id !== activeModule?.id, children: tabRoot(m) }, m.id)),
           renderReader()
         ] }),
-        showTabBar ? /* @__PURE__ */ jsx34(
+        showTabBar ? /* @__PURE__ */ jsx35(
           HomeTabBar,
           {
             modules: enabledModules,
@@ -6705,8 +6826,8 @@ function MessengerHome({
             onSelect: nav.switchTab
           }
         ) : null,
-        /* @__PURE__ */ jsx34(PoweredByBar, { poweredBy: options.poweredBy }),
-        options.size.resize?.enabled && !(activeModule?.layout === "chat" && !top) ? /* @__PURE__ */ jsx34(
+        /* @__PURE__ */ jsx35(PoweredByBar, { poweredBy: options.poweredBy }),
+        options.size.resize?.enabled && !(activeModule?.layout === "chat" && !top) ? /* @__PURE__ */ jsx35(
           ResizeGrip,
           {
             panelEl: containerRef.current,
@@ -6723,29 +6844,29 @@ function MessengerHome({
 }
 
 // src/ui/modules-empty.tsx
-import { jsx as jsx35, jsxs as jsxs30 } from "preact/jsx-runtime";
-var p31 = BRAND.cssPrefix;
+import { jsx as jsx36, jsxs as jsxs31 } from "preact/jsx-runtime";
+var p33 = BRAND.cssPrefix;
 function ModulesEmpty({ strings, onClose }) {
-  return /* @__PURE__ */ jsxs30(
+  return /* @__PURE__ */ jsxs31(
     "div",
     {
-      class: `${p31}-panel ${p31}-modules-empty`,
+      class: `${p33}-panel ${p33}-modules-empty`,
       role: "dialog",
       "aria-label": strings.panelTitle,
       "data-testid": TID.modulesEmpty,
       children: [
-        onClose ? /* @__PURE__ */ jsx35(
+        onClose ? /* @__PURE__ */ jsx36(
           "button",
           {
             type: "button",
-            class: `${p31}-icon-btn ${p31}-modules-empty-close`,
+            class: `${p33}-icon-btn ${p33}-modules-empty-close`,
             onClick: onClose,
             "aria-label": strings.close,
             title: strings.close,
-            children: /* @__PURE__ */ jsx35(CloseIcon, {})
+            children: /* @__PURE__ */ jsx36(CloseIcon, {})
           }
         ) : null,
-        /* @__PURE__ */ jsx35("p", { class: `${p31}-modules-empty-text`, children: strings.modulesEmpty })
+        /* @__PURE__ */ jsx36("p", { class: `${p33}-modules-empty-text`, children: strings.modulesEmpty })
       ]
     }
   );
@@ -6768,9 +6889,9 @@ function useLauncherCallout({ callout, persistence }) {
 }
 
 // src/ui/app.tsx
-import { jsx as jsx36, jsxs as jsxs31 } from "preact/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs32 } from "preact/jsx-runtime";
 var log16 = logger.scope("app");
-var p32 = BRAND.cssPrefix;
+var p34 = BRAND.cssPrefix;
 function makeLocalizedWelcome(w, strings) {
   return makeInstantWelcomeMessage({ ...w, text: localizeText(strings, w.text) });
 }
@@ -7312,7 +7433,7 @@ function App({ options, hostElement, bus }) {
       bus.emit("toolResult", { toolCallId });
       resolveTool(toolCallId, TRIGGER.toolResult, (part) => {
         part.outputSig.value = output;
-        part.stateSig.value = "output";
+        part.stateSig.value = "output-available";
       });
     },
     [bus, resolveTool]
@@ -7324,7 +7445,7 @@ function App({ options, hostElement, bus }) {
       resolveTool(toolCallId, TRIGGER.toolApproval, (part) => {
         const id = part.approvalSig.value?.id ?? toolCallId;
         part.approvalSig.value = { id, approved, reason };
-        part.stateSig.value = "output";
+        part.stateSig.value = "approval-responded";
       });
     },
     [bus, resolveTool]
@@ -7365,12 +7486,12 @@ function App({ options, hostElement, bus }) {
       void transport.submitForm({ formId: form.id, conversationId: activeConversationId, trigger, values, skipped });
     }
   });
-  const activeForm = useComputed7(() => forms.activeForm.value);
+  const activeForm = useComputed8(() => forms.activeForm.value);
   useEffect16(() => {
     forms.refresh();
   }, [effectiveForms, forms]);
   const pageArea = options.pageContext?.area ? String(options.pageContext.area) : void 0;
-  const msgCount = useComputed7(() => messagesSig.value.length);
+  const msgCount = useComputed8(() => messagesSig.value.length);
   useEffect16(() => {
     if (conversationReady && formsReady) forms.fire("pre-chat");
   }, [conversationReady, formsReady, forms]);
@@ -7634,6 +7755,7 @@ function App({ options, hostElement, bus }) {
     transport,
     feedback,
     bus,
+    persistence,
     view,
     canSend,
     isStreaming: streaming,
@@ -7684,12 +7806,12 @@ function App({ options, hostElement, bus }) {
   const renderSurface = (size) => {
     const closeable = isActionVisible("close", effectiveOptions.mode, size);
     if (enabledModules.length === 0) {
-      return /* @__PURE__ */ jsx36(ModulesEmpty, { strings: effectiveOptions.strings, onClose: closeable ? handleClose : void 0 });
+      return /* @__PURE__ */ jsx37(ModulesEmpty, { strings: effectiveOptions.strings, onClose: closeable ? handleClose : void 0 });
     }
     if (enabledModules.length === 1 && enabledModules[0]?.layout === "chat") {
-      return /* @__PURE__ */ jsx36(Panel, { ...panelProps, panelSize: size });
+      return /* @__PURE__ */ jsx37(Panel, { ...panelProps, panelSize: size });
     }
-    return /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37(
       MessengerHome,
       {
         panelProps: { ...panelProps, panelSize: size, onClose: closeable ? handleClose : void 0 },
@@ -7708,7 +7830,7 @@ function App({ options, hostElement, bus }) {
       void handleSelectHistoryConversation(chat.conversationId);
     };
     const conversationsEnabled = enabledModules.some((m) => m.layout === "chat");
-    return /* @__PURE__ */ jsx36("div", { class: `${p32}-anchor`, children: /* @__PURE__ */ jsx36(
+    return /* @__PURE__ */ jsx37("div", { class: `${p34}-anchor`, children: /* @__PURE__ */ jsx37(
       PageShell,
       {
         site: parsedSite,
@@ -7716,6 +7838,7 @@ function App({ options, hostElement, bus }) {
         transport,
         strings: effectiveOptions.strings,
         locale: effectiveOptions.locale,
+        persistence,
         visitorId,
         showConversations: conversationsEnabled,
         onSelectConversation: onSelectConversationFromSidebar,
@@ -7728,15 +7851,15 @@ function App({ options, hostElement, bus }) {
   }
   if (isInlineLike) {
     const inlineSize = options.mode === "standalone" ? "fullscreen" : panelSize;
-    return /* @__PURE__ */ jsx36("div", { class: `${p32}-anchor`, children: renderSurface(inlineSize) });
+    return /* @__PURE__ */ jsx37("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__ */ jsxs31("div", { class: `${p32}-anchor`, "data-launcher-size": effectiveOptions.launcher.size, children: [
-    isOpen || activated ? /* @__PURE__ */ jsx36("div", { class: `${p32}-surface`, hidden: !isOpen, children: renderSurface(panelSize) }) : null,
-    launcherVisible ? /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsxs32("div", { class: `${p34}-anchor`, "data-launcher-size": effectiveOptions.launcher.size, children: [
+    isOpen || activated ? /* @__PURE__ */ jsx37("div", { class: `${p34}-surface`, hidden: !isOpen, children: renderSurface(panelSize) }) : null,
+    launcherVisible ? /* @__PURE__ */ jsx37(
       Launcher,
       {
         onToggle: handleOpen,
@@ -7746,7 +7869,7 @@ function App({ options, hostElement, bus }) {
         edgeTab: drawerEdgeTab
       }
     ) : null,
-    calloutToRender ? /* @__PURE__ */ jsx36(
+    calloutToRender ? /* @__PURE__ */ jsx37(
       LauncherCallout,
       {
         callout: calloutToRender,
@@ -7811,34 +7934,34 @@ var TRACKED = {
   expand: (on) => ({ on }),
   fullscreen: (on) => ({ on }),
   // Conversation funnel. `send` is the key conversion; text never rides.
-  send: (p33) => ({ attachments: p33.attachmentCount }),
-  message: (p33) => ({ role: p33.role }),
+  send: (p35) => ({ attachments: p35.attachmentCount }),
+  message: (p35) => ({ role: p35.role }),
   stop: () => void 0,
   clear: () => void 0,
   suggestion: () => void 0,
-  toggleHistory: (p33) => ({ view: p33.view }),
+  toggleHistory: (p35) => ({ view: p35.view }),
   handshake: () => void 0,
   // Forms + human-in-the-loop — ids and outcomes, never values.
-  formSubmit: (p33) => ({ formId: p33.formId, skipped: p33.skipped }),
+  formSubmit: (p35) => ({ formId: p35.formId, skipped: p35.skipped }),
   toolResult: () => void 0,
-  toolDecision: (p33) => ({ approved: p33.approved }),
+  toolDecision: (p35) => ({ approved: p35.approved }),
   // Content — ids, tags + counts only; titles/bodies never ride.
-  contentView: (p33) => ({ section: p33.section, tags: p33.tags, count: p33.count }),
-  contentOpen: (p33) => ({ contentId: p33.contentId, tags: p33.tags }),
-  contentSearch: (p33) => ({ qlen: p33.queryLength, hits: p33.hitCount }),
-  contentRead: (p33) => ({ contentId: p33.contentId }),
-  contentLinkClick: (p33) => ({ contentId: p33.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: (p33) => ({ count: p33.count, bytes: p33.totalBytes }),
+  attach: (p35) => ({ count: p35.count, bytes: p35.totalBytes }),
   voiceStart: () => void 0,
-  voiceStop: (p33) => ({ ms: p33.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: (p33) => ({ muted: p33.muted }),
-  sidebarToggle: (p33) => ({ collapsed: p33.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