@helpai/elements 1.9.0 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/docs/README.md +1 -0
  2. package/docs/analytics.md +27 -0
  3. package/docs/api-reference.md +69 -2
  4. package/docs/configuration.md +31 -0
  5. package/docs/events-and-hooks.md +13 -11
  6. package/docs/frameworks.md +7 -1
  7. package/docs/page-tools.md +194 -0
  8. package/docs/security-privacy.md +64 -3
  9. package/elements-web-component.esm.js +39 -39
  10. package/elements-web-component.esm.js.map +4 -4
  11. package/elements.cjs.js +39 -39
  12. package/elements.cjs.js.map +4 -4
  13. package/elements.esm.js +39 -39
  14. package/elements.esm.js.map +4 -4
  15. package/elements.js +39 -39
  16. package/elements.js.map +4 -4
  17. package/index.d.ts +108 -3
  18. package/index.mjs +14 -14
  19. package/jsx-react.d.ts +2 -1
  20. package/jsx-svelte.d.ts +2 -1
  21. package/jsx-vue.d.ts +3 -2
  22. package/llms-full.txt +541 -147
  23. package/llms.txt +22 -18
  24. package/package.json +1 -1
  25. package/react.d.ts +124 -3
  26. package/react.mjs +32 -32
  27. package/style.css +1 -1
  28. package/web-component.d.ts +109 -3
  29. package/web-component.mjs +14 -14
