@helpai/elements 0.9.3 → 0.10.1

package/web-component.mjs

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { h as h2, render as render2 } from "preact";
 
 // src/ui/app.tsx
-import { useCallback as useCallback8, useEffect as useEffect17, useMemo as useMemo3, useRef as useRef8, useState as useState11 } from "preact/hooks";
+import { useCallback as useCallback6, useEffect as useEffect17, useMemo as useMemo3, useRef as useRef8, useState as useState11 } from "preact/hooks";
 import { useSignal } from "@preact/signals";
 
 // src/core/brand.ts
@@ -130,14 +130,6 @@ function isNestedShape(override) {
   }
   return false;
 }
-function localeDisplayName(target, displayInLocale) {
-  try {
-    const dn = new Intl.DisplayNames([displayInLocale], { type: "language" });
-    return dn.of(target) ?? target.toUpperCase();
-  } catch {
-    return target.toUpperCase();
-  }
-}
 
 // src/core/storage.ts
 var LocalStorageAdapter = class {
@@ -805,7 +797,7 @@ var tokens_default = ':host{--__P__-accent: __BRAND_ACCENT__;--__P__-accent-text
 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{right:16px;bottom:16px}: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:14px}.__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:14px;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:#ffffff26}.__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)}: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;align-items:stretch;padding:0}: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}: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:12px 14px;border-bottom:1px solid var(--__P__-border);background:var(--__P__-bg)}.__P__-header h1{font-size:14px;font-weight:600;flex:1;letter-spacing:-.01em}.__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:14px;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{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;scrollbar-width:thin;scrollbar-color:var(--__P__-border-strong) transparent;scrollbar-gutter:stable}.__P__-list::-webkit-scrollbar{width:8px}.__P__-list::-webkit-scrollbar-thumb{background:var(--__P__-border-strong);border-radius:8px}.__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:85%;padding:var(--__P__-space-3) var(--__P__-space-4);border-radius:var(--__P__-radius);line-height:1.6;font-size:14px;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)}@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-bottom-right-radius:var(--__P__-radius-sm)}.__P__-bubble-row[data-role=assistant] .__P__-bubble{background:var(--__P__-bubble-assistant);color:var(--__P__-bubble-assistant-text);border-bottom-left-radius:var(--__P__-radius-sm)}.__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-left:1.5em;margin:10px 0}.__P__-md ul{list-style:disc}.__P__-md ol{list-style:decimal}.__P__-md li{margin:6px 0;padding-left: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:12.5px;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-left:3px solid color-mix(in srgb,var(--__P__-accent) 50%,transparent);background:color-mix(in srgb,var(--__P__-accent) 5%,transparent);border-radius:0 var(--__P__-radius-sm) var(--__P__-radius-sm) 0;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:left}.__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:6px;height:6px;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-left:var(--__P__-space-3);border-left: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::-webkit-details-marker{display:none}.__P__-reasoning-summary:before{content:"";width:5px;height:5px;border-right: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:14px;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:16px}.__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:14px;text-align:center}.__P__-history-group{display:flex;flex-direction:column;padding:0 var(--__P__-space-2)}.__P__-history-heading{font-size:var(--__P__-text-xs);font-weight:600;color:var(--__P__-fg-muted);padding:12px 8px 6px;text-transform:uppercase;letter-spacing:.04em}.__P__-history-item{all:unset;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:var(--__P__-radius-md);cursor:pointer;transition:background var(--__P__-dur-base) var(--__P__-ease)}.__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-title{font-size:14px;font-weight:500;color:var(--__P__-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-history-preview{font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-history-item[data-closed=true] .__P__-history-title:after{content:"\\2022";margin-left:var(--__P__-space-2);opacity:.5}.__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:11px;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:11px;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%;right: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__-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{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.__P__-module{display:flex;flex-direction:column;height:100%;min-height:0}.__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{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__-help-card .__P__-list-row:hover{background:var(--__P__-hover)}.__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:10px;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:14px;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-close{color:#fff}.__P__-home-greeting{margin:28px 0 0;font-family:var(--__P__-font-display);font-size:var(--__P__-text-2xl);font-weight:800;line-height:1.18;letter-spacing:-.01em;overflow-wrap:anywhere}.__P__-home-lead{margin:2px 0 0;font-family:var(--__P__-font-display);font-size:var(--__P__-text-2xl);font-weight:800;line-height:1.18;letter-spacing:-.01em;color:color-mix(in srgb,var(--__P__-on-accent) 88%,transparent);overflow-wrap:anywhere}.__P__-home-avatars{display:flex}.__P__-home-avatar{width:30px;height:30px;border-radius:999px;overflow:hidden;margin-left:-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-left: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:left;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:14px}.__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:14px}.__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:left}.__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:14px}.__P__-home-search-input{flex:1;border:0;background:transparent;font-size:14px;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:left;padding:var(--__P__-space-3) var(--__P__-space-2);border-radius:var(--__P__-radius-sm)}.__P__-list-row:hover{background:var(--__P__-bg-elevated)}.__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:left;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-tags{display:flex;gap:6px;flex-wrap:wrap}.__P__-news-tag{font-size:var(--__P__-text-xs);font-weight:600;color:var(--__P__-accent);background:color-mix(in srgb,var(--__P__-accent) 12%,transparent);padding:2px 8px;border-radius:999px}.__P__-news-title{font-weight:700;font-size:var(--__P__-text-md)}.__P__-news-summary{color:var(--__P__-fg-muted);font-size:14px;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;right:12px}.__P__-modules-empty-text{color:var(--__P__-fg-muted);font-size:var(--__P__-text-base)}\n';
+var panel_default = '.__P__-anchor{right:16px;bottom:16px}: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:14px}.__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:14px;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:#ffffff26}.__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)}: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;align-items:stretch;padding:0}: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}: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:12px 14px;border-bottom:1px solid var(--__P__-border);background:var(--__P__-bg)}.__P__-header h1{font-size:14px;font-weight:600;flex:1;letter-spacing:-.01em}.__P__-header-actions{margin-left: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:14px;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{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;scrollbar-width:thin;scrollbar-color:var(--__P__-border-strong) transparent;scrollbar-gutter:stable}.__P__-list::-webkit-scrollbar{width:8px}.__P__-list::-webkit-scrollbar-thumb{background:var(--__P__-border-strong);border-radius:8px}.__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:85%;padding:var(--__P__-space-3) var(--__P__-space-4);border-radius:var(--__P__-radius);line-height:1.6;font-size:14px;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)}@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-bottom-right-radius:var(--__P__-radius-sm)}.__P__-bubble-row[data-role=assistant] .__P__-bubble{background:var(--__P__-bubble-assistant);color:var(--__P__-bubble-assistant-text);border-bottom-left-radius:var(--__P__-radius-sm)}.__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-left:1.5em;margin:10px 0}.__P__-md ul{list-style:disc}.__P__-md ol{list-style:decimal}.__P__-md li{margin:6px 0;padding-left: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:12.5px;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-left:3px solid color-mix(in srgb,var(--__P__-accent) 50%,transparent);background:color-mix(in srgb,var(--__P__-accent) 5%,transparent);border-radius:0 var(--__P__-radius-sm) var(--__P__-radius-sm) 0;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:left}.__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:6px;height:6px;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-left:var(--__P__-space-3);border-left: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::-webkit-details-marker{display:none}.__P__-reasoning-summary:before{content:"";width:5px;height:5px;border-right: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:14px;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:16px}.__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:14px;text-align:center}.__P__-history-group{display:flex;flex-direction:column;padding:0 var(--__P__-space-2)}.__P__-history-heading{font-size:var(--__P__-text-xs);font-weight:600;color:var(--__P__-fg-muted);padding:12px 8px 6px;text-transform:uppercase;letter-spacing:.04em}.__P__-history-item{all:unset;display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:var(--__P__-radius-md);cursor:pointer;transition:background var(--__P__-dur-base) var(--__P__-ease)}.__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-title{font-size:14px;font-weight:500;color:var(--__P__-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-history-preview{font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.__P__-history-item[data-closed=true] .__P__-history-title:after{content:"\\2022";margin-left:var(--__P__-space-2);opacity:.5}.__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:11px;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:11px;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%;right: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__-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{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.__P__-module{display:flex;flex-direction:column;height:100%;min-height:0}.__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{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__-help-card .__P__-list-row:hover{background:var(--__P__-hover)}.__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:10px;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:14px;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-greeting{margin:28px 0 0;font-family:var(--__P__-font-display);font-size:var(--__P__-text-2xl);font-weight:800;line-height:1.18;letter-spacing:-.01em;overflow-wrap:anywhere}.__P__-home-lead{margin:2px 0 0;font-family:var(--__P__-font-display);font-size:var(--__P__-text-2xl);font-weight:800;line-height:1.18;letter-spacing:-.01em;color:color-mix(in srgb,var(--__P__-on-accent) 88%,transparent);overflow-wrap:anywhere}.__P__-home-avatars{display:flex}.__P__-home-avatar{width:30px;height:30px;border-radius:999px;overflow:hidden;margin-left:-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-left: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:left;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:14px}.__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:14px}.__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:left}.__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:14px}.__P__-home-search-input{flex:1;border:0;background:transparent;font-size:14px;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:left;padding:var(--__P__-space-3) var(--__P__-space-2);border-radius:var(--__P__-radius-sm)}.__P__-list-row:hover{background:var(--__P__-bg-elevated)}.__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:left;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-tags{display:flex;gap:6px;flex-wrap:wrap}.__P__-news-tag{font-size:var(--__P__-text-xs);font-weight:600;color:var(--__P__-accent);background:color-mix(in srgb,var(--__P__-accent) 12%,transparent);padding:2px 8px;border-radius:999px}.__P__-news-title{font-weight:700;font-size:var(--__P__-text-md)}.__P__-news-summary{color:var(--__P__-fg-muted);font-size:14px;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;right:12px}.__P__-modules-empty-text{color:var(--__P__-fg-muted);font-size:var(--__P__-text-base)}\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";
@@ -893,22 +885,22 @@ function attachAdoptedSheet(shadow, doc) {
   }
 }
 function applyThemeOverrides(host, overrides) {
-  const p28 = BRAND.cssPrefix;
-  if (overrides.accent) host.style.setProperty(`--${p28}-accent`, overrides.accent);
-  if (overrides.accentText) host.style.setProperty(`--${p28}-accent-text`, overrides.accentText);
-  if (overrides.radius) host.style.setProperty(`--${p28}-radius`, overrides.radius);
-  if (overrides.fontFamily) host.style.setProperty(`--${p28}-font`, overrides.fontFamily);
+  const p29 = BRAND.cssPrefix;
+  if (overrides.accent) host.style.setProperty(`--${p29}-accent`, overrides.accent);
+  if (overrides.accentText) host.style.setProperty(`--${p29}-accent-text`, overrides.accentText);
+  if (overrides.radius) host.style.setProperty(`--${p29}-radius`, overrides.radius);
+  if (overrides.fontFamily) host.style.setProperty(`--${p29}-font`, overrides.fontFamily);
 }
 function applyThemeMode(host, mode) {
   host.dataset.theme = mode;
 }
 function applySize(host, size) {
-  const p28 = BRAND.cssPrefix;
-  if (size.width !== void 0) host.style.setProperty(`--${p28}-panel-w`, size.width);
-  if (size.height !== void 0) host.style.setProperty(`--${p28}-panel-h`, size.height);
-  if (size.expanded?.width !== void 0) host.style.setProperty(`--${p28}-expanded-w`, size.expanded.width);
-  if (size.expanded?.height !== void 0) host.style.setProperty(`--${p28}-expanded-h`, size.expanded.height);
-  if (size.inset !== void 0) host.style.setProperty(`--${p28}-panel-inset`, size.inset);
+  const p29 = BRAND.cssPrefix;
+  if (size.width !== void 0) host.style.setProperty(`--${p29}-panel-w`, size.width);
+  if (size.height !== void 0) host.style.setProperty(`--${p29}-panel-h`, size.height);
+  if (size.expanded?.width !== void 0) host.style.setProperty(`--${p29}-expanded-w`, size.expanded.width);
+  if (size.expanded?.height !== void 0) host.style.setProperty(`--${p29}-expanded-h`, size.expanded.height);
+  if (size.inset !== void 0) host.style.setProperty(`--${p29}-panel-inset`, size.inset);
 }
 function applyPosition(host, pos) {
   host.dataset.position = pos;
@@ -1079,11 +1071,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 p28 = nonEmpty(page);
-  if (!u && !p28) return void 0;
+  const p29 = nonEmpty(page);
+  if (!u && !p29) return void 0;
   const envelope = {};
   if (u) envelope.user = u;
-  if (p28) envelope.page = p28;
+  if (p29) envelope.page = p29;
   return toBase64Url(JSON.stringify(envelope));
 }
 
