@helpai/elements 0.12.3 → 0.13.0

package/web-component.mjs

@@ -6,8 +6,8 @@ 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 useCallback6, useEffect as useEffect17, useMemo as useMemo3, useRef as useRef8, useState as useState12 } from "preact/hooks";
-import { useSignal } from "@preact/signals";
+import { useCallback as useCallback6, useEffect as useEffect17, useMemo as useMemo3, useRef as useRef8, useState as useState13 } from "preact/hooks";
+import { useSignal as useSignal2 } from "@preact/signals";
 
 // src/core/brand.ts
 var BRAND = {
@@ -105,15 +105,154 @@ var STRINGS_EN = {
   newsEmpty: "No news yet",
   newsLoading: "Loading news\u2026",
   newsBack: "Back to news",
-  newsPublishedAt: "Published {date}"
+  newsPublishedAt: "Published {date}",
+  // ── Forms + human-in-the-loop (intake / ask-input / approval) ───
+  intakeSubmit: "Start chat",
+  intakeSkip: "Skip for now",
+  formRequired: "This field is required",
+  formInvalidEmail: "Enter a valid email address",
+  formInvalidTel: "Enter a valid phone number",
+  formInvalidUrl: "Enter a valid URL",
+  formInvalidNumber: "Enter a valid number",
+  formTooShort: "Too short (min {min} characters)",
+  formTooLong: "Too long (max {max} characters)",
+  formNumberTooSmall: "Must be at least {min}",
+  formNumberTooLarge: "Must be at most {max}",
+  formPatternMismatch: "Please match the requested format",
+  formChooseAtLeast: "Choose at least {min}",
+  formChooseAtMost: "Choose at most {max}",
+  formOther: "Other",
+  formOtherPlaceholder: "Type your answer\u2026",
+  inputRequired: "Input required",
+  inputSubmit: "Submit",
+  inputSkip: "Skip",
+  inputSubmitted: "Answer submitted",
+  approvalRequired: "Approval required",
+  approve: "Approve",
+  reject: "Reject",
+  approved: "Approved",
+  rejected: "Rejected",
+  approvalReason: "Add a reason (optional)",
+  stepNoLongerActive: "This request is no longer active."
+};
+var STRINGS_FR = {
+  attach: "Joindre des fichiers",
+  attachmentMimeRejected: "Type de fichier non pris en charge",
+  attachmentTooLarge: "Le fichier est trop volumineux",
+  attachmentTooMany: "Limite de pi\xE8ces jointes atteinte",
+  chatClosed: "Cette conversation est ferm\xE9e",
+  close: "Fermer",
+  collapse: "R\xE9duire",
+  collapseSidebar: "R\xE9duire la barre lat\xE9rale",
+  composerPlaceholder: "\xC9crivez un message\u2026",
+  dateLastWeek: "7 derniers jours",
+  dateOlder: "Plus ancien",
+  dateToday: "Aujourd'hui",
+  dateYesterday: "Hier",
+  dropZone: "D\xE9posez les fichiers \xE0 joindre",
+  errorGeneric: "Une erreur s'est produite",
+  errorRateLimited: "Trop de requ\xEAtes \u2014 veuillez r\xE9essayer dans un instant.",
+  errorRetry: "R\xE9essayer",
+  expand: "Agrandir",
+  expandSidebar: "D\xE9velopper la barre lat\xE9rale",
+  exitFullscreen: "Quitter le plein \xE9cran",
+  fullscreen: "Plein \xE9cran",
+  history: "Historique",
+  historyBack: "Retour au chat",
+  historyEmpty: "Aucune conversation pour le moment",
+  historyLoading: "Chargement de vos conversations\u2026",
+  historyNewChat: "Nouvelle conversation",
+  historyTitle: "Historique des conversations",
+  language: "Langue",
+  launcherOpen: "Ouvrir le chat",
+  messagesLoading: "Chargement de la conversation\u2026",
+  micStart: "D\xE9marrer la saisie vocale",
+  micStop: "Arr\xEAter la saisie vocale",
+  micUnsupported: "La saisie vocale n'est pas prise en charge par ce navigateur",
+  moreActions: "Plus d'actions",
+  newConversation: "Nouvelle conversation",
+  panelTitle: "Chat",
+  popOut: "Ouvrir dans un nouvel onglet",
+  resizeHandle: "Glisser pour redimensionner",
+  scrollToBottom: "Aller au plus r\xE9cent",
+  send: "Envoyer",
+  soundOff: "Son d\xE9sactiv\xE9",
+  soundOn: "Son activ\xE9",
+  startNewConversation: "D\xE9marrer une nouvelle conversation",
+  stop: "Arr\xEAter",
+  theme: "Th\xE8me",
+  themeAuto: "Auto (syst\xE8me)",
+  themeDark: "Sombre",
+  themeLight: "Clair",
+  loading: "Chargement\u2026",
+  thinking: "R\xE9flexion\u2026",
+  thoughts: "R\xE9flexions",
+  usedTool: "Outil utilis\xE9",
+  // ── Messenger modules ──────────────────────────────────────────
+  tabHome: "Accueil",
+  tabMessages: "Messages",
+  tabHelp: "Aide",
+  tabNews: "Actualit\xE9s",
+  modulesEmpty: "Rien pour le moment",
+  moduleBack: "Retour",
+  contentLoading: "Chargement\u2026",
+  homeGreeting: "Comment pouvons-nous vous aider ?",
+  homeGreetingNamed: "Bonjour {name} \u{1F44B}",
+  homeGreetingLead: "Comment pouvons-nous vous aider ?",
+  homeSearchPlaceholder: "Rechercher de l'aide",
+  homeContentTitle: "Articles populaires",
+  helpTitle: "Aide",
+  helpSearchPlaceholder: "Rechercher de l'aide",
+  helpEmpty: "Aucun article d'aide pour le moment",
+  helpLoading: "Chargement de l'aide\u2026",
+  helpSearchEmpty: "Aucun r\xE9sultat trouv\xE9",
+  newsTitle: "Actualit\xE9s",
+  newsEmpty: "Aucune actualit\xE9 pour le moment",
+  newsLoading: "Chargement des actualit\xE9s\u2026",
+  newsBack: "Retour aux actualit\xE9s",
+  newsPublishedAt: "Publi\xE9 le {date}",
+  // ── Forms + human-in-the-loop (intake / ask-input / approval) ───
+  intakeSubmit: "D\xE9marrer le chat",
+  intakeSkip: "Ignorer pour l'instant",
+  formRequired: "Ce champ est obligatoire",
+  formInvalidEmail: "Saisissez une adresse e-mail valide",
+  formInvalidTel: "Saisissez un num\xE9ro de t\xE9l\xE9phone valide",
+  formInvalidUrl: "Saisissez une URL valide",
+  formInvalidNumber: "Saisissez un nombre valide",
+  formTooShort: "Trop court (min. {min} caract\xE8res)",
+  formTooLong: "Trop long (max. {max} caract\xE8res)",
+  formNumberTooSmall: "Doit \xEAtre au moins {min}",
+  formNumberTooLarge: "Doit \xEAtre au plus {max}",
+  formPatternMismatch: "Veuillez respecter le format demand\xE9",
+  formChooseAtLeast: "Choisissez au moins {min}",
+  formChooseAtMost: "Choisissez au plus {max}",
+  formOther: "Autre",
+  formOtherPlaceholder: "Saisissez votre r\xE9ponse\u2026",
+  inputRequired: "Saisie requise",
+  inputSubmit: "Envoyer",
+  inputSkip: "Ignorer",
+  inputSubmitted: "R\xE9ponse envoy\xE9e",
+  approvalRequired: "Approbation requise",
+  approve: "Approuver",
+  reject: "Refuser",
+  approved: "Approuv\xE9",
+  rejected: "Refus\xE9",
+  approvalReason: "Ajouter une raison (facultatif)",
+  stepNoLongerActive: "Cette demande n'est plus active."
+};
+var BUILTIN_STRINGS = {
+  en: STRINGS_EN,
+  fr: STRINGS_FR
 };
 function resolveStrings(locale, override) {
   const tag = primaryTag(locale);
   const isNested = isNestedShape(override);
+  const builtinLocale = tag === "en" ? {} : BUILTIN_STRINGS[tag] ?? {};
   const localeOverride = isNested ? override[tag] ?? {} : override ?? {};
   const enOverride = isNested ? override.en ?? {} : {};
   return {
     ...STRINGS_EN,
+    ...builtinLocale,
     ...enOverride,
     ...localeOverride
   };
@@ -293,11 +432,14 @@ var DEFAULT_ATTACHMENTS = {
 var DEFAULT_WELCOME = { animation: "typewriter", speed: 60 };
 var DEFAULT_FEATURES = {
   files: true,
-  voice: "local"
+  voice: "local",
+  humanInLoop: true
 };
+var DEFAULT_INTAKE = { enabled: false, fields: [], skippable: false };
 var DEFAULT_ENDPOINTS = {
   upload: "/ai/agent/upload-file",
-  transcribe: "/ai/agent/transcribe-audio"
+  transcribe: "/ai/agent/transcribe-audio",
+  intake: "/ai/agent/intake"
 };
 var DEFAULT_LAUNCHER = {
   variant: "circle",
@@ -359,11 +501,14 @@ function resolveOptions(rawOpts) {
     features: {
       files: opts.features?.files ?? DEFAULT_FEATURES.files,
       voice: opts.features?.voice ?? DEFAULT_FEATURES.voice,
+      humanInLoop: opts.features?.humanInLoop ?? DEFAULT_FEATURES.humanInLoop,
       tools: opts.features?.tools
     },
+    intake: resolveIntake(opts.intake),
     endpoints: {
       upload: opts.endpoints?.upload ?? DEFAULT_ENDPOINTS.upload,
-      transcribe: opts.endpoints?.transcribe ?? DEFAULT_ENDPOINTS.transcribe
+      transcribe: opts.endpoints?.transcribe ?? DEFAULT_ENDPOINTS.transcribe,
+      intake: opts.endpoints?.intake ?? DEFAULT_ENDPOINTS.intake
     },
     attachments: {
       accept: opts.composer?.attachments?.accept ?? DEFAULT_ATTACHMENTS.accept,
@@ -462,6 +607,18 @@ function resolveModules(overrides) {
   const byId = Object.fromEntries(list.map((m) => [m.id, m]));
   return { list, byId };
 }
+function resolveIntake(overrides) {
+  const fields = (overrides?.fields ?? []).filter((f) => Boolean(f && f.name && f.label && f.type));
+  if (fields.length === 0) return DEFAULT_INTAKE;
+  return {
+    enabled: overrides?.enabled ?? false,
+    title: overrides?.title,
+    description: overrides?.description,
+    fields,
+    submitLabel: overrides?.submitLabel,
+    skippable: overrides?.skippable ?? false
+  };
+}
 function resolveLauncher(overrides) {
   const callout = overrides?.callout?.text ? {
     shape: "pill",
@@ -507,6 +664,7 @@ var SECTION_KEYS = [
   "i18n",
   "footer",
   "features",
+  "intake",
   "endpoints"
 ];
 function mergeServerConfig(user, server) {
@@ -658,55 +816,55 @@ var REACTIVE_ATTRS = [
 ];
 function parseAttributes(get) {
   const opts = {};
-  const str = (name) => {
+  const str2 = (name) => {
     const v = get(name);
     return v === null || v === "" ? void 0 : v;
   };
   for (const [attr, key, cast] of EMBED_SCALAR_ATTRS) {
-    const raw = str(attr);
+    const raw = str2(attr);
     if (raw === void 0) continue;
     opts[key] = cast ? cast(raw) : raw;
   }
-  const presentationFlat = collectSubset(str, PRESENTATION_ATTRS);
-  const size = collectSubset(str, PRESENTATION_SIZE_ATTRS);
+  const presentationFlat = collectSubset(str2, PRESENTATION_ATTRS);
+  const size = collectSubset(str2, PRESENTATION_SIZE_ATTRS);
   if (presentationFlat || size) {
     opts.presentation = { ...presentationFlat, ...size ? { size } : {} };
   }
-  const behavior = collectSubset(str, BEHAVIOR_ATTRS);
+  const behavior = collectSubset(str2, BEHAVIOR_ATTRS);
   if (behavior) opts.behavior = behavior;
-  const i18n = collectSubset(str, I18N_ATTRS);
+  const i18n = collectSubset(str2, I18N_ATTRS);
   if (i18n) opts.i18n = i18n;
-  const launcher = parseLauncher(get, str);
+  const launcher = parseLauncher(get, str2);
   if (launcher) opts.launcher = launcher;
-  const features = collectSubset(str, FEATURE_ATTRS);
+  const features = collectSubset(str2, FEATURE_ATTRS);
   if (features) opts.features = features;
-  const endpoints = collectSubset(str, ENDPOINT_ATTRS);
+  const endpoints = collectSubset(str2, ENDPOINT_ATTRS);
   if (endpoints) opts.endpoints = endpoints;
-  const userContext = collectContext(str, USER_CONTEXT_ATTRS, "user-context");
+  const userContext = collectContext(str2, USER_CONTEXT_ATTRS, "user-context");
   if (userContext) opts.userContext = userContext;
-  const pageContext = collectContext(str, PAGE_CONTEXT_ATTRS, "page-context");
+  const pageContext = collectContext(str2, PAGE_CONTEXT_ATTRS, "page-context");
   if (pageContext) opts.pageContext = pageContext;
-  const actionsRaw = str("actions");
+  const actionsRaw = str2("actions");
   if (actionsRaw !== void 0) opts.header = { actions: onlyValidActions(actionsRaw) };
   return opts;
 }
-function collectSubset(str, table) {
+function collectSubset(str2, table) {
   const out = {};
   for (const [attr, key, cast] of table) {
-    const raw = str(attr);
+    const raw = str2(attr);
     if (raw === void 0) continue;
     out[key] = cast ? cast(raw) : raw;
   }
   return Object.keys(out).length > 0 ? out : null;
 }
-function collectContext(str, table, jsonAttr) {
+function collectContext(str2, table, jsonAttr) {
   const scalars = {};
   for (const [attr, key] of table) {
-    const raw = str(attr);
+    const raw = str2(attr);
     if (raw !== void 0) scalars[key] = raw;
   }
   let fromJson = {};
-  const jsonRaw = str(jsonAttr);
+  const jsonRaw = str2(jsonAttr);
   if (jsonRaw) {
     try {
       const parsed = JSON.parse(jsonRaw);
@@ -717,13 +875,13 @@ function collectContext(str, table, jsonAttr) {
   const out = { ...fromJson, ...scalars };
   return Object.keys(out).length > 0 ? out : null;
 }
-function parseLauncher(get, str) {
-  const base = collectSubset(str, LAUNCHER_ATTRS) ?? {};
+function parseLauncher(get, str2) {
+  const base = collectSubset(str2, LAUNCHER_ATTRS) ?? {};
   const label = get("launcher-label");
   if (label !== null) base.label = label;
-  const text = str("callout-text");
+  const text = str2("callout-text");
   if (text) {
-    const delay = Number.parseInt(str("callout-delay") ?? "", 10);
+    const delay = Number.parseInt(str2("callout-delay") ?? "", 10);
     base.callout = { text, ...Number.isFinite(delay) ? { delayMs: delay } : {} };
   }
   return Object.keys(base).length > 0 ? base : null;
@@ -767,7 +925,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:10px 12px;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-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.__P__-jump{position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--__P__-border);background:var(--__P__-bg-elevated);color:var(--__P__-fg);box-shadow:var(--__P__-shadow-panel);cursor:pointer;opacity:.85;transition:opacity var(--__P__-dur-quick) var(--__P__-ease),transform var(--__P__-dur-quick) var(--__P__-ease);animation:__P__-bubble-in var(--__P__-dur-base) var(--__P__-ease)}.__P__-jump:hover{opacity:1}.__P__-jump:active{transform:translateY(1px)}.__P__-jump svg{width:18px;height:18px}.__P__-list{flex:1;min-height:0;overflow-y:auto;padding:var(--__P__-space-4);padding-bottom:var(--__P__-space-8);display:flex;flex-direction:column;gap:14px;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__-date-divider{position:sticky;top:var(--__P__-space-2);z-index:2;display:flex;justify-content:center;margin:var(--__P__-space-1) 0;pointer-events:none}.__P__-date-pill{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;color:var(--__P__-fg-muted);background:var(--__P__-bg-elevated);border:1px solid var(--__P__-border);box-shadow:var(--__P__-shadow-card);opacity:0;pointer-events:none;transition:opacity var(--__P__-dur-base) var(--__P__-ease)}.__P__-list[data-scrolling=true] .__P__-date-pill{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.__P__-date-pill{transition:none}}.__P__-bubble-row{display:flex}.__P__-bubble-row[data-role=user]{justify-content:flex-end}.__P__-bubble-row[data-role=assistant]{justify-content:flex-start}.__P__-bubble{max-width:100%;padding:var(--__P__-space-3) var(--__P__-space-4);border-radius:var(--__P__-radius);line-height:1.6;font-size: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)}.__P__-bubble-row[data-role=user] .__P__-bubble ::selection{background:#fff6;color:var(--__P__-bubble-user-text)}@keyframes __P__-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.__P__-bubble-row[data-role=user] .__P__-bubble{background:var(--__P__-bubble-user);color:var(--__P__-bubble-user-text);border-bottom-right-radius:5px}.__P__-bubble-row[data-role=assistant] .__P__-bubble{background:var(--__P__-bubble-assistant);color:var(--__P__-bubble-assistant-text);border-bottom-left-radius:5px}.__P__-bubble-col{display:flex;flex-direction:column;max-width:85%;min-width:0}.__P__-bubble-row[data-role=user] .__P__-bubble-col{align-items:flex-end}.__P__-bubble-row[data-role=assistant] .__P__-bubble-col{align-items:flex-start}.__P__-bubble-time{margin-top:3px;padding:0 4px;font-size:11px;line-height:1;color:var(--__P__-fg-muted);user-select:none}.__P__-md>*:first-child{margin-top:0}.__P__-md>*:last-child{margin-bottom:0}.__P__-md p{margin:10px 0}.__P__-md h1,.__P__-md h2,.__P__-md h3,.__P__-md h4,.__P__-md h5,.__P__-md h6{margin:18px 0 8px;line-height:1.3;letter-spacing:-.01em;font-weight:700}.__P__-md h1{font-size:1.4em}.__P__-md h2{font-size:1.22em}.__P__-md h3{font-size:1.08em}.__P__-md h4,.__P__-md h5,.__P__-md h6{font-size:1em}.__P__-md>h1:first-child,.__P__-md>h2:first-child,.__P__-md>h3:first-child,.__P__-md>h4:first-child,.__P__-md>h5:first-child,.__P__-md>h6:first-child{margin-top:0}.__P__-md ul,.__P__-md ol{padding-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:5px;height:5px;border-radius:999px;background:currentColor;opacity:.4;animation:__P__-blink 1.2s var(--__P__-ease) infinite}.__P__-typing span:nth-child(2){animation-delay:.2s}.__P__-typing span:nth-child(3){animation-delay:.4s}@keyframes __P__-blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.__P__-reasoning{margin:var(--__P__-space-1) 0 var(--__P__-space-2);padding-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';
+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:10px 12px;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-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.__P__-jump{position:absolute;right:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--__P__-border);background:var(--__P__-bg-elevated);color:var(--__P__-fg);box-shadow:var(--__P__-shadow-panel);cursor:pointer;opacity:.85;transition:opacity var(--__P__-dur-quick) var(--__P__-ease),transform var(--__P__-dur-quick) var(--__P__-ease);animation:__P__-bubble-in var(--__P__-dur-base) var(--__P__-ease)}.__P__-jump:hover{opacity:1}.__P__-jump:active{transform:translateY(1px)}.__P__-jump svg{width:18px;height:18px}.__P__-list{flex:1;min-height:0;overflow-y:auto;padding:var(--__P__-space-4);padding-bottom:var(--__P__-space-8);display:flex;flex-direction:column;gap:14px;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__-date-divider{position:sticky;top:var(--__P__-space-2);z-index:2;display:flex;justify-content:center;margin:var(--__P__-space-1) 0;pointer-events:none}.__P__-date-pill{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;color:var(--__P__-fg-muted);background:var(--__P__-bg-elevated);border:1px solid var(--__P__-border);box-shadow:var(--__P__-shadow-card);opacity:0;pointer-events:none;transition:opacity var(--__P__-dur-base) var(--__P__-ease)}.__P__-list[data-scrolling=true] .__P__-date-pill{opacity:1;pointer-events:auto}@media(prefers-reduced-motion:reduce){.__P__-date-pill{transition:none}}.__P__-bubble-row{display:flex}.__P__-bubble-row[data-role=user]{justify-content:flex-end}.__P__-bubble-row[data-role=assistant]{justify-content:flex-start}.__P__-bubble{max-width:100%;padding:var(--__P__-space-3) var(--__P__-space-4);border-radius:var(--__P__-radius);line-height:1.6;font-size: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)}.__P__-bubble-row[data-role=user] .__P__-bubble ::selection{background:#fff6;color:var(--__P__-bubble-user-text)}@keyframes __P__-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.__P__-bubble-row[data-role=user] .__P__-bubble{background:var(--__P__-bubble-user);color:var(--__P__-bubble-user-text);border-bottom-right-radius:5px}.__P__-bubble-row[data-role=assistant] .__P__-bubble{background:var(--__P__-bubble-assistant);color:var(--__P__-bubble-assistant-text);border-bottom-left-radius:5px}.__P__-bubble-col{display:flex;flex-direction:column;max-width:85%;min-width:0}.__P__-bubble-row[data-role=user] .__P__-bubble-col{align-items:flex-end}.__P__-bubble-row[data-role=assistant] .__P__-bubble-col{align-items:flex-start}.__P__-bubble-time{margin-top:3px;padding:0 4px;font-size:11px;line-height:1;color:var(--__P__-fg-muted);user-select:none}.__P__-md>*:first-child{margin-top:0}.__P__-md>*:last-child{margin-bottom:0}.__P__-md p{margin:10px 0}.__P__-md h1,.__P__-md h2,.__P__-md h3,.__P__-md h4,.__P__-md h5,.__P__-md h6{margin:18px 0 8px;line-height:1.3;letter-spacing:-.01em;font-weight:700}.__P__-md h1{font-size:1.4em}.__P__-md h2{font-size:1.22em}.__P__-md h3{font-size:1.08em}.__P__-md h4,.__P__-md h5,.__P__-md h6{font-size:1em}.__P__-md>h1:first-child,.__P__-md>h2:first-child,.__P__-md>h3:first-child,.__P__-md>h4:first-child,.__P__-md>h5:first-child,.__P__-md>h6:first-child{margin-top:0}.__P__-md ul,.__P__-md ol{padding-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:5px;height:5px;border-radius:999px;background:currentColor;opacity:.4;animation:__P__-blink 1.2s var(--__P__-ease) infinite}.__P__-typing span:nth-child(2){animation-delay:.2s}.__P__-typing span:nth-child(3){animation-delay:.4s}@keyframes __P__-blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.__P__-reasoning{margin:var(--__P__-space-1) 0 var(--__P__-space-2);padding-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)}.__P__-form{display:flex;flex-direction:column;gap:var(--__P__-space-3)}.__P__-field{display:flex;flex-direction:column;gap:4px}.__P__-field-label{font-size:var(--__P__-text-sm);font-weight:600;color:var(--__P__-fg)}.__P__-field-req{color:var(--__P__-danger)}.__P__-field-input{width:100%;box-sizing:border-box;padding:var(--__P__-space-2) var(--__P__-space-3);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:var(--__P__-bg);color:var(--__P__-fg);font:inherit;font-size:var(--__P__-text-sm);resize:vertical;transition:border-color var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-field-input:focus-visible{outline:none;border-color:var(--__P__-accent)}.__P__-field[data-invalid=true] .__P__-field-input{border-color:var(--__P__-danger)}.__P__-field-hint{font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted)}.__P__-field-error{font-size:var(--__P__-text-xs);color:var(--__P__-danger)}.__P__-field-choices{display:flex;flex-direction:column;gap:6px}.__P__-choice{display:flex;align-items:flex-start;gap:8px;font-size:var(--__P__-text-sm);color:var(--__P__-fg);cursor:pointer}.__P__-choice input{margin-top:2px;accent-color:var(--__P__-accent)}.__P__-form-actions{display:flex;justify-content:flex-end;gap:var(--__P__-space-2);margin-top:2px}.__P__-form-submit,.__P__-tool-approve{padding:var(--__P__-space-2) var(--__P__-space-4);border:none;border-radius:var(--__P__-radius-md);background:var(--__P__-accent);color:var(--__P__-accent-text, #fff);font:inherit;font-weight:600;font-size:var(--__P__-text-sm);cursor:pointer;transition:filter var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-form-submit:hover:not(:disabled),.__P__-tool-approve:hover:not(:disabled){filter:brightness(1.06)}.__P__-form-submit:disabled{opacity:.6;cursor:default}.__P__-form-skip,.__P__-tool-reject{padding:var(--__P__-space-2) var(--__P__-space-4);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:transparent;color:var(--__P__-fg-muted);font:inherit;font-size:var(--__P__-text-sm);cursor:pointer;transition:background var(--__P__-dur-quick) var(--__P__-ease-out)}.__P__-form-skip:hover:not(:disabled),.__P__-tool-reject:hover:not(:disabled){background:var(--__P__-bg-elevated)}.__P__-intake{display:flex;flex-direction:column;gap:var(--__P__-space-2);padding:var(--__P__-space-3) var(--__P__-space-4) var(--__P__-space-4);border-top:1px solid var(--__P__-border);overflow-y:auto}.__P__-intake-title{margin:0;font-size:var(--__P__-text-base);font-weight:700;color:var(--__P__-fg)}.__P__-intake-desc{margin:0 0 var(--__P__-space-1);font-size:var(--__P__-text-sm);color:var(--__P__-fg-muted)}.__P__-tool-ask-input,.__P__-tool-approval{display:flex;flex-direction:column;gap:var(--__P__-space-2);margin-top:6px;padding:var(--__P__-space-3);border:1px solid var(--__P__-border);border-radius:var(--__P__-radius-md);background:var(--__P__-bg-elevated)}.__P__-tool-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.__P__-tool-badge{padding:2px 8px;border-radius:999px;background:var(--__P__-warning, #f59e0b);color:#1a1206;font-size:var(--__P__-text-xs);font-weight:600}.__P__-tool-title{font-size:var(--__P__-text-sm);color:var(--__P__-fg)}.__P__-tool-question{margin:0;font-size:var(--__P__-text-sm);font-weight:600;color:var(--__P__-fg)}.__P__-tool-desc{margin:0;font-size:var(--__P__-text-sm);color:var(--__P__-fg-muted)}.__P__-tool-args{margin:0;padding:var(--__P__-space-2);max-height:160px;overflow:auto;border-radius:var(--__P__-radius-sm);background:var(--__P__-bg);border:1px solid var(--__P__-border);color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);white-space:pre-wrap;word-break:break-word}.__P__-tool-stale-note{margin:0;font-size:var(--__P__-text-xs);color:var(--__P__-fg-muted)}.__P__-tool-decided{flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.__P__-tool-decided-label{padding:2px 8px;border-radius:999px;background:var(--__P__-bg);border:1px solid var(--__P__-border);color:var(--__P__-fg-muted);font-size:var(--__P__-text-xs);font-weight:600}.__P__-tool-decided-label[data-approved=true]{color:var(--__P__-success, #16a34a);border-color:var(--__P__-success, #16a34a)}.__P__-tool-decided-label[data-approved=false]{color:var(--__P__-danger);border-color:var(--__P__-danger)}.__P__-tool-decided-value{font-size:var(--__P__-text-sm);color:var(--__P__-fg)}\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";
@@ -855,22 +1013,22 @@ function attachAdoptedSheet(shadow, doc) {
   }
 }
 function applyThemeOverrides(host, overrides) {
-  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);
+  const p33 = BRAND.cssPrefix;
+  if (overrides.accent) host.style.setProperty(`--${p33}-accent`, overrides.accent);
+  if (overrides.accentText) host.style.setProperty(`--${p33}-accent-text`, overrides.accentText);
+  if (overrides.radius) host.style.setProperty(`--${p33}-radius`, overrides.radius);
+  if (overrides.fontFamily) host.style.setProperty(`--${p33}-font`, overrides.fontFamily);
 }
 function applyThemeMode(host, mode) {
   host.dataset.theme = mode;
 }
 function applySize(host, size) {
-  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);
+  const p33 = BRAND.cssPrefix;
+  if (size.width !== void 0) host.style.setProperty(`--${p33}-panel-w`, size.width);
+  if (size.height !== void 0) host.style.setProperty(`--${p33}-panel-h`, size.height);
+  if (size.expanded?.width !== void 0) host.style.setProperty(`--${p33}-expanded-w`, size.expanded.width);
+  if (size.expanded?.height !== void 0) host.style.setProperty(`--${p33}-expanded-h`, size.expanded.height);
+  if (size.inset !== void 0) host.style.setProperty(`--${p33}-panel-inset`, size.inset);
 }
 function applyPosition(host, pos) {
   host.dataset.position = pos;
@@ -1041,11 +1199,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 p29 = nonEmpty(page);
-  if (!u && !p29) return void 0;
+  const p33 = nonEmpty(page);
+  if (!u && !p33) return void 0;
   const envelope = {};
   if (u) envelope.user = u;
-  if (p29) envelope.page = p29;
+  if (p33) envelope.page = p33;
   return toBase64Url(JSON.stringify(envelope));
 }
 
@@ -1084,7 +1242,15 @@ var DEFAULT_PATHS = {
   markRead: "/ai/agent/mark-read",
   // ── CMS content (unified — Home / Help / News / docs) ─────────────
   /** All widget content via one filtered endpoint. `GET /ai/agent/content?tags=…`. */
-  content: "/ai/agent/content"
+  content: "/ai/agent/content",
+  /**
+   * Optional pre-chat intake submission. POST `{ visitorId, sessionId, values,
+   * skipped? }` → record the lead immediately (before/independent of the first
+   * message), keyed by the same visitor + session as the conversation.
+   * Overridable via `endpoints.intake`. Fire-and-forget; 404 on older backends
+   * is ignored.
+   */
+  intake: "/ai/agent/intake"
 };
 var CONTEXT_PARAM = "context";
 function buildSendMessageRequest(params) {
@@ -1108,18 +1274,34 @@ function buildSendMessageRequest(params) {
   if (Object.keys(data).length > 0) body.data = data;
   return body;
 }
+function isResolvedToolPart(p33) {
+  return p33.state === "output" || p33.state === "error" || p33.approval?.approved !== void 0;
+}
 function normalizeToolRef(ref) {
   if (typeof ref === "string") return ref ? { code: ref } : null;
   return ref?.code ? ref : null;
 }
 function messageToWireParts(m) {
   const out = [];
-  for (const p29 of m.parts) {
-    if (p29.kind === "text" && p29.text) {
-      out.push({ text: p29.text, type: "text" });
+  for (const p33 of m.parts) {
+    if (p33.kind === "text" && p33.text) {
+      out.push({ text: p33.text, type: "text" });
     }
-    if (p29.kind === "file" && p29.url) {
-      out.push({ mediaType: p29.mediaType, type: "file", url: p29.url });
+    if (p33.kind === "file" && p33.url) {
+      out.push({ mediaType: p33.mediaType, type: "file", url: p33.url });
+    }
+    if (p33.kind === "tool" && isResolvedToolPart(p33)) {
+      const part = {
+        type: "tool",
+        toolCallId: p33.toolCallId,
+        toolName: p33.toolName,
+        state: p33.state
+      };
+      if (p33.input !== void 0) part.input = p33.input;
+      if (p33.output !== void 0) part.output = p33.output;
+      if (p33.error !== void 0) part.errorText = p33.error;
+      if (p33.approval && p33.approval.approved !== void 0) part.approval = p33.approval;
+      out.push(part);
     }
   }
   for (const a of m.attachments ?? []) {
@@ -1366,6 +1548,25 @@ var AgentTransport = class {
   get transcribePath() {
     return this.opts.endpoints?.transcribe ?? "/ai/agent/transcribe-audio";
   }
+  get intakePath() {
+    return this.opts.endpoints?.intake ?? DEFAULT_PATHS.intake;
+  }
+  /**
+   * Record a completed pre-chat intake form. Fire-and-forget — the lead is
+   * captured even if the visitor never sends a message. `sessionId` is explicit
+   * so the record ties to the conversation that follows; `visitorId` + context
+   * ride the envelope. A failure (e.g. 404 on a backend that doesn't implement
+   * the endpoint) is non-fatal — the values still reach the agent as
+   * `userContext` on the next message, so callers don't await this.
+   */
+  async submitIntake(sessionId, values, skipped = false) {
+    log4.debug("submitIntake \u2192", { sessionId, fields: Object.keys(values).length, skipped });
+    try {
+      await this.postJson(this.intakePath, { sessionId, values, skipped }, "submitIntake");
+    } catch (err) {
+      log4.debug("submitIntake failed (non-fatal)", { err });
+    }
+  }
   sendMessage(body) {
     log4.debug("message \u2192", {
       sessionId: body.sessionId,
@@ -1679,8 +1880,21 @@ function fromWireMessage(w) {
     if (part.type === "file") {
       return { kind: "file", url: part.url, mediaType: part.mediaType };
     }
+    if (part.type === "tool") {
+      return {
+        kind: "tool",
+        toolCallId: part.toolCallId,
+        toolName: part.toolName,
+        inputPartialSig: signal(""),
+        inputSig: signal(part.input),
+        outputSig: signal(part.output),
+        errorSig: signal(part.errorText),
+        stateSig: signal(part.state),
+        approvalSig: signal(part.approval)
+      };
+    }
     return null;
-  }).filter((p29) => p29 !== null);
+  }).filter((p33) => p33 !== null);
   return {
     id: w.id,
     role: w.role,
@@ -1710,45 +1924,62 @@ function assistantText(m) {
   }
   return out;
 }
-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) };
+function partToReactive(p33) {
+  if (p33.kind === "text" || p33.kind === "reasoning") {
+    return { kind: p33.kind, id: p33.id, textSig: signal(p33.text), doneSig: signal(p33.done) };
   }
-  if (p29.kind === "tool") {
+  if (p33.kind === "tool") {
     return {
       kind: "tool",
-      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)
+      toolCallId: p33.toolCallId,
+      toolName: p33.toolName,
+      inputPartialSig: signal(p33.inputPartial),
+      inputSig: signal(p33.input),
+      outputSig: signal(p33.output),
+      errorSig: signal(p33.error),
+      stateSig: signal(p33.state),
+      approvalSig: signal(p33.approval)
     };
   }
-  return p29;
+  return p33;
 }
-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 };
+function partFromReactive(p33) {
+  if (p33.kind === "text" || p33.kind === "reasoning") {
+    return { kind: p33.kind, id: p33.id, text: p33.textSig.value, done: p33.doneSig.value };
   }
-  if (p29.kind === "tool") {
+  if (p33.kind === "tool") {
     return {
       kind: "tool",
-      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
+      toolCallId: p33.toolCallId,
+      toolName: p33.toolName,
+      inputPartial: p33.inputPartialSig.value,
+      input: p33.inputSig.value,
+      output: p33.outputSig.value,
+      error: p33.errorSig.value,
+      state: p33.stateSig.value,
+      approval: p33.approvalSig.value
     };
   }
-  return p29;
+  return p33;
 }
 
 // src/stream/reducer.ts
 import { signal as signal2 } from "@preact/signals";
+
+// src/stream/constants.ts
+var ASK_USER_INPUT_TOOL = "tool:ask-user-input";
+function isAskUserInputTool(toolName) {
+  if (!toolName) return false;
+  const t = toolName.toLowerCase();
+  return t === ASK_USER_INPUT_TOOL || t === "ask-user-input" || t === "ask_user_input";
+}
+var TRIGGER = {
+  submitMessage: "submit-message",
+  toolResult: "tool-result",
+  toolApproval: "tool-approval"
+};
+
+// src/stream/reducer.ts
 var log5 = logger.scope("reducer");
 var StreamReducer = class {
   constructor(messagesSig) {
@@ -1786,8 +2017,8 @@ var StreamReducer = class {
         ensureTextPart(m, "text", chunk.id);
         return;
       case "text-delta": {
-        const p29 = ensureTextPart(m, "text", chunk.id);
-        p29.textSig.value += chunk.delta;
+        const p33 = ensureTextPart(m, "text", chunk.id);
+        p33.textSig.value += chunk.delta;
         return;
       }
       case "text-end":
@@ -1797,8 +2028,8 @@ var StreamReducer = class {
         ensureTextPart(m, "reasoning", chunk.id).doneSig.value = false;
         return;
       case "reasoning-delta": {
-        const p29 = ensureTextPart(m, "reasoning", chunk.id);
-        p29.textSig.value += chunk.delta;
+        const p33 = ensureTextPart(m, "reasoning", chunk.id);
+        p33.textSig.value += chunk.delta;
         return;
       }
       case "reasoning-end":
@@ -1809,6 +2040,7 @@ var StreamReducer = class {
       case "tool-input-available":
       case "tool-output-available":
       case "tool-output-error":
+      case "tool-approval-request":
         applyTool(m, chunk);
         return;
       case "file":
@@ -1816,7 +2048,7 @@ var StreamReducer = class {
         return;
       case "source-url": {
         const parts = m.partsSig.value;
-        if (parts.some((p29) => p29.kind === "source" && p29.sourceId === chunk.sourceId)) return;
+        if (parts.some((p33) => p33.kind === "source" && p33.sourceId === chunk.sourceId)) return;
         appendPart(m, { kind: "source", sourceId: chunk.sourceId, url: chunk.url, title: chunk.title });
         return;
       }
@@ -1840,14 +2072,14 @@ var StreamReducer = class {
   }
 };
 function ensureTextPart(m, kind, id) {
-  const existing = m.partsSig.value.find((p29) => p29.kind === kind && p29.id === id);
+  const existing = m.partsSig.value.find((p33) => p33.kind === kind && p33.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((p29) => p29.kind === "tool" && p29.toolCallId === toolCallId);
+  const existing = m.partsSig.value.find((p33) => p33.kind === "tool" && p33.toolCallId === toolCallId);
   if (existing) return existing;
   const part = {
     kind: "tool",
@@ -1857,7 +2089,8 @@ function ensureToolPart(m, toolCallId, toolName) {
     inputSig: signal2(void 0),
     outputSig: signal2(void 0),
     errorSig: signal2(void 0),
-    stateSig: signal2("input")
+    stateSig: signal2("input"),
+    approvalSig: signal2(void 0)
   };
   appendPart(m, part);
   return part;
@@ -1871,26 +2104,32 @@ function applyTool(m, chunk) {
       ensureToolPart(m, chunk.toolCallId, chunk.toolName);
       return;
     case "tool-input-delta": {
-      const p29 = ensureToolPart(m, chunk.toolCallId);
-      p29.inputPartialSig.value += chunk.delta;
+      const p33 = ensureToolPart(m, chunk.toolCallId);
+      p33.inputPartialSig.value += chunk.delta;
       return;
     }
     case "tool-input-available": {
-      const p29 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
-      p29.inputSig.value = chunk.input;
-      p29.stateSig.value = "awaiting";
+      const p33 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
+      p33.inputSig.value = chunk.input;
+      p33.stateSig.value = isAskUserInputTool(p33.toolName) ? "awaiting-input" : "awaiting";
+      return;
+    }
+    case "tool-approval-request": {
+      const p33 = ensureToolPart(m, chunk.toolCallId, chunk.toolName);
+      p33.approvalSig.value = { id: chunk.approvalId };
+      p33.stateSig.value = "awaiting-approval";
       return;
     }
     case "tool-output-available": {
-      const p29 = ensureToolPart(m, chunk.toolCallId);
-      p29.outputSig.value = chunk.output;
-      p29.stateSig.value = "output";
+      const p33 = ensureToolPart(m, chunk.toolCallId);
+      p33.outputSig.value = chunk.output;
+      p33.stateSig.value = "output";
       return;
     }
     case "tool-output-error": {
-      const p29 = ensureToolPart(m, chunk.toolCallId);
-      p29.errorSig.value = chunk.errorText;
-      p29.stateSig.value = "error";
+      const p33 = ensureToolPart(m, chunk.toolCallId);
+      p33.errorSig.value = chunk.errorText;
+      p33.stateSig.value = "error";
       return;
     }
     default:
@@ -1910,6 +2149,7 @@ function createPersistence(widgetId, storage = defaultStorage) {
   const KEY_CALLOUT_DISMISSED = `${prefix}.calloutDismissed`;
   const KEY_SIDEBAR_COLLAPSED = `${prefix}.sidebarCollapsed`;
   const KEY_ACTIVE_MODULE = `${prefix}.activeModule`;
+  const KEY_INTAKE = `${prefix}.intake`;
   const persistence = {
     getVisitorId() {
       const existing = storage.get(KEY_VISITOR);
@@ -1992,6 +2232,24 @@ function createPersistence(widgetId, storage = defaultStorage) {
     saveActiveModule(id) {
       storage.set(KEY_ACTIVE_MODULE, id);
     },
+    loadIntake() {
+      const raw = storage.get(KEY_INTAKE);
+      if (!raw) return null;
+      try {
+        const parsed = JSON.parse(raw);
+        return isPlainObject2(parsed) ? parsed : null;
+      } catch (error) {
+        log6.warn("loadIntake parse failed", { error });
+        return null;
+      }
+    },
+    saveIntake(values) {
+      try {
+        storage.set(KEY_INTAKE, JSON.stringify(values));
+      } catch (error) {
+        log6.warn("saveIntake serialise failed", { error });
+      }
+    },
     clearSession() {
       storage.remove(KEY_CHAT);
     }
@@ -2533,7 +2791,30 @@ var TID = {
   /** Help article row — suffix `-{id}`. */
   helpArticle: `${p2}-help-article`,
   /** News list item — suffix `-{id}`. */
-  newsItem: `${p2}-news-item`
+  newsItem: `${p2}-news-item`,
+  // ── Forms + human-in-the-loop (intake / ask-input / approval) ────
+  /** Pre-chat intake form root (blocking gate). */
+  intakeForm: `${p2}-intake-form`,
+  /** Intake submit button. */
+  intakeSubmit: `${p2}-intake-submit`,
+  /** Intake skip button (only when `skippable`). */
+  intakeSkip: `${p2}-intake-skip`,
+  /** A single form field control — suffix `-{name}` at the JSX site. */
+  formField: `${p2}-form-field`,
+  /** Ask-input tool root (inline form in a message bubble). */
+  toolAskInput: `${p2}-tool-ask-input`,
+  /** Ask-input submit button. */
+  toolInputSubmit: `${p2}-tool-input-submit`,
+  /** Ask-input skip button. */
+  toolInputSkip: `${p2}-tool-input-skip`,
+  /** Tool-approval root (approve/reject prompt). */
+  toolApproval: `${p2}-tool-approval`,
+  /** Tool-approval approve button. */
+  toolApprove: `${p2}-tool-approve`,
+  /** Tool-approval reject button. */
+  toolReject: `${p2}-tool-reject`,
+  /** Recorded tool decision summary (after approve/reject/submit). */
+  toolDecision: `${p2}-tool-decision`
 };
 function tid(base, suffix) {
   return `${base}-${suffix}`;
@@ -2644,24 +2925,24 @@ import { useCallback as useCallback2, useEffect as useEffect10, useRef as useRef
 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 p29 = BRAND.cssPrefix;
+  const p33 = BRAND.cssPrefix;
   const dragRef = useRef(null);
   useEffect2(() => {
     if (!panelEl) return;
     const style = panelEl.style;
-    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 (resize.minWidth) style.setProperty(`--${p33}-resize-min-w`, resize.minWidth);
+    if (resize.maxWidth) style.setProperty(`--${p33}-resize-max-w`, resize.maxWidth);
+    if (resize.minHeight) style.setProperty(`--${p33}-resize-min-h`, resize.minHeight);
+    if (resize.maxHeight) style.setProperty(`--${p33}-resize-max-h`, resize.maxHeight);
     if (initialSize) {
-      style.setProperty(`--${p29}-widget-w`, `${initialSize.width}px`);
-      style.setProperty(`--${p29}-widget-h`, `${initialSize.height}px`);
+      style.setProperty(`--${p33}-widget-w`, `${initialSize.width}px`);
+      style.setProperty(`--${p33}-widget-h`, `${initialSize.height}px`);
     }
-  }, [panelEl, resize.minWidth, resize.maxWidth, resize.minHeight, resize.maxHeight, p29, initialSize]);
+  }, [panelEl, resize.minWidth, resize.maxWidth, resize.minHeight, resize.maxHeight, p33, initialSize]);
   if (!panelEl) return null;
   const isTop = position.startsWith("top-");
   const isRight = position.endsWith("-right");
-  const cornerClass = `${p29}-resize-grip ${p29}-resize-grip--${isTop ? "bottom" : "top"}-${isRight ? "left" : "right"}`;
+  const cornerClass = `${p33}-resize-grip ${p33}-resize-grip--${isTop ? "bottom" : "top"}-${isRight ? "left" : "right"}`;
   const onPointerDown = (e) => {
     if (!panelEl) return;
     const target = e.currentTarget;
@@ -2685,8 +2966,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(`--${p29}-widget-w`, `${d.startW + dx}px`);
-    panelEl.style.setProperty(`--${p29}-widget-h`, `${d.startH + dy}px`);
+    panelEl.style.setProperty(`--${p33}-widget-w`, `${d.startW + dx}px`);
+    panelEl.style.setProperty(`--${p33}-widget-h`, `${d.startH + dy}px`);
   };
   const onPointerUp = (e) => {
     const d = dragRef.current;
@@ -2723,7 +3004,7 @@ var KEEP_VISIBLE = 56;
 function useDragMove(panelEl, enabled) {
   useEffect3(() => {
     if (!enabled || !panelEl) return;
-    const num = (v) => Number.parseFloat(v) || 0;
+    const num2 = (v) => Number.parseFloat(v) || 0;
     const clamp = (v, max) => Math.min(max, Math.max(-max, v));
     let drag = null;
     const onDown = (e) => {
@@ -2734,8 +3015,8 @@ function useDragMove(panelEl, enabled) {
         id: e.pointerId,
         x: e.clientX,
         y: e.clientY,
-        dx: num(panelEl.style.getPropertyValue(`--${p4}-modal-dx`)),
-        dy: num(panelEl.style.getPropertyValue(`--${p4}-modal-dy`)),
+        dx: num2(panelEl.style.getPropertyValue(`--${p4}-modal-dx`)),
+        dy: num2(panelEl.style.getPropertyValue(`--${p4}-modal-dy`)),
         // Centred origin: |offset| ≤ (viewport + panel)/2 − keepVisible keeps a
         // strip of the dialog reachable so it can never be lost off-screen.
         maxX: (window.innerWidth + rect.width) / 2 - KEEP_VISIBLE,
@@ -3421,20 +3702,20 @@ function usePopoverMenu({ itemCount, initialFocusIndex }) {
 // src/ui/overflow-menu.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "preact/jsx-runtime";
 function OverflowMenu({ items, triggerLabel }) {
-  const p29 = BRAND.cssPrefix;
+  const p33 = 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: [
+  return /* @__PURE__ */ jsxs6("div", { class: `${p33}-menu-wrap`, children: [
     /* @__PURE__ */ jsx8(
       "button",
       {
         ref: menu.triggerRef,
         type: "button",
-        class: `${p29}-icon-btn`,
+        class: `${p33}-icon-btn`,
         "aria-label": triggerLabel,
         "aria-haspopup": "menu",
         "aria-expanded": menu.open,
@@ -3448,7 +3729,7 @@ function OverflowMenu({ items, triggerLabel }) {
       "div",
       {
         ref: menu.menuRef,
-        class: `${p29}-menu`,
+        class: `${p33}-menu`,
         role: "menu",
         "aria-label": triggerLabel,
         onKeyDown: menu.onMenuKey,
@@ -3458,15 +3739,15 @@ function OverflowMenu({ items, triggerLabel }) {
           {
             type: "button",
             role: "menuitem",
-            class: `${p29}-menu-item`,
+            class: `${p33}-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.icon ? /* @__PURE__ */ jsx8("span", { class: `${p33}-menu-icon`, children: item.icon }) : null,
+              /* @__PURE__ */ jsx8("span", { class: `${p33}-menu-label`, children: item.label }),
+              item.type === "switch" && item.on ? /* @__PURE__ */ jsx8("span", { class: `${p33}-menu-check`, "aria-hidden": "true", children: /* @__PURE__ */ jsx8(CheckIcon, {}) }) : null
             ]
           },
           item.id
@@ -3588,18 +3869,360 @@ function HeaderActions({ panelProps, variant }) {
   ] });
 }
 
+// src/ui/form/dynamic-form.tsx
+import { useState as useState5 } from "preact/hooks";
+
+// src/ui/form/validate.ts
+var EMAIL_RE2 = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+var URL_RE = /^https?:\/\/[^\s.]+\.[^\s]+$/i;
+var TEL_RE = /^[+]?[\d\s().-]{6,}$/;
+function fmt(template, vars) {
+  return template.replace(/\{(\w+)\}/g, (_, k) => String(vars[k] ?? `{${k}}`));
+}
+function selectionCount(value) {
+  if (Array.isArray(value)) return value.length;
+  return value && value.trim() ? 1 : 0;
+}
+function validateField(field, value, strings) {
+  const required = field.required ?? true;
+  const v = field.validation;
+  if (field.type === "multiselect") {
+    const count = selectionCount(value);
+    if (required && count === 0) return strings.formRequired;
+    if (count === 0) return void 0;
+    if (v?.minSelections != null && count < v.minSelections) {
+      return fmt(strings.formChooseAtLeast, { min: v.minSelections });
+    }
+    if (v?.maxSelections != null && count > v.maxSelections) {
+      return fmt(strings.formChooseAtMost, { max: v.maxSelections });
+    }
+    return void 0;
+  }
+  const text = typeof value === "string" ? value.trim() : "";
+  if (!text) return required ? strings.formRequired : void 0;
+  switch (field.type) {
+    case "email":
+      if (!EMAIL_RE2.test(text)) return strings.formInvalidEmail;
+      break;
+    case "url":
+      if (!URL_RE.test(text)) return strings.formInvalidUrl;
+      break;
+    case "tel":
+      if (!TEL_RE.test(text)) return strings.formInvalidTel;
+      break;
+    case "number": {
+      const n = Number(text);
+      if (!Number.isFinite(n)) return strings.formInvalidNumber;
+      if (v?.min != null && n < v.min) return fmt(strings.formNumberTooSmall, { min: v.min });
+      if (v?.max != null && n > v.max) return fmt(strings.formNumberTooLarge, { max: v.max });
+      break;
+    }
+    default:
+      break;
+  }
+  if (v?.minLength != null && text.length < v.minLength) return fmt(strings.formTooShort, { min: v.minLength });
+  if (v?.maxLength != null && text.length > v.maxLength) return fmt(strings.formTooLong, { max: v.maxLength });
+  if (v?.pattern) {
+    try {
+      if (!new RegExp(v.pattern).test(text)) return strings.formPatternMismatch;
+    } catch {
+    }
+  }
+  return void 0;
+}
+function validateForm(fields, values, strings) {
+  const errors = {};
+  for (const field of fields) {
+    const err = validateField(field, values[field.name], strings);
+    if (err) errors[field.name] = err;
+  }
+  return errors;
+}
+function flattenValues(values) {
+  const out = {};
+  for (const [k, v] of Object.entries(values)) {
+    const flat = Array.isArray(v) ? v.join(", ") : v;
+    if (flat && flat.trim()) out[k] = flat.trim();
+  }
+  return out;
+}
+
+// src/ui/form/dynamic-form.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "preact/jsx-runtime";
+var p10 = BRAND.cssPrefix;
+var OTHER = "__other__";
+function DynamicForm({
+  fields,
+  strings,
+  submitLabel,
+  onSubmit,
+  skipLabel,
+  onSkip,
+  disabled,
+  rootTestId,
+  submitTestId,
+  skipTestId
+}) {
+  const [values, setValues] = useState5(() => seedValues(fields));
+  const [other, setOther] = useState5({});
+  const [errors, setErrors] = useState5({});
+  const clearError = (name) => {
+    if (errors[name]) setErrors((prev) => ({ ...prev, [name]: "" }));
+  };
+  const setValue = (name, v) => {
+    setValues((prev) => ({ ...prev, [name]: v }));
+    clearError(name);
+  };
+  const setOtherText = (name, t) => {
+    setOther((prev) => ({ ...prev, [name]: t }));
+    clearError(name);
+  };
+  const submit = (e) => {
+    e.preventDefault();
+    if (disabled) return;
+    const resolved = resolveValues(fields, values, other);
+    const errs = validateForm(fields, resolved, strings);
+    if (Object.keys(errs).length > 0) {
+      setErrors(errs);
+      return;
+    }
+    onSubmit(flattenValues(resolved));
+  };
+  return /* @__PURE__ */ jsxs8("form", { class: `${p10}-form`, onSubmit: submit, "data-testid": rootTestId, noValidate: true, children: [
+    fields.map((field) => /* @__PURE__ */ jsx10(
+      Field,
+      {
+        field,
+        value: values[field.name],
+        otherText: other[field.name] ?? "",
+        error: errors[field.name],
+        disabled,
+        strings,
+        onChange: (v) => setValue(field.name, v),
+        onOtherChange: (t) => setOtherText(field.name, t)
+      },
+      field.name
+    )),
+    /* @__PURE__ */ jsxs8("div", { class: `${p10}-form-actions`, children: [
+      skipLabel && onSkip ? /* @__PURE__ */ jsx10("button", { type: "button", class: `${p10}-form-skip`, onClick: onSkip, disabled, "data-testid": skipTestId, children: skipLabel }) : null,
+      /* @__PURE__ */ jsx10("button", { type: "submit", class: `${p10}-form-submit`, disabled, "data-testid": submitTestId, children: submitLabel })
+    ] })
+  ] });
+}
+function Field({
+  field,
+  value,
+  otherText,
+  error,
+  disabled,
+  strings,
+  onChange,
+  onOtherChange
+}) {
+  const fieldTid = tid(TID.formField, field.name);
+  const control = renderControl({ field, value, otherText, disabled, strings, onChange, onOtherChange, fieldTid });
+  return /* @__PURE__ */ jsxs8("label", { class: `${p10}-field`, "data-field": field.name, "data-invalid": error ? "true" : void 0, children: [
+    /* @__PURE__ */ jsxs8("span", { class: `${p10}-field-label`, children: [
+      field.label,
+      field.required ?? true ? /* @__PURE__ */ jsx10("span", { class: `${p10}-field-req`, "aria-hidden": "true", children: " *" }) : null
+    ] }),
+    control,
+    field.validationHint && !error ? /* @__PURE__ */ jsx10("span", { class: `${p10}-field-hint`, children: field.validationHint }) : null,
+    error ? /* @__PURE__ */ jsx10("span", { class: `${p10}-field-error`, role: "alert", children: error }) : null
+  ] });
+}
+function renderControl(args) {
+  const { field, value, otherText, disabled, strings, onChange, onOtherChange, fieldTid } = args;
+  const str2 = typeof value === "string" ? value : "";
+  switch (field.type) {
+    case "textarea":
+      return /* @__PURE__ */ jsx10(
+        "textarea",
+        {
+          class: `${p10}-field-input`,
+          rows: 3,
+          value: str2,
+          placeholder: field.placeholder,
+          disabled,
+          onInput: (e) => onChange(e.target.value),
+          "data-testid": fieldTid
+        }
+      );
+    case "select":
+      return /* @__PURE__ */ jsxs8(
+        "select",
+        {
+          class: `${p10}-field-input`,
+          value: str2,
+          disabled,
+          onChange: (e) => onChange(e.target.value),
+          "data-testid": fieldTid,
+          children: [
+            /* @__PURE__ */ jsx10("option", { value: "", children: field.placeholder ?? "\u2014" }),
+            (field.options ?? []).map((o) => /* @__PURE__ */ jsx10("option", { value: o.value, children: o.label ?? o.value }, o.value))
+          ]
+        }
+      );
+    case "radio": {
+      const isOther = field.allowOther && str2 === OTHER;
+      return /* @__PURE__ */ jsxs8("div", { class: `${p10}-field-choices`, role: "radiogroup", "data-testid": fieldTid, children: [
+        (field.options ?? []).map((o) => /* @__PURE__ */ jsxs8("label", { class: `${p10}-choice`, children: [
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "radio",
+              name: `${p10}-${field.name}`,
+              checked: str2 === o.value,
+              disabled,
+              onChange: () => onChange(o.value)
+            }
+          ),
+          /* @__PURE__ */ jsx10("span", { children: o.label ?? o.value })
+        ] }, o.value)),
+        field.allowOther ? /* @__PURE__ */ jsxs8("label", { class: `${p10}-choice`, children: [
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "radio",
+              name: `${p10}-${field.name}`,
+              checked: str2 === OTHER,
+              disabled,
+              onChange: () => onChange(OTHER)
+            }
+          ),
+          /* @__PURE__ */ jsx10("span", { children: strings.formOther })
+        ] }) : null,
+        isOther ? /* @__PURE__ */ jsx10(
+          "input",
+          {
+            class: `${p10}-field-input`,
+            value: otherText,
+            placeholder: field.placeholder ?? strings.formOtherPlaceholder,
+            disabled,
+            onInput: (e) => onOtherChange(e.target.value)
+          }
+        ) : null
+      ] });
+    }
+    case "checkbox":
+      return /* @__PURE__ */ jsxs8("label", { class: `${p10}-choice`, children: [
+        /* @__PURE__ */ jsx10(
+          "input",
+          {
+            type: "checkbox",
+            checked: str2 === "true",
+            disabled,
+            onChange: (e) => onChange(e.target.checked ? "true" : ""),
+            "data-testid": fieldTid
+          }
+        ),
+        /* @__PURE__ */ jsx10("span", { children: field.placeholder ?? field.label })
+      ] });
+    case "multiselect": {
+      const selected = Array.isArray(value) ? value : [];
+      const toggle = (v, on) => onChange(on ? [...selected, v] : selected.filter((x) => x !== v));
+      return /* @__PURE__ */ jsxs8("div", { class: `${p10}-field-choices`, "data-testid": fieldTid, children: [
+        (field.options ?? []).map((o) => /* @__PURE__ */ jsxs8("label", { class: `${p10}-choice`, children: [
+          /* @__PURE__ */ jsx10(
+            "input",
+            {
+              type: "checkbox",
+              checked: selected.includes(o.value),
+              disabled,
+              onChange: (e) => toggle(o.value, e.target.checked)
+            }
+          ),
+          /* @__PURE__ */ jsx10("span", { children: o.label ?? o.value })
+        ] }, o.value)),
+        field.allowOther || (field.options ?? []).length === 0 ? /* @__PURE__ */ jsx10(
+          "textarea",
+          {
+            class: `${p10}-field-input`,
+            rows: 2,
+            value: otherText,
+            placeholder: field.placeholder ?? strings.formOtherPlaceholder,
+            disabled,
+            onInput: (e) => onOtherChange(e.target.value)
+          }
+        ) : null
+      ] });
+    }
+    default:
+      return /* @__PURE__ */ jsx10(
+        "input",
+        {
+          class: `${p10}-field-input`,
+          type: inputType(field.type),
+          value: str2,
+          placeholder: field.placeholder,
+          disabled,
+          onInput: (e) => onChange(e.target.value),
+          "data-testid": fieldTid
+        }
+      );
+  }
+}
+function inputType(type) {
+  return type === "number" || type === "email" || type === "tel" || type === "url" ? type : "text";
+}
+function seedValues(fields) {
+  const out = {};
+  for (const f of fields) {
+    if (f.defaultValue == null) continue;
+    out[f.name] = f.type === "multiselect" ? f.defaultValue.split(",").map((s) => s.trim()).filter(Boolean) : f.defaultValue;
+  }
+  return out;
+}
+function resolveValues(fields, values, other) {
+  const out = { ...values };
+  for (const f of fields) {
+    const otherText = other[f.name]?.trim();
+    if (f.type === "radio" && f.allowOther && values[f.name] === OTHER) {
+      out[f.name] = otherText ?? "";
+    } else if (f.type === "multiselect" && otherText) {
+      const tokens = otherText.split(/[,\n;]+/).map((t) => t.trim()).filter(Boolean);
+      const base = Array.isArray(values[f.name]) ? values[f.name] : [];
+      out[f.name] = [...base, ...tokens];
+    }
+  }
+  return out;
+}
+
+// src/ui/intake-gate.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "preact/jsx-runtime";
+var p11 = BRAND.cssPrefix;
+function IntakeGate({ intake, strings, onComplete }) {
+  return /* @__PURE__ */ jsxs9("div", { class: `${p11}-intake`, "data-testid": TID.intakeForm, children: [
+    intake.title ? /* @__PURE__ */ jsx11("h3", { class: `${p11}-intake-title`, children: intake.title }) : null,
+    intake.description ? /* @__PURE__ */ jsx11("p", { class: `${p11}-intake-desc`, children: intake.description }) : null,
+    /* @__PURE__ */ jsx11(
+      DynamicForm,
+      {
+        fields: intake.fields,
+        strings,
+        submitLabel: intake.submitLabel ?? strings.intakeSubmit,
+        onSubmit: onComplete,
+        skipLabel: intake.skippable ? strings.intakeSkip : void 0,
+        onSkip: intake.skippable ? () => onComplete({}) : void 0,
+        submitTestId: TID.intakeSubmit,
+        skipTestId: TID.intakeSkip
+      }
+    )
+  ] });
+}
+
 // src/ui/message-list.tsx
-import { useEffect as useEffect8, useLayoutEffect, useRef as useRef5, useState as useState5 } from "preact/hooks";
-import { useComputed as useComputed3 } from "@preact/signals";
+import { useEffect as useEffect8, useLayoutEffect, useRef as useRef5, useState as useState6 } from "preact/hooks";
+import { useComputed as useComputed5 } from "@preact/signals";
 
 // src/ui/message-bubble.tsx
-import { useComputed as useComputed2 } from "@preact/signals";
+import { useComputed as useComputed4 } from "@preact/signals";
 
 // src/ui/markdown.tsx
 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 jsx10 } from "preact/jsx-runtime";
+import { jsx as jsx12 } from "preact/jsx-runtime";
 function MarkdownView({ textSig, doneSig }) {
   const ref = useRef4(null);
   useEffect7(() => {
@@ -3649,12 +4272,12 @@ function MarkdownView({ textSig, doneSig }) {
       el.removeEventListener("click", onClick);
     };
   }, [textSig, doneSig]);
-  return /* @__PURE__ */ jsx10("div", { ref });
+  return /* @__PURE__ */ jsx12("div", { ref });
 }
 function StaticMarkdown({ text }) {
   const textSig = useMemo(() => signal4(text), [text]);
   const doneSig = useMemo(() => signal4(true), []);
-  return /* @__PURE__ */ jsx10(MarkdownView, { textSig, doneSig });
+  return /* @__PURE__ */ jsx12(MarkdownView, { textSig, doneSig });
 }
 function hardenLink(a) {
   const href = a.getAttribute("href") ?? "";
@@ -3666,29 +4289,247 @@ function hardenLink(a) {
   a.rel = [...tokens].join(" ");
 }
 
+// src/ui/tool-approval.tsx
+import { useComputed as useComputed2, useSignal } from "@preact/signals";
+import { Fragment, jsx as jsx13, jsxs as jsxs10 } from "preact/jsx-runtime";
+var p12 = BRAND.cssPrefix;
+function ToolApproval({ part, strings, active, onDecision }) {
+  const approval = useComputed2(() => part.approvalSig.value);
+  const input = useComputed2(() => part.inputSig.value);
+  const reason = useSignal("");
+  const decided = approval.value?.approved !== void 0;
+  if (decided) {
+    const ap = approval.value;
+    return /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-approval ${p12}-tool-decided`, "data-testid": TID.toolDecision, children: [
+      /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-decided-label`, "data-approved": ap?.approved ? "true" : "false", children: ap?.approved ? strings.approved : strings.rejected }),
+      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: part.toolName }),
+      ap?.reason ? /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-decided-value`, children: ap.reason }) : null
+    ] });
+  }
+  return /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-approval`, "data-testid": TID.toolApproval, children: [
+    /* @__PURE__ */ jsxs10("div", { class: `${p12}-tool-head`, children: [
+      /* @__PURE__ */ jsx13("span", { class: `${p12}-tool-badge`, children: strings.approvalRequired }),
+      /* @__PURE__ */ jsx13("strong", { class: `${p12}-tool-title`, children: part.toolName })
+    ] }),
+    summarizeInput(input.value) ? /* @__PURE__ */ jsx13("pre", { class: `${p12}-tool-args`, children: summarizeInput(input.value) }) : null,
+    active ? /* @__PURE__ */ jsxs10(Fragment, { children: [
+      /* @__PURE__ */ jsx13(
+        "input",
+        {
+          class: `${p12}-field-input`,
+          value: reason.value,
+          placeholder: strings.approvalReason,
+          onInput: (e) => {
+            reason.value = e.target.value;
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxs10("div", { class: `${p12}-form-actions`, children: [
+        /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            class: `${p12}-tool-reject`,
+            onClick: () => onDecision(part.toolCallId, false, reason.value.trim() || void 0),
+            "data-testid": TID.toolReject,
+            children: strings.reject
+          }
+        ),
+        /* @__PURE__ */ jsx13(
+          "button",
+          {
+            type: "button",
+            class: `${p12}-tool-approve`,
+            onClick: () => onDecision(part.toolCallId, true, reason.value.trim() || void 0),
+            "data-testid": TID.toolApprove,
+            children: strings.approve
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsx13("p", { class: `${p12}-tool-stale-note`, children: strings.stepNoLongerActive })
+  ] });
+}
+function summarizeInput(input) {
+  if (input == null) return "";
+  try {
+    const json = typeof input === "string" ? input : JSON.stringify(input, null, 2);
+    return json.length > 600 ? `${json.slice(0, 600)}\u2026` : json;
+  } catch {
+    return "";
+  }
+}
+
+// src/ui/tool-ask-input.tsx
+import { useComputed as useComputed3 } from "@preact/signals";
+
+// src/ui/form/field.ts
+function parseAskUserInput(input) {
+  const raw = input && typeof input === "object" ? input : {};
+  const responseType = raw.responseType;
+  return {
+    title: str(raw.title),
+    question: str(raw.question) ?? "Please provide the missing information.",
+    description: str(raw.description),
+    placeholder: str(raw.placeholder),
+    responseType: responseType === "single-choice" || responseType === "multi-choice" || responseType === "confirmation" || responseType === "free-text" ? responseType : "free-text",
+    choices: Array.isArray(raw.choices) ? raw.choices : void 0,
+    allowOther: typeof raw.allowOther === "boolean" ? raw.allowOther : void 0,
+    required: typeof raw.required === "boolean" ? raw.required : true,
+    defaultValues: Array.isArray(raw.defaultValues) ? raw.defaultValues.filter((v) => typeof v === "string") : void 0,
+    minSelections: num(raw.minSelections),
+    maxSelections: num(raw.maxSelections),
+    validationHint: str(raw.validationHint)
+  };
+}
+function askInputToFields(req) {
+  if (req.responseType === "confirmation") return [];
+  const options = (req.choices ?? []).map(normalizeChoice).filter((c) => c !== null);
+  let type = "textarea";
+  if (req.responseType === "single-choice" && options.length > 0) type = "radio";
+  else if (req.responseType === "multi-choice") type = "multiselect";
+  const defaultValue = type === "multiselect" ? req.defaultValues?.join(", ") : req.defaultValues?.[0];
+  return [
+    {
+      name: "answer",
+      label: req.question,
+      type,
+      placeholder: req.placeholder,
+      required: req.required ?? true,
+      defaultValue,
+      options: options.length > 0 ? options : void 0,
+      allowOther: req.allowOther,
+      validationHint: req.validationHint,
+      validation: type === "multiselect" ? { minSelections: req.minSelections, maxSelections: req.maxSelections } : void 0
+    }
+  ];
+}
+function normalizeChoice(c) {
+  if (typeof c === "string") return c ? { value: c, label: c } : null;
+  if (c && typeof c.value === "string" && c.value)
+    return { value: c.value, label: c.label ?? c.value, description: c.description };
+  return null;
+}
+function str(v) {
+  return typeof v === "string" && v.trim() ? v.trim() : void 0;
+}
+function num(v) {
+  return typeof v === "number" && Number.isFinite(v) ? v : void 0;
+}
+
+// src/ui/tool-ask-input.tsx
+import { jsx as jsx14, jsxs as jsxs11 } from "preact/jsx-runtime";
+var p13 = BRAND.cssPrefix;
+function ToolAskInput({ part, strings, active, onSubmit }) {
+  const state = useComputed3(() => part.stateSig.value);
+  const request = useComputed3(() => parseAskUserInput(part.inputSig.value));
+  const decided = state.value === "output" || state.value === "error";
+  if (decided) {
+    return /* @__PURE__ */ jsx14(DecidedSummary, { part, strings });
+  }
+  if (!active) {
+    return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-ask-input ${p13}-tool-stale`, "data-testid": TID.toolAskInput, children: [
+      /* @__PURE__ */ jsx14(Header, { strings, title: request.value.title ?? request.value.question }),
+      /* @__PURE__ */ jsx14("p", { class: `${p13}-tool-stale-note`, children: strings.stepNoLongerActive })
+    ] });
+  }
+  const req = request.value;
+  const fields = askInputToFields(req);
+  return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-ask-input`, "data-testid": TID.toolAskInput, children: [
+    /* @__PURE__ */ jsx14(Header, { strings, title: req.title }),
+    req.description ? /* @__PURE__ */ jsx14("p", { class: `${p13}-tool-desc`, children: req.description }) : null,
+    req.responseType === "confirmation" ? /* @__PURE__ */ jsx14("p", { class: `${p13}-tool-question`, children: req.question }) : null,
+    req.responseType === "confirmation" ? /* @__PURE__ */ jsxs11("div", { class: `${p13}-form-actions`, children: [
+      /* @__PURE__ */ jsx14(
+        "button",
+        {
+          type: "button",
+          class: `${p13}-form-skip`,
+          onClick: () => onSubmit(part.toolCallId, { confirmed: false }),
+          "data-testid": TID.toolInputSkip,
+          children: strings.reject
+        }
+      ),
+      /* @__PURE__ */ jsx14(
+        "button",
+        {
+          type: "button",
+          class: `${p13}-form-submit`,
+          onClick: () => onSubmit(part.toolCallId, { confirmed: true }),
+          "data-testid": TID.toolInputSubmit,
+          children: strings.approve
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx14(
+      DynamicForm,
+      {
+        fields,
+        strings,
+        submitLabel: strings.inputSubmit,
+        onSubmit: (values) => onSubmit(part.toolCallId, values),
+        skipLabel: req.required === false ? strings.inputSkip : void 0,
+        onSkip: req.required === false ? () => onSubmit(part.toolCallId, {}) : void 0,
+        submitTestId: TID.toolInputSubmit,
+        skipTestId: TID.toolInputSkip
+      }
+    )
+  ] });
+}
+function Header({ strings, title }) {
+  return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-head`, children: [
+    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-badge`, children: strings.inputRequired }),
+    title ? /* @__PURE__ */ jsx14("strong", { class: `${p13}-tool-title`, children: title }) : null
+  ] });
+}
+function DecidedSummary({ part, strings }) {
+  const output = useComputed3(() => part.outputSig.value);
+  const text = summarizeOutput(output.value) || strings.inputSubmitted;
+  return /* @__PURE__ */ jsxs11("div", { class: `${p13}-tool-ask-input ${p13}-tool-decided`, "data-testid": TID.toolDecision, children: [
+    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-label`, children: strings.inputSubmitted }),
+    /* @__PURE__ */ jsx14("span", { class: `${p13}-tool-decided-value`, children: text })
+  ] });
+}
+function summarizeOutput(output) {
+  if (output == null) return "";
+  if (typeof output === "string") return output;
+  if (typeof output === "object") {
+    const rec = output;
+    if ("confirmed" in rec) return rec.confirmed ? "Yes" : "No";
+    return Object.values(rec).filter((v) => typeof v === "string" || typeof v === "number").join(", ");
+  }
+  return String(output);
+}
+
 // src/ui/tool-chip.tsx
-import { jsx as jsx11, jsxs as jsxs8 } from "preact/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "preact/jsx-runtime";
 function ToolChip({ part, strings }) {
-  const p29 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsxs8("span", { class: `${p29}-tool-chip`, role: "status", children: [
-    /* @__PURE__ */ jsxs8("span", { children: [
+  const p33 = BRAND.cssPrefix;
+  return /* @__PURE__ */ jsxs12("span", { class: `${p33}-tool-chip`, role: "status", children: [
+    /* @__PURE__ */ jsxs12("span", { children: [
       strings.usedTool,
       ":"
     ] }),
-    /* @__PURE__ */ jsx11("strong", { children: part.toolName })
+    /* @__PURE__ */ jsx15("strong", { children: part.toolName })
   ] });
 }
 
 // src/ui/message-bubble.tsx
-import { jsx as jsx12, jsxs as jsxs9 } from "preact/jsx-runtime";
-var p10 = BRAND.cssPrefix;
-function MessageBubble({ message, strings, responseMode, showReasoning, showToolCalls }) {
-  const parts = useComputed2(() => message.partsSig.value);
+import { jsx as jsx16, jsxs as jsxs13 } from "preact/jsx-runtime";
+var p14 = BRAND.cssPrefix;
+function MessageBubble({
+  message,
+  strings,
+  responseMode,
+  showReasoning,
+  showToolCalls,
+  interactive = false,
+  tool
+}) {
+  const parts = useComputed4(() => message.partsSig.value);
   const partList = parts.value;
-  const hasAnswerText = useComputed2(
+  const hasAnswerText = useComputed4(
     () => message.partsSig.value.some((part) => part.kind === "text" && part.textSig.value.length > 0)
   );
-  const reasoningVisible = useComputed2(
+  const reasoningVisible = useComputed4(
     () => showReasoning && message.partsSig.value.some((part) => part.kind === "reasoning")
   );
   const streaming = message.role === "assistant" && message.status === "streaming";
@@ -3696,23 +4537,25 @@ function MessageBubble({ message, strings, responseMode, showReasoning, showTool
   const working = streaming && !hasAnswerText.value;
   const showStreamDots = streaming && !bufferedHold && !(reasoningVisible.value && working);
   const stamp = formatStamp(message.createdAt);
-  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-col`, children: [
-    /* @__PURE__ */ jsxs9("div", { class: `${p10}-bubble`, children: [
-      bufferedHold ? /* @__PURE__ */ jsx12(LoadingSpinner, { label: strings.loading }) : partList.map((part) => /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx16("div", { class: `${p14}-bubble-row`, "data-role": message.role, "data-testid": tid(TID.messageBubble, message.id), children: /* @__PURE__ */ jsxs13("div", { class: `${p14}-bubble-col`, children: [
+    /* @__PURE__ */ jsxs13("div", { class: `${p14}-bubble`, children: [
+      bufferedHold ? /* @__PURE__ */ jsx16(LoadingSpinner, { label: strings.loading }) : partList.map((part) => /* @__PURE__ */ jsx16(
         PartView,
         {
           part,
           active: working,
           strings,
           showReasoning,
-          showToolCalls
+          showToolCalls,
+          interactive,
+          tool
         },
         partKey(part)
       )),
-      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
+      showStreamDots && /* @__PURE__ */ jsx16(TypingDots, {}),
+      message.status === "error" && message.errorText ? /* @__PURE__ */ jsx16("div", { class: `${p14}-error`, role: "alert", children: /* @__PURE__ */ jsx16("span", { children: message.errorText }) }) : null
     ] }),
-    stamp ? /* @__PURE__ */ jsx12("time", { class: `${p10}-bubble-time`, dateTime: stamp.iso, title: stamp.full, children: stamp.short }) : null
+    stamp ? /* @__PURE__ */ jsx16("time", { class: `${p14}-bubble-time`, dateTime: stamp.iso, title: stamp.full, children: stamp.short }) : null
   ] }) });
 }
 function formatStamp(createdAt) {
@@ -3733,32 +4576,62 @@ function PartView({
   active,
   strings,
   showReasoning,
-  showToolCalls
+  showToolCalls,
+  interactive,
+  tool
 }) {
   switch (part.kind) {
     case "text":
-      return /* @__PURE__ */ jsx12(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig });
+      return /* @__PURE__ */ jsx16(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig });
     case "reasoning":
-      return showReasoning ? /* @__PURE__ */ jsx12(ReasoningView, { part, active, strings }) : null;
+      return showReasoning ? /* @__PURE__ */ jsx16(ReasoningView, { part, active, strings }) : null;
     case "tool":
-      return showToolCalls ? /* @__PURE__ */ jsx12(ToolChip, { part, strings }) : null;
+      return /* @__PURE__ */ jsx16(
+        ToolPartView,
+        {
+          part,
+          strings,
+          showToolCalls,
+          interactive,
+          tool
+        }
+      );
     case "file":
       if (part.mediaType.startsWith("image/")) {
-        return /* @__PURE__ */ jsx12("img", { src: part.url, alt: "", loading: "lazy" });
+        return /* @__PURE__ */ jsx16("img", { src: part.url, alt: "", loading: "lazy" });
       }
-      return /* @__PURE__ */ jsx12("a", { href: part.url, target: "_blank", rel: "noreferrer noopener", children: part.url });
+      return /* @__PURE__ */ jsx16("a", { href: part.url, target: "_blank", rel: "noreferrer noopener", children: part.url });
     case "source":
       return null;
   }
 }
+function ToolPartView({
+  part,
+  strings,
+  showToolCalls,
+  interactive,
+  tool
+}) {
+  const state = useComputed4(() => part.stateSig.value);
+  const hasApproval = useComputed4(() => part.approvalSig.value !== void 0);
+  if (tool?.humanInLoop) {
+    if (hasApproval.value || state.value === "awaiting-approval") {
+      return /* @__PURE__ */ jsx16(ToolApproval, { part, strings, active: interactive, onDecision: tool.onDecision });
+    }
+    if (isAskUserInputTool(part.toolName) || state.value === "awaiting-input") {
+      return /* @__PURE__ */ jsx16(ToolAskInput, { part, strings, active: interactive, onSubmit: tool.onResult });
+    }
+  }
+  return showToolCalls ? /* @__PURE__ */ jsx16(ToolChip, { part, strings }) : null;
+}
 function ReasoningView({
   part,
   active,
   strings
 }) {
-  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 }) })
+  return /* @__PURE__ */ jsxs13("details", { class: `${p14}-reasoning`, open: active, "data-active": active ? "true" : void 0, children: [
+    /* @__PURE__ */ jsx16("summary", { class: `${p14}-reasoning-summary`, children: /* @__PURE__ */ jsx16("span", { class: `${p14}-reasoning-label`, children: active ? strings.thinking : strings.thoughts }) }),
+    /* @__PURE__ */ jsx16("div", { class: `${p14}-reasoning-body`, children: /* @__PURE__ */ jsx16(MarkdownView, { textSig: part.textSig, doneSig: part.doneSig }) })
   ] });
 }
 function partKey(part) {
@@ -3775,29 +4648,38 @@ function partKey(part) {
   }
 }
 function TypingDots() {
-  return /* @__PURE__ */ jsxs9("span", { class: `${p10}-typing`, "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx12("span", {}),
-    /* @__PURE__ */ jsx12("span", {}),
-    /* @__PURE__ */ jsx12("span", {})
+  return /* @__PURE__ */ jsxs13("span", { class: `${p14}-typing`, "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx16("span", {}),
+    /* @__PURE__ */ jsx16("span", {}),
+    /* @__PURE__ */ jsx16("span", {})
   ] });
 }
 function LoadingSpinner({ 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 })
+  return /* @__PURE__ */ jsxs13("span", { class: `${p14}-loading`, role: "status", children: [
+    /* @__PURE__ */ jsx16("span", { class: `${p14}-loading-spinner`, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx16("span", { class: `${p14}-loading-label`, children: label })
   ] });
 }
 
 // src/ui/message-list.tsx
-import { jsx as jsx13, jsxs as jsxs10 } from "preact/jsx-runtime";
-var p11 = BRAND.cssPrefix;
+import { jsx as jsx17, jsxs as jsxs14 } from "preact/jsx-runtime";
+var p15 = BRAND.cssPrefix;
 var STICK_THRESHOLD = 120;
 var DIVIDER_IDLE_MS = 1200;
-function MessageList({ messagesSig, strings, responseMode, showReasoning, showToolCalls, loading }) {
+function MessageList({
+  messagesSig,
+  strings,
+  responseMode,
+  showReasoning,
+  showToolCalls,
+  loading,
+  idle,
+  tool
+}) {
   const ref = useRef5(null);
-  const messages = useComputed3(() => messagesSig.value);
-  const [showJump, setShowJump] = useState5(false);
-  const [scrolling, setScrolling] = useState5(false);
+  const messages = useComputed5(() => messagesSig.value);
+  const [showJump, setShowJump] = useState6(false);
+  const [scrolling, setScrolling] = useState6(false);
   const hasHydratedRef = useRef5(false);
   const firstMessageId = messages.value[0]?.id;
   useLayoutEffect(() => {
@@ -3852,18 +4734,18 @@ function MessageList({ messagesSig, strings, responseMode, showReasoning, showTo
     const el = ref.current;
     if (!el) return;
     const syncJump = () => setShowJump(el.scrollHeight - el.scrollTop - el.clientHeight > STICK_THRESHOLD * 2);
-    let idle;
+    let idleTimer;
     const onScroll = () => {
       syncJump();
       setScrolling(true);
-      clearTimeout(idle);
-      idle = setTimeout(() => setScrolling(false), DIVIDER_IDLE_MS);
+      clearTimeout(idleTimer);
+      idleTimer = setTimeout(() => setScrolling(false), DIVIDER_IDLE_MS);
     };
     el.addEventListener("scroll", onScroll, { passive: true });
     syncJump();
     return () => {
       el.removeEventListener("scroll", onScroll);
-      clearTimeout(idle);
+      clearTimeout(idleTimer);
     };
   }, []);
   const jumpToBottom = () => {
@@ -3872,54 +4754,57 @@ function MessageList({ messagesSig, strings, responseMode, showReasoning, showTo
   };
   const rows = [];
   let prevDay = "";
+  const lastId = messages.value.at(-1)?.id;
   for (const m of messages.value) {
     const day = dayKey(m.createdAt);
     if (day && day !== prevDay) {
       rows.push(
-        /* @__PURE__ */ jsx13("div", { class: `${p11}-date-divider`, children: /* @__PURE__ */ jsx13("span", { class: `${p11}-date-pill`, title: fullDate(m.createdAt), children: dayLabel(m.createdAt, strings) }) }, `day:${day}`)
+        /* @__PURE__ */ jsx17("div", { class: `${p15}-date-divider`, children: /* @__PURE__ */ jsx17("span", { class: `${p15}-date-pill`, title: fullDate(m.createdAt), children: dayLabel(m.createdAt, strings) }) }, `day:${day}`)
       );
       prevDay = day;
     }
     rows.push(
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx17(
         MessageBubble,
         {
           message: m,
           strings,
           responseMode,
           showReasoning,
-          showToolCalls
+          showToolCalls,
+          interactive: Boolean(idle) && m.id === lastId,
+          tool
         },
         m.id
       )
     );
   }
-  return /* @__PURE__ */ jsxs10("div", { class: `${p11}-list-wrap`, children: [
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs14("div", { class: `${p15}-list-wrap`, children: [
+    /* @__PURE__ */ jsxs14(
       "div",
       {
         ref,
-        class: `${p11}-list`,
+        class: `${p15}-list`,
         role: "log",
         "aria-live": "polite",
         "aria-relevant": "additions text",
         "data-scrolling": scrolling ? "true" : void 0,
         children: [
-          loading && messages.value.length === 0 ? /* @__PURE__ */ jsx13("div", { class: `${p11}-list-loading`, role: "status", children: strings.messagesLoading }) : null,
+          loading && messages.value.length === 0 ? /* @__PURE__ */ jsx17("div", { class: `${p15}-list-loading`, role: "status", children: strings.messagesLoading }) : null,
           rows
         ]
       }
     ),
-    showJump ? /* @__PURE__ */ jsx13(
+    showJump ? /* @__PURE__ */ jsx17(
       "button",
       {
         type: "button",
-        class: `${p11}-jump`,
+        class: `${p15}-jump`,
         onClick: jumpToBottom,
         "aria-label": strings.scrollToBottom,
         title: strings.scrollToBottom,
         "data-testid": TID.scrollToBottom,
-        children: /* @__PURE__ */ jsx13(ChevronDownIcon, {})
+        children: /* @__PURE__ */ jsx17(ChevronDownIcon, {})
       }
     ) : null
   ] });
@@ -3948,7 +4833,7 @@ function dayLabel(createdAt, strings) {
 }
 
 // src/ui/conversation-list.tsx
-import { useEffect as useEffect9, useState as useState6 } from "preact/hooks";
+import { useEffect as useEffect9, useState as useState7 } from "preact/hooks";
 
 // src/ui/history-groups.ts
 var HISTORY_BUCKETS = ["today", "yesterday", "lastWeek", "older"];
@@ -3978,7 +4863,7 @@ function startOfDay(ms) {
 }
 
 // src/ui/conversation-list.tsx
-import { Fragment, jsx as jsx14, jsxs as jsxs11 } from "preact/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx18, jsxs as jsxs15 } from "preact/jsx-runtime";
 var log11 = logger.scope("history");
 var BUCKET_TO_STRING = {
   today: "dateToday",
@@ -3987,9 +4872,9 @@ var BUCKET_TO_STRING = {
   older: "dateOlder"
 };
 function ConversationList({ transport, strings, visitorId, onSelect, onNewChat }) {
-  const p29 = BRAND.cssPrefix;
-  const [state, setState] = useState6("loading");
-  const [sessions, setChats] = useState6([]);
+  const p33 = BRAND.cssPrefix;
+  const [state, setState] = useState7("loading");
+  const [sessions, setChats] = useState7([]);
   useEffect9(() => {
     let cancelled = false;
     transport.listSessions({ visitorId }).then((res) => {
@@ -4005,38 +4890,38 @@ function ConversationList({ transport, strings, visitorId, onSelect, onNewChat }
       cancelled = true;
     };
   }, [transport, visitorId]);
-  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, {}),
+  const newChatButton = onNewChat ? /* @__PURE__ */ jsx18("div", { class: `${p33}-history-footer`, children: /* @__PURE__ */ jsxs15("button", { type: "button", class: `${p33}-history-new`, onClick: onNewChat, "data-testid": TID.sidebarNewChat, children: [
+    /* @__PURE__ */ jsx18(PlusIcon, {}),
     strings.historyNewChat
   ] }) }) : null;
   if (state === "loading") {
-    return /* @__PURE__ */ jsxs11(Fragment, { children: [
-      /* @__PURE__ */ jsx14("div", { class: `${p29}-history-empty`, children: strings.historyLoading }),
+    return /* @__PURE__ */ jsxs15(Fragment2, { children: [
+      /* @__PURE__ */ jsx18("div", { class: `${p33}-history-empty`, children: strings.historyLoading }),
       newChatButton
     ] });
   }
   if (state === "error" || sessions.length === 0) {
-    return /* @__PURE__ */ jsxs11(Fragment, { children: [
-      /* @__PURE__ */ jsx14("div", { class: `${p29}-history-empty`, children: strings.historyEmpty }),
+    return /* @__PURE__ */ jsxs15(Fragment2, { children: [
+      /* @__PURE__ */ jsx18("div", { class: `${p33}-history-empty`, children: strings.historyEmpty }),
       newChatButton
     ] });
   }
   const groups = groupByBucket(Date.now(), sessions);
-  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(
+  return /* @__PURE__ */ jsxs15(Fragment2, { children: [
+    /* @__PURE__ */ jsx18("div", { class: `${p33}-history`, role: "list", children: groups.map((group) => /* @__PURE__ */ jsxs15("div", { class: `${p33}-history-group`, children: [
+      /* @__PURE__ */ jsx18("div", { class: `${p33}-history-heading`, children: strings[BUCKET_TO_STRING[group.bucket]] }),
+      group.sessions.map((chat) => /* @__PURE__ */ jsxs15(
         "button",
         {
           type: "button",
           role: "listitem",
-          class: `${p29}-history-item`,
+          class: `${p33}-history-item`,
           onClick: () => onSelect(chat),
           "data-closed": chat.canContinue ? void 0 : "true",
           "data-testid": tid(TID.historyItem, chat.sessionId),
           children: [
-            /* @__PURE__ */ jsx14("span", { class: `${p29}-history-title`, children: chat.title }),
-            chat.preview ? /* @__PURE__ */ jsx14("span", { class: `${p29}-history-preview`, children: chat.preview }) : null
+            /* @__PURE__ */ jsx18("span", { class: `${p33}-history-title`, children: chat.title }),
+            chat.preview ? /* @__PURE__ */ jsx18("span", { class: `${p33}-history-preview`, children: chat.preview }) : null
           ]
         },
         chat.sessionId
@@ -4047,21 +4932,21 @@ function ConversationList({ transport, strings, visitorId, onSelect, onNewChat }
 }
 
 // src/ui/chat-history-pane.tsx
-import { jsx as jsx15 } from "preact/jsx-runtime";
+import { jsx as jsx19 } from "preact/jsx-runtime";
 function ChatHistoryPane(props2) {
-  return /* @__PURE__ */ jsx15(ConversationList, { ...props2 });
+  return /* @__PURE__ */ jsx19(ConversationList, { ...props2 });
 }
 
 // src/ui/suggestions.tsx
-import { jsx as jsx16 } from "preact/jsx-runtime";
-var p12 = BRAND.cssPrefix;
+import { jsx as jsx20 } from "preact/jsx-runtime";
+var p16 = BRAND.cssPrefix;
 function Suggestions({ suggestions, onPick }) {
   if (suggestions.length === 0) return null;
-  return /* @__PURE__ */ jsx16("div", { class: `${p12}-suggestions`, role: "group", "aria-label": "Suggested replies", children: suggestions.map((s, i) => /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx20("div", { class: `${p16}-suggestions`, role: "group", "aria-label": "Suggested replies", children: suggestions.map((s, i) => /* @__PURE__ */ jsx20(
     "button",
     {
       type: "button",
-      class: `${p12}-suggestion`,
+      class: `${p16}-suggestion`,
       onClick: () => onPick(s),
       "data-testid": tid(TID.suggestion, i),
       children: s.label
@@ -4071,8 +4956,8 @@ function Suggestions({ suggestions, onPick }) {
 }
 
 // src/ui/panel.tsx
-import { Fragment as Fragment2, jsx as jsx17, jsxs as jsxs12 } from "preact/jsx-runtime";
-var p13 = BRAND.cssPrefix;
+import { Fragment as Fragment3, jsx as jsx21, jsxs as jsxs16 } from "preact/jsx-runtime";
+var p17 = BRAND.cssPrefix;
 function Panel(props2) {
   const { options, onClose } = props2;
   const s = options.strings;
@@ -4096,18 +4981,18 @@ function Panel(props2) {
   }, []);
   const { visible: dragOver } = useFileDrop({ containerRef, onDrop: onDropItems });
   useDragMove(containerRef.current, options.mode === "modal");
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       ref: containerRef,
-      class: `${p13}-panel`,
+      class: `${p17}-panel`,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": s.panelTitle,
       style: { position: "relative" },
       "data-testid": TID.panel,
       children: [
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx21(
           PanelContent,
           {
             ...props2,
@@ -4116,7 +5001,7 @@ function Panel(props2) {
             composerAttachApiRef
           }
         ),
-        /* @__PURE__ */ jsx17(PoweredByBar, { poweredBy: props2.options.poweredBy })
+        /* @__PURE__ */ jsx21(PoweredByBar, { poweredBy: props2.options.poweredBy })
       ]
     }
   );
@@ -4147,13 +5032,39 @@ function PanelContent(props2) {
     onSend,
     onStop,
     onSuggestion,
+    intakePending,
+    onIntakeComplete,
+    tool,
     containerEl,
     dragOver,
     composerAttachApiRef
   } = props2;
   const s = options.strings;
-  return /* @__PURE__ */ jsxs12(Fragment2, { children: [
-    view === "history" ? /* @__PURE__ */ jsx17(
+  let composerArea;
+  if (intakePending) {
+    composerArea = /* @__PURE__ */ jsx21(IntakeGate, { intake: options.intake, strings: s, onComplete: onIntakeComplete });
+  } else if (canSend) {
+    composerArea = /* @__PURE__ */ jsxs16(Fragment3, { children: [
+      /* @__PURE__ */ jsx21(Suggestions, { suggestions, onPick: onSuggestion }),
+      /* @__PURE__ */ jsx21(
+        Composer,
+        {
+          options,
+          transport,
+          feedback,
+          bus,
+          isStreaming,
+          onSend,
+          onStop,
+          attachApiRef: composerAttachApiRef
+        }
+      )
+    ] });
+  } else {
+    composerArea = /* @__PURE__ */ jsx21(ReadOnlyBanner, { label: s.chatClosed, ctaLabel: s.startNewConversation, onNewChat: onClear });
+  }
+  return /* @__PURE__ */ jsxs16(Fragment3, { children: [
+    view === "history" ? /* @__PURE__ */ jsx21(
       HistoryHeader,
       {
         strings: s,
@@ -4161,22 +5072,22 @@ function PanelContent(props2) {
         onClose,
         showClose: canShowClose(options.mode, panelSize, options.actions)
       }
-    ) : /* @__PURE__ */ jsxs12("header", { class: `${p13}-header`, "data-testid": TID.panelHeader, children: [
-      onBack ? /* @__PURE__ */ jsx17(
+    ) : /* @__PURE__ */ jsxs16("header", { class: `${p17}-header`, "data-testid": TID.panelHeader, children: [
+      onBack ? /* @__PURE__ */ jsx21(
         "button",
         {
           type: "button",
-          class: `${p13}-icon-btn`,
+          class: `${p17}-icon-btn`,
           onClick: onBack,
           "aria-label": s.moduleBack,
           title: s.moduleBack,
-          children: /* @__PURE__ */ jsx17(BackIcon, {})
+          children: /* @__PURE__ */ jsx21(BackIcon, {})
         }
       ) : null,
-      agent ? /* @__PURE__ */ jsx17(AgentBadge, { agent }) : /* @__PURE__ */ jsx17("h1", { children: s.panelTitle }),
-      /* @__PURE__ */ jsx17(HeaderActions, { panelProps: props2, variant: "chat" })
+      agent ? /* @__PURE__ */ jsx21(AgentBadge, { agent }) : /* @__PURE__ */ jsx21("h1", { children: s.panelTitle }),
+      /* @__PURE__ */ jsx21(HeaderActions, { panelProps: props2, variant: "chat" })
     ] }),
-    view === "history" ? /* @__PURE__ */ jsx17(
+    view === "history" ? /* @__PURE__ */ jsx21(
       ChatHistoryPane,
       {
         transport,
@@ -4185,9 +5096,9 @@ function PanelContent(props2) {
         onSelect: (chat) => onSelectHistoryChat(chat.sessionId),
         onNewChat
       }
-    ) : /* @__PURE__ */ jsxs12(Fragment2, { children: [
-      /* @__PURE__ */ jsx17(DropZone, { visible: dragOver, strings: s }),
-      /* @__PURE__ */ jsx17(
+    ) : /* @__PURE__ */ jsxs16(Fragment3, { children: [
+      /* @__PURE__ */ jsx21(DropZone, { visible: dragOver, strings: s }),
+      /* @__PURE__ */ jsx21(
         MessageList,
         {
           messagesSig,
@@ -4195,28 +5106,15 @@ function PanelContent(props2) {
           responseMode: options.responseMode,
           showReasoning: options.showReasoning,
           showToolCalls: options.showToolCalls,
-          loading: loadingMessages
+          loading: loadingMessages,
+          idle: !isStreaming,
+          tool
         }
       ),
-      canSend ? /* @__PURE__ */ jsxs12(Fragment2, { children: [
-        /* @__PURE__ */ jsx17(Suggestions, { suggestions, onPick: onSuggestion }),
-        /* @__PURE__ */ jsx17(
-          Composer,
-          {
-            options,
-            transport,
-            feedback,
-            bus,
-            isStreaming,
-            onSend,
-            onStop,
-            attachApiRef: composerAttachApiRef
-          }
-        )
-      ] }) : /* @__PURE__ */ jsx17(ReadOnlyBanner, { label: s.chatClosed, ctaLabel: s.startNewConversation, onNewChat: onClear }),
-      /* @__PURE__ */ jsx17(ComposerFooter, { disclaimer: options.composerDisclaimer })
+      composerArea,
+      /* @__PURE__ */ jsx21(ComposerFooter, { disclaimer: options.composerDisclaimer })
     ] }),
-    options.size.resize?.enabled ? /* @__PURE__ */ jsx17(
+    options.size.resize?.enabled ? /* @__PURE__ */ jsx21(
       ResizeGrip,
       {
         panelEl: containerEl,
@@ -4235,86 +5133,86 @@ function HistoryHeader({
   onClose,
   showClose
 }) {
-  return /* @__PURE__ */ jsxs12("header", { class: `${p13}-header`, children: [
-    /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs16("header", { class: `${p17}-header`, children: [
+    /* @__PURE__ */ jsx21(
       "button",
       {
         type: "button",
-        class: `${p13}-icon-btn`,
+        class: `${p17}-icon-btn`,
         onClick: onBack,
         "aria-label": strings.historyBack,
         title: strings.historyBack,
-        children: /* @__PURE__ */ jsx17(BackIcon, {})
+        children: /* @__PURE__ */ jsx21(BackIcon, {})
       }
     ),
-    /* @__PURE__ */ jsx17("h1", { children: strings.historyTitle }),
-    showClose ? /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx21("h1", { children: strings.historyTitle }),
+    showClose ? /* @__PURE__ */ jsx21(
       "button",
       {
         type: "button",
-        class: `${p13}-icon-btn`,
+        class: `${p17}-icon-btn`,
         onClick: onClose,
         "aria-label": strings.close,
         title: strings.close,
-        children: /* @__PURE__ */ jsx17(CloseIcon, {})
+        children: /* @__PURE__ */ jsx21(CloseIcon, {})
       }
     ) : null
   ] });
 }
 function ReadOnlyBanner({ label, ctaLabel, onNewChat }) {
-  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 })
+  return /* @__PURE__ */ jsxs16("div", { class: `${p17}-readonly-banner`, role: "note", children: [
+    /* @__PURE__ */ jsx21("span", { class: `${p17}-readonly-label`, children: label }),
+    /* @__PURE__ */ jsx21("button", { type: "button", class: `${p17}-readonly-cta`, onClick: onNewChat, children: ctaLabel })
   ] });
 }
 function ComposerFooter({ disclaimer }) {
   if (!disclaimer) return null;
-  return /* @__PURE__ */ jsx17("div", { class: `${p13}-composer-footer`, children: /* @__PURE__ */ jsx17("div", { class: `${p13}-disclaimer`, children: disclaimer }) });
+  return /* @__PURE__ */ jsx21("div", { class: `${p17}-composer-footer`, children: /* @__PURE__ */ jsx21("div", { class: `${p17}-disclaimer`, children: disclaimer }) });
 }
 function PoweredByBar({ poweredBy }) {
   if (!poweredBy) return null;
-  return /* @__PURE__ */ jsx17("div", { class: `${p13}-poweredby-bar`, children: /* @__PURE__ */ jsx17(PoweredBy, { logoUrl: poweredBy.logoUrl, text: poweredBy.text, href: poweredBy.href }) });
+  return /* @__PURE__ */ jsx21("div", { class: `${p17}-poweredby-bar`, children: /* @__PURE__ */ jsx21(PoweredBy, { logoUrl: poweredBy.logoUrl, text: poweredBy.text, href: poweredBy.href }) });
 }
 function PoweredBy({ logoUrl, text, href }) {
-  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
+  const inner = /* @__PURE__ */ jsxs16(Fragment3, { children: [
+    logoUrl ? /* @__PURE__ */ jsx21("img", { class: `${p17}-poweredby-logo`, src: logoUrl, alt: "", loading: "lazy" }) : null,
+    text ? /* @__PURE__ */ jsx21("span", { children: text }) : null
   ] });
   if (href) {
-    return /* @__PURE__ */ jsx17("a", { class: `${p13}-poweredby`, href, target: "_blank", rel: "noopener noreferrer", children: inner });
+    return /* @__PURE__ */ jsx21("a", { class: `${p17}-poweredby`, href, target: "_blank", rel: "noopener noreferrer", children: inner });
   }
-  return /* @__PURE__ */ jsx17("span", { class: `${p13}-poweredby`, children: inner });
+  return /* @__PURE__ */ jsx21("span", { class: `${p17}-poweredby`, children: inner });
 }
 
 // src/ui/sidebar.tsx
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs13 } from "preact/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx22, jsxs as jsxs17 } from "preact/jsx-runtime";
 function Sidebar(props2) {
-  const p29 = BRAND.cssPrefix;
+  const p33 = 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__ */ 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(
+  return /* @__PURE__ */ jsxs17("aside", { class: `${p33}-sidebar`, "data-collapsed": collapsed ? "true" : "false", "data-testid": TID.sidebar, children: [
+    /* @__PURE__ */ jsxs17("div", { class: `${p33}-sidebar-header`, children: [
+      /* @__PURE__ */ jsx22(SidebarBrand, { site }),
+      /* @__PURE__ */ jsx22(
         "button",
         {
           type: "button",
-          class: `${p29}-sidebar-toggle`,
+          class: `${p33}-sidebar-toggle`,
           "aria-label": toggleLabel,
           "aria-expanded": collapsed ? "false" : "true",
           title: toggleLabel,
           onClick: props2.onToggleCollapsed,
           "data-testid": TID.sidebarToggle,
-          children: /* @__PURE__ */ jsx18(SidebarToggleIcon, { collapsed })
+          children: /* @__PURE__ */ jsx22(SidebarToggleIcon, { collapsed })
         }
       )
     ] }),
-    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(
+    collapsed ? null : /* @__PURE__ */ jsxs17(Fragment4, { children: [
+      navigation.length > 0 ? /* @__PURE__ */ jsx22("nav", { class: `${p33}-sidebar-section`, "data-section": "navigation", children: /* @__PURE__ */ jsx22(SidebarNav, { items: navigation }) }) : null,
+      linkCards.length > 0 ? /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-section`, "data-section": "link-cards", children: /* @__PURE__ */ jsx22(SidebarCards, { items: linkCards }) }) : null,
+      props2.showConversations ? /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-conversations`, children: /* @__PURE__ */ jsx22(
         ConversationList,
         {
           transport: props2.transport,
@@ -4328,18 +5226,18 @@ function Sidebar(props2) {
   ] });
 }
 function SidebarBrand({ site }) {
-  const p29 = BRAND.cssPrefix;
+  const p33 = BRAND.cssPrefix;
   if (site?.logo?.url) {
     const alt = site.logo.alt ?? site.title ?? "Logo";
-    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__ */ jsxs17("picture", { children: [
+      site.logoDark?.url ? /* @__PURE__ */ jsx22("source", { srcset: site.logoDark.url, media: "(prefers-color-scheme: dark)" }) : null,
+      /* @__PURE__ */ jsx22("img", { class: `${p33}-sidebar-logo`, src: site.logo.url, alt })
     ] });
   }
-  return /* @__PURE__ */ jsx18("div", { class: `${p29}-sidebar-title`, children: site?.title ?? BRAND.name });
+  return /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-title`, children: site?.title ?? BRAND.name });
 }
 function SidebarToggleIcon({ collapsed }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx22(
     "svg",
     {
       width: "16",
@@ -4349,38 +5247,38 @@ function SidebarToggleIcon({ collapsed }) {
       stroke: "currentColor",
       "stroke-width": "2",
       "aria-hidden": "true",
-      children: collapsed ? /* @__PURE__ */ jsx18("polyline", { points: "9 6 15 12 9 18" }) : /* @__PURE__ */ jsx18("polyline", { points: "15 6 9 12 15 18" })
+      children: collapsed ? /* @__PURE__ */ jsx22("polyline", { points: "9 6 15 12 9 18" }) : /* @__PURE__ */ jsx22("polyline", { points: "15 6 9 12 15 18" })
     }
   );
 }
 function SidebarNav({ items }) {
-  const p29 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsx18("ul", { class: `${p29}-sidebar-nav`, children: items.map((item) => /* @__PURE__ */ jsx18("li", { children: /* @__PURE__ */ jsxs13(
+  const p33 = BRAND.cssPrefix;
+  return /* @__PURE__ */ jsx22("ul", { class: `${p33}-sidebar-nav`, children: items.map((item) => /* @__PURE__ */ jsx22("li", { children: /* @__PURE__ */ jsxs17(
     "a",
     {
-      class: `${p29}-sidebar-nav-item`,
+      class: `${p33}-sidebar-nav-item`,
       href: item.href,
       target: item.href ? "_blank" : void 0,
       rel: item.href ? "noreferrer" : void 0,
       children: [
-        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.icon ? /* @__PURE__ */ jsx22("span", { class: `${p33}-sidebar-nav-icon`, "data-icon": item.icon }) : null,
+        /* @__PURE__ */ jsx22("span", { class: `${p33}-sidebar-nav-label`, children: item.label })
       ]
     }
   ) }, item.id ?? item.label)) });
 }
 function SidebarCards({ items }) {
-  const p29 = BRAND.cssPrefix;
-  return /* @__PURE__ */ jsx18("div", { class: `${p29}-sidebar-cards`, children: items.map((item) => /* @__PURE__ */ jsxs13(
+  const p33 = BRAND.cssPrefix;
+  return /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-cards`, children: items.map((item) => /* @__PURE__ */ jsxs17(
     "a",
     {
-      class: `${p29}-sidebar-card`,
+      class: `${p33}-sidebar-card`,
       href: item.href,
       target: item.href ? "_blank" : void 0,
       rel: item.href ? "noreferrer" : void 0,
       children: [
-        /* @__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
+        /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-card-label`, children: item.label }),
+        item.description ? /* @__PURE__ */ jsx22("div", { class: `${p33}-sidebar-card-desc`, children: item.description }) : null
       ]
     },
     item.id ?? item.label
@@ -4388,11 +5286,11 @@ function SidebarCards({ items }) {
 }
 
 // src/ui/page-shell.tsx
-import { jsx as jsx19, jsxs as jsxs14 } from "preact/jsx-runtime";
-var p14 = BRAND.cssPrefix;
+import { jsx as jsx23, jsxs as jsxs18 } from "preact/jsx-runtime";
+var p18 = BRAND.cssPrefix;
 function PageShell(props2) {
-  return /* @__PURE__ */ jsxs14("main", { class: `${p14}-page-shell`, "data-sidebar-collapsed": props2.sidebarCollapsed ? "true" : "false", children: [
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs18("main", { class: `${p18}-page-shell`, "data-sidebar-collapsed": props2.sidebarCollapsed ? "true" : "false", children: [
+    /* @__PURE__ */ jsx23(
       Sidebar,
       {
         site: props2.site,
@@ -4407,7 +5305,7 @@ function PageShell(props2) {
         onToggleCollapsed: props2.onToggleSidebarCollapsed
       }
     ),
-    /* @__PURE__ */ jsx19("section", { class: `${p14}-page-chat`, "aria-label": "Chat", children: props2.children })
+    /* @__PURE__ */ jsx23("section", { class: `${p18}-page-chat`, "aria-label": "Chat", children: props2.children })
   ] });
 }
 
@@ -4445,7 +5343,7 @@ var atTabRoot = (s) => activeStack(s).length === 0;
 
 // src/ui/messenger-home.tsx
 import { useCallback as useCallback4, useEffect as useEffect15, useRef as useRef7 } from "preact/hooks";
-import { useComputed as useComputed4 } from "@preact/signals";
+import { useComputed as useComputed6 } from "@preact/signals";
 
 // src/ui/modules/messages.tsx
 var chatLayout = {
@@ -4454,83 +5352,83 @@ var chatLayout = {
 };
 
 // src/ui/modules/help.tsx
-import { useEffect as useEffect11, useMemo as useMemo2, useState as useState7 } from "preact/hooks";
+import { useEffect as useEffect11, useMemo as useMemo2, useState as useState8 } from "preact/hooks";
 
 // src/ui/back-header.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "preact/jsx-runtime";
-var p15 = BRAND.cssPrefix;
+import { jsx as jsx24, jsxs as jsxs19 } from "preact/jsx-runtime";
+var p19 = 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" })
+  return /* @__PURE__ */ jsxs19("header", { class: `${p19}-back-header`, "data-variant": "title", children: [
+    /* @__PURE__ */ jsx24("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx24("h1", { class: `${p19}-back-title`, children: title }),
+    actions ?? /* @__PURE__ */ jsx24("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" })
   ] });
 }
 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" })
+  return /* @__PURE__ */ jsxs19("header", { class: `${p19}-back-header`, "data-testid": testid, children: [
+    /* @__PURE__ */ jsx24("button", { type: "button", class: `${p19}-icon-btn`, onClick: onBack, "aria-label": backLabel, title: backLabel, children: /* @__PURE__ */ jsx24(BackIcon, {}) }),
+    /* @__PURE__ */ jsx24("h1", { class: `${p19}-back-title`, children: title }),
+    actions ?? /* @__PURE__ */ jsx24("span", { class: `${p19}-back-spacer`, "aria-hidden": "true" })
   ] });
 }
 
 // src/ui/home-search.tsx
-import { jsx as jsx21, jsxs as jsxs16 } from "preact/jsx-runtime";
-var p16 = BRAND.cssPrefix;
+import { jsx as jsx25, jsxs as jsxs20 } from "preact/jsx-runtime";
+var p20 = BRAND.cssPrefix;
 function HomeSearchButton({ placeholder, onActivate }) {
-  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, {}) })
+  return /* @__PURE__ */ jsxs20("button", { type: "button", class: `${p20}-home-search`, onClick: onActivate, "data-testid": TID.homeSearch, children: [
+    /* @__PURE__ */ jsx25("span", { class: `${p20}-home-search-text`, children: placeholder }),
+    /* @__PURE__ */ jsx25("span", { class: `${p20}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx25(SearchIcon, {}) })
   ] });
 }
 function HelpSearchInput({ placeholder, value, onInput }) {
-  return /* @__PURE__ */ jsxs16("div", { class: `${p16}-home-search`, "data-input": "true", children: [
-    /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs20("div", { class: `${p20}-home-search`, "data-input": "true", children: [
+    /* @__PURE__ */ jsx25(
       "input",
       {
         type: "search",
-        class: `${p16}-home-search-input`,
+        class: `${p20}-home-search-input`,
         placeholder,
         value,
         onInput: (e) => onInput(e.currentTarget.value),
         "data-testid": TID.helpSearch
       }
     ),
-    /* @__PURE__ */ jsx21("span", { class: `${p16}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx21(SearchIcon, {}) })
+    /* @__PURE__ */ jsx25("span", { class: `${p20}-home-search-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx25(SearchIcon, {}) })
   ] });
 }
 
 // src/ui/list-row.tsx
-import { jsx as jsx22, jsxs as jsxs17 } from "preact/jsx-runtime";
-var p17 = BRAND.cssPrefix;
+import { jsx as jsx26, jsxs as jsxs21 } from "preact/jsx-runtime";
+var p21 = BRAND.cssPrefix;
 function ListRow({ title, subtitle, onClick, testid }) {
-  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
+  return /* @__PURE__ */ jsxs21("button", { type: "button", class: `${p21}-list-row`, onClick, "data-testid": testid, children: [
+    /* @__PURE__ */ jsxs21("span", { class: `${p21}-list-row-body`, children: [
+      /* @__PURE__ */ jsx26("span", { class: `${p21}-list-row-title`, children: title }),
+      subtitle ? /* @__PURE__ */ jsx26("span", { class: `${p21}-list-row-sub`, children: subtitle }) : null
     ] }),
-    /* @__PURE__ */ jsx22("span", { class: `${p17}-list-row-chevron`, "aria-hidden": "true", children: /* @__PURE__ */ jsx22(ChevronRightIcon, {}) })
+    /* @__PURE__ */ jsx26("span", { class: `${p21}-list-row-chevron`, "aria-hidden": "true", children: /* @__PURE__ */ jsx26(ChevronRightIcon, {}) })
   ] });
 }
 
 // src/ui/module-state.tsx
-import { jsx as jsx23, jsxs as jsxs18 } from "preact/jsx-runtime";
-var p18 = BRAND.cssPrefix;
+import { jsx as jsx27, jsxs as jsxs22 } from "preact/jsx-runtime";
+var p22 = BRAND.cssPrefix;
 function ModuleState({
   tone = "info",
   message,
   onRetry,
   strings
 }) {
-  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
+  return /* @__PURE__ */ jsxs22("div", { class: `${p22}-module-empty`, role: tone === "error" ? "alert" : "status", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx27("span", { children: message }),
+    onRetry ? /* @__PURE__ */ jsx27("button", { type: "button", class: `${p22}-module-retry`, onClick: onRetry, children: strings.errorRetry }) : null
   ] });
 }
 
 // src/ui/modules/help.tsx
-import { jsx as jsx24, jsxs as jsxs19 } from "preact/jsx-runtime";
-var p19 = BRAND.cssPrefix;
+import { jsx as jsx28, jsxs as jsxs23 } from "preact/jsx-runtime";
+var p23 = BRAND.cssPrefix;
 var log12 = logger.scope("help");
 var openArticle = (nav, a) => a.url ? nav.push({ kind: "iframe", url: a.url, title: a.title }) : nav.push({ kind: "content", id: a.id, title: a.title });
 function groupByCategory(items) {
@@ -4559,7 +5457,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__ */ jsx24(
+  return /* @__PURE__ */ jsx28(
     ListRow,
     {
       title: article.title,
@@ -4571,11 +5469,11 @@ function ArticleRow({ article, nav }) {
 }
 function HelpRoot({ transport, strings, config, nav, panelProps }) {
   const tags = config.contentTags;
-  const [state, setState] = useState7("loading");
-  const [errorMsg, setErrorMsg] = useState7(strings.errorGeneric);
-  const [items, setItems] = useState7([]);
-  const [query, setQuery] = useState7("");
-  const [reloadKey, setReloadKey] = useState7(0);
+  const [state, setState] = useState8("loading");
+  const [errorMsg, setErrorMsg] = useState8(strings.errorGeneric);
+  const [items, setItems] = useState8([]);
+  const [query, setQuery] = useState8("");
+  const [reloadKey, setReloadKey] = useState8(0);
   useEffect11(() => {
     let cancelled = false;
     setState("loading");
@@ -4596,46 +5494,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__ */ 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 (results.length === 0) return /* @__PURE__ */ jsx28(ModuleState, { message: strings.helpSearchEmpty, strings });
+      return /* @__PURE__ */ jsx28("div", { class: `${p23}-help-card`, children: results.map((a) => /* @__PURE__ */ jsx28(ArticleRow, { article: a, nav }, a.id)) });
     }
-    if (state === "loading") return /* @__PURE__ */ jsx24(ModuleState, { message: strings.helpLoading, strings });
+    if (state === "loading") return /* @__PURE__ */ jsx28(ModuleState, { message: strings.helpLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx24(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
+      return /* @__PURE__ */ jsx28(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
-    if (items.length === 0) return /* @__PURE__ */ 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)) })
+    if (items.length === 0) return /* @__PURE__ */ jsx28(ModuleState, { message: strings.helpEmpty, strings });
+    return groupByCategory(items).map(([category, rows]) => /* @__PURE__ */ jsxs23("section", { class: `${p23}-help-group`, children: [
+      category ? /* @__PURE__ */ jsx28("h2", { class: `${p23}-help-section-title`, children: category }) : null,
+      /* @__PURE__ */ jsx28("div", { class: `${p23}-help-card`, children: rows.map((a) => /* @__PURE__ */ jsx28(ArticleRow, { article: a, nav }, a.id)) })
     ] }, category));
   }
-  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() })
+  return /* @__PURE__ */ jsxs23("div", { class: `${p23}-module`, children: [
+    /* @__PURE__ */ jsx28(TitleBar, { title: strings.helpTitle, actions: /* @__PURE__ */ jsx28(HeaderActions, { panelProps, variant: "plain" }) }),
+    /* @__PURE__ */ jsx28("div", { class: `${p23}-module-pad`, children: /* @__PURE__ */ jsx28(HelpSearchInput, { placeholder: strings.helpSearchPlaceholder, value: query, onInput: setQuery }) }),
+    /* @__PURE__ */ jsx28("div", { class: `${p23}-help-list`, children: renderBody() })
   ] });
 }
 var helpLayout = {
   Icon: HelpIcon,
-  Root: (props2) => /* @__PURE__ */ jsx24(HelpRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx28(HelpRoot, { ...props2 })
 };
 
 // src/ui/modules/home.tsx
-import { useEffect as useEffect12, useState as useState8 } from "preact/hooks";
+import { useEffect as useEffect12, useState as useState9 } from "preact/hooks";
 
 // src/ui/home-card.tsx
-import { jsx as jsx25 } from "preact/jsx-runtime";
-var p20 = BRAND.cssPrefix;
+import { jsx as jsx29 } from "preact/jsx-runtime";
+var p24 = BRAND.cssPrefix;
 function HomeCard({ onClick, children, testid }) {
   if (onClick) {
-    return /* @__PURE__ */ jsx25("button", { type: "button", class: `${p20}-home-card`, "data-interactive": "true", onClick, "data-testid": testid, children });
+    return /* @__PURE__ */ jsx29("button", { type: "button", class: `${p24}-home-card`, "data-interactive": "true", onClick, "data-testid": testid, children });
   }
-  return /* @__PURE__ */ jsx25("div", { class: `${p20}-home-card`, "data-testid": testid, children });
+  return /* @__PURE__ */ jsx29("div", { class: `${p24}-home-card`, "data-testid": testid, children });
 }
 
 // src/ui/modules/home.tsx
-import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs20 } from "preact/jsx-runtime";
-var p21 = BRAND.cssPrefix;
+import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs24 } from "preact/jsx-runtime";
+var p25 = BRAND.cssPrefix;
 var log13 = logger.scope("home");
 function resolveGreeting(props2) {
   const name = props2.options.userContext?.name;
@@ -4649,8 +5547,8 @@ function resolveGreeting(props2) {
 var openContent = (nav, item) => item.url ? nav.push({ kind: "iframe", url: item.url, title: item.title }) : nav.push({ kind: "content", id: item.id, title: item.title });
 function HomeRoot(props2) {
   const { transport, strings, config, nav, panelProps } = props2;
-  const [recent, setRecent] = useState8(null);
-  const [content, setContent] = useState8([]);
+  const [recent, setRecent] = useState9(null);
+  const [content, setContent] = useState9([]);
   const tagsKey = config.contentTags?.join(",");
   useEffect12(() => {
     if (!config.showRecentMessages) return;
@@ -4672,49 +5570,49 @@ function HomeRoot(props2) {
   const avatars = config.userAvatars ?? [];
   const status = config.status;
   const contentTitle = config.contentBlockTitle ? moduleLabel(strings, config.contentBlockTitle) : strings.homeContentTitle;
-  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" })
+  return /* @__PURE__ */ jsx30("div", { class: `${p25}-module ${p25}-home`, "data-testid": TID.homeView, children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-scroll`, children: [
+    /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-hero`, children: [
+      /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-hero-top`, children: [
+        config.brandName ? /* @__PURE__ */ jsx30("span", { class: `${p25}-home-brand`, "data-testid": TID.homeBrand, children: config.brandName }) : /* @__PURE__ */ jsx30("span", { class: `${p25}-home-brand-spacer`, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-hero-actions`, children: [
+          avatars.length > 0 ? /* @__PURE__ */ jsx30("div", { class: `${p25}-home-avatars`, children: avatars.map((a) => /* @__PURE__ */ jsx30("span", { class: `${p25}-home-avatar`, title: a.role ? `${a.name} \xB7 ${a.role}` : a.name, children: a.avatar ? /* @__PURE__ */ jsx30("img", { src: a.avatar, alt: "", loading: "lazy" }) : /* @__PURE__ */ jsx30("span", { children: initials(a.name) }) }, a.name)) }) : null,
+          /* @__PURE__ */ jsx30(HeaderActions, { panelProps, variant: "plain" })
         ] })
       ] }),
-      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
+      config.showGreeting !== false ? /* @__PURE__ */ jsxs24(Fragment5, { children: [
+        /* @__PURE__ */ jsx30("h1", { class: `${p25}-home-greeting`, "data-testid": TID.homeGreeting, children: greeting.title }),
+        greeting.subtitle ? /* @__PURE__ */ jsx30("p", { class: `${p25}-home-lead`, children: greeting.subtitle }) : null
       ] }) : null
     ] }),
-    /* @__PURE__ */ jsxs20("div", { class: `${p21}-home-cards`, children: [
-      config.showSearchBar !== false ? /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-cards`, children: [
+      config.showSearchBar !== false ? /* @__PURE__ */ jsx30(
         HomeSearchButton,
         {
           placeholder: strings.homeSearchPlaceholder,
           onActivate: () => nav.switchToLayout("help")
         }
       ) : 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 ? /* @__PURE__ */ jsx30(HomeCard, { onClick: () => nav.selectSession(recent.sessionId), testid: TID.homeRecent, children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-recent-row`, "data-unread": (recent.unreadCount ?? 0) > 0 ? "true" : void 0, children: [
+        /* @__PURE__ */ jsx30("span", { class: `${p25}-home-recent-avatar`, "aria-hidden": "true", children: /* @__PURE__ */ jsx30(BubblesIcon, {}) }),
+        /* @__PURE__ */ jsxs24("span", { class: `${p25}-home-recent-body`, children: [
+          /* @__PURE__ */ jsx30("span", { class: `${p25}-home-recent-title`, children: recent.title }),
+          recent.preview ? /* @__PURE__ */ jsx30("span", { class: `${p25}-home-recent-preview`, children: recent.preview }) : null
         ] }),
-        (recent.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx26("span", { class: `${p21}-home-recent-dot`, "aria-label": "Unread" }) : null
+        (recent.unreadCount ?? 0) > 0 ? /* @__PURE__ */ jsx30("span", { class: `${p25}-home-recent-dot`, "aria-label": "Unread" }) : null
       ] }) }) : null,
-      status ? /* @__PURE__ */ jsx26(
+      status ? /* @__PURE__ */ jsx30(
         HomeCard,
         {
           onClick: status.url ? () => nav.push({ kind: "iframe", url: status.url, title: status.text }) : void 0,
-          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 })
+          children: /* @__PURE__ */ jsxs24("div", { class: `${p25}-home-status`, "data-level": status.level ?? "operational", children: [
+            /* @__PURE__ */ jsx30("span", { class: `${p25}-home-status-icon`, "aria-hidden": "true", children: /* @__PURE__ */ jsx30(StatusOkIcon, {}) }),
+            /* @__PURE__ */ jsx30("span", { class: `${p25}-home-status-text`, children: status.text })
           ] })
         }
       ) : null,
-      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(
+      content.length > 0 ? /* @__PURE__ */ jsxs24("section", { class: `${p25}-home-content`, children: [
+        /* @__PURE__ */ jsx30("div", { class: `${p25}-home-content-title`, children: contentTitle }),
+        /* @__PURE__ */ jsx30("div", { class: `${p25}-home-content-list`, children: content.map((item) => /* @__PURE__ */ jsx30(
           ListRow,
           {
             title: item.title,
@@ -4730,20 +5628,20 @@ function HomeRoot(props2) {
 }
 var homeLayout = {
   Icon: HomeIcon,
-  Root: (props2) => /* @__PURE__ */ jsx26(HomeRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx30(HomeRoot, { ...props2 })
 };
 
 // src/ui/modules/news.tsx
-import { useEffect as useEffect13, useState as useState9 } from "preact/hooks";
-import { jsx as jsx27, jsxs as jsxs21 } from "preact/jsx-runtime";
-var p22 = BRAND.cssPrefix;
+import { useEffect as useEffect13, useState as useState10 } from "preact/hooks";
+import { jsx as jsx31, jsxs as jsxs25 } from "preact/jsx-runtime";
+var p26 = BRAND.cssPrefix;
 var log14 = logger.scope("news");
 function NewsRoot({ transport, strings, config, nav, panelProps }) {
   const tags = config.contentTags;
-  const [state, setState] = useState9("loading");
-  const [errorMsg, setErrorMsg] = useState9(strings.errorGeneric);
-  const [items, setItems] = useState9([]);
-  const [reloadKey, setReloadKey] = useState9(0);
+  const [state, setState] = useState10("loading");
+  const [errorMsg, setErrorMsg] = useState10(strings.errorGeneric);
+  const [items, setItems] = useState10([]);
+  const [reloadKey, setReloadKey] = useState10(0);
   useEffect13(() => {
     let cancelled = false;
     setState("loading");
@@ -4762,38 +5660,38 @@ function NewsRoot({ transport, strings, config, nav, panelProps }) {
     };
   }, [transport, tags, reloadKey]);
   function renderBody() {
-    if (state === "loading") return /* @__PURE__ */ jsx27(ModuleState, { message: strings.newsLoading, strings });
+    if (state === "loading") return /* @__PURE__ */ jsx31(ModuleState, { message: strings.newsLoading, strings });
     if (state === "error") {
-      return /* @__PURE__ */ jsx27(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
+      return /* @__PURE__ */ jsx31(ModuleState, { tone: "error", message: errorMsg, onRetry: () => setReloadKey((k) => k + 1), strings });
     }
-    if (items.length === 0) return /* @__PURE__ */ jsx27(ModuleState, { message: strings.newsEmpty, strings });
-    return /* @__PURE__ */ jsx27("div", { class: `${p22}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs21(
+    if (items.length === 0) return /* @__PURE__ */ jsx31(ModuleState, { message: strings.newsEmpty, strings });
+    return /* @__PURE__ */ jsx31("div", { class: `${p26}-news-list`, children: items.map((item) => /* @__PURE__ */ jsxs25(
       "button",
       {
         type: "button",
-        class: `${p22}-news-card`,
+        class: `${p26}-news-card`,
         onClick: () => nav.push({ kind: "content", id: item.id, title: item.title }),
         "data-testid": tid(TID.newsItem, item.id),
         children: [
-          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.image ? /* @__PURE__ */ jsx31("img", { class: `${p26}-news-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
+          /* @__PURE__ */ jsxs25("span", { class: `${p26}-news-body`, children: [
+            item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx31("span", { class: `${p26}-news-tags`, children: item.tags.map((t) => /* @__PURE__ */ jsx31("span", { class: `${p26}-news-tag`, children: t }, t)) }) : null,
+            /* @__PURE__ */ jsx31("span", { class: `${p26}-news-title`, children: item.title }),
+            item.description ? /* @__PURE__ */ jsx31("span", { class: `${p26}-news-summary`, children: item.description }) : null
           ] })
         ]
       },
       item.id
     )) });
   }
-  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() })
+  return /* @__PURE__ */ jsxs25("div", { class: `${p26}-module`, children: [
+    /* @__PURE__ */ jsx31(TitleBar, { title: strings.newsTitle, actions: /* @__PURE__ */ jsx31(HeaderActions, { panelProps, variant: "plain" }) }),
+    /* @__PURE__ */ jsx31("div", { class: `${p26}-module-scroll`, children: renderBody() })
   ] });
 }
 var newsLayout = {
   Icon: NewsIcon,
-  Root: (props2) => /* @__PURE__ */ jsx27(NewsRoot, { ...props2 })
+  Root: (props2) => /* @__PURE__ */ jsx31(NewsRoot, { ...props2 })
 };
 
 // src/ui/modules/registry.ts
@@ -4805,28 +5703,28 @@ var LAYOUTS = {
 };
 
 // src/ui/home-tab-bar.tsx
-import { jsx as jsx28, jsxs as jsxs22 } from "preact/jsx-runtime";
-var p23 = BRAND.cssPrefix;
+import { jsx as jsx32, jsxs as jsxs26 } from "preact/jsx-runtime";
+var p27 = BRAND.cssPrefix;
 function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
-  return /* @__PURE__ */ jsx28("nav", { class: `${p23}-tabbar`, role: "tablist", "aria-label": strings.panelTitle, children: modules.map((m) => {
+  return /* @__PURE__ */ jsx32("nav", { class: `${p27}-tabbar`, role: "tablist", "aria-label": strings.panelTitle, children: modules.map((m) => {
     const Icon = LAYOUTS[m.layout].Icon;
     const selected = m.id === activeTab;
     const badge = m.layout === "chat" && unreadCount > 0 ? unreadCount > 9 ? "9+" : String(unreadCount) : null;
-    return /* @__PURE__ */ jsxs22(
+    return /* @__PURE__ */ jsxs26(
       "button",
       {
         type: "button",
         role: "tab",
         "aria-selected": selected,
-        class: `${p23}-tab`,
+        class: `${p27}-tab`,
         onClick: () => onSelect(m.id),
         "data-testid": tid(TID.tab, m.id),
         children: [
-          /* @__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__ */ jsxs26("span", { class: `${p27}-tab-icon`, "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsx32(Icon, {}),
+            badge ? /* @__PURE__ */ jsx32("span", { class: `${p27}-tab-badge`, "data-testid": TID.tabBadge, children: badge }) : null
           ] }),
-          /* @__PURE__ */ jsx28("span", { class: `${p23}-tab-label`, children: moduleLabel(strings, m.label) })
+          /* @__PURE__ */ jsx32("span", { class: `${p27}-tab-label`, children: moduleLabel(strings, m.label) })
         ]
       },
       m.id
@@ -4835,12 +5733,12 @@ function HomeTabBar({ modules, activeTab, strings, unreadCount, onSelect }) {
 }
 
 // src/ui/iframe-view.tsx
-import { jsx as jsx29, jsxs as jsxs23 } from "preact/jsx-runtime";
-var p24 = BRAND.cssPrefix;
+import { jsx as jsx33, jsxs as jsxs27 } from "preact/jsx-runtime";
+var p28 = BRAND.cssPrefix;
 var SANDBOX = "allow-scripts allow-forms allow-popups allow-popups-to-escape-sandbox allow-downloads";
 function IframeView({ url, title, strings, onBack, actions }) {
-  return /* @__PURE__ */ jsxs23("div", { class: `${p24}-module`, children: [
-    /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsxs27("div", { class: `${p28}-module`, children: [
+    /* @__PURE__ */ jsx33(
       BackHeader,
       {
         title: title || strings.moduleBack,
@@ -4849,10 +5747,10 @@ function IframeView({ url, title, strings, onBack, actions }) {
         actions
       }
     ),
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx33(
       "iframe",
       {
-        class: `${p24}-content-frame`,
+        class: `${p28}-content-frame`,
         src: url,
         title: title || "content",
         sandbox: SANDBOX,
@@ -4865,14 +5763,14 @@ function IframeView({ url, title, strings, onBack, actions }) {
 }
 
 // src/ui/content-view.tsx
-import { useCallback as useCallback3, useEffect as useEffect14, useState as useState10 } from "preact/hooks";
-import { jsx as jsx30, jsxs as jsxs24 } from "preact/jsx-runtime";
-var p25 = BRAND.cssPrefix;
+import { useCallback as useCallback3, useEffect as useEffect14, useState as useState11 } from "preact/hooks";
+import { jsx as jsx34, jsxs as jsxs28 } from "preact/jsx-runtime";
+var p29 = BRAND.cssPrefix;
 var log15 = logger.scope("content");
 function ContentView({ id, title, transport, strings, onBack, actions }) {
-  const [item, setItem] = useState10(null);
-  const [failed, setFailed] = useState10(false);
-  const [reloadKey, setReloadKey] = useState10(0);
+  const [item, setItem] = useState11(null);
+  const [failed, setFailed] = useState11(false);
+  const [reloadKey, setReloadKey] = useState11(0);
   const retry = useCallback3(() => {
     setFailed(false);
     setItem(null);
@@ -4895,17 +5793,17 @@ function ContentView({ id, title, transport, strings, onBack, actions }) {
     };
   }, [transport, id, reloadKey]);
   function renderBody() {
-    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 ?? "" })
+    if (failed) return /* @__PURE__ */ jsx34(ModuleState, { tone: "error", message: strings.errorGeneric, onRetry: retry, strings });
+    if (item === null) return /* @__PURE__ */ jsx34(ModuleState, { message: strings.contentLoading, strings });
+    return /* @__PURE__ */ jsxs28("article", { class: `${p29}-content`, "data-testid": TID.contentView, children: [
+      item.image ? /* @__PURE__ */ jsx34("img", { class: `${p29}-content-hero`, src: item.image, alt: "", loading: "lazy" }) : null,
+      item.description ? /* @__PURE__ */ jsx34("p", { class: `${p29}-content-subtitle`, children: item.description }) : null,
+      item.tags && item.tags.length > 0 ? /* @__PURE__ */ jsx34("span", { class: `${p29}-news-tags`, children: item.tags.map((t) => /* @__PURE__ */ jsx34("span", { class: `${p29}-news-tag`, children: t }, t)) }) : null,
+      /* @__PURE__ */ jsx34(StaticMarkdown, { text: item.content ?? "" })
     ] });
   }
-  return /* @__PURE__ */ jsxs24("div", { class: `${p25}-module`, children: [
-    /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs28("div", { class: `${p29}-module`, children: [
+    /* @__PURE__ */ jsx34(
       BackHeader,
       {
         title: item?.title || title || strings.moduleBack,
@@ -4915,13 +5813,13 @@ function ContentView({ id, title, transport, strings, onBack, actions }) {
         testid: TID.backHeader
       }
     ),
-    /* @__PURE__ */ jsx30("div", { class: `${p25}-module-scroll`, "data-testid": TID.contentScroll, children: renderBody() })
+    /* @__PURE__ */ jsx34("div", { class: `${p29}-module-scroll`, "data-testid": TID.contentScroll, children: renderBody() })
   ] });
 }
 
 // src/ui/messenger-home.tsx
-import { jsx as jsx31, jsxs as jsxs25 } from "preact/jsx-runtime";
-var p26 = BRAND.cssPrefix;
+import { jsx as jsx35, jsxs as jsxs29 } from "preact/jsx-runtime";
+var p30 = BRAND.cssPrefix;
 function MessengerHome({
   panelProps,
   enabledModules,
@@ -4953,7 +5851,7 @@ function MessengerHome({
   }, []);
   const { visible: dragOver } = useFileDrop({ containerRef, onDrop: onDropItems });
   useDragMove(containerRef.current, options.mode === "modal");
-  const navState = useComputed4(() => nav.sig.value).value;
+  const navState = useComputed6(() => nav.sig.value).value;
   const top = topScreen(navState);
   const activeModule = options.modules.byId[navState.activeTab];
   const isReader = top?.kind === "iframe" || top?.kind === "content";
@@ -4989,12 +5887,12 @@ function MessengerHome({
     nav: moduleNav,
     panelProps
   });
-  const plainActions = /* @__PURE__ */ jsx31(HeaderActions, { panelProps, variant: "plain" });
+  const plainActions = /* @__PURE__ */ jsx35(HeaderActions, { panelProps, variant: "plain" });
   let body;
   if (top?.kind === "iframe") {
-    body = /* @__PURE__ */ jsx31(IframeView, { url: top.url, title: top.title, strings, onBack: nav.pop, actions: plainActions });
+    body = /* @__PURE__ */ jsx35(IframeView, { url: top.url, title: top.title, strings, onBack: nav.pop, actions: plainActions });
   } else if (top?.kind === "content") {
-    body = /* @__PURE__ */ jsx31(
+    body = /* @__PURE__ */ jsx35(
       ContentView,
       {
         id: top.id,
@@ -5006,7 +5904,7 @@ function MessengerHome({
       }
     );
   } else if (activeModule?.layout === "chat") {
-    body = /* @__PURE__ */ jsx31(
+    body = /* @__PURE__ */ jsx35(
       PanelContent,
       {
         ...panelProps,
@@ -5017,23 +5915,23 @@ function MessengerHome({
     );
   } else if (activeModule) {
     const Root = LAYOUTS[activeModule.layout].Root;
-    body = Root ? /* @__PURE__ */ jsx31(Root, { ...screenProps(activeModule) }, activeModule.id) : null;
+    body = Root ? /* @__PURE__ */ jsx35(Root, { ...screenProps(activeModule) }, activeModule.id) : null;
   } else {
     body = null;
   }
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs29(
     "div",
     {
       ref: containerRef,
-      class: `${p26}-panel ${p26}-messenger`,
+      class: `${p30}-panel ${p30}-messenger`,
       role: "dialog",
       "aria-modal": "false",
       "aria-label": strings.panelTitle,
       style: { position: "relative" },
       "data-testid": TID.messengerHome,
       children: [
-        /* @__PURE__ */ jsx31("div", { class: `${p26}-messenger-body`, children: body }),
-        showTabBar ? /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx35("div", { class: `${p30}-messenger-body`, children: body }),
+        showTabBar ? /* @__PURE__ */ jsx35(
           HomeTabBar,
           {
             modules: enabledModules,
@@ -5043,8 +5941,8 @@ function MessengerHome({
             onSelect: nav.switchTab
           }
         ) : null,
-        /* @__PURE__ */ jsx31(PoweredByBar, { poweredBy: options.poweredBy }),
-        options.size.resize?.enabled && !(activeModule?.layout === "chat" && !top) ? /* @__PURE__ */ jsx31(
+        /* @__PURE__ */ jsx35(PoweredByBar, { poweredBy: options.poweredBy }),
+        options.size.resize?.enabled && !(activeModule?.layout === "chat" && !top) ? /* @__PURE__ */ jsx35(
           ResizeGrip,
           {
             panelEl: containerRef.current,
@@ -5061,29 +5959,29 @@ function MessengerHome({
 }
 
 // src/ui/modules-empty.tsx
-import { jsx as jsx32, jsxs as jsxs26 } from "preact/jsx-runtime";
-var p27 = BRAND.cssPrefix;
+import { jsx as jsx36, jsxs as jsxs30 } from "preact/jsx-runtime";
+var p31 = BRAND.cssPrefix;
 function ModulesEmpty({ strings, onClose }) {
-  return /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs30(
     "div",
     {
-      class: `${p27}-panel ${p27}-modules-empty`,
+      class: `${p31}-panel ${p31}-modules-empty`,
       role: "dialog",
       "aria-label": strings.panelTitle,
       "data-testid": TID.modulesEmpty,
       children: [
-        onClose ? /* @__PURE__ */ jsx32(
+        onClose ? /* @__PURE__ */ jsx36(
           "button",
           {
             type: "button",
-            class: `${p27}-icon-btn ${p27}-modules-empty-close`,
+            class: `${p31}-icon-btn ${p31}-modules-empty-close`,
             onClick: onClose,
             "aria-label": strings.close,
             title: strings.close,
-            children: /* @__PURE__ */ jsx32(CloseIcon, {})
+            children: /* @__PURE__ */ jsx36(CloseIcon, {})
           }
         ) : null,
-        /* @__PURE__ */ jsx32("p", { class: `${p27}-modules-empty-text`, children: strings.modulesEmpty })
+        /* @__PURE__ */ jsx36("p", { class: `${p31}-modules-empty-text`, children: strings.modulesEmpty })
       ]
     }
   );
@@ -5138,11 +6036,11 @@ function animateTypewriter(msg, text, charsPerSecond, abort) {
 }
 
 // src/ui/use-launcher-callout.ts
-import { useCallback as useCallback5, useEffect as useEffect16, useState as useState11 } from "preact/hooks";
+import { useCallback as useCallback5, useEffect as useEffect16, useState as useState12 } from "preact/hooks";
 function useLauncherCallout({ callout, persistence }) {
   const textKey = callout?.text ?? "";
   const persistent = callout?.persistent ?? true;
-  const [dismissed, setDismissed] = useState11(() => persistent ? false : persistence.loadCalloutDismissed(textKey));
+  const [dismissed, setDismissed] = useState12(() => persistent ? false : persistence.loadCalloutDismissed(textKey));
   useEffect16(() => {
     setDismissed(persistent ? false : persistence.loadCalloutDismissed(textKey));
   }, [textKey, persistent, persistence]);
@@ -5154,21 +6052,21 @@ function useLauncherCallout({ callout, persistence }) {
 }
 
 // src/ui/app.tsx
-import { jsx as jsx33, jsxs as jsxs27 } from "preact/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs31 } from "preact/jsx-runtime";
 var log16 = logger.scope("app");
-var p28 = BRAND.cssPrefix;
+var p32 = BRAND.cssPrefix;
 function App({ options, hostElement, bus }) {
-  const [persistence] = useState12(() => createPersistence(options.widgetId, options.storage));
-  const [visitorId, setVisitorId] = useState12(() => persistence.getVisitorId());
+  const [persistence] = useState13(() => createPersistence(options.widgetId, options.storage));
+  const [visitorId, setVisitorId] = useState13(() => persistence.getVisitorId());
   const initialSettings = persistence.loadUserPrefs();
-  const [activeLocale, setActiveLocale] = useState12(() => initialSettings.locale ?? options.locale);
-  const [activeThemeMode, setActiveThemeMode] = useState12(
+  const [activeLocale, setActiveLocale] = useState13(() => initialSettings.locale ?? options.locale);
+  const [activeThemeMode, setActiveThemeMode] = useState13(
     () => initialSettings.themeMode ?? options.themeMode
   );
-  const sessionIdSig = useSignal(persistence.loadSessionId());
-  const messagesSig = useSignal([]);
-  const unreadCountSig = useSignal(0);
-  const [loadingMessages, setLoadingMessages] = useState12(false);
+  const sessionIdSig = useSignal2(persistence.loadSessionId());
+  const messagesSig = useSignal2([]);
+  const unreadCountSig = useSignal2(0);
+  const [loadingMessages, setLoadingMessages] = useState13(false);
   function landingTab() {
     const list = options.modules.list;
     const ids = new Set(list.map((m) => m.id));
@@ -5187,14 +6085,14 @@ function App({ options, hostElement, bus }) {
   const homeNav = homeNavRef.current;
   const chatTabIdRef = useRef8(void 0);
   chatTabIdRef.current = chatTabId();
-  const [sessionReady, setSessionReady] = useState12(false);
+  const [sessionReady, setSessionReady] = useState13(false);
   const isInlineLike = options.mode === "standalone" || options.mode === "inline";
   const initialPanelRef = useRef8(
     resolveInitialPanelState(options, currentViewportWidth(), persistence.loadPanelOpen(), persistence.loadPanelSize())
   );
-  const [isOpen, setIsOpen] = useState12(initialPanelRef.current.panelOpen);
+  const [isOpen, setIsOpen] = useState13(initialPanelRef.current.panelOpen);
   const initialPanelApplied = useRef8(false);
-  const [launcherLeaving, setLauncherLeaving] = useState12(false);
+  const [launcherLeaving, setLauncherLeaving] = useState13(false);
   const { dismissed: calloutDismissed, dismissCallout: dismissCalloutRaw } = useLauncherCallout({
     callout: options.launcher.callout,
     persistence
@@ -5205,19 +6103,20 @@ function App({ options, hostElement, bus }) {
     bus.emit("calloutDismiss", void 0);
     dismissCalloutRaw();
   }, [bus, dismissCalloutRaw]);
-  const [panelSize, setPanelSize] = useState12(initialPanelRef.current.panelSize);
+  const [panelSize, setPanelSize] = useState13(initialPanelRef.current.panelSize);
   const initialSizeApplied = useRef8(false);
-  const [view, setView] = useState12("chat");
-  const [canSend, setCanSend] = useState12(true);
-  const [streaming, setStreaming] = useState12(false);
-  const [agent, setAgent] = useState12(null);
-  const [suggestions, setSuggestions] = useState12([]);
-  const [activeCancel, setActiveCancel] = useState12(null);
+  const [view, setView] = useState13("chat");
+  const [canSend, setCanSend] = useState13(true);
+  const [streaming, setStreaming] = useState13(false);
+  const [agent, setAgent] = useState13(null);
+  const [suggestions, setSuggestions] = useState13([]);
+  const [activeCancel, setActiveCancel] = useState13(null);
   const welcomeAbortRef = useRef8(null);
-  const [parsedSite, setParsedSite] = useState12(void 0);
-  const [parsedBlocks, setParsedBlocks] = useState12(void 0);
-  const [sidebarCollapsed, setSidebarCollapsed] = useState12(() => persistence.loadSidebarCollapsed() ?? false);
-  const [transport] = useState12(
+  const [parsedSite, setParsedSite] = useState13(void 0);
+  const [parsedBlocks, setParsedBlocks] = useState13(void 0);
+  const [sidebarCollapsed, setSidebarCollapsed] = useState13(() => persistence.loadSidebarCollapsed() ?? false);
+  const [intakeValues, setIntakeValues] = useState13(() => persistence.loadIntake());
+  const [transport] = useState13(
     () => new AgentTransport({
       baseUrl: options.baseUrl,
       auth: createAuth({
@@ -5228,8 +6127,8 @@ function App({ options, hostElement, bus }) {
       endpoints: options.endpoints
     })
   );
-  const [reducer] = useState12(() => new StreamReducer(messagesSig));
-  const [feedback] = useState12(() => new FeedbackBus(options.sound, options.haptics));
+  const [reducer] = useState13(() => new StreamReducer(messagesSig));
+  const [feedback] = useState13(() => new FeedbackBus(options.sound, options.haptics));
   const patchAndSync = useCallback6(
     (patch) => {
       persistence.patchUserPrefs(patch);
@@ -5399,9 +6298,11 @@ function App({ options, hostElement, bus }) {
   );
   const userSig = JSON.stringify(options.userContext ?? null);
   const pageSig = JSON.stringify(options.pageContext ?? null);
+  const intakeSig = JSON.stringify(intakeValues ?? null);
   useEffect17(() => {
-    transport.setContext(options.userContext, toWirePageContext(options.pageContext));
-  }, [transport, userSig, pageSig]);
+    const merged = intakeValues ? { ...intakeValues, ...options.userContext } : options.userContext;
+    transport.setContext(merged, toWirePageContext(options.pageContext));
+  }, [transport, userSig, pageSig, intakeSig]);
   const runResume = useCallback6(
     async (handle) => {
       let bubble = null;
@@ -5489,24 +6390,8 @@ function App({ options, hostElement, bus }) {
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [isOpen, options.mode]);
-  const handleSend = useCallback6(
-    async (text, attachments) => {
-      log16.info("send", { textLen: text.length, attachments: attachments.length, streaming });
-      if (streaming) return;
-      bus.emit("send", { text, attachmentCount: attachments.length });
-      if (suggestions.length > 0) setSuggestions([]);
-      const uploaded = await uploadAttachments(transport, attachments, (err) => {
-        log16.warn("upload failed", { err });
-        bus.emit("error", err);
-        options.onError?.(err);
-      });
-      feedback.unlock();
-      feedback.play("messageSent");
-      const userMsg = makeUserMessage(text, uploaded);
-      const assistantMsg = makeAssistantMessage();
-      messagesSig.value = [...messagesSig.value, userMsg, assistantMsg];
-      reducer.attach(assistantMsg);
-      emitMessage(bus, options, "user", text);
+  const streamAssistant = useCallback6(
+    async (assistantMsg, trigger) => {
       const activeSessionId = sessionIdSig.value ?? uuid7();
       if (!sessionIdSig.value) {
         sessionIdSig.value = activeSessionId;
@@ -5515,10 +6400,10 @@ function App({ options, hostElement, bus }) {
       const body = buildSendMessageRequest({
         messages: messagesSig.value.slice(0, -1).map(fromReactive),
         sessionId: activeSessionId,
-        // textModel + imageModel are backend-only — selected per
-        // deployment in the dashboard, never passed up by the widget.
+        // textModel + imageModel are backend-only — selected per deployment.
         tools: options.features.tools,
         responseMode: options.responseMode,
+        trigger,
         // Identity + preferences ride on every message — server may need
         // them to route, persist, or reconcile in-flight.
         visitorId,
@@ -5550,19 +6435,95 @@ function App({ options, hostElement, bus }) {
         messagesSig.value = [...messagesSig.value];
       }
     },
-    [
-      streaming,
-      transport,
-      reducer,
-      messagesSig,
-      sessionIdSig,
-      options,
-      bus,
-      suggestions.length,
-      feedback,
-      persistence,
-      visitorId
-    ]
+    [transport, reducer, messagesSig, sessionIdSig, options, bus, feedback, persistence, visitorId]
+  );
+  const resolveTool = useCallback6(
+    (toolCallId, trigger, mutate) => {
+      if (streaming) return;
+      const last = messagesSig.value.at(-1);
+      const part = last?.partsSig.value.find(
+        (pt) => pt.kind === "tool" && pt.toolCallId === toolCallId
+      );
+      if (!part) {
+        log16.warn("resolveTool: tool part not found", { toolCallId });
+        return;
+      }
+      mutate(part);
+      if (last) last.partsSig.value = [...last.partsSig.value];
+      const assistantMsg = makeAssistantMessage();
+      messagesSig.value = [...messagesSig.value, assistantMsg];
+      reducer.attach(assistantMsg);
+      void streamAssistant(assistantMsg, trigger);
+    },
+    [streaming, messagesSig, reducer, streamAssistant]
+  );
+  const handleToolResult = useCallback6(
+    (toolCallId, output) => {
+      log16.info("toolResult", { toolCallId });
+      bus.emit("toolResult", { toolCallId });
+      resolveTool(toolCallId, TRIGGER.toolResult, (part) => {
+        part.outputSig.value = output;
+        part.stateSig.value = "output";
+      });
+    },
+    [bus, resolveTool]
+  );
+  const handleToolDecision = useCallback6(
+    (toolCallId, approved, reason) => {
+      log16.info("toolDecision", { toolCallId, approved });
+      bus.emit("toolDecision", { toolCallId, approved });
+      resolveTool(toolCallId, TRIGGER.toolApproval, (part) => {
+        const id = part.approvalSig.value?.id ?? toolCallId;
+        part.approvalSig.value = { id, approved, reason };
+        part.stateSig.value = "output";
+      });
+    },
+    [bus, resolveTool]
+  );
+  const toolInteraction = useMemo3(
+    () => ({ humanInLoop: options.features.humanInLoop, onResult: handleToolResult, onDecision: handleToolDecision }),
+    [options.features.humanInLoop, handleToolResult, handleToolDecision]
+  );
+  const intakePending = options.intake.enabled && intakeValues === null;
+  const handleIntakeComplete = useCallback6(
+    (values) => {
+      const hasValues = Object.keys(values).length > 0;
+      log16.info("intakeComplete", { fields: Object.keys(values).length, skipped: !hasValues });
+      persistence.saveIntake(values);
+      setIntakeValues(values);
+      bus.emit("intakeSubmit", values);
+      if (!hasValues) return;
+      const activeSessionId = sessionIdSig.value ?? uuid7();
+      if (!sessionIdSig.value) {
+        sessionIdSig.value = activeSessionId;
+        persistence.saveSessionId(activeSessionId);
+        transport.primeIdentity(void 0, activeSessionId);
+      }
+      void transport.submitIntake(activeSessionId, values);
+    },
+    [persistence, bus, sessionIdSig, transport]
+  );
+  const handleSend = useCallback6(
+    async (text, attachments) => {
+      log16.info("send", { textLen: text.length, attachments: attachments.length, streaming });
+      if (streaming) return;
+      bus.emit("send", { text, attachmentCount: attachments.length });
+      if (suggestions.length > 0) setSuggestions([]);
+      const uploaded = await uploadAttachments(transport, attachments, (err) => {
+        log16.warn("upload failed", { err });
+        bus.emit("error", err);
+        options.onError?.(err);
+      });
+      feedback.unlock();
+      feedback.play("messageSent");
+      const userMsg = makeUserMessage(text, uploaded);
+      const assistantMsg = makeAssistantMessage();
+      messagesSig.value = [...messagesSig.value, userMsg, assistantMsg];
+      reducer.attach(assistantMsg);
+      emitMessage(bus, options, "user", text);
+      await streamAssistant(assistantMsg, TRIGGER.submitMessage);
+    },
+    [streaming, transport, bus, options, suggestions.length, messagesSig, reducer, streamAssistant]
   );
   const handleStop = useCallback6(() => {
     log16.info("stop");
@@ -5766,7 +6727,10 @@ function App({ options, hostElement, bus }) {
       log16.info("suggestion", { text });
       bus.emit("suggestion", { text });
       void handleSend(text, []);
-    }
+    },
+    intakePending,
+    onIntakeComplete: handleIntakeComplete,
+    tool: toolInteraction
   };
   const onSelectSession = (sessionId) => {
     void handleSelectHistoryChat(sessionId);
@@ -5778,12 +6742,12 @@ function App({ options, hostElement, bus }) {
   const renderSurface = (size) => {
     const closeable = isActionVisible("close", effectiveOptions.mode, size);
     if (enabledModules.length === 0) {
-      return /* @__PURE__ */ jsx33(ModulesEmpty, { strings: effectiveOptions.strings, onClose: closeable ? handleClose : void 0 });
+      return /* @__PURE__ */ jsx37(ModulesEmpty, { strings: effectiveOptions.strings, onClose: closeable ? handleClose : void 0 });
     }
     if (enabledModules.length === 1 && enabledModules[0]?.layout === "chat") {
-      return /* @__PURE__ */ jsx33(Panel, { ...panelProps, panelSize: size });
+      return /* @__PURE__ */ jsx37(Panel, { ...panelProps, panelSize: size });
     }
-    return /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx37(
       MessengerHome,
       {
         panelProps: { ...panelProps, panelSize: size, onClose: closeable ? handleClose : void 0 },
@@ -5801,7 +6765,7 @@ function App({ options, hostElement, bus }) {
       void handleSelectHistoryChat(chat.sessionId);
     };
     const messagesEnabled = enabledModules.some((m) => m.layout === "chat");
-    return /* @__PURE__ */ jsx33("div", { class: `${p28}-anchor`, children: /* @__PURE__ */ jsx33(
+    return /* @__PURE__ */ jsx37("div", { class: `${p32}-anchor`, children: /* @__PURE__ */ jsx37(
       PageShell,
       {
         site: parsedSite,
@@ -5820,15 +6784,15 @@ function App({ options, hostElement, bus }) {
   }
   if (isInlineLike) {
     const inlineSize = options.mode === "standalone" ? "fullscreen" : panelSize;
-    return /* @__PURE__ */ jsx33("div", { class: `${p28}-anchor`, children: renderSurface(inlineSize) });
+    return /* @__PURE__ */ jsx37("div", { class: `${p32}-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__ */ jsxs27("div", { class: `${p28}-anchor`, "data-launcher-size": effectiveOptions.launcher.size, children: [
+  return /* @__PURE__ */ jsxs31("div", { class: `${p32}-anchor`, "data-launcher-size": effectiveOptions.launcher.size, children: [
     isOpen ? renderSurface(panelSize) : null,
-    launcherVisible ? /* @__PURE__ */ jsx33(
+    launcherVisible ? /* @__PURE__ */ jsx37(
       Launcher,
       {
         onToggle: handleOpen,
@@ -5838,7 +6802,7 @@ function App({ options, hostElement, bus }) {
         edgeTab: drawerEdgeTab
       }
     ) : null,
-    calloutToRender ? /* @__PURE__ */ jsx33(
+    calloutToRender ? /* @__PURE__ */ jsx37(
       LauncherCallout,
       {
         callout: calloutToRender,