package/style.css CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  *,*: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(--helpai-accent);outline-offset:2px}textarea,input{font:inherit;color:inherit;background:none;border:0;outline:0;resize:none}a{color:var(--helpai-accent-fg);text-decoration:underline;text-underline-offset:2px}img,svg{display:block;max-width:100%}ul,ol{list-style:none}.helpai-app{display:block;width:100%;height:100%;font-family:var(--helpai-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01","ss03"}.helpai-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}
4
4
 
5
- .helpai-anchor{color-scheme:var(--helpai-color-scheme, light);right:16px;bottom:16px}.helpai-surface{display:contents}.helpai-surface[hidden]{display:none}:host([data-position="bottom-left"]) .helpai-anchor,:host([data-position="top-left"]) .helpai-anchor{right:auto;left:16px}:host([data-position="top-right"]) .helpai-anchor,:host([data-position="top-left"]) .helpai-anchor{bottom:auto;top:16px}.helpai-anchor{position:fixed;display:flex;flex-direction:column;align-items:flex-end;gap:var(--helpai-space-3);pointer-events:none}.helpai-anchor{--helpai-fab-size: 56px}.helpai-anchor[data-launcher-size=sm]{--helpai-fab-size: 44px}.helpai-anchor[data-launcher-size=md]{--helpai-fab-size: 56px}.helpai-anchor[data-launcher-size=lg]{--helpai-fab-size: 68px}.helpai-anchor>*{pointer-events:auto}.helpai-fab[data-size=sm]{--helpai-fab-size: 44px;font-size:var(--helpai-text-sm)}.helpai-fab[data-size=md]{--helpai-fab-size: 56px;font-size:calc(14px * var(--helpai-text-scale))}.helpai-fab[data-size=lg]{--helpai-fab-size: 68px;font-size:var(--helpai-text-base)}.helpai-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--helpai-space-2);color:var(--helpai-accent-text);background:var(--helpai-accent);box-shadow:var(--helpai-shadow-fab);font-weight:600;line-height:1;transform-origin:bottom right;animation:helpai-fab-in var(--helpai-dur-base) var(--helpai-ease) both;transition:transform var(--helpai-dur-base) var(--helpai-ease),opacity var(--helpai-dur-base) var(--helpai-ease),box-shadow var(--helpai-dur-base) var(--helpai-ease)}.helpai-fab:hover{transform:translateY(-2px)}.helpai-fab:active{transform:translateY(0)}.helpai-fab:focus-visible{outline:2px solid var(--helpai-on-accent);outline-offset:3px}.helpai-fab svg{width:24px;height:24px;flex-shrink:0}@keyframes helpai-fab-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.helpai-fab[data-leaving]{position:absolute;right:0;bottom:0;animation:helpai-fab-out var(--helpai-dur-quick) var(--helpai-ease) forwards;pointer-events:none}:host([data-position^="top-"]) .helpai-fab[data-leaving]{bottom:auto;top:0}:host([data-position$="-left"]) .helpai-fab[data-leaving]{right:auto;left:0}@keyframes helpai-fab-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.85)}}.helpai-fab[data-variant=circle]{width:var(--helpai-fab-size);height:var(--helpai-fab-size);border-radius:999px}.helpai-fab[data-variant=circle] .helpai-fab-label{display:none}.helpai-fab[data-variant=pill]{height:var(--helpai-fab-size);padding:0 18px 0 16px;border-radius:999px}.helpai-fab[data-variant=bar]{height:var(--helpai-fab-size);padding:0 22px;border-radius:var(--helpai-radius)}.helpai-fab[data-variant=minimal]{height:var(--helpai-fab-size);padding:0 var(--helpai-space-4);border-radius:999px;background:transparent;color:var(--helpai-accent-fg);box-shadow:none;border:1px solid currentColor}.helpai-fab[data-variant=minimal]:hover{background:color-mix(in srgb,var(--helpai-accent) 12%,transparent)}.helpai-callout{--helpai-callout-fab-h: var(--helpai-fab-size, 56px);--helpai-callout-gap: clamp(12px, calc(var(--helpai-callout-fab-h) * .25), 22px);--helpai-callout-nudge-direction: -1;position:absolute;display:inline-flex;align-items:center;gap:var(--helpai-space-2);padding:10px 14px;background:var(--helpai-fg);color:var(--helpai-bg);border-radius:999px;font-size:var(--helpai-text-sm);font-weight:600;line-height:1.2;box-shadow:0 10px 30px -8px #00000059;pointer-events:auto;animation:helpai-callout-in var(--helpai-dur-slow) var(--helpai-ease);z-index:1;max-width:240px;white-space:nowrap}.helpai-callout[data-position=left]{right:calc(100% + var(--helpai-callout-gap));bottom:calc(var(--helpai-callout-fab-h) / 2);transform:translateY(50%)}.helpai-callout[data-position=right]{left:calc(100% + var(--helpai-callout-gap));bottom:calc(var(--helpai-callout-fab-h) / 2);transform:translateY(50%);--helpai-callout-nudge-direction: 1}.helpai-callout[data-position=top]{bottom:calc(100% + var(--helpai-callout-gap));right:0;max-width:min(280px,calc(100vw - 32px))}.helpai-callout[data-position=bottom]{top:calc(100% + var(--helpai-callout-gap));right:0;max-width:min(280px,calc(100vw - 32px))}:host([data-position$="-left"]) .helpai-callout[data-position=top],:host([data-position$="-left"]) .helpai-callout[data-position=bottom]{right:auto;left:0}.helpai-callout[data-shape=bubble]{border-radius:var(--helpai-radius-md);white-space:normal;width:max-content;max-width:min(280px,calc(100vw - 32px))}.helpai-callout[data-shape=callout]{padding:12px 18px;font-size:calc(14px * var(--helpai-text-scale));background:var(--helpai-accent);color:var(--helpai-accent-text)}.helpai-callout:after{content:"";position:absolute;width:12px;height:12px;background:inherit;border-radius:2px;transform:rotate(45deg)}.helpai-callout[data-position=left]:after{right:-5px;top:50%;margin-top:-6px}.helpai-callout[data-position=right]:after{left:-5px;top:50%;margin-top:-6px}.helpai-callout[data-position=top]:after{bottom:-5px;right:calc(var(--helpai-fab-size, 56px) / 2 - 6px)}.helpai-callout[data-position=bottom]:after{top:-5px;right:calc(var(--helpai-fab-size, 56px) / 2 - 6px)}:host([data-position$="-left"]) .helpai-callout[data-position=top]:after,:host([data-position$="-left"]) .helpai-callout[data-position=bottom]:after{right:auto;left:calc(var(--helpai-fab-size, 56px) / 2 - 6px)}.helpai-callout[data-animated]{animation:helpai-callout-in var(--helpai-dur-slow) var(--helpai-ease),helpai-callout-nudge 1.6s var(--helpai-ease-in-out) var(--helpai-dur-slow) infinite}@keyframes helpai-callout-in{0%{opacity:0}to{opacity:1}}@keyframes helpai-callout-nudge{0%,to{margin-left:0;margin-right:0}50%{margin-left:calc(6px * var(--helpai-callout-nudge-direction));margin-right:calc(-6px * var(--helpai-callout-nudge-direction))}}@media(prefers-reduced-motion:reduce){.helpai-callout[data-animated]{animation:helpai-callout-in 1ms var(--helpai-ease)}.helpai-icon-btn[data-recording=true],.helpai-typing span{animation:none}}.helpai-callout-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:inherit;opacity:.7;cursor:pointer}.helpai-callout-close:hover{opacity:1;background:color-mix(in srgb,currentColor 15%,transparent)}.helpai-callout-close:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-callout-close svg{width:12px;height:12px}.helpai-panel{width:var(--helpai-panel-w);height:var(--helpai-panel-h);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:var(--helpai-bg);color:var(--helpai-fg);border-radius:var(--helpai-radius-lg);box-shadow:var(--helpai-shadow-panel);display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none;transform-origin:bottom right;animation:helpai-panel-in var(--helpai-dur-slow) var(--helpai-ease);border:1px solid var(--helpai-border)}@media(prefers-reduced-motion:no-preference){.helpai-panel{transition:width var(--helpai-dur-base) var(--helpai-ease),height var(--helpai-dur-base) var(--helpai-ease),max-width var(--helpai-dur-base) var(--helpai-ease),max-height var(--helpai-dur-base) var(--helpai-ease)}.helpai-panel[data-resizing]{transition:none}}:host([data-mode="open"]) .helpai-panel{width:var(--helpai-widget-w, var(--helpai-panel-w));height:var(--helpai-widget-h, var(--helpai-panel-h));min-width:var(--helpai-resize-min-w, auto);min-height:var(--helpai-resize-min-h, auto);max-width:var(--helpai-resize-max-w, calc(100vw - 32px) );max-height:var(--helpai-resize-max-h, calc(100dvh - 32px) )}@keyframes helpai-panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}:host([data-mode="expanded"]) .helpai-panel{width:var(--helpai-expanded-w, 640px);height:var(--helpai-expanded-h, 820px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}:host([data-mode="fullscreen"]){z-index:var(--helpai-z-panel)!important}:host([data-mode="fullscreen"]) .helpai-anchor{inset:var(--helpai-visual-viewport-top, 0px) 0 auto;height:var(--helpai-visual-viewport-height, 100dvh);padding:0;justify-content:flex-end;align-items:flex-end}:host([data-mode="fullscreen"][data-position*="top"]) .helpai-anchor{justify-content:flex-start}:host([data-mode="fullscreen"][data-position*="left"]) .helpai-anchor{align-items:flex-start}:host([data-mode="fullscreen"]) .helpai-panel{width:100vw;height:100%;max-width:none;max-height:none;border-radius:0;border:0}:host([data-mode="fullscreen"]) .helpai-fab{display:none}@media(max-width:640px){:host([data-mode="open"]) .helpai-anchor,:host([data-mode="expanded"]) .helpai-anchor{inset:var(--helpai-visual-viewport-top, 0px) 0 auto;align-items:stretch;height:var(--helpai-visual-viewport-height, 100dvh);padding:0}:host([data-mode="open"]) .helpai-panel,:host([data-mode="expanded"]) .helpai-panel{width:100vw;height:100%;max-width:none;max-height:none;border-radius:0;border:0}}:host([data-mode="inline"]) .helpai-anchor,:host([data-mode="standalone"]) .helpai-anchor{position:static;inset:auto;padding:0;align-items:stretch;width:100%;height:100%;min-height:0}:host([data-mode="inline"]) .helpai-panel,:host([data-mode="standalone"]) .helpai-panel{width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;animation:none}:host([data-mode="inline"]) .helpai-fab,:host([data-mode="standalone"]) .helpai-fab{display:none}:host([data-mode="inline"]){min-height:320px}:host([data-mode="inline"]) .helpai-panel{border-radius:var(--helpai-radius)}:host([data-mode="standalone"]) .helpai-panel{border-radius:0;border:0;box-shadow:none}:host([data-mode="modal"]){position:fixed!important;inset:0!important;z-index:var(--helpai-z-panel)!important;display:block!important;width:100vw;height:100dvh;background:var(--helpai-modal-backdrop, var(--helpai-backdrop));animation:helpai-backdrop-in var(--helpai-dur-base) var(--helpai-ease) both;--helpai-panel-w: min(960px, 92vw);--helpai-panel-h: min(720px, 88dvh)}:host([data-mode="modal"]) .helpai-anchor{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--helpai-space-6);pointer-events:none}:host([data-mode="modal"]) .helpai-panel{pointer-events:auto;width:var(--helpai-widget-w, var(--helpai-panel-w));height:var(--helpai-widget-h, var(--helpai-panel-h));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);min-width:0;min-height:0;border-radius:var(--helpai-radius);box-shadow:var(--helpai-shadow-panel);animation:helpai-modal-in var(--helpai-dur-base) var(--helpai-ease);translate:var(--helpai-modal-dx, 0px) var(--helpai-modal-dy, 0px)}:host([data-mode="modal"]) .helpai-header,:host([data-mode="modal"]) .helpai-back-header,:host([data-mode="modal"]) .helpai-home-hero{cursor:grab;touch-action:none}:host([data-mode="modal"]) .helpai-panel[data-dragging]{cursor:grabbing;user-select:none}:host([data-mode="modal"]) .helpai-panel[data-dragging] *{cursor:grabbing}:host([data-mode="modal"]) .helpai-fab{display:none}@keyframes helpai-backdrop-in{0%{background:#0000}to{background:var(--helpai-modal-backdrop, var(--helpai-backdrop))}}@keyframes helpai-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:host([data-mode="drawer"]){--helpai-panel-w: min(440px, calc(100vw - 32px) );--helpai-panel-h: 100dvh}:host([data-mode="drawer"]) .helpai-anchor{position:fixed;--helpai-inset-x: var(--helpai-panel-inset, 12px);--helpai-inset-y: var(--helpai-panel-inset, 3dvh);top:var(--helpai-inset-y);bottom:auto;right:var(--helpai-inset-x);left:auto;width:min(var(--helpai-widget-w, var(--helpai-panel-w)),calc(100vw - var(--helpai-inset-x) * 2));height:min(var(--helpai-widget-h, var(--helpai-panel-h)),calc(100dvh - var(--helpai-inset-y) * 2));padding:0;display:block;pointer-events:auto}:host([data-mode="drawer"][data-position$="-left"]) .helpai-anchor{right:auto;left:var(--helpai-inset-x)}:host([data-mode="drawer"][data-position^="bottom-"]) .helpai-anchor{top:auto;bottom:var(--helpai-inset-y)}:host([data-mode="drawer"]) .helpai-panel{width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;border-radius:var(--helpai-radius, 12px);border:1px solid var(--helpai-border);box-shadow:-8px 16px 32px -12px #00000038;animation:helpai-drawer-in var(--helpai-dur-base) var(--helpai-ease)}:host([data-mode="drawer"][data-position$="-left"]) .helpai-panel{box-shadow:8px 16px 32px -12px #00000038;animation:helpai-drawer-in-left var(--helpai-dur-base) var(--helpai-ease)}.helpai-fab[data-edge-tab]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--helpai-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:helpai-edge-tab-in var(--helpai-dur-base) var(--helpai-ease) both}.helpai-fab[data-edge-tab] svg{writing-mode:horizontal-tb}.helpai-fab[data-edge-tab]:hover{transform:translateY(-50%) scale(1.03)}.helpai-fab[data-edge-tab]:active{transform:translateY(-50%) scale(.97)}:host([data-position$="-right"]) .helpai-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"]) .helpai-fab[data-edge-tab]{left:0;right:auto;border-radius:0 12px 12px 0;box-shadow:6px 0 18px -8px #0000004d}.helpai-fab[data-edge-tab][data-leaving]{position:fixed;top:50%;bottom:auto;animation:helpai-edge-tab-out var(--helpai-dur-quick) var(--helpai-ease) forwards}@keyframes helpai-edge-tab-in{0%{opacity:0;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes helpai-edge-tab-out{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.85)}}@keyframes helpai-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes helpai-drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){:host([data-mode="drawer"]) .helpai-panel,.helpai-fab[data-edge-tab]{animation:none}}.helpai-header{display:flex;align-items:center;gap:var(--helpai-space-2);padding:10px 12px;border-bottom:1px solid var(--helpai-border);background:var(--helpai-bg)}.helpai-header h1{font-size:calc(14px * var(--helpai-text-scale));font-weight:600;flex:1;letter-spacing:-.01em}.helpai-header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--helpai-space-1);flex-shrink:0}.helpai-agent{flex:1;display:inline-flex;align-items:center;gap:10px;min-width:0}.helpai-agent-avatar{position:relative;width:32px;height:32px;border-radius:999px;background:var(--helpai-bg-elevated);color:var(--helpai-fg-muted);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--helpai-text-xs);overflow:hidden;flex-shrink:0}.helpai-agent-avatar img{width:100%;height:100%;object-fit:cover}.helpai-agent-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:999px;border:2px solid var(--helpai-bg);background:var(--helpai-neutral)}.helpai-agent-avatar[data-status=online]:after{background:var(--helpai-success)}.helpai-agent-avatar[data-status=away]:after{background:var(--helpai-warning)}.helpai-agent-avatar[data-status=offline]:after{background:var(--helpai-neutral)}.helpai-agent-meta{display:flex;flex-direction:column;line-height:1.15;min-width:0}.helpai-agent-meta strong{font-size:calc(14px * var(--helpai-text-scale));font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-agent-meta span{font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-suggestions{display:flex;flex-wrap:nowrap;gap:var(--helpai-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}.helpai-suggestions::-webkit-scrollbar{display:none}.helpai-suggestions:before,.helpai-suggestions:after{content:"";flex:1 1 0;min-width:0}.helpai-suggestion{flex:0 0 auto;scroll-snap-align:center;padding:7px 14px;border-radius:999px;background:var(--helpai-bg-elevated);border:1px solid var(--helpai-border);color:var(--helpai-fg);font-size:var(--helpai-text-sm);font-weight:500;white-space:nowrap;transition:background var(--helpai-dur-quick) var(--helpai-ease),border-color var(--helpai-dur-quick) var(--helpai-ease),transform var(--helpai-dur-quick) var(--helpai-ease)}.helpai-suggestion:hover{border-color:var(--helpai-accent);color:var(--helpai-accent-fg);transform:translateY(-1px)}.helpai-suggestion:focus-visible{outline:2px solid var(--helpai-accent);outline-offset:2px;border-color:var(--helpai-accent)}.helpai-suggestion:active{transform:translateY(0)}.helpai-icon-btn{width:32px;height:32px;border-radius:999px;position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--helpai-fg-muted);transition:background var(--helpai-dur-quick) var(--helpai-ease),color var(--helpai-dur-quick) var(--helpai-ease)}.helpai-icon-btn:hover{background:var(--helpai-bg-elevated);color:var(--helpai-fg)}.helpai-icon-btn:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-icon-btn:active{background:var(--helpai-border)}.helpai-icon-btn:disabled{opacity:.45;cursor:not-allowed}.helpai-icon-btn:before{content:"";position:absolute;inset:-6px}.helpai-icon-btn svg{width:18px;height:18px}.helpai-icon-btn[data-recording=true]{color:var(--helpai-accent-fg);background:color-mix(in srgb,var(--helpai-accent) 12%,transparent);animation:helpai-pulse 1.2s var(--helpai-ease) infinite}@keyframes helpai-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--helpai-accent) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--helpai-accent) 0%,transparent)}}.helpai-list,.helpai-history,.helpai-module-scroll,.helpai-home-scroll,.helpai-help-list,.helpai-toolui-code,.helpai-sidebar-conversations{scrollbar-width:thin;scrollbar-color:var(--helpai-border-strong) transparent;overscroll-behavior:contain;scrollbar-gutter:stable}.helpai-list::-webkit-scrollbar,.helpai-history::-webkit-scrollbar,.helpai-module-scroll::-webkit-scrollbar,.helpai-home-scroll::-webkit-scrollbar,.helpai-help-list::-webkit-scrollbar,.helpai-toolui-code::-webkit-scrollbar,.helpai-sidebar-conversations::-webkit-scrollbar{width:8px}.helpai-list::-webkit-scrollbar-thumb,.helpai-history::-webkit-scrollbar-thumb,.helpai-module-scroll::-webkit-scrollbar-thumb,.helpai-home-scroll::-webkit-scrollbar-thumb,.helpai-help-list::-webkit-scrollbar-thumb,.helpai-toolui-code::-webkit-scrollbar-thumb,.helpai-sidebar-conversations::-webkit-scrollbar-thumb{background:var(--helpai-border-strong);border-radius:8px}.helpai-list-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.helpai-jump{position:absolute;inset-inline-end:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--helpai-border);background:var(--helpai-bg-elevated);color:var(--helpai-fg);box-shadow:var(--helpai-shadow-panel);cursor:pointer;opacity:.85;transition:opacity var(--helpai-dur-quick) var(--helpai-ease),transform var(--helpai-dur-quick) var(--helpai-ease);animation:helpai-bubble-in var(--helpai-dur-base) var(--helpai-ease)}.helpai-jump:hover{opacity:1}.helpai-jump:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px;opacity:1}.helpai-jump:active{transform:translateY(1px)}.helpai-jump svg{width:18px;height:18px}.helpai-list{flex:1;min-height:0;overflow-y:auto;padding:var(--helpai-space-4);padding-bottom:var(--helpai-space-8);display:flex;flex-direction:column;gap:14px}.helpai-list--fade{--helpai-fade-size: 20px;--helpai-fade-top: 0px;--helpai-fade-bottom: 0px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--helpai-fade-top),#000 calc(100% - var(--helpai-fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--helpai-fade-top),#000 calc(100% - var(--helpai-fade-bottom)),transparent 100%)}.helpai-list--fade[data-fade-top=true]{--helpai-fade-top: var(--helpai-fade-size)}.helpai-list--fade[data-fade-bottom=true]{--helpai-fade-bottom: var(--helpai-fade-size)}.helpai-list>*{width:100%;max-width:var(--helpai-conversation-max, 768px);margin-inline:auto}.helpai-load-previous,.helpai-history-more{display:flex;justify-content:center}.helpai-load-previous button,.helpai-history-more button{border:0;padding:4px 8px;background:transparent;color:var(--helpai-accent);font:inherit;font-size:var(--helpai-text-sm);font-weight:600;cursor:pointer}.helpai-load-previous button:hover,.helpai-history-more button:hover{text-decoration:underline}.helpai-load-previous button:focus-visible,.helpai-history-more button:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px;border-radius:var(--helpai-radius-sm)}.helpai-load-previous button:disabled,.helpai-history-more button:disabled{cursor:wait;opacity:.6}.helpai-date-divider{display:flex;justify-content:center;margin-block:var(--helpai-space-3)}.helpai-date-pill{padding:3px 10px;border-radius:999px;font-size:calc(11px * var(--helpai-text-scale));font-weight:600;color:var(--helpai-fg-muted);background:var(--helpai-bg-elevated);border:1px solid var(--helpai-border);box-shadow:var(--helpai-shadow-card)}.helpai-bubble-row{display:flex}.helpai-bubble-row[data-role=user]{justify-content:flex-end}.helpai-bubble-row[data-role=assistant]{justify-content:flex-start}.helpai-bubble{max-width:100%;min-width:0;padding:var(--helpai-space-3) var(--helpai-space-4);border-radius:var(--helpai-radius);line-height:1.6;font-size:calc(14px * var(--helpai-text-scale));word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 1px 2px #0000000a,0 1px 8px -4px #0000000f;animation:helpai-bubble-in var(--helpai-dur-base) var(--helpai-ease)}.helpai-bubble ::selection{background:color-mix(in srgb,var(--helpai-accent) 30%,transparent)}.helpai-bubble-row[data-role=user] .helpai-bubble ::selection{background:#fff6;color:var(--helpai-bubble-user-text)}@keyframes helpai-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.helpai-bubble-row[data-role=user] .helpai-bubble{background:var(--helpai-bubble-user);color:var(--helpai-bubble-user-text);border-end-end-radius:5px}.helpai-bubble-row[data-role=assistant] .helpai-bubble{background:var(--helpai-bubble-assistant);color:var(--helpai-bubble-assistant-text);border:1px solid var(--helpai-border);border-end-start-radius:5px}.helpai-bubble-row[data-role=operator] .helpai-bubble{display:flex;align-items:stretch;padding:0;overflow:hidden;background:var(--helpai-bubble-assistant);color:var(--helpai-bubble-assistant-text);border-end-start-radius:5px}.helpai-bubble-row[data-role=operator] .helpai-bubble-col{align-items:flex-start}.helpai-bubble-author{display:flex;flex:0 0 auto;align-items:center;padding:0 .875rem;border-inline-end:1px solid color-mix(in oklab,var(--helpai-accent),transparent 60%);color:var(--helpai-accent);font-size:calc(13px * var(--helpai-text-scale));font-weight:600;letter-spacing:.025em;user-select:none}.helpai-bubble-row[data-role=operator] .helpai-bubble-body{flex:1 1 auto;min-width:0;padding:var(--helpai-space-3) var(--helpai-space-4)}.helpai-bubble-col{display:flex;flex-direction:column;max-width:85%;min-width:0}.helpai-bubble-row[data-role=user] .helpai-bubble-col{align-items:flex-end}.helpai-bubble-row[data-role=assistant] .helpai-bubble-col{align-items:flex-start}.helpai-bubble-row[data-role=assistant] .helpai-bubble-col:has(.helpai-toolui){width:100%}.helpai-bubble-row[data-role=assistant] .helpai-bubble-col:has(.helpai-toolui) .helpai-bubble{width:100%}@media(max-width:640px){.helpai-bubble-col{max-width:92%}.helpai-toolui:not(.helpai-toolui-collapsible){padding:var(--helpai-space-3);gap:var(--helpai-space-2)}details.helpai-toolui-collapsible>summary{padding:var(--helpai-space-2) var(--helpai-space-3)}details.helpai-toolui-collapsible>.helpai-toolui-section{margin:var(--helpai-space-3)}.helpai-toolui-section,.helpai-toolui-desc{padding:var(--helpai-space-2) var(--helpai-space-3)}}.helpai-bubble-meta{display:flex;align-items:center;gap:8px;margin-top:2px;padding:0 2px;min-height:24px}.helpai-bubble-actions{display:flex;align-items:center;gap:2px}.helpai-bubble-time{font-size:calc(11px * var(--helpai-text-scale));line-height:1;color:var(--helpai-fg-muted);user-select:none}.helpai-feedback{display:flex;align-items:center;gap:2px}.helpai-msg-action{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:var(--helpai-radius-sm);background:transparent;color:var(--helpai-fg-muted);cursor:pointer;opacity:.65;transition:opacity var(--helpai-dur-quick) var(--helpai-ease),background var(--helpai-dur-quick) var(--helpai-ease),color var(--helpai-dur-quick) var(--helpai-ease)}.helpai-msg-action:hover{opacity:1;background:var(--helpai-bg-elevated);color:var(--helpai-fg)}.helpai-msg-action:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px;opacity:1}.helpai-msg-action[data-active=true]{opacity:1;color:var(--helpai-accent-fg)}.helpai-msg-action svg{width:15px;height:15px}.helpai-md>*:first-child{margin-top:0}.helpai-md>*:last-child{margin-bottom:0}.helpai-md p{margin:10px 0}.helpai-md h1,.helpai-md h2,.helpai-md h3,.helpai-md h4,.helpai-md h5,.helpai-md h6{margin:18px 0 8px;line-height:1.3;letter-spacing:-.01em;font-weight:700}.helpai-md h1{font-size:1.4em}.helpai-md h2{font-size:1.22em}.helpai-md h3{font-size:1.08em}.helpai-md h4,.helpai-md h5,.helpai-md h6{font-size:1em}.helpai-md>h1:first-child,.helpai-md>h2:first-child,.helpai-md>h3:first-child,.helpai-md>h4:first-child,.helpai-md>h5:first-child,.helpai-md>h6:first-child{margin-top:0}.helpai-md ul,.helpai-md ol{padding-inline-start:1.5em;margin:10px 0}.helpai-md ul{list-style:disc}.helpai-md ol{list-style:decimal}.helpai-md li{margin:6px 0;padding-inline-start:2px}.helpai-md li::marker{color:var(--helpai-fg-muted)}.helpai-md li>p{margin:6px 0}.helpai-md li>ul,.helpai-md li>ol{margin:6px 0}.helpai-md strong,.helpai-md b{font-weight:650;letter-spacing:-.005em}.helpai-md em,.helpai-md i{font-style:italic}.helpai-md code{font-family:var(--helpai-font-mono);font-size:.86em;padding:1px 6px;border-radius:5px;background:color-mix(in srgb,var(--helpai-accent) 10%,transparent);color:var(--helpai-fg);border:1px solid color-mix(in srgb,var(--helpai-accent) 16%,transparent)}.helpai-md pre{font-family:var(--helpai-font-mono);font-size:calc(12.5px * var(--helpai-text-scale));padding:12px 14px;border-radius:var(--helpai-radius-sm);background:#7f7f7f1f;overflow-x:auto;margin:var(--helpai-space-3) 0;line-height:1.5}.helpai-md pre code{padding:0;background:none}.helpai-md a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.helpai-md a:hover{text-decoration-thickness:2px}.helpai-md blockquote{margin:14px 0;padding:6px 14px;border-inline-start:3px solid color-mix(in srgb,var(--helpai-accent) 50%,transparent);background:color-mix(in srgb,var(--helpai-accent) 5%,transparent);border-start-end-radius:var(--helpai-radius-sm);border-end-end-radius:var(--helpai-radius-sm);color:var(--helpai-fg-muted)}.helpai-md blockquote>:first-child{margin-top:0}.helpai-md blockquote>:last-child{margin-bottom:0}.helpai-md hr{border:0;height:1px;background:color-mix(in srgb,currentColor 18%,transparent);margin:var(--helpai-space-4) 0}.helpai-md table{border-collapse:collapse;margin:var(--helpai-space-3) 0;font-size:.95em;display:block;overflow-x:auto;max-width:100%;font-variant-numeric:tabular-nums}.helpai-md th,.helpai-md td{padding:6px 10px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);text-align:start}.helpai-md th{font-weight:700;background:color-mix(in srgb,currentColor 6%,transparent)}.helpai-md h1+ul,.helpai-md h1+ol,.helpai-md h2+ul,.helpai-md h2+ol,.helpai-md h3+ul,.helpai-md h3+ol,.helpai-md h4+ul,.helpai-md h4+ol{margin-top:var(--helpai-space-1)}.helpai-loading{display:inline-flex;align-items:center;gap:var(--helpai-space-2);color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm)}.helpai-loading-spinner{width:14px;height:14px;border-radius:999px;border:2px solid currentColor;border-top-color:transparent;animation:helpai-spin .8s linear infinite}@keyframes helpai-spin{to{transform:rotate(1turn)}}.helpai-typing{display:inline-flex;gap:var(--helpai-space-1);padding:var(--helpai-space-1) 0}.helpai-typing span{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.4;animation:helpai-blink 1.2s var(--helpai-ease) infinite}.helpai-typing span:nth-child(2){animation-delay:.2s}.helpai-typing span:nth-child(3){animation-delay:.4s}@keyframes helpai-blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.helpai-reasoning{margin:var(--helpai-space-1) 0 var(--helpai-space-2);padding-inline-start:var(--helpai-space-3);border-inline-start:2px solid var(--helpai-border-strong)}.helpai-reasoning-summary{display:inline-flex;align-items:center;gap:var(--helpai-space-1);cursor:pointer;list-style:none;user-select:none;color:var(--helpai-fg-muted);font-size:var(--helpai-text-xs);font-weight:600}.helpai-reasoning-summary:hover{color:var(--helpai-fg)}.helpai-reasoning-summary:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px;border-radius:var(--helpai-radius-sm)}.helpai-reasoning-summary::-webkit-details-marker{display:none}.helpai-reasoning-summary:before{content:"";width:5px;height:5px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.7;transition:transform var(--helpai-dur-quick) var(--helpai-ease)}.helpai-reasoning[open] .helpai-reasoning-summary:before{transform:rotate(45deg)}.helpai-reasoning[data-active=true] .helpai-reasoning-label{animation:helpai-reasoning-pulse 1.4s var(--helpai-ease) infinite}@keyframes helpai-reasoning-pulse{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.helpai-reasoning[data-active=true] .helpai-reasoning-label{animation:none}}.helpai-reasoning-body{margin-top:var(--helpai-space-1);color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm)}.helpai-reasoning-body>:first-child{margin-top:0}.helpai-reasoning-body>:last-child{margin-bottom:0}.helpai-source{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:6px;margin-inline-end:6px;padding:var(--helpai-space-1) var(--helpai-space-2);border-radius:999px;background:var(--helpai-bg-elevated);border:1px solid var(--helpai-border);color:var(--helpai-fg-muted);font-size:var(--helpai-text-xs);text-decoration:none}a.helpai-source:hover{color:var(--helpai-fg);border-color:var(--helpai-accent)}.helpai-source-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-composer{border-top:1px solid var(--helpai-border);padding:10px 12px;background:var(--helpai-bg);display:flex;flex-direction:column;gap:var(--helpai-space-2)}.helpai-composer>*{width:100%;max-width:var(--helpai-conversation-max, 768px);margin-inline:auto}.helpai-compaction-status{width:100%;padding:10px 14px;justify-content:center;font-size:var(--helpai-text-xs)}.helpai-message-queue{display:flex;max-height:112px;flex-direction:column;gap:var(--helpai-space-1);overflow-y:auto}.helpai-attachment-chip.helpai-queued-message{width:100%;max-width:none}.helpai-queued-text{min-width:0;flex:1}.helpai-composer-row{display:flex;align-items:flex-end;gap:6px}.helpai-textarea{flex:1;--helpai-textarea-base-height: 40px;height:var(--helpai-textarea-base-height);max-height:160px;padding:10px 12px;border-radius:var(--helpai-radius);background:var(--helpai-bg-elevated);border:1px solid transparent;font-size:calc(14px * var(--helpai-text-scale));line-height:1.4;transition:height var(--helpai-dur-quick) var(--helpai-ease),border-color var(--helpai-dur-quick) var(--helpai-ease)}.helpai-textarea:focus-visible{outline:none;border-color:var(--helpai-focus)}@media(pointer:coarse){.helpai-textarea{--helpai-textarea-base-height: 44px}}.helpai-send{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:opacity var(--helpai-dur-quick) var(--helpai-ease),transform var(--helpai-dur-quick) var(--helpai-ease),background var(--helpai-dur-quick) var(--helpai-ease)}.helpai-send[data-shape=circle]{border-radius:999px}.helpai-send[data-shape=square]{border-radius:var(--helpai-radius-sm)}.helpai-send[data-shape=pill]{width:auto;padding:0 18px;border-radius:999px}.helpai-send[data-variant=filled]{background:var(--helpai-accent);color:var(--helpai-accent-text)}.helpai-send[data-variant=outline]{background:transparent;color:var(--helpai-accent-fg);border-color:var(--helpai-accent)}.helpai-send[data-variant=outline]:not(:disabled):hover{background:color-mix(in srgb,var(--helpai-accent) 10%,transparent)}.helpai-send[data-variant=ghost]{background:transparent;color:var(--helpai-accent-fg)}.helpai-send[data-variant=ghost]:not(:disabled):hover{background:color-mix(in srgb,var(--helpai-accent) 8%,transparent)}.helpai-send:disabled{opacity:.4;cursor:not-allowed}.helpai-send:not(:disabled):hover{transform:translateY(-1px)}.helpai-send:not(:disabled):active{transform:translateY(0)}.helpai-send:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-send svg{width:18px;height:18px}.helpai-composer-actions{display:flex;gap:var(--helpai-space-1);flex-wrap:wrap}.helpai-attachments{display:flex;flex-wrap:wrap;gap:6px}.helpai-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:var(--helpai-space-1) var(--helpai-space-2) var(--helpai-space-1) var(--helpai-space-1);border-radius:999px;background:var(--helpai-bg-elevated);border:1px solid var(--helpai-border);font-size:var(--helpai-text-xs);max-width:200px}.helpai-attachment-thumb{width:24px;height:24px;border-radius:999px;object-fit:cover;background:var(--helpai-border)}.helpai-attachment-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.helpai-attachment-remove{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--helpai-fg-muted)}.helpai-attachment-remove:hover{background:var(--helpai-border);color:var(--helpai-fg)}.helpai-dropzone{position:absolute;inset:8px;border:2px dashed var(--helpai-accent);border-radius:var(--helpai-radius);background:color-mix(in srgb,var(--helpai-accent) 8%,transparent);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--helpai-accent-fg);pointer-events:none;z-index:10;animation:helpai-fade-in var(--helpai-dur-quick) var(--helpai-ease)}@keyframes helpai-fade-in{0%{opacity:0}to{opacity:1}}.helpai-error{margin-top:var(--helpai-space-1);padding:8px 12px;border-radius:var(--helpai-radius-sm);background:color-mix(in oklab,var(--helpai-danger) 8%,var(--helpai-bg-elevated));border:1px solid color-mix(in oklab,var(--helpai-danger) 20%,transparent);color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm);display:flex;align-items:center;gap:var(--helpai-space-2)}.helpai-error span{min-width:0}.helpai-error button{margin-inline-start:auto;flex-shrink:0;border:0;background:none;padding:0;color:var(--helpai-accent-fg);font:inherit;font-size:var(--helpai-text-sm);font-weight:600;text-decoration:underline;white-space:nowrap;cursor:pointer}.helpai-history{flex:1;overflow-y:auto;padding:var(--helpai-space-2) var(--helpai-space-1) var(--helpai-space-3)}.helpai-history-footer{flex:none;padding:var(--helpai-space-2) var(--helpai-space-3) var(--helpai-space-3);border-top:1px solid var(--helpai-border);background:var(--helpai-surface)}.helpai-history-new{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--helpai-space-2);padding:var(--helpai-space-2) var(--helpai-space-3);border:none;border-radius:var(--helpai-radius-md);background:var(--helpai-accent);color:var(--helpai-on-accent);cursor:pointer;font-size:var(--helpai-text-sm);font-weight:600;transition:filter var(--helpai-dur-quick) var(--helpai-ease-out),transform var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-history-new svg{width:16px;height:16px}.helpai-history-new:hover{filter:brightness(1.08)}.helpai-history-new:active{transform:translateY(1px)}.helpai-history-new:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-history-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px;color:var(--helpai-fg-muted);font-size:calc(14px * var(--helpai-text-scale));text-align:center}.helpai-history-group{display:flex;flex-direction:column;padding:0 var(--helpai-space-3)}.helpai-history-heading{font-size:var(--helpai-text-xs);font-weight:600;color:var(--helpai-fg-muted);padding:14px 4px 8px;text-transform:uppercase;letter-spacing:.04em}.helpai-history-card{display:flex;flex-direction:column;background:var(--helpai-surface);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-lg, 14px);overflow:hidden}.helpai-history-card>[role=listitem]{display:flex;flex-direction:column}.helpai-history-item{all:unset;display:flex;align-items:center;gap:var(--helpai-space-3);padding:12px var(--helpai-space-3);cursor:pointer;transition:background var(--helpai-dur-base) var(--helpai-ease)}.helpai-history-card>*+*{border-top:1px solid var(--helpai-border)}.helpai-history-item:hover{background:var(--helpai-bg-elevated)}.helpai-history-item:focus-visible{background:var(--helpai-bg-elevated);outline:2px solid var(--helpai-focus);outline-offset:-2px}.helpai-history-avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in oklab,var(--helpai-accent) 12%,transparent);color:var(--helpai-accent-fg)}.helpai-history-avatar svg{width:18px;height:18px}.helpai-history-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.helpai-history-row{display:flex;align-items:center;justify-content:space-between;gap:var(--helpai-space-2)}.helpai-history-title{flex:1;min-width:0;font-size:calc(14px * var(--helpai-text-scale));font-weight:500;color:var(--helpai-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-history-time{flex:none;font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted)}.helpai-history-preview{flex:1;min-width:0;font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-history-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--helpai-accent)}.helpai-history-item[data-unread=true] .helpai-history-title{font-weight:600}.helpai-history-item[data-closed=true] .helpai-history-title{color:var(--helpai-fg-muted)}.helpai-history-item-skeleton{cursor:default;pointer-events:none}.helpai-skeleton{display:block;border-radius:4px;background:linear-gradient(90deg,color-mix(in oklab,var(--helpai-fg) 9%,transparent) 30%,color-mix(in oklab,var(--helpai-fg) 17%,transparent),color-mix(in oklab,var(--helpai-fg) 9%,transparent) 70%);background-size:200% 100%;animation:helpai-skeleton-shimmer 1.8s ease-in-out infinite}.helpai-history-avatar.helpai-skeleton{border-radius:50%}.helpai-skeleton-heading{width:52px;height:8px}.helpai-skeleton-title{width:55%;height:12px}.helpai-skeleton-time{width:34px;height:10px}.helpai-skeleton-preview{width:80%;height:10px}@keyframes helpai-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.helpai-skeleton{animation:none}}.helpai-list-loading{margin:auto;padding:var(--helpai-space-6) var(--helpai-space-4);color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm);text-align:center}.helpai-readonly-banner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px;margin:0 var(--helpai-space-3) var(--helpai-space-3);border-radius:var(--helpai-radius-md);background:var(--helpai-bg-elevated);color:var(--helpai-fg-muted);text-align:center;font-size:var(--helpai-text-sm)}.helpai-readonly-label{line-height:1.4}.helpai-readonly-cta{appearance:none;border:0;cursor:pointer;padding:var(--helpai-space-2) var(--helpai-space-4);border-radius:999px;background:var(--helpai-accent);color:var(--helpai-accent-text, #fff);font:inherit;font-weight:600;font-size:var(--helpai-text-sm);transition:filter var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-readonly-cta:hover,.helpai-readonly-cta:focus-visible{filter:brightness(1.1)}.helpai-operator-banner{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 var(--helpai-space-3) var(--helpai-space-1);padding:8px 12px;border-radius:var(--helpai-radius-md);background:color-mix(in oklab,var(--helpai-bg-elevated),var(--helpai-accent) 6%);color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm);line-height:1.3;text-align:center}.helpai-operator-pulse{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--helpai-accent)}.helpai-operator-banner[data-mode=awaiting-operator] .helpai-operator-pulse{animation:helpai-operator-pulse 1.4s var(--helpai-ease-out) infinite}.helpai-cancel-operator-request{flex:0 0 auto;padding:0;border:0;background:none;color:var(--helpai-accent);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.helpai-cancel-operator-request:hover{opacity:.8}.helpai-cancel-operator-request:focus-visible{outline:2px solid var(--helpai-accent);outline-offset:2px;border-radius:var(--helpai-radius-sm)}@keyframes helpai-operator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.helpai-readonly-cta:focus-visible{outline:2px solid var(--helpai-accent);outline-offset:2px}.helpai-composer-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 16px;margin:0 var(--helpai-space-3);border-top:1px solid var(--helpai-border);text-align:center;font-size:calc(11px * var(--helpai-text-scale));line-height:1.4;color:var(--helpai-fg-muted)}.helpai-disclaimer{max-width:320px;margin:0 auto;opacity:.9;letter-spacing:.01em}.helpai-poweredby{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:inherit;text-decoration:none;opacity:.7;transition:opacity var(--helpai-dur-base) var(--helpai-ease);font-size:calc(11px * var(--helpai-text-scale));letter-spacing:.02em}.helpai-poweredby:hover{opacity:1}.helpai-poweredby-logo{height:12px;width:auto;display:inline-block;vertical-align:middle}.helpai-poweredby-bar{flex:none;display:flex;align-items:center;justify-content:center;padding:6px 16px;border-top:1px solid var(--helpai-border);background:var(--helpai-bg-elevated)}.helpai-menu-wrap{position:relative;display:inline-flex}.helpai-menu{position:absolute;top:100%;inset-inline-end:0;margin-top:6px;min-width:200px;padding:6px;background:var(--helpai-bg);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);box-shadow:var(--helpai-shadow-panel);z-index:10;display:flex;flex-direction:column;gap:2px;animation:helpai-menu-in var(--helpai-dur-base) var(--helpai-ease)}@media(prefers-reduced-motion:reduce){.helpai-menu{animation:none}}@keyframes helpai-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top right}to{opacity:1;transform:none}}.helpai-menu-item{all:unset;display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:var(--helpai-text-sm);color:var(--helpai-fg);border-radius:var(--helpai-radius-sm);cursor:pointer;user-select:none}.helpai-menu-item:hover{background:var(--helpai-bg-elevated)}.helpai-menu-item:focus-visible{background:var(--helpai-bg-elevated);outline:2px solid var(--helpai-focus);outline-offset:-2px}.helpai-menu-item[disabled]{opacity:.45;cursor:not-allowed}.helpai-menu-icon{display:inline-flex;width:16px;height:16px;color:var(--helpai-fg-muted)}.helpai-menu-icon svg{width:16px;height:16px}.helpai-menu-label{flex:1}.helpai-menu-check{display:inline-flex;color:var(--helpai-accent-fg)}.helpai-menu-check svg{width:14px;height:14px}.helpai-menu-item-segmented{cursor:default}.helpai-menu-item-segmented:hover{background:transparent}.helpai-segmented{display:inline-flex;gap:2px;padding:2px;background:var(--helpai-bg-elevated);border-radius:var(--helpai-radius-sm)}.helpai-segment{all:unset;min-width:26px;padding:3px 8px;font-size:var(--helpai-text-xs);font-weight:600;letter-spacing:.02em;text-align:center;color:var(--helpai-fg-muted);border-radius:calc(var(--helpai-radius-sm) - 2px);cursor:pointer;transition:color .12s ease,background .12s ease}.helpai-segment:hover{color:var(--helpai-fg)}.helpai-segment[data-on=true]{background:var(--helpai-bg);color:var(--helpai-accent-fg);box-shadow:var(--helpai-shadow-card)}.helpai-segment:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:-2px}.helpai-resize-grip{position:absolute;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--helpai-fg-muted);opacity:.45;transition:opacity var(--helpai-dur-base) var(--helpai-ease);z-index:2;touch-action:none;user-select:none}.helpai-resize-grip:hover,.helpai-resize-grip:focus-visible{opacity:1}.helpai-resize-grip svg{width:10px;height:10px}.helpai-resize-grip--bottom-left{bottom:2px;left:2px;cursor:nesw-resize;transform:scaleX(-1)}.helpai-resize-grip--bottom-right{bottom:2px;right:2px;cursor:nwse-resize}.helpai-resize-grip--top-left{top:2px;left:2px;cursor:nwse-resize;transform:rotate(180deg)}.helpai-resize-grip--top-right{top:2px;right:2px;cursor:nesw-resize;transform:scaleY(-1)}:host(:not([data-mode="open"])) .helpai-resize-grip{display:none}.helpai-messenger{display:flex;flex-direction:column;overflow:hidden}.helpai-messenger-body,.helpai-messenger-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.helpai-messenger-pane[hidden]{display:none}@keyframes helpai-view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.helpai-module{display:flex;flex-direction:column;height:100%;min-height:0}@media(prefers-reduced-motion:no-preference){.helpai-module,.helpai-history{animation:helpai-view-in .18s var(--helpai-ease-out)}}.helpai-module-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--helpai-space-3);display:flex;flex-direction:column;gap:var(--helpai-space-3)}.helpai-home{container-type:inline-size;background:radial-gradient(125% 65% at 88% 0%,color-mix(in srgb,#fff 16%,transparent),transparent 55%),linear-gradient(180deg,var(--helpai-accent) 0%,var(--helpai-accent) 22%,color-mix(in srgb,var(--helpai-accent) 28%,var(--helpai-surface)) 44%,var(--helpai-surface) 70%);border-radius:var(--helpai-radius-lg) var(--helpai-radius-lg) 0 0}.helpai-home-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background:transparent}.helpai-home-cards{display:flex;flex-direction:column;gap:var(--helpai-space-3);padding:4px 14px 16px}.helpai-module-pad{padding:var(--helpai-space-3) var(--helpai-space-3) 0}.helpai-module-empty{display:flex;flex-direction:column;align-items:center;gap:var(--helpai-space-3);padding:var(--helpai-space-8) var(--helpai-space-4);text-align:center;color:var(--helpai-fg-muted);font-size:var(--helpai-text-base)}.helpai-module-retry{padding:var(--helpai-space-2) var(--helpai-space-4);border:1px solid var(--helpai-border-strong);border-radius:var(--helpai-radius-sm);color:var(--helpai-fg);font-weight:600;cursor:pointer;transition:background var(--helpai-dur-quick) var(--helpai-ease-out),border-color var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-module-retry:hover{background:var(--helpai-hover);border-color:var(--helpai-accent)}.helpai-module-retry:active{background:var(--helpai-border)}.helpai-module-retry:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-help-list{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--helpai-space-3)}.helpai-help-group{display:flex;flex-direction:column}.helpai-help-section-title{position:sticky;top:0;z-index:1;margin:0;padding:var(--helpai-space-3) var(--helpai-space-5) var(--helpai-space-2);font-size:var(--helpai-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--helpai-fg-muted);background:var(--helpai-bg)}.helpai-help-card{margin:0 var(--helpai-space-3) var(--helpai-space-3);background:var(--helpai-surface);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius);overflow:hidden}.helpai-help-card .helpai-list-row{border-bottom:0;border-radius:0}.helpai-help-card .helpai-list-row+.helpai-list-row{border-top:1px solid var(--helpai-border)}.helpai-help-more{justify-content:center;color:var(--helpai-accent-fg);font-weight:600}.helpai-tabbar{display:flex;border-top:1px solid var(--helpai-border);background:var(--helpai-bg-elevated);flex-shrink:0}.helpai-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--helpai-space-1);min-height:48px;padding:var(--helpai-space-2) var(--helpai-space-1);color:var(--helpai-fg-muted);font-size:var(--helpai-text-xs);font-weight:600;transition:color var(--helpai-dur-quick) var(--helpai-ease-out)}@media(hover:hover){.helpai-tab:hover{background:var(--helpai-hover)}}.helpai-tab[aria-selected=true]{color:var(--helpai-accent-fg)}.helpai-tab:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:-2px}.helpai-tab:active{background:var(--helpai-hover)}.helpai-tab-icon{position:relative;display:inline-flex}.helpai-tab-icon svg{width:22px;height:22px}.helpai-tab-badge{position:absolute;top:-2px;left:calc(50% + 6px);width:8px;height:8px;border-radius:50%;background:var(--helpai-accent);box-shadow:0 0 0 2px var(--helpai-bg-elevated)}.helpai-home-hero{flex-shrink:0;padding:var(--helpai-space-5) var(--helpai-space-5) var(--helpai-space-3);color:var(--helpai-on-accent);--helpai-focus: var(--helpai-on-accent)}.helpai-home-hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--helpai-space-3);min-height:32px}.helpai-home-brand{font-size:clamp(calc(12px * var(--helpai-text-scale)),calc(3.2cqi * var(--helpai-text-scale)),calc(14px * var(--helpai-text-scale)));font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,#fff 82%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.helpai-home-brand-spacer{flex:1}.helpai-home-hero-actions{display:flex;align-items:center;gap:var(--helpai-space-2);flex-shrink:0}.helpai-home-hero-actions .helpai-icon-btn{color:#fff}.helpai-home-hero-actions .helpai-icon-btn:hover{background:color-mix(in srgb,#fff 18%,transparent);color:#fff}.helpai-home-hero-actions .helpai-icon-btn:active{background:color-mix(in srgb,#fff 26%,transparent)}.helpai-home-greeting{margin:28px 0 0;font-family:var(--helpai-font-display);font-size:clamp(calc(19px * var(--helpai-text-scale)),calc(5.5cqi * var(--helpai-text-scale)),var(--helpai-text-2xl));font-weight:800;line-height:1.18;letter-spacing:-.01em;overflow-wrap:anywhere}.helpai-home-lead{margin:10px 0 0;font-family:var(--helpai-font-display);font-size:clamp(calc(15px * var(--helpai-text-scale)),calc(4.2cqi * var(--helpai-text-scale)),var(--helpai-text-xl));font-weight:600;line-height:1.25;letter-spacing:-.005em;color:color-mix(in srgb,var(--helpai-on-accent) 78%,transparent);overflow-wrap:anywhere}.helpai-home-avatars{display:flex}.helpai-home-avatar{width:30px;height:30px;border-radius:999px;overflow:hidden;margin-inline-start:-10px;border:2px solid color-mix(in srgb,#fff 92%,transparent);box-shadow:0 1px 3px #0000002e;background:var(--helpai-surface);display:inline-flex;align-items:center;justify-content:center;font-size:var(--helpai-text-xs);font-weight:700;color:var(--helpai-fg)}.helpai-home-avatar:first-child{margin-inline-start:0}.helpai-home-avatar img{width:100%;height:100%;object-fit:cover}.helpai-home-content{background:var(--helpai-surface);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius);box-shadow:var(--helpai-shadow-card);overflow:hidden}.helpai-home-content-title{padding:var(--helpai-space-4) var(--helpai-space-4) var(--helpai-space-3);font-size:var(--helpai-text-sm);font-weight:700}.helpai-home-content-list{display:flex;flex-direction:column;padding:0 var(--helpai-space-2) var(--helpai-space-2)}.helpai-home-content-list .helpai-list-row+.helpai-list-row{border-top:1px solid var(--helpai-border)}.helpai-home-card{display:block;width:100%;text-align:start;background:var(--helpai-surface);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius);padding:var(--helpai-space-4);box-shadow:var(--helpai-shadow-card)}.helpai-home-card[data-interactive=true]{cursor:pointer;transition:background var(--helpai-dur-quick) var(--helpai-ease-out),transform var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-home-card[data-interactive=true]:hover{background:var(--helpai-bg-elevated)}.helpai-home-card[data-interactive=true]:active{transform:translateY(1px)}.helpai-home-card[data-interactive=true]:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-home-recent-row{display:flex;align-items:center;gap:var(--helpai-space-3)}.helpai-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(--helpai-accent) 14%,transparent);color:var(--helpai-accent-fg)}.helpai-home-recent-avatar svg{width:20px;height:20px}.helpai-home-recent-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;line-height:1.45}.helpai-home-recent-title{font-weight:600;font-size:calc(14px * var(--helpai-text-scale))}.helpai-home-recent-preview{color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.helpai-home-recent-dot{width:8px;height:8px;border-radius:999px;background:var(--helpai-accent);flex-shrink:0}.helpai-home-recent-row[data-unread=true] .helpai-home-recent-title{font-weight:700}.helpai-home-status{display:flex;align-items:center;gap:var(--helpai-space-3)}.helpai-home-status-icon svg{width:22px;height:22px;color:var(--helpai-success)}.helpai-home-status[data-level=degraded] .helpai-home-status-icon svg{color:var(--helpai-warning)}.helpai-home-status[data-level=down] .helpai-home-status-icon svg{color:var(--helpai-danger)}.helpai-home-status-text{font-weight:600;font-size:calc(14px * var(--helpai-text-scale))}.helpai-home-search{display:flex;align-items:center;gap:var(--helpai-space-2);width:100%;padding:var(--helpai-space-3) var(--helpai-space-4);border-radius:var(--helpai-radius);border:1px solid var(--helpai-border);background:var(--helpai-surface);text-align:start}.helpai-home-search[data-input=true]{background:var(--helpai-bg-elevated)}.helpai-home-search:hover{border-color:var(--helpai-border-strong)}.helpai-home-search:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-home-search[data-input=true]:focus-within{outline:none;border-color:var(--helpai-focus)}.helpai-home-search-text{flex:1;color:var(--helpai-fg-muted);font-size:calc(14px * var(--helpai-text-scale))}.helpai-home-search-input{flex:1;border:0;background:transparent;font-size:calc(14px * var(--helpai-text-scale));color:var(--helpai-fg);outline:none}.helpai-home-search-input:focus-visible{outline:none}.helpai-home-search-icon svg{width:18px;height:18px;color:var(--helpai-accent-fg)}.helpai-home-ask{padding-block:6px;padding-inline-end:6px}.helpai-home-ask .helpai-send{width:32px;height:32px;flex-shrink:0}.helpai-home-ask .helpai-send[data-shape=pill]{width:auto;padding:0 14px}.helpai-home-ask .helpai-send svg{width:16px;height:16px}.helpai-list-row{display:flex;align-items:center;gap:var(--helpai-space-3);width:100%;min-height:44px;text-align:start;padding:var(--helpai-space-3) var(--helpai-space-2);border-radius:var(--helpai-radius-sm)}.helpai-list-row:hover{background:var(--helpai-hover)}.helpai-list-row:active{background:var(--helpai-border)}.helpai-list-row:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:-2px}.helpai-list-row-body{display:flex;flex-direction:column;min-width:0;flex:1}.helpai-list-row-title{font-weight:600;font-size:var(--helpai-text-md);line-height:1.35}.helpai-list-row-sub{color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm);margin-top:var(--helpai-space-1);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.helpai-list-row-chevron svg{width:18px;height:18px;color:var(--helpai-accent-fg);flex-shrink:0}.helpai-back-header{display:flex;align-items:center;gap:var(--helpai-space-2);padding:10px 12px;border-bottom:1px solid var(--helpai-border);flex-shrink:0}.helpai-back-title{flex:1;text-align:center;font-size:var(--helpai-text-md);font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-back-spacer{width:32px;height:1px}.helpai-history>*,.helpai-home-scroll>*,.helpai-module-scroll>*,.helpai-help-list>*,.helpai-history-footer>*,.helpai-module-pad{width:100%;max-width:var(--helpai-conversation-max, 768px);margin-inline:auto}.helpai-header,.helpai-back-header{padding-inline:max(12px,calc((100% - var(--helpai-conversation-max, 768px)) / 2))}.helpai-tabbar{padding-inline:max(0px,calc((100% - var(--helpai-conversation-max, 768px)) / 2))}.helpai-content{display:flex;flex-direction:column;gap:14px;width:100%;max-width:68ch;margin:0 auto}.helpai-content-hero{width:100%;border-radius:var(--helpai-radius)}.helpai-content-subtitle{color:var(--helpai-fg-muted);margin:0}.helpai-content-vote{display:flex;align-items:center;flex-wrap:wrap;gap:var(--helpai-space-2);padding-top:var(--helpai-space-3);border-top:1px solid var(--helpai-border)}.helpai-content-frame{flex:1;min-height:0;width:100%;border:0;background:#fff}.helpai-news-list{display:flex;flex-direction:column;gap:var(--helpai-space-3)}.helpai-news-card{display:block;width:100%;text-align:start;line-height:1.45;border:1px solid var(--helpai-border);border-radius:var(--helpai-radius);overflow:hidden;background:var(--helpai-surface);transition:background var(--helpai-dur-quick) var(--helpai-ease-out),transform var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-news-card:hover{background:var(--helpai-bg-elevated)}.helpai-news-card:active{transform:translateY(1px)}.helpai-news-card:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-news-hero{width:100%;display:block}.helpai-news-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.helpai-news-title{font-weight:700;font-size:var(--helpai-text-md)}.helpai-news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm)}.helpai-news-tag{padding:1px 8px;border-radius:6px;background:var(--helpai-hover);color:var(--helpai-fg);font-size:calc(12px * var(--helpai-text-scale));white-space:nowrap}.helpai-news-more{display:flex;align-items:center;justify-content:center;gap:var(--helpai-space-2);width:100%;min-height:44px;border:1px solid var(--helpai-border);border-radius:var(--helpai-radius);background:var(--helpai-surface);color:var(--helpai-accent-fg);font-weight:600}.helpai-news-more:hover{background:var(--helpai-bg-elevated)}.helpai-news-more:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-news-summary{color:var(--helpai-fg-muted);font-size:calc(14px * var(--helpai-text-scale));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.helpai-modules-empty{display:flex;align-items:center;justify-content:center;position:relative}.helpai-modules-empty-close{position:absolute;top:12px;inset-inline-end:12px}.helpai-modules-empty-text{color:var(--helpai-fg-muted);font-size:var(--helpai-text-base)}.helpai-form{display:flex;flex-direction:column;gap:var(--helpai-space-4)}.helpai-field{display:flex;flex-direction:column;gap:6px}.helpai-field-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--helpai-space-2)}.helpai-field-label{font-size:var(--helpai-text-sm);font-weight:600;color:var(--helpai-fg)}.helpai-field-req{color:var(--helpai-danger)}.helpai-field-type{flex-shrink:0;align-self:center;margin-inline-start:auto;border:1px solid var(--helpai-border);border-radius:5px;background:color-mix(in oklab,var(--helpai-fg-muted) 9%,transparent);padding:1px 7px;font-size:var(--helpai-text-xs);font-weight:600;color:var(--helpai-fg-muted);white-space:nowrap}.helpai-field-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:10px var(--helpai-space-3);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);background:var(--helpai-bg);color:var(--helpai-fg);font:inherit;font-size:var(--helpai-text-sm);resize:vertical;transition:border-color var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-field-input:focus-visible{outline:none;border-color:var(--helpai-accent)}.helpai-field[data-invalid=true] .helpai-field-input{border-color:var(--helpai-danger)}.helpai-field-input[type=date],.helpai-field-input[type=time]{appearance:none;-webkit-appearance:none}@media(pointer:coarse){.helpai-textarea,.helpai-home-search-input,.helpai-field-input{font-size:max(16px,calc(16px * var(--helpai-text-scale)))}}.helpai-field-hint{font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted)}.helpai-field-error{font-size:var(--helpai-text-xs);color:var(--helpai-danger)}.helpai-field-choices{display:flex;flex-direction:column;gap:10px;padding-top:2px}.helpai-choice{display:flex;align-items:flex-start;gap:10px;font-size:var(--helpai-text-sm);color:var(--helpai-fg);cursor:pointer}.helpai-choice input{margin-top:2px;accent-color:var(--helpai-accent)}.helpai-form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--helpai-space-2);margin-top:var(--helpai-space-2)}.helpai-form-hint{flex:1 1 auto;min-width:6rem;margin-inline-end:auto;font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted)}.helpai-form-submit{padding:var(--helpai-space-2) var(--helpai-space-4);border:none;border-radius:var(--helpai-radius-md);background:var(--helpai-accent);color:var(--helpai-accent-text, #fff);font:inherit;font-weight:600;font-size:var(--helpai-text-sm);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:filter var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-form-submit:hover:not(:disabled){filter:brightness(1.06)}.helpai-form-submit:disabled{opacity:.6;cursor:default}.helpai-form-skip{padding:var(--helpai-space-2) var(--helpai-space-4);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);background:transparent;color:var(--helpai-fg-muted);font:inherit;font-size:var(--helpai-text-sm);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-form-skip:hover:not(:disabled){background:var(--helpai-bg-elevated)}@media(max-width:640px){.helpai-form-hint{flex-basis:100%;margin-inline-end:0;font-size:var(--helpai-text-xs)}.helpai-form-submit,.helpai-form-skip{flex:1 1 0;text-align:center}}.helpai-form-gate{display:flex;flex-direction:column;gap:var(--helpai-space-3);padding:var(--helpai-space-4);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);background:var(--helpai-bg-elevated)}.helpai-form-gate-title{margin:0;font-size:var(--helpai-text-base);font-weight:700;color:var(--helpai-fg)}.helpai-form-gate-desc{margin:0 0 var(--helpai-space-1);font-size:var(--helpai-text-sm);color:var(--helpai-fg-muted)}.helpai-form-done{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:1px dashed var(--helpai-border);border-radius:999px;align-self:center;font-size:var(--helpai-text-xs);font-weight:600;color:var(--helpai-fg-muted)}.helpai-form-done svg{width:14px;height:14px;color:var(--helpai-success, #22c55e)}.helpai-form-done[data-outcome=skipped] svg{color:var(--helpai-fg-muted)}.helpai-form-done-fill{border:0;background:none;padding:0 2px;cursor:pointer;font:inherit;font-weight:600;color:var(--helpai-accent-fg)}.helpai-form-done-fill:hover{text-decoration:underline}details.helpai-form-done{display:block;padding:0;border-radius:var(--helpai-radius-md)}details[open].helpai-form-done{width:min(100%,420px);background:var(--helpai-surface)}.helpai-form-done-summary{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;cursor:pointer;list-style:none}.helpai-form-done-summary::-webkit-details-marker{display:none}.helpai-form-done-summary>svg:last-child{color:var(--helpai-fg-muted);transition:transform .15s var(--helpai-ease)}details[open]>.helpai-form-done-summary>svg:last-child{transform:rotate(90deg)}.helpai-form-answers{margin:0;padding:var(--helpai-space-2) var(--helpai-space-3) var(--helpai-space-3);display:grid;gap:var(--helpai-space-3);text-align:start}.helpai-form-answer{display:grid;gap:6px}.helpai-form-answer dt{font-size:var(--helpai-text-sm);font-weight:600;color:var(--helpai-fg)}.helpai-form-answer dd{margin:0;padding:10px var(--helpai-space-3);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);background:var(--helpai-bg);font-size:var(--helpai-text-sm);font-weight:400;color:var(--helpai-fg);overflow-wrap:anywhere}.helpai-toolui{margin-block:var(--helpai-space-3);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-lg, 14px);background:var(--helpai-bg-elevated);font-size:var(--helpai-text-sm)}.helpai-toolui:not(.helpai-toolui-collapsible){display:flex;flex-direction:column;gap:var(--helpai-space-3);padding:var(--helpai-space-4)}.helpai-toolui-group{display:flex;flex-direction:column;gap:var(--helpai-space-3);margin-block:var(--helpai-space-3)}.helpai-toolui-group>.helpai-toolui{margin-block:0}.helpai-toolui-stale{opacity:.7}details.helpai-toolui-collapsible>summary{display:flex;align-items:center;gap:var(--helpai-space-2);padding:var(--helpai-space-3) var(--helpai-space-4);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;user-select:none}details.helpai-toolui-collapsible>summary::-webkit-details-marker{display:none}details.helpai-toolui-collapsible[open]>summary{border-bottom:1px solid var(--helpai-border)}details.helpai-toolui-collapsible>.helpai-toolui-section{margin:var(--helpai-space-4)}details.helpai-toolui-collapsible>.helpai-toolui-section~.helpai-toolui-section{margin-top:calc(-1 * var(--helpai-space-2))}.helpai-toolui-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-toolui-chevron{display:inline-flex;color:var(--helpai-fg-muted);transition:transform var(--helpai-dur-quick) var(--helpai-ease-out)}details.helpai-toolui-collapsible>summary .helpai-toolui-status{margin-inline-start:auto}.helpai-toolui-chevron svg{width:16px;height:16px}details.helpai-toolui-collapsible[open]>summary .helpai-toolui-chevron{transform:rotate(180deg)}.helpai-toolui-badge,.helpai-toolui-name-pill,.helpai-toolui-q-pill{--helpai-pill: var(--helpai-fg-muted);display:inline-flex;min-width:0;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;border:1px solid var(--helpai-border);background:color-mix(in oklab,var(--helpai-fg-muted) 9%,transparent);color:var(--helpai-pill);font-size:var(--helpai-text-xs);font-weight:600;white-space:nowrap}.helpai-toolui-badge svg,.helpai-toolui-name-pill svg,.helpai-toolui-q-pill svg{flex-shrink:0;width:14px;height:14px}.helpai-toolui-status-icon{display:inline-flex}.helpai-toolui-name-pill{--helpai-pill: oklch(.68 .13 233)}.helpai-toolui-q-pill{--helpai-pill: oklch(.66 .12 195)}.helpai-toolui-status[data-status=completed]{--helpai-pill: var(--helpai-success, #16a34a)}.helpai-toolui-status[data-status=responded]{--helpai-pill: oklch(.62 .15 255)}.helpai-toolui-status[data-status=awaiting]{--helpai-pill: var(--helpai-warning, #f59e0b)}.helpai-toolui-status[data-status=denied]{--helpai-pill: oklch(.66 .16 45)}.helpai-toolui-status[data-status=error]{--helpai-pill: var(--helpai-danger, #dc2626)}.helpai-toolui-status[data-status=superseded]{--helpai-pill: var(--helpai-fg-muted)}@supports (color: oklch(from red l c h)){.helpai-toolui-badge,.helpai-toolui-name-pill,.helpai-toolui-q-pill{color:oklch(from var(--helpai-pill) clamp(var(--helpai-pill-l-min),l,var(--helpai-pill-l-max)) c h)}}.helpai-toolui-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--helpai-space-2)}.helpai-toolui-head-end{display:inline-flex;align-items:center;gap:var(--helpai-space-2);margin-inline-start:auto}.helpai-toolui-collapse-body{display:flex;flex-direction:column;gap:var(--helpai-space-3);padding:var(--helpai-space-4)}.helpai-toolui-summary{display:flex;flex-direction:column;gap:var(--helpai-space-3)}.helpai-toolui-collapse-body>.helpai-form{gap:var(--helpai-space-3)}.helpai-toolui-collapse-body>.helpai-form>.helpai-field,.helpai-toolui-summary>.helpai-field{padding:10px var(--helpai-space-3);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);background:color-mix(in oklab,var(--helpai-bg) 80%,transparent);line-height:1.5}.helpai-toolui-collapse-body>.helpai-form>.helpai-field{gap:var(--helpai-space-2)}.helpai-toolui-summary>.helpai-field{gap:var(--helpai-space-1)}.helpai-toolui-summary .helpai-field-label{color:var(--helpai-fg-muted)}.helpai-toolui-answer{margin:0;font-size:var(--helpai-text-sm);color:var(--helpai-fg-muted);overflow-wrap:anywhere;white-space:pre-wrap}.helpai-toolui-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--helpai-space-3);margin-inline:calc(-1 * var(--helpai-space-4));padding:var(--helpai-space-3) var(--helpai-space-4) 0;border-top:1px solid var(--helpai-border)}.helpai-toolui-options-toggle{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:0;cursor:pointer;font-size:var(--helpai-text-xs);font-weight:600;color:var(--helpai-fg-muted);transition:color var(--helpai-dur-quick) var(--helpai-ease)}.helpai-toolui-options-toggle:hover{color:var(--helpai-fg)}.helpai-toolui-options-chevron{display:inline-flex;transition:transform var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-toolui-options-chevron svg{width:14px;height:14px}.helpai-toolui-options-chevron.helpai-open{transform:rotate(180deg)}.helpai-toolui-desc{margin:0;padding:var(--helpai-space-3);border-radius:var(--helpai-radius-md);background:var(--helpai-bg);border:1px solid var(--helpai-border);color:var(--helpai-fg-muted);line-height:1.5}.helpai-toolui-section{display:flex;flex-direction:column;gap:8px;padding:var(--helpai-space-3);border-radius:var(--helpai-radius-md);background:var(--helpai-bg);border:1px solid var(--helpai-border)}.helpai-toolui:not(.helpai-toolui-collapsible) .helpai-toolui-section,.helpai-toolui:not(.helpai-toolui-collapsible) .helpai-toolui-desc{padding:0;background:none;border:0;border-radius:0}.helpai-toolui-label{font-size:var(--helpai-text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--helpai-fg-muted)}.helpai-toolui-code{margin:0;max-height:240px;overflow:auto;color:var(--helpai-fg);font-family:var(--helpai-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--helpai-text-xs);line-height:1.5;white-space:pre-wrap;word-break:break-word}.helpai-toolui-code[data-error=true]{color:var(--helpai-danger, #dc2626)}.helpai-toolui-body{gap:6px}.helpai-toolui-prompt{margin:0;font-weight:600;color:var(--helpai-fg);overflow-wrap:anywhere}.helpai-toolui-subtle{margin:0;font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted);line-height:1.5}.helpai-toolui-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--helpai-space-2);margin-top:var(--helpai-space-2)}:host([dir="rtl"]) .helpai-icon-dir{transform:scaleX(-1)}:host([dir="rtl"]) .helpai-field-input[type=date],:host([dir="rtl"]) .helpai-field-input[type=time]{position:relative;text-align:right;padding-left:34px}:host([dir="rtl"]) .helpai-field-input[type=date]::-webkit-datetime-edit,:host([dir="rtl"]) .helpai-field-input[type=time]::-webkit-datetime-edit{text-align:right}:host([dir="rtl"]) .helpai-field-input[type=date]::-webkit-calendar-picker-indicator,:host([dir="rtl"]) .helpai-field-input[type=time]::-webkit-calendar-picker-indicator{position:absolute;left:var(--helpai-space-3);margin:0}
5
+ .helpai-anchor{color-scheme:var(--helpai-color-scheme, light);right:16px;bottom:16px}.helpai-surface{display:contents}.helpai-surface[hidden]{display:none}:host([data-position="bottom-left"]) .helpai-anchor,:host([data-position="top-left"]) .helpai-anchor{right:auto;left:16px}:host([data-position="top-right"]) .helpai-anchor,:host([data-position="top-left"]) .helpai-anchor{bottom:auto;top:16px}.helpai-anchor{position:fixed;display:flex;flex-direction:column;align-items:flex-end;gap:var(--helpai-space-3);pointer-events:none}.helpai-anchor{--helpai-fab-size: 56px}.helpai-anchor[data-launcher-size=sm]{--helpai-fab-size: 44px}.helpai-anchor[data-launcher-size=md]{--helpai-fab-size: 56px}.helpai-anchor[data-launcher-size=lg]{--helpai-fab-size: 68px}.helpai-anchor>*{pointer-events:auto}.helpai-fab[data-size=sm]{--helpai-fab-size: 44px;font-size:var(--helpai-text-sm)}.helpai-fab[data-size=md]{--helpai-fab-size: 56px;font-size:calc(14px * var(--helpai-text-scale))}.helpai-fab[data-size=lg]{--helpai-fab-size: 68px;font-size:var(--helpai-text-base)}.helpai-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--helpai-space-2);color:var(--helpai-accent-text);background:var(--helpai-accent);box-shadow:var(--helpai-shadow-fab);font-weight:600;line-height:1;transform-origin:bottom right;animation:helpai-fab-in var(--helpai-dur-base) var(--helpai-ease) both;transition:transform var(--helpai-dur-base) var(--helpai-ease),opacity var(--helpai-dur-base) var(--helpai-ease),box-shadow var(--helpai-dur-base) var(--helpai-ease)}.helpai-fab:hover{transform:translateY(-2px)}.helpai-fab:active{transform:translateY(0)}.helpai-fab:focus-visible{outline:2px solid var(--helpai-on-accent);outline-offset:3px}.helpai-fab svg{width:24px;height:24px;flex-shrink:0}@keyframes helpai-fab-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.helpai-fab[data-leaving]{position:absolute;right:0;bottom:0;animation:helpai-fab-out var(--helpai-dur-quick) var(--helpai-ease) forwards;pointer-events:none}:host([data-position^="top-"]) .helpai-fab[data-leaving]{bottom:auto;top:0}:host([data-position$="-left"]) .helpai-fab[data-leaving]{right:auto;left:0}@keyframes helpai-fab-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.85)}}.helpai-fab[data-variant=circle]{width:var(--helpai-fab-size);height:var(--helpai-fab-size);border-radius:999px}.helpai-fab[data-variant=circle] .helpai-fab-label{display:none}.helpai-fab[data-variant=pill]{height:var(--helpai-fab-size);padding:0 18px 0 16px;border-radius:999px}.helpai-fab[data-variant=bar]{height:var(--helpai-fab-size);padding:0 22px;border-radius:var(--helpai-radius)}.helpai-fab[data-variant=minimal]{height:var(--helpai-fab-size);padding:0 var(--helpai-space-4);border-radius:999px;background:transparent;color:var(--helpai-accent-fg);box-shadow:none;border:1px solid currentColor}.helpai-fab[data-variant=minimal]:hover{background:color-mix(in srgb,var(--helpai-accent) 12%,transparent)}.helpai-callout{--helpai-callout-fab-h: var(--helpai-fab-size, 56px);--helpai-callout-gap: clamp(12px, calc(var(--helpai-callout-fab-h) * .25), 22px);--helpai-callout-nudge-direction: -1;position:absolute;display:inline-flex;align-items:center;gap:var(--helpai-space-2);padding:10px 14px;background:var(--helpai-fg);color:var(--helpai-bg);border-radius:999px;font-size:var(--helpai-text-sm);font-weight:600;line-height:1.2;box-shadow:0 10px 30px -8px #00000059;pointer-events:auto;animation:helpai-callout-in var(--helpai-dur-slow) var(--helpai-ease);z-index:1;max-width:240px;white-space:nowrap}.helpai-callout[data-position=left]{right:calc(100% + var(--helpai-callout-gap));bottom:calc(var(--helpai-callout-fab-h) / 2);transform:translateY(50%)}.helpai-callout[data-position=right]{left:calc(100% + var(--helpai-callout-gap));bottom:calc(var(--helpai-callout-fab-h) / 2);transform:translateY(50%);--helpai-callout-nudge-direction: 1}.helpai-callout[data-position=top]{bottom:calc(100% + var(--helpai-callout-gap));right:0;max-width:min(280px,calc(100vw - 32px))}.helpai-callout[data-position=bottom]{top:calc(100% + var(--helpai-callout-gap));right:0;max-width:min(280px,calc(100vw - 32px))}:host([data-position$="-left"]) .helpai-callout[data-position=top],:host([data-position$="-left"]) .helpai-callout[data-position=bottom]{right:auto;left:0}.helpai-callout[data-shape=bubble]{border-radius:var(--helpai-radius-md);white-space:normal;width:max-content;max-width:min(280px,calc(100vw - 32px))}.helpai-callout[data-shape=callout]{padding:12px 18px;font-size:calc(14px * var(--helpai-text-scale));background:var(--helpai-accent);color:var(--helpai-accent-text)}.helpai-callout:after{content:"";position:absolute;width:12px;height:12px;background:inherit;border-radius:2px;transform:rotate(45deg)}.helpai-callout[data-position=left]:after{right:-5px;top:50%;margin-top:-6px}.helpai-callout[data-position=right]:after{left:-5px;top:50%;margin-top:-6px}.helpai-callout[data-position=top]:after{bottom:-5px;right:calc(var(--helpai-fab-size, 56px) / 2 - 6px)}.helpai-callout[data-position=bottom]:after{top:-5px;right:calc(var(--helpai-fab-size, 56px) / 2 - 6px)}:host([data-position$="-left"]) .helpai-callout[data-position=top]:after,:host([data-position$="-left"]) .helpai-callout[data-position=bottom]:after{right:auto;left:calc(var(--helpai-fab-size, 56px) / 2 - 6px)}.helpai-callout[data-animated]{animation:helpai-callout-in var(--helpai-dur-slow) var(--helpai-ease),helpai-callout-nudge 1.6s var(--helpai-ease-in-out) var(--helpai-dur-slow) infinite}@keyframes helpai-callout-in{0%{opacity:0}to{opacity:1}}@keyframes helpai-callout-nudge{0%,to{margin-left:0;margin-right:0}50%{margin-left:calc(6px * var(--helpai-callout-nudge-direction));margin-right:calc(-6px * var(--helpai-callout-nudge-direction))}}@media(prefers-reduced-motion:reduce){.helpai-callout[data-animated]{animation:helpai-callout-in 1ms var(--helpai-ease)}.helpai-icon-btn[data-recording=true],.helpai-typing span{animation:none}}.helpai-callout-close{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;color:inherit;opacity:.7;cursor:pointer}.helpai-callout-close:hover{opacity:1;background:color-mix(in srgb,currentColor 15%,transparent)}.helpai-callout-close:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-callout-close svg{width:12px;height:12px}.helpai-panel{width:var(--helpai-panel-w);height:var(--helpai-panel-h);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);background:var(--helpai-bg);color:var(--helpai-fg);border-radius:var(--helpai-radius-lg);box-shadow:var(--helpai-shadow-panel);display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:none;transform-origin:bottom right;animation:helpai-panel-in var(--helpai-dur-slow) var(--helpai-ease);border:1px solid var(--helpai-border)}@media(prefers-reduced-motion:no-preference){.helpai-panel{transition:width var(--helpai-dur-base) var(--helpai-ease),height var(--helpai-dur-base) var(--helpai-ease),max-width var(--helpai-dur-base) var(--helpai-ease),max-height var(--helpai-dur-base) var(--helpai-ease)}.helpai-panel[data-resizing]{transition:none}}:host([data-mode="open"]) .helpai-panel{width:var(--helpai-widget-w, var(--helpai-panel-w));height:var(--helpai-widget-h, var(--helpai-panel-h));min-width:var(--helpai-resize-min-w, auto);min-height:var(--helpai-resize-min-h, auto);max-width:var(--helpai-resize-max-w, calc(100vw - 32px) );max-height:var(--helpai-resize-max-h, calc(100dvh - 32px) )}@keyframes helpai-panel-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}:host([data-mode="expanded"]) .helpai-panel{width:var(--helpai-expanded-w, 640px);height:var(--helpai-expanded-h, 820px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px)}:host([data-mode="fullscreen"]){z-index:var(--helpai-z-panel)!important}:host([data-mode="fullscreen"]) .helpai-anchor{inset:var(--helpai-visual-viewport-top, 0px) 0 auto;height:var(--helpai-visual-viewport-height, 100dvh);padding:0;justify-content:flex-end;align-items:flex-end}:host([data-mode="fullscreen"][data-position*="top"]) .helpai-anchor{justify-content:flex-start}:host([data-mode="fullscreen"][data-position*="left"]) .helpai-anchor{align-items:flex-start}:host([data-mode="fullscreen"]) .helpai-panel{width:100vw;height:100%;max-width:none;max-height:none;border-radius:0;border:0}:host([data-mode="fullscreen"]) .helpai-fab{display:none}@media(max-width:640px){:host([data-mode="open"]) .helpai-anchor,:host([data-mode="expanded"]) .helpai-anchor{inset:var(--helpai-visual-viewport-top, 0px) 0 auto;align-items:stretch;height:var(--helpai-visual-viewport-height, 100dvh);padding:0}:host([data-mode="open"]) .helpai-panel,:host([data-mode="expanded"]) .helpai-panel{width:100vw;height:100%;max-width:none;max-height:none;border-radius:0;border:0}}:host([data-mode="inline"]) .helpai-anchor,:host([data-mode="standalone"]) .helpai-anchor{position:static;inset:auto;padding:0;align-items:stretch;width:100%;height:100%;min-height:0}:host([data-mode="inline"]) .helpai-panel,:host([data-mode="standalone"]) .helpai-panel{width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;animation:none}:host([data-mode="inline"]) .helpai-fab,:host([data-mode="standalone"]) .helpai-fab{display:none}:host([data-mode="inline"]){min-height:320px}:host([data-mode="inline"]) .helpai-panel{border-radius:var(--helpai-radius)}:host([data-mode="standalone"]) .helpai-panel{border-radius:0;border:0;box-shadow:none}:host([data-mode="modal"]){position:fixed!important;inset:0!important;z-index:var(--helpai-z-panel)!important;display:block!important;width:100vw;height:100dvh;background:var(--helpai-modal-backdrop, var(--helpai-backdrop));animation:helpai-backdrop-in var(--helpai-dur-base) var(--helpai-ease) both;--helpai-panel-w: min(960px, 92vw);--helpai-panel-h: min(720px, 88dvh)}:host([data-mode="modal"]) .helpai-anchor{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--helpai-space-6);pointer-events:none}:host([data-mode="modal"]) .helpai-panel{pointer-events:auto;width:var(--helpai-widget-w, var(--helpai-panel-w));height:var(--helpai-widget-h, var(--helpai-panel-h));max-width:calc(100vw - 48px);max-height:calc(100dvh - 48px);min-width:0;min-height:0;border-radius:var(--helpai-radius);box-shadow:var(--helpai-shadow-panel);animation:helpai-modal-in var(--helpai-dur-base) var(--helpai-ease);translate:var(--helpai-modal-dx, 0px) var(--helpai-modal-dy, 0px)}:host([data-mode="modal"]) .helpai-header,:host([data-mode="modal"]) .helpai-back-header,:host([data-mode="modal"]) .helpai-home-hero{cursor:grab;touch-action:none}:host([data-mode="modal"]) .helpai-panel[data-dragging]{cursor:grabbing;user-select:none}:host([data-mode="modal"]) .helpai-panel[data-dragging] *{cursor:grabbing}:host([data-mode="modal"]) .helpai-fab{display:none}@keyframes helpai-backdrop-in{0%{background:#0000}to{background:var(--helpai-modal-backdrop, var(--helpai-backdrop))}}@keyframes helpai-modal-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:host([data-mode="drawer"]){--helpai-panel-w: min(440px, calc(100vw - 32px) );--helpai-panel-h: 100dvh}:host([data-mode="drawer"]) .helpai-anchor{position:fixed;--helpai-inset-x: var(--helpai-panel-inset, 12px);--helpai-inset-y: var(--helpai-panel-inset, 3dvh);top:var(--helpai-inset-y);bottom:auto;right:var(--helpai-inset-x);left:auto;width:min(var(--helpai-widget-w, var(--helpai-panel-w)),calc(100vw - var(--helpai-inset-x) * 2));height:min(var(--helpai-widget-h, var(--helpai-panel-h)),calc(100dvh - var(--helpai-inset-y) * 2));padding:0;display:block;pointer-events:auto}:host([data-mode="drawer"][data-position$="-left"]) .helpai-anchor{right:auto;left:var(--helpai-inset-x)}:host([data-mode="drawer"][data-position^="bottom-"]) .helpai-anchor{top:auto;bottom:var(--helpai-inset-y)}:host([data-mode="drawer"]) .helpai-panel{width:100%;height:100%;max-width:none;max-height:none;min-width:0;min-height:0;border-radius:var(--helpai-radius, 12px);border:1px solid var(--helpai-border);box-shadow:-8px 16px 32px -12px #00000038;animation:helpai-drawer-in var(--helpai-dur-base) var(--helpai-ease)}:host([data-mode="drawer"][data-position$="-left"]) .helpai-panel{box-shadow:8px 16px 32px -12px #00000038;animation:helpai-drawer-in-left var(--helpai-dur-base) var(--helpai-ease)}.helpai-fab[data-edge-tab]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--helpai-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:helpai-edge-tab-in var(--helpai-dur-base) var(--helpai-ease) both}.helpai-fab[data-edge-tab] svg{writing-mode:horizontal-tb}.helpai-fab[data-edge-tab]:hover{transform:translateY(-50%) scale(1.03)}.helpai-fab[data-edge-tab]:active{transform:translateY(-50%) scale(.97)}:host([data-position$="-right"]) .helpai-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"]) .helpai-fab[data-edge-tab]{left:0;right:auto;border-radius:0 12px 12px 0;box-shadow:6px 0 18px -8px #0000004d}.helpai-fab[data-edge-tab][data-leaving]{position:fixed;top:50%;bottom:auto;animation:helpai-edge-tab-out var(--helpai-dur-quick) var(--helpai-ease) forwards}@keyframes helpai-edge-tab-in{0%{opacity:0;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes helpai-edge-tab-out{0%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(.85)}}@keyframes helpai-drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes helpai-drawer-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){:host([data-mode="drawer"]) .helpai-panel,.helpai-fab[data-edge-tab]{animation:none}}.helpai-header{display:flex;align-items:center;gap:var(--helpai-space-2);padding:10px 12px;border-bottom:1px solid var(--helpai-border);background:var(--helpai-bg)}.helpai-header h1{font-size:calc(14px * var(--helpai-text-scale));font-weight:600;flex:1;letter-spacing:-.01em}.helpai-header-actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--helpai-space-1);flex-shrink:0}.helpai-agent{flex:1;display:inline-flex;align-items:center;gap:10px;min-width:0}.helpai-agent-avatar{position:relative;width:32px;height:32px;border-radius:999px;background:var(--helpai-bg-elevated);color:var(--helpai-fg-muted);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--helpai-text-xs);overflow:hidden;flex-shrink:0}.helpai-agent-avatar img{width:100%;height:100%;object-fit:cover}.helpai-agent-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:999px;border:2px solid var(--helpai-bg);background:var(--helpai-neutral)}.helpai-agent-avatar[data-status=online]:after{background:var(--helpai-success)}.helpai-agent-avatar[data-status=away]:after{background:var(--helpai-warning)}.helpai-agent-avatar[data-status=offline]:after{background:var(--helpai-neutral)}.helpai-agent-meta{display:flex;flex-direction:column;line-height:1.15;min-width:0}.helpai-agent-meta strong{font-size:calc(14px * var(--helpai-text-scale));font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-agent-meta span{font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-suggestions{display:flex;flex-wrap:nowrap;gap:var(--helpai-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}.helpai-suggestions::-webkit-scrollbar{display:none}.helpai-suggestions:before,.helpai-suggestions:after{content:"";flex:1 1 0;min-width:0}.helpai-suggestion{flex:0 0 auto;scroll-snap-align:center;padding:7px 14px;border-radius:999px;background:var(--helpai-bg-elevated);border:1px solid var(--helpai-border);color:var(--helpai-fg);font-size:var(--helpai-text-sm);font-weight:500;white-space:nowrap;transition:background var(--helpai-dur-quick) var(--helpai-ease),border-color var(--helpai-dur-quick) var(--helpai-ease),transform var(--helpai-dur-quick) var(--helpai-ease)}.helpai-suggestion:hover{border-color:var(--helpai-accent);color:var(--helpai-accent-fg);transform:translateY(-1px)}.helpai-suggestion:focus-visible{outline:2px solid var(--helpai-accent);outline-offset:2px;border-color:var(--helpai-accent)}.helpai-suggestion:active{transform:translateY(0)}.helpai-icon-btn{width:32px;height:32px;border-radius:999px;position:relative;display:inline-flex;align-items:center;justify-content:center;color:var(--helpai-fg-muted);transition:background var(--helpai-dur-quick) var(--helpai-ease),color var(--helpai-dur-quick) var(--helpai-ease)}.helpai-icon-btn:hover{background:var(--helpai-bg-elevated);color:var(--helpai-fg)}.helpai-icon-btn:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-icon-btn:active{background:var(--helpai-border)}.helpai-icon-btn:disabled{opacity:.45;cursor:not-allowed}.helpai-icon-btn:before{content:"";position:absolute;inset:-6px}.helpai-icon-btn svg{width:18px;height:18px}.helpai-icon-btn[data-recording=true]{color:var(--helpai-accent-fg);background:color-mix(in srgb,var(--helpai-accent) 12%,transparent);animation:helpai-pulse 1.2s var(--helpai-ease) infinite}@keyframes helpai-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--helpai-accent) 40%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--helpai-accent) 0%,transparent)}}.helpai-list,.helpai-history,.helpai-module-scroll,.helpai-home-scroll,.helpai-help-list,.helpai-toolui-code,.helpai-sidebar-conversations{scrollbar-width:thin;scrollbar-color:var(--helpai-border-strong) transparent;overscroll-behavior:contain;scrollbar-gutter:stable}.helpai-list::-webkit-scrollbar,.helpai-history::-webkit-scrollbar,.helpai-module-scroll::-webkit-scrollbar,.helpai-home-scroll::-webkit-scrollbar,.helpai-help-list::-webkit-scrollbar,.helpai-toolui-code::-webkit-scrollbar,.helpai-sidebar-conversations::-webkit-scrollbar{width:8px}.helpai-list::-webkit-scrollbar-thumb,.helpai-history::-webkit-scrollbar-thumb,.helpai-module-scroll::-webkit-scrollbar-thumb,.helpai-home-scroll::-webkit-scrollbar-thumb,.helpai-help-list::-webkit-scrollbar-thumb,.helpai-toolui-code::-webkit-scrollbar-thumb,.helpai-sidebar-conversations::-webkit-scrollbar-thumb{background:var(--helpai-border-strong);border-radius:8px}.helpai-list-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.helpai-jump{position:absolute;inset-inline-end:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid var(--helpai-border);background:var(--helpai-bg-elevated);color:var(--helpai-fg);box-shadow:var(--helpai-shadow-panel);cursor:pointer;opacity:.85;transition:opacity var(--helpai-dur-quick) var(--helpai-ease),transform var(--helpai-dur-quick) var(--helpai-ease);animation:helpai-bubble-in var(--helpai-dur-base) var(--helpai-ease)}.helpai-jump:hover{opacity:1}.helpai-jump:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px;opacity:1}.helpai-jump:active{transform:translateY(1px)}.helpai-jump svg{width:18px;height:18px}.helpai-list{flex:1;min-height:0;overflow-y:auto;padding:var(--helpai-space-4);padding-bottom:var(--helpai-space-8);display:flex;flex-direction:column;gap:14px}.helpai-list--fade{--helpai-fade-size: 20px;--helpai-fade-top: 0px;--helpai-fade-bottom: 0px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 var(--helpai-fade-top),#000 calc(100% - var(--helpai-fade-bottom)),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 var(--helpai-fade-top),#000 calc(100% - var(--helpai-fade-bottom)),transparent 100%)}.helpai-list--fade[data-fade-top=true]{--helpai-fade-top: var(--helpai-fade-size)}.helpai-list--fade[data-fade-bottom=true]{--helpai-fade-bottom: var(--helpai-fade-size)}.helpai-list>*{width:100%;max-width:var(--helpai-conversation-max, 768px);margin-inline:auto}.helpai-load-previous,.helpai-history-more{display:flex;justify-content:center}.helpai-load-previous button,.helpai-history-more button{border:0;padding:4px 8px;background:transparent;color:var(--helpai-accent);font:inherit;font-size:var(--helpai-text-sm);font-weight:600;cursor:pointer}.helpai-load-previous button:hover,.helpai-history-more button:hover{text-decoration:underline}.helpai-load-previous button:focus-visible,.helpai-history-more button:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px;border-radius:var(--helpai-radius-sm)}.helpai-load-previous button:disabled,.helpai-history-more button:disabled{cursor:wait;opacity:.6}.helpai-date-divider{display:flex;justify-content:center;margin-block:var(--helpai-space-3)}.helpai-date-pill{padding:3px 10px;border-radius:999px;font-size:calc(11px * var(--helpai-text-scale));font-weight:600;color:var(--helpai-fg-muted);background:var(--helpai-bg-elevated);border:1px solid var(--helpai-border);box-shadow:var(--helpai-shadow-card)}.helpai-bubble-row{display:flex}.helpai-bubble-row[data-role=user]{justify-content:flex-end}.helpai-bubble-row[data-role=assistant]{justify-content:flex-start}.helpai-bubble{max-width:100%;min-width:0;padding:var(--helpai-space-3) var(--helpai-space-4);border-radius:var(--helpai-radius);line-height:1.6;font-size:calc(14px * var(--helpai-text-scale));word-wrap:break-word;overflow-wrap:break-word;box-shadow:0 1px 2px #0000000a,0 1px 8px -4px #0000000f;animation:helpai-bubble-in var(--helpai-dur-base) var(--helpai-ease)}.helpai-bubble ::selection{background:color-mix(in srgb,var(--helpai-accent) 30%,transparent)}.helpai-bubble-row[data-role=user] .helpai-bubble ::selection{background:#fff6;color:var(--helpai-bubble-user-text)}@keyframes helpai-bubble-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.helpai-bubble-row[data-role=user] .helpai-bubble{background:var(--helpai-bubble-user);color:var(--helpai-bubble-user-text);border-end-end-radius:5px}.helpai-bubble-row[data-role=assistant] .helpai-bubble{background:var(--helpai-bubble-assistant);color:var(--helpai-bubble-assistant-text);border:1px solid var(--helpai-border);border-end-start-radius:5px}.helpai-bubble-row[data-role=operator] .helpai-bubble{display:flex;align-items:stretch;padding:0;overflow:hidden;background:var(--helpai-bubble-assistant);color:var(--helpai-bubble-assistant-text);border-end-start-radius:5px}.helpai-bubble-row[data-role=operator] .helpai-bubble-col{align-items:flex-start}.helpai-bubble-author{display:flex;flex:0 0 auto;align-items:center;padding:0 .875rem;border-inline-end:1px solid color-mix(in oklab,var(--helpai-accent),transparent 60%);color:var(--helpai-accent);font-size:calc(13px * var(--helpai-text-scale));font-weight:600;letter-spacing:.025em;user-select:none}.helpai-bubble-row[data-role=operator] .helpai-bubble-body{flex:1 1 auto;min-width:0;padding:var(--helpai-space-3) var(--helpai-space-4)}.helpai-bubble-col{display:flex;flex-direction:column;max-width:85%;min-width:0}.helpai-bubble-row[data-role=user] .helpai-bubble-col{align-items:flex-end}.helpai-bubble-row[data-role=assistant] .helpai-bubble-col{align-items:flex-start}.helpai-bubble-row[data-role=assistant] .helpai-bubble-col:has(.helpai-toolui){width:100%}.helpai-bubble-row[data-role=assistant] .helpai-bubble-col:has(.helpai-toolui) .helpai-bubble{width:100%}@media(max-width:640px){.helpai-bubble-col{max-width:92%}.helpai-toolui:not(.helpai-toolui-collapsible){padding:var(--helpai-space-3);gap:var(--helpai-space-2)}details.helpai-toolui-collapsible>summary{padding:var(--helpai-space-2) var(--helpai-space-3)}details.helpai-toolui-collapsible>.helpai-toolui-section{margin:var(--helpai-space-3)}.helpai-toolui-section,.helpai-toolui-desc{padding:var(--helpai-space-2) var(--helpai-space-3)}}.helpai-bubble-meta{display:flex;align-items:center;gap:8px;margin-top:2px;padding:0 2px;min-height:24px}.helpai-bubble-actions{display:flex;align-items:center;gap:2px}.helpai-bubble-time{font-size:calc(11px * var(--helpai-text-scale));line-height:1;color:var(--helpai-fg-muted);user-select:none}.helpai-feedback{display:flex;align-items:center;gap:2px}.helpai-msg-action{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:var(--helpai-radius-sm);background:transparent;color:var(--helpai-fg-muted);cursor:pointer;opacity:.65;transition:opacity var(--helpai-dur-quick) var(--helpai-ease),background var(--helpai-dur-quick) var(--helpai-ease),color var(--helpai-dur-quick) var(--helpai-ease)}.helpai-msg-action:hover{opacity:1;background:var(--helpai-bg-elevated);color:var(--helpai-fg)}.helpai-msg-action:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px;opacity:1}.helpai-msg-action[data-active=true]{opacity:1;color:var(--helpai-accent-fg)}.helpai-msg-action svg{width:15px;height:15px}.helpai-md>*:first-child{margin-top:0}.helpai-md>*:last-child{margin-bottom:0}.helpai-md p{margin:10px 0}.helpai-md h1,.helpai-md h2,.helpai-md h3,.helpai-md h4,.helpai-md h5,.helpai-md h6{margin:18px 0 8px;line-height:1.3;letter-spacing:-.01em;font-weight:700}.helpai-md h1{font-size:1.4em}.helpai-md h2{font-size:1.22em}.helpai-md h3{font-size:1.08em}.helpai-md h4,.helpai-md h5,.helpai-md h6{font-size:1em}.helpai-md>h1:first-child,.helpai-md>h2:first-child,.helpai-md>h3:first-child,.helpai-md>h4:first-child,.helpai-md>h5:first-child,.helpai-md>h6:first-child{margin-top:0}.helpai-md ul,.helpai-md ol{padding-inline-start:1.5em;margin:10px 0}.helpai-md ul{list-style:disc}.helpai-md ol{list-style:decimal}.helpai-md li{margin:6px 0;padding-inline-start:2px}.helpai-md li::marker{color:var(--helpai-fg-muted)}.helpai-md li>p{margin:6px 0}.helpai-md li>ul,.helpai-md li>ol{margin:6px 0}.helpai-md strong,.helpai-md b{font-weight:650;letter-spacing:-.005em}.helpai-md em,.helpai-md i{font-style:italic}.helpai-md code{font-family:var(--helpai-font-mono);font-size:.86em;padding:1px 6px;border-radius:5px;background:color-mix(in srgb,var(--helpai-accent) 10%,transparent);color:var(--helpai-fg);border:1px solid color-mix(in srgb,var(--helpai-accent) 16%,transparent)}.helpai-md pre{font-family:var(--helpai-font-mono);font-size:calc(12.5px * var(--helpai-text-scale));padding:12px 14px;border-radius:var(--helpai-radius-sm);background:#7f7f7f1f;overflow-x:auto;margin:var(--helpai-space-3) 0;line-height:1.5}.helpai-md pre code{padding:0;background:none}.helpai-md a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.helpai-md a:hover{text-decoration-thickness:2px}.helpai-md blockquote{margin:14px 0;padding:6px 14px;border-inline-start:3px solid color-mix(in srgb,var(--helpai-accent) 50%,transparent);background:color-mix(in srgb,var(--helpai-accent) 5%,transparent);border-start-end-radius:var(--helpai-radius-sm);border-end-end-radius:var(--helpai-radius-sm);color:var(--helpai-fg-muted)}.helpai-md blockquote>:first-child{margin-top:0}.helpai-md blockquote>:last-child{margin-bottom:0}.helpai-md hr{border:0;height:1px;background:color-mix(in srgb,currentColor 18%,transparent);margin:var(--helpai-space-4) 0}.helpai-md table{border-collapse:collapse;margin:var(--helpai-space-3) 0;font-size:.95em;display:block;overflow-x:auto;max-width:100%;font-variant-numeric:tabular-nums}.helpai-md th,.helpai-md td{padding:6px 10px;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);text-align:start}.helpai-md th{font-weight:700;background:color-mix(in srgb,currentColor 6%,transparent)}.helpai-md h1+ul,.helpai-md h1+ol,.helpai-md h2+ul,.helpai-md h2+ol,.helpai-md h3+ul,.helpai-md h3+ol,.helpai-md h4+ul,.helpai-md h4+ol{margin-top:var(--helpai-space-1)}.helpai-loading{display:inline-flex;align-items:center;gap:var(--helpai-space-2);color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm)}.helpai-loading-spinner{width:14px;height:14px;border-radius:999px;border:2px solid currentColor;border-top-color:transparent;animation:helpai-spin .8s linear infinite}@keyframes helpai-spin{to{transform:rotate(1turn)}}.helpai-typing{display:inline-flex;gap:var(--helpai-space-1);padding:var(--helpai-space-1) 0}.helpai-typing span{width:5px;height:5px;border-radius:999px;background:currentColor;opacity:.4;animation:helpai-blink 1.2s var(--helpai-ease) infinite}.helpai-typing span:nth-child(2){animation-delay:.2s}.helpai-typing span:nth-child(3){animation-delay:.4s}@keyframes helpai-blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.helpai-reasoning{margin:var(--helpai-space-1) 0 var(--helpai-space-2);padding-inline-start:var(--helpai-space-3);border-inline-start:2px solid var(--helpai-border-strong)}.helpai-reasoning-summary{display:inline-flex;align-items:center;gap:var(--helpai-space-1);cursor:pointer;list-style:none;user-select:none;color:var(--helpai-fg-muted);font-size:var(--helpai-text-xs);font-weight:600}.helpai-reasoning-summary:hover{color:var(--helpai-fg)}.helpai-reasoning-summary:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px;border-radius:var(--helpai-radius-sm)}.helpai-reasoning-summary::-webkit-details-marker{display:none}.helpai-reasoning-summary:before{content:"";width:5px;height:5px;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);opacity:.7;transition:transform var(--helpai-dur-quick) var(--helpai-ease)}.helpai-reasoning[open] .helpai-reasoning-summary:before{transform:rotate(45deg)}.helpai-reasoning[data-active=true] .helpai-reasoning-label{animation:helpai-reasoning-pulse 1.4s var(--helpai-ease) infinite}@keyframes helpai-reasoning-pulse{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.helpai-reasoning[data-active=true] .helpai-reasoning-label{animation:none}}.helpai-reasoning-body{margin-top:var(--helpai-space-1);color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm)}.helpai-reasoning-body>:first-child{margin-top:0}.helpai-reasoning-body>:last-child{margin-bottom:0}.helpai-source{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin-top:6px;margin-inline-end:6px;padding:var(--helpai-space-1) var(--helpai-space-2);border-radius:999px;background:var(--helpai-bg-elevated);border:1px solid var(--helpai-border);color:var(--helpai-fg-muted);font-size:var(--helpai-text-xs);text-decoration:none}a.helpai-source:hover{color:var(--helpai-fg);border-color:var(--helpai-accent)}.helpai-source-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-composer{border-top:1px solid var(--helpai-border);padding:10px 12px;background:var(--helpai-bg);display:flex;flex-direction:column;gap:var(--helpai-space-2)}.helpai-composer>*{width:100%;max-width:var(--helpai-conversation-max, 768px);margin-inline:auto}.helpai-compaction-status{width:100%;padding:10px 14px;justify-content:center;font-size:var(--helpai-text-xs)}.helpai-message-queue{display:flex;max-height:112px;flex-direction:column;gap:var(--helpai-space-1);overflow-y:auto}.helpai-attachment-chip.helpai-queued-message{width:100%;max-width:none}.helpai-queued-text{min-width:0;flex:1}.helpai-composer-row{display:flex;align-items:flex-end;gap:6px}.helpai-textarea{flex:1;--helpai-textarea-base-height: 40px;height:var(--helpai-textarea-base-height);max-height:160px;padding:10px 12px;border-radius:var(--helpai-radius);background:var(--helpai-bg-elevated);border:1px solid transparent;font-size:calc(14px * var(--helpai-text-scale));line-height:1.4;transition:height var(--helpai-dur-quick) var(--helpai-ease),border-color var(--helpai-dur-quick) var(--helpai-ease)}.helpai-textarea:focus-visible{outline:none;border-color:var(--helpai-focus)}@media(pointer:coarse){.helpai-textarea{--helpai-textarea-base-height: 44px}}.helpai-send{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:opacity var(--helpai-dur-quick) var(--helpai-ease),transform var(--helpai-dur-quick) var(--helpai-ease),background var(--helpai-dur-quick) var(--helpai-ease)}.helpai-send[data-shape=circle]{border-radius:999px}.helpai-send[data-shape=square]{border-radius:var(--helpai-radius-sm)}.helpai-send[data-shape=pill]{width:auto;padding:0 18px;border-radius:999px}.helpai-send[data-variant=filled]{background:var(--helpai-accent);color:var(--helpai-accent-text)}.helpai-send[data-variant=outline]{background:transparent;color:var(--helpai-accent-fg);border-color:var(--helpai-accent)}.helpai-send[data-variant=outline]:not(:disabled):hover{background:color-mix(in srgb,var(--helpai-accent) 10%,transparent)}.helpai-send[data-variant=ghost]{background:transparent;color:var(--helpai-accent-fg)}.helpai-send[data-variant=ghost]:not(:disabled):hover{background:color-mix(in srgb,var(--helpai-accent) 8%,transparent)}.helpai-send:disabled{opacity:.4;cursor:not-allowed}.helpai-send:not(:disabled):hover{transform:translateY(-1px)}.helpai-send:not(:disabled):active{transform:translateY(0)}.helpai-send:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-send svg{width:18px;height:18px}.helpai-composer-actions{display:flex;gap:var(--helpai-space-1);flex-wrap:wrap}.helpai-attachments{display:flex;flex-wrap:wrap;gap:6px}.helpai-attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:var(--helpai-space-1) var(--helpai-space-2) var(--helpai-space-1) var(--helpai-space-1);border-radius:999px;background:var(--helpai-bg-elevated);border:1px solid var(--helpai-border);font-size:var(--helpai-text-xs);max-width:200px}.helpai-attachment-thumb{width:24px;height:24px;border-radius:999px;object-fit:cover;background:var(--helpai-border)}.helpai-attachment-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.helpai-attachment-remove{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--helpai-fg-muted)}.helpai-attachment-remove:hover{background:var(--helpai-border);color:var(--helpai-fg)}.helpai-dropzone{position:absolute;inset:8px;border:2px dashed var(--helpai-accent);border-radius:var(--helpai-radius);background:color-mix(in srgb,var(--helpai-accent) 8%,transparent);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--helpai-accent-fg);pointer-events:none;z-index:10;animation:helpai-fade-in var(--helpai-dur-quick) var(--helpai-ease)}@keyframes helpai-fade-in{0%{opacity:0}to{opacity:1}}.helpai-error{margin-top:var(--helpai-space-1);padding:8px 12px;border-radius:var(--helpai-radius-sm);background:color-mix(in oklab,var(--helpai-danger) 8%,var(--helpai-bg-elevated));border:1px solid color-mix(in oklab,var(--helpai-danger) 20%,transparent);color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm);display:flex;align-items:center;gap:var(--helpai-space-2)}.helpai-error span{min-width:0}.helpai-error button{margin-inline-start:auto;flex-shrink:0;border:0;background:none;padding:0;color:var(--helpai-accent-fg);font:inherit;font-size:var(--helpai-text-sm);font-weight:600;text-decoration:underline;white-space:nowrap;cursor:pointer}.helpai-history{flex:1;overflow-y:auto;padding:var(--helpai-space-2) var(--helpai-space-1) var(--helpai-space-3)}.helpai-history-footer{flex:none;padding:var(--helpai-space-2) var(--helpai-space-3) var(--helpai-space-3);border-top:1px solid var(--helpai-border);background:var(--helpai-surface)}.helpai-history-new{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--helpai-space-2);padding:var(--helpai-space-2) var(--helpai-space-3);border:none;border-radius:var(--helpai-radius-md);background:var(--helpai-accent);color:var(--helpai-on-accent);cursor:pointer;font-size:var(--helpai-text-sm);font-weight:600;transition:filter var(--helpai-dur-quick) var(--helpai-ease-out),transform var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-history-new svg{width:16px;height:16px}.helpai-history-new:hover{filter:brightness(1.08)}.helpai-history-new:active{transform:translateY(1px)}.helpai-history-new:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-history-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 16px;color:var(--helpai-fg-muted);font-size:calc(14px * var(--helpai-text-scale));text-align:center}.helpai-history-group{display:flex;flex-direction:column;padding:0 var(--helpai-space-3)}.helpai-history-heading{font-size:var(--helpai-text-xs);font-weight:600;color:var(--helpai-fg-muted);padding:14px 4px 8px;text-transform:uppercase;letter-spacing:.04em}.helpai-history-card{display:flex;flex-direction:column;background:var(--helpai-surface);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-lg, 14px);overflow:hidden}.helpai-history-card>[role=listitem]{display:flex;flex-direction:column}.helpai-history-item{all:unset;display:flex;align-items:center;gap:var(--helpai-space-3);padding:12px var(--helpai-space-3);cursor:pointer;transition:background var(--helpai-dur-base) var(--helpai-ease)}.helpai-history-card>*+*{border-top:1px solid var(--helpai-border)}.helpai-history-item:hover{background:var(--helpai-bg-elevated)}.helpai-history-item:focus-visible{background:var(--helpai-bg-elevated);outline:2px solid var(--helpai-focus);outline-offset:-2px}.helpai-history-avatar{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:color-mix(in oklab,var(--helpai-accent) 12%,transparent);color:var(--helpai-accent-fg)}.helpai-history-avatar svg{width:18px;height:18px}.helpai-history-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.helpai-history-row{display:flex;align-items:center;justify-content:space-between;gap:var(--helpai-space-2)}.helpai-history-title{flex:1;min-width:0;font-size:calc(14px * var(--helpai-text-scale));font-weight:500;color:var(--helpai-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-history-time{flex:none;font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted)}.helpai-history-preview{flex:1;min-width:0;font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-history-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--helpai-accent)}.helpai-history-item[data-unread=true] .helpai-history-title{font-weight:600}.helpai-history-item[data-closed=true] .helpai-history-title{color:var(--helpai-fg-muted)}.helpai-history-item-skeleton{cursor:default;pointer-events:none}.helpai-skeleton{display:block;border-radius:4px;background:linear-gradient(90deg,color-mix(in oklab,var(--helpai-fg) 9%,transparent) 30%,color-mix(in oklab,var(--helpai-fg) 17%,transparent),color-mix(in oklab,var(--helpai-fg) 9%,transparent) 70%);background-size:200% 100%;animation:helpai-skeleton-shimmer 1.8s ease-in-out infinite}.helpai-history-avatar.helpai-skeleton{border-radius:50%}.helpai-skeleton-heading{width:52px;height:8px}.helpai-skeleton-title{width:55%;height:12px}.helpai-skeleton-time{width:34px;height:10px}.helpai-skeleton-preview{width:80%;height:10px}@keyframes helpai-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.helpai-skeleton{animation:none}}.helpai-list-loading{margin:auto;padding:var(--helpai-space-6) var(--helpai-space-4);color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm);text-align:center}.helpai-readonly-banner{display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 12px;margin:0 var(--helpai-space-3) var(--helpai-space-3);border-radius:var(--helpai-radius-md);background:var(--helpai-bg-elevated);color:var(--helpai-fg-muted);text-align:center;font-size:var(--helpai-text-sm)}.helpai-readonly-label{line-height:1.4}.helpai-readonly-cta{appearance:none;border:0;cursor:pointer;padding:var(--helpai-space-2) var(--helpai-space-4);border-radius:999px;background:var(--helpai-accent);color:var(--helpai-accent-text, #fff);font:inherit;font-weight:600;font-size:var(--helpai-text-sm);transition:filter var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-readonly-cta:hover,.helpai-readonly-cta:focus-visible{filter:brightness(1.1)}.helpai-operator-banner{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 var(--helpai-space-3) var(--helpai-space-1);padding:8px 12px;border-radius:var(--helpai-radius-md);background:color-mix(in oklab,var(--helpai-bg-elevated),var(--helpai-accent) 6%);color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm);line-height:1.3;text-align:center}.helpai-operator-pulse{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--helpai-accent)}.helpai-operator-banner[data-mode=awaiting-operator] .helpai-operator-pulse{animation:helpai-operator-pulse 1.4s var(--helpai-ease-out) infinite}.helpai-cancel-operator-request{flex:0 0 auto;padding:0;border:0;background:none;color:var(--helpai-accent);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.helpai-cancel-operator-request:hover{opacity:.8}.helpai-cancel-operator-request:focus-visible{outline:2px solid var(--helpai-accent);outline-offset:2px;border-radius:var(--helpai-radius-sm)}@keyframes helpai-operator-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.helpai-readonly-cta:focus-visible{outline:2px solid var(--helpai-accent);outline-offset:2px}.helpai-composer-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 16px;margin:0 var(--helpai-space-3);border-top:1px solid var(--helpai-border);text-align:center;font-size:calc(11px * var(--helpai-text-scale));line-height:1.4;color:var(--helpai-fg-muted)}.helpai-disclaimer{max-width:320px;margin:0 auto;opacity:.9;letter-spacing:.01em}.helpai-poweredby{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:inherit;text-decoration:none;opacity:.7;transition:opacity var(--helpai-dur-base) var(--helpai-ease);font-size:calc(11px * var(--helpai-text-scale));letter-spacing:.02em}.helpai-poweredby:hover{opacity:1}.helpai-poweredby-logo{height:12px;width:auto;display:inline-block;vertical-align:middle}.helpai-poweredby-bar{flex:none;display:flex;align-items:center;justify-content:center;padding:6px 16px;border-top:1px solid var(--helpai-border);background:var(--helpai-bg-elevated)}.helpai-menu-wrap{position:relative;display:inline-flex}.helpai-menu{position:absolute;top:100%;inset-inline-end:0;margin-top:6px;min-width:200px;padding:6px;background:var(--helpai-bg);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);box-shadow:var(--helpai-shadow-panel);z-index:10;display:flex;flex-direction:column;gap:2px;animation:helpai-menu-in var(--helpai-dur-base) var(--helpai-ease)}@media(prefers-reduced-motion:reduce){.helpai-menu{animation:none}}@keyframes helpai-menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98);transform-origin:top right}to{opacity:1;transform:none}}.helpai-menu-item{all:unset;display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:var(--helpai-text-sm);color:var(--helpai-fg);border-radius:var(--helpai-radius-sm);cursor:pointer;user-select:none}.helpai-menu-item:hover{background:var(--helpai-bg-elevated)}.helpai-menu-item:focus-visible{background:var(--helpai-bg-elevated);outline:2px solid var(--helpai-focus);outline-offset:-2px}.helpai-menu-item[disabled]{opacity:.45;cursor:not-allowed}.helpai-menu-icon{display:inline-flex;width:16px;height:16px;color:var(--helpai-fg-muted)}.helpai-menu-icon svg{width:16px;height:16px}.helpai-menu-label{flex:1}.helpai-menu-check{display:inline-flex;color:var(--helpai-accent-fg)}.helpai-menu-check svg{width:14px;height:14px}.helpai-menu-item-segmented{cursor:default}.helpai-menu-item-segmented:hover{background:transparent}.helpai-segmented{display:inline-flex;gap:2px;padding:2px;background:var(--helpai-bg-elevated);border-radius:var(--helpai-radius-sm)}.helpai-segment{all:unset;min-width:26px;padding:3px 8px;font-size:var(--helpai-text-xs);font-weight:600;letter-spacing:.02em;text-align:center;color:var(--helpai-fg-muted);border-radius:calc(var(--helpai-radius-sm) - 2px);cursor:pointer;transition:color .12s ease,background .12s ease}.helpai-segment:hover{color:var(--helpai-fg)}.helpai-segment[data-on=true]{background:var(--helpai-bg);color:var(--helpai-accent-fg);box-shadow:var(--helpai-shadow-card)}.helpai-segment:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:-2px}.helpai-resize-grip{position:absolute;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:var(--helpai-fg-muted);opacity:.45;transition:opacity var(--helpai-dur-base) var(--helpai-ease);z-index:2;touch-action:none;user-select:none}.helpai-resize-grip:hover,.helpai-resize-grip:focus-visible{opacity:1}.helpai-resize-grip svg{width:10px;height:10px}.helpai-resize-grip--bottom-left{bottom:2px;left:2px;cursor:nesw-resize;transform:scaleX(-1)}.helpai-resize-grip--bottom-right{bottom:2px;right:2px;cursor:nwse-resize}.helpai-resize-grip--top-left{top:2px;left:2px;cursor:nwse-resize;transform:rotate(180deg)}.helpai-resize-grip--top-right{top:2px;right:2px;cursor:nesw-resize;transform:scaleY(-1)}:host(:not([data-mode="open"])) .helpai-resize-grip{display:none}.helpai-messenger{display:flex;flex-direction:column;overflow:hidden}.helpai-messenger-body,.helpai-messenger-pane{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.helpai-messenger-pane[hidden]{display:none}@keyframes helpai-view-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.helpai-module{display:flex;flex-direction:column;height:100%;min-height:0}@media(prefers-reduced-motion:no-preference){.helpai-module,.helpai-history{animation:helpai-view-in .18s var(--helpai-ease-out)}}.helpai-module-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--helpai-space-3);display:flex;flex-direction:column;gap:var(--helpai-space-3)}.helpai-home{container-type:inline-size;background:radial-gradient(125% 65% at 88% 0%,color-mix(in srgb,#fff 16%,transparent),transparent 55%),linear-gradient(180deg,var(--helpai-accent) 0%,var(--helpai-accent) 22%,color-mix(in srgb,var(--helpai-accent) 28%,var(--helpai-surface)) 44%,var(--helpai-surface) 70%);border-radius:var(--helpai-radius-lg) var(--helpai-radius-lg) 0 0}.helpai-home-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;background:transparent}.helpai-home-cards{display:flex;flex-direction:column;gap:var(--helpai-space-3);padding:4px 14px 16px}.helpai-module-pad{padding:var(--helpai-space-3) var(--helpai-space-3) 0}.helpai-module-empty{display:flex;flex-direction:column;align-items:center;gap:var(--helpai-space-3);padding:var(--helpai-space-8) var(--helpai-space-4);text-align:center;color:var(--helpai-fg-muted);font-size:var(--helpai-text-base)}.helpai-module-retry{padding:var(--helpai-space-2) var(--helpai-space-4);border:1px solid var(--helpai-border-strong);border-radius:var(--helpai-radius-sm);color:var(--helpai-fg);font-weight:600;cursor:pointer;transition:background var(--helpai-dur-quick) var(--helpai-ease-out),border-color var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-module-retry:hover{background:var(--helpai-hover);border-color:var(--helpai-accent)}.helpai-module-retry:active{background:var(--helpai-border)}.helpai-module-retry:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-help-list{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--helpai-space-3)}.helpai-help-group{display:flex;flex-direction:column}.helpai-help-section-title{position:sticky;top:0;z-index:1;margin:0;padding:var(--helpai-space-3) var(--helpai-space-5) var(--helpai-space-2);font-size:var(--helpai-text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--helpai-fg-muted);background:var(--helpai-bg)}.helpai-help-card{margin:0 var(--helpai-space-3) var(--helpai-space-3);background:var(--helpai-surface);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius);overflow:hidden}.helpai-help-card .helpai-list-row{border-bottom:0;border-radius:0}.helpai-help-card .helpai-list-row+.helpai-list-row{border-top:1px solid var(--helpai-border)}.helpai-help-more{justify-content:center;color:var(--helpai-accent-fg);font-weight:600}.helpai-tabbar{display:flex;border-top:1px solid var(--helpai-border);background:var(--helpai-bg-elevated);flex-shrink:0}.helpai-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--helpai-space-1);min-height:48px;padding:var(--helpai-space-2) var(--helpai-space-1);color:var(--helpai-fg-muted);font-size:var(--helpai-text-xs);font-weight:600;transition:color var(--helpai-dur-quick) var(--helpai-ease-out)}@media(hover:hover){.helpai-tab:hover{background:var(--helpai-hover)}}.helpai-tab[aria-selected=true]{color:var(--helpai-accent-fg)}.helpai-tab:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:-2px}.helpai-tab:active{background:var(--helpai-hover)}.helpai-tab-icon{position:relative;display:inline-flex}.helpai-tab-icon svg{width:22px;height:22px}.helpai-tab-badge{position:absolute;top:-2px;left:calc(50% + 6px);width:8px;height:8px;border-radius:50%;background:var(--helpai-accent);box-shadow:0 0 0 2px var(--helpai-bg-elevated)}.helpai-home-hero{flex-shrink:0;padding:var(--helpai-space-5) var(--helpai-space-5) var(--helpai-space-3);color:var(--helpai-on-accent);--helpai-focus: var(--helpai-on-accent)}.helpai-home-hero-top{display:flex;align-items:center;justify-content:space-between;gap:var(--helpai-space-3);min-height:32px}.helpai-home-brand{font-size:clamp(calc(12px * var(--helpai-text-scale)),calc(3.2cqi * var(--helpai-text-scale)),calc(14px * var(--helpai-text-scale)));font-weight:600;letter-spacing:.01em;color:color-mix(in srgb,#fff 82%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.helpai-home-brand-spacer{flex:1}.helpai-home-hero-actions{display:flex;align-items:center;gap:var(--helpai-space-2);flex-shrink:0}.helpai-home-hero-actions .helpai-icon-btn{color:#fff}.helpai-home-hero-actions .helpai-icon-btn:hover{background:color-mix(in srgb,#fff 18%,transparent);color:#fff}.helpai-home-hero-actions .helpai-icon-btn:active{background:color-mix(in srgb,#fff 26%,transparent)}.helpai-home-greeting{margin:28px 0 0;font-family:var(--helpai-font-display);font-size:clamp(calc(19px * var(--helpai-text-scale)),calc(5.5cqi * var(--helpai-text-scale)),var(--helpai-text-2xl));font-weight:800;line-height:1.18;letter-spacing:-.01em;overflow-wrap:anywhere}.helpai-home-lead{margin:10px 0 0;font-family:var(--helpai-font-display);font-size:clamp(calc(15px * var(--helpai-text-scale)),calc(4.2cqi * var(--helpai-text-scale)),var(--helpai-text-xl));font-weight:600;line-height:1.25;letter-spacing:-.005em;color:color-mix(in srgb,var(--helpai-on-accent) 78%,transparent);overflow-wrap:anywhere}.helpai-home-avatars{display:flex}.helpai-home-avatar{width:30px;height:30px;border-radius:999px;overflow:hidden;margin-inline-start:-10px;border:2px solid color-mix(in srgb,#fff 92%,transparent);box-shadow:0 1px 3px #0000002e;background:var(--helpai-surface);display:inline-flex;align-items:center;justify-content:center;font-size:var(--helpai-text-xs);font-weight:700;color:var(--helpai-fg)}.helpai-home-avatar:first-child{margin-inline-start:0}.helpai-home-avatar img{width:100%;height:100%;object-fit:cover}.helpai-home-content{background:var(--helpai-surface);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius);box-shadow:var(--helpai-shadow-card);overflow:hidden}.helpai-home-content-title{padding:var(--helpai-space-4) var(--helpai-space-4) var(--helpai-space-3);font-size:var(--helpai-text-sm);font-weight:700}.helpai-home-content-list{display:flex;flex-direction:column;padding:0 var(--helpai-space-2) var(--helpai-space-2)}.helpai-home-content-list .helpai-list-row+.helpai-list-row{border-top:1px solid var(--helpai-border)}.helpai-home-card{display:block;width:100%;text-align:start;background:var(--helpai-surface);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius);padding:var(--helpai-space-4);box-shadow:var(--helpai-shadow-card)}.helpai-home-card[data-interactive=true]{cursor:pointer;transition:background var(--helpai-dur-quick) var(--helpai-ease-out),transform var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-home-card[data-interactive=true]:hover{background:var(--helpai-bg-elevated)}.helpai-home-card[data-interactive=true]:active{transform:translateY(1px)}.helpai-home-card[data-interactive=true]:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-home-recent-row{display:flex;align-items:center;gap:var(--helpai-space-3)}.helpai-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(--helpai-accent) 14%,transparent);color:var(--helpai-accent-fg)}.helpai-home-recent-avatar svg{width:20px;height:20px}.helpai-home-recent-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;line-height:1.45}.helpai-home-recent-title{font-weight:600;font-size:calc(14px * var(--helpai-text-scale))}.helpai-home-recent-preview{color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.helpai-home-recent-dot{width:8px;height:8px;border-radius:999px;background:var(--helpai-accent);flex-shrink:0}.helpai-home-recent-row[data-unread=true] .helpai-home-recent-title{font-weight:700}.helpai-home-status{display:flex;align-items:center;gap:var(--helpai-space-3)}.helpai-home-status-icon svg{width:22px;height:22px;color:var(--helpai-success)}.helpai-home-status[data-level=degraded] .helpai-home-status-icon svg{color:var(--helpai-warning)}.helpai-home-status[data-level=down] .helpai-home-status-icon svg{color:var(--helpai-danger)}.helpai-home-status-text{font-weight:600;font-size:calc(14px * var(--helpai-text-scale))}.helpai-home-search{display:flex;align-items:center;gap:var(--helpai-space-2);width:100%;padding:var(--helpai-space-3) var(--helpai-space-4);border-radius:var(--helpai-radius);border:1px solid var(--helpai-border);background:var(--helpai-surface);text-align:start}.helpai-home-search[data-input=true]{background:var(--helpai-bg-elevated)}.helpai-home-search:hover{border-color:var(--helpai-border-strong)}.helpai-home-search:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-home-search[data-input=true]:focus-within{outline:none;border-color:var(--helpai-focus)}.helpai-home-search-text{flex:1;color:var(--helpai-fg-muted);font-size:calc(14px * var(--helpai-text-scale))}.helpai-home-search-input{flex:1;border:0;background:transparent;font-size:calc(14px * var(--helpai-text-scale));color:var(--helpai-fg);outline:none}.helpai-home-search-input:focus-visible{outline:none}.helpai-home-search-icon svg{width:18px;height:18px;color:var(--helpai-accent-fg)}.helpai-home-ask{padding-block:6px;padding-inline-end:6px}.helpai-home-ask .helpai-send{width:32px;height:32px;flex-shrink:0}.helpai-home-ask .helpai-send[data-shape=pill]{width:auto;padding:0 14px}.helpai-home-ask .helpai-send svg{width:16px;height:16px}.helpai-list-row{display:flex;align-items:center;gap:var(--helpai-space-3);width:100%;min-height:44px;text-align:start;padding:var(--helpai-space-3) var(--helpai-space-2);border-radius:var(--helpai-radius-sm)}.helpai-list-row:hover{background:var(--helpai-hover)}.helpai-list-row:active{background:var(--helpai-border)}.helpai-list-row:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:-2px}.helpai-list-row-body{display:flex;flex-direction:column;min-width:0;flex:1}.helpai-list-row-title{font-weight:600;font-size:var(--helpai-text-md);line-height:1.35}.helpai-list-row-sub{color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm);margin-top:var(--helpai-space-1);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.helpai-list-row-chevron svg{width:18px;height:18px;color:var(--helpai-accent-fg);flex-shrink:0}.helpai-back-header{display:flex;align-items:center;gap:var(--helpai-space-2);padding:10px 12px;border-bottom:1px solid var(--helpai-border);flex-shrink:0}.helpai-back-title{flex:1;text-align:center;font-size:var(--helpai-text-md);font-weight:700;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-back-spacer{width:32px;height:1px}.helpai-history>*,.helpai-home-scroll>*,.helpai-module-scroll>*,.helpai-help-list>*,.helpai-history-footer>*,.helpai-module-pad{width:100%;max-width:var(--helpai-conversation-max, 768px);margin-inline:auto}.helpai-header,.helpai-back-header{padding-inline:max(12px,calc((100% - var(--helpai-conversation-max, 768px)) / 2))}.helpai-tabbar{padding-inline:max(0px,calc((100% - var(--helpai-conversation-max, 768px)) / 2))}.helpai-content{display:flex;flex-direction:column;gap:14px;width:100%;max-width:68ch;margin:0 auto}.helpai-content-hero{width:100%;border-radius:var(--helpai-radius)}.helpai-content-subtitle{color:var(--helpai-fg-muted);margin:0}.helpai-content-vote{display:flex;align-items:center;flex-wrap:wrap;gap:var(--helpai-space-2);padding-top:var(--helpai-space-3);border-top:1px solid var(--helpai-border)}.helpai-content-frame{flex:1;min-height:0;width:100%;border:0;background:#fff}.helpai-news-list{display:flex;flex-direction:column;gap:var(--helpai-space-3)}.helpai-news-card{display:block;width:100%;text-align:start;line-height:1.45;border:1px solid var(--helpai-border);border-radius:var(--helpai-radius);overflow:hidden;background:var(--helpai-surface);transition:background var(--helpai-dur-quick) var(--helpai-ease-out),transform var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-news-card:hover{background:var(--helpai-bg-elevated)}.helpai-news-card:active{transform:translateY(1px)}.helpai-news-card:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-news-hero{width:100%;display:block}.helpai-news-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px}.helpai-news-title{font-weight:700;font-size:var(--helpai-text-md)}.helpai-news-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--helpai-fg-muted);font-size:var(--helpai-text-sm)}.helpai-news-tag{padding:1px 8px;border-radius:6px;background:var(--helpai-hover);color:var(--helpai-fg);font-size:calc(12px * var(--helpai-text-scale));white-space:nowrap}.helpai-news-more{display:flex;align-items:center;justify-content:center;gap:var(--helpai-space-2);width:100%;min-height:44px;border:1px solid var(--helpai-border);border-radius:var(--helpai-radius);background:var(--helpai-surface);color:var(--helpai-accent-fg);font-weight:600}.helpai-news-more:hover{background:var(--helpai-bg-elevated)}.helpai-news-more:focus-visible{outline:2px solid var(--helpai-focus);outline-offset:2px}.helpai-news-summary{color:var(--helpai-fg-muted);font-size:calc(14px * var(--helpai-text-scale));display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.helpai-modules-empty{display:flex;align-items:center;justify-content:center;position:relative}.helpai-modules-empty-close{position:absolute;top:12px;inset-inline-end:12px}.helpai-modules-empty-text{color:var(--helpai-fg-muted);font-size:var(--helpai-text-base)}.helpai-form{display:flex;flex-direction:column;gap:var(--helpai-space-4)}.helpai-field{display:flex;flex-direction:column;gap:6px}.helpai-field-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--helpai-space-2)}.helpai-field-label{font-size:var(--helpai-text-sm);font-weight:600;color:var(--helpai-fg)}.helpai-field-req{color:var(--helpai-danger)}.helpai-field-type{flex-shrink:0;align-self:center;margin-inline-start:auto;border:1px solid var(--helpai-border);border-radius:5px;background:color-mix(in oklab,var(--helpai-fg-muted) 9%,transparent);padding:1px 7px;font-size:var(--helpai-text-xs);font-weight:600;color:var(--helpai-fg-muted);white-space:nowrap}.helpai-field-input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:10px var(--helpai-space-3);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);background:var(--helpai-bg);color:var(--helpai-fg);font:inherit;font-size:var(--helpai-text-sm);resize:vertical;transition:border-color var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-field-input:focus-visible{outline:none;border-color:var(--helpai-accent)}.helpai-field[data-invalid=true] .helpai-field-input{border-color:var(--helpai-danger)}.helpai-field-input[type=date],.helpai-field-input[type=time]{appearance:none;-webkit-appearance:none}@media(pointer:coarse){.helpai-textarea,.helpai-home-search-input,.helpai-field-input{font-size:max(16px,calc(16px * var(--helpai-text-scale)))}}.helpai-field-hint{font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted)}.helpai-field-error{font-size:var(--helpai-text-xs);color:var(--helpai-danger)}.helpai-field-choices{display:flex;flex-direction:column;gap:10px;padding-top:2px}.helpai-choice{display:flex;align-items:flex-start;gap:10px;font-size:var(--helpai-text-sm);color:var(--helpai-fg);cursor:pointer}.helpai-choice input{margin-top:2px;accent-color:var(--helpai-accent)}.helpai-form-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--helpai-space-2);margin-top:var(--helpai-space-2)}.helpai-form-hint{flex:1 1 auto;min-width:6rem;margin-inline-end:auto;font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted)}.helpai-form-submit{padding:var(--helpai-space-2) var(--helpai-space-4);border:none;border-radius:var(--helpai-radius-md);background:var(--helpai-accent);color:var(--helpai-accent-text, #fff);font:inherit;font-weight:600;font-size:var(--helpai-text-sm);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:filter var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-form-submit:hover:not(:disabled){filter:brightness(1.06)}.helpai-form-submit:disabled{opacity:.6;cursor:default}.helpai-form-skip{padding:var(--helpai-space-2) var(--helpai-space-4);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);background:transparent;color:var(--helpai-fg-muted);font:inherit;font-size:var(--helpai-text-sm);white-space:nowrap;flex-shrink:0;cursor:pointer;transition:background var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-form-skip:hover:not(:disabled){background:var(--helpai-bg-elevated)}@media(max-width:640px){.helpai-form-hint{flex-basis:100%;margin-inline-end:0;font-size:var(--helpai-text-xs)}.helpai-form-submit,.helpai-form-skip{flex:1 1 0;text-align:center}}.helpai-form-gate{display:flex;flex-direction:column;gap:var(--helpai-space-3);padding:var(--helpai-space-4);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);background:var(--helpai-bg-elevated)}.helpai-form-gate-title{margin:0;font-size:var(--helpai-text-base);font-weight:700;color:var(--helpai-fg)}.helpai-form-gate-desc{margin:0 0 var(--helpai-space-1);font-size:var(--helpai-text-sm);color:var(--helpai-fg-muted)}.helpai-form-done{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:1px dashed var(--helpai-border);border-radius:999px;align-self:center;font-size:var(--helpai-text-xs);font-weight:600;color:var(--helpai-fg-muted)}.helpai-form-done svg{width:14px;height:14px;color:var(--helpai-success, #22c55e)}.helpai-form-done[data-outcome=skipped] svg{color:var(--helpai-fg-muted)}.helpai-form-done-fill{border:0;background:none;padding:0 2px;cursor:pointer;font:inherit;font-weight:600;color:var(--helpai-accent-fg)}.helpai-form-done-fill:hover{text-decoration:underline}details.helpai-form-done{display:block;padding:0;border-radius:var(--helpai-radius-md)}details[open].helpai-form-done{width:min(100%,420px);background:var(--helpai-surface)}.helpai-form-done-summary{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;cursor:pointer;list-style:none}.helpai-form-done-summary::-webkit-details-marker{display:none}.helpai-form-done-summary>svg:last-child{color:var(--helpai-fg-muted);transition:transform .15s var(--helpai-ease)}details[open]>.helpai-form-done-summary>svg:last-child{transform:rotate(90deg)}.helpai-form-answers{margin:0;padding:var(--helpai-space-2) var(--helpai-space-3) var(--helpai-space-3);display:grid;gap:var(--helpai-space-3);text-align:start}.helpai-form-answer{display:grid;gap:6px}.helpai-form-answer dt{font-size:var(--helpai-text-sm);font-weight:600;color:var(--helpai-fg)}.helpai-form-answer dd{margin:0;padding:10px var(--helpai-space-3);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);background:var(--helpai-bg);font-size:var(--helpai-text-sm);font-weight:400;color:var(--helpai-fg);overflow-wrap:anywhere}.helpai-toolui{margin-block:var(--helpai-space-3);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-lg, 14px);background:var(--helpai-bg-elevated);font-size:var(--helpai-text-sm)}.helpai-toolui:not(.helpai-toolui-collapsible){display:flex;flex-direction:column;gap:var(--helpai-space-3);padding:var(--helpai-space-4)}.helpai-toolui-group{display:flex;flex-direction:column;gap:var(--helpai-space-3);margin-block:var(--helpai-space-3)}.helpai-toolui-group>.helpai-toolui{margin-block:0}.helpai-toolui-stale{opacity:.7}details.helpai-toolui-collapsible>summary{display:flex;align-items:center;gap:var(--helpai-space-2);padding:var(--helpai-space-3) var(--helpai-space-4);cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent;user-select:none}details.helpai-toolui-collapsible>summary::-webkit-details-marker{display:none}details.helpai-toolui-collapsible[open]>summary{border-bottom:1px solid var(--helpai-border)}details.helpai-toolui-collapsible>.helpai-toolui-section{margin:var(--helpai-space-4)}details.helpai-toolui-collapsible>.helpai-toolui-section~.helpai-toolui-section{margin-top:calc(-1 * var(--helpai-space-2))}.helpai-toolui-name-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.helpai-toolui-chevron{display:inline-flex;color:var(--helpai-fg-muted);transition:transform var(--helpai-dur-quick) var(--helpai-ease-out)}details.helpai-toolui-collapsible>summary .helpai-toolui-status{margin-inline-start:auto}.helpai-toolui-chevron svg{width:16px;height:16px}details.helpai-toolui-collapsible[open]>summary .helpai-toolui-chevron{transform:rotate(180deg)}.helpai-toolui-badge,.helpai-toolui-name-pill,.helpai-toolui-q-pill{--helpai-pill: var(--helpai-fg-muted);display:inline-flex;min-width:0;align-items:center;gap:5px;padding:3px 7px;border-radius:5px;border:1px solid var(--helpai-border);background:color-mix(in oklab,var(--helpai-fg-muted) 9%,transparent);color:var(--helpai-pill);font-size:var(--helpai-text-xs);font-weight:600;white-space:nowrap}.helpai-toolui-badge svg,.helpai-toolui-name-pill svg,.helpai-toolui-q-pill svg{flex-shrink:0;width:14px;height:14px}.helpai-toolui-status-icon{display:inline-flex}.helpai-toolui-name-pill{--helpai-pill: oklch(.68 .13 233)}.helpai-toolui-q-pill{--helpai-pill: oklch(.66 .12 195)}.helpai-toolui-status[data-status=completed]{--helpai-pill: var(--helpai-success, #16a34a)}.helpai-toolui-status[data-status=responded]{--helpai-pill: oklch(.62 .15 255)}.helpai-toolui-status[data-status=awaiting]{--helpai-pill: var(--helpai-warning, #f59e0b)}.helpai-toolui-status[data-status=denied]{--helpai-pill: oklch(.66 .16 45)}.helpai-toolui-status[data-status=error]{--helpai-pill: var(--helpai-danger, #dc2626)}.helpai-toolui-status[data-status=superseded],.helpai-toolui-status[data-status=incomplete]{--helpai-pill: var(--helpai-fg-muted)}@supports (color: oklch(from red l c h)){.helpai-toolui-badge,.helpai-toolui-name-pill,.helpai-toolui-q-pill{color:oklch(from var(--helpai-pill) clamp(var(--helpai-pill-l-min),l,var(--helpai-pill-l-max)) c h)}}.helpai-toolui-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--helpai-space-2)}.helpai-toolui-head-end{display:inline-flex;align-items:center;gap:var(--helpai-space-2);margin-inline-start:auto}.helpai-toolui-collapse-body{display:flex;flex-direction:column;gap:var(--helpai-space-3);padding:var(--helpai-space-4)}.helpai-toolui-summary{display:flex;flex-direction:column;gap:var(--helpai-space-3)}.helpai-toolui-collapse-body>.helpai-form{gap:var(--helpai-space-3)}.helpai-toolui-collapse-body>.helpai-form>.helpai-field,.helpai-toolui-summary>.helpai-field{padding:10px var(--helpai-space-3);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);background:color-mix(in oklab,var(--helpai-bg) 80%,transparent);line-height:1.5}.helpai-toolui-collapse-body>.helpai-form>.helpai-field{gap:var(--helpai-space-2)}.helpai-toolui-summary>.helpai-field{gap:var(--helpai-space-1)}.helpai-toolui-summary .helpai-field-label{color:var(--helpai-fg-muted)}.helpai-toolui-answer{margin:0;font-size:var(--helpai-text-sm);color:var(--helpai-fg-muted);overflow-wrap:anywhere;white-space:pre-wrap}.helpai-toolui-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--helpai-space-3);margin-inline:calc(-1 * var(--helpai-space-4));padding:var(--helpai-space-3) var(--helpai-space-4) 0;border-top:1px solid var(--helpai-border)}.helpai-toolui-options-toggle{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;padding:0;cursor:pointer;font-size:var(--helpai-text-xs);font-weight:600;color:var(--helpai-fg-muted);transition:color var(--helpai-dur-quick) var(--helpai-ease)}.helpai-toolui-options-toggle:hover{color:var(--helpai-fg)}.helpai-toolui-options-chevron{display:inline-flex;transition:transform var(--helpai-dur-quick) var(--helpai-ease-out)}.helpai-toolui-options-chevron svg{width:14px;height:14px}.helpai-toolui-options-chevron.helpai-open{transform:rotate(180deg)}.helpai-toolui-desc{margin:0;padding:var(--helpai-space-3);border-radius:var(--helpai-radius-md);background:var(--helpai-bg);border:1px solid var(--helpai-border);color:var(--helpai-fg-muted);line-height:1.5}.helpai-toolui-section{display:flex;flex-direction:column;gap:8px;padding:var(--helpai-space-3);border-radius:var(--helpai-radius-md);background:var(--helpai-bg);border:1px solid var(--helpai-border)}.helpai-toolui:not(.helpai-toolui-collapsible) .helpai-toolui-section,.helpai-toolui:not(.helpai-toolui-collapsible) .helpai-toolui-desc{padding:0;background:none;border:0;border-radius:0}.helpai-toolui-label{font-size:var(--helpai-text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--helpai-fg-muted)}.helpai-toolui-code{margin:0;max-height:240px;overflow:auto;color:var(--helpai-fg);font-family:var(--helpai-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--helpai-text-xs);line-height:1.5;white-space:pre-wrap;word-break:break-word}.helpai-toolui-code[data-error=true]{color:var(--helpai-danger, #dc2626)}.helpai-toolui-body{gap:6px}.helpai-toolui-prompt{margin:0;font-weight:600;color:var(--helpai-fg);overflow-wrap:anywhere}.helpai-toolui-subtle{margin:0;font-size:var(--helpai-text-xs);color:var(--helpai-fg-muted);line-height:1.5}.helpai-toolui-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--helpai-space-2);margin-top:var(--helpai-space-2)}:host([dir="rtl"]) .helpai-icon-dir{transform:scaleX(-1)}:host([dir="rtl"]) .helpai-field-input[type=date],:host([dir="rtl"]) .helpai-field-input[type=time]{position:relative;text-align:right;padding-left:34px}:host([dir="rtl"]) .helpai-field-input[type=date]::-webkit-datetime-edit,:host([dir="rtl"]) .helpai-field-input[type=time]::-webkit-datetime-edit{text-align:right}:host([dir="rtl"]) .helpai-field-input[type=date]::-webkit-calendar-picker-indicator,:host([dir="rtl"]) .helpai-field-input[type=time]::-webkit-calendar-picker-indicator{position:absolute;left:var(--helpai-space-3);margin:0}
6
6
 
7
7
  .helpai-generative-ui{display:grid;gap:var(--helpai-space-3);overflow-wrap:anywhere;white-space:pre-wrap}.helpai-generative-ui p{margin:0}.helpai-generative-ui-grid-container{container:helpai-generative-ui-grid / inline-size;min-width:0}.helpai-generative-ui-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:16px}.helpai-generative-ui-cell{display:grid;align-content:start;min-width:0;gap:16px}@container helpai-generative-ui-grid (min-width: 496px){.helpai-generative-ui-grid:is([data-columns="2"],[data-columns="3"],[data-columns="4"]){grid-template-columns:repeat(2,minmax(0,1fr))}.helpai-generative-ui-grid:is([data-columns="2"],[data-columns="3"],[data-columns="4"])>.helpai-generative-ui-cell:is([data-span="2"],[data-span="3"],[data-span="4"]){grid-column:span 2}}@container helpai-generative-ui-grid (min-width: 752px){.helpai-generative-ui-grid:is([data-columns="3"],[data-columns="4"]){grid-template-columns:repeat(3,minmax(0,1fr))}.helpai-generative-ui-grid:is([data-columns="3"],[data-columns="4"])>.helpai-generative-ui-cell:is([data-span="3"],[data-span="4"]){grid-column:span 3}}@container helpai-generative-ui-grid (min-width: 1008px){.helpai-generative-ui-grid[data-columns="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.helpai-generative-ui-grid[data-columns="4"]>.helpai-generative-ui-cell[data-span="4"]{grid-column:span 4}}.helpai-generative-ui section{display:grid;gap:var(--helpai-space-2);padding:var(--helpai-space-3);border:1px solid var(--helpai-border);border-radius:var(--helpai-radius-md);min-width:0}.helpai-generative-ui-metric{font-size:1.6em;font-weight:700}.helpai-generative-ui-table{overflow-x:auto}.helpai-generative-ui table{width:100%;border-collapse:collapse;white-space:normal}.helpai-generative-ui caption{text-align:start;font-weight:600;padding-bottom:var(--helpai-space-2)}.helpai-generative-ui th,.helpai-generative-ui td{text-align:start;padding:var(--helpai-space-2);border-bottom:1px solid var(--helpai-border)}.helpai-generative-ui-chart{display:block;width:100%;color:var(--helpai-accent)}.helpai-generative-ui-axis{stroke:var(--helpai-border)}.helpai-generative-ui-data{display:flex;flex-wrap:wrap;gap:var(--helpai-space-2);font-size:.85em}
8
8
 
package/web-component.d.ts CHANGED
@@ -38,7 +38,7 @@ interface ClientStorage {
38
38
  * populated {@link Strings} map. UI components then read `strings.send` as a
39
39
  * normal property access — no per-render lookup, no per-render allocation.
40
40
  */
41
- type StringKey = 'launcherOpen' | 'launcherLabel' | 'panelTitle' | 'composerPlaceholder' | 'send' | 'stop' | 'queueMessage' | 'removeQueuedMessage' | 'compactingContext' | 'attach' | 'micStart' | 'micStop' | 'micUnsupported' | 'expand' | 'collapse' | 'fullscreen' | 'exitFullscreen' | 'popOut' | 'resizeHandle' | 'scrollToBottom' | 'close' | 'moreActions' | 'soundOn' | 'soundOff' | 'language' | 'theme' | 'themeAuto' | 'themeLight' | 'themeDark' | 'textSize' | 'textSizeSmall' | 'textSizeNormal' | 'textSizeLarge' | 'history' | 'historyTitle' | 'historyEmpty' | 'historyLoading' | 'historyBack' | 'historyContinue' | 'loadMoreConversations' | 'conversationLoading' | 'loadPreviousMessages' | 'conversationClosed' | 'startNewConversation' | 'talkToOperator' | 'connectingOperator' | 'noOperatorAvailable' | 'chattingWithOperator' | 'cancelOperatorRequest' | 'dateToday' | 'dateYesterday' | 'dateLastWeek' | 'dateOlder' | 'newConversation' | 'dropZone' | 'attachmentTooLarge' | 'attachmentTooMany' | 'attachmentMimeRejected' | 'errorRetry' | 'errorGeneric' | 'errorRateLimited' | 'loading' | 'visualPreparing' | 'visualError' | 'visualPartial' | 'thinking' | 'thoughts' | 'toolResult' | 'sources' | 'feedbackUp' | 'feedbackDown' | 'feedbackThanks' | 'copy' | 'copied' | 'collapseSidebar' | 'expandSidebar' | 'formSubmit' | 'formSkip' | 'formSubmitted' | 'formSkipped' | 'formFillOut' | 'formRequired' | 'formInvalidEmail' | 'formInvalidTel' | 'formInvalidUrl' | 'formInvalidNumber' | 'formTooShort' | 'formTooLong' | 'formNumberTooSmall' | 'formNumberTooLarge' | 'formPatternMismatch' | 'formChooseAtLeast' | 'formChooseAtMost' | 'formOther' | 'formOtherPlaceholder' | 'inputRequired' | 'inputBadge' | 'inputAnswered' | 'inputSkipped' | 'inputSubmit' | 'inputSubmitHint' | 'inputSkip' | 'showOptions' | 'hideOptions' | 'qtypeText' | 'qtypeEmail' | 'qtypePhone' | 'qtypeNumber' | 'qtypeDate' | 'qtypeChooseOne' | 'qtypeChooseAny' | 'qtypeBoolean' | 'confirmYes' | 'confirmNo' | 'approve' | 'reject' | 'approvalPrompt' | 'approvalBody' | 'approvalYourResponse' | 'approvalEditHint' | 'approvalSubmitting' | 'edit' | 'toolParameters' | 'statusAwaiting' | 'statusResponded' | 'statusCompleted' | 'statusDenied' | 'statusError' | 'statusRunning' | 'statusSuperseded' | 'tabHome' | 'tabConversations' | 'tabHelp' | 'tabNews' | 'modulesEmpty' | 'moduleBack' | 'contentLoading' | 'contentHelpful' | 'homeGreeting' | 'homeGreetingNamed' | 'homeGreetingLead' | 'homeSearchPlaceholder' | 'homeAskPlaceholder' | 'homeWhatsNew' | 'homeContentTitle' | 'homeStatus' | 'helpTitle' | 'helpSearchPlaceholder' | 'helpEmpty' | 'helpLoading' | 'helpSearchEmpty' | 'helpShowMore' | 'newsTitle' | 'newsEmpty' | 'newsLoading' | 'newsBack' | 'newsPublishedAt' | 'newsShowMore' | 'newsUnseen';
41
+ type StringKey = 'launcherOpen' | 'launcherLabel' | 'panelTitle' | 'composerPlaceholder' | 'send' | 'stop' | 'queueMessage' | 'removeQueuedMessage' | 'compactingContext' | 'attach' | 'micStart' | 'micStop' | 'micUnsupported' | 'expand' | 'collapse' | 'fullscreen' | 'exitFullscreen' | 'popOut' | 'resizeHandle' | 'scrollToBottom' | 'close' | 'moreActions' | 'soundOn' | 'soundOff' | 'language' | 'theme' | 'themeAuto' | 'themeLight' | 'themeDark' | 'textSize' | 'textSizeSmall' | 'textSizeNormal' | 'textSizeLarge' | 'history' | 'historyTitle' | 'historyEmpty' | 'historyLoading' | 'historyBack' | 'historyContinue' | 'loadMoreConversations' | 'conversationLoading' | 'loadPreviousMessages' | 'conversationClosed' | 'startNewConversation' | 'talkToOperator' | 'connectingOperator' | 'noOperatorAvailable' | 'chattingWithOperator' | 'cancelOperatorRequest' | 'dateToday' | 'dateYesterday' | 'dateLastWeek' | 'dateOlder' | 'newConversation' | 'dropZone' | 'attachmentTooLarge' | 'attachmentTooMany' | 'attachmentMimeRejected' | 'errorRetry' | 'errorGeneric' | 'errorRateLimited' | 'loading' | 'visualPreparing' | 'visualError' | 'visualPartial' | 'thinking' | 'thoughts' | 'toolResult' | 'sources' | 'feedbackUp' | 'feedbackDown' | 'feedbackThanks' | 'copy' | 'copied' | 'collapseSidebar' | 'expandSidebar' | 'formSubmit' | 'formSkip' | 'formSubmitted' | 'formSkipped' | 'formFillOut' | 'formRequired' | 'formInvalidEmail' | 'formInvalidTel' | 'formInvalidUrl' | 'formInvalidNumber' | 'formTooShort' | 'formTooLong' | 'formNumberTooSmall' | 'formNumberTooLarge' | 'formPatternMismatch' | 'formChooseAtLeast' | 'formChooseAtMost' | 'formOther' | 'formOtherPlaceholder' | 'inputRequired' | 'inputBadge' | 'inputAnswered' | 'inputSkipped' | 'inputSubmit' | 'inputSubmitHint' | 'inputSkip' | 'showOptions' | 'hideOptions' | 'qtypeText' | 'qtypeEmail' | 'qtypePhone' | 'qtypeNumber' | 'qtypeDate' | 'qtypeChooseOne' | 'qtypeChooseAny' | 'qtypeBoolean' | 'confirmYes' | 'confirmNo' | 'approve' | 'reject' | 'approvalPrompt' | 'approvalBody' | 'approvalYourResponse' | 'approvalEditHint' | 'approvalSubmitting' | 'edit' | 'toolParameters' | 'statusAwaiting' | 'statusResponded' | 'statusCompleted' | 'statusDenied' | 'statusError' | 'statusRunning' | 'statusSuperseded' | 'statusIncomplete' | 'tabHome' | 'tabConversations' | 'tabHelp' | 'tabNews' | 'modulesEmpty' | 'moduleBack' | 'contentLoading' | 'contentHelpful' | 'homeGreeting' | 'homeGreetingNamed' | 'homeGreetingLead' | 'homeSearchPlaceholder' | 'homeAskPlaceholder' | 'homeWhatsNew' | 'homeContentTitle' | 'homeStatus' | 'helpTitle' | 'helpSearchPlaceholder' | 'helpEmpty' | 'helpLoading' | 'helpSearchEmpty' | 'helpShowMore' | 'newsTitle' | 'newsEmpty' | 'newsLoading' | 'newsBack' | 'newsPublishedAt' | 'newsShowMore' | 'newsUnseen';
42
42
  /** A partial map for one locale — what overrides look like on the wire. */
43
43
  type LocaleStrings = Partial<Record<StringKey, string>>;
44
44
  /**
@@ -818,6 +818,38 @@ interface TrackingOptions {
818
818
  * alongside at the top level — they're function / DOM types that can't be
819
819
  * serialised on the wire.
820
820
  */
821
+ /** A signed user token, or a function that returns a fresh one (see {@link ChatWidgetOptions.userToken}). */
822
+ type UserTokenSource = string | (() => string | Promise<string>);
823
+ /** WebMCP `ToolAnnotations`: hints about what a tool does. */
824
+ interface ToolAnnotations {
825
+ /** It only reads; it changes nothing. */
826
+ readOnlyHint?: boolean;
827
+ /** Its result holds content the site doesn't vouch for, such as reviews. */
828
+ untrustedContentHint?: boolean;
829
+ /** A significant or irreversible action (booking, paying, deleting): the visitor approves each call first. */
830
+ consequentialHint?: boolean;
831
+ /** Built for developers, not visitors. */
832
+ debugging?: boolean;
833
+ }
834
+ /**
835
+ * A tool the AI agent can use on your page, in the WebMCP `ModelContextTool` shape: the same object works with
836
+ * `document.modelContext.registerTool()`. The agent sees `name`, `description` and `inputSchema`; `execute` runs here,
837
+ * in the visitor's browser, and what it returns goes back to the agent.
838
+ */
839
+ interface ModelContextTool<TInput = unknown> {
840
+ /** Letters, digits, `_` and `-` (58 at most; others become `_`). A name registered again replaces the earlier tool. */
841
+ name: string;
842
+ title?: string;
843
+ /** When the agent should use it and what it does (1024 characters at most). */
844
+ description: string;
845
+ /** JSON Schema of the input (`type: "object"`); none means the tool takes no input. */
846
+ inputSchema?: Record<string, unknown>;
847
+ annotations?: ToolAnnotations;
848
+ /** Runs the tool: return a JSON value (or a promise of one) for the agent; throw to report a failure. `signal` aborts when the visitor moves on first. */
849
+ execute(input: TInput, options: {
850
+ signal: AbortSignal;
851
+ }): unknown;
852
+ }
821
853
  interface ChatWidgetOptions {
822
854
  /**
823
855
  * Stable identifier for this widget instance. Use when mounting more
@@ -893,6 +925,20 @@ interface ChatWidgetOptions {
893
925
  * interface (`get` / `set` / `remove` / `clear`).
894
926
  */
895
927
  storage?: ClientStorage;
928
+ /**
929
+ * Proves who the logged-in visitor is: a JWT your server signs (HS256) with the deployment's secret key, carrying
930
+ * `sub` (your user id) and `exp`, optionally `name` and `email`. A function is called when a token is first
931
+ * needed and again when the server rejects the current one as expired, so return a fresh token from it. Their
932
+ * conversations then follow them to any device; `chat.login(token)` sets it after sign-in, `chat.reset()` on
933
+ * sign-out. Sent only to the agent API, as `x-user-token`.
934
+ */
935
+ userToken?: UserTokenSource;
936
+ /**
937
+ * Tools the AI agent can use on your page (open a booking form, read the cart, jump to a section), WebMCP
938
+ * `ModelContextTool`s. Sent with each message as definitions only; the agent's call runs `execute` here, in the
939
+ * visitor's browser. `registerTool()` adds one from anywhere, for example a single-page app's route.
940
+ */
941
+ tools?: readonly ModelContextTool[];
896
942
  onMessage?: (msg: {
897
943
  role: string;
898
944
  text: string;
@@ -917,6 +963,8 @@ declare const SPECIAL_REACTIVE_ATTRS: readonly ['launcher-label', 'callout-text'
917
963
  declare const ATTR_TABLES: readonly [readonly [["public-key", "publicKey"], ["ai-agent-deployment-id", "aiAgentDeploymentId"], ["base-url", "baseUrl"], ["agent-api-base-url", "agentApiBaseUrl"], ["data-api-base-url", "dataApiBaseUrl"], ["theme", "theme", (v: string) => string]], readonly [["mode", "mode", (v: string) => string], ["position", "position", (v: string) => string], ["iframe", "iframe", typeof boolAttr]], readonly [["width", "width"], ["height", "height"]], readonly [["response-mode", "responseMode", (v: string) => string], ["start-minimized", "startMinimized", typeof boolAttr], ["show-reasoning", "showReasoning", typeof boolAttr], ["show-tool-calls", "showToolCalls", typeof boolAttr], ["show-sources", "showSources", typeof boolAttr], ["disable-message-feedback", "disableMessageFeedback", typeof boolAttr], ["auto-send-suggestions", "autoSendSuggestions", typeof boolAttr], ["pop-out-url", "popOutUrl"]], readonly [["locale", "locale"]], readonly [["launcher-variant", "variant", (v: string) => string], ["launcher-size", "size", (v: string) => string], ["launcher-icon", "icon"], ["launcher-hidden", "hidden", typeof boolAttr]], readonly [["features-disable-file-upload", "disableFileUpload", typeof boolAttr], ["features-voice", "voice", (v: string) => string]], readonly [["endpoint-upload", "upload"], ["endpoint-transcribe", "transcribe"]], readonly [["user-id", "id"], ["user-email", "email"], ["user-name", "name"]], readonly [["page-area", "area"], ["page-url", "url"], ["page-path", "path"], ["page-title", "title"]]];
918
964
  /** Every attribute `<web-ai-chat>` reads, as written in HTML — the names its JSX typings offer. */
919
965
  type WebAiChatAttributeName = (typeof ATTR_TABLES)[number][number][0] | (typeof SPECIAL_REACTIVE_ATTRS)[number];
966
+ /** How a call this page ran (or found cut short) ended, for the `toolResult` event. */
967
+ type PageToolCallStatus = 'completed' | 'failed' | 'interrupted';
920
968
  declare const handshakeResponseSchema: z.ZodObject<{
921
969
  deployment: z.ZodObject<{
922
970
  id: z.ZodString;
@@ -1268,15 +1316,27 @@ interface EventMap {
1268
1316
  values: Record<string, string>;
1269
1317
  skipped: boolean;
1270
1318
  };
1271
- /** User answered an ask-questions tool request (re-POST follows). */
1319
+ /**
1320
+ * A tool call settled on the page: the visitor answered an ask-questions request (`toolCallId` only), or a page
1321
+ * tool's call ended — `completed`, `failed`, `declined` or `stopped` by the visitor, or `interrupted` by a reload —
1322
+ * after `durationMs`. Never its input or result.
1323
+ */
1272
1324
  toolResult: {
1273
1325
  toolCallId: string;
1326
+ name?: string;
1327
+ status?: PageToolCallStatus | 'declined' | 'stopped';
1328
+ durationMs?: number;
1274
1329
  };
1275
1330
  /** User approved / rejected a gated tool call (re-POST follows). */
1276
1331
  toolDecision: {
1277
1332
  toolCallId: string;
1278
1333
  approved: boolean;
1279
1334
  };
1335
+ /** Your page reported its own event with `track(name, data)`: sent to analytics, and to the agent with the next message. */
1336
+ hostEvent: {
1337
+ name: string;
1338
+ data?: Record<string, string | number | boolean>;
1339
+ };
1280
1340
  /**
1281
1341
  * User gave feedback on a rateable reply (AI or operator). `value` is `"up"` / `"down"`, or
1282
1342
  * `null` when they cleared a prior choice. `messageId` is the backend message
@@ -1395,6 +1455,8 @@ interface AskOptions {
1395
1455
  /** Send the text as the visitor's message instead of filling the composer with it. Default `false`. */
1396
1456
  send?: boolean;
1397
1457
  }
1458
+ /** Flat data about a host event: strings, numbers and booleans only. */
1459
+ type HostEventData = Record<string, string | number | boolean>;
1398
1460
  /**
1399
1461
  * Comprehensive logger for the widget runtime.
1400
1462
  *
@@ -1489,6 +1551,47 @@ interface ChatWidgetInstance {
1489
1551
  * Listeners added with `on()` stay.
1490
1552
  */
1491
1553
  reset: () => void;
1554
+ /**
1555
+ * Sign the visitor in as your logged-in user, after they log in to your site: `userToken` is a JWT your server
1556
+ * signs with the deployment's secret key (`sub`, `exp`; optional `name`, `email`), or a function that returns a
1557
+ * fresh one. The widget reconnects as that user: their earlier chats on this browser move to them, and their
1558
+ * conversations follow them to any device. Call `reset()` when they log out.
1559
+ *
1560
+ * @example
1561
+ * ```ts
1562
+ * chat.login(async () => (await fetch('/api/help-ai-token')).text());
1563
+ * ```
1564
+ */
1565
+ login: (userToken: UserTokenSource) => void;
1566
+ /**
1567
+ * Report something the visitor did on your site, outside the chat. Sends a `hostEvent` hit to analytics (not when
1568
+ * tracking is off), and the agent reads your last 10 events with the visitor's next message. `name` is 1–64
1569
+ * characters; `data` is flat (strings, numbers, booleans), 256 characters of JSON at most.
1570
+ *
1571
+ * @example
1572
+ * ```ts
1573
+ * chat.track('plan_viewed', { plan: 'pro' });
1574
+ * ```
1575
+ */
1576
+ track: (name: string, data?: HostEventData) => void;
1577
+ /**
1578
+ * Add a tool the agent can use on this page, in the WebMCP tool shape — for every widget on the page, not only this
1579
+ * one. The latest registration of a name wins; aborting `options.signal` removes it. `annotations.consequentialHint`
1580
+ * asks the visitor before each call. See `docs/sdk/page-tools.md`.
1581
+ *
1582
+ * @example
1583
+ * ```ts
1584
+ * chat.registerTool({
1585
+ * name: 'open_booking',
1586
+ * description: 'Open the booking form for a meeting type.',
1587
+ * inputSchema: { type: 'object', properties: { meetingType: { type: 'string', enum: ['sales', 'support'] } }, required: ['meetingType'] },
1588
+ * execute: ({ meetingType }) => booking.open(meetingType),
1589
+ * });
1590
+ * ```
1591
+ */
1592
+ registerTool: (tool: ModelContextTool, options?: {
1593
+ signal?: AbortSignal;
1594
+ }) => void;
1492
1595
  /**
1493
1596
  * Subscribe to a lifecycle event. Returns an `off` function. See
1494
1597
  * {@link EventMap} for the full set + payload shapes — currently
@@ -1557,7 +1660,10 @@ export type WebAiChatAttributes = Partial<Record<WebAiChatAttributeName, string>
1557
1660
  'ai-agent-deployment-id': string;
1558
1661
  };
1559
1662
  /** A page's `<web-ai-chat>`: the same commands, state and events as the `mount()` handle. */
1560
- export type WebAiChatElement = HTMLElement & Pick<ChatWidgetInstance, 'open' | 'close' | 'expand' | 'openForm' | 'ask' | 'on' | 'state' | 'ready' | 'reset'>;
1663
+ export type WebAiChatElement = HTMLElement & Pick<ChatWidgetInstance, 'open' | 'close' | 'expand' | 'openForm' | 'ask' | 'on' | 'state' | 'ready' | 'reset' | 'login' | 'track' | 'registerTool'> & {
1664
+ /** The page's tools the agent can use — see `ChatWidgetOptions.tools`. A property, since functions can't be attributes. */
1665
+ tools: readonly ModelContextTool[];
1666
+ };
1561
1667
  declare global {
1562
1668
  interface HTMLElementTagNameMap {
1563
1669
  'web-ai-chat': WebAiChatElement;