@singlebase/elements 0.5.0 → 0.6.0

package/dist/chat-C-gsskho.cjs

@@ -0,0 +1,3258 @@
+"use strict";var Kt=Object.defineProperty;var bt=l=>{throw TypeError(l)};var Wt=(l,o,e)=>o in l?Kt(l,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[o]=e;var O=(l,o,e)=>Wt(l,typeof o!="symbol"?o+"":o,e),ft=(l,o,e)=>o.has(l)||bt("Cannot "+e);var h=(l,o,e)=>(ft(l,o,"read from private field"),e?e.call(l):o.get(l)),p=(l,o,e)=>o.has(l)?bt("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(l):o.set(l,e),u=(l,o,e,t)=>(ft(l,o,"write to private field"),t?t.call(l,e):o.set(l,e),e);const s=require("lit"),g=require("lit/decorators.js"),Jt=require("lit/directives/repeat.js"),Ht=require("@singlebase/core"),T=require("./files-DyxcjZsx.cjs");if(typeof CSS<"u"&&"registerProperty"in CSS)try{CSS.registerProperty({name:"--sb-ai-angle",syntax:"<angle>",inherits:!1,initialValue:"0deg"})}catch{}const qt=s.css`
+  :host {
+    --c-ink: var(--sb-ink, #16181a);
+    --c-ink2: var(--sb-ink-2, #41464b);
+    --c-muted: var(--sb-muted-ink, #61666c);
+    --c-faint: #8a8f95;
+    --c-bg: var(--sb-surface, #ffffff);
+    --c-bg2: var(--sb-surface-alt, #fafafa);
+    --c-hover: var(--sb-hover, #f2f3f4);
+    --c-line: var(--sb-border, #e4e6e9);
+    --c-line2: var(--sb-divider, #ecedee);
+    --c-strong: var(--sb-border-strong, #cdd1d6);
+    --c-brand: var(--sb-accent, #16181a);
+    --c-on-brand: var(--sb-on-accent, #ffffff);
+    --c-danger: var(--sb-danger, #b4231a);
+    --c-ok: var(--sb-ok, #0f6b4a);
+    --c-mono: var(--sb-mono, "Geist Mono", ui-monospace, monospace);
+    --c-r: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
+    --c-r2: calc(var(--c-r) * 1.5);
+    --c-r3: calc(var(--c-r) * 2);
+    --c-r4: calc(var(--c-r) * 3);
+    --c-glow: 0.6;
+    --c-conic: conic-gradient(
+      from var(--sb-ai-angle, 0deg),
+      oklch(0.72 0.15 295),
+      oklch(0.74 0.13 245),
+      oklch(0.8 0.11 190),
+      oklch(0.84 0.12 85),
+      oklch(0.78 0.12 350),
+      oklch(0.72 0.15 295)
+    );
+    --c-z: var(--sb-chat-z, 1000);
+    display: block;
+    height: 100%;
+    min-height: 0;
+    color-scheme: light;
+  }
+
+  :host([theme="dark"]) {
+    --sb-hover: #24272b;
+    --sb-ink-2: #c9ccd0;
+    --sb-divider: #26292d;
+    --c-faint: #7c8187;
+    color-scheme: dark;
+  }
+
+  :host([glow="vivid"]) {
+    --c-glow: 1;
+  }
+
+  :host([embed="inline"]) {
+    height: auto;
+  }
+
+  :host([embed="launcher"]) {
+    height: 0;
+  }
+
+  * {
+    box-sizing: border-box;
+  }
+
+  button {
+    font: inherit;
+    color: inherit;
+  }
+
+  button:focus-visible,
+  input:focus-visible,
+  textarea:focus-visible,
+  [role="button"]:focus-visible {
+    outline: 2px solid var(--c-ink);
+    outline-offset: 1px;
+  }
+
+  .mono {
+    font-family: var(--c-mono);
+  }
+
+  .label {
+    font-family: var(--c-mono);
+    font-size: 11px;
+    letter-spacing: 0.07em;
+    text-transform: uppercase;
+    color: var(--c-muted);
+  }
+
+  /* ── frames ───────────────────────────────────────────── */
+
+  .frame {
+    position: relative;
+    display: flex;
+    height: 100%;
+    min-height: 0;
+    background: var(--c-bg);
+    color: var(--c-ink);
+    overflow: hidden;
+  }
+
+  .frame.boxed {
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r4);
+  }
+
+  .frame.inline {
+    width: 440px;
+    height: 660px;
+    min-width: 340px;
+    min-height: 480px;
+    max-width: 100%;
+    resize: both;
+    box-shadow: 0 1px 2px rgba(22, 24, 26, 0.06);
+  }
+
+  @media (max-width: 559px) {
+    .frame.inline {
+      width: 100%;
+      min-width: 0;
+      resize: none;
+    }
+  }
+
+  .frame.launcher {
+    position: fixed;
+    bottom: 96px;
+    right: 24px;
+    z-index: var(--c-z);
+    width: 420px;
+    height: min(680px, calc(100vh - 120px));
+    max-width: calc(100vw - 48px);
+    box-shadow: 0 24px 60px -24px rgba(22, 24, 26, 0.35);
+    transform-origin: bottom right;
+    animation: scaleIn 0.2s ease-out;
+  }
+
+  :host([position="left"]) .frame.launcher {
+    right: auto;
+    left: 24px;
+    transform-origin: bottom left;
+  }
+
+  .frame.expanded {
+    position: fixed;
+    inset: 24px;
+    width: auto;
+    height: auto;
+    max-width: none;
+    z-index: var(--c-z);
+    resize: none;
+    box-shadow: 0 24px 60px -24px rgba(22, 24, 26, 0.35);
+    animation: scaleIn 0.2s ease-out;
+  }
+
+  .frame.full {
+    position: fixed;
+    inset: 0;
+    width: auto;
+    height: auto;
+    max-width: none;
+    border-radius: 0;
+    border: none;
+    z-index: var(--c-z);
+    resize: none;
+  }
+
+  .root {
+    position: relative;
+    display: flex;
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+    font-family: var(--sb-font, "Geist", -apple-system, "Segoe UI", Helvetica, sans-serif);
+    background: var(--c-bg);
+    color: var(--c-ink);
+  }
+
+  /* ── launcher ─────────────────────────────────────────── */
+
+  .launcher-btn {
+    position: fixed;
+    bottom: 24px;
+    right: 24px;
+    z-index: calc(var(--c-z) + 1);
+    width: 56px;
+    height: 56px;
+    border-radius: 999px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border: none;
+    cursor: pointer;
+    background: var(--c-brand);
+    color: var(--c-on-brand);
+    box-shadow: 0 12px 28px -10px rgba(22, 24, 26, 0.45);
+  }
+
+  :host([position="left"]) .launcher-btn,
+  :host([position="left"]) .bubble {
+    right: auto;
+    left: 24px;
+  }
+
+  .badge {
+    position: absolute;
+    top: 2px;
+    right: 2px;
+    width: 12px;
+    height: 12px;
+    border-radius: 999px;
+    background: var(--c-danger);
+    border: 2px solid var(--c-bg);
+  }
+
+  .bubble {
+    position: fixed;
+    bottom: 96px;
+    right: 24px;
+    z-index: var(--c-z);
+    width: 260px;
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    padding: 12px 10px 12px 14px;
+    background: var(--c-bg);
+    color: var(--c-ink);
+    border: 1px solid var(--c-line);
+    border-radius: calc(var(--c-r) * 2.5);
+    box-shadow: 0 12px 32px -12px rgba(22, 24, 26, 0.25);
+    font-family: var(--sb-font, "Geist", -apple-system, "Segoe UI", Helvetica, sans-serif);
+    animation: aiIn 0.25s ease-out;
+  }
+
+  .bubble-text {
+    flex: 1;
+    min-width: 0;
+    text-align: left;
+    font-size: 13.5px;
+    line-height: 1.45;
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+  }
+
+  /* ── icon buttons ─────────────────────────────────────── */
+
+  .icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+    width: 28px;
+    height: 28px;
+    padding: 0;
+    border: none;
+    border-radius: var(--c-r);
+    background: transparent;
+    color: var(--c-muted);
+    cursor: pointer;
+  }
+
+  .icon:hover:not(:disabled),
+  .icon.on {
+    color: var(--c-ink);
+  }
+
+  .icon:hover:not(:disabled) {
+    background: var(--c-hover);
+  }
+
+  .icon.danger:hover:not(:disabled) {
+    color: var(--c-danger);
+  }
+
+  .icon:disabled {
+    opacity: 0.4;
+    cursor: default;
+  }
+
+  .icon.sm {
+    width: 24px;
+    height: 24px;
+  }
+
+  svg.i {
+    width: 16px;
+    height: 16px;
+    fill: none;
+    stroke: currentColor;
+    stroke-width: 1.5;
+    stroke-linecap: round;
+    stroke-linejoin: round;
+  }
+
+  svg.i.filled path {
+    fill: currentColor;
+  }
+
+  @media (pointer: coarse) {
+    .icon {
+      width: 44px;
+      height: 44px;
+    }
+  }
+
+  /* ── sidebar ──────────────────────────────────────────── */
+
+  .scrim {
+    position: absolute;
+    inset: 0;
+    z-index: 29;
+    background: rgba(22, 24, 26, 0.18);
+  }
+
+  .sidebar {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    min-width: 0;
+    background: var(--c-bg2);
+    border-right: 1px solid var(--c-line);
+  }
+
+  .sidebar.docked {
+    position: relative;
+    flex: 0 0 272px;
+    width: 272px;
+  }
+
+  .sidebar.overlay {
+    position: absolute;
+    left: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 30;
+    width: min(280px, 86%);
+    box-shadow: 12px 0 32px -16px rgba(22, 24, 26, 0.25);
+    animation: slideIn 0.15s ease-out;
+  }
+
+  .side-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    padding: 14px 12px 10px 16px;
+  }
+
+  .side-tools {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 0 12px 8px;
+  }
+
+  .new-chat {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    width: 100%;
+    min-height: 34px;
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--c-on-brand);
+    background: var(--c-brand);
+    border: 1px solid var(--c-brand);
+    border-radius: var(--c-r2);
+    padding: 8px 12px;
+    cursor: pointer;
+  }
+
+  .new-chat:hover {
+    filter: brightness(1.2);
+  }
+
+  .search {
+    width: 100%;
+    font: inherit;
+    font-size: 13px;
+    color: var(--c-ink);
+    background: var(--c-bg);
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    padding: 8px 10px;
+    outline: none;
+  }
+
+  .search:focus {
+    border-color: var(--c-ink);
+  }
+
+  .threads {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    padding: 4px 12px 12px;
+  }
+
+  .group {
+    font-family: var(--c-mono);
+    font-size: 11px;
+    letter-spacing: 0.07em;
+    text-transform: uppercase;
+    color: var(--c-muted);
+    padding: 10px 8px 6px;
+  }
+
+  .thread {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    min-height: 34px;
+    width: 100%;
+    font-size: 13px;
+    color: var(--c-ink);
+    border-radius: var(--c-r2);
+    padding: 3px 4px 3px 10px;
+    cursor: pointer;
+  }
+
+  .thread:hover {
+    background: var(--c-hover);
+  }
+
+  .thread.active {
+    background: var(--c-line2);
+    font-weight: 500;
+  }
+
+  .thread-title {
+    flex: 1;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .thread-actions {
+    display: none;
+    gap: 0;
+  }
+
+  .thread:hover .thread-actions,
+  .thread:focus-within .thread-actions {
+    display: flex;
+  }
+
+  .thread-rename {
+    flex: 1;
+    min-width: 0;
+    font: inherit;
+    color: var(--c-ink);
+    background: var(--c-bg);
+    border: 1px solid var(--c-ink);
+    border-radius: var(--c-r);
+    padding: 3px 6px;
+    outline: none;
+  }
+
+  .side-extra {
+    display: none;
+  }
+
+  .side-extra.filled {
+    display: block;
+    padding: 12px 16px;
+    border-top: 1px solid var(--c-line);
+    font-size: 12.5px;
+  }
+
+  .side-note {
+    font-size: 12.5px;
+    color: var(--c-muted);
+    padding: 6px 10px;
+  }
+
+  .skeleton {
+    height: 28px;
+    margin: 3px 0;
+    border-radius: var(--c-r2);
+    background: linear-gradient(90deg, var(--c-hover) 0%, var(--c-line2) 50%, var(--c-hover) 100%);
+    background-size: 200% 100%;
+    animation: aiShimmer 1.6s linear infinite;
+  }
+
+  /* ── main column ──────────────────────────────────────── */
+
+  .main {
+    container: chat / inline-size;
+    position: relative;
+    flex: 1;
+    min-width: 0;
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    min-height: 52px;
+    padding: 10px 8px 10px 12px;
+    border-bottom: 1px solid var(--c-line);
+  }
+
+  .header-left {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    min-width: 0;
+  }
+
+  .header-right {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    gap: 2px;
+  }
+
+  .title {
+    min-width: 0;
+    font-size: 14px;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    background: none;
+    border: none;
+    padding: 2px 4px;
+    border-radius: var(--c-r);
+    cursor: text;
+    animation: aiIn 0.25s ease-out;
+  }
+
+  .title:hover:not(:disabled) {
+    background: var(--c-hover);
+  }
+
+  .title:disabled {
+    cursor: default;
+  }
+
+  .title-input {
+    min-width: 0;
+    width: 320px;
+    max-width: 100%;
+    font: inherit;
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--c-ink);
+    background: var(--c-bg);
+    border: 1px solid var(--c-ink);
+    border-radius: var(--c-r);
+    padding: 2px 6px;
+    outline: none;
+  }
+
+  .divider {
+    width: 1px;
+    height: 18px;
+    background: var(--c-line);
+    margin: 0 4px;
+  }
+
+  .menu-wrap {
+    position: relative;
+  }
+
+  .menu-scrim {
+    position: fixed;
+    inset: 0;
+    z-index: 40;
+  }
+
+  .menu {
+    position: absolute;
+    right: 0;
+    top: 34px;
+    z-index: 41;
+    width: 220px;
+    display: flex;
+    flex-direction: column;
+    padding: 4px;
+    background: var(--c-bg);
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    box-shadow: 0 12px 32px -12px rgba(22, 24, 26, 0.22);
+    animation: aiIn 0.15s ease-out;
+  }
+
+  .menu .label {
+    font-size: 10.5px;
+    padding: 8px 10px 6px;
+  }
+
+  .menu-item {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: 10px;
+    width: 100%;
+    text-align: left;
+    font-size: 13px;
+    background: none;
+    border: none;
+    border-radius: var(--c-r);
+    padding: 8px 10px;
+    cursor: pointer;
+  }
+
+  .menu-item:hover {
+    background: var(--c-hover);
+  }
+
+  .menu-item .ext {
+    font-family: var(--c-mono);
+    font-size: 11px;
+    color: var(--c-muted);
+  }
+
+  .scroller {
+    position: relative;
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+  }
+
+  .banner {
+    margin: 10px 16px 0;
+    padding: 8px 12px;
+    font-size: 12.5px;
+    color: var(--c-ink2);
+    background: var(--c-bg2);
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+  }
+
+  /* ── welcome ──────────────────────────────────────────── */
+
+  .welcome-slot {
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  ::slotted([slot="welcome"]) {
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 640px;
+    margin: 0 auto;
+    padding: 28px 18px;
+  }
+
+  .welcome {
+    max-width: 640px;
+    min-height: 100%;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 20px;
+    padding: 28px 18px;
+  }
+
+  .welcome-head {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .welcome-logo {
+    width: 32px;
+    height: 32px;
+    object-fit: contain;
+    border-radius: var(--c-r2);
+  }
+
+  .welcome h2 {
+    margin: 0;
+    font-size: 24px;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+  }
+
+  .welcome p {
+    margin: 0;
+    font-size: 14px;
+    line-height: 1.55;
+    color: var(--c-muted);
+    text-wrap: pretty;
+  }
+
+  .prompts {
+    display: grid;
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 8px;
+  }
+
+  .prompt {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    text-align: left;
+    background: var(--c-bg);
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    padding: 12px 14px;
+    cursor: pointer;
+    transition:
+      border-color 0.15s,
+      box-shadow 0.15s;
+  }
+
+  .prompt:hover {
+    border-color: var(--c-ink);
+    box-shadow: 0 6px 18px -10px rgba(22, 24, 26, 0.25);
+  }
+
+  .prompt .label {
+    font-size: 10.5px;
+    letter-spacing: 0.06em;
+  }
+
+  .prompt-text {
+    font-size: 13.5px;
+    font-weight: 500;
+    line-height: 1.4;
+  }
+
+  @container chat (max-width: 480px) {
+    .prompts {
+      grid-template-columns: minmax(0, 1fr);
+    }
+  }
+
+  /* ── messages ─────────────────────────────────────────── */
+
+  .thread-view {
+    max-width: 760px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 30px;
+    padding: 20px 16px 28px;
+  }
+
+  .msg {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    border-radius: var(--c-r3);
+  }
+
+  .msg.user {
+    align-self: flex-end;
+    max-width: 80%;
+    align-items: flex-end;
+    gap: 6px;
+    margin-bottom: -22px;
+    animation: aiIn 0.25s ease-out;
+  }
+
+  .bubble-user {
+    padding: 10px 14px;
+    font-size: 14.5px;
+    line-height: 1.6;
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+    background: var(--c-hover);
+    border-radius: calc(var(--c-r) * 2.5) calc(var(--c-r) * 2.5) 2px calc(var(--c-r) * 2.5);
+  }
+
+  .attachments {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 6px;
+  }
+
+  .doc-chip {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 6px 10px;
+    font-size: 12.5px;
+    border-radius: var(--c-r2);
+    border: 1px solid var(--c-line);
+    background: var(--c-bg);
+  }
+
+  .doc-chip .ext {
+    font-family: var(--c-mono);
+    font-size: 10px;
+    letter-spacing: 0.04em;
+    color: var(--c-muted);
+  }
+
+  .doc-chip .name {
+    max-width: 180px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .toolbar {
+    display: flex;
+    align-items: center;
+    gap: 2px;
+    opacity: 0;
+    transition: opacity 0.15s;
+  }
+
+  .msg:hover .toolbar,
+  .msg:focus-within .toolbar,
+  .toolbar.pinned {
+    opacity: 1;
+  }
+
+  @media (hover: none) {
+    .toolbar {
+      opacity: 1;
+    }
+  }
+
+  .msg.bot .toolbar {
+    margin-left: -6px;
+  }
+
+  .time {
+    font-family: var(--c-mono);
+    font-size: 11px;
+    color: var(--c-faint);
+    padding: 0 6px;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .note {
+    font-size: 12px;
+    color: var(--c-muted);
+  }
+
+  .spacer {
+    flex: 1;
+  }
+
+  .saved {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font-family: var(--c-mono);
+    font-size: 10.5px;
+    letter-spacing: 0.05em;
+    text-transform: uppercase;
+    color: var(--c-ink);
+  }
+
+  .saved svg {
+    width: 12px;
+    height: 12px;
+    fill: currentColor;
+    stroke: currentColor;
+    stroke-width: 1.5;
+  }
+
+  .bot-body {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  .edit-box {
+    width: 440px;
+    max-width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 8px;
+    border: 1px solid var(--c-ink);
+    border-radius: var(--c-r3);
+    background: var(--c-bg);
+  }
+
+  .edit-box textarea {
+    width: 100%;
+    resize: vertical;
+    font: inherit;
+    font-size: 14px;
+    line-height: 1.5;
+    color: var(--c-ink);
+    background: transparent;
+    border: none;
+    outline: none;
+    padding: 4px;
+  }
+
+  .row-end {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+  }
+
+  .btn {
+    font-size: 12.5px;
+    font-weight: 500;
+    border-radius: var(--c-r);
+    padding: 6px 12px;
+    cursor: pointer;
+    background: transparent;
+    color: var(--c-muted);
+    border: 1px solid var(--c-line);
+  }
+
+  .btn:hover {
+    color: var(--c-ink);
+    background: var(--c-bg2);
+  }
+
+  .btn.primary {
+    background: var(--c-brand);
+    color: var(--c-on-brand);
+    border-color: var(--c-brand);
+  }
+
+  .btn.primary:hover {
+    filter: brightness(1.2);
+  }
+
+  .error-card {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 12px;
+    padding: 10px 12px;
+    font-size: 13px;
+    color: var(--c-danger);
+    border: 1px solid var(--sb-danger-border, #f3d6d3);
+    background: var(--sb-danger-bg, #fdf1f0);
+    border-radius: var(--c-r2);
+  }
+
+  .followups {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 6px;
+  }
+
+  .followup {
+    display: inline-flex;
+    align-items: baseline;
+    gap: 8px;
+    text-align: left;
+    font-size: 13px;
+    background: var(--c-bg);
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    padding: 6px 12px;
+    cursor: pointer;
+    animation: aiIn 0.25s ease-out;
+  }
+
+  .followup:hover {
+    background: var(--c-hover);
+  }
+
+  .followup .arrow {
+    font-family: var(--c-mono);
+    color: var(--c-muted);
+  }
+
+  .jump {
+    position: absolute;
+    left: 50%;
+    bottom: 8px;
+    transform: translateX(-50%);
+    z-index: 5;
+    font-size: 12.5px;
+    font-weight: 500;
+    color: var(--c-on-brand);
+    background: var(--c-brand);
+    border: none;
+    border-radius: 999px;
+    padding: 6px 14px;
+    cursor: pointer;
+    box-shadow: 0 8px 20px -10px rgba(22, 24, 26, 0.4);
+    animation: aiIn 0.2s ease-out;
+  }
+
+  /* ── rendered answer ──────────────────────────────────── */
+
+  .answer {
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    font-size: 14.5px;
+    line-height: 1.7;
+  }
+
+  .answer p {
+    margin: 0;
+    text-wrap: pretty;
+    overflow-wrap: anywhere;
+  }
+
+  .answer .raw {
+    white-space: pre-wrap;
+  }
+
+  .answer h3 {
+    margin: 6px 0 0;
+    font-size: 15.5px;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+    line-height: 1.4;
+  }
+
+  .answer ul,
+  .answer ol {
+    margin: 0;
+    padding-left: 20px;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+
+  .answer li {
+    line-height: 1.65;
+    padding-left: 2px;
+  }
+
+  .answer strong {
+    font-weight: 600;
+  }
+
+  .answer a {
+    color: var(--c-ink);
+    text-underline-offset: 3px;
+  }
+
+  .answer code.inline {
+    font-family: var(--c-mono);
+    font-size: 12.5px;
+    background: var(--c-hover);
+    border-radius: calc(var(--c-r) * 0.75);
+    padding: 1px 5px;
+  }
+
+  .answer h3.h1 {
+    font-size: 18px;
+  }
+
+  .answer h3.h2 {
+    font-size: 16.5px;
+  }
+
+  .answer h3.h4 {
+    font-size: 14.5px;
+  }
+
+  .answer hr {
+    width: 100%;
+    border: none;
+    border-top: 1px solid var(--c-line);
+    margin: 4px 0;
+  }
+
+  .answer li.task {
+    list-style: none;
+    margin-left: -18px;
+  }
+
+  .answer li.task input {
+    margin: 0 6px 0 0;
+    vertical-align: -1px;
+    accent-color: var(--c-brand);
+  }
+
+  .callout {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    font-size: 13.5px;
+    line-height: 1.6;
+    padding: 10px 14px;
+    border: 1px solid var(--c-line);
+    border-left: 3px solid var(--callout, var(--c-ink));
+    border-radius: var(--c-r2);
+    background: color-mix(in srgb, var(--callout, var(--c-ink)) 7%, var(--c-bg));
+  }
+
+  .callout-title {
+    font-weight: 600;
+    color: var(--callout, var(--c-ink));
+  }
+
+  .callout.note {
+    --callout: oklch(0.55 0.15 255);
+  }
+
+  .callout.tip {
+    --callout: oklch(0.55 0.12 160);
+  }
+
+  .callout.important {
+    --callout: oklch(0.52 0.17 300);
+  }
+
+  .callout.warning {
+    --callout: oklch(0.6 0.14 70);
+  }
+
+  .callout.caution {
+    --callout: var(--c-danger);
+  }
+
+  .jtree {
+    padding: 10px 14px;
+    overflow-x: auto;
+    font-family: var(--c-mono);
+    font-size: 12.5px;
+    line-height: 1.7;
+  }
+
+  .jtree summary {
+    cursor: pointer;
+    list-style-position: outside;
+  }
+
+  .jkids {
+    padding-left: 16px;
+    border-left: 1px solid var(--c-line);
+    margin-left: 4px;
+  }
+
+  .jkey {
+    color: var(--c-ink2);
+  }
+
+  .jmeta {
+    color: var(--c-muted);
+  }
+
+  .jv.string {
+    color: oklch(0.52 0.12 160);
+  }
+
+  .jv.number {
+    color: oklch(0.55 0.15 255);
+  }
+
+  .jv.boolean,
+  .jv.null {
+    color: oklch(0.52 0.17 300);
+  }
+
+  .table th button.sort {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font: inherit;
+    color: inherit;
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+  }
+
+  .table th .arrow {
+    font-size: 10px;
+    opacity: 0.5;
+  }
+
+  .table th[aria-sort="ascending"] .arrow,
+  .table th[aria-sort="descending"] .arrow {
+    opacity: 1;
+  }
+
+  .table-note {
+    padding: 7px 12px;
+    font-size: 12px;
+    color: var(--c-muted);
+    border-top: 1px solid var(--c-line2);
+    background: var(--c-bg2);
+  }
+
+  figure.svg {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    align-items: flex-start;
+  }
+
+  figure.svg img {
+    display: block;
+    width: min(100%, 480px);
+    height: auto;
+    max-height: 420px;
+    object-fit: contain;
+    padding: 12px;
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    background: #ffffff;
+  }
+
+  .custom-block {
+    min-width: 0;
+  }
+
+  .quote {
+    font-size: 13.5px;
+    line-height: 1.6;
+    color: var(--c-ink2);
+    background: var(--c-bg2);
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    padding: 10px 14px;
+  }
+
+  .code {
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    overflow: hidden;
+    background: var(--c-bg2);
+  }
+
+  .code-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 7px 12px;
+    border-bottom: 1px solid var(--c-line);
+  }
+
+  .code-head .label {
+    font-size: 11px;
+  }
+
+  .text-btn {
+    font-size: 12px;
+    color: var(--c-muted);
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+  }
+
+  .text-btn:hover {
+    color: var(--c-ink);
+  }
+
+  .text-btn.underline {
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+
+  .code pre {
+    margin: 0;
+    padding: 12px 14px;
+    overflow-x: auto;
+    font-family: var(--c-mono);
+    font-size: 13px;
+    line-height: 1.6;
+  }
+
+  .table {
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    overflow-x: auto;
+  }
+
+  .table table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 13px;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .table th {
+    text-align: left;
+    font-size: 12px;
+    font-weight: 500;
+    color: var(--c-muted);
+    background: var(--c-bg2);
+    border-bottom: 1px solid var(--c-line);
+    padding: 9px 12px;
+    white-space: nowrap;
+  }
+
+  .table td {
+    padding: 9px 12px;
+    border-top: 1px solid var(--c-line2);
+    white-space: nowrap;
+  }
+
+  .table th:first-child,
+  .table td:first-child {
+    min-width: 120px;
+  }
+
+  .cite {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 17px;
+    height: 17px;
+    padding: 0 4px;
+    margin: 0 1px 0 3px;
+    vertical-align: 2px;
+    font: 500 10px var(--c-mono);
+    border-radius: calc(var(--c-r) * 0.75);
+    cursor: pointer;
+    border: 1px solid var(--c-strong);
+    background: var(--c-hover);
+    color: var(--c-ink);
+  }
+
+  .cite:hover,
+  .cite.active {
+    background: var(--c-ink);
+    color: var(--c-bg);
+    border-color: var(--c-ink);
+  }
+
+  .chart {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 14px;
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    padding: 14px 16px 12px;
+    background: var(--c-bg);
+  }
+
+  .chart-head {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: 8px 16px;
+  }
+
+  .chart-title {
+    font-size: 13px;
+    font-weight: 600;
+  }
+
+  .legend {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px 12px;
+  }
+
+  .legend span {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    color: var(--c-ink2);
+  }
+
+  .swatch {
+    width: 8px;
+    height: 8px;
+    border-radius: 2px;
+  }
+
+  .bars {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+
+  .bar-row {
+    display: grid;
+    grid-template-columns: 92px minmax(0, 1fr) 64px;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .bar-label {
+    font-size: 12.5px;
+    color: var(--c-ink2);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .bar-track {
+    display: flex;
+    height: 12px;
+    background: var(--c-hover);
+    border-radius: 2px;
+    overflow: hidden;
+  }
+
+  .bar-fill {
+    display: flex;
+    height: 100%;
+    transform-origin: left;
+    animation: aiGrow 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
+  }
+
+  .bar-value {
+    font-family: var(--c-mono);
+    font-size: 11.5px;
+    text-align: right;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .line-chart {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    padding-left: 48px;
+  }
+
+  .plot {
+    position: relative;
+    height: 170px;
+  }
+
+  .tick {
+    position: absolute;
+    left: 0;
+    right: 0;
+    border-top: 1px dashed var(--c-line2);
+  }
+
+  .tick.base {
+    border-top: 1px solid var(--c-strong);
+  }
+
+  .tick span,
+  .x-labels span {
+    font-family: var(--c-mono);
+    font-size: 10.5px;
+    color: var(--c-faint);
+    white-space: nowrap;
+    font-variant-numeric: tabular-nums;
+  }
+
+  .tick span {
+    position: absolute;
+    right: calc(100% + 8px);
+    top: -7px;
+  }
+
+  .plot svg {
+    position: absolute;
+    inset: 0;
+    width: 100%;
+    height: 100%;
+    overflow: visible;
+  }
+
+  .plot polyline {
+    fill: none;
+    stroke-width: 2;
+    vector-effect: non-scaling-stroke;
+    stroke-linejoin: round;
+    stroke-linecap: round;
+    stroke-dasharray: 1;
+    animation: aiDraw 1s ease-out;
+  }
+
+  .x-labels {
+    display: flex;
+    justify-content: space-between;
+    gap: 4px;
+  }
+
+  .chart-pending {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 190px;
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    background: linear-gradient(90deg, var(--c-bg2) 0%, var(--c-hover) 50%, var(--c-bg2) 100%);
+    background-size: 200% 100%;
+    animation: aiShimmer 1.6s linear infinite;
+  }
+
+  .gallery {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr);
+    gap: 10px;
+    max-width: 520px;
+  }
+
+  .gallery.many {
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    max-width: 100%;
+  }
+
+  .gallery figure {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    min-width: 0;
+  }
+
+  .gallery img {
+    width: 100%;
+    aspect-ratio: 16 / 10;
+    max-height: 320px;
+    object-fit: contain;
+    border-radius: var(--c-r2);
+    border: 1px solid var(--c-line);
+    background: var(--c-bg2);
+  }
+
+  .img-missing {
+    aspect-ratio: 16 / 9;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--c-r2);
+    border: 1px dashed var(--c-strong);
+    background: repeating-linear-gradient(135deg, var(--c-bg2) 0 10px, var(--c-hover) 10px 20px);
+  }
+
+  figcaption {
+    font-family: var(--c-mono);
+    font-size: 11px;
+    color: var(--c-muted);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .caret {
+    display: inline-block;
+    width: 7px;
+    height: 15px;
+    margin-top: -6px;
+    background: var(--c-brand);
+    animation: rgcaret 1s steps(1) infinite;
+  }
+
+  /* ── sources ──────────────────────────────────────────── */
+
+  .retrieval {
+    display: flex;
+    flex-direction: column;
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    background: var(--c-bg2);
+  }
+
+  .retrieval-toggle {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    width: 100%;
+    text-align: left;
+    font-size: 12.5px;
+    color: var(--c-ink2);
+    background: none;
+    border: none;
+    padding: 9px 12px;
+    cursor: pointer;
+  }
+
+  .retrieval-toggle .chev,
+  .retrieval-toggle .ms {
+    font-family: var(--c-mono);
+    font-size: 11px;
+    color: var(--c-muted);
+  }
+
+  .retrieval-list {
+    display: flex;
+    flex-direction: column;
+    border-top: 1px solid var(--c-line);
+    padding: 4px 12px;
+  }
+
+  .passage {
+    display: grid;
+    grid-template-columns: 22px minmax(0, 1fr) 64px;
+    align-items: center;
+    gap: 10px;
+    width: 100%;
+    text-align: left;
+    background: none;
+    border: none;
+    border-bottom: 1px solid var(--c-line2);
+    padding: 8px 0;
+    cursor: pointer;
+  }
+
+  .passage:last-child {
+    border-bottom: none;
+  }
+
+  .passage .n,
+  .passage .score {
+    font-family: var(--c-mono);
+    font-size: 11px;
+    color: var(--c-muted);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .passage .what {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    min-width: 0;
+  }
+
+  .passage .what span:first-child {
+    font-size: 12.5px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .passage .what span:last-child {
+    font-size: 11.5px;
+    color: var(--c-muted);
+  }
+
+  .relevance {
+    display: flex;
+    flex-direction: column;
+    gap: 3px;
+    align-items: flex-end;
+  }
+
+  .relevance-track {
+    width: 64px;
+    height: 3px;
+    background: var(--c-line);
+    border-radius: 99px;
+    overflow: hidden;
+  }
+
+  .relevance-fill {
+    display: block;
+    height: 100%;
+    background: var(--c-brand);
+  }
+
+  .cards {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .card-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    gap: 8px;
+  }
+
+  .source-card {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    min-width: 0;
+    text-align: left;
+    padding: 10px 12px;
+    border-radius: var(--c-r2);
+    cursor: pointer;
+    background: var(--c-bg);
+    border: 1px solid var(--c-line);
+  }
+
+  .source-card:hover,
+  .source-card.active {
+    border-color: var(--c-ink);
+  }
+
+  .source-card .top {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+  }
+
+  .num {
+    min-width: 16px;
+    height: 16px;
+    padding: 0 4px;
+    border-radius: calc(var(--c-r) * 0.75);
+    border: 1px solid var(--c-strong);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-family: var(--c-mono);
+    font-size: 10px;
+    background: var(--c-bg);
+  }
+
+  .source-card .t {
+    font-size: 13px;
+    font-weight: 500;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .source-card .s {
+    font-size: 12px;
+    line-height: 1.45;
+    color: var(--c-muted);
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+
+  .panel {
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+    min-width: 0;
+    background: var(--c-bg);
+    border-left: 1px solid var(--c-line);
+    animation: aiIn 0.15s ease-out;
+  }
+
+  .panel.docked {
+    position: relative;
+    flex: 0 0 400px;
+    width: 400px;
+  }
+
+  .panel.overlay {
+    position: absolute;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 30;
+    width: min(420px, 100%);
+    box-shadow: -12px 0 32px -16px rgba(22, 24, 26, 0.25);
+  }
+
+  .panel-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    padding: 14px 18px;
+    border-bottom: 1px solid var(--c-line);
+  }
+
+  .panel-body {
+    flex: 1;
+    min-height: 0;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    padding: 18px;
+  }
+
+  .panel-body h3 {
+    margin: 0;
+    font-size: 16px;
+    font-weight: 600;
+    letter-spacing: -0.01em;
+  }
+
+  .panel-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+
+  .panel-meta .path {
+    font-family: var(--c-mono);
+    font-size: 11px;
+    color: var(--c-muted);
+    overflow-wrap: anywhere;
+  }
+
+  .panel-meta .meta {
+    font-size: 12px;
+    color: var(--c-muted);
+  }
+
+  .passage-box {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding: 12px 14px;
+    border-radius: var(--c-r2);
+    background: var(--c-hover);
+    border: 1px solid var(--c-strong);
+  }
+
+  .passage-box .text {
+    font-size: 13px;
+    line-height: 1.6;
+    color: var(--c-ink2);
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
+
+  .passage-foot {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+    padding-top: 8px;
+    border-top: 1px solid var(--c-line);
+  }
+
+  .copy-ref {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12px;
+    background: var(--c-bg);
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r);
+    padding: 4px 8px;
+    cursor: pointer;
+  }
+
+  .copy-ref:hover {
+    border-color: var(--c-strong);
+  }
+
+  .panel-foot {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    padding: 12px 18px 16px;
+    border-top: 1px solid var(--c-line);
+  }
+
+  .chips {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+
+  .chip {
+    font-size: 12px;
+    background: var(--c-bg);
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r);
+    padding: 4px 8px;
+    cursor: pointer;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .chip:hover {
+    border-color: var(--c-ink);
+  }
+
+  /* ── composer ─────────────────────────────────────────── */
+
+  .composer-wrap {
+    padding: 0 12px 12px;
+  }
+
+  .composer-wrap.reader {
+    padding-top: 10px;
+  }
+
+  .composer-col {
+    max-width: 760px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .composer-box {
+    position: relative;
+  }
+
+  .composer {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    padding: 8px;
+    border-radius: calc(var(--c-r) * 2.25);
+    background: var(--c-bg);
+    border: 1px solid var(--c-strong);
+    box-shadow:
+      0 1px 2px rgba(22, 24, 26, 0.04),
+      0 12px 32px -18px rgba(22, 24, 26, 0.22);
+    transition: border-color 0.15s;
+  }
+
+  .composer:focus-within {
+    border-color: var(--c-ink);
+  }
+
+  .composer.busy {
+    border-color: transparent;
+  }
+
+  :host([glow="off"]) .composer.busy {
+    border-color: var(--c-strong);
+  }
+
+  .composer textarea {
+    width: 100%;
+    resize: none;
+    font: inherit;
+    font-size: 14.5px;
+    line-height: 1.5;
+    color: var(--c-ink);
+    background: transparent;
+    border: none;
+    outline: none;
+    padding: 6px 6px 2px;
+    max-height: 176px;
+  }
+
+  .composer textarea::placeholder {
+    color: var(--c-faint);
+  }
+
+  .composer-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  }
+
+  .attach {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12.5px;
+    color: var(--c-muted);
+    background: none;
+    border: none;
+    border-radius: var(--c-r);
+    padding: 6px 8px;
+    cursor: pointer;
+  }
+
+  .attach:hover {
+    background: var(--c-hover);
+    color: var(--c-ink);
+  }
+
+  .send {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    padding: 0;
+    border-radius: var(--c-r2);
+    border: 1px solid var(--c-brand);
+    cursor: pointer;
+    background: var(--c-brand);
+    color: var(--c-on-brand);
+    transition: background 0.15s;
+  }
+
+  .send:disabled {
+    cursor: default;
+    background: var(--c-line);
+    border-color: var(--c-line);
+    color: var(--c-faint);
+  }
+
+  .send.stop {
+    background: var(--c-bg);
+    color: var(--c-ink);
+    border-color: var(--c-ink);
+  }
+
+  .send.stop svg {
+    fill: currentColor;
+    stroke: none;
+  }
+
+  .pending-files {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    padding: 2px 2px 4px;
+  }
+
+  .pending-file {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 4px 8px 4px 4px;
+    font-size: 12.5px;
+    border-radius: var(--c-r2);
+    border: 1px solid var(--c-line);
+    background: var(--c-bg2);
+    animation: aiIn 0.2s ease-out;
+  }
+
+  .pending-file .ext {
+    width: 28px;
+    height: 28px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--c-r);
+    background: var(--c-bg);
+    border: 1px solid var(--c-line);
+    font-family: var(--c-mono);
+    font-size: 9px;
+    letter-spacing: 0.03em;
+    color: var(--c-muted);
+  }
+
+  .pending-file .meta {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    min-width: 0;
+  }
+
+  .pending-file .name {
+    max-width: 160px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .pending-file .size {
+    font-family: var(--c-mono);
+    font-size: 10.5px;
+    color: var(--c-muted);
+  }
+
+  .pending-file button {
+    font-size: 15px;
+    line-height: 1;
+    color: var(--c-muted);
+    background: none;
+    border: none;
+    padding: 0 0 0 2px;
+    cursor: pointer;
+  }
+
+  .pending-file button:hover {
+    color: var(--c-danger);
+  }
+
+  .footnote {
+    text-align: center;
+    font-size: 11.5px;
+    color: var(--c-muted);
+  }
+
+  .branding {
+    padding: 0 12px 10px;
+    margin-top: -4px;
+  }
+
+  .toast {
+    position: absolute;
+    left: 50%;
+    bottom: 124px;
+    transform: translateX(-50%);
+    z-index: 35;
+    display: flex;
+    align-items: center;
+    gap: 14px;
+    padding: 9px 14px;
+    background: var(--c-ink);
+    color: var(--c-bg);
+    font-size: 13px;
+    border-radius: var(--c-r2);
+    box-shadow: 0 12px 32px -12px rgba(22, 24, 26, 0.25);
+    white-space: nowrap;
+    animation: aiIn 0.2s ease-out;
+  }
+
+  .toast button {
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--c-bg);
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+    text-decoration: underline;
+    text-underline-offset: 3px;
+  }
+
+  .drop {
+    position: absolute;
+    inset: 10px;
+    z-index: 36;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    text-align: center;
+    padding: 16px;
+    border: 1.5px dashed var(--c-ink);
+    border-radius: var(--c-r3);
+    background: color-mix(in srgb, var(--c-bg) 92%, transparent);
+  }
+
+  .drop strong {
+    font-size: 15px;
+    font-weight: 600;
+  }
+
+  .drop span {
+    font-size: 12.5px;
+    color: var(--c-muted);
+  }
+
+  /* ── AI glow ──────────────────────────────────────────── */
+
+  .halo {
+    position: absolute;
+    inset: -18px -24px;
+    z-index: 0;
+    pointer-events: none;
+    opacity: var(--c-glow);
+  }
+
+  .halo::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    border-radius: 20px;
+    background: var(--c-conic);
+    filter: blur(32px);
+    opacity: 0.45;
+    animation:
+      aiSpin 5s linear infinite,
+      aiBreathe 2.6s ease-in-out infinite;
+  }
+
+  .arrived {
+    position: absolute;
+    inset: -12px -16px;
+    z-index: 0;
+    pointer-events: none;
+    border-radius: var(--c-r4);
+    animation: aiDone 2.6s ease-out forwards;
+  }
+
+  .arrived .wash {
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    background: var(--c-conic);
+    filter: blur(26px);
+    opacity: calc(0.22 * var(--c-glow) + 0.06);
+    animation: aiSpin 2.6s linear infinite;
+  }
+
+  .ring {
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    padding: 1px;
+    background: var(--c-conic);
+    -webkit-mask:
+      linear-gradient(#000 0 0) content-box,
+      linear-gradient(#000 0 0);
+    -webkit-mask-composite: xor;
+    mask-composite: exclude;
+    animation: aiSpin 2.6s linear infinite;
+    pointer-events: none;
+  }
+
+  .arrived .sweep {
+    position: absolute;
+    inset: 0;
+    border-radius: inherit;
+    overflow: hidden;
+  }
+
+  .arrived .sweep::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(
+      100deg,
+      transparent 25%,
+      oklch(0.88 0.07 260 / 0.5) 50%,
+      transparent 75%
+    );
+    animation: aiSweep 1.6s cubic-bezier(0.3, 0.6, 0.3, 1) forwards;
+  }
+
+  .pill {
+    position: relative;
+    display: inline-flex;
+    align-self: flex-start;
+    align-items: center;
+    gap: 9px;
+    padding: 6px 14px 6px 10px;
+    border-radius: 999px;
+    background: var(--c-bg);
+    box-shadow: 0 0 24px -6px oklch(0.7 0.15 280 / 0.5);
+    animation: aiIn 0.25s ease-out;
+  }
+
+  .pill .ring {
+    border-radius: 999px;
+    animation-duration: 2.4s;
+  }
+
+  .pill .dot {
+    width: 9px;
+    height: 9px;
+    border-radius: 50%;
+    background: var(--c-conic);
+    animation:
+      aiSpin 1.6s linear infinite,
+      aiPulse 1.6s ease-in-out infinite;
+  }
+
+  .pill .shimmer {
+    font-size: 12.5px;
+    font-weight: 500;
+    background: linear-gradient(90deg, var(--c-faint) 0%, var(--c-ink) 45%, var(--c-faint) 90%);
+    background-size: 200% 100%;
+    -webkit-background-clip: text;
+    background-clip: text;
+    color: transparent;
+    animation: aiShimmer 1.8s linear infinite;
+  }
+
+  .composer-glow {
+    position: absolute;
+    inset: -4px;
+    z-index: 0;
+    border-radius: var(--c-r4);
+    background: var(--c-conic);
+    filter: blur(14px);
+    opacity: calc(0.32 + 0.23 * (var(--c-glow) - 0.6) / 0.4);
+    animation: aiSpin 4s linear infinite;
+    pointer-events: none;
+  }
+
+  .composer-ring {
+    position: absolute;
+    inset: 0;
+    z-index: 2;
+    border-radius: calc(var(--c-r) * 2.25);
+    pointer-events: none;
+  }
+
+  .composer-ring .ring {
+    animation-duration: 3s;
+  }
+
+  :host([glow="off"]) .halo,
+  :host([glow="off"]) .arrived,
+  :host([glow="off"]) .composer-glow,
+  :host([glow="off"]) .composer-ring,
+  :host([glow="off"]) .pill .ring {
+    display: none;
+  }
+
+  :host([glow="off"]) .pill {
+    box-shadow: inset 0 0 0 1px var(--c-line);
+  }
+
+  :host([glow="off"]) .pill .dot {
+    background: var(--c-ink);
+  }
+
+  @keyframes aiSpin {
+    to {
+      --sb-ai-angle: 360deg;
+    }
+  }
+
+  @keyframes aiShimmer {
+    from {
+      background-position: 200% 0;
+    }
+    to {
+      background-position: -200% 0;
+    }
+  }
+
+  @keyframes aiBreathe {
+    0%,
+    100% {
+      transform: scale(0.97);
+    }
+    50% {
+      transform: scale(1.03);
+    }
+  }
+
+  @keyframes aiPulse {
+    0%,
+    100% {
+      transform: scale(0.8);
+    }
+    50% {
+      transform: scale(1.15);
+    }
+  }
+
+  @keyframes aiDone {
+    0% {
+      opacity: 0;
+    }
+    12% {
+      opacity: 1;
+    }
+    100% {
+      opacity: 0;
+    }
+  }
+
+  @keyframes aiSweep {
+    from {
+      transform: translateX(-100%);
+    }
+    to {
+      transform: translateX(100%);
+    }
+  }
+
+  @keyframes aiIn {
+    from {
+      opacity: 0;
+      transform: translateY(4px);
+    }
+    to {
+      opacity: 1;
+      transform: none;
+    }
+  }
+
+  @keyframes scaleIn {
+    from {
+      opacity: 0;
+      transform: translateY(12px) scale(0.98);
+    }
+    to {
+      opacity: 1;
+      transform: none;
+    }
+  }
+
+  @keyframes slideIn {
+    from {
+      opacity: 0;
+      transform: translateX(-8px);
+    }
+    to {
+      opacity: 1;
+      transform: none;
+    }
+  }
+
+  @keyframes aiGrow {
+    from {
+      transform: scaleX(0);
+    }
+  }
+
+  @keyframes aiDraw {
+    from {
+      stroke-dashoffset: 1;
+    }
+    to {
+      stroke-dashoffset: 0;
+    }
+  }
+
+  @keyframes rgcaret {
+    0%,
+    100% {
+      opacity: 1;
+    }
+    50% {
+      opacity: 0;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+    }
+    .caret {
+      display: none;
+    }
+  }
+
+  @media print {
+    .sidebar,
+    .scrim,
+    .header-right,
+    .composer-wrap,
+    .branding,
+    .toolbar,
+    .followups,
+    .panel,
+    .toast {
+      display: none !important;
+    }
+    .frame,
+    .scroller {
+      overflow: visible;
+      height: auto;
+    }
+  }
+`,Nt={eyebrowChat:"Chat",eyebrowRag:"Grounded answers",headingChat:"What can I help with?",headingRag:"Ask your knowledge base",descriptionChat:"Ask anything. Attach text files to give it more context.",descriptionRag:"Answers are grounded in your sources, with a citation for every claim. Attach text files to search them too.",placeholderChat:"Message {name}…",placeholderRag:"Ask about your sources…",footnote:"{name} can make mistakes. Check important details.",attach:"Attach files",send:"Send message",stop:"Stop generating",removeFile:"Remove file",dropTitle:"Drop files to attach",dropSub:"Text, Markdown, CSV and JSON files are added as context.",thinking:"Thinking",searching:"Searching sources",chats:"Chats",newChat:"New chat",searchChats:"Search chats",groupBookmarked:"Bookmarked",groupToday:"Today",groupYesterday:"Yesterday",groupWeek:"Previous 7 days",groupOlder:"Older",noChats:"No chats yet.",noMatch:"No chats match “{query}”.",loadingChats:"Loading chats",showChats:"Show chats",hideSidebar:"Hide sidebar",untitled:"New chat",renameChat:"Rename chat",bookmarkChat:"Bookmark chat",unbookmarkChat:"Remove chat bookmark",exportChat:"Export chat",deleteChat:"Delete chat",expand:"Expand",restore:"Restore size",minimize:"Minimize chat",exportHeading:"Export this chat",exportMarkdown:"Markdown",exportJson:"JSON",exportText:"Plain text",exportCopy:"Copy as Markdown",copy:"Copy",copied:"Copied",edit:"Edit and resend",saveResend:"Save & resend",cancel:"Cancel",regenerate:"Regenerate",helpful:"Helpful",notHelpful:"Not helpful",markedHelpful:"Marked helpful",thanksFeedback:"Thanks for the feedback",bookmarkMessage:"Bookmark message",unbookmarkMessage:"Remove bookmark",deleteMessage:"Delete message",saved:"Saved",stopped:"Stopped",emptyReply:"(empty response)",newReply:"New reply",you:"You",sourcesCited:"Cited sources",sourcesRetrieved:"Sources",searchedSources:"Searched {n} sources",sourceLabel:"Source {n}",openSource:"Open source {n}",citedPassage:"Cited passage",copyReference:"Copy passage with reference",alsoCited:"Also cited",close:"Close",renderingChart:"Rendering chart",renderingSvg:"Rendering drawing",copySvg:"Copy SVG",showRaw:"View raw",showFormatted:"View formatted",showingRows:"Showing {n} of {total} rows",calloutNote:"Note",calloutTip:"Tip",calloutImportant:"Important",calloutWarning:"Warning",calloutCaution:"Caution",undo:"Undo",chatDeleted:"Chat deleted",messageDeleted:"Message deleted",messageBookmarked:"Message bookmarked",bookmarkRemoved:"Bookmark removed",chatBookmarked:"Chat bookmarked",chatUnbookmarked:"Chat removed from bookmarks",exported:"Exported {name}",copiedMarkdown:"Copied as Markdown",fileTooLarge:"{name} is larger than {size}.",fileType:"{name} isn't a text file.",tooManyFiles:"Attach up to {n} files at a time.",errGeneric:"Something went wrong.",errNotFound:"This chat no longer exists. Retry to start a new one.",errNoClient:"Chat isn't connected. Create a SinglebaseClient() on this page.",errLoad:"Couldn't load this chat.",retry:"Retry",offline:"You're offline. Messages will send when you reconnect.",bubbleText:"Hi! Questions? Ask me here.",openChat:"Open chat",closeChat:"Close chat",dismiss:"Dismiss",brandingLabel:"Chat by Singlebase"};function At(l){return{...Nt,...l??{}}}const Gt=/^\|.*\|$/,xt=/^\|[\s:|-]+\|$/,vt=/^!\[([^\]]*)\]\(([^)]*)\)$/,yt=/^(\s*)([-*+]|\d+[.)])\s+(.*)$/,wt=/^\[( |x|X)\]\s+/,Vt=/^(-{3,}|\*{3,}|_{3,})$/,Xt=/^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]\s*(.*)$/i,Yt=["note","tip","important","warning","caution"];function Rt(l){const o=[],e=(l??"").replace(/\r/g,"").split("```");return e.forEach((t,i)=>{if(i%2===1){const a=t.indexOf(`
+`),r=(a>-1?t.slice(0,a):t).trim(),n=(a>-1?t.slice(a+1):"").replace(/\n$/,"");o.push(Qt(r,n,i===e.length-1));return}for(const a of t.split(/\n{2,}/))a.trim()&&o.push(...Et(a))}),o}function Qt(l,o,e){const[t="",...i]=l.split(/\s+/),a=t.toLowerCase();if(a==="chart"){const r=e?null:ei(o);return r?{type:"chart",spec:r}:{type:"pending",kind:"chart"}}if(a==="svg")return e||!/<svg[\s>]/i.test(o)?{type:"pending",kind:"svg"}:{type:"svg",source:o.trim()};if(!e&&(a==="csv"||a==="tsv")){const r=Zt(o,a==="tsv"?"	":",");if(r.length>1)return{type:"table",head:r[0],rows:r.slice(1),align:r[0].map(()=>null)}}if(!e&&a==="json")try{return{type:"json",value:JSON.parse(o),source:o}}catch{}if(a==="callout"){const r=(i[0]??"").toLowerCase(),n=Yt.includes(r);return{type:"callout",kind:n?r:"note",title:(n?i.slice(1):i).join(" "),text:o.trim()}}return{type:"code",lang:a||"code",text:o}}function Et(l){const o=l.split(`
+`).filter(i=>i.trim()),e=o.map(i=>i.trim());if(e.length>1&&e.every(i=>Gt.test(i))){const i=c=>c.replace(/^\||\|$/g,"").split("|").map(b=>b.trim()),a=e.findIndex(c=>xt.test(c)),r=a>-1?i(e[a]).map(c=>/^:-+:$/.test(c)?"center":/^-+:$/.test(c)?"right":/^:-+$/.test(c)?"left":null):[],n=e.filter(c=>!xt.test(c)).map(i),d=n[0]??[];return[{type:"table",head:d,rows:n.slice(1),align:d.map((c,b)=>r[b]??null)}]}if(e.length===1&&Vt.test(e[0]))return[{type:"hr"}];if(e.every(i=>vt.test(i)))return[{type:"img",images:e.map(i=>{const a=i.match(vt);return{alt:a[1],src:a[2]}})}];if(e.every(i=>i.startsWith(">"))){const i=e.map(r=>r.replace(/^>\s?/,"")),a=i[0].match(Xt);return a?[{type:"callout",kind:a[1].toLowerCase(),title:a[2].trim(),text:i.slice(1).join(`
+`).trim()}]:[{type:"quote",text:i.join(" ")}]}if(yt.test(o[0])){const i=[];for(const a of o){const r=a.match(yt);if(r){const n=r[3].match(wt);i.push({text:n?r[3].replace(wt,""):r[3],depth:Math.min(3,Math.floor(r[1].replace(/\t/g,"  ").length/2)),checked:n?n[1]!==" ":null})}else i[i.length-1].text+=` ${a.trim()}`}return[{type:"list",ordered:/^\s*\d/.test(o[0]),items:i}]}const t=e[0].match(/^(#{1,4})\s+(.*)$/);if(t){const i=o.slice(1).join(`
+`);return[{type:"h",level:t[1].length,text:t[2]},...i?Et(i):[]]}return[{type:"p",text:e.join(" ")}]}function Zt(l,o=","){var d;const e=[];let t=[],i="",a=!1;const r=l.replace(/\r/g,"");for(let c=0;c<r.length;c++){const b=r[c];a?b==='"'&&r[c+1]==='"'?(i+='"',c++):b==='"'?a=!1:i+=b:b==='"'&&i===""?a=!0:b===o?(t.push(i.trim()),i=""):b===`
+`?(t.push(i.trim()),t.some(Boolean)&&e.push(t),t=[],i=""):i+=b}t.push(i.trim()),t.some(Boolean)&&e.push(t);const n=((d=e[0])==null?void 0:d.length)??0;return e.map(c=>c.length<n?[...c,...Array(n-c.length).fill("")]:c)}function ei(l){let o;try{o=JSON.parse(l)}catch{return null}if(!o||typeof o!="object")return null;const e=(Array.isArray(o.series)?o.series:[]).filter(i=>i&&Array.isArray(i.values)).map((i,a)=>({name:String(i.name??`Series ${a+1}`),values:i.values.map(r=>Number(r)||0)}));if(!e.length)return null;const t=Array.isArray(o.labels)?o.labels.map(String):e[0].values.map((i,a)=>String(a+1));return{type:o.type==="line"?"line":"bar",title:String(o.title??""),unit:String(o.unit??""),labels:t,series:e}}const kt=new RegExp([/\*\*([^*]+)\*\*/.source,/~~([^~]+)~~/.source,/`([^`]+)`/.source,/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/.source,/(https?:\/\/[^\s<>()]*[^\s<>().,;:!?'"\]])/.source,new RegExp("(?<![\\w*])\\*(?![\\s*])([^*\\n]+?)\\*(?![\\w*])").source,new RegExp("(?<![\\w_])_(?![\\s_])([^_\\n]+?)_(?![\\w_])").source,/\s?\[(\d+(?:\s*,\s*\d+)*)\]/.source].join("|"),"g");function Bt(l,o=0){const e=[];let t=0,i;kt.lastIndex=0;const a=r=>{if(!r)return;const n=e[e.length-1];(n==null?void 0:n.type)==="text"?n.text+=r:e.push({type:"text",text:r})};for(;i=kt.exec(l);){if(a(l.slice(t,i.index)),i[1]!==void 0)e.push({type:"bold",text:i[1]});else if(i[2]!==void 0)e.push({type:"strike",text:i[2]});else if(i[3]!==void 0)e.push({type:"code",text:i[3]});else if(i[4]!==void 0)e.push({type:"link",text:i[4],href:i[5]});else if(i[6]!==void 0)e.push({type:"link",text:i[6],href:i[6]});else if(i[7]!==void 0)e.push({type:"italic",text:i[7]});else if(i[8]!==void 0)e.push({type:"italic",text:i[8]});else{const n=i[9].split(",").map(d=>Number(d.trim())).filter(d=>d>=1&&d<=o);o?n.forEach(d=>e.push({type:"cite",n:d})):a(i[0])}t=i.index+i[0].length}return a(l.slice(t)),e}function Dt(l){if(((l??"").match(/```/g)??[]).length%2===1)return l;const o=l.lastIndexOf(`
+
+`),e=o>-1?l.slice(0,o+2):"";let t=o>-1?l.slice(o+2):l;const i=t.split(`
+`),a=i[i.length-1];a.trimStart().startsWith("|")&&!a.trimEnd().endsWith("|")&&i.pop(),t=i.join(`
+`),t=t.replace(/!?\[[^\]\n]*(\]\([^)\n]*)?$/,"");for(const r of["**","~~","`"])if((t.split(r).length-1)%2===1){const d=t.lastIndexOf(r);t=t.slice(0,d)+t.slice(d+r.length)}return e+t}function ut(l){const o=new Set;for(const e of(l??"").match(/\[(\d+(?:\s*,\s*\d+)*)\]/g)??[])e.replace(/[[\]]/g,"").split(",").forEach(t=>o.add(Number(t.trim())));return o}function ti(l){return[["",...l.series.map(o=>o.name)],...l.labels.map((o,e)=>[o,...l.series.map(t=>t.values[e]===void 0?"":`${t.values[e]}${l.unit}`)])]}const $t=l=>l.map(o=>o.join("  ·  ")).join(`
+`),ii={note:"Note",tip:"Tip",important:"Important",warning:"Warning",caution:"Caution"};function Ft(l,o){if(o==="rich")return l;const e=o==="plain";return l.map(t=>{switch(t.type){case"chart":{const[i,...a]=ti(t.spec);return e?{type:"raw",text:[t.spec.title,$t([i,...a])].filter(Boolean).join(`
+`)}:{type:"table",head:t.spec.title?[t.spec.title,...i.slice(1)]:i,rows:a,align:i.map(()=>null)}}case"pending":return t.kind==="svg"&&!e?t:{type:"raw",text:""};case"callout":return{type:"quote",text:`**${t.title||ii[t.kind]}** ${t.text}`.trim()};case"img":return{type:"p",text:t.images.map(i=>`Image: ${i.alt||"untitled"}`).join(" · ")};case"table":return e?{type:"raw",text:$t([t.head,...t.rows])}:t;case"json":return e?{type:"code",lang:"json",text:t.source}:t;case"svg":return e?{type:"code",lang:"svg",text:t.source}:t;default:return t}})}function gt(l){const o=l??"",e=o.search(/FOLLOWUPS:/i);if(e<0)return{text:o.trim(),followups:[]};const i=o.slice(e).replace(/^FOLLOWUPS:/i,"").split(/\||\n/).map(a=>a.replace(/^\s*(?:[-*↳→]|\d+[.)])\s*/,"").trim()).filter(Boolean).slice(0,3);return{text:o.slice(0,e).trim(),followups:i}}function si(l){return(l??"").replace(/```(\w*)[\s\S]*?(```|$)/g,(o,e)=>e==="chart"?"[Chart] ":e==="svg"?"[Drawing] ":"[Code] ").replace(/!\[([^\]]*)\]\([^)]*\)/g,"[Image: $1]").replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g,"$1").replace(/\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]/gi,"").replace(/[*#>`~]/g,"").replace(/\|/g," ").replace(/\s?\[\d+(?:\s*,\s*\d+)*\]/g,"").replace(/\s+/g," ").trim()}function ai(l,o=48){const e=si(l);if(e.length<=o)return e;const t=e.slice(0,o),i=t.lastIndexOf(" ");return(i>o/2?t.slice(0,i):t).trim()}function ri(l){return String(l??"").split(`
+`)[0].trim().replace(/^["'“”‘’]+|["'“”‘’]+$/g,"").replace(/^title:\s*/i,"").replace(/[.!?:;,]+$/,"").trim().slice(0,80)}function Ct(l,o=!1){return/^https?:\/\//i.test(l)?!0:o&&/^(blob:|data:image\/)/i.test(l)}const ni=2e5,oi=new Set(["script","foreignobject","iframe","object","embed","image","audio","video","animate","set","animatemotion","animatetransform","handler","listener"]);function Ut(l){if(!l||l.length>ni||typeof DOMParser>"u")return null;const o=new DOMParser().parseFromString(l,"image/svg+xml"),e=o.documentElement;if(!e||e.nodeName.toLowerCase()!=="svg"||o.querySelector("parsererror"))return null;const t=a=>{for(const r of Array.from(a.children)){const n=r.nodeName.toLowerCase();if(oi.has(n))r.remove();else if(n==="a"){const d=Array.from(r.childNodes);r.replaceWith(...d),d.forEach(c=>c instanceof Element&&t(c))}else t(r)}for(const r of Array.from(a.attributes)){const n=r.name.toLowerCase(),d=r.value.trim().toLowerCase(),c=(n==="href"||n.endsWith(":href"))&&!d.startsWith("#"),b=d.includes("javascript:")||/url\(\s*['"]?(?!#)/.test(d);(n.startsWith("on")||c||b)&&a.removeAttribute(r.name)}};t(e);for(const a of Array.from(e.querySelectorAll("style")))a.textContent=(a.textContent??"").replace(/@import[^;]*;?/gi,"").replace(/url\(\s*['"]?(?!#)[^)]*\)/gi,"none");e.setAttribute("xmlns","http://www.w3.org/2000/svg");const i=new XMLSerializer().serializeToString(e);return`data:image/svg+xml;charset=utf-8,${encodeURIComponent(i)}`}var Pt=Object.defineProperty,li=Object.getOwnPropertyDescriptor,ci=(l,o,e)=>o in l?Pt(l,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[o]=e,m=(l,o,e,t)=>{for(var i=t>1?void 0:t?li(o,e):o,a=l.length-1,r;a>=0;a--)(r=l[a])&&(i=(t?r(o,e,i):r(i))||i);return t&&i&&Pt(o,e,i),i},di=(l,o,e)=>ci(l,o+"",e);const St=["embed","mode","format","renderers","beforeSend","afterParse","glow","position","sidebar","showTitle","assistantName","logoUrl","heading","description","eyebrow","prompts","bubbleText","greetingBubble","unreadBadge","allowUpload","allowExport","allowRaw","allowCopy","allowRegenerate","allowBookmark","allowDelete","allowRename","allowFeedback","showTime","showComposer","footnote","brandingText","brandingUrl","branding","followups","showFollowups","showSources","showNewChat","showBookmarked","allowSearch","autoTitle","model","params","systemMessage","retrieval","metadata","messages","theme","radius"],mt={fromAttribute:l=>{if(l)try{return JSON.parse(l)}catch{console.warn("[singlebase-chat] an attribute holds invalid JSON; ignoring it");return}},toAttribute:l=>JSON.stringify(l??null)},S={fromAttribute:l=>l===null?!0:l!=="false",toAttribute:l=>l?null:"false"},hi={fromAttribute:l=>l===null?"auto":l===""||l==="true"?"open":l==="false"?"closed":["auto","open","closed","none"].includes(l)?l:"auto",toAttribute:l=>l==="auto"?null:l},pi=272,ui=820,gi=940,Tt=5,Ot=512*1024,mi=/\.(md|markdown|txt|csv|tsv|json|html?|ya?ml|xml|log)$/i,bi=5e3,fi=200,It=2e3,xi={note:"calloutNote",tip:"calloutTip",important:"calloutImportant",warning:"calloutWarning",caution:"calloutCaution"},vi=2600,_=["var(--c-ink)","oklch(0.58 0.13 255)","oklch(0.63 0.1 175)","oklch(0.74 0.12 70)"],Mt={chat:"Be helpful and concise. Use Markdown when it helps: headings, lists, **bold**, code blocks and tables.",rag:"Answer ONLY from the sources provided with each message, numbered in the order given. Put a citation like [1] right after each claim it supports. If the sources don't cover the question, say so plainly."},yi={raw:"Reply in plain text. Don't use Markdown or any other markup.",plain:"Format with light Markdown only: short paragraphs, lists, **bold**, *italics*, `inline code`, code blocks and links. Don't use tables, charts, callouts, images or other special blocks.",advanced:`You can use Markdown: headings, lists, task lists, **bold**, *italics*, links, code blocks and pipe tables. For data, use a fenced "csv" block or a fenced "json" block. For a diagram or illustration, write a self-contained fenced "svg" block with a viewBox, and no scripts, links or external images. Don't use charts, callouts or images.`,rich:'When the answer is about data, lead with one sentence stating the key finding, with key numbers in **bold**, then show the data visually. You can use Markdown: headings, lists, task lists, **bold**, *italics*, links, code blocks and pipe tables. For data, use a fenced "csv" block or a fenced "json" block. For a diagram or illustration, write a self-contained fenced "svg" block with a viewBox, and no scripts, links or external images. For trends and comparisons, use a fenced "chart" block containing only JSON: {"type":"bar"|"line","title":string,"unit":string,"labels":[string],"series":[{"name":string,"values":[number]}]}. For notes and warnings, use callouts: a quote starting with [!NOTE], [!TIP], [!IMPORTANT], [!WARNING] or [!CAUTION]. Images use ![alt](https://…).'},wi="After the answer, on a final line write FOLLOWUPS: followed by three short follow-up questions the user might ask next, separated by |.",zt={chat:[["Write","Draft a short welcome email for new users"],["Explain","Explain how refresh tokens work, simply"],["Code","Write a JavaScript debounce function"],["Plan","Outline a one-week plan to learn TypeScript"]],rag:[["Overview","What topics do these sources cover?"],["Summarize","Summarize the most important points"],["Find","Where is the refund policy described?"],["Explain","Explain the setup steps in plain language"]]},I=(l,o="")=>s.html`<svg class="i ${o}" viewBox="0 0 16 16" aria-hidden="true">${l}</svg>`,y={sidebar:()=>I(s.svg`<rect x="2" y="2.5" width="12" height="11" rx="1.5"></rect><path d="M6 2.5v11"></path>`),plus:()=>I(s.svg`<path d="M8 3v10M3 8h10"></path>`),bookmark:(l=!1)=>I(s.svg`<path d="M4.5 2.5h7v11L8 11l-3.5 2.5z"></path>`,l?"filled":""),download:()=>I(s.svg`<path d="M8 2.5v8M4.5 7.5L8 11l3.5-3.5M2.5 13.5h11"></path>`),trash:()=>I(s.svg`<path d="M2.5 4.5h11M6.5 4.5v-2h3v2M4 4.5l.7 9h6.6l.7-9"></path>`),pencil:()=>I(s.svg`<path d="M10.5 2.5l3 3L6 13H3v-3z"></path>`),copy:()=>I(s.svg`<rect x="5.5" y="5.5" width="8" height="8" rx="1.5"></rect><path d="M10.5 5.5v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2"></path>`),raw:()=>I(s.svg`<path d="M5.5 4.5L2 8l3.5 3.5M10.5 4.5L14 8l-3.5 3.5"></path>`),refresh:()=>I(s.svg`<path d="M13.5 8A5.5 5.5 0 1 1 11.9 4.1M13.5 2v3.5H10"></path>`),thumb:(l=!1)=>s.html`<svg
+      class="i"
+      viewBox="0 0 16 16"
+      aria-hidden="true"
+      style=${l?"transform:rotate(180deg)":""}
+    >
+      <path
+        d="M5 7v6.5H2.5V7zM5 7l2.5-4.5a1.3 1.3 0 0 1 1.9 1.4L9 6.5h3.6a1 1 0 0 1 1 1.2l-1 4.8a1 1 0 0 1-1 .8H5"
+      ></path>
+    </svg>`,expand:()=>I(s.svg`<path d="M9.5 2.5h4v4M13.5 2.5L9 7M6.5 13.5h-4v-4M2.5 13.5L7 9"></path>`),restore:()=>I(s.svg`<path d="M13.5 6.5h-4v-4M9.5 6.5l4-4M2.5 9.5h4v4M6.5 9.5l-4 4"></path>`),minimize:()=>I(s.svg`<path d="M4 8h8"></path>`),close:()=>I(s.svg`<path d="M4 4l8 8M12 4l-8 8"></path>`),clip:()=>I(s.svg`<path d="M13 7.5l-5.3 5.3a3 3 0 0 1-4.3-4.3L9 2.9a2 2 0 0 1 2.9 2.9L6.4 11.3a1 1 0 0 1-1.4-1.4L10 5"></path>`),up:()=>I(s.svg`<path d="M8 13V3M3.5 7.5L8 3l4.5 4.5"></path>`),stop:()=>I(s.svg`<rect x="4.5" y="4.5" width="7" height="7" rx="1"></rect>`),chat:()=>s.html`<svg
+      width="22"
+      height="22"
+      viewBox="0 0 22 22"
+      aria-hidden="true"
+      style="fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round"
+    >
+      <path
+        d="M4 5.5A2.5 2.5 0 0 1 6.5 3h9A2.5 2.5 0 0 1 18 5.5v7a2.5 2.5 0 0 1-2.5 2.5H9l-4 3.5V15H6.5"
+      ></path>
+    </svg>`,chevronDown:()=>s.html`<svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      aria-hidden="true"
+      style="fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round"
+    >
+      <path d="M5 8l5 5 5-5"></path>
+    </svg>`};let ki=0;const pt=()=>`m${Date.now().toString(36)}${(ki++).toString(36)}`;function _t(l){var e;const o=l;return(o==null?void 0:o.message)==="NOT_FOUND"||(o==null?void 0:o.code)==="NOT_FOUND"||((e=o==null?void 0:o.details)==null?void 0:e.status)===404}function $i(l){const o=l;return(o==null?void 0:o.code)||(o==null?void 0:o.message)||"UNKNOWN"}const Ci=()=>typeof matchMedia<"u"&&matchMedia("(prefers-reduced-motion: reduce)").matches,ht=(l,o)=>(Number.isInteger(l)?l.toLocaleString("en-US"):l.toFixed(1))+o,Lt=l=>{const o=l.lastIndexOf(".");return o>0?l.slice(o+1,o+5).toUpperCase():"FILE"};function L(l,o){const e=l??{},t=e.metadata&&typeof e.metadata=="object"?e.metadata:{},i=(...n)=>n.find(d=>typeof d=="string"&&d.trim()),a=i(e.content,e.text,e.page_content,e.body,e.snippet,e.chunk,t.content)??JSON.stringify(e,null,2),r=[e.score,e.relevance,e._score,t.score].find(n=>typeof n=="number");return{n:o,title:i(e.title,e.name,e.filename,t.title,t.name)??`Source ${o}`,path:i(e.path,e.url,e.key,e.source,t.path,t.url)??"",collection:i(e.collection,e.namespace,e.dbname,t.collection)??"",updated:i(e.updated,e._modified_at,t.updated)??"",text:a,score:r===void 0?null:Math.max(0,Math.min(1,r))}}function Si(l){const o=[],e=[];for(const t of l)if(/\.csv$/i.test(t.name))o.push({type:"csv",data:t.content});else if(/\.json$/i.test(t.name))try{o.push({type:"json",data:JSON.parse(t.content)})}catch{e.push({title:t.name,content:t.content})}else e.push({title:t.name,content:t.content});return e.length&&o.push({type:"docs",payload:{documents:e}}),o}function Ti(l){const o=l?Date.parse(l):NaN;if(Number.isNaN(o))return"older";const e=new Date;e.setHours(0,0,0,0);const t=864e5;return o>=e.getTime()?"today":o>=e.getTime()-t?"yesterday":o>=e.getTime()-7*t?"week":"older"}var j,N,A,R,E,B,D,F,U,P,K,W,J,H,q,G,V,X,Y,Q,Z,ee,te,ie,se,ae,re,ne,oe,le,ce,de,he,pe,ue,ge,me,be,fe,xe,ve,ye,we,ke,$e,Ce,Se,Te,Oe,Ie,Me,ze,_e,Le,je,Ne,Ae,Re,Ee,Be,De,Fe,Ue,Pe,Ke,We,Je,He,qe,Ge,Ve,Xe,Ye,Qe,Ze,et,tt,it,st,at,rt,nt,ot,lt,ct,dt,jt;exports.SinglebaseChat=(jt=class extends s.LitElement{constructor(){super(...arguments);p(this,j,null);p(this,N,{});p(this,A);p(this,R);p(this,E,"chat");p(this,B,"advanced");p(this,D,{});p(this,F,null);p(this,U,null);p(this,P,"subtle");p(this,K,!0);p(this,W,!0);p(this,J,!0);p(this,H,!0);p(this,q,!0);p(this,G,!0);p(this,V,!0);p(this,X,"");p(this,Y,{});p(this,Q,"");p(this,Z,[]);p(this,ee,{});p(this,te,"page");p(this,ie,"right");p(this,se,"auto");p(this,ae,!0);p(this,re,"");p(this,ne,"Assistant");p(this,oe,"");p(this,le,"");p(this,ce,"");p(this,de);p(this,he,"");p(this,pe,"");p(this,ue,!1);p(this,ge,!1);p(this,me,!0);p(this,be,!0);p(this,fe,!0);p(this,xe,!0);p(this,ve,!0);p(this,ye,!0);p(this,we,!0);p(this,ke,!0);p(this,$e,!0);p(this,Ce,!0);p(this,Se);p(this,Te,!1);p(this,Oe,!0);p(this,Ie,"");p(this,Me,"");p(this,ze,[]);p(this,_e,"idle");p(this,Le,null);p(this,je,"");p(this,Ne,!1);p(this,Ae,[]);p(this,Re,!1);p(this,Ee,"");p(this,Be,!1);p(this,De,"");p(this,Fe,[]);p(this,Ue,"");p(this,Pe,null);p(this,Ke,0);p(this,We,null);p(this,Je,!1);p(this,He,"");p(this,qe,"");p(this,Ge,!1);p(this,Ve,"");p(this,Xe,null);p(this,Ye,"");p(this,Qe,new Set);p(this,Ze,new Set);p(this,et,!1);p(this,tt,new Map);p(this,it,"");p(this,st,!1);p(this,at,!1);p(this,rt,!1);p(this,nt,!1);p(this,ot,!1);p(this,lt,!1);p(this,ct,!1);p(this,dt,!1);O(this,"run",0);O(this,"abort",null);O(this,"revealTimer");O(this,"timers",new Set);O(this,"toastTimer");O(this,"stick",!0);O(this,"renamed",new Set);O(this,"observer",null);O(this,"observed",null);O(this,"media",null);O(this,"focusNext","");O(this,"bubbleScheduled",!1);O(this,"pendingChatId","");O(this,"onNetwork",()=>{this.offline=navigator.onLine===!1});O(this,"onMedia",()=>{var e;this.mobile=!!((e=this.media)!=null&&e.matches)})}get client(){return h(this,j)}set client(e){u(this,j,e)}get messages(){return h(this,N)}set messages(e){u(this,N,e)}get theme(){return h(this,A)}set theme(e){u(this,A,e)}get radius(){return h(this,R)}set radius(e){u(this,R,e)}get mode(){return h(this,E)}set mode(e){u(this,E,e)}get format(){return h(this,B)}set format(e){u(this,B,e)}get renderers(){return h(this,D)}set renderers(e){u(this,D,e)}get beforeSend(){return h(this,F)}set beforeSend(e){u(this,F,e)}get afterParse(){return h(this,U)}set afterParse(e){u(this,U,e)}get glow(){return h(this,P)}set glow(e){u(this,P,e)}get followups(){return h(this,K)}set followups(e){u(this,K,e)}get showSources(){return h(this,W)}set showSources(e){u(this,W,e)}get showNewChat(){return h(this,J)}set showNewChat(e){u(this,J,e)}get showBookmarked(){return h(this,H)}set showBookmarked(e){u(this,H,e)}get showFollowups(){return h(this,q)}set showFollowups(e){u(this,q,e)}get allowSearch(){return h(this,G)}set allowSearch(e){u(this,G,e)}get autoTitle(){return h(this,V)}set autoTitle(e){u(this,V,e)}get model(){return h(this,X)}set model(e){u(this,X,e)}get params(){return h(this,Y)}set params(e){u(this,Y,e)}get systemMessage(){return h(this,Q)}set systemMessage(e){u(this,Q,e)}get retrieval(){return h(this,Z)}set retrieval(e){u(this,Z,e)}get metadata(){return h(this,ee)}set metadata(e){u(this,ee,e)}get embed(){return h(this,te)}set embed(e){u(this,te,e)}get position(){return h(this,ie)}set position(e){u(this,ie,e)}get sidebar(){return h(this,se)}set sidebar(e){u(this,se,e)}get showTitle(){return h(this,ae)}set showTitle(e){u(this,ae,e)}get chatIdAttr(){return h(this,re)}set chatIdAttr(e){u(this,re,e)}get assistantName(){return h(this,ne)}set assistantName(e){u(this,ne,e)}get logoUrl(){return h(this,oe)}set logoUrl(e){u(this,oe,e)}get heading(){return h(this,le)}set heading(e){u(this,le,e)}get description(){return h(this,ce)}set description(e){u(this,ce,e)}get eyebrow(){return h(this,de)}set eyebrow(e){u(this,de,e)}get prompts(){return h(this,he)}set prompts(e){u(this,he,e)}get bubbleText(){return h(this,pe)}set bubbleText(e){u(this,pe,e)}get greetingBubble(){return h(this,ue)}set greetingBubble(e){u(this,ue,e)}get unreadBadge(){return h(this,ge)}set unreadBadge(e){u(this,ge,e)}get allowUpload(){return h(this,me)}set allowUpload(e){u(this,me,e)}get allowExport(){return h(this,be)}set allowExport(e){u(this,be,e)}get allowCopy(){return h(this,fe)}set allowCopy(e){u(this,fe,e)}get allowRegenerate(){return h(this,xe)}set allowRegenerate(e){u(this,xe,e)}get allowBookmark(){return h(this,ve)}set allowBookmark(e){u(this,ve,e)}get allowDelete(){return h(this,ye)}set allowDelete(e){u(this,ye,e)}get allowRename(){return h(this,we)}set allowRename(e){u(this,we,e)}get allowFeedback(){return h(this,ke)}set allowFeedback(e){u(this,ke,e)}get showComposer(){return h(this,$e)}set showComposer(e){u(this,$e,e)}get showTime(){return h(this,Ce)}set showTime(e){u(this,Ce,e)}get footnote(){return h(this,Se)}set footnote(e){u(this,Se,e)}get allowRaw(){return h(this,Te)}set allowRaw(e){u(this,Te,e)}get branding(){return h(this,Oe)}set branding(e){u(this,Oe,e)}get brandingText(){return h(this,Ie)}set brandingText(e){u(this,Ie,e)}get brandingUrl(){return h(this,Me)}set brandingUrl(e){u(this,Me,e)}get chatList(){return h(this,ze)}set chatList(e){u(this,ze,e)}get listState(){return h(this,_e)}set listState(e){u(this,_e,e)}get activeId(){return h(this,Le)}set activeId(e){u(this,Le,e)}get chatTitle(){return h(this,je)}set chatTitle(e){u(this,je,e)}get bookmarked(){return h(this,Ne)}set bookmarked(e){u(this,Ne,e)}get msgs(){return h(this,Ae)}set msgs(e){u(this,Ae,e)}get loadingThread(){return h(this,Re)}set loadingThread(e){u(this,Re,e)}get threadError(){return h(this,Ee)}set threadError(e){u(this,Ee,e)}get busy(){return h(this,Be)}set busy(e){u(this,Be,e)}get draft(){return h(this,De)}set draft(e){u(this,De,e)}get files(){return h(this,Fe)}set files(e){u(this,Fe,e)}get search(){return h(this,Ue)}set search(e){u(this,Ue,e)}get sidebarOpen(){return h(this,Pe)}set sidebarOpen(e){u(this,Pe,e)}get width(){return h(this,Ke)}set width(e){u(this,Ke,e)}get panel(){return h(this,We)}set panel(e){u(this,We,e)}get menuOpen(){return h(this,Je)}set menuOpen(e){u(this,Je,e)}get editingKey(){return h(this,He)}set editingKey(e){u(this,He,e)}get editDraft(){return h(this,qe)}set editDraft(e){u(this,qe,e)}get editingTitle(){return h(this,Ge)}set editingTitle(e){u(this,Ge,e)}get renamingId(){return h(this,Ve)}set renamingId(e){u(this,Ve,e)}get toast(){return h(this,Xe)}set toast(e){u(this,Xe,e)}get copiedKey(){return h(this,Ye)}set copiedKey(e){u(this,Ye,e)}get retrievalOpen(){return h(this,Qe)}set retrievalOpen(e){u(this,Qe,e)}get rawKeys(){return h(this,Ze)}set rawKeys(e){u(this,Ze,e)}get hasSidebarContent(){return h(this,et)}set hasSidebarContent(e){u(this,et,e)}get sorts(){return h(this,tt)}set sorts(e){u(this,tt,e)}get arrivedKey(){return h(this,it)}set arrivedKey(e){u(this,it,e)}get dragging(){return h(this,st)}set dragging(e){u(this,st,e)}get showJump(){return h(this,at)}set showJump(e){u(this,at,e)}get offline(){return h(this,rt)}set offline(e){u(this,rt,e)}get isOpen(){return h(this,nt)}set isOpen(e){u(this,nt,e)}get expanded(){return h(this,ot)}set expanded(e){u(this,ot,e)}get bubble(){return h(this,lt)}set bubble(e){u(this,lt,e)}get seen(){return h(this,ct)}set seen(e){u(this,ct,e)}get mobile(){return h(this,dt)}set mobile(e){u(this,dt,e)}get msg(){return At(this.messages)}get resolvedClient(){return this.client??Ht.getDefaultClient()??null}get chatId(){return this.activeId}get thread(){return this.msgs}get formatLevel(){return["raw","plain","advanced","rich"].includes(this.format)?this.format:"advanced"}get chats(){return this.chatList}set config(e){if(!e)return;const t=this;"client"in e&&(this.client=e.client??null);for(const i of St)i in e&&(t[i]=e[i]);e.chatId&&e.chatId!==this.activeId&&(this.hasUpdated?this.openChat(e.chatId):this.chatIdAttr=e.chatId)}configure(e){return this.config=e,this}get config(){const e=this;return{client:this.client,chatId:this.activeId??"",...Object.fromEntries(St.map(t=>[t,e[t]]))}}connectedCallback(){var e,t;super.connectedCallback(),this.offline=typeof navigator<"u"&&navigator.onLine===!1,window.addEventListener("online",this.onNetwork),window.addEventListener("offline",this.onNetwork),this.media=typeof matchMedia<"u"?matchMedia("(max-width: 559px)"):null,this.mobile=!!((e=this.media)!=null&&e.matches),(t=this.media)==null||t.addEventListener("change",this.onMedia)}disconnectedCallback(){var e,t;super.disconnectedCallback(),window.removeEventListener("online",this.onNetwork),window.removeEventListener("offline",this.onNetwork),(e=this.media)==null||e.removeEventListener("change",this.onMedia),(t=this.observer)==null||t.disconnect(),this.observer=null,this.observed=null,this.flushToast(),this.halt(),this.timers.forEach(clearTimeout),this.timers.clear()}willUpdate(e){if(e.has("retrieval")&&!Array.isArray(this.retrieval)){const t=this.retrieval;this.retrieval=t&&typeof t=="object"?[t]:[]}e.has("params")&&(!this.params||typeof this.params!="object")&&(this.params={}),e.has("metadata")&&(!this.metadata||typeof this.metadata!="object")&&(this.metadata={}),e.has("sidebar")&&(this.sidebar==="open"?this.sidebarOpen=!0:this.sidebar==="closed"||this.sidebar==="none"?this.sidebarOpen=!1:this.width&&(this.sidebarOpen=this.docked)),this.embed==="launcher"&&this.greetingBubble&&!this.bubbleScheduled&&(this.bubbleScheduled=!0,this.later(()=>{!this.isOpen&&!this.seen&&(this.bubble=!0)},1200))}firstUpdated(){this.chatIdAttr&&this.openChat(this.chatIdAttr)}updated(){var t;const e=this.renderRoot.querySelector(".root");if(e!==this.observed&&((t=this.observer)==null||t.disconnect(),this.observed=e,e&&typeof ResizeObserver<"u"&&(this.observer??(this.observer=new ResizeObserver(([i])=>{const a=Math.round(i.contentRect.width);a!==this.width&&(this.width=a,this.sidebarOpen===null&&(this.sidebarOpen=this.sidebar==="auto"&&this.docked))})),this.observer.observe(e))),this.sidebarOpen&&this.listState==="idle"&&this.resolvedClient&&this.loadChats(),this.pendingChatId&&this.resolvedClient&&this.openChat(this.pendingChatId),this.focusNext){const i=this.renderRoot.querySelector(this.focusNext);this.focusNext="",i&&(i.focus(),"select"in i&&i.tagName==="INPUT"&&i.select())}}later(e,t){const i=setTimeout(()=>{this.timers.delete(i),e()},t);this.timers.add(i)}emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}get docked(){return this.embed==="page"&&this.width>=ui}get panelDocked(){const e=this.docked&&this.sidebarOpen?pi:0;return this.width-e>=gi}newChat(){this.halt(),this.pendingChatId="",this.loadingThread=!1,this.activeId=null,this.chatTitle="",this.bookmarked=!1,this.msgs=[],this.threadError="",this.resetViewState(),this.focusNext="textarea.input"}async openChat(e){const t=this.resolvedClient;if(!e)return;this.halt();const i=this.chatList.find(r=>r._id===e);if(this.activeId=e,this.chatTitle=(i==null?void 0:i.title)??"",this.bookmarked=!!(i!=null&&i.bookmarked),this.msgs=[],this.threadError="",this.resetViewState(),!t){this.pendingChatId=e,this.loadingThread=!0;return}const a=++this.run;this.pendingChatId="",this.loadingThread=!0;try{const r=await t.llm.call("get_chat",{_id:e});if(a!==this.run)return;this.chatTitle=(r==null?void 0:r.title)??"",this.bookmarked=!!(r!=null&&r.bookmarked),this.msgs=((r==null?void 0:r.messages)??[]).filter(n=>n&&(n.role==="user"||n.role==="assistant")).map(n=>this.fromServer(n)),this.upsertChat({...i,...r,_id:e}),this.stick=!0,this.scrollToBottom()}catch(r){if(a!==this.run)return;_t(r)?(this.chatList=this.chatList.filter(n=>n._id!==e),this.newChat(),this.showToast(this.msg.errNotFound)):this.threadError=this.msg.errLoad}finally{a===this.run&&(this.loadingThread=!1)}}async send(e){const t=(typeof e=="string"?e:this.draft).trim();if(!t||this.busy)return;const i=this.files;this.draft="",this.files=[];const a=this.renderRoot.querySelector("textarea.input");a&&(a.style.height="auto"),await this.runTurn(this.userMessage(t,i))}stop(){if(!this.busy)return;const e=this.msgs[this.msgs.length-1];this.halt(),(e==null?void 0:e.role)==="assistant"&&(e.phase==="pending"||e.phase==="streaming")&&(e.phase="done",e.stopped=!0,e.followups=[],this.msgs=[...this.msgs])}exportChat(e="md"){var M;if(!this.msgs.length)return;this.menuOpen=!1;const t=this.chatTitle||this.msg.untitled,i=x=>x.role==="user"?this.msg.you:this.assistantName,a=x=>new Date(x||Date.now()).toLocaleString(),r=x=>x.sources.map(($,w)=>{const z=L($,w+1);return`[${z.n}] ${z.title}${z.path?` — ${z.path}`:""}`}),n=x=>(x.attachments??[]).map($=>$.name);let d,c="text/markdown",b="md";if(e==="json"?(d=JSON.stringify({exportedAt:new Date().toISOString(),id:this.activeId,title:t,mode:this.mode,bookmarked:this.bookmarked,messages:this.msgs.map(x=>({role:x.role,text:x.content,at:new Date(x.at||Date.now()).toISOString(),bookmarked:x.bookmarked,attachments:n(x),sources:r(x)}))},null,2),c="application/json",b="json"):e==="txt"?(d=`${t}
+${"=".repeat(t.length)}
+
+`+this.msgs.map(x=>[`${i(x)} · ${a(x.at)}`,n(x).length?`Attachments: ${n(x).join(", ")}`:"",x.content,r(x).length?`Sources:
+${r(x).join(`
+`)}`:""].filter(Boolean).join(`
+`)).join(`
+
+`),c="text/plain",b="txt"):d=`# ${t}
+
+`+this.msgs.map(x=>[`### ${i(x)} · ${a(x.at)}`,n(x).length?`Attachments: ${n(x).join(", ")}`:"",x.content,r(x).length?`**Sources**
+
+${r(x).map($=>`- ${$}`).join(`
+`)}`:""].filter(Boolean).join(`
+
+`)).join(`
+
+---
+
+`)+`
+`,this.emit("singlebase-chat-export",{chatId:this.activeId,format:e}),e==="copy"){(M=navigator.clipboard)==null||M.writeText(d).catch(()=>{}),this.showToast(this.msg.copiedMarkdown);return}const k=`${t.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")||"chat"}-${new Date().toISOString().slice(0,10)}.${b}`,C=URL.createObjectURL(new Blob([d],{type:c})),v=document.createElement("a");v.href=C,v.download=k,document.body.appendChild(v),v.click(),v.remove(),setTimeout(()=>URL.revokeObjectURL(C),2e3),this.showToast(T.fill(this.msg.exported,{name:k}))}expand(){this.expanded=!0,this.emit("singlebase-chat-expand",{expanded:!0})}collapse(){this.expanded=!1,this.emit("singlebase-chat-expand",{expanded:!1})}open(){this.isOpen=!0,this.seen=!0,this.bubble=!1,this.focusNext="textarea.input",this.emit("singlebase-chat-open",{})}close(){this.isOpen=!1,this.expanded=!1,this.emit("singlebase-chat-close",{})}userMessage(e,t=[]){return{key:pt(),id:null,role:"user",content:e,at:Date.now(),bookmarked:!1,sources:[],followups:[],phase:"done",attachments:t}}systemPrompt(){return[this.systemMessage,Mt[this.mode]??Mt.chat,yi[this.formatLevel],this.followups?wi:""].filter(Boolean).join(`
+
+`)}payloadFor(e){const t={message:e.content,format:"markdown"};this.activeId?t._id=this.activeId:(t.title=ai(e.content),t.system_message=this.systemPrompt()),this.model&&(t.model=this.model),Object.keys(this.params??{}).length&&(t.params=this.params);const i=(e.attachments??[]).map(r=>r.name);(Object.keys(this.metadata??{}).length||i.length)&&(t.metadata={...this.metadata,...i.length?{attachments:i}:{}});const a=[...this.retrieval??[],...Si(e.attachments??[])];return a.length&&(t.retrieval=a),t}async runTurn(e){const t={key:pt(),id:null,role:"assistant",content:"",at:Date.now(),bookmarked:!1,sources:[],followups:[],phase:"pending"};this.msgs=[...this.msgs,e,t],this.busy=!0,this.panel=null,this.stick=!0,this.scrollToBottom(),this.emit("singlebase-chat-send",{chatId:this.activeId,text:e.content});const i=this.resolvedClient;if(!i){this.failTurn(t,this.msg.errNoClient,"NO_CLIENT"),this.busy=!1;return}const a=++this.run,r=new AbortController;this.abort=r;const n=!this.activeId;let d=this.payloadFor(e);if(this.beforeSend){let c;try{c=await this.beforeSend(d,{chatId:this.activeId,isNew:n,message:e})}catch(f){c=f}if(a!==this.run)return;if(c===!1){this.msgs=this.msgs.filter(f=>f!==e&&f!==t),this.draft=e.content,this.busy=!1,this.abort=null;return}if(!(!!c&&typeof c=="object"&&typeof c.message=="string")||!c.message.trim()){console.error("[singlebase-chat] beforeSend must return the request object (with a message) or false to cancel; the message was not sent.",c),this.failTurn(t,this.msg.errGeneric,"BEFORE_SEND_INVALID"),this.busy=!1,this.abort=null;return}d=c}try{const c=await i.llm.call("chat",d,{signal:r.signal}),b=(c==null?void 0:c._id)||(c==null?void 0:c.chat_id)||this.activeId;if(n&&b&&this.upsertChat({_id:b,title:(c==null?void 0:c.title)||d.title,bookmarked:!!(c!=null&&c.bookmarked),_modified_at:new Date().toISOString()}),a!==this.run)return;b&&(this.activeId=b),n?(this.chatTitle=(c==null?void 0:c.title)||d.title,this.bookmarked=!!(c!=null&&c.bookmarked)):b&&this.touchChat(b);const f=(c==null?void 0:c.message)??{},k=typeof f.content=="string"?f.content:(c==null?void 0:c.json)!==void 0?JSON.stringify(c.json,null,2):"",{text:C,followups:v}=gt(k);e.id=f.reply_to??null,Object.assign(t,{id:f._id??null,content:C,sources:Array.isArray(f.sources)?f.sources:[],followups:v,execTime:typeof f.exec_time=="number"?f.exec_time:void 0,model:f.model,at:Date.now()}),this.emit("singlebase-chat-response",{chatId:b,message:t}),await this.reveal(t,a),n&&b&&this.autoTitle&&this.retitle(b,e.content,t.content)}catch(c){if(a!==this.run)return;const b=_t(c);b&&(this.chatList=this.chatList.filter(f=>f._id!==this.activeId),this.activeId=null),this.failTurn(t,b?this.msg.errNotFound:this.msg.errGeneric,$i(c))}finally{a===this.run&&(this.busy=!1,this.abort=null,this.stick&&this.scrollToBottom())}}failTurn(e,t,i){e.phase="error",e.error=t,this.msgs=[...this.msgs],this.emit("singlebase-chat-error",{chatId:this.activeId,code:i,message:t})}reveal(e,t){const i=e.content.length,a=()=>{e.phase="done",this.msgs=[...this.msgs],this.arrivedKey=e.key,this.later(()=>{this.arrivedKey===e.key&&(this.arrivedKey="")},vi),this.stick?this.scrollToBottom():this.showJump=!0};if(!i||Ci())return a(),Promise.resolve();const r=e.content,n=Math.max(4,Math.ceil(i/90));let d=0;return e.phase="streaming",e.content="",new Promise(c=>{this.revealTimer=setInterval(()=>{if(t!==this.run){clearInterval(this.revealTimer),c();return}if(d=Math.min(i,d+n),e.content=r.slice(0,d),d>=i){clearInterval(this.revealTimer),a(),c();return}this.msgs=[...this.msgs],this.stick&&this.scrollToBottom()},16)})}halt(){var e;this.run++,(e=this.abort)==null||e.abort(),this.abort=null,clearInterval(this.revealTimer),this.busy=!1}async retitle(e,t,i){const a=this.resolvedClient;if(!(!a||this.renamed.has(e)))try{const r=await a.llm.call("generate",{user_input:`user: ${t}
+assistant: ${i.slice(0,1500)}`,custom_instructions:"Write a concise title (3–6 words, sentence case, no quotes, no trailing punctuation) for this conversation.",format:"text"}),n=ri(r==null?void 0:r.result);if(!n||this.renamed.has(e))return;await a.llm.call("update_chat",{_id:e,title:n}),this.applyTitle(e,n,!0)}catch{}}applyTitle(e,t,i){this.chatList=this.chatList.map(a=>a._id===e?{...a,title:t}:a),this.activeId===e&&(this.chatTitle=t),this.emit("singlebase-chat-title",{chatId:e,title:t,auto:i})}commitTitle(e){this.editingTitle&&(this.editingTitle=!1,this.activeId&&this.renameChat(this.activeId,e))}commitRename(e,t){this.renamingId===e&&(this.renamingId="",this.renameChat(e,t))}async renameChat(e,t){var r,n;const i=t.trim().slice(0,80),a=((r=this.chatList.find(d=>d._id===e))==null?void 0:r.title)??this.chatTitle;if(!(!i||i===a)){this.renamed.add(e),this.applyTitle(e,i,!1);try{await((n=this.resolvedClient)==null?void 0:n.llm.call("update_chat",{_id:e,title:i}))}catch{this.applyTitle(e,a??"",!1),this.showToast(this.msg.errGeneric)}}}fromServer(e){const t=e.role==="assistant",{text:i,followups:a}=t?gt(String(e.content??"")):{text:String(e.content??""),followups:[]};return{key:pt(),id:e._id??null,role:t?"assistant":"user",content:i,at:Date.parse(e._created_at??"")||0,bookmarked:!!e.bookmarked,sources:Array.isArray(e.sources)?e.sources:[],followups:a,phase:"done",execTime:typeof e.exec_time=="number"?e.exec_time:void 0,model:e.model}}async loadChats(){const e=this.resolvedClient;if(e){this.listState="loading";try{const t=await e.llm.call("list_chats",{limit:100});this.chatList=[...(t==null?void 0:t.items)??[]],this.listState="ready"}catch{this.listState="error"}}}upsertChat(e){const t=this.chatList.filter(a=>a._id!==e._id),i=this.chatList.find(a=>a._id===e._id);this.chatList=[{...i,...e},...t]}touchChat(e){const t=this.chatList.find(i=>i._id===e);t&&this.upsertChat({...t,_modified_at:new Date().toISOString()})}resetViewState(){this.panel=null,this.menuOpen=!1,this.editingKey="",this.editingTitle=!1,this.showJump=!1,this.retrievalOpen=new Set,this.sidebarOpen&&!this.docked&&(this.sidebarOpen=!1)}async deleteOnServer(e){const t=this.resolvedClient,i=this.activeId;if(!(!t||!i))for(const a of e)a&&await t.llm.call("delete_chat_message",{_id:i,message_id:a}).catch(()=>{})}async regenerate(){if(this.busy)return;const e=this.msgs.map(a=>a.role).lastIndexOf("assistant"),t=this.msgs[e-1];if(e<1||(t==null?void 0:t.role)!=="user")return;const i=this.msgs.slice(e-1);this.msgs=this.msgs.slice(0,e-1),await this.deleteOnServer(i.map(a=>a.id)),await this.runTurn(this.userMessage(t.content,t.attachments))}async retry(e){if(this.busy)return;const t=this.msgs.indexOf(e),i=this.msgs[t-1];(i==null?void 0:i.role)==="user"&&(this.msgs=this.msgs.slice(0,t-1),await this.runTurn(this.userMessage(i.content,i.attachments)))}async saveEdit(e){const t=this.editDraft.trim(),i=this.msgs.indexOf(e);if(this.editingKey="",!t||i<0||this.busy)return;const a=this.msgs.slice(i);this.msgs=this.msgs.slice(0,i),await this.deleteOnServer(a.map(r=>r.id)),await this.runTurn(this.userMessage(t,e.attachments))}toggleRaw(e){const t=new Set(this.rawKeys);t.has(e)?t.delete(e):t.add(e),this.rawKeys=t}copy(e,t){var i;(i=navigator.clipboard)==null||i.writeText(t).catch(()=>{}),this.copiedKey=e,this.later(()=>{this.copiedKey===e&&(this.copiedKey="")},1400)}async toggleMessageBookmark(e){var i;const t=this.activeId;if(!(!t||!e.id)){e.bookmarked=!e.bookmarked,this.msgs=[...this.msgs],this.showToast(e.bookmarked?this.msg.messageBookmarked:this.msg.bookmarkRemoved),this.emit("singlebase-chat-bookmark",{chatId:t,messageId:e.id,bookmarked:e.bookmarked});try{await((i=this.resolvedClient)==null?void 0:i.llm.call("bookmark_chat_message",{_id:t,message_id:e.id,bookmarked:e.bookmarked}))}catch{e.bookmarked=!e.bookmarked,this.msgs=[...this.msgs],this.showToast(this.msg.errGeneric)}}}async toggleChatBookmark(e){var r,n;const t=((r=this.chatList.find(d=>d._id===e))==null?void 0:r.bookmarked)??(e===this.activeId?this.bookmarked:!1),i=!t,a=d=>{this.chatList=this.chatList.map(c=>c._id===e?{...c,bookmarked:d}:c),e===this.activeId&&(this.bookmarked=d)};a(i),this.showToast(i?this.msg.chatBookmarked:this.msg.chatUnbookmarked),this.emit("singlebase-chat-bookmark",{chatId:e,bookmarked:i});try{await((n=this.resolvedClient)==null?void 0:n.llm.call("bookmark_chat",{_id:e,bookmarked:i}))}catch{a(t),this.showToast(this.msg.errGeneric)}}deleteMessage(e){var a;const t=this.activeId,i=this.msgs.indexOf(e);i<0||(this.msgs=this.msgs.filter(r=>r!==e),((a=this.panel)==null?void 0:a.key)===e.key&&(this.panel=null),this.showToast(this.msg.messageDeleted,{undo:()=>{if(this.activeId!==t)return;const r=[...this.msgs];r.splice(i,0,e),this.msgs=r},commit:()=>{var r;this.emit("singlebase-chat-message-delete",{chatId:t,messageId:e.id}),t&&e.id&&((r=this.resolvedClient)==null||r.llm.call("delete_chat_message",{_id:t,message_id:e.id}).catch(()=>{}))}}))}deleteChat(e){const t=this.chatList.findIndex(n=>n._id===e),i=this.chatList[t]??{_id:e,title:this.chatTitle,bookmarked:this.bookmarked},a=e===this.activeId,r=a?{title:this.chatTitle,bookmarked:this.bookmarked,msgs:this.msgs}:null;this.chatList=this.chatList.filter(n=>n._id!==e),a&&this.newChat(),this.showToast(this.msg.chatDeleted,{undo:()=>{const n=[...this.chatList];n.splice(Math.max(0,t),0,i),this.chatList=n,r&&!this.activeId&&!this.msgs.length&&(this.activeId=e,this.chatTitle=r.title,this.bookmarked=r.bookmarked,this.msgs=r.msgs)},commit:()=>{var n;this.emit("singlebase-chat-delete",{chatId:e}),(n=this.resolvedClient)==null||n.llm.call("delete_chat",{_id:e}).catch(()=>{})}})}feedback(e,t){e.feedback=t,this.msgs=[...this.msgs],this.emit("singlebase-chat-feedback",{chatId:this.activeId,messageId:e.id,value:t,text:e.content})}showToast(e,t={}){this.flushToast();const i={key:Date.now(),text:e,...t};this.toast=i,this.toastTimer=setTimeout(()=>{this.toast===i&&this.flushToast()},bi)}flushToast(){var t;const e=this.toast;clearTimeout(this.toastTimer),this.toast=null,(t=e==null?void 0:e.commit)==null||t.call(e)}undo(){var t;const e=this.toast;clearTimeout(this.toastTimer),this.toast=null,(t=e==null?void 0:e.undo)==null||t.call(e)}async addFiles(e){const t=Array.from(e??[]);if(!t.length)return;const i=[];for(const a of t){if(this.files.length+i.length>=Tt){this.showToast(T.fill(this.msg.tooManyFiles,{n:Tt}));break}if(!mi.test(a.name)&&!a.type.startsWith("text/")){this.showToast(T.fill(this.msg.fileType,{name:a.name}));continue}if(a.size>Ot){this.showToast(T.fill(this.msg.fileTooLarge,{name:a.name,size:T.formatSize(Ot)}));continue}i.push({name:a.name,size:a.size,content:await a.text()})}i.length&&(this.files=[...this.files,...i],this.emit("singlebase-chat-files",{files:i.map(({name:a,size:r})=>({name:a,size:r}))}))}async scrollToBottom(){await this.updateComplete;const e=this.renderRoot.querySelector(".scroller");e&&(e.scrollTop=e.scrollHeight),this.showJump=!1}onScroll(e){const t=e.currentTarget;this.stick=t.scrollHeight-t.scrollTop-t.clientHeight<80,this.stick&&(this.showJump=!1)}jumpToLatest(){this.stick=!0,this.scrollToBottom()}onKeydown(e){if(e.key==="Escape"){if(this.menuOpen)this.menuOpen=!1;else if(this.panel)this.panel=null;else if(this.sidebarOpen&&!this.docked)this.sidebarOpen=!1;else if(this.expanded)this.collapse();else if(this.embed==="launcher"&&this.isOpen)this.close();else return;e.stopPropagation()}}onComposerKey(e){e.key==="Enter"&&!e.shiftKey&&!e.isComposing&&(e.preventDefault(),this.send())}onComposerInput(e){const t=e.target;t.style.height="auto",t.style.height=`${Math.min(176,t.scrollHeight)}px`,this.draft=t.value}onDragEnter(e){var t;!this.allowUpload||!this.showComposer||Array.from(((t=e.dataTransfer)==null?void 0:t.types)??[]).includes("Files")&&(e.preventDefault(),this.dragging=!0)}onDragLeave(e){e.currentTarget.contains(e.relatedTarget)||(this.dragging=!1)}onDrop(e){var t;e.preventDefault(),this.dragging=!1,this.allowUpload&&this.addFiles((t=e.dataTransfer)==null?void 0:t.files)}render(){if(this.embed==="launcher")return this.renderLauncher();const e=["frame",this.embed==="inline"?"inline boxed":"",this.expanded?"expanded boxed":""].join(" ");return s.html`<div class=${e} part="frame">${this.renderWorkspace()}</div>`}renderLauncher(){const e=this.msg,t=["frame launcher boxed",this.expanded?"expanded":"",this.mobile?"full":""].join(" "),i=this.isOpen?s.html`<div class=${t} role="dialog" aria-label=${this.assistantName} part="frame">
+          ${this.renderWorkspace()}
+        </div>`:s.nothing,a=this.bubble&&!this.isOpen?s.html`<div class="bubble" part="bubble">
+            <button type="button" class="bubble-text" @click=${()=>this.open()}>
+              ${this.bubbleText||e.bubbleText}
+            </button>
+            <button
+              type="button"
+              class="icon sm"
+              aria-label=${e.dismiss}
+              title=${e.dismiss}
+              @click=${()=>this.bubble=!1}
+            >
+              ${y.close()}
+            </button>
+          </div>`:s.nothing,n=this.isOpen&&(this.expanded||this.mobile)?s.nothing:s.html`<button
+          type="button"
+          class="launcher-btn"
+          part="launcher"
+          aria-label=${this.isOpen?e.closeChat:e.openChat}
+          aria-expanded=${this.isOpen?"true":"false"}
+          @click=${()=>this.isOpen?this.close():this.open()}
+        >
+          ${this.isOpen?y.chevronDown():y.chat()}
+          ${this.unreadBadge&&!this.seen&&!this.isOpen?s.html`<span class="badge"></span>`:s.nothing}
+        </button>`;return s.html`${i}${a}${n}`}renderWorkspace(){const e=!this.docked;return s.html`<div class="root" @keydown=${this.onKeydown}>
+      ${this.sidebarOpen&&e?s.html`<div class="scrim" @click=${()=>this.sidebarOpen=!1}></div>`:s.nothing}
+      ${this.sidebarOpen&&this.sidebar!=="none"?this.renderSidebar(e):s.nothing}
+      <main
+        class="main"
+        @dragenter=${this.onDragEnter}
+        @dragover=${t=>t.preventDefault()}
+      >
+        ${this.renderHeader()}
+        ${this.offline?s.html`<div class="banner" role="status">${this.msg.offline}</div>`:s.nothing}
+        <div
+          class="scroller"
+          role="log"
+          aria-live="polite"
+          aria-busy=${this.busy?"true":"false"}
+          part="messages"
+          @scroll=${this.onScroll}
+        >
+          ${this.msgs.length||this.loadingThread||this.threadError?this.renderThread():this.renderWelcome()}
+        </div>
+        ${this.showJump?s.html`<button type="button" class="jump" @click=${this.jumpToLatest}>
+                ↓ ${this.msg.newReply}
+              </button>`:s.nothing}
+        ${this.renderComposer()}
+        ${T.renderBranding(this.branding,this.brandingText,this.msg.brandingLabel,this.brandingUrl)}
+        ${this.toast?s.html`<div class="toast" role="status">
+                <span>${this.toast.text}</span>
+                ${this.toast.undo?s.html`<button type="button" @click=${this.undo}>${this.msg.undo}</button>`:s.nothing}
+              </div>`:s.nothing}
+        ${this.dragging?s.html`<div
+                class="drop"
+                @dragover=${t=>t.preventDefault()}
+                @dragleave=${this.onDragLeave}
+                @drop=${this.onDrop}
+              >
+                <strong>${this.msg.dropTitle}</strong><span>${this.msg.dropSub}</span>
+              </div>`:s.nothing}
+      </main>
+      ${this.renderPanel()}
+    </div>`}renderSidebar(e){const t=this.msg,i=this.allowSearch?this.search.trim().toLowerCase():"",a=this.chatList.filter(b=>!i||(b.title??"").toLowerCase().includes(i)),r=b=>this.showBookmarked&&!!b.bookmarked,n=b=>a.filter(f=>!r(f)&&Ti(f._modified_at??f._created_at)===b),d=[[t.groupBookmarked,a.filter(r)],[t.groupToday,n("today")],[t.groupYesterday,n("yesterday")],[t.groupWeek,n("week")],[t.groupOlder,n("older")]];let c;return this.listState==="loading"&&!this.chatList.length?c=s.html`<div aria-label=${t.loadingChats}>
+        ${[1,2,3,4].map(()=>s.html`<div class="skeleton"></div>`)}
+      </div>`:a.length?c=d.filter(([,b])=>b.length).map(([b,f])=>s.html`<div class="group">${b}</div>
+              ${f.map(k=>this.renderThreadRow(k))}`):c=s.html`<span class="side-note"
+        >${i?T.fill(t.noMatch,{query:this.search.trim()}):t.noChats}</span
+      >`,s.html`<aside
+      class="sidebar ${e?"overlay":"docked"}"
+      part="sidebar"
+      aria-label=${t.chats}
+    >
+      <div class="side-head">
+        <span class="label">${t.chats}</span>
+        <button
+          type="button"
+          class="icon"
+          title=${t.hideSidebar}
+          aria-label=${t.hideSidebar}
+          @click=${()=>this.sidebarOpen=!1}
+        >
+          ${y.sidebar()}
+        </button>
+      </div>
+      <div class="side-tools">
+        ${this.showNewChat?s.html`<button type="button" class="new-chat" @click=${()=>this.newChat()}>
+                ${y.plus()}<span>${t.newChat}</span>
+              </button>`:s.nothing}
+        ${this.allowSearch?s.html`<input
+                class="search"
+                type="search"
+                placeholder=${t.searchChats}
+                aria-label=${t.searchChats}
+                .value=${this.search}
+                @input=${b=>this.search=b.target.value}
+              />`:s.nothing}
+      </div>
+      <div class="threads">${c}</div>
+      <div class="side-extra ${this.hasSidebarContent?"filled":""}" part="sidebar-extra">
+        <slot
+          name="sidebar"
+          @slotchange=${b=>this.hasSidebarContent=b.target.assignedNodes().length>0}
+        ></slot>
+      </div>
+    </aside>`}renderThreadRow(e){const t=this.msg,i=e._id===this.activeId,a=e.title||t.untitled;if(this.renamingId===e._id)return s.html`<div class="thread active">
+        <input
+          class="thread-rename"
+          maxlength="80"
+          .value=${a}
+          aria-label=${t.renameChat}
+          @keydown=${n=>{n.key==="Enter"&&this.commitRename(e._id,n.target.value),n.key==="Escape"&&(n.stopPropagation(),this.renamingId="")}}
+          @blur=${n=>this.commitRename(e._id,n.target.value)}
+        />
+      </div>`;const r=n=>d=>{d.stopPropagation(),n()};return s.html`<div
+      class="thread ${i?"active":""}"
+      role="button"
+      tabindex="0"
+      aria-current=${i?"true":"false"}
+      @click=${()=>this.openChat(e._id)}
+      @keydown=${n=>n.key==="Enter"&&this.openChat(e._id)}
+    >
+      <span class="thread-title">${a}</span>
+      <span class="thread-actions">
+        ${this.allowBookmark?s.html`<button
+                type="button"
+                class="icon sm ${e.bookmarked?"on":""}"
+                title=${e.bookmarked?t.unbookmarkChat:t.bookmarkChat}
+                aria-label=${e.bookmarked?t.unbookmarkChat:t.bookmarkChat}
+                @click=${r(()=>this.toggleChatBookmark(e._id))}
+              >
+                ${y.bookmark(!!e.bookmarked)}
+              </button>`:s.nothing}
+        ${this.allowRename?s.html`<button
+                type="button"
+                class="icon sm"
+                title=${t.renameChat}
+                aria-label=${t.renameChat}
+                @click=${r(()=>{this.renamingId=e._id,this.focusNext="input.thread-rename"})}
+              >
+                ${y.pencil()}
+              </button>`:s.nothing}
+        ${this.allowDelete?s.html`<button
+                type="button"
+                class="icon sm danger"
+                title=${t.deleteChat}
+                aria-label=${t.deleteChat}
+                @click=${r(()=>this.deleteChat(e._id))}
+              >
+                ${y.trash()}
+              </button>`:s.nothing}
+      </span>
+    </div>`}renderHeader(){const e=this.msg,t=!!this.activeId,i=(this.embed==="inline"||this.embed==="launcher")&&!this.mobile,a=this.embed==="launcher"?()=>this.close():this.expanded?()=>this.collapse():null;let r=s.nothing;return this.showTitle&&(r=this.editingTitle?s.html`<input
+            class="title-input"
+            maxlength="80"
+            .value=${this.chatTitle}
+            aria-label=${e.renameChat}
+            @keydown=${n=>{n.key==="Enter"&&this.commitTitle(n.target.value),n.key==="Escape"&&(n.stopPropagation(),this.editingTitle=!1)}}
+            @blur=${n=>this.commitTitle(n.target.value)}
+          />`:s.html`<button
+            type="button"
+            class="title"
+            part="title"
+            ?disabled=${!t||!this.allowRename}
+            title=${t&&this.allowRename?e.renameChat:""}
+            @click=${()=>{this.editingTitle=!0,this.focusNext="input.title-input"}}
+          >
+            ${this.chatTitle||e.untitled}
+          </button>`),s.html`<header class="header" part="header">
+      <div class="header-left">
+        ${this.sidebar==="none"||this.sidebarOpen&&this.docked?s.nothing:s.html`<button
+                type="button"
+                class="icon"
+                title=${e.showChats}
+                aria-label=${e.showChats}
+                @click=${()=>this.sidebarOpen=!0}
+              >
+                ${y.sidebar()}
+              </button>`}
+        ${r}
+      </div>
+      <div class="header-right">
+        ${this.sidebar==="none"&&this.showNewChat?s.html`<button
+                type="button"
+                class="icon"
+                ?disabled=${!this.msgs.length&&!t}
+                title=${e.newChat}
+                aria-label=${e.newChat}
+                @click=${()=>this.newChat()}
+              >
+                ${y.plus()}
+              </button>`:s.nothing}
+        ${this.allowBookmark?s.html`<button
+                type="button"
+                class="icon ${this.bookmarked?"on":""}"
+                ?disabled=${!t}
+                title=${this.bookmarked?e.unbookmarkChat:e.bookmarkChat}
+                aria-label=${this.bookmarked?e.unbookmarkChat:e.bookmarkChat}
+                @click=${()=>this.activeId&&this.toggleChatBookmark(this.activeId)}
+              >
+                ${y.bookmark(this.bookmarked)}
+              </button>`:s.nothing}
+        ${this.allowExport?s.html`<div class="menu-wrap">
+                <button
+                  type="button"
+                  class="icon ${this.menuOpen?"on":""}"
+                  ?disabled=${!this.msgs.length}
+                  title=${e.exportChat}
+                  aria-label=${e.exportChat}
+                  aria-haspopup="menu"
+                  aria-expanded=${this.menuOpen?"true":"false"}
+                  @click=${()=>this.menuOpen=!this.menuOpen}
+                >
+                  ${y.download()}
+                </button>
+                ${this.menuOpen?this.renderExportMenu():s.nothing}
+              </div>`:s.nothing}
+        ${this.allowDelete?s.html`<button
+                type="button"
+                class="icon danger"
+                ?disabled=${!t}
+                title=${e.deleteChat}
+                aria-label=${e.deleteChat}
+                @click=${()=>this.activeId&&this.deleteChat(this.activeId)}
+              >
+                ${y.trash()}
+              </button>`:s.nothing}
+        ${i||a?s.html`<span class="divider"></span> ${i?s.html`<button
+                        type="button"
+                        class="icon"
+                        title=${this.expanded?e.restore:e.expand}
+                        aria-label=${this.expanded?e.restore:e.expand}
+                        @click=${()=>this.expanded?this.collapse():this.expand()}
+                      >
+                        ${this.expanded?y.restore():y.expand()}
+                      </button>`:s.nothing}
+                ${a?s.html`<button
+                        type="button"
+                        class="icon"
+                        title=${e.minimize}
+                        aria-label=${e.minimize}
+                        @click=${a}
+                      >
+                        ${y.minimize()}
+                      </button>`:s.nothing}`:s.nothing}
+      </div>
+    </header>`}renderExportMenu(){const e=this.msg,t=[[e.exportMarkdown,".md","md"],[e.exportJson,".json","json"],[e.exportText,".txt","txt"],[e.exportCopy,"","copy"]];return s.html`<div class="menu-scrim" @click=${()=>this.menuOpen=!1}></div>
+      <div class="menu" role="menu">
+        <span class="label">${e.exportHeading}</span>
+        ${t.map(([i,a,r])=>s.html`<button
+              type="button"
+              role="menuitem"
+              class="menu-item"
+              @click=${()=>this.exportChat(r)}
+            >
+              <span>${i}</span><span class="ext">${a}</span>
+            </button>`)}
+      </div>`}promptList(){const e=this.prompts;return Array.isArray(e)?e.map(t=>typeof t=="string"?{text:t}:t).filter(t=>t==null?void 0:t.text).slice(0,4):typeof e=="string"&&e.trim().toLowerCase()==="none"?[]:typeof e=="string"&&e.trim()?e.split("|").map(t=>t.trim()).filter(Boolean).slice(0,4).map(t=>({text:t})):(zt[this.mode]??zt.chat).map(([t,i])=>({label:t,text:i}))}renderWelcome(){const e=this.msg,t=this.mode==="rag"?"Rag":"Chat",i=n=>e[`${n}${t}`],a=this.eyebrow??i("eyebrow"),r=this.promptList();return s.html`<div class="welcome-slot">
+      <slot name="welcome"
+        ><div class="welcome" part="welcome">
+          <div class="welcome-head">
+            ${this.logoUrl&&Ct(this.logoUrl,!0)?s.html`<img class="welcome-logo" src=${this.logoUrl} alt="" />`:s.nothing}
+            ${a?s.html`<span class="label">${a}</span>`:s.nothing}
+            <h2>${this.heading||i("heading")}</h2>
+            <p>${this.description||i("description")}</p>
+          </div>
+          ${r.length?s.html`<div class="prompts">
+                  ${r.map(n=>s.html`<button
+                        type="button"
+                        class="prompt"
+                        part="prompt"
+                        @click=${()=>this.send(n.text)}
+                      >
+                        <span class="label">${n.label||"Suggested"}</span>
+                        <span class="prompt-text">${n.text}</span>
+                      </button>`)}
+                </div>`:s.nothing}
+        </div></slot
+      >
+    </div>`}renderThread(){const e=this.msgs.map(t=>t.role).lastIndexOf("assistant");return s.html`<div class="thread-view">
+      ${this.threadError?s.html`<div class="error-card" role="alert">
+              <span>${this.threadError}</span>
+              ${this.activeId?s.html`<button
+                      type="button"
+                      class="btn"
+                      @click=${()=>this.openChat(this.activeId)}
+                    >
+                      ${this.msg.retry}
+                    </button>`:s.nothing}
+            </div>`:s.nothing}
+      ${this.loadingThread?s.html`${[1,2].map(()=>s.html`<div class="skeleton" style="height:48px"></div>`)}`:s.nothing}
+      ${Jt.repeat(this.msgs,t=>t.key,(t,i)=>t.role==="user"?this.renderUser(t):this.renderBot(t,i===e))}
+    </div>`}renderUser(e){const t=this.msg,i=e.at?new Date(e.at).toLocaleTimeString([],{hour:"numeric",minute:"2-digit"}):"",a=e.attachments??[];return s.html`<div class="msg user" part="message user">
+      ${a.length?s.html`<div class="attachments">
+              ${a.map(r=>s.html`<span class="doc-chip"><span class="ext">${Lt(r.name)}</span><span class="name">${r.name}</span></span>`)}
+            </div>`:s.nothing}
+      ${this.editingKey===e.key?s.html`<div class="edit-box">
+              <textarea
+                rows="3"
+                class="edit-input"
+                .value=${this.editDraft}
+                @input=${r=>this.editDraft=r.target.value}
+                @keydown=${r=>{r.key==="Escape"&&(r.stopPropagation(),this.editingKey="")}}
+              ></textarea>
+              <div class="row-end">
+                <button type="button" class="btn" @click=${()=>this.editingKey=""}>
+                  ${t.cancel}
+                </button>
+                <button type="button" class="btn primary" @click=${()=>this.saveEdit(e)}>
+                  ${t.saveResend}
+                </button>
+              </div>
+            </div>`:s.html`<div class="bubble-user">${e.content}</div>
+              <div class="toolbar">
+                ${this.allowBookmark&&e.bookmarked?s.html`<span class="saved">${y.bookmark(!0)}${t.saved}</span>`:s.nothing}
+                ${this.showTime?s.html`<span class="time">${i}</span>`:s.nothing}
+                ${this.busy?s.nothing:s.html`<button
+                        type="button"
+                        class="icon"
+                        title=${t.edit}
+                        aria-label=${t.edit}
+                        @click=${()=>{this.editingKey=e.key,this.editDraft=e.content,this.focusNext="textarea.edit-input"}}
+                      >
+                        ${y.pencil()}
+                      </button>`}
+                ${this.allowCopy?s.html`<button
+                        type="button"
+                        class="icon"
+                        title=${this.copiedKey===e.key?t.copied:t.copy}
+                        aria-label=${t.copy}
+                        @click=${()=>this.copy(e.key,e.content)}
+                      >
+                        ${y.copy()}
+                      </button>`:s.nothing}
+                ${this.allowBookmark&&e.id?s.html`<button
+                        type="button"
+                        class="icon ${e.bookmarked?"on":""}"
+                        title=${e.bookmarked?t.unbookmarkMessage:t.bookmarkMessage}
+                        aria-label=${e.bookmarked?t.unbookmarkMessage:t.bookmarkMessage}
+                        @click=${()=>this.toggleMessageBookmark(e)}
+                      >
+                        ${y.bookmark(e.bookmarked)}
+                      </button>`:s.nothing}
+                ${this.allowDelete?s.html`<button
+                        type="button"
+                        class="icon danger"
+                        title=${t.deleteMessage}
+                        aria-label=${t.deleteMessage}
+                        @click=${()=>this.deleteMessage(e)}
+                      >
+                        ${y.trash()}
+                      </button>`:s.nothing}
+              </div>`}
+    </div>`}pillLabel(){return this.mode==="rag"?this.msg.searching:this.msg.thinking}renderBot(e,t){const i=this.msg,a=e.phase==="pending",r=e.phase==="done",n=e.sources.length,d=ut(e.content),c=e.sources.map((v,M)=>L(v,M+1)),b=d.size?c.filter(v=>d.has(v.n)):c,f=e.at?new Date(e.at).toLocaleTimeString([],{hour:"numeric",minute:"2-digit"}):"",k=e.content+(b.length?`
+
+Sources:
+${b.map(v=>`[${v.n}] ${v.title}`).join(`
+`)}`:""),C=this.retrievalOpen.has(e.key);return s.html`<div class="msg bot" part="message assistant">
+      ${a?s.html`<div class="halo"></div>`:s.nothing}
+      ${this.arrivedKey===e.key?s.html`<div class="arrived">
+              <div class="wash"></div>
+              <div class="ring"></div>
+              <div class="sweep"></div>
+            </div>`:s.nothing}
+      <div class="bot-body">
+        ${this.allowBookmark&&e.bookmarked?s.html`<span class="saved">${y.bookmark(!0)}${i.saved}</span>`:s.nothing}
+        ${a?s.html`<div class="pill" role="status">
+                <span class="ring"></span><span class="dot"></span>
+                <span class="shimmer">${this.pillLabel()}</span>
+              </div>`:s.nothing}
+        ${this.showSources&&n&&!a?s.html`<div class="retrieval">
+                <button
+                  type="button"
+                  class="retrieval-toggle"
+                  aria-expanded=${C?"true":"false"}
+                  @click=${()=>{const v=new Set(this.retrievalOpen);v.has(e.key)?v.delete(e.key):v.add(e.key),this.retrievalOpen=v}}
+                >
+                  <span class="chev">${C?"▾":"▸"}</span>
+                  <span style="flex:1">${T.fill(i.searchedSources,{n})}</span>
+                  ${e.execTime!==void 0?s.html`<span class="ms">${e.execTime.toFixed(1)}s</span>`:s.nothing}
+                </button>
+                ${C?s.html`<div class="retrieval-list">
+                        ${c.map(v=>s.html`<button
+                              type="button"
+                              class="passage"
+                              @click=${()=>this.panel={key:e.key,n:v.n}}
+                            >
+                              <span class="n">${v.n}</span>
+                              <span class="what"
+                                ><span>${v.title}</span><span>${v.collection||v.path}</span></span
+                              >
+                              ${v.score!==null?s.html`<span class="relevance"
+                                      ><span class="score">${v.score.toFixed(2)}</span>
+                                      <span class="relevance-track"
+                                        ><span
+                                          class="relevance-fill"
+                                          style="width:${Math.round(v.score*100)}%"
+                                        ></span></span
+                                    ></span>`:s.html`<span></span>`}
+                            </button>`)}
+                      </div>`:s.nothing}
+              </div>`:s.nothing}
+        ${a?s.nothing:this.renderAnswer(e)}
+        ${e.phase==="streaming"?s.html`<span class="caret"></span>`:s.nothing}
+        ${e.phase==="error"?s.html`<div class="error-card" role="alert">
+                <span>${e.error}</span>
+                <button type="button" class="btn" @click=${()=>this.retry(e)}>
+                  ${i.retry}
+                </button>
+              </div>`:s.nothing}
+        ${this.showSources&&r&&b.length?s.html`<div class="cards">
+                <span class="label">${d.size?i.sourcesCited:i.sourcesRetrieved}</span>
+                <div class="card-grid">
+                  ${b.map(v=>{var M;return s.html`<button
+                        type="button"
+                        class="source-card ${((M=this.panel)==null?void 0:M.key)===e.key&&this.panel.n===v.n?"active":""}"
+                        @click=${()=>this.panel={key:e.key,n:v.n}}
+                      >
+                        <span class="top"
+                          ><span class="num">${v.n}</span
+                          >${v.collection?s.html`<span class="label">${v.collection}</span>`:s.nothing}</span
+                        >
+                        <span class="t">${v.title}</span>
+                        <span class="s">${v.text}</span>
+                      </button>`})}
+                </div>
+              </div>`:s.nothing}
+        ${r?s.html`<div class="toolbar ${t?"pinned":""}">
+                ${this.allowCopy?s.html`<button
+                        type="button"
+                        class="icon"
+                        title=${this.copiedKey===e.key?i.copied:i.copy}
+                        aria-label=${i.copy}
+                        @click=${()=>this.copy(e.key,k)}
+                      >
+                        ${y.copy()}
+                      </button>`:s.nothing}
+                ${this.allowRaw&&this.formatLevel!=="raw"&&e.content?s.html`<button
+                        type="button"
+                        class="icon ${this.rawKeys.has(e.key)?"on":""}"
+                        title=${this.rawKeys.has(e.key)?i.showFormatted:i.showRaw}
+                        aria-label=${i.showRaw}
+                        aria-pressed=${this.rawKeys.has(e.key)?"true":"false"}
+                        @click=${()=>this.toggleRaw(e.key)}
+                      >
+                        ${y.raw()}
+                      </button>`:s.nothing}
+                ${this.allowRegenerate&&t&&!this.busy?s.html`<button
+                        type="button"
+                        class="icon"
+                        title=${i.regenerate}
+                        aria-label=${i.regenerate}
+                        @click=${()=>this.regenerate()}
+                      >
+                        ${y.refresh()}
+                      </button>`:s.nothing}
+                ${this.allowBookmark&&e.id?s.html`<button
+                        type="button"
+                        class="icon ${e.bookmarked?"on":""}"
+                        title=${e.bookmarked?i.unbookmarkMessage:i.bookmarkMessage}
+                        aria-label=${e.bookmarked?i.unbookmarkMessage:i.bookmarkMessage}
+                        @click=${()=>this.toggleMessageBookmark(e)}
+                      >
+                        ${y.bookmark(e.bookmarked)}
+                      </button>`:s.nothing}
+                ${this.allowDelete?s.html`<button
+                        type="button"
+                        class="icon danger"
+                        title=${i.deleteMessage}
+                        aria-label=${i.deleteMessage}
+                        @click=${()=>this.deleteMessage(e)}
+                      >
+                        ${y.trash()}
+                      </button>`:s.nothing}
+                ${this.showTime?s.html`<span class="time">${f}</span>`:s.nothing}
+                ${e.stopped?s.html`<span class="note">${i.stopped}</span>`:s.nothing}
+                <span class="spacer"></span>
+                ${this.allowFeedback?e.feedback?s.html`<span class="note"
+                          >${e.feedback==="up"?i.markedHelpful:i.thanksFeedback}</span
+                        >`:s.html`<button
+                            type="button"
+                            class="icon"
+                            title=${i.helpful}
+                            aria-label=${i.helpful}
+                            @click=${()=>this.feedback(e,"up")}
+                          >
+                            ${y.thumb()}
+                          </button>
+                          <button
+                            type="button"
+                            class="icon"
+                            title=${i.notHelpful}
+                            aria-label=${i.notHelpful}
+                            @click=${()=>this.feedback(e,"down")}
+                          >
+                            ${y.thumb(!0)}
+                          </button>`:s.nothing}
+              </div>`:s.nothing}
+        ${this.showFollowups&&r&&t&&!this.busy&&e.followups.length?s.html`<div class="followups">
+                ${e.followups.map(v=>s.html`<button type="button" class="followup" @click=${()=>this.send(v)}>
+                      <span class="arrow">↳</span><span>${v}</span>
+                    </button>`)}
+              </div>`:s.nothing}
+      </div>
+    </div>`}renderAnswer(e){if(e.phase==="error"&&!e.content)return s.nothing;if(e.phase==="done"&&!e.content)return e.stopped?s.nothing:s.html`<div class="answer"><p class="note">${this.msg.emptyReply}</p></div>`;const t=this.formatLevel;if(t==="raw"||this.allowRaw&&this.rawKeys.has(e.key))return s.html`<div class="answer" part="answer"><p class="raw">${e.content}</p></div>`;const i=e.phase==="streaming"?Dt(e.content):e.content;let a=Ft(Rt(i),t);if(this.afterParse)try{const n=this.afterParse(a,{message:e,format:t});Array.isArray(n)?a=n:console.warn("[singlebase-chat] afterParse must return an array of blocks; showing the original.")}catch(n){console.warn("[singlebase-chat] afterParse failed; showing the original.",n)}const r=e.sources.length;return s.html`<div class="answer" part="answer">
+      ${a.map((n,d)=>this.renderBlock(n,e,r,d))}
+    </div>`}renderInline(e,t,i){return Bt(e,i).map(a=>{var r;switch(a.type){case"bold":return s.html`<strong>${a.text}</strong>`;case"italic":return s.html`<em>${a.text}</em>`;case"strike":return s.html`<s>${a.text}</s>`;case"code":return s.html`<code class="inline">${a.text}</code>`;case"link":return s.html`<a href=${a.href} target="_blank" rel="noopener noreferrer nofollow"
+            >${a.text}</a
+          >`;case"cite":{const n=((r=this.panel)==null?void 0:r.key)===t.key&&this.panel.n===a.n?"cite active":"cite",d=T.fill(this.msg.openSource,{n:a.n}),c=()=>this.panel={key:t.key,n:a.n};return s.html`<button type="button" class=${n} aria-label=${d} @click=${c}>${a.n}</button>`}default:return a.text}})}renderBlock(e,t,i,a){switch(e.type){case"p":return s.html`<p>${this.renderInline(e.text,t,i)}</p>`;case"raw":return s.html`<p class="raw">${e.text}</p>`;case"h":return s.html`<h3 class="h${e.level}">${this.renderInline(e.text,t,i)}</h3>`;case"hr":return s.html`<hr />`;case"list":return this.renderList(e.ordered,e.items,t,i);case"quote":return s.html`<div class="quote">${this.renderInline(e.text,t,i)}</div>`;case"callout":return s.html`<div class="callout ${e.kind}" role="note" part="callout">
+          <strong class="callout-title"
+            >${e.title||this.msg[xi[e.kind]]}</strong
+          >
+          ${e.text.split(`
+`).filter(r=>r.trim()).map(r=>s.html`<p>${this.renderInline(r,t,i)}</p>`)}
+        </div>`;case"code":return this.renderCustom(e.lang,e.text,t)??this.renderCode(e.lang,e.text,`${t.key}:${a}`);case"table":return this.renderTable(e.head,e.rows,e.align,t,i,`${t.key}:${a}`);case"json":return this.renderJsonBlock(e.value,e.source,`${t.key}:${a}`);case"svg":{const r=Ut(e.source);if(!r)return this.renderCode("svg",e.source,`${t.key}:${a}`);const n=`${t.key}:${a}`;return s.html`<figure class="svg" part="svg">
+          <img src=${r} alt="Drawing" />
+          <figcaption>
+            <button type="button" class="text-btn" @click=${()=>this.copy(n,e.source)}>
+              ${this.copiedKey===n?this.msg.copied:this.msg.copySvg}
+            </button>
+          </figcaption>
+        </figure>`}case"pending":return s.html`<div class="chart-pending">
+          <span class="label"
+            >${e.kind==="svg"?this.msg.renderingSvg:this.msg.renderingChart}</span
+          >
+        </div>`;case"chart":return this.renderChart(e.spec);case"img":return s.html`<div class="gallery ${e.images.length>1?"many":""}">
+          ${e.images.map(r=>s.html`<figure>
+                ${r.src&&Ct(r.src,!0)?s.html`<img
+                        src=${r.src}
+                        alt=${r.alt}
+                        loading="lazy"
+                        referrerpolicy="no-referrer"
+                      />`:s.html`<div class="img-missing"><span class="label">Image</span></div>`}
+                ${r.alt?s.html`<figcaption>${r.alt}</figcaption>`:s.nothing}
+              </figure>`)}
+        </div>`;default:return s.nothing}}renderList(e,t,i,a){const r=t.map(n=>s.html`<li
+          class=${n.checked===null?"":"task"}
+          style=${n.depth?`margin-left:${n.depth*20}px`:""}
+        >
+          ${n.checked===null?s.nothing:s.html`<input type="checkbox" disabled .checked=${n.checked} aria-hidden="true" />`}
+          ${this.renderInline(n.text,i,a)}
+        </li>`);return e?s.html`<ol>
+          ${r}
+        </ol>`:s.html`<ul>
+          ${r}
+        </ul>`}renderCode(e,t,i){return s.html`<div class="code">
+      <div class="code-head">
+        <span class="label">${e}</span>
+        <button type="button" class="text-btn" @click=${()=>this.copy(i,t)}>
+          ${this.copiedKey===i?this.msg.copied:this.msg.copy}
+        </button>
+      </div>
+      <pre><code>${t}</code></pre>
+    </div>`}renderCustom(e,t,i){var r;const a=this.formatLevel==="rich"?(r=this.renderers)==null?void 0:r[e]:void 0;if(typeof a!="function"||i.phase==="streaming")return null;try{const n=a(t,{lang:e,message:i});return n==null?null:s.html`<div class="custom-block">${n}</div>`}catch(n){return console.warn(`[singlebase-chat] the "${e}" renderer failed; showing the source`,n),null}}renderTable(e,t,i,a,r,n){const d=x=>/^[-+]?[$€£¥]?\s?[\d,.]+\s?%?$/.test(x.trim())&&/\d/.test(x),c=x=>Number(x.replace(/[^\d.+-]/g,"")),b=e.map((x,$)=>{if(i[$])return i[$];const w=t.map(z=>z[$]??"").filter(Boolean);return w.length&&w.filter(d).length/w.length>=.8?"right":null}),f=this.sorts.get(n);let k=t;f&&(k=[...t].sort((x,$)=>{const w=x[f.col]??"",z=$[f.col]??"";return(d(w)&&d(z)?c(w)-c(z):w.localeCompare(z,void 0,{numeric:!0}))*f.dir}));const C=k.length;k=k.slice(0,fi);const v=x=>{const $=new Map(this.sorts),w=$.get(n);(w==null?void 0:w.col)===x&&w.dir===-1?$.delete(n):$.set(n,{col:x,dir:(w==null?void 0:w.col)===x?-1:1}),this.sorts=$},M=x=>b[x]?`text-align:${b[x]}`:"";return s.html`<div class="table" part="table">
+      <table>
+        <thead>
+          <tr>
+            ${e.map((x,$)=>{const w=(f==null?void 0:f.col)===$?f.dir===1?"ascending":"descending":"none";return s.html`<th style=${M($)} aria-sort=${w}>
+                ${t.length>1?s.html`<button type="button" class="sort" @click=${()=>v($)}>
+                        ${this.renderInline(x,a,r)}<span class="arrow"
+                          >${w==="ascending"?"↑":w==="descending"?"↓":"↕"}</span
+                        >
+                      </button>`:this.renderInline(x,a,r)}
+              </th>`})}
+          </tr>
+        </thead>
+        <tbody>
+          ${k.map(x=>s.html`<tr>
+                ${e.map(($,w)=>s.html`<td style=${M(w)}>
+                      ${this.renderInline(x[w]??"",a,r)}
+                    </td>`)}
+              </tr>`)}
+        </tbody>
+      </table>
+      ${C>k.length?s.html`<div class="table-note">
+              ${T.fill(this.msg.showingRows,{n:k.length,total:C})}
+            </div>`:s.nothing}
+    </div>`}renderJsonBlock(e,t,i){let a=0;const r=d=>{a++,a<=It&&d&&typeof d=="object"&&Object.values(d).forEach(r)};if(r(e),a>It)return this.renderCode("json",t,i);const n=(d,c,b)=>{const f=b===void 0?s.nothing:s.html`<span class="jkey">${b}</span>: `;if(d&&typeof d=="object"){const C=Object.entries(d),v=Array.isArray(d)?`[${C.length}]`:`{${C.length}}`;return s.html`<details class="jnode" ?open=${c<2}>
+          <summary>${f}<span class="jmeta">${v}</span></summary>
+          <div class="jkids">${C.map(([M,x])=>n(x,c+1,M))}</div>
+        </details>`}const k=d===null?"null":typeof d;return s.html`<div class="jleaf">
+        ${f}<span class="jv ${k}">${JSON.stringify(d)}</span>
+      </div>`};return s.html`<div class="code json" part="json">
+      <div class="code-head">
+        <span class="label">json</span>
+        <button type="button" class="text-btn" @click=${()=>this.copy(i,t)}>
+          ${this.copiedKey===i?this.msg.copied:this.msg.copy}
+        </button>
+      </div>
+      <div class="jtree">${n(e,0)}</div>
+    </div>`}renderChart(e){const t=e.series.length>1?s.html`<span class="legend">
+            ${e.series.map((n,d)=>s.html`<span
+                  ><span
+                    class="swatch"
+                    style="background:${_[d%_.length]}"
+                  ></span
+                  >${n.name}</span
+                >`)}
+          </span>`:s.nothing,i=s.html`<div class="chart-head">
+      <span class="chart-title">${e.title}</span>${t}
+    </div>`;if(e.type==="line"){const n=Math.max(0,...e.series.flatMap(f=>f.values)),d=Math.pow(10,Math.floor(Math.log10(n||1))),c=Math.ceil(n/d*2)/2*d||1,b=Math.max(e.labels.length,...e.series.map(f=>f.values.length));return s.html`<figure class="chart" part="chart" aria-label=${e.title}>
+        ${i}
+        <div class="line-chart">
+          <div class="plot">
+            ${[1,.5,0].map(f=>s.html`<div class="tick ${f===0?"base":""}" style="top:${(1-f)*100}%">
+                  <span>${ht(Math.round(c*f),e.unit)}</span>
+                </div>`)}
+            <svg
+              viewBox="0 0 600 170"
+              preserveAspectRatio="none"
+              role="img"
+              aria-label=${e.title}
+            >
+              ${e.series.map((f,k)=>s.svg`<polyline pathLength="1" stroke=${_[k%_.length]}
+                  points=${f.values.map((C,v)=>`${(b>1?v/(b-1)*600:300).toFixed(1)},${(170-C/c*170).toFixed(1)}`).join(" ")}><title>${f.name}: ${f.values.map(C=>ht(C,e.unit)).join(", ")}</title></polyline>`)}
+            </svg>
+          </div>
+          <div class="x-labels">${e.labels.map(f=>s.html`<span>${f}</span>`)}</div>
+        </div>
+      </figure>`}const a=e.labels.map((n,d)=>e.series.reduce((c,b)=>c+(b.values[d]||0),0)),r=Math.max(0,...a)||1;return s.html`<figure class="chart" part="chart" aria-label=${e.title}>
+      ${i}
+      <div class="bars">
+        ${e.labels.map((n,d)=>s.html`<div class="bar-row" title="${n}: ${ht(a[d],e.unit)}">
+              <span class="bar-label">${n}</span>
+              <span class="bar-track"
+                ><span class="bar-fill" style="width:${Math.max(0,a[d])/r*100}%">
+                  ${e.series.map((c,b)=>s.html`<span
+                        style="flex:${Math.max(0,c.values[d]||0)};background:${e.series.length>1?_[b%_.length]:"var(--c-ink)"}"
+                      ></span>`)}
+                </span></span
+              >
+              <span class="bar-value">${ht(a[d],e.unit)}</span>
+            </div>`)}
+      </div>
+    </figure>`}renderPanel(){if(!this.panel)return s.nothing;const e=this.msgs.find(f=>f.key===this.panel.key),t=e==null?void 0:e.sources[this.panel.n-1];if(!e||!t)return s.nothing;const i=this.msg,a=L(t,this.panel.n),r=ut(e.content),n=e.sources.map((f,k)=>L(f,k+1)).filter(f=>f.n!==a.n&&(!r.size||r.has(f.n))),d=`ref:${e.key}:${a.n}`,c=`"${a.text}"
+— ${a.title} [${a.n}]${a.path?`
+${a.path}`:""}${a.updated?` · Updated ${a.updated}`:""}`,b=[a.updated?`Updated ${a.updated}`:"",a.score!==null?`Relevance ${a.score.toFixed(2)}`:""].filter(Boolean).join(" · ");return s.html`<aside
+      class="panel ${this.panelDocked?"docked":"overlay"}"
+      part="panel"
+      role="region"
+      aria-label=${T.fill(i.sourceLabel,{n:a.n})}
+    >
+      <div class="panel-head">
+        <span class="label"
+          >${T.fill(i.sourceLabel,{n:a.n})}${a.collection?` · ${a.collection}`:""}</span
+        >
+        <button type="button" class="text-btn underline" @click=${()=>this.panel=null}>
+          ${i.close}
+        </button>
+      </div>
+      <div class="panel-body">
+        <div class="panel-meta">
+          <h3>${a.title}</h3>
+          ${a.path?s.html`<span class="path">${a.path}</span>`:s.nothing}
+          ${b?s.html`<span class="meta">${b}</span>`:s.nothing}
+        </div>
+        <div class="passage-box">
+          <span class="text">${a.text}</span>
+          <div class="passage-foot">
+            <span class="label">${i.citedPassage}</span>
+            <button
+              type="button"
+              class="copy-ref"
+              title=${i.copyReference}
+              aria-label=${i.copyReference}
+              @click=${()=>this.copy(d,c)}
+            >
+              ${y.copy()}<span>${this.copiedKey===d?i.copied:i.copy}</span>
+            </button>
+          </div>
+        </div>
+      </div>
+      ${n.length?s.html`<div class="panel-foot">
+              <span class="label">${i.alsoCited}</span>
+              <div class="chips">
+                ${n.map(f=>s.html`<button
+                      type="button"
+                      class="chip"
+                      @click=${()=>this.panel={key:e.key,n:f.n}}
+                    >
+                      ${f.n} · ${f.title}
+                    </button>`)}
+              </div>
+            </div>`:s.nothing}
+    </aside>`}renderComposer(){const e=this.msg,t=this.mode==="rag"?e.placeholderRag:T.fill(e.placeholderChat,{name:this.assistantName}),i=!this.draft.trim(),a=this.footnote===""?s.nothing:s.html`<span class="footnote" part="footnote"
+            >${this.footnote??T.fill(e.footnote,{name:this.assistantName})}</span
+          >`;return this.showComposer?s.html`<div class="composer-wrap">
+      <div class="composer-col">
+        <input
+          type="file"
+          multiple
+          hidden
+          accept=".md,.markdown,.txt,.csv,.tsv,.json,.html,.htm,.yaml,.yml,.xml,.log,text/*"
+          @change=${r=>{const n=r.target;this.addFiles(n.files).then(()=>n.value="")}}
+        />
+        <div class="composer-box">
+          ${this.busy?s.html`<div class="composer-glow"></div>`:s.nothing}
+          <div class="composer ${this.busy?"busy":""}" part="composer">
+            ${this.files.length?s.html`<div class="pending-files">
+                    ${this.files.map(r=>s.html`<div class="pending-file">
+                          <span class="ext">${Lt(r.name)}</span>
+                          <span class="meta"
+                            ><span class="name">${r.name}</span
+                            ><span class="size">${T.formatSize(r.size)}</span></span
+                          >
+                          <button
+                            type="button"
+                            aria-label=${e.removeFile}
+                            title=${e.removeFile}
+                            @click=${()=>this.files=this.files.filter(n=>n!==r)}
+                          >
+                            ×
+                          </button>
+                        </div>`)}
+                  </div>`:s.nothing}
+            <textarea
+              class="input"
+              rows="1"
+              placeholder=${t}
+              aria-label=${t}
+              .value=${this.draft}
+              @input=${this.onComposerInput}
+              @keydown=${this.onComposerKey}
+            ></textarea>
+            <div class="composer-row">
+              <div>
+                ${this.allowUpload?s.html`<button
+                        type="button"
+                        class="attach"
+                        title=${e.attach}
+                        aria-label=${e.attach}
+                        @click=${()=>{var r;return(r=this.renderRoot.querySelector("input[type=file]"))==null?void 0:r.click()}}
+                      >
+                        ${y.clip()}
+                      </button>`:s.nothing}
+              </div>
+              ${this.busy?s.html`<button
+                      type="button"
+                      class="send stop"
+                      title=${e.stop}
+                      aria-label=${e.stop}
+                      @click=${()=>this.stop()}
+                    >
+                      ${y.stop()}
+                    </button>`:s.html`<button
+                      type="button"
+                      class="send"
+                      title=${e.send}
+                      aria-label=${e.send}
+                      ?disabled=${i}
+                      @click=${()=>this.send()}
+                    >
+                      ${y.up()}
+                    </button>`}
+            </div>
+          </div>
+          ${this.busy?s.html`<div class="composer-ring"><div class="ring"></div></div>`:s.nothing}
+        </div>
+        ${a}
+      </div>
+    </div>`:s.html`<div class="composer-wrap reader">
+        <div class="composer-col">${a}</div>
+      </div>`}},j=new WeakMap,N=new WeakMap,A=new WeakMap,R=new WeakMap,E=new WeakMap,B=new WeakMap,D=new WeakMap,F=new WeakMap,U=new WeakMap,P=new WeakMap,K=new WeakMap,W=new WeakMap,J=new WeakMap,H=new WeakMap,q=new WeakMap,G=new WeakMap,V=new WeakMap,X=new WeakMap,Y=new WeakMap,Q=new WeakMap,Z=new WeakMap,ee=new WeakMap,te=new WeakMap,ie=new WeakMap,se=new WeakMap,ae=new WeakMap,re=new WeakMap,ne=new WeakMap,oe=new WeakMap,le=new WeakMap,ce=new WeakMap,de=new WeakMap,he=new WeakMap,pe=new WeakMap,ue=new WeakMap,ge=new WeakMap,me=new WeakMap,be=new WeakMap,fe=new WeakMap,xe=new WeakMap,ve=new WeakMap,ye=new WeakMap,we=new WeakMap,ke=new WeakMap,$e=new WeakMap,Ce=new WeakMap,Se=new WeakMap,Te=new WeakMap,Oe=new WeakMap,Ie=new WeakMap,Me=new WeakMap,ze=new WeakMap,_e=new WeakMap,Le=new WeakMap,je=new WeakMap,Ne=new WeakMap,Ae=new WeakMap,Re=new WeakMap,Ee=new WeakMap,Be=new WeakMap,De=new WeakMap,Fe=new WeakMap,Ue=new WeakMap,Pe=new WeakMap,Ke=new WeakMap,We=new WeakMap,Je=new WeakMap,He=new WeakMap,qe=new WeakMap,Ge=new WeakMap,Ve=new WeakMap,Xe=new WeakMap,Ye=new WeakMap,Qe=new WeakMap,Ze=new WeakMap,et=new WeakMap,tt=new WeakMap,it=new WeakMap,st=new WeakMap,at=new WeakMap,rt=new WeakMap,nt=new WeakMap,ot=new WeakMap,lt=new WeakMap,ct=new WeakMap,dt=new WeakMap,jt);di(exports.SinglebaseChat,"styles",[T.tokenDefaults,T.brandingStyles,qt]);m([g.property({attribute:!1})],exports.SinglebaseChat.prototype,"client",1);m([g.property({attribute:!1})],exports.SinglebaseChat.prototype,"messages",1);m([g.property({reflect:!0})],exports.SinglebaseChat.prototype,"theme",1);m([g.property({reflect:!0})],exports.SinglebaseChat.prototype,"radius",1);m([g.property({reflect:!0})],exports.SinglebaseChat.prototype,"mode",1);m([g.property({reflect:!0})],exports.SinglebaseChat.prototype,"format",1);m([g.property({attribute:!1})],exports.SinglebaseChat.prototype,"renderers",1);m([g.property({attribute:!1})],exports.SinglebaseChat.prototype,"beforeSend",1);m([g.property({attribute:!1})],exports.SinglebaseChat.prototype,"afterParse",1);m([g.property({reflect:!0})],exports.SinglebaseChat.prototype,"glow",1);m([g.property({converter:S})],exports.SinglebaseChat.prototype,"followups",1);m([g.property({converter:S,attribute:"show-sources"})],exports.SinglebaseChat.prototype,"showSources",1);m([g.property({converter:S,attribute:"show-new-chat"})],exports.SinglebaseChat.prototype,"showNewChat",1);m([g.property({converter:S,attribute:"show-bookmarked"})],exports.SinglebaseChat.prototype,"showBookmarked",1);m([g.property({converter:S,attribute:"show-followups"})],exports.SinglebaseChat.prototype,"showFollowups",1);m([g.property({converter:S,attribute:"allow-search"})],exports.SinglebaseChat.prototype,"allowSearch",1);m([g.property({converter:S,attribute:"auto-title"})],exports.SinglebaseChat.prototype,"autoTitle",1);m([g.property()],exports.SinglebaseChat.prototype,"model",1);m([g.property({converter:mt})],exports.SinglebaseChat.prototype,"params",1);m([g.property({attribute:"system-message"})],exports.SinglebaseChat.prototype,"systemMessage",1);m([g.property({converter:mt})],exports.SinglebaseChat.prototype,"retrieval",1);m([g.property({converter:mt})],exports.SinglebaseChat.prototype,"metadata",1);m([g.property({reflect:!0})],exports.SinglebaseChat.prototype,"embed",1);m([g.property({reflect:!0})],exports.SinglebaseChat.prototype,"position",1);m([g.property({converter:hi})],exports.SinglebaseChat.prototype,"sidebar",1);m([g.property({converter:S,attribute:"show-title"})],exports.SinglebaseChat.prototype,"showTitle",1);m([g.property({attribute:"chat-id"})],exports.SinglebaseChat.prototype,"chatIdAttr",1);m([g.property({attribute:"assistant-name"})],exports.SinglebaseChat.prototype,"assistantName",1);m([g.property({attribute:"logo-url"})],exports.SinglebaseChat.prototype,"logoUrl",1);m([g.property()],exports.SinglebaseChat.prototype,"heading",1);m([g.property()],exports.SinglebaseChat.prototype,"description",1);m([g.property()],exports.SinglebaseChat.prototype,"eyebrow",1);m([g.property()],exports.SinglebaseChat.prototype,"prompts",1);m([g.property({attribute:"bubble-text"})],exports.SinglebaseChat.prototype,"bubbleText",1);m([g.property({type:Boolean,attribute:"greeting-bubble"})],exports.SinglebaseChat.prototype,"greetingBubble",1);m([g.property({type:Boolean,attribute:"unread-badge"})],exports.SinglebaseChat.prototype,"unreadBadge",1);m([g.property({converter:S,attribute:"allow-upload"})],exports.SinglebaseChat.prototype,"allowUpload",1);m([g.property({converter:S,attribute:"allow-export"})],exports.SinglebaseChat.prototype,"allowExport",1);m([g.property({converter:S,attribute:"allow-copy"})],exports.SinglebaseChat.prototype,"allowCopy",1);m([g.property({converter:S,attribute:"allow-regenerate"})],exports.SinglebaseChat.prototype,"allowRegenerate",1);m([g.property({converter:S,attribute:"allow-bookmark"})],exports.SinglebaseChat.prototype,"allowBookmark",1);m([g.property({converter:S,attribute:"allow-delete"})],exports.SinglebaseChat.prototype,"allowDelete",1);m([g.property({converter:S,attribute:"allow-rename"})],exports.SinglebaseChat.prototype,"allowRename",1);m([g.property({converter:S,attribute:"allow-feedback"})],exports.SinglebaseChat.prototype,"allowFeedback",1);m([g.property({converter:S,attribute:"show-composer"})],exports.SinglebaseChat.prototype,"showComposer",1);m([g.property({converter:S,attribute:"show-time"})],exports.SinglebaseChat.prototype,"showTime",1);m([g.property()],exports.SinglebaseChat.prototype,"footnote",1);m([g.property({type:Boolean,attribute:"allow-raw"})],exports.SinglebaseChat.prototype,"allowRaw",1);m([g.property({converter:S})],exports.SinglebaseChat.prototype,"branding",1);m([g.property({attribute:"branding-text"})],exports.SinglebaseChat.prototype,"brandingText",1);m([g.property({attribute:"branding-url"})],exports.SinglebaseChat.prototype,"brandingUrl",1);m([g.state()],exports.SinglebaseChat.prototype,"chatList",1);m([g.state()],exports.SinglebaseChat.prototype,"listState",1);m([g.state()],exports.SinglebaseChat.prototype,"activeId",1);m([g.state()],exports.SinglebaseChat.prototype,"chatTitle",1);m([g.state()],exports.SinglebaseChat.prototype,"bookmarked",1);m([g.state()],exports.SinglebaseChat.prototype,"msgs",1);m([g.state()],exports.SinglebaseChat.prototype,"loadingThread",1);m([g.state()],exports.SinglebaseChat.prototype,"threadError",1);m([g.state()],exports.SinglebaseChat.prototype,"busy",1);m([g.state()],exports.SinglebaseChat.prototype,"draft",1);m([g.state()],exports.SinglebaseChat.prototype,"files",1);m([g.state()],exports.SinglebaseChat.prototype,"search",1);m([g.state()],exports.SinglebaseChat.prototype,"sidebarOpen",1);m([g.state()],exports.SinglebaseChat.prototype,"width",1);m([g.state()],exports.SinglebaseChat.prototype,"panel",1);m([g.state()],exports.SinglebaseChat.prototype,"menuOpen",1);m([g.state()],exports.SinglebaseChat.prototype,"editingKey",1);m([g.state()],exports.SinglebaseChat.prototype,"editDraft",1);m([g.state()],exports.SinglebaseChat.prototype,"editingTitle",1);m([g.state()],exports.SinglebaseChat.prototype,"renamingId",1);m([g.state()],exports.SinglebaseChat.prototype,"toast",1);m([g.state()],exports.SinglebaseChat.prototype,"copiedKey",1);m([g.state()],exports.SinglebaseChat.prototype,"retrievalOpen",1);m([g.state()],exports.SinglebaseChat.prototype,"rawKeys",1);m([g.state()],exports.SinglebaseChat.prototype,"hasSidebarContent",1);m([g.state()],exports.SinglebaseChat.prototype,"sorts",1);m([g.state()],exports.SinglebaseChat.prototype,"arrivedKey",1);m([g.state()],exports.SinglebaseChat.prototype,"dragging",1);m([g.state()],exports.SinglebaseChat.prototype,"showJump",1);m([g.state()],exports.SinglebaseChat.prototype,"offline",1);m([g.state()],exports.SinglebaseChat.prototype,"isOpen",1);m([g.state()],exports.SinglebaseChat.prototype,"expanded",1);m([g.state()],exports.SinglebaseChat.prototype,"bubble",1);m([g.state()],exports.SinglebaseChat.prototype,"seen",1);m([g.state()],exports.SinglebaseChat.prototype,"mobile",1);exports.SinglebaseChat=m([g.customElement("singlebase-chat")],exports.SinglebaseChat);exports.adaptBlocks=Ft;exports.citedNumbers=ut;exports.defaultChatMessages=Nt;exports.describeSource=L;exports.parseInline=Bt;exports.parseMarkdown=Rt;exports.resolveChatMessages=At;exports.settleStreaming=Dt;exports.splitFollowups=gt;exports.svgDataUrl=Ut;
+//# sourceMappingURL=chat-C-gsskho.cjs.map