@@ -1151,12 +1143,12 @@ function normalizeToolRef(ref) {
 }
 function messageToWireParts(m) {
   const out = [];
-  for (const p28 of m.parts) {
-    if (p28.kind === "text" && p28.text) {
-      out.push({ text: p28.text, type: "text" });
+  for (const p29 of m.parts) {
+    if (p29.kind === "text" && p29.text) {
+      out.push({ text: p29.text, type: "text" });
     }
-    if (p28.kind === "file" && p28.url) {
-      out.push({ mediaType: p28.mediaType, type: "file", url: p28.url });
+    if (p29.kind === "file" && p29.url) {
+      out.push({ mediaType: p29.mediaType, type: "file", url: p29.url });
     }
   }
   for (const a of m.attachments ?? []) {
@@ -1717,7 +1709,7 @@ function fromWireMessage(w) {
       return { kind: "file", url: part.url, mediaType: part.mediaType };
     }
     return null;
-  }).filter((p28) => p28 !== null);
+  }).filter((p29) => p29 !== null);
   return {
     id: w.id,
     role: w.role,
@@ -1745,41 +1737,41 @@ function assistantText(m) {
   }
   return out;
 }
-function partToReactive(p28) {
-  if (p28.kind === "text" || p28.kind === "reasoning") {
-    return { kind: p28.kind, id: p28.id, textSig: signal(p28.text), doneSig: signal(p28.done) };
+function partToReactive(p29) {
+  if (p29.kind === "text" || p29.kind === "reasoning") {
+    return { kind: p29.kind, id: p29.id, textSig: signal(p29.text), doneSig: signal(p29.done) };
   }
-  if (p28.kind === "tool") {
+  if (p29.kind === "tool") {
     return {
       kind: "tool",
-      toolCallId: p28.toolCallId,
-      toolName: p28.toolName,
-      inputPartialSig: signal(p28.inputPartial),
-      inputSig: signal(p28.input),
-      outputSig: signal(p28.output),
-      errorSig: signal(p28.error),
-      stateSig: signal(p28.state)
+      toolCallId: p29.toolCallId,
+      toolName: p29.toolName,
+      inputPartialSig: signal(p29.inputPartial),
+      inputSig: signal(p29.input),
+      outputSig: signal(p29.output),
+      errorSig: signal(p29.error),
+      stateSig: signal(p29.state)
     };
   }
-  return p28;
+  return p29;
 }
-function partFromReactive(p28) {
-  if (p28.kind === "text" || p28.kind === "reasoning") {
-    return { kind: p28.kind, id: p28.id, text: p28.textSig.value, done: p28.doneSig.value };
+function partFromReactive(p29) {
+  if (p29.kind === "text" || p29.kind === "reasoning") {
+    return { kind: p29.kind, id: p29.id, text: p29.textSig.value, done: p29.doneSig.value };
   }
-  if (p28.kind === "tool") {
+  if (p29.kind === "tool") {
     return {
       kind: "tool",
-      toolCallId: p28.toolCallId,
-      toolName: p28.toolName,
-      inputPartial: p28.inputPartialSig.value,
-      input: p28.inputSig.value,
-      output: p28.outputSig.value,
-      error: p28.errorSig.value,
-      state: p28.stateSig.value
+      toolCallId: p29.toolCallId,
+      toolName: p29.toolName,
+      inputPartial: p29.inputPartialSig.value,
+      input: p29.inputSig.value,
+      output: p29.outputSig.value,
+      error: p29.errorSig.value,
+      state: p29.stateSig.value
     };
   }
-  return p28;
+  return p29;
 }
 
 // src/stream/reducer.ts
@@ -1821,8 +1813,8 @@ var StreamReducer = class {
         ensureTextPart(m, "text", chunk.id);
         return;
       case "text-delta": {
-        const p28 = ensureTextPart(m, "text", chunk.id);
-        p28.textSig.value += chunk.delta;
+        const p29 = ensureTextPart(m, "text", chunk.id);
+        p29.textSig.value += chunk.delta;
         return;
       }
       case "text-end":
@@ -1832,8 +1824,8 @@ var StreamReducer = class {
         ensureTextPart(m, "reasoning", chunk.id).doneSig.value = false;
         return;
       case "reasoning-delta": {
-        const p28 = ensureTextPart(m, "reasoning", chunk.id);
-        p28.textSig.value += chunk.delta;
+        const p29 = ensureTextPart(m, "reasoning", chunk.id);
+        p29.textSig.value += chunk.delta;
         return;
       }
       case "reasoning-end":
@@ -1851,7 +1843,7 @@ var StreamReducer = class {
         return;
       case "source-url": {
         const parts = m.partsSig.value;
-        if (parts.some((p28) => p28.kind === "source" && p28.sourceId === chunk.sourceId)) return;
+        if (parts.some((p29) => p29.kind === "source" && p29.sourceId === chunk.sourceId)) return;
         appendPart(m, { kind: "source", sourceId: chunk.sourceId, url: chunk.url, title: chunk.title });
         return;
       }
@@ -1875,14 +1867,14 @@ var StreamReducer = class {
   }
 };
 function ensureTextPart(m, kind, id) {
-  const existing = m.partsSig.value.find((p28) => p28.kind === kind && p28.id === id);
+  const existing = m.partsSig.value.find((p29) => p29.kind === kind && p29.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((p28) => p28.kind === "tool" && p28.toolCallId === toolCallId);
+  const existing = m.partsSig.value.find((p29) => p29.kind === "tool" && p29.toolCallId === toolCallId);
   if (existing) return existing;
   const part = {
     kind: "tool",
@@ -1906,26 +1898,26 @@ function applyTool(m, chunk) {
       ensureToolPart(m, chunk.toolCallId, chunk.toolName);
       return;
     case "tool-input-delta": {
-      const p28 = ensureToolPart(m, chunk.toolCallId);
-      p28.inputPartialSig.value += chunk.delta;
+      const p29 = ensureToolPart(m, chunk.toolCallId);
+      p29.inputPartialSig.value += chunk.delta;
       return;
     }
     case "tool-input-available": {
-      const p28 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
-      p28.inputSig.value = chunk.input;
-      p28.stateSig.value = "awaiting";
+      const p29 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
+      p29.inputSig.value = chunk.input;
+      p29.stateSig.value = "awaiting";
       return;
     }
     case "tool-output-available": {
-      const p28 = ensureToolPart(m, chunk.toolCallId);
-      p28.outputSig.value = chunk.output;
-      p28.stateSig.value = "output";
+      const p29 = ensureToolPart(m, chunk.toolCallId);
+      p29.outputSig.value = chunk.output;
+      p29.stateSig.value = "output";
       return;
     }
     case "tool-output-error": {
-      const p28 = ensureToolPart(m, chunk.toolCallId);
-      p28.errorSig.value = chunk.errorText;
-      p28.stateSig.value = "error";
+      const p29 = ensureToolPart(m, chunk.toolCallId);
+      p29.errorSig.value = chunk.errorText;
+      p29.stateSig.value = "error";
       return;
     }
     default:
@@ -2361,11 +2353,6 @@ var HistoryIcon = () => /* @__PURE__ */ jsxs("svg", { ...props, "aria-hidden": "
   /* @__PURE__ */ jsx("path", { d: "M3.05 13A9 9 0 1 0 6 5.3L3 9" }),
   /* @__PURE__ */ jsx("path", { d: "M12 7v5l3 2" })
 ] });
-var GlobeIcon = () => /* @__PURE__ */ jsxs("svg", { ...props, "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ jsx("path", { d: "M2 12h20" }),
-  /* @__PURE__ */ jsx("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
-] });
 var BackIcon = () => /* @__PURE__ */ jsx("svg", { ...props, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M19 12H5M12 19l-7-7 7-7" }) });
 var PopOutIcon = () => /* @__PURE__ */ jsx("svg", { ...props, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M15 3h6v6M10 14 21 3M21 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5" }) });
 var TrashIcon = () => /* @__PURE__ */ jsx("svg", { ...props, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" }) });
@@ -2704,30 +2691,30 @@ function resolveCalloutPosition(configured, launcherPosition) {
 }
 
 // src/ui/panel.tsx
-import { useCallback as useCallback4, useEffect as useEffect10, useRef as useRef6 } from "preact/hooks";
+import { useCallback as useCallback2, useEffect as useEffect10, useRef as useRef6 } from "preact/hooks";
 
 // src/ui/resize-grip.tsx
 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 p28 = BRAND.cssPrefix;
+  const p29 = BRAND.cssPrefix;
   const dragRef = useRef(null);
   useEffect2(() => {
     if (!panelEl) return;
     const style = panelEl.style;
-    if (resize.minWidth) style.setProperty(`--${p28}-resize-min-w`, resize.minWidth);
-    if (resize.maxWidth) style.setProperty(`--${p28}-resize-max-w`, resize.maxWidth);
-    if (resize.minHeight) style.setProperty(`--${p28}-resize-min-h`, resize.minHeight);
-    if (resize.maxHeight) style.setProperty(`--${p28}-resize-max-h`, resize.maxHeight);
+    if (resize.minWidth) style.setProperty(`--${p29}-resize-min-w`, resize.minWidth);
+    if (resize.maxWidth) style.setProperty(`--${p29}-resize-max-w`, resize.maxWidth);
+    if (resize.minHeight) style.setProperty(`--${p29}-resize-min-h`, resize.minHeight);
+    if (resize.maxHeight) style.setProperty(`--${p29}-resize-max-h`, resize.maxHeight);
     if (initialSize) {
-      style.setProperty(`--${p28}-widget-w`, `${initialSize.width}px`);
-      style.setProperty(`--${p28}-widget-h`, `${initialSize.height}px`);
+      style.setProperty(`--${p29}-widget-w`, `${initialSize.width}px`);
+      style.setProperty(`--${p29}-widget-h`, `${initialSize.height}px`);
     }
-  }, [panelEl, resize.minWidth, resize.maxWidth, resize.minHeight, resize.maxHeight, p28, initialSize]);
+  }, [panelEl, resize.minWidth, resize.maxWidth, resize.minHeight, resize.maxHeight, p29, initialSize]);
   if (!panelEl) return null;
   const isTop = position.startsWith("top-");
   const isRight = position.endsWith("-right");
-  const cornerClass = `${p28}-resize-grip ${p28}-resize-grip--${isTop ? "bottom" : "top"}-${isRight ? "left" : "right"}`;
+  const cornerClass = `${p29}-resize-grip ${p29}-resize-grip--${isTop ? "bottom" : "top"}-${isRight ? "left" : "right"}`;
   const onPointerDown = (e) => {
     if (!panelEl) return;
     const target = e.currentTarget;
@@ -2751,8 +2738,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(`--${p28}-widget-w`, `${d.startW + dx}px`);
-    panelEl.style.setProperty(`--${p28}-widget-h`, `${d.startH + dy}px`);
+    panelEl.style.setProperty(`--${p29}-widget-w`, `${d.startW + dx}px`);
+    panelEl.style.setProperty(`--${p29}-widget-h`, `${d.startH + dy}px`);
   };
   const onPointerUp = (e) => {
     const d = dragRef.current;
@@ -2835,9 +2822,6 @@ function useDragMove(panelEl, enabled) {
   }, [panelEl, enabled]);
 }
 
-// src/ui/panel.tsx
-import { useComputed as useComputed3 } from "@preact/signals";
-
 // src/ui/action-visibility.ts
 function isActionVisible(name, mode, panelSize, ctx) {
   switch (name) {
@@ -2859,9 +2843,6 @@ function isActionVisible(name, mode, panelSize, ctx) {
       return true;
   }
 }
-function visibleActions(actions, mode, panelSize, ctx) {
-  return actions.filter((name) => isActionVisible(name, mode, panelSize, ctx));
-}
 function canShowClose(mode, panelSize, actions) {
   if (!isActionVisible("close", mode, panelSize)) return false;
   return actions.main.includes("close") || actions.overflow.includes("close");
@@ -3412,21 +3393,269 @@ function useFileDrop({ containerRef, onDrop }) {
   return { visible };
 }
 
+// src/ui/header-actions.tsx
+import { useComputed } from "@preact/signals";
+
+// src/ui/use-popover-menu.ts
+import { useCallback, useEffect as useEffect6, useRef as useRef3, useState as useState4 } from "preact/hooks";
+function usePopoverMenu({ itemCount, initialFocusIndex }) {
+  const [open, setOpen] = useState4(false);
+  const triggerRef = useRef3(null);
+  const menuRef = useRef3(null);
+  const [focusIndex, setFocusIndex] = useState4(-1);
+  const close = useCallback(() => {
+    setOpen(false);
+    setFocusIndex(-1);
+    triggerRef.current?.focus();
+  }, []);
+  const toggle = useCallback(() => setOpen((v) => !v), []);
+  useEffect6(() => {
+    if (!open) return;
+    const onDocClick = (e) => {
+      const menu = menuRef.current;
+      const trigger = triggerRef.current;
+      if (!menu || !trigger) return;
+      const path = e.composedPath();
+      if (path.includes(menu) || path.includes(trigger)) return;
+      setOpen(false);
+      setFocusIndex(-1);
+    };
+    document.addEventListener("click", onDocClick, true);
+    return () => document.removeEventListener("click", onDocClick, true);
+  }, [open]);
+  useEffect6(() => {
+    if (!open) return;
+    if (itemCount === 0) return;
+    const desired = initialFocusIndex?.() ?? 0;
+    const clamped = desired < 0 || desired >= itemCount ? 0 : desired;
+    setFocusIndex(clamped);
+  }, [open, itemCount, initialFocusIndex]);
+  useEffect6(() => {
+    if (!open || focusIndex < 0) return;
+    const items = menuRef.current?.querySelectorAll("[role='menuitem']");
+    items?.[focusIndex]?.focus();
+  }, [open, focusIndex]);
+  const onTriggerKey = useCallback((e) => {
+    if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      setOpen(true);
+    }
+  }, []);
+  const onMenuKey = useCallback(
+    (e) => {
+      if (itemCount === 0) return;
+      switch (e.key) {
+        case "Escape":
+          e.preventDefault();
+          close();
+          return;
+        case "ArrowDown":
+          e.preventDefault();
+          setFocusIndex((i) => (i + 1) % itemCount);
+          return;
+        case "ArrowUp":
+          e.preventDefault();
+          setFocusIndex((i) => (i - 1 + itemCount) % itemCount);
+          return;
+        case "Home":
+          e.preventDefault();
+          setFocusIndex(0);
+          return;
+        case "End":
+          e.preventDefault();
+          setFocusIndex(itemCount - 1);
+      }
+    },
+    [itemCount, close]
+  );
+  return { open, focusIndex, triggerRef, menuRef, toggle, close, onTriggerKey, onMenuKey };
+}
+
+// src/ui/overflow-menu.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "preact/jsx-runtime";
+function OverflowMenu({ items, triggerLabel }) {
+  const p29 = BRAND.cssPrefix;
+  const menu = usePopoverMenu({ itemCount: items.length });
+  const handleSelect = (item) => {
+    if (item.disabled) return;
+    item.onSelect();
+    if (!item.keepOpen) menu.close();
+  };
+  return /* @__PURE__ */ jsxs6("div", { class: `${p29}-menu-wrap`, children: [
+    /* @__PURE__ */ jsx8(
+      "button",
+      {
+        ref: menu.triggerRef,
+        type: "button",
+        class: `${p29}-icon-btn`,
+        "aria-label": triggerLabel,
+        "aria-haspopup": "menu",
+        "aria-expanded": menu.open,
+        title: triggerLabel,
+        onClick: menu.toggle,
+        onKeyDown: menu.onTriggerKey,
+        children: /* @__PURE__ */ jsx8(MoreIcon, {})
+      }
+    ),
+    menu.open ? /* @__PURE__ */ jsx8(
+      "div",
+      {
+        ref: menu.menuRef,
+        class: `${p29}-menu`,
+        role: "menu",
+        "aria-label": triggerLabel,
+        onKeyDown: menu.onMenuKey,
+        tabIndex: -1,
+        children: items.map((item) => /* @__PURE__ */ jsxs6(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            class: `${p29}-menu-item`,
+            "aria-pressed": item.type === "switch" ? item.on : void 0,
+            disabled: item.disabled,
+            lang: item.lang,
+            onClick: () => handleSelect(item),
+            children: [
+              item.icon ? /* @__PURE__ */ jsx8("span", { class: `${p29}-menu-icon`, children: item.icon }) : null,
+              /* @__PURE__ */ jsx8("span", { class: `${p29}-menu-label`, children: item.label }),
+              item.type === "switch" && item.on ? /* @__PURE__ */ jsx8("span", { class: `${p29}-menu-check`, "aria-hidden": "true", children: /* @__PURE__ */ jsx8(CheckIcon, {}) }) : null
+            ]
+          },
+          item.id
+        ))
+      }
+    ) : null
+  ] });
+}
+
+// src/ui/header-actions.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "preact/jsx-runtime";
+var p9 = BRAND.cssPrefix;
+var NEXT_THEME = { auto: "dark", dark: "light", light: "auto" };
+function themeIcon(mode) {
+  if (mode === "light") return /* @__PURE__ */ jsx9(SunIcon, {});
+  if (mode === "dark") return /* @__PURE__ */ jsx9(MoonIcon, {});
+  return /* @__PURE__ */ jsx9(ThemeAutoIcon, {});
+}
+function HeaderActions({ panelProps, variant }) {
+  const { options, panelSize, feedback, onClose, onClear, onExpand, onFullscreen, onPopOut, onSoundToggle } = panelProps;
+  const { onToggleHistory, onLocaleChange, onThemeChange } = panelProps;
+  const s = options.strings;
+  const mode = options.mode;
+  const isChat = variant === "chat";
+  const muted = useComputed(() => feedback.mutedSig.value).value;
+  const enabled = /* @__PURE__ */ new Set([...options.actions.main, ...options.actions.overflow]);
+  const has = (name) => enabled.has(name);
+  const visible = (name) => isActionVisible(name, mode, panelSize, { popOutUrl: options.popOutUrl });
+  const themeMode = options.themeMode;
+  const themeLabel = { auto: s.themeAuto, light: s.themeLight, dark: s.themeDark };
+  const items = [];
+  if (has("theme")) {
+    items.push({
+      id: "theme",
+      icon: themeIcon(themeMode),
+      label: `${s.theme}: ${themeLabel[themeMode]}`,
+      onSelect: () => onThemeChange(NEXT_THEME[themeMode]),
+      keepOpen: true
+    });
+  }
+  if (has("language") && options.availableLocales.length > 1) {
+    for (const locale of options.availableLocales) {
+      items.push({
+        id: `language:${locale}`,
+        label: `${s.language} \u2014 ${locale}`,
+        lang: locale,
+        type: "switch",
+        on: locale === options.locale,
+        onSelect: () => onLocaleChange(locale)
+      });
+    }
+  }
+  if (has("expand") && visible("expand")) {
+    const on = panelSize === "expanded";
+    items.push({
+      id: "expand",
+      icon: on ? /* @__PURE__ */ jsx9(CollapseIcon, {}) : /* @__PURE__ */ jsx9(ExpandIcon, {}),
+      label: on ? s.collapse : s.expand,
+      type: "switch",
+      on,
+      onSelect: onExpand
+    });
+  }
+  if (has("fullscreen") && visible("fullscreen")) {
+    const on = panelSize === "fullscreen";
+    items.push({
+      id: "fullscreen",
+      icon: on ? /* @__PURE__ */ jsx9(FullscreenExitIcon, {}) : /* @__PURE__ */ jsx9(FullscreenIcon, {}),
+      label: on ? s.exitFullscreen : s.fullscreen,
+      type: "switch",
+      on,
+      onSelect: onFullscreen
+    });
+  }
+  if (has("popOut") && visible("popOut")) {
+    items.push({ id: "popOut", icon: /* @__PURE__ */ jsx9(PopOutIcon, {}), label: s.popOut, onSelect: onPopOut });
+  }
+  if (isChat && has("sound")) {
+    items.push({
+      id: "sound",
+      icon: muted ? /* @__PURE__ */ jsx9(SpeakerMutedIcon, {}) : /* @__PURE__ */ jsx9(SpeakerIcon, {}),
+      label: muted ? s.soundOff : s.soundOn,
+      type: "switch",
+      on: !muted,
+      onSelect: onSoundToggle
+    });
+  }
+  if (isChat && has("clear")) {
+    items.push({ id: "clear", icon: /* @__PURE__ */ jsx9(TrashIcon, {}), label: s.newConversation, onSelect: onClear });
+  }
+  const showClose = !!onClose && canShowClose(mode, panelSize, options.actions);
+  const showHistory = isChat && has("history");
+  return /* @__PURE__ */ jsxs7("div", { class: `${p9}-header-actions`, children: [
+    showHistory ? /* @__PURE__ */ jsx9(
+      "button",
+      {
+        type: "button",
+        class: `${p9}-icon-btn`,
+        onClick: onToggleHistory,
+        "aria-label": s.history,
+        title: s.history,
+        "data-testid": TID.actionHistory,
+        children: /* @__PURE__ */ jsx9(HistoryIcon, {})
+      }
+    ) : null,
+    items.length > 0 ? /* @__PURE__ */ jsx9(OverflowMenu, { items, triggerLabel: s.moreActions }) : null,
+    showClose ? /* @__PURE__ */ jsx9(
+      "button",
+      {
+        type: "button",
+        class: `${p9}-icon-btn`,
+        onClick: onClose,
+        "aria-label": s.close,
+        title: s.close,
+        "data-testid": TID.actionClose,
+        children: /* @__PURE__ */ jsx9(CloseIcon, {})
+      }
+    ) : null
+  ] });
+}
+
 // src/ui/message-list.tsx
-import { useEffect as useEffect7, useLayoutEffect, useRef as useRef4 } from "preact/hooks";
-import { useComputed as useComputed2 } from "@preact/signals";
+import { useEffect as useEffect8, useLayoutEffect, useRef as useRef5 } from "preact/hooks";
+import { useComputed as useComputed3 } from "@preact/signals";
 
 // src/ui/message-bubble.tsx
-import { useComputed } from "@preact/signals";
+import { useComputed as useComputed2 } from "@preact/signals";
 
 // src/ui/markdown.tsx
-import { useEffect as useEffect6, useMemo, useRef as useRef3 } from "preact/hooks";
+import { useEffect as useEffect7, useMemo, useRef as useRef4 } from "preact/hooks";
 import { effect, signal as signal4 } from "@preact/signals";
 import * as smd from "streaming-markdown";
-import { jsx as jsx8 } from "preact/jsx-runtime";
+import { jsx as jsx10 } from "preact/jsx-runtime";
 function MarkdownView({ textSig, doneSig }) {
-  const ref = useRef3(null);
-  useEffect6(() => {
+  const ref = useRef4(null);
+  useEffect7(() => {
     const el = ref.current;
     if (!el) return;
     el.classList.add(`${BRAND.cssPrefix}-md`);
@@ -3473,12 +3702,12 @@ function MarkdownView({ textSig, doneSig }) {
       el.removeEventListener("click", onClick);
     };
   }, [textSig, doneSig]);
-  return /* @__PURE__ */ jsx8("div", { ref });
+  return /* @__PURE__ */ jsx10("div", { ref });
 }
 function StaticMarkdown({ text }) {
   const textSig = useMemo(() => signal4(text), [text]);
   const doneSig = useMemo(() => signal4(true), []);
-  return /* @__PURE__ */ jsx8(MarkdownView, { textSig, doneSig });
+  return /* @__PURE__ */ jsx10(MarkdownView, { textSig, doneSig });
 }
 function hardenLink(a) {
   const href = a.getAttribute("href") ?? "";
@@ -3491,36 +3720,36 @@ function hardenLink(a) {
 }
 
 // src/ui/tool-chip.tsx
-import { jsx as jsx9, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs8 } from "preact/jsx-runtime";
 function ToolChip({ part, strings }) {
-  const p28 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsxs6("span", { class: `${p28}-tool-chip`, role: "status", children: [
-    /* @__PURE__ */ jsxs6("span", { children: [
+  const p29 = BRAND.cssPrefix;
+  return /* @__PURE__ */ jsxs8("span", { class: `${p29}-tool-chip`, role: "status", children: [
+    /* @__PURE__ */ jsxs8("span", { children: [
       strings.usedTool,
       ":"
     ] }),
-    /* @__PURE__ */ jsx9("strong", { children: part.toolName })
+    /* @__PURE__ */ jsx11("strong", { children: part.toolName })
   ] });
 }
 
 // src/ui/message-bubble.tsx
-import { jsx as jsx10, jsxs as jsxs7 } from "preact/jsx-runtime";
-var p9 = BRAND.cssPrefix;
+import { jsx as jsx12, jsxs as jsxs9 } from "preact/jsx-runtime";
+var p10 = BRAND.cssPrefix;
 function MessageBubble({ message, strings, responseMode, showReasoning, showToolCalls }) {
-  const parts = useComputed(() => message.partsSig.value);
+  const parts = useComputed2(() => message.partsSig.value);
   const partList = parts.value;
-  const hasAnswerText = useComputed(
+  const hasAnswerText = useComputed2(
     () => message.partsSig.value.some((part) => part.kind === "text" && part.textSig.value.length > 0)
   );
-  const reasoningVisible = useComputed(
+  const reasoningVisible = useComputed2(
     () => showReasoning && message.partsSig.value.some((part) => part.kind === "reasoning")
   );
   const streaming = message.role === "assistant" && message.status === "streaming";
   const bufferedHold = responseMode === "buffered" && streaming;
   const working = streaming && !hasAnswerText.value;
   const showStreamDots = streaming && !bufferedHold && !(reasoningVisible.value && working);
-  return /* @__PURE__ */ jsx10("div", { class: `${p9}-bubble-row`, "data-role": message.role, "data-testid": tid(TID.messageBubble, message.id), children: /* @__PURE__ */ jsxs7("div", { class: `${p9}-bubble`, children: [
-    bufferedHold ? /* @__PURE__ */ jsx10(LoadingSpinner, { label: strings.loading }) : partList.map((part) => /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx12("div", { class: `${p10}-bubble-row`, "data-role": message.role, "data-testid": tid(TID.messageBubble, message.id), children: /* @__PURE__ */ jsxs9("div", { class: `${p10}-bubble`, children: [
+    bufferedHold ? /* @__PURE__ */ jsx12(LoadingSpinner, { label: strings.loading }) : partList.map((part) => /* @__PURE__ */ jsx12(
       PartView,
       {
         part,
@@ -3531,8 +3760,8 @@ function MessageBubble({ message, strings, responseMode, showReasoning, showTool
       },
       partKey(part)
     )),
-    showStreamDots && /* @__PURE__ */ jsx10(TypingDots, {}),
-    message.status === "error" && message.errorText ? /* @__PURE__ */ jsx10("div", { class: `${p9}-error`, role: "alert", children: /* @__PURE__ */ jsx10("span", { children: message.errorText }) }) : null
+    showStreamDots && /* @__PURE__ */ jsx12(TypingDots, {}),
+    message.status === "error" && message.errorText ? /* @__PURE__ */ jsx12("div", { class: `${p10}-error`, role: "alert", children: /* @__PURE__ */ jsx12("span", { children: message.errorText }) }) : null
   ] }) });
 }
 function PartView({
@@ -3544,16 +3773,16 @@ function PartView({
 }) {
   switch (part.kind) {
     case "text":
-      return /* @__PURE__ */ jsx10(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig });
+      return /* @__PURE__ */ jsx12(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig });
     case "reasoning":
-      return showReasoning ? /* @__PURE__ */ jsx10(ReasoningView, { part, active, strings }) : null;
+      return showReasoning ? /* @__PURE__ */ jsx12(ReasoningView, { part, active, strings }) : null;
     case "tool":
-      return showToolCalls ? /* @__PURE__ */ jsx10(ToolChip, { part, strings }) : null;
+      return showToolCalls ? /* @__PURE__ */ jsx12(ToolChip, { part, strings }) : null;
     case "file":
       if (part.mediaType.startsWith("image/")) {
-        return /* @__PURE__ */ jsx10("img", { src: part.url, alt: "", loading: "lazy" });
+        return /* @__PURE__ */ jsx12("img", { src: part.url, alt: "", loading: "lazy" });
       }
-      return /* @__PURE__ */ jsx10("a", { href: part.url, target: "_blank", rel: "noreferrer noopener", children: part.url });
+      return /* @__PURE__ */ jsx12("a", { href: part.url, target: "_blank", rel: "noreferrer noopener", children: part.url });
     case "source":
       return null;
   }
@@ -3563,9 +3792,9 @@ function ReasoningView({
   active,
   strings
 }) {
-  return /* @__PURE__ */ jsxs7("details", { class: `${p9}-reasoning`, open: active, "data-active": active ? "true" : void 0, children: [
-    /* @__PURE__ */ jsx10("summary", { class: `${p9}-reasoning-summary`, children: /* @__PURE__ */ jsx10("span", { class: `${p9}-reasoning-label`, children: active ? strings.thinking : strings.thoughts }) }),
-    /* @__PURE__ */ jsx10("div", { class: `${p9}-reasoning-body`, children: /* @__PURE__ */ jsx10(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig }) })
+  return /* @__PURE__ */ jsxs9("details", { class: `${p10}-reasoning`, open: active, "data-active": active ? "true" : void 0, children: [
+    /* @__PURE__ */ jsx12("summary", { class: `${p10}-reasoning-summary`, children: /* @__PURE__ */ jsx12("span", { class: `${p10}-reasoning-label`, children: active ? strings.thinking : strings.thoughts }) }),
+    /* @__PURE__ */ jsx12("div", { class: `${p10}-reasoning-body`, children: /* @__PURE__ */ jsx12(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig }) })
   ] });
 }
 function partKey(part) {
@@ -3582,27 +3811,27 @@ function partKey(part) {
   }
 }
 function TypingDots() {
-  return /* @__PURE__ */ jsxs7("span", { class: `${p9}-typing`, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx10("span", {}),
-    /* @__PURE__ */ jsx10("span", {}),
-    /* @__PURE__ */ jsx10("span", {})
+  return /* @__PURE__ */ jsxs9("span", { class: `${p10}-typing`, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx12("span", {}),
+    /* @__PURE__ */ jsx12("span", {}),
+    /* @__PURE__ */ jsx12("span", {})
   ] });
 }
 function LoadingSpinner({ label }) {
-  return /* @__PURE__ */ jsxs7("span", { class: `${p9}-loading`, role: "status", children: [
-    /* @__PURE__ */ jsx10("span", { class: `${p9}-loading-spinner`, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx10("span", { class: `${p9}-loading-label`, children: label })
+  return /* @__PURE__ */ jsxs9("span", { class: `${p10}-loading`, role: "status", children: [
+    /* @__PURE__ */ jsx12("span", { class: `${p10}-loading-spinner`, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx12("span", { class: `${p10}-loading-label`, children: label })
   ] });
 }
 
 // src/ui/message-list.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "preact/jsx-runtime";
-var p10 = BRAND.cssPrefix;
+import { jsx as jsx13, jsxs as jsxs10 } from "preact/jsx-runtime";
+var p11 = BRAND.cssPrefix;
 var STICK_THRESHOLD = 120;
 function MessageList({ messagesSig, strings, responseMode, showReasoning, showToolCalls, loading }) {
-  const ref = useRef4(null);
-  const messages = useComputed2(() => messagesSig.value);
-  const hasHydratedRef = useRef4(false);
+  const ref = useRef5(null);
+  const messages = useComputed3(() => messagesSig.value);
+  const hasHydratedRef = useRef5(false);
   const firstMessageId = messages.value[0]?.id;
   useLayoutEffect(() => {
     const el = ref.current;
@@ -3627,14 +3856,14 @@ function MessageList({ messagesSig, strings, responseMode, showReasoning, showTo
       clearTimeout(timerId);
     };
   }, [firstMessageId]);
-  useEffect7(() => {
+  useEffect8(() => {
     const el = ref.current;
     if (!el) return;
     if (!hasHydratedRef.current) return;
     const distanceFromBottom = el.scrollHeight - el.scrollTop - el.clientHeight;
     if (distanceFromBottom < STICK_THRESHOLD) el.scrollTop = el.scrollHeight;
   }, [messages.value.length]);
-  useEffect7(() => {
+  useEffect8(() => {
     const el = ref.current;
     if (!el) return;
     const last = messages.value.at(-1);
@@ -3652,9 +3881,9 @@ function MessageList({ messagesSig, strings, responseMode, showReasoning, showTo
     obs.observe(el, { childList: true, subtree: true, characterData: true });
     return () => obs.disconnect();
   }, [messages.value]);
-  return /* @__PURE__ */ jsxs8("div", { ref, class: `${p10}-list`, role: "log", "aria-live": "polite", "aria-relevant": "additions text", children: [
-    loading && messages.value.length === 0 ? /* @__PURE__ */ jsx11("div", { class: `${p10}-list-loading`, role: "status", children: strings.messagesLoading }) : null,
-    messages.value.map((m) => /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs10("div", { ref, class: `${p11}-list`, role: "log", "aria-live": "polite", "aria-relevant": "additions text", children: [
+    loading && messages.value.length === 0 ? /* @__PURE__ */ jsx13("div", { class: `${p11}-list-loading`, role: "status", children: strings.messagesLoading }) : null,
+    messages.value.map((m) => /* @__PURE__ */ jsx13(
       MessageBubble,
       {
         message: m,
@@ -3668,139 +3897,6 @@ function MessageList({ messagesSig, strings, responseMode, showReasoning, showTo
   ] });
 }
 
-// src/ui/use-popover-menu.ts
-import { useCallback, useEffect as useEffect8, useRef as useRef5, useState as useState4 } from "preact/hooks";
-function usePopoverMenu({ itemCount, initialFocusIndex }) {
-  const [open, setOpen] = useState4(false);
-  const triggerRef = useRef5(null);
-  const menuRef = useRef5(null);
-  const [focusIndex, setFocusIndex] = useState4(-1);
-  const close = useCallback(() => {
-    setOpen(false);
-    setFocusIndex(-1);
-    triggerRef.current?.focus();
-  }, []);
-  const toggle = useCallback(() => setOpen((v) => !v), []);
-  useEffect8(() => {
-    if (!open) return;
-    const onDocClick = (e) => {
-      const menu = menuRef.current;
-      const trigger = triggerRef.current;
-      if (!menu || !trigger) return;
-      const path = e.composedPath();
-      if (path.includes(menu) || path.includes(trigger)) return;
-      setOpen(false);
-      setFocusIndex(-1);
-    };
-    document.addEventListener("click", onDocClick, true);
-    return () => document.removeEventListener("click", onDocClick, true);
-  }, [open]);
-  useEffect8(() => {
-    if (!open) return;
-    if (itemCount === 0) return;
-    const desired = initialFocusIndex?.() ?? 0;
-    const clamped = desired < 0 || desired >= itemCount ? 0 : desired;
-    setFocusIndex(clamped);
-  }, [open, itemCount, initialFocusIndex]);
-  useEffect8(() => {
-    if (!open || focusIndex < 0) return;
-    const items = menuRef.current?.querySelectorAll("[role='menuitem']");
-    items?.[focusIndex]?.focus();
-  }, [open, focusIndex]);
-  const onTriggerKey = useCallback((e) => {
-    if (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      setOpen(true);
-    }
-  }, []);
-  const onMenuKey = useCallback(
-    (e) => {
-      if (itemCount === 0) return;
-      switch (e.key) {
-        case "Escape":
-          e.preventDefault();
-          close();
-          return;
-        case "ArrowDown":
-          e.preventDefault();
-          setFocusIndex((i) => (i + 1) % itemCount);
-          return;
-        case "ArrowUp":
-          e.preventDefault();
-          setFocusIndex((i) => (i - 1 + itemCount) % itemCount);
-          return;
-        case "Home":
-          e.preventDefault();
-          setFocusIndex(0);
-          return;
-        case "End":
-          e.preventDefault();
-          setFocusIndex(itemCount - 1);
-      }
-    },
-    [itemCount, close]
-  );
-  return { open, focusIndex, triggerRef, menuRef, toggle, close, onTriggerKey, onMenuKey };
-}
-
-// src/ui/overflow-menu.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "preact/jsx-runtime";
-function OverflowMenu({ items, triggerLabel }) {
-  const p28 = BRAND.cssPrefix;
-  const menu = usePopoverMenu({ itemCount: items.length });
-  const handleSelect = (item) => {
-    if (item.disabled) return;
-    item.onSelect();
-    menu.close();
-  };
-  return /* @__PURE__ */ jsxs9("div", { class: `${p28}-menu-wrap`, children: [
-    /* @__PURE__ */ jsx12(
-      "button",
-      {
-        ref: menu.triggerRef,
-        type: "button",
-        class: `${p28}-icon-btn`,
-        "aria-label": triggerLabel,
-        "aria-haspopup": "menu",
-        "aria-expanded": menu.open,
-        title: triggerLabel,
-        onClick: menu.toggle,
-        onKeyDown: menu.onTriggerKey,
-        children: /* @__PURE__ */ jsx12(MoreIcon, {})
-      }
-    ),
-    menu.open ? /* @__PURE__ */ jsx12(
-      "div",
-      {
-        ref: menu.menuRef,
-        class: `${p28}-menu`,
-        role: "menu",
-        "aria-label": triggerLabel,
-        onKeyDown: menu.onMenuKey,
-        tabIndex: -1,
-        children: items.map((item) => /* @__PURE__ */ jsxs9(
-          "button",
-          {
-            type: "button",
-            role: "menuitem",
-            class: `${p28}-menu-item`,
-            "aria-pressed": item.type === "switch" ? item.on : void 0,
-            disabled: item.disabled,
-            lang: item.lang,
-            onClick: () => handleSelect(item),
-            children: [
-              item.icon ? /* @__PURE__ */ jsx12("span", { class: `${p28}-menu-icon`, children: item.icon }) : null,
-              /* @__PURE__ */ jsx12("span", { class: `${p28}-menu-label`, children: item.label }),
-              item.type === "switch" && item.on ? /* @__PURE__ */ jsx12("span", { class: `${p28}-menu-check`, "aria-hidden": "true", children: /* @__PURE__ */ jsx12(CheckIcon, {}) }) : null
-            ]
-          },
-          item.id
-        ))
-      }
-    ) : null
-  ] });
-}
-
 // src/ui/conversation-list.tsx
 import { useEffect as useEffect9, useState as useState5 } from "preact/hooks";
 
@@ -3832,7 +3928,7 @@ function startOfDay(ms) {
 }
 
 // src/ui/conversation-list.tsx
-import { Fragment, jsx as jsx13, jsxs as jsxs10 } from "preact/jsx-runtime";
+import { Fragment, jsx as jsx14, jsxs as jsxs11 } from "preact/jsx-runtime";
 var log11 = logger.scope("history");
 var BUCKET_TO_STRING = {
   today: "dateToday",
@@ -3841,7 +3937,7 @@ var BUCKET_TO_STRING = {
   older: "dateOlder"
 };
 function ConversationList({ transport, strings, visitorId, onSelect, onNewChat }) {
-  const p28 = BRAND.cssPrefix;
+  const p29 = BRAND.cssPrefix;
   const [state, setState] = useState5("loading");
   const [sessions, setChats] = useState5([]);
   useEffect9(() => {
@@ -3859,38 +3955,38 @@ function ConversationList({ transport, strings, visitorId, onSelect, onNewChat }
       cancelled = true;
     };
   }, [transport, visitorId]);
-  const newChatButton = onNewChat ? /* @__PURE__ */ jsx13("div", { class: `${p28}-history-footer`, children: /* @__PURE__ */ jsxs10("button", { type: "button", class: `${p28}-history-new`, onClick: onNewChat, "data-testid": TID.sidebarNewChat, children: [
-    /* @__PURE__ */ jsx13(PlusIcon, {}),
+  const newChatButton = onNewChat ? /* @__PURE__ */ jsx14("div", { class: `${p29}-history-footer`, children: /* @__PURE__ */ jsxs11("button", { type: "button", class: `${p29}-history-new`, onClick: onNewChat, "data-testid": TID.sidebarNewChat, children: [
+    /* @__PURE__ */ jsx14(PlusIcon, {}),
     strings.historyNewChat
   ] }) }) : null;
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs10(Fragment, { children: [
-      /* @__PURE__ */ jsx13("div", { class: `${p28}-history-empty`, children: strings.historyLoading }),
+    return /* @__PURE__ */ jsxs11(Fragment, { children: [
+      /* @__PURE__ */ jsx14("div", { class: `${p29}-history-empty`, children: strings.historyLoading }),
       newChatButton
     ] });
   }
   if (state === "error" || sessions.length === 0) {
-    return /* @__PURE__ */ jsxs10(Fragment, { children: [
-      /* @__PURE__ */ jsx13("div", { class: `${p28}-history-empty`, children: strings.historyEmpty }),
+    return /* @__PURE__ */ jsxs11(Fragment, { children: [
+      /* @__PURE__ */ jsx14("div", { class: `${p29}-history-empty`, children: strings.historyEmpty }),
       newChatButton
     ] });
   }
   const groups = groupByBucket(Date.now(), sessions);
-  return /* @__PURE__ */ jsxs10(Fragment, { children: [
-    /* @__PURE__ */ jsx13("div", { class: `${p28}-history`, role: "list", children: groups.map((group) => /* @__PURE__ */ jsxs10("div", { class: `${p28}-history-group`, children: [
-      /* @__PURE__ */ jsx13("div", { class: `${p28}-history-heading`, children: strings[BUCKET_TO_STRING[group.bucket]] }),
-      group.sessions.map((chat) => /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(Fragment, { children: [
+    /* @__PURE__ */ jsx14("div", { class: `${p29}-history`, role: "list", children: groups.map((group) => /* @__PURE__ */ jsxs11("div", { class: `${p29}-history-group`, children: [
+      /* @__PURE__ */ jsx14("div", { class: `${p29}-history-heading`, children: strings[BUCKET_TO_STRING[group.bucket]] }),
+      group.sessions.map((chat) => /* @__PURE__ */ jsxs11(
         "button",
         {
           type: "button",
           role: "listitem",
-          class: `${p28}-history-item`,
+          class: `${p29}-history-item`,
           onClick: () => onSelect(chat),
           "data-closed": chat.canContinue ? void 0 : "true",
           "data-testid": tid(TID.historyItem, chat.sessionId),
           children: [
-            /* @__PURE__ */ jsx13("span", { class: `${p28}-history-title`, children: chat.title }),
-            chat.preview ? /* @__PURE__ */ jsx13("span", { class: `${p28}-history-preview`, children: chat.preview }) : null
+            /* @__PURE__ */ jsx14("span", { class: `${p29}-history-title`, children: chat.title }),
+            chat.preview ? /* @__PURE__ */ jsx14("span", { class: `${p29}-history-preview`, children: chat.preview }) : null
           ]
         },
         chat.sessionId
@@ -3901,153 +3997,21 @@ function ConversationList({ transport, strings, visitorId, onSelect, onNewChat }
 }
 
 // src/ui/chat-history-pane.tsx
-import { jsx as jsx14 } from "preact/jsx-runtime";
+import { jsx as jsx15 } from "preact/jsx-runtime";
 function ChatHistoryPane(props2) {
-  return /* @__PURE__ */ jsx14(ConversationList, { ...props2 });
-}
-
-// src/ui/language-switcher.tsx
-import { useCallback as useCallback2 } from "preact/hooks";
-import { jsx as jsx15, jsxs as jsxs11 } from "preact/jsx-runtime";
-function LanguageSwitcher({ available, active, onSelect, triggerLabel }) {
-  const p28 = BRAND.cssPrefix;
-  const initialFocusIndex = useCallback2(() => available.indexOf(active), [available, active]);
-  const menu = usePopoverMenu({ itemCount: available.length, initialFocusIndex });
-  const handleSelect = (locale) => {
-    onSelect(locale);
-    menu.close();
-  };
-  return /* @__PURE__ */ jsxs11("div", { class: `${p28}-menu-wrap`, children: [
-    /* @__PURE__ */ jsx15(
-      "button",
-      {
-        ref: menu.triggerRef,
-        type: "button",
-        class: `${p28}-icon-btn`,
-        "aria-label": triggerLabel,
-        "aria-haspopup": "menu",
-        "aria-expanded": menu.open,
-        title: triggerLabel,
-        onClick: menu.toggle,
-        onKeyDown: menu.onTriggerKey,
-        children: /* @__PURE__ */ jsx15(GlobeIcon, {})
-      }
-    ),
-    menu.open ? /* @__PURE__ */ jsx15(
-      "div",
-      {
-        ref: menu.menuRef,
-        class: `${p28}-menu`,
-        role: "menu",
-        "aria-label": triggerLabel,
-        onKeyDown: menu.onMenuKey,
-        tabIndex: -1,
-        children: available.map((locale) => {
-          const isActive = locale === active;
-          return /* @__PURE__ */ jsxs11(
-            "button",
-            {
-              type: "button",
-              role: "menuitem",
-              class: `${p28}-menu-item`,
-              lang: locale,
-              "aria-current": isActive ? "true" : void 0,
-              onClick: () => handleSelect(locale),
-              children: [
-                /* @__PURE__ */ jsx15("span", { class: `${p28}-menu-label`, children: localeDisplayName(locale, active) }),
-                isActive ? /* @__PURE__ */ jsx15("span", { class: `${p28}-menu-check`, "aria-hidden": "true", children: /* @__PURE__ */ jsx15(CheckIcon, {}) }) : null
-              ]
-            },
-            locale
-          );
-        })
-      }
-    ) : null
-  ] });
-}
-
-// src/ui/theme-switcher.tsx
-import { useCallback as useCallback3 } from "preact/hooks";
-import { jsx as jsx16, jsxs as jsxs12 } from "preact/jsx-runtime";
-var OPTIONS = ["auto", "light", "dark"];
-function iconFor(mode) {
-  switch (mode) {
-    case "light":
-      return /* @__PURE__ */ jsx16(SunIcon, {});
-    case "dark":
-      return /* @__PURE__ */ jsx16(MoonIcon, {});
-    case "auto":
-      return /* @__PURE__ */ jsx16(ThemeAutoIcon, {});
-  }
-}
-function ThemeSwitcher({ active, onSelect, triggerLabel, optionLabels }) {
-  const p28 = BRAND.cssPrefix;
-  const initialFocusIndex = useCallback3(() => OPTIONS.indexOf(active), [active]);
-  const menu = usePopoverMenu({ itemCount: OPTIONS.length, initialFocusIndex });
-  const handleSelect = (mode) => {
-    onSelect(mode);
-    menu.close();
-  };
-  return /* @__PURE__ */ jsxs12("div", { class: `${p28}-menu-wrap`, children: [
-    /* @__PURE__ */ jsx16(
-      "button",
-      {
-        ref: menu.triggerRef,
-        type: "button",
-        class: `${p28}-icon-btn`,
-        "aria-label": triggerLabel,
-        "aria-haspopup": "menu",
-        "aria-expanded": menu.open,
-        title: triggerLabel,
-        "data-theme-active": active,
-        onClick: menu.toggle,
-        onKeyDown: menu.onTriggerKey,
-        children: iconFor(active)
-      }
-    ),
-    menu.open ? /* @__PURE__ */ jsx16(
-      "div",
-      {
-        ref: menu.menuRef,
-        class: `${p28}-menu`,
-        role: "menu",
-        "aria-label": triggerLabel,
-        onKeyDown: menu.onMenuKey,
-        tabIndex: -1,
-        children: OPTIONS.map((mode) => {
-          const isActive = mode === active;
-          return /* @__PURE__ */ jsxs12(
-            "button",
-            {
-              type: "button",
-              role: "menuitem",
-              class: `${p28}-menu-item`,
-              "aria-current": isActive ? "true" : void 0,
-              onClick: () => handleSelect(mode),
-              children: [
-                /* @__PURE__ */ jsx16("span", { class: `${p28}-menu-icon`, children: iconFor(mode) }),
-                /* @__PURE__ */ jsx16("span", { class: `${p28}-menu-label`, children: optionLabels[mode] }),
-                isActive ? /* @__PURE__ */ jsx16("span", { class: `${p28}-menu-check`, "aria-hidden": "true", children: /* @__PURE__ */ jsx16(CheckIcon, {}) }) : null
-              ]
-            },
-            mode
-          );
-        })
-      }
-    ) : null
-  ] });
+  return /* @__PURE__ */ jsx15(ConversationList, { ...props2 });
 }
 
 // src/ui/suggestions.tsx
-import { jsx as jsx17 } from "preact/jsx-runtime";
-var p11 = BRAND.cssPrefix;
+import { jsx as jsx16 } from "preact/jsx-runtime";
+var p12 = BRAND.cssPrefix;
 function Suggestions({ suggestions, onPick }) {
   if (suggestions.length === 0) return null;
-  return /* @__PURE__ */ jsx17("div", { class: `${p11}-suggestions`, role: "group", "aria-label": "Suggested replies", children: suggestions.map((s, i) => /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx16("div", { class: `${p12}-suggestions`, role: "group", "aria-label": "Suggested replies", children: suggestions.map((s, i) => /* @__PURE__ */ jsx16(
     "button",
     {
       type: "button",
-      class: `${p11}-suggestion`,
+      class: `${p12}-suggestion`,
       onClick: () => onPick(s),
       "data-testid": tid(TID.suggestion, i),
       children: s.label
@@ -4057,8 +4021,8 @@ function Suggestions({ suggestions, onPick }) {
 }
 
 // src/ui/panel.tsx
-import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs13 } from "preact/jsx-runtime";
-var p12 = BRAND.cssPrefix;
+import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs12 } from "preact/jsx-runtime";
+var p13 = BRAND.cssPrefix;
 function Panel(props2) {
   const { options, onClose } = props2;
   const s = options.strings;
@@ -4077,23 +4041,23 @@ function Panel(props2) {
     };
   }, [onClose]);
   const composerAttachApiRef = useRef6(null);
-  const onDropItems = useCallback4((items) => {
+  const onDropItems = useCallback2((items) => {
     composerAttachApiRef.current?.attachFromDrop(items);
   }, []);
   const { visible: dragOver } = useFileDrop({ containerRef, onDrop: onDropItems });
   useDragMove(containerRef.current, options.mode === "modal");
-  return /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       ref: containerRef,
-      class: `${p12}-panel`,
+      class: `${p13}-panel`,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": s.panelTitle,
       style: { position: "relative" },
       "data-testid": TID.panel,
       children: [
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx17(
           PanelContent,
           {
             ...props2,
@@ -4102,49 +4066,44 @@ function Panel(props2) {
             composerAttachApiRef
           }
         ),
-        /* @__PURE__ */ jsx18(PoweredByBar, { poweredBy: props2.options.poweredBy })
+        /* @__PURE__ */ jsx17(PoweredByBar, { poweredBy: props2.options.poweredBy })
       ]
     }
   );
 }
-function PanelContent({
-  options,
-  transport,
-  feedback,
-  bus,
-  panelSize,
-  view,
-  canSend,
-  isStreaming,
-  loadingMessages,
-  messagesSig,
-  agent,
-  suggestions,
-  initialWidgetSize,
-  visitorId,
-  onClose,
-  onBack,
-  onClear,
-  onExpand,
-  onFullscreen,
-  onPopOut,
-  onSoundToggle,
-  onToggleHistory,
-  onSelectHistoryChat,
-  onNewChat,
-  onLocaleChange,
-  onThemeChange,
-  onWidgetSizeChange,
-  onSend,
-  onStop,
-  onSuggestion,
-  containerEl,
-  dragOver,
-  composerAttachApiRef
-}) {
+function PanelContent(props2) {
+  const {
+    options,
+    transport,
+    feedback,
+    bus,
+    panelSize,
+    view,
+    canSend,
+    isStreaming,
+    loadingMessages,
+    messagesSig,
+    agent,
+    suggestions,
+    initialWidgetSize,
+    visitorId,
+    onClose,
+    onBack,
+    onClear,
+    onToggleHistory,
+    onSelectHistoryChat,
+    onNewChat,
+    onWidgetSizeChange,
+    onSend,
+    onStop,
+    onSuggestion,
+    containerEl,
+    dragOver,
+    composerAttachApiRef
+  } = props2;
   const s = options.strings;
-  return /* @__PURE__ */ jsxs13(Fragment2, { children: [
-    view === "history" ? /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs12(Fragment2, { children: [
+    view === "history" ? /* @__PURE__ */ jsx17(
       HistoryHeader,
       {
         strings: s,
@@ -4152,39 +4111,22 @@ function PanelContent({
         onClose,
         showClose: canShowClose(options.mode, panelSize, options.actions)
       }
-    ) : /* @__PURE__ */ jsx18(
-      Header,
-      {
-        agent,
-        onBack,
-        backLabel: s.moduleBack,
-        moreActionsLabel: s.moreActions,
-        languageLabel: s.language,
-        themeLabel: s.theme,
-        themeOptionLabels: { auto: s.themeAuto, light: s.themeLight, dark: s.themeDark },
-        activeThemeMode: options.themeMode,
-        onThemeChange,
-        panelTitle: s.panelTitle,
-        activeLocale: options.locale,
-        availableLocales: options.availableLocales,
-        onLocaleChange,
-        main: visibleActions(options.actions.main, options.mode, panelSize, { popOutUrl: options.popOutUrl }),
-        overflow: visibleActions(options.actions.overflow, options.mode, panelSize, { popOutUrl: options.popOutUrl }),
-        descriptors: buildDescriptors({
-          strings: s,
-          panelSize,
-          feedback,
-          onClear,
-          onExpand,
-          onFullscreen,
-          onPopOut,
-          onSoundToggle,
-          onToggleHistory,
-          onClose
-        })
-      }
-    ),
-    view === "history" ? /* @__PURE__ */ jsx18(
+    ) : /* @__PURE__ */ jsxs12("header", { class: `${p13}-header`, "data-testid": TID.panelHeader, children: [
+      onBack ? /* @__PURE__ */ jsx17(
+        "button",
+        {
+          type: "button",
+          class: `${p13}-icon-btn`,
+          onClick: onBack,
+          "aria-label": s.moduleBack,
+          title: s.moduleBack,
+          children: /* @__PURE__ */ jsx17(BackIcon, {})
+        }
+      ) : null,
+      agent ? /* @__PURE__ */ jsx17(AgentBadge, { agent }) : /* @__PURE__ */ jsx17("h1", { children: s.panelTitle }),
+      /* @__PURE__ */ jsx17(HeaderActions, { panelProps: props2, variant: "chat" })
+    ] }),
+    view === "history" ? /* @__PURE__ */ jsx17(
       ChatHistoryPane,
       {
         transport,
@@ -4193,9 +4135,9 @@ function PanelContent({
         onSelect: (chat) => onSelectHistoryChat(chat.sessionId),
         onNewChat
       }
-    ) : /* @__PURE__ */ jsxs13(Fragment2, { children: [
-      /* @__PURE__ */ jsx18(DropZone, { visible: dragOver, strings: s }),
-      /* @__PURE__ */ jsx18(
+    ) : /* @__PURE__ */ jsxs12(Fragment2, { children: [
+      /* @__PURE__ */ jsx17(DropZone, { visible: dragOver, strings: s }),
+      /* @__PURE__ */ jsx17(
         MessageList,
         {
           messagesSig,
@@ -4206,9 +4148,9 @@ function PanelContent({
           loading: loadingMessages
         }
       ),
-      canSend ? /* @__PURE__ */ jsxs13(Fragment2, { children: [
-        /* @__PURE__ */ jsx18(Suggestions, { suggestions, onPick: onSuggestion }),
-        /* @__PURE__ */ jsx18(
+      canSend ? /* @__PURE__ */ jsxs12(Fragment2, { children: [
+        /* @__PURE__ */ jsx17(Suggestions, { suggestions, onPick: onSuggestion }),
+        /* @__PURE__ */ jsx17(
           Composer,
           {
             options,
@@ -4221,10 +4163,10 @@ function PanelContent({
             attachApiRef: composerAttachApiRef
           }
         )
-      ] }) : /* @__PURE__ */ jsx18(ReadOnlyBanner, { label: s.chatClosed, ctaLabel: s.startNewConversation, onNewChat: onClear }),
-      /* @__PURE__ */ jsx18(ComposerFooter, { disclaimer: options.composerDisclaimer })
+      ] }) : /* @__PURE__ */ jsx17(ReadOnlyBanner, { label: s.chatClosed, ctaLabel: s.startNewConversation, onNewChat: onClear }),
+      /* @__PURE__ */ jsx17(ComposerFooter, { disclaimer: options.composerDisclaimer })
     ] }),
-    options.size.resize?.enabled ? /* @__PURE__ */ jsx18(
+    options.size.resize?.enabled ? /* @__PURE__ */ jsx17(
       ResizeGrip,
       {
         panelEl: containerEl,
@@ -4243,236 +4185,86 @@ function HistoryHeader({
   onClose,
   showClose
 }) {
-  return /* @__PURE__ */ jsxs13("header", { class: `${p12}-header`, children: [
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs12("header", { class: `${p13}-header`, children: [
+    /* @__PURE__ */ jsx17(
       "button",
       {
         type: "button",
-        class: `${p12}-icon-btn`,
+        class: `${p13}-icon-btn`,
         onClick: onBack,
         "aria-label": strings.historyBack,
         title: strings.historyBack,
-        children: /* @__PURE__ */ jsx18(BackIcon, {})
+        children: /* @__PURE__ */ jsx17(BackIcon, {})
       }
     ),
-    /* @__PURE__ */ jsx18("h1", { children: strings.historyTitle }),
-    showClose ? /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx17("h1", { children: strings.historyTitle }),
+    showClose ? /* @__PURE__ */ jsx17(
       "button",
       {
         type: "button",
-        class: `${p12}-icon-btn`,
+        class: `${p13}-icon-btn`,
         onClick: onClose,
         "aria-label": strings.close,
         title: strings.close,
-        children: /* @__PURE__ */ jsx18(CloseIcon, {})
+        children: /* @__PURE__ */ jsx17(CloseIcon, {})
       }
     ) : null
   ] });
 }
 function ReadOnlyBanner({ label, ctaLabel, onNewChat }) {
-  return /* @__PURE__ */ jsxs13("div", { class: `${p12}-readonly-banner`, role: "note", children: [
-    /* @__PURE__ */ jsx18("span", { class: `${p12}-readonly-label`, children: label }),
-    /* @__PURE__ */ jsx18("button", { type: "button", class: `${p12}-readonly-cta`, onClick: onNewChat, children: ctaLabel })
+  return /* @__PURE__ */ jsxs12("div", { class: `${p13}-readonly-banner`, role: "note", children: [
+    /* @__PURE__ */ jsx17("span", { class: `${p13}-readonly-label`, children: label }),
+    /* @__PURE__ */ jsx17("button", { type: "button", class: `${p13}-readonly-cta`, onClick: onNewChat, children: ctaLabel })
   ] });
 }
 function ComposerFooter({ disclaimer }) {
   if (!disclaimer) return null;
-  return /* @__PURE__ */ jsx18("div", { class: `${p12}-composer-footer`, children: /* @__PURE__ */ jsx18("div", { class: `${p12}-disclaimer`, children: disclaimer }) });
+  return /* @__PURE__ */ jsx17("div", { class: `${p13}-composer-footer`, children: /* @__PURE__ */ jsx17("div", { class: `${p13}-disclaimer`, children: disclaimer }) });
 }
 function PoweredByBar({ poweredBy }) {
   if (!poweredBy) return null;
-  return /* @__PURE__ */ jsx18("div", { class: `${p12}-poweredby-bar`, children: /* @__PURE__ */ jsx18(PoweredBy, { logoUrl: poweredBy.logoUrl, text: poweredBy.text, href: poweredBy.href }) });
+  return /* @__PURE__ */ jsx17("div", { class: `${p13}-poweredby-bar`, children: /* @__PURE__ */ jsx17(PoweredBy, { logoUrl: poweredBy.logoUrl, text: poweredBy.text, href: poweredBy.href }) });
 }
 function PoweredBy({ logoUrl, text, href }) {
-  const inner = /* @__PURE__ */ jsxs13(Fragment2, { children: [
-    logoUrl ? /* @__PURE__ */ jsx18("img", { class: `${p12}-poweredby-logo`, src: logoUrl, alt: "", loading: "lazy" }) : null,
-    text ? /* @__PURE__ */ jsx18("span", { children: text }) : null
+  const inner = /* @__PURE__ */ jsxs12(Fragment2, { children: [
+    logoUrl ? /* @__PURE__ */ jsx17("img", { class: `${p13}-poweredby-logo`, src: logoUrl, alt: "", loading: "lazy" }) : null,
+    text ? /* @__PURE__ */ jsx17("span", { children: text }) : null
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx18("a", { class: `${p12}-poweredby`, href, target: "_blank", rel: "noopener noreferrer", children: inner });
+    return /* @__PURE__ */ jsx17("a", { class: `${p13}-poweredby`, href, target: "_blank", rel: "noopener noreferrer", children: inner });
   }
-  return /* @__PURE__ */ jsx18("span", { class: `${p12}-poweredby`, children: inner });
-}
-function Header({
-  agent,
-  onBack,
-  backLabel,
-  moreActionsLabel,
-  languageLabel,
-  themeLabel,
-  themeOptionLabels,
-  activeThemeMode,
-  onThemeChange,
-  panelTitle,
-  activeLocale,
-  availableLocales,
-  onLocaleChange,
-  main,
-  overflow,
-  descriptors
-}) {
-  const showLanguage = availableLocales.length > 1;
-  const overflowItems = [];
-  for (const name of overflow) {
-    if (name === "theme") continue;
-    if (name === "language") {
-      if (!showLanguage) continue;
-      for (const locale of availableLocales) {
-        overflowItems.push({
-          id: `language:${locale}`,
-          label: languageLabel + ` \u2014 ${locale}`,
-          lang: locale,
-          onSelect: () => onLocaleChange(locale),
-          type: "switch",
-          on: locale === activeLocale
-        });
-      }
-      continue;
-    }
-    const d = descriptors[name];
-    overflowItems.push({
-      id: name,
-      icon: d.icon,
-      label: d.label,
-      onSelect: d.onSelect,
-      type: d.switchable ? "switch" : "button",
-      on: d.switchOn
-    });
-  }
-  const themeInOverflow = overflow.includes("theme");
-  return /* @__PURE__ */ jsxs13("header", { class: `${p12}-header`, "data-testid": TID.panelHeader, children: [
-    onBack ? /* @__PURE__ */ jsx18("button", { type: "button", class: `${p12}-icon-btn`, onClick: onBack, "aria-label": backLabel, title: backLabel, children: /* @__PURE__ */ jsx18(BackIcon, {}) }) : null,
-    agent ? /* @__PURE__ */ jsx18(AgentBadge, { agent }) : /* @__PURE__ */ jsx18("h1", { children: panelTitle }),
-    main.map((name) => {
-      if (name === "language") {
-        if (!showLanguage) return null;
-        return /* @__PURE__ */ jsx18(
-          LanguageSwitcher,
-          {
-            available: availableLocales,
-            active: activeLocale,
-            onSelect: onLocaleChange,
-            triggerLabel: languageLabel
-          },
-          "language"
-        );
-      }
-      if (name === "theme") {
-        return /* @__PURE__ */ jsx18(
-          ThemeSwitcher,
-          {
-            active: activeThemeMode,
-            onSelect: onThemeChange,
-            triggerLabel: themeLabel,
-            optionLabels: themeOptionLabels
-          },
-          "theme"
-        );
-      }
-      const d = descriptors[name];
-      return /* @__PURE__ */ jsx18(
-        "button",
-        {
-          type: "button",
-          class: `${p12}-icon-btn`,
-          onClick: d.onSelect,
-          "aria-label": d.label,
-          "aria-pressed": d.switchable ? d.switchOn : void 0,
-          title: d.label,
-          "data-testid": ACTION_TID[name],
-          children: d.icon
-        },
-        name
-      );
-    }),
-    themeInOverflow ? /* @__PURE__ */ jsx18(
-      ThemeSwitcher,
-      {
-        active: activeThemeMode,
-        onSelect: onThemeChange,
-        triggerLabel: themeLabel,
-        optionLabels: themeOptionLabels
-      }
-    ) : null,
-    overflowItems.length > 0 ? /* @__PURE__ */ jsx18(OverflowMenu, { items: overflowItems, triggerLabel: moreActionsLabel }) : null
-  ] });
-}
-function buildDescriptors(args) {
-  const {
-    strings,
-    panelSize,
-    feedback,
-    onClear,
-    onExpand,
-    onFullscreen,
-    onPopOut,
-    onSoundToggle,
-    onToggleHistory,
-    onClose
-  } = args;
-  const expandedNow = panelSize === "expanded";
-  const fullscreenNow = panelSize === "fullscreen";
-  const muted = useComputed3(() => feedback.mutedSig.value).value;
-  return {
-    clear: { icon: /* @__PURE__ */ jsx18(TrashIcon, {}), label: strings.newConversation, onSelect: onClear },
-    expand: {
-      icon: expandedNow ? /* @__PURE__ */ jsx18(CollapseIcon, {}) : /* @__PURE__ */ jsx18(ExpandIcon, {}),
-      label: expandedNow ? strings.collapse : strings.expand,
-      onSelect: onExpand,
-      switchable: true,
-      switchOn: expandedNow
-    },
-    fullscreen: {
-      icon: fullscreenNow ? /* @__PURE__ */ jsx18(FullscreenExitIcon, {}) : /* @__PURE__ */ jsx18(FullscreenIcon, {}),
-      label: fullscreenNow ? strings.exitFullscreen : strings.fullscreen,
-      onSelect: onFullscreen,
-      switchable: true,
-      switchOn: fullscreenNow
-    },
-    popOut: { icon: /* @__PURE__ */ jsx18(PopOutIcon, {}), label: strings.popOut, onSelect: onPopOut },
-    sound: {
-      icon: muted ? /* @__PURE__ */ jsx18(SpeakerMutedIcon, {}) : /* @__PURE__ */ jsx18(SpeakerIcon, {}),
-      label: muted ? strings.soundOff : strings.soundOn,
-      onSelect: onSoundToggle,
-      switchable: true,
-      // The switch is "on" when sound is ENABLED (not muted).
-      switchOn: !muted
-    },
-    history: { icon: /* @__PURE__ */ jsx18(HistoryIcon, {}), label: strings.history, onSelect: onToggleHistory },
-    close: { icon: /* @__PURE__ */ jsx18(CloseIcon, {}), label: strings.close, onSelect: onClose ?? (() => {
-    }) }
-  };
+  return /* @__PURE__ */ jsx17("span", { class: `${p13}-poweredby`, children: inner });
 }
 
 // src/ui/sidebar.tsx
-import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs14 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs13 } from "preact/jsx-runtime";
 function Sidebar(props2) {
-  const p28 = BRAND.cssPrefix;
+  const p29 = 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__ */ jsxs14("aside", { class: `${p28}-sidebar`, "data-collapsed": collapsed ? "true" : "false", "data-testid": TID.sidebar, children: [
-    /* @__PURE__ */ jsxs14("div", { class: `${p28}-sidebar-header`, children: [
-      /* @__PURE__ */ jsx19(SidebarBrand, { site }),
-      /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs13("aside", { class: `${p29}-sidebar`, "data-collapsed": collapsed ? "true" : "false", "data-testid": TID.sidebar, children: [
+    /* @__PURE__ */ jsxs13("div", { class: `${p29}-sidebar-header`, children: [
+      /* @__PURE__ */ jsx18(SidebarBrand, { site }),
+      /* @__PURE__ */ jsx18(
         "button",
         {
           type: "button",
-          class: `${p28}-sidebar-toggle`,
+          class: `${p29}-sidebar-toggle`,
           "aria-label": toggleLabel,
           "aria-expanded": collapsed ? "false" : "true",
           title: toggleLabel,
           onClick: props2.onToggleCollapsed,
           "data-testid": TID.sidebarToggle,
-          children: /* @__PURE__ */ jsx19(SidebarToggleIcon, { collapsed })
+          children: /* @__PURE__ */ jsx18(SidebarToggleIcon, { collapsed })
         }
       )
     ] }),
-    collapsed ? null : /* @__PURE__ */ jsxs14(Fragment3, { children: [
-      navigation.length > 0 ? /* @__PURE__ */ jsx19("nav", { class: `${p28}-sidebar-section`, "data-section": "navigation", children: /* @__PURE__ */ jsx19(SidebarNav, { items: navigation }) }) : null,
-      linkCards.length > 0 ? /* @__PURE__ */ jsx19("div", { class: `${p28}-sidebar-section`, "data-section": "link-cards", children: /* @__PURE__ */ jsx19(SidebarCards, { items: linkCards }) }) : null,
-      props2.showConversations ? /* @__PURE__ */ jsx19("div", { class: `${p28}-sidebar-conversations`, children: /* @__PURE__ */ jsx19(
+    collapsed ? null : /* @__PURE__ */ jsxs13(Fragment3, { children: [
+      navigation.length > 0 ? /* @__PURE__ */ jsx18("nav", { class: `${p29}-sidebar-section`, "data-section": "navigation", children: /* @__PURE__ */ jsx18(SidebarNav, { items: navigation }) }) : null,
+      linkCards.length > 0 ? /* @__PURE__ */ jsx18("div", { class: `${p29}-sidebar-section`, "data-section": "link-cards", children: /* @__PURE__ */ jsx18(SidebarCards, { items: linkCards }) }) : null,
+      props2.showConversations ? /* @__PURE__ */ jsx18("div", { class: `${p29}-sidebar-conversations`, children: /* @__PURE__ */ jsx18(
         ConversationList,
         {
           transport: props2.transport,
@@ -4486,18 +4278,18 @@ function Sidebar(props2) {
   ] });
 }
 function SidebarBrand({ site }) {
-  const p28 = BRAND.cssPrefix;
+  const p29 = BRAND.cssPrefix;
   if (site?.logo?.url) {
     const alt = site.logo.alt ?? site.title ?? "Logo";
-    return /* @__PURE__ */ jsxs14("picture", { children: [
-      site.logoDark?.url ? /* @__PURE__ */ jsx19("source", { srcset: site.logoDark.url, media: "(prefers-color-scheme: dark)" }) : null,
-      /* @__PURE__ */ jsx19("img", { class: `${p28}-sidebar-logo`, src: site.logo.url, alt })
+    return /* @__PURE__ */ jsxs13("picture", { children: [
+      site.logoDark?.url ? /* @__PURE__ */ jsx18("source", { srcset: site.logoDark.url, media: "(prefers-color-scheme: dark)" }) : null,
+      /* @__PURE__ */ jsx18("img", { class: `${p29}-sidebar-logo`, src: site.logo.url, alt })
     ] });
   }
-  return /* @__PURE__ */ jsx19("div", { class: `${p28}-sidebar-title`, children: site?.title ?? BRAND.name });
+  return /* @__PURE__ */ jsx18("div", { class: `${p29}-sidebar-title`, children: site?.title ?? BRAND.name });
 }
 function SidebarToggleIcon({ collapsed }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "svg",
     {
       width: "16",
@@ -4507,38 +4299,38 @@ function SidebarToggleIcon({ collapsed }) {
       stroke: "currentColor",
       "stroke-width": "2",
       "aria-hidden": "true",
-      children: collapsed ? /* @__PURE__ */ jsx19("polyline", { points: "9 6 15 12 9 18" }) : /* @__PURE__ */ jsx19("polyline", { points: "15 6 9 12 15 18" })
+      children: collapsed ? /* @__PURE__ */ jsx18("polyline", { points: "9 6 15 12 9 18" }) : /* @__PURE__ */ jsx18("polyline", { points: "15 6 9 12 15 18" })
     }
   );
 }
 function SidebarNav({ items }) {
-  const p28 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsx19("ul", { class: `${p28}-sidebar-nav`, children: items.map((item) => /* @__PURE__ */ jsx19("li", { children: /* @__PURE__ */ jsxs14(
+  const p29 = BRAND.cssPrefix;
+  return /* @__PURE__ */ jsx18("ul", { class: `${p29}-sidebar-nav`, children: items.map((item) => /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs13(
     "a",
     {
-      class: `${p28}-sidebar-nav-item`,
+      class: `${p29}-sidebar-nav-item`,
       href: item.href,
       target: item.href ? "_blank" : void 0,
       rel: item.href ? "noreferrer" : void 0,
       children: [
-        item.icon ? /* @__PURE__ */ jsx19("span", { class: `${p28}-sidebar-nav-icon`, "data-icon": item.icon }) : null,
-        /* @__PURE__ */ jsx19("span", { class: `${p28}-sidebar-nav-label`, children: item.label })
+        item.icon ? /* @__PURE__ */ jsx18("span", { class: `${p29}-sidebar-nav-icon`, "data-icon": item.icon }) : null,
+        /* @__PURE__ */ jsx18("span", { class: `${p29}-sidebar-nav-label`, children: item.label })
       ]
     }
   ) }, item.id ?? item.label)) });
 }
 function SidebarCards({ items }) {
-  const p28 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsx19("div", { class: `${p28}-sidebar-cards`, children: items.map((item) => /* @__PURE__ */ jsxs14(
+  const p29 = BRAND.cssPrefix;
+  return /* @__PURE__ */ jsx18("div", { class: `${p29}-sidebar-cards`, children: items.map((item) => /* @__PURE__ */ jsxs13(
     "a",
     {
-      class: `${p28}-sidebar-card`,
+      class: `${p29}-sidebar-card`,
       href: item.href,
       target: item.href ? "_blank" : void 0,
       rel: item.href ? "noreferrer" : void 0,
       children: [
-        /* @__PURE__ */ jsx19("div", { class: `${p28}-sidebar-card-label`, children: item.label }),
-        item.description ? /* @__PURE__ */ jsx19("div", { class: `${p28}-sidebar-card-desc`, children: item.description }) : null
+        /* @__PURE__ */ jsx18("div", { class: `${p29}-sidebar-card-label`, children: item.label }),
+        item.description ? /* @__PURE__ */ jsx18("div", { class: `${p29}-sidebar-card-desc`, children: item.description }) : null
       ]
     },
     item.id ?? item.label
@@ -4546,11 +4338,11 @@ function SidebarCards({ items }) {
 }
 
 // src/ui/page-shell.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "preact/jsx-runtime";
-var p13 = BRAND.cssPrefix;
+import { jsx as jsx19, jsxs as jsxs14 } from "preact/jsx-runtime";
+var p14 = BRAND.cssPrefix;
 function PageShell(props2) {
-  return /* @__PURE__ */ jsxs15("main", { class: `${p13}-page-shell`, "data-sidebar-collapsed": props2.sidebarCollapsed ? "true" : "false", children: [
-    /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsxs14("main", { class: `${p14}-page-shell`, "data-sidebar-collapsed": props2.sidebarCollapsed ? "true" : "false", children: [
+    /* @__PURE__ */ jsx19(
       Sidebar,
       {
         site: props2.site,
@@ -4565,7 +4357,7 @@ function PageShell(props2) {
         onToggleCollapsed: props2.onToggleSidebarCollapsed
       }
     ),
-    /* @__PURE__ */ jsx20("section", { class: `${p13}-page-chat`, "aria-label": "Chat", children: props2.children })
+    /* @__PURE__ */ jsx19("section", { class: `${p14}-page-chat`, "aria-label": "Chat", children: props2.children })
   ] });
 }
 
@@ -4602,7 +4394,7 @@ var topScreen = (s) => activeStack(s).at(-1);
 var atTabRoot = (s) => activeStack(s).length === 0;
 
 // src/ui/messenger-home.tsx
-import { useCallback as useCallback6, useEffect as useEffect15, useRef as useRef7 } from "preact/hooks";
+import { useCallback as useCallback4, useEffect as useEffect15, useRef as useRef7 } from "preact/hooks";
 import { useComputed as useComputed4 } from "@preact/signals";
 
 // src/ui/modules/messages.tsx
@@ -4615,80 +4407,80 @@ var chatLayout = {
 import { useEffect as useEffect11, useMemo as useMemo2, useState as useState6 } from "preact/hooks";
 
 // src/ui/back-header.tsx
-import { jsx as jsx21, jsxs as jsxs16 } from "preact/jsx-runtime";
-var p14 = BRAND.cssPrefix;
-function TitleBar({ title, onClose, closeLabel }) {
-  return /* @__PURE__ */ jsxs16("header", { class: `${p14}-back-header`, "data-variant": "title", children: [
-    /* @__PURE__ */ jsx21("span", { class: `${p14}-back-spacer`, "aria-hidden": "true" }),
-    /* @__PURE__ */ jsx21("h1", { class: `${p14}-back-title`, children: title }),
-    onClose ? /* @__PURE__ */ jsx21("button", { type: "button", class: `${p14}-icon-btn`, onClick: onClose, "aria-label": closeLabel, title: closeLabel, children: /* @__PURE__ */ jsx21(CloseIcon, {}) }) : /* @__PURE__ */ jsx21("span", { class: `${p14}-back-spacer`, "aria-hidden": "true" })
+import { jsx as jsx20, jsxs as jsxs15 } from "preact/jsx-runtime";
+var p15 = BRAND.cssPrefix;
+function TitleBar({ title, actions }) {
+  return /* @__PURE__ */ jsxs15("header", { class: `${p15}-back-header`, "data-variant": "title", children: [
+    /* @__PURE__ */ jsx20("span", { class: `${p15}-back-spacer`, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx20("h1", { class: `${p15}-back-title`, children: title }),
+    actions ?? /* @__PURE__ */ jsx20("span", { class: `${p15}-back-spacer`, "aria-hidden": "true" })
   ] });
 }
-function BackHeader({ title, backLabel, onBack, onClose, closeLabel, testid }) {
-  return /* @__PURE__ */ jsxs16("header", { class: `${p14}-back-header`, "data-testid": testid, children: [
-    /* @__PURE__ */ jsx21("button", { type: "button", class: `${p14}-icon-btn`, onClick: onBack, "aria-label": backLabel, title: backLabel, children: /* @__PURE__ */ jsx21(BackIcon, {}) }),
-    /* @__PURE__ */ jsx21("h1", { class: `${p14}-back-title`, children: title }),
-    onClose ? /* @__PURE__ */ jsx21("button", { type: "button", class: `${p14}-icon-btn`, onClick: onClose, "aria-label": closeLabel, title: closeLabel, children: /* @__PURE__ */ jsx21(CloseIcon, {}) }) : /* @__PURE__ */ jsx21("span", { class: `${p14}-back-spacer`, "aria-hidden": "true" })
+function BackHeader({ title, backLabel, onBack, actions, testid }) {
+  return /* @__PURE__ */ jsxs15("header", { class: `${p15}-back-header`, "data-testid": testid, children: [
+    /* @__PURE__ */ jsx20("button", { type: "button", class: `${p15}-icon-btn`, onClick: onBack, "aria-label": backLabel, title: backLabel, children: /* @__PURE__ */ jsx20(BackIcon, {}) }),
+    /* @__PURE__ */ jsx20("h1", { class: `${p15}-back-title`, children: title }),
+    actions ?? /* @__PURE__ */ jsx20("span", { class: `${p15}-back-spacer`, "aria-hidden": "true" })
   ] });
 }
 
 // src/ui/home-search.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "preact/jsx-runtime";
-var p15 = BRAND.cssPrefix;
+import { jsx as jsx21, jsxs as jsxs16 } from "preact/jsx-runtime";
+var p16 = BRAND.cssPrefix;
 function HomeSearchButton({ placeholder, onActivate }) {
-  return /* @__PURE__ */ jsxs17("button", { type: "button", class: `${p15}-home-search`, onClick: onActivate, "data-testid": TID.homeSearch, children: [
-    /* @__PURE__ */ jsx22("span", { class: `${p15}-home-search-text`, children: placeholder }),
-    /* @__PURE__ */ jsx22("span", { class: `${p15}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx22(SearchIcon, {}) })
+  return /* @__PURE__ */ jsxs16("button", { type: "button", class: `${p16}-home-search`, onClick: onActivate, "data-testid": TID.homeSearch, children: [
+    /* @__PURE__ */ jsx21("span", { class: `${p16}-home-search-text`, children: placeholder }),
+    /* @__PURE__ */ jsx21("span", { class: `${p16}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx21(SearchIcon, {}) })
   ] });
 }
 function HelpSearchInput({ placeholder, value, onInput }) {
-  return /* @__PURE__ */ jsxs17("div", { class: `${p15}-home-search`, "data-input": "true", children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsxs16("div", { class: `${p16}-home-search`, "data-input": "true", children: [
+    /* @__PURE__ */ jsx21(
       "input",
       {
         type: "search",
-        class: `${p15}-home-search-input`,
+        class: `${p16}-home-search-input`,
         placeholder,
         value,
         onInput: (e) => onInput(e.currentTarget.value),
         "data-testid": TID.helpSearch
       }
     ),
-    /* @__PURE__ */ jsx22("span", { class: `${p15}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx22(SearchIcon, {}) })
+    /* @__PURE__ */ jsx21("span", { class: `${p16}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx21(SearchIcon, {}) })
   ] });
 }
 
 // src/ui/list-row.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "preact/jsx-runtime";
-var p16 = BRAND.cssPrefix;
+import { jsx as jsx22, jsxs as jsxs17 } from "preact/jsx-runtime";
+var p17 = BRAND.cssPrefix;
 function ListRow({ title, subtitle, onClick, testid }) {
-  return /* @__PURE__ */ jsxs18("button", { type: "button", class: `${p16}-list-row`, onClick, "data-testid": testid, children: [
-    /* @__PURE__ */ jsxs18("span", { class: `${p16}-list-row-body`, children: [
-      /* @__PURE__ */ jsx23("span", { class: `${p16}-list-row-title`, children: title }),
-      subtitle ? /* @__PURE__ */ jsx23("span", { class: `${p16}-list-row-sub`, children: subtitle }) : null
+  return /* @__PURE__ */ jsxs17("button", { type: "button", class: `${p17}-list-row`, onClick, "data-testid": testid, children: [
+    /* @__PURE__ */ jsxs17("span", { class: `${p17}-list-row-body`, children: [
+      /* @__PURE__ */ jsx22("span", { class: `${p17}-list-row-title`, children: title }),
+      subtitle ? /* @__PURE__ */ jsx22("span", { class: `${p17}-list-row-sub`, children: subtitle }) : null
     ] }),
-    /* @__PURE__ */ jsx23("span", { class: `${p16}-list-row-chevron`, "aria-hidden": "true", children: /* @__PURE__ */ jsx23(ChevronRightIcon, {}) })
+    /* @__PURE__ */ jsx22("span", { class: `${p17}-list-row-chevron`, "aria-hidden": "true", children: /* @__PURE__ */ jsx22(ChevronRightIcon, {}) })
   ] });
 }
 
 // src/ui/module-state.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "preact/jsx-runtime";
-var p17 = BRAND.cssPrefix;
+import { jsx as jsx23, jsxs as jsxs18 } from "preact/jsx-runtime";
+var p18 = BRAND.cssPrefix;
 function ModuleState({
   tone = "info",
   message,
   onRetry,
   strings
 }) {
-  return /* @__PURE__ */ jsxs19("div", { class: `${p17}-module-empty`, role: tone === "error" ? "alert" : "status", "aria-live": "polite", children: [
-    /* @__PURE__ */ jsx24("span", { children: message }),
-    onRetry ? /* @__PURE__ */ jsx24("button", { type: "button", class: `${p17}-module-retry`, onClick: onRetry, children: strings.errorRetry }) : null
+  return /* @__PURE__ */ jsxs18("div", { class: `${p18}-module-empty`, role: tone === "error" ? "alert" : "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx23("span", { children: message }),
+    onRetry ? /* @__PURE__ */ jsx23("button", { type: "button", class: `${p18}-module-retry`, onClick: onRetry, children: strings.errorRetry }) : null
   ] });
 }
 
 // src/ui/modules/help.tsx
-import { jsx as jsx25, jsxs as jsxs20 } from "preact/jsx-runtime";
-var p18 = BRAND.cssPrefix;
+import { jsx as jsx24, jsxs as jsxs19 } from "preact/jsx-runtime";
+var p19 = 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) {
@@ -4717,7 +4509,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__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     ListRow,
     {
       title: article.title,
@@ -4754,46 +4546,46 @@ function HelpRoot({ transport, strings, config, nav, panelProps }) {
   const results = useMemo2(() => fuzzySearch(items, query), [items, query]);
   function renderBody() {
     if (query.trim().length > 0) {
-      if (results.length === 0) return /* @__PURE__ */ jsx25(ModuleState, { message: strings.helpSearchEmpty, strings });
-      return /* @__PURE__ */ jsx25("div", { class: `${p18}-help-card`, children: results.map((a) => /* @__PURE__ */ jsx25(ArticleRow, { article: a, nav }, a.id)) });
+      if (results.length === 0) return /* @__PURE__ */ jsx24(ModuleState, { message: strings.helpSearchEmpty, strings });
+      return /* @__PURE__ */ jsx24("div", { class: `${p19}-help-card`, children: results.map((a) => /* @__PURE__ */ jsx24(ArticleRow, { article: a, nav }, a.id)) });
     }
-    if (state === "loading") return /* @__PURE__ */ jsx25(ModuleState, { message: strings.helpLoading, strings });
+    if (state === "loading") return /* @__PURE__ */ jsx24(ModuleState, { message: strings.helpLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx25(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
+      return /* @__PURE__ */ jsx24(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
-    if (items.length === 0) return /* @__PURE__ */ jsx25(ModuleState, { message: strings.helpEmpty, strings });
-    return groupByCategory(items).map(([category, rows]) => /* @__PURE__ */ jsxs20("section", { class: `${p18}-help-group`, children: [
-      category ? /* @__PURE__ */ jsx25("h2", { class: `${p18}-help-section-title`, children: category }) : null,
-      /* @__PURE__ */ jsx25("div", { class: `${p18}-help-card`, children: rows.map((a) => /* @__PURE__ */ jsx25(ArticleRow, { article: a, nav }, a.id)) })
+    if (items.length === 0) return /* @__PURE__ */ jsx24(ModuleState, { message: strings.helpEmpty, strings });
+    return groupByCategory(items).map(([category, rows]) => /* @__PURE__ */ jsxs19("section", { class: `${p19}-help-group`, children: [
+      category ? /* @__PURE__ */ jsx24("h2", { class: `${p19}-help-section-title`, children: category }) : null,
+      /* @__PURE__ */ jsx24("div", { class: `${p19}-help-card`, children: rows.map((a) => /* @__PURE__ */ jsx24(ArticleRow, { article: a, nav }, a.id)) })
     ] }, category));
   }
-  return /* @__PURE__ */ jsxs20("div", { class: `${p18}-module`, children: [
-    /* @__PURE__ */ jsx25(TitleBar, { title: strings.helpTitle, onClose: panelProps.onClose, closeLabel: strings.close }),
-    /* @__PURE__ */ jsx25("div", { class: `${p18}-module-pad`, children: /* @__PURE__ */ jsx25(HelpSearchInput, { placeholder: strings.helpSearchPlaceholder, value: query, onInput: setQuery }) }),
-    /* @__PURE__ */ jsx25("div", { class: `${p18}-help-list`, children: renderBody() })
+  return /* @__PURE__ */ jsxs19("div", { class: `${p19}-module`, children: [
+    /* @__PURE__ */ jsx24(TitleBar, { title: strings.helpTitle, actions: /* @__PURE__ */ jsx24(HeaderActions, { panelProps, variant: "plain" }) }),
+    /* @__PURE__ */ jsx24("div", { class: `${p19}-module-pad`, children: /* @__PURE__ */ jsx24(HelpSearchInput, { placeholder: strings.helpSearchPlaceholder, value: query, onInput: setQuery }) }),
+    /* @__PURE__ */ jsx24("div", { class: `${p19}-help-list`, children: renderBody() })
   ] });
 }
 var helpLayout = {
   Icon: HelpIcon,
-  Root: (props2) => /* @__PURE__ */ jsx25(HelpRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx24(HelpRoot, { ...props2 })
 };
 
 // src/ui/modules/home.tsx
 import { useEffect as useEffect12, useState as useState7 } from "preact/hooks";
 
 // src/ui/home-card.tsx
-import { jsx as jsx26 } from "preact/jsx-runtime";
-var p19 = BRAND.cssPrefix;
+import { jsx as jsx25 } from "preact/jsx-runtime";
+var p20 = BRAND.cssPrefix;
 function HomeCard({ onClick, children, testid }) {
   if (onClick) {
-    return /* @__PURE__ */ jsx26("button", { type: "button", class: `${p19}-home-card`, "data-interactive": "true", onClick, "data-testid": testid, children });
+    return /* @__PURE__ */ jsx25("button", { type: "button", class: `${p20}-home-card`, "data-interactive": "true", onClick, "data-testid": testid, children });
   }
-  return /* @__PURE__ */ jsx26("div", { class: `${p19}-home-card`, "data-testid": testid, children });
+  return /* @__PURE__ */ jsx25("div", { class: `${p20}-home-card`, "data-testid": testid, children });
 }
 
 // src/ui/modules/home.tsx
-import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs21 } from "preact/jsx-runtime";
-var p20 = BRAND.cssPrefix;
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs20 } from "preact/jsx-runtime";
+var p21 = BRAND.cssPrefix;
 var log13 = logger.scope("home");
 function resolveGreeting(props2) {
   const name = props2.options.userContext?.name;
@@ -4830,59 +4622,49 @@ function HomeRoot(props2) {
   const avatars = config.userAvatars ?? [];
   const status = config.status;
   const contentTitle = config.contentBlockTitle ? moduleLabel(strings, config.contentBlockTitle) : strings.homeContentTitle;
-  return /* @__PURE__ */ jsx27("div", { class: `${p20}-module ${p20}-home`, "data-testid": TID.homeView, children: /* @__PURE__ */ jsxs21("div", { class: `${p20}-home-scroll`, children: [
-    /* @__PURE__ */ jsxs21("div", { class: `${p20}-home-hero`, children: [
-      /* @__PURE__ */ jsxs21("div", { class: `${p20}-home-hero-top`, children: [
-        config.brandName ? /* @__PURE__ */ jsx27("span", { class: `${p20}-home-brand`, "data-testid": TID.homeBrand, children: config.brandName }) : /* @__PURE__ */ jsx27("span", { class: `${p20}-home-brand-spacer`, "aria-hidden": "true" }),
-        /* @__PURE__ */ jsxs21("div", { class: `${p20}-home-hero-actions`, children: [
-          avatars.length > 0 ? /* @__PURE__ */ jsx27("div", { class: `${p20}-home-avatars`, children: avatars.map((a) => /* @__PURE__ */ jsx27("span", { class: `${p20}-home-avatar`, title: a.role ? `${a.name} \xB7 ${a.role}` : a.name, children: a.avatar ? /* @__PURE__ */ jsx27("img", { src: a.avatar, alt: "", loading: "lazy" }) : /* @__PURE__ */ jsx27("span", { children: initials(a.name) }) }, a.name)) }) : null,
-          panelProps.onClose ? /* @__PURE__ */ jsx27(
-            "button",
-            {
-              type: "button",
-              class: `${p20}-icon-btn ${p20}-home-close`,
-              onClick: panelProps.onClose,
-              "aria-label": strings.close,
-              title: strings.close,
-              children: /* @__PURE__ */ jsx27(CloseIcon, {})
-            }
-          ) : null
+  return /* @__PURE__ */ jsx26("div", { class: `${p21}-module ${p21}-home`, "data-testid": TID.homeView, children: /* @__PURE__ */ jsxs20("div", { class: `${p21}-home-scroll`, children: [
+    /* @__PURE__ */ jsxs20("div", { class: `${p21}-home-hero`, children: [
+      /* @__PURE__ */ jsxs20("div", { class: `${p21}-home-hero-top`, children: [
+        config.brandName ? /* @__PURE__ */ jsx26("span", { class: `${p21}-home-brand`, "data-testid": TID.homeBrand, children: config.brandName }) : /* @__PURE__ */ jsx26("span", { class: `${p21}-home-brand-spacer`, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs20("div", { class: `${p21}-home-hero-actions`, children: [
+          avatars.length > 0 ? /* @__PURE__ */ jsx26("div", { class: `${p21}-home-avatars`, children: avatars.map((a) => /* @__PURE__ */ jsx26("span", { class: `${p21}-home-avatar`, title: a.role ? `${a.name} \xB7 ${a.role}` : a.name, children: a.avatar ? /* @__PURE__ */ jsx26("img", { src: a.avatar, alt: "", loading: "lazy" }) : /* @__PURE__ */ jsx26("span", { children: initials(a.name) }) }, a.name)) }) : null,
+          /* @__PURE__ */ jsx26(HeaderActions, { panelProps, variant: "plain" })
         ] })
       ] }),
-      config.showGreeting !== false ? /* @__PURE__ */ jsxs21(Fragment4, { children: [
-        /* @__PURE__ */ jsx27("h1", { class: `${p20}-home-greeting`, "data-testid": TID.homeGreeting, children: greeting.title }),
-        greeting.subtitle ? /* @__PURE__ */ jsx27("p", { class: `${p20}-home-lead`, children: greeting.subtitle }) : null
+      config.showGreeting !== false ? /* @__PURE__ */ jsxs20(Fragment4, { children: [
+        /* @__PURE__ */ jsx26("h1", { class: `${p21}-home-greeting`, "data-testid": TID.homeGreeting, children: greeting.title }),
+        greeting.subtitle ? /* @__PURE__ */ jsx26("p", { class: `${p21}-home-lead`, children: greeting.subtitle }) : null
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsxs21("div", { class: `${p20}-home-cards`, children: [
-      config.showSearchBar !== false ? /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsxs20("div", { class: `${p21}-home-cards`, children: [
+      config.showSearchBar !== false ? /* @__PURE__ */ jsx26(
         HomeSearchButton,
         {
           placeholder: strings.homeSearchPlaceholder,
           onActivate: () => nav.switchToLayout("help")
         }
       ) : null,
-      recent ? /* @__PURE__ */ jsx27(HomeCard, { onClick: () => nav.selectSession(recent.sessionId), testid: TID.homeRecent, children: /* @__PURE__ */ jsxs21("div", { class: `${p20}-home-recent-row`, "data-unread": (recent.unreadCount ?? 0) > 0 ? "true" : void 0, children: [
-        /* @__PURE__ */ jsx27("span", { class: `${p20}-home-recent-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx27(BubblesIcon, {}) }),
-        /* @__PURE__ */ jsxs21("span", { class: `${p20}-home-recent-body`, children: [
-          /* @__PURE__ */ jsx27("span", { class: `${p20}-home-recent-title`, children: recent.title }),
-          recent.preview ? /* @__PURE__ */ jsx27("span", { class: `${p20}-home-recent-preview`, children: recent.preview }) : null
+      recent ? /* @__PURE__ */ jsx26(HomeCard, { onClick: () => nav.selectSession(recent.sessionId), testid: TID.homeRecent, children: /* @__PURE__ */ jsxs20("div", { class: `${p21}-home-recent-row`, "data-unread": (recent.unreadCount ?? 0) > 0 ? "true" : void 0, children: [
+        /* @__PURE__ */ jsx26("span", { class: `${p21}-home-recent-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx26(BubblesIcon, {}) }),
+        /* @__PURE__ */ jsxs20("span", { class: `${p21}-home-recent-body`, children: [
+          /* @__PURE__ */ jsx26("span", { class: `${p21}-home-recent-title`, children: recent.title }),
+          recent.preview ? /* @__PURE__ */ jsx26("span", { class: `${p21}-home-recent-preview`, children: recent.preview }) : null
         ] }),
-        (recent.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx27("span", { class: `${p20}-home-recent-dot`, "aria-label": "Unread" }) : null
+        (recent.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx26("span", { class: `${p21}-home-recent-dot`, "aria-label": "Unread" }) : null
       ] }) }) : null,
-      status ? /* @__PURE__ */ jsx27(
+      status ? /* @__PURE__ */ jsx26(
         HomeCard,
         {
           onClick: status.url ? () => nav.push({ kind: "iframe", url: status.url, title: status.text }) : void 0,
-          children: /* @__PURE__ */ jsxs21("div", { class: `${p20}-home-status`, "data-level": status.level ?? "operational", children: [
-            /* @__PURE__ */ jsx27("span", { class: `${p20}-home-status-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx27(StatusOkIcon, {}) }),
-            /* @__PURE__ */ jsx27("span", { class: `${p20}-home-status-text`, children: status.text })
+          children: /* @__PURE__ */ jsxs20("div", { class: `${p21}-home-status`, "data-level": status.level ?? "operational", children: [
+            /* @__PURE__ */ jsx26("span", { class: `${p21}-home-status-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx26(StatusOkIcon, {}) }),
+            /* @__PURE__ */ jsx26("span", { class: `${p21}-home-status-text`, children: status.text })
           ] })
         }
       ) : null,
-      content.length > 0 ? /* @__PURE__ */ jsxs21("section", { class: `${p20}-home-content`, children: [
-        /* @__PURE__ */ jsx27("div", { class: `${p20}-home-content-title`, children: contentTitle }),
-        /* @__PURE__ */ jsx27("div", { class: `${p20}-home-content-list`, children: content.map((item) => /* @__PURE__ */ jsx27(
+      content.length > 0 ? /* @__PURE__ */ jsxs20("section", { class: `${p21}-home-content`, children: [
+        /* @__PURE__ */ jsx26("div", { class: `${p21}-home-content-title`, children: contentTitle }),
+        /* @__PURE__ */ jsx26("div", { class: `${p21}-home-content-list`, children: content.map((item) => /* @__PURE__ */ jsx26(
           ListRow,
           {
             title: item.title,
@@ -4898,13 +4680,13 @@ function HomeRoot(props2) {
 }
 var homeLayout = {
   Icon: HomeIcon,
-  Root: (props2) => /* @__PURE__ */ jsx27(HomeRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx26(HomeRoot, { ...props2 })
 };
 
 // src/ui/modules/news.tsx
 import { useEffect as useEffect13, useState as useState8 } from "preact/hooks";
-import { jsx as jsx28, jsxs as jsxs22 } from "preact/jsx-runtime";
-var p21 = BRAND.cssPrefix;
+import { jsx as jsx27, jsxs as jsxs21 } from "preact/jsx-runtime";
+var p22 = BRAND.cssPrefix;
 var log14 = logger.scope("news");
 function NewsRoot({ transport, strings, config, nav, panelProps }) {
   const tags = config.contentTags;
@@ -4930,38 +4712,38 @@ function NewsRoot({ transport, strings, config, nav, panelProps }) {
     };
   }, [transport, tags, reloadKey]);
   function renderBody() {
-    if (state === "loading") return /* @__PURE__ */ jsx28(ModuleState, { message: strings.newsLoading, strings });
+    if (state === "loading") return /* @__PURE__ */ jsx27(ModuleState, { message: strings.newsLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx28(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
+      return /* @__PURE__ */ jsx27(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
-    if (items.length === 0) return /* @__PURE__ */ jsx28(ModuleState, { message: strings.newsEmpty, strings });
-    return /* @__PURE__ */ jsx28("div", { class: `${p21}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs22(
+    if (items.length === 0) return /* @__PURE__ */ jsx27(ModuleState, { message: strings.newsEmpty, strings });
+    return /* @__PURE__ */ jsx27("div", { class: `${p22}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs21(
       "button",
       {
         type: "button",
-        class: `${p21}-news-card`,
+        class: `${p22}-news-card`,
         onClick: () => nav.push({ kind: "content", id: item.id, title: item.title }),
         "data-testid": tid(TID.newsItem, item.id),
         children: [
-          item.image ? /* @__PURE__ */ jsx28("img", { class: `${p21}-news-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
-          /* @__PURE__ */ jsxs22("span", { class: `${p21}-news-body`, children: [
-            item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx28("span", { class: `${p21}-news-tags`, children: item.tags.map((t) => /* @__PURE__ */ jsx28("span", { class: `${p21}-news-tag`, children: t }, t)) }) : null,
-            /* @__PURE__ */ jsx28("span", { class: `${p21}-news-title`, children: item.title }),
-            item.description ? /* @__PURE__ */ jsx28("span", { class: `${p21}-news-summary`, children: item.description }) : null
+          item.image ? /* @__PURE__ */ jsx27("img", { class: `${p22}-news-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
+          /* @__PURE__ */ jsxs21("span", { class: `${p22}-news-body`, children: [
+            item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx27("span", { class: `${p22}-news-tags`, children: item.tags.map((t) => /* @__PURE__ */ jsx27("span", { class: `${p22}-news-tag`, children: t }, t)) }) : null,
+            /* @__PURE__ */ jsx27("span", { class: `${p22}-news-title`, children: item.title }),
+            item.description ? /* @__PURE__ */ jsx27("span", { class: `${p22}-news-summary`, children: item.description }) : null
           ] })
         ]
       },
       item.id
     )) });
   }
-  return /* @__PURE__ */ jsxs22("div", { class: `${p21}-module`, children: [
-    /* @__PURE__ */ jsx28(TitleBar, { title: strings.newsTitle, onClose: panelProps.onClose, closeLabel: strings.close }),
-    /* @__PURE__ */ jsx28("div", { class: `${p21}-module-scroll`, children: renderBody() })
+  return /* @__PURE__ */ jsxs21("div", { class: `${p22}-module`, children: [
+    /* @__PURE__ */ jsx27(TitleBar, { title: strings.newsTitle, actions: /* @__PURE__ */ jsx27(HeaderActions, { panelProps, variant: "plain" }) }),
+    /* @__PURE__ */ jsx27("div", { class: `${p22}-module-scroll`, children: renderBody() })
   ] });
 }
 var newsLayout = {
   Icon: NewsIcon,
-  Root: (props2) => /* @__PURE__ */ jsx28(NewsRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx27(NewsRoot, { ...props2 })
 };
 
 // src/ui/modules/registry.ts
@@ -4973,28 +4755,28 @@ var LAYOUTS = {
 };
 
 // src/ui/home-tab-bar.tsx
-import { jsx as jsx29, jsxs as jsxs23 } from "preact/jsx-runtime";
-var p22 = BRAND.cssPrefix;
+import { jsx as jsx28, jsxs as jsxs22 } from "preact/jsx-runtime";
+var p23 = BRAND.cssPrefix;
 function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
-  return /* @__PURE__ */ jsx29("nav", { class: `${p22}-tabbar`, role: "tablist", "aria-label": strings.panelTitle, children: modules.map((m) => {
+  return /* @__PURE__ */ jsx28("nav", { class: `${p23}-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__ */ jsxs23(
+    return /* @__PURE__ */ jsxs22(
       "button",
       {
         type: "button",
         role: "tab",
         "aria-selected": selected,
-        class: `${p22}-tab`,
+        class: `${p23}-tab`,
         onClick: () => onSelect(m.id),
         "data-testid": tid(TID.tab, m.id),
         children: [
-          /* @__PURE__ */ jsxs23("span", { class: `${p22}-tab-icon`, "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx29(Icon, {}),
-            badge ? /* @__PURE__ */ jsx29("span", { class: `${p22}-tab-badge`, "data-testid": TID.tabBadge, children: badge }) : null
+          /* @__PURE__ */ jsxs22("span", { class: `${p23}-tab-icon`, "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx28(Icon, {}),
+            badge ? /* @__PURE__ */ jsx28("span", { class: `${p23}-tab-badge`, "data-testid": TID.tabBadge, children: badge }) : null
           ] }),
-          /* @__PURE__ */ jsx29("span", { class: `${p22}-tab-label`, children: moduleLabel(strings, m.label) })
+          /* @__PURE__ */ jsx28("span", { class: `${p23}-tab-label`, children: moduleLabel(strings, m.label) })
         ]
       },
       m.id
@@ -5003,25 +4785,24 @@ function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
 }
 
 // src/ui/iframe-view.tsx
-import { jsx as jsx30, jsxs as jsxs24 } from "preact/jsx-runtime";
-var p23 = BRAND.cssPrefix;
+import { jsx as jsx29, jsxs as jsxs23 } from "preact/jsx-runtime";
+var p24 = BRAND.cssPrefix;
 var SANDBOX = "allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-downloads";
-function IframeView({ url, title, strings, onBack, onClose }) {
-  return /* @__PURE__ */ jsxs24("div", { class: `${p23}-module`, children: [
-    /* @__PURE__ */ jsx30(
+function IframeView({ url, title, strings, onBack, actions }) {
+  return /* @__PURE__ */ jsxs23("div", { class: `${p24}-module`, children: [
+    /* @__PURE__ */ jsx29(
       BackHeader,
       {
         title: title || strings.moduleBack,
         backLabel: strings.moduleBack,
         onBack,
-        onClose,
-        closeLabel: strings.close
+        actions
       }
     ),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx29(
       "iframe",
       {
-        class: `${p23}-content-frame`,
+        class: `${p24}-content-frame`,
         src: url,
         title: title || "content",
         sandbox: SANDBOX,
@@ -5034,15 +4815,15 @@ function IframeView({ url, title, strings, onBack, onClose }) {
 }
 
 // src/ui/content-view.tsx
-import { useCallback as useCallback5, useEffect as useEffect14, useState as useState9 } from "preact/hooks";
-import { jsx as jsx31, jsxs as jsxs25 } from "preact/jsx-runtime";
-var p24 = BRAND.cssPrefix;
+import { useCallback as useCallback3, useEffect as useEffect14, useState as useState9 } from "preact/hooks";
+import { jsx as jsx30, jsxs as jsxs24 } from "preact/jsx-runtime";
+var p25 = BRAND.cssPrefix;
 var log15 = logger.scope("content");
-function ContentView({ id, title, transport, strings, onBack, onClose }) {
+function ContentView({ id, title, transport, strings, onBack, actions }) {
   const [item, setItem] = useState9(null);
   const [failed, setFailed] = useState9(false);
   const [reloadKey, setReloadKey] = useState9(0);
-  const retry = useCallback5(() => {
+  const retry = useCallback3(() => {
     setFailed(false);
     setItem(null);
     setReloadKey((k) => k + 1);
@@ -5064,34 +4845,33 @@ function ContentView({ id, title, transport, strings, onBack, onClose }) {
     };
   }, [transport, id, reloadKey]);
   function renderBody() {
-    if (failed) return /* @__PURE__ */ jsx31(ModuleState, { tone: "error", message: strings.errorGeneric, onRetry: retry, strings });
-    if (item === null) return /* @__PURE__ */ jsx31(ModuleState, { message: strings.contentLoading, strings });
-    return /* @__PURE__ */ jsxs25("article", { class: `${p24}-content`, "data-testid": TID.contentView, children: [
-      item.image ? /* @__PURE__ */ jsx31("img", { class: `${p24}-content-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
-      item.description ? /* @__PURE__ */ jsx31("p", { class: `${p24}-content-subtitle`, children: item.description }) : null,
-      item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx31("span", { class: `${p24}-news-tags`, children: item.tags.map((t) => /* @__PURE__ */ jsx31("span", { class: `${p24}-news-tag`, children: t }, t)) }) : null,
-      /* @__PURE__ */ jsx31(StaticMarkdown, { text: item.content ?? "" })
+    if (failed) return /* @__PURE__ */ jsx30(ModuleState, { tone: "error", message: strings.errorGeneric, onRetry: retry, strings });
+    if (item === null) return /* @__PURE__ */ jsx30(ModuleState, { message: strings.contentLoading, strings });
+    return /* @__PURE__ */ jsxs24("article", { class: `${p25}-content`, "data-testid": TID.contentView, children: [
+      item.image ? /* @__PURE__ */ jsx30("img", { class: `${p25}-content-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
+      item.description ? /* @__PURE__ */ jsx30("p", { class: `${p25}-content-subtitle`, children: item.description }) : null,
+      item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx30("span", { class: `${p25}-news-tags`, children: item.tags.map((t) => /* @__PURE__ */ jsx30("span", { class: `${p25}-news-tag`, children: t }, t)) }) : null,
+      /* @__PURE__ */ jsx30(StaticMarkdown, { text: item.content ?? "" })
     ] });
   }
-  return /* @__PURE__ */ jsxs25("div", { class: `${p24}-module`, children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs24("div", { class: `${p25}-module`, children: [
+    /* @__PURE__ */ jsx30(
       BackHeader,
       {
         title: item?.title || title || strings.moduleBack,
         backLabel: strings.moduleBack,
         onBack,
-        onClose,
-        closeLabel: strings.close,
+        actions,
         testid: TID.backHeader
       }
     ),
-    /* @__PURE__ */ jsx31("div", { class: `${p24}-module-scroll`, "data-testid": TID.contentScroll, children: renderBody() })
+    /* @__PURE__ */ jsx30("div", { class: `${p25}-module-scroll`, "data-testid": TID.contentScroll, children: renderBody() })
   ] });
 }
 
 // src/ui/messenger-home.tsx
-import { jsx as jsx32, jsxs as jsxs26 } from "preact/jsx-runtime";
-var p25 = BRAND.cssPrefix;
+import { jsx as jsx31, jsxs as jsxs25 } from "preact/jsx-runtime";
+var p26 = BRAND.cssPrefix;
 function MessengerHome({
   panelProps,
   enabledModules,
@@ -5118,7 +4898,7 @@ function MessengerHome({
     };
   }, [panelProps.onClose]);
   const composerAttachApiRef = useRef7(null);
-  const onDropItems = useCallback6((items) => {
+  const onDropItems = useCallback4((items) => {
     composerAttachApiRef.current?.attachFromDrop(items);
   }, []);
   const { visible: dragOver } = useFileDrop({ containerRef, onDrop: onDropItems });
@@ -5159,11 +4939,12 @@ function MessengerHome({
     nav: moduleNav,
     panelProps
   });
+  const plainActions = /* @__PURE__ */ jsx31(HeaderActions, { panelProps, variant: "plain" });
   let body;
   if (top?.kind === "iframe") {
-    body = /* @__PURE__ */ jsx32(IframeView, { url: top.url, title: top.title, strings, onBack: nav.pop, onClose: panelProps.onClose });
+    body = /* @__PURE__ */ jsx31(IframeView, { url: top.url, title: top.title, strings, onBack: nav.pop, actions: plainActions });
   } else if (top?.kind === "content") {
-    body = /* @__PURE__ */ jsx32(
+    body = /* @__PURE__ */ jsx31(
       ContentView,
       {
         id: top.id,
@@ -5171,11 +4952,11 @@ function MessengerHome({
         transport: panelProps.transport,
         strings,
         onBack: nav.pop,
-        onClose: panelProps.onClose
+        actions: plainActions
       }
     );
   } else if (activeModule?.layout === "chat") {
-    body = /* @__PURE__ */ jsx32(
+    body = /* @__PURE__ */ jsx31(
       PanelContent,
       {
         ...panelProps,
@@ -5186,23 +4967,23 @@ function MessengerHome({
     );
   } else if (activeModule) {
     const Root = LAYOUTS[activeModule.layout].Root;
-    body = Root ? /* @__PURE__ */ jsx32(Root, { ...screenProps(activeModule) }, activeModule.id) : null;
+    body = Root ? /* @__PURE__ */ jsx31(Root, { ...screenProps(activeModule) }, activeModule.id) : null;
   } else {
     body = null;
   }
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs25(
     "div",
     {
       ref: containerRef,
-      class: `${p25}-panel ${p25}-messenger`,
+      class: `${p26}-panel ${p26}-messenger`,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": strings.panelTitle,
       style: { position: "relative" },
       "data-testid": TID.messengerHome,
       children: [
-        /* @__PURE__ */ jsx32("div", { class: `${p25}-messenger-body`, children: body }),
-        showTabBar ? /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx31("div", { class: `${p26}-messenger-body`, children: body }),
+        showTabBar ? /* @__PURE__ */ jsx31(
           HomeTabBar,
           {
             modules: enabledModules,
@@ -5212,8 +4993,8 @@ function MessengerHome({
             onSelect: nav.switchTab
           }
         ) : null,
-        /* @__PURE__ */ jsx32(PoweredByBar, { poweredBy: options.poweredBy }),
-        options.size.resize?.enabled && !(activeModule?.layout === "chat" && !top) ? /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx31(PoweredByBar, { poweredBy: options.poweredBy }),
+        options.size.resize?.enabled && !(activeModule?.layout === "chat" && !top) ? /* @__PURE__ */ jsx31(
           ResizeGrip,
           {
             panelEl: containerRef.current,
@@ -5230,29 +5011,29 @@ function MessengerHome({
 }
 
 // src/ui/modules-empty.tsx
-import { jsx as jsx33, jsxs as jsxs27 } from "preact/jsx-runtime";
-var p26 = BRAND.cssPrefix;
+import { jsx as jsx32, jsxs as jsxs26 } from "preact/jsx-runtime";
+var p27 = BRAND.cssPrefix;
 function ModulesEmpty({ strings, onClose }) {
-  return /* @__PURE__ */ jsxs27(
+  return /* @__PURE__ */ jsxs26(
     "div",
     {
-      class: `${p26}-panel ${p26}-modules-empty`,
+      class: `${p27}-panel ${p27}-modules-empty`,
       role: "dialog",
       "aria-label": strings.panelTitle,
       "data-testid": TID.modulesEmpty,
       children: [
-        onClose ? /* @__PURE__ */ jsx33(
+        onClose ? /* @__PURE__ */ jsx32(
           "button",
           {
             type: "button",
-            class: `${p26}-icon-btn ${p26}-modules-empty-close`,
+            class: `${p27}-icon-btn ${p27}-modules-empty-close`,
             onClick: onClose,
             "aria-label": strings.close,
             title: strings.close,
-            children: /* @__PURE__ */ jsx33(CloseIcon, {})
+            children: /* @__PURE__ */ jsx32(CloseIcon, {})
           }
         ) : null,
-        /* @__PURE__ */ jsx33("p", { class: `${p26}-modules-empty-text`, children: strings.modulesEmpty })
+        /* @__PURE__ */ jsx32("p", { class: `${p27}-modules-empty-text`, children: strings.modulesEmpty })
       ]
     }
   );
@@ -5307,7 +5088,7 @@ function animateTypewriter(msg, text, charsPerSecond, abort) {
 }
 
 // src/ui/use-launcher-callout.ts
-import { useCallback as useCallback7, useEffect as useEffect16, useState as useState10 } from "preact/hooks";
+import { useCallback as useCallback5, useEffect as useEffect16, useState as useState10 } from "preact/hooks";
 function useLauncherCallout({ callout, persistence }) {
   const textKey = callout?.text ?? "";
   const persistent = callout?.persistent ?? true;
@@ -5315,7 +5096,7 @@ function useLauncherCallout({ callout, persistence }) {
   useEffect16(() => {
     setDismissed(persistent ? false : persistence.loadCalloutDismissed(textKey));
   }, [textKey, persistent, persistence]);
-  const dismissCallout = useCallback7(() => {
+  const dismissCallout = useCallback5(() => {
     setDismissed(true);
     if (!persistent) persistence.saveCalloutDismissed(textKey);
   }, [persistence, textKey, persistent]);
@@ -5323,9 +5104,9 @@ function useLauncherCallout({ callout, persistence }) {
 }
 
 // src/ui/app.tsx
-import { jsx as jsx34, jsxs as jsxs28 } from "preact/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs27 } from "preact/jsx-runtime";
 var log16 = logger.scope("app");
-var p27 = BRAND.cssPrefix;
+var p28 = BRAND.cssPrefix;
 function App({ options, hostElement, bus }) {
   const [persistence] = useState11(() => createPersistence(options.widgetId, options.storage));
   const [visitorId, setVisitorId] = useState11(() => persistence.getVisitorId());
@@ -5369,7 +5150,7 @@ function App({ options, hostElement, bus }) {
     persistence
   });
   const calloutPersistent = options.launcher.callout?.persistent ?? true;
-  const dismissCallout = useCallback8(() => {
+  const dismissCallout = useCallback6(() => {
     log16.info("calloutDismiss");
     bus.emit("calloutDismiss", void 0);
     dismissCalloutRaw();
@@ -5399,7 +5180,7 @@ function App({ options, hostElement, bus }) {
   );
   const [reducer] = useState11(() => new StreamReducer(messagesSig));
   const [feedback] = useState11(() => new FeedbackBus(options.sound, options.haptics));
-  const patchAndSync = useCallback8(
+  const patchAndSync = useCallback6(
     (patch) => {
       persistence.patchUserPrefs(patch);
       transport.saveUserPrefs(persistence.loadUserPrefs()).catch((err) => {
@@ -5459,7 +5240,7 @@ function App({ options, hostElement, bus }) {
     }
     homeNav.reset(landingTab());
   }, [sessionReady]);
-  const playWelcome = useCallback8(
+  const playWelcome = useCallback6(
     (welcomeMessages) => {
       if (!welcomeMessages || welcomeMessages.length === 0) return;
       const { animation, speed } = options.welcome;
@@ -5477,7 +5258,7 @@ function App({ options, hostElement, bus }) {
     [messagesSig, options.welcome]
   );
   const connectGenRef = useRef8(0);
-  const runStartSession = useCallback8(
+  const runStartSession = useCallback6(
     async ({ newConversation }) => {
       const myGen = ++connectGenRef.current;
       const isStale = () => myGen !== connectGenRef.current;
@@ -5571,7 +5352,7 @@ function App({ options, hostElement, bus }) {
   useEffect17(() => {
     transport.setContext(options.userContext, toWirePageContext(options.pageContext));
   }, [transport, userSig, pageSig]);
-  const runResume = useCallback8(
+  const runResume = useCallback6(
     async (handle) => {
       let bubble = null;
       try {
@@ -5658,7 +5439,7 @@ function App({ options, hostElement, bus }) {
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isOpen, options.mode]);
-  const handleSend = useCallback8(
+  const handleSend = useCallback6(
     async (text, attachments) => {
       log16.info("send", { textLen: text.length, attachments: attachments.length, streaming });
       if (streaming) return;
@@ -5733,18 +5514,18 @@ function App({ options, hostElement, bus }) {
       visitorId
     ]
   );
-  const handleStop = useCallback8(() => {
+  const handleStop = useCallback6(() => {
     log16.info("stop");
     bus.emit("stop", void 0);
     activeCancel?.();
   }, [activeCancel, bus]);
-  const handleSoundToggle = useCallback8(() => {
+  const handleSoundToggle = useCallback6(() => {
     feedback.toggleMuted();
     const muted = feedback.mutedSig.value;
     log16.info("soundToggle", { muted });
     bus.emit("soundToggle", { muted });
   }, [feedback, bus]);
-  const handleClose = useCallback8(() => {
+  const handleClose = useCallback6(() => {
     if (resolveCloseAction(options.mode, panelSize) === "exit-fullscreen") {
       log16.info("close \u2192 exit-fullscreen", { mode: options.mode });
       setPanelSize("normal");
@@ -5757,7 +5538,7 @@ function App({ options, hostElement, bus }) {
     bus.emit("close", void 0);
     options.onClose?.();
   }, [bus, options, persistence, panelSize]);
-  const refreshUnread = useCallback8(() => {
+  const refreshUnread = useCallback6(() => {
     if (!options.modules.list.some((m) => m.layout === "chat")) return;
     transport.listSessions({ limit: 50 }).then((res) => {
       unreadCountSig.value = res.sessions.reduce((sum, c) => sum + (c.unreadCount ?? 0), 0);
@@ -5769,7 +5550,7 @@ function App({ options, hostElement, bus }) {
     unreadSeeded.current = true;
     refreshUnread();
   }, [sessionReady, refreshUnread]);
-  const handleOpen = useCallback8(() => {
+  const handleOpen = useCallback6(() => {
     log16.info("open", { mode: options.mode });
     feedback.unlock();
     setLauncherLeaving(true);
@@ -5781,7 +5562,7 @@ function App({ options, hostElement, bus }) {
     bus.emit("open", void 0);
     options.onOpen?.();
   }, [bus, options, feedback, persistence, calloutDismissed, calloutPersistent, dismissCallout, refreshUnread]);
-  const handleClear = useCallback8(() => {
+  const handleClear = useCallback6(() => {
     log16.info("clear \u2192 new conversation", { wasStreaming: streaming });
     bus.emit("clear", void 0);
     if (streaming) activeCancel?.();
@@ -5792,27 +5573,27 @@ function App({ options, hostElement, bus }) {
     setCanSend(true);
     void runStartSession({ newConversation: true });
   }, [streaming, activeCancel, messagesSig, sessionIdSig, persistence, runStartSession, bus]);
-  const handleNewChat = useCallback8(() => {
+  const handleNewChat = useCallback6(() => {
     handleClear();
     setView("chat");
     const chatId = options.modules.list.find((m) => m.layout === "chat")?.id;
     if (chatId) homeNav.switchTab(chatId);
   }, [handleClear, homeNav, options]);
-  const handleExpand = useCallback8(() => {
+  const handleExpand = useCallback6(() => {
     const nextSize = panelSize === "expanded" ? "normal" : "expanded";
     log16.info("expand", { from: panelSize, expanded: nextSize === "expanded" });
     setPanelSize(nextSize);
     persistence.savePanelSize(nextSize);
     bus.emit("expand", nextSize === "expanded");
   }, [bus, panelSize, persistence]);
-  const handleFullscreen = useCallback8(() => {
+  const handleFullscreen = useCallback6(() => {
     const nextSize = panelSize === "fullscreen" ? "normal" : "fullscreen";
     log16.info("fullscreen", { from: panelSize, fullscreen: nextSize === "fullscreen" });
     setPanelSize(nextSize);
     persistence.savePanelSize(nextSize);
     bus.emit("fullscreen", nextSize === "fullscreen");
   }, [bus, panelSize, persistence]);
-  const handlePopOut = useCallback8(() => {
+  const handlePopOut = useCallback6(() => {
     if (!options.popOutUrl) return;
     const url = new URL(options.popOutUrl);
     if (sessionIdSig.value) url.searchParams.set("chat", sessionIdSig.value);
@@ -5821,7 +5602,7 @@ function App({ options, hostElement, bus }) {
     window.open(url.toString(), "_blank", "noopener,noreferrer");
     bus.emit("popOut", void 0);
   }, [bus, sessionIdSig, options.popOutUrl, options.widgetId]);
-  const handleToggleHistory = useCallback8(() => {
+  const handleToggleHistory = useCallback6(() => {
     setView((v) => {
       const next = v === "history" ? "chat" : "history";
       log16.info("toggleHistory", { view: next });
@@ -5829,7 +5610,7 @@ function App({ options, hostElement, bus }) {
       return next;
     });
   }, [bus]);
-  const handleLocaleChange = useCallback8(
+  const handleLocaleChange = useCallback6(
     (locale) => {
       log16.info("localeChange", { locale });
       setActiveLocale(locale);
@@ -5838,7 +5619,7 @@ function App({ options, hostElement, bus }) {
     },
     [patchAndSync, bus]
   );
-  const handleThemeChange = useCallback8(
+  const handleThemeChange = useCallback6(
     (mode) => {
       log16.info("themeChange", { mode });
       setActiveThemeMode(mode);
@@ -5848,7 +5629,7 @@ function App({ options, hostElement, bus }) {
     },
     [hostElement, patchAndSync, bus]
   );
-  const handleToggleSidebarCollapsed = useCallback8(() => {
+  const handleToggleSidebarCollapsed = useCallback6(() => {
     setSidebarCollapsed((prev) => {
       const next = !prev;
       log16.info("sidebarToggle", { collapsed: next });
@@ -5857,7 +5638,7 @@ function App({ options, hostElement, bus }) {
       return next;
     });
   }, [persistence, bus]);
-  const handleWidgetSizeChange = useCallback8(
+  const handleWidgetSizeChange = useCallback6(
     (size) => {
       log16.info("resize", size);
       patchAndSync({ widgetSize: size });
@@ -5865,7 +5646,7 @@ function App({ options, hostElement, bus }) {
     },
     [patchAndSync, bus]
   );
-  const handleSelectHistoryChat = useCallback8(
+  const handleSelectHistoryChat = useCallback6(
     async (targetChatId) => {
       log16.info("selectChat", { sessionId: targetChatId });
       bus.emit("selectChat", { sessionId: targetChatId });
@@ -5947,12 +5728,12 @@ function App({ options, hostElement, bus }) {
   const renderSurface = (size) => {
     const closeable = isActionVisible("close", effectiveOptions.mode, size);
     if (enabledModules.length === 0) {
-      return /* @__PURE__ */ jsx34(ModulesEmpty, { strings: effectiveOptions.strings, onClose: closeable ? handleClose : void 0 });
+      return /* @__PURE__ */ jsx33(ModulesEmpty, { strings: effectiveOptions.strings, onClose: closeable ? handleClose : void 0 });
     }
     if (enabledModules.length === 1 && enabledModules[0]?.layout === "chat") {
-      return /* @__PURE__ */ jsx34(Panel, { ...panelProps, panelSize: size });
+      return /* @__PURE__ */ jsx33(Panel, { ...panelProps, panelSize: size });
     }
-    return /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx33(
       MessengerHome,
       {
         panelProps: { ...panelProps, panelSize: size, onClose: closeable ? handleClose : void 0 },
@@ -5970,7 +5751,7 @@ function App({ options, hostElement, bus }) {
       void handleSelectHistoryChat(chat.sessionId);
     };
     const messagesEnabled = enabledModules.some((m) => m.layout === "chat");
-    return /* @__PURE__ */ jsx34("div", { class: `${p27}-anchor`, children: /* @__PURE__ */ jsx34(
+    return /* @__PURE__ */ jsx33("div", { class: `${p28}-anchor`, children: /* @__PURE__ */ jsx33(
       PageShell,
       {
         site: parsedSite,
@@ -5989,15 +5770,15 @@ function App({ options, hostElement, bus }) {
   }
   if (isInlineLike) {
     const inlineSize = options.mode === "standalone" ? "fullscreen" : panelSize;
-    return /* @__PURE__ */ jsx34("div", { class: `${p27}-anchor`, children: renderSurface(inlineSize) });
+    return /* @__PURE__ */ jsx33("div", { class: `${p28}-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__ */ jsxs28("div", { class: `${p27}-anchor`, "data-launcher-size": effectiveOptions.launcher.size, children: [
+  return /* @__PURE__ */ jsxs27("div", { class: `${p28}-anchor`, "data-launcher-size": effectiveOptions.launcher.size, children: [
     isOpen ? renderSurface(panelSize) : null,
-    launcherVisible ? /* @__PURE__ */ jsx34(
+    launcherVisible ? /* @__PURE__ */ jsx33(
       Launcher,
       {
         onToggle: handleOpen,
@@ -6007,7 +5788,7 @@ function App({ options, hostElement, bus }) {
         edgeTab: drawerEdgeTab
       }
     ) : null,
-    calloutToRender ? /* @__PURE__ */ jsx34(
+    calloutToRender ? /* @__PURE__ */ jsx33(
       LauncherCallout,
       {
         callout: calloutToRender,