@singlebase/elements 0.5.0 → 0.7.0

package/dist/chat-ezUmd9II.cjs

@@ -0,0 +1,3281 @@
+"use strict";var Jt=Object.defineProperty;var xt=l=>{throw TypeError(l)};var qt=(l,o,e)=>o in l?Jt(l,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[o]=e;var I=(l,o,e)=>qt(l,typeof o!="symbol"?o+"":o,e),yt=(l,o,e)=>o.has(l)||xt("Cannot "+e);var d=(l,o,e)=>(yt(l,o,"read from private field"),e?e.call(l):o.get(l)),p=(l,o,e)=>o.has(l)?xt("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(l):o.set(l,e),u=(l,o,e,t)=>(yt(l,o,"write to private field"),t?t.call(l,e):o.set(l,e),e);const i=require("lit"),g=require("lit/decorators.js"),Gt=require("lit/directives/repeat.js"),Vt=require("@singlebase/core"),T=require("./files-4T62wkwj.cjs");if(typeof CSS<"u"&&"registerProperty"in CSS)try{CSS.registerProperty({name:"--sb-ai-angle",syntax:"<angle>",inherits:!1,initialValue:"0deg"})}catch{}const Xt=i.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.kept {
+    background: var(--c-bg);
+    border-style: dashed;
+  }
+
+  .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;
+    }
+  }
+`,Et={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.",eyebrowKb:"Knowledge base",headingKb:"Ask the knowledge base",descriptionKb:"Answers come only from the knowledge base, with a citation for every claim.",placeholderChat:"Message {name}…",placeholderRag:"Ask about your sources…",placeholderKb:"Ask the knowledge base…",footnote:"{name} can make mistakes. Check important details.",attach:"Attach files",send:"Send message",stop:"Stop generating",removeFile:"Remove file",inThisChat:"In this chat",removeFromChat:"Remove from this chat",attachmentFailed:"Couldn't read {name}.",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.",errKbSource:"No knowledge base is set up for this chat.",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"};function Bt(l){return{...Et,...l??{}}}const Yt=/^\|.*\|$/,wt=/^\|[\s:|-]+\|$/,kt=/^!\[([^\]]*)\]\(([^)]*)\)$/,$t=/^(\s*)([-*+]|\d+[.)])\s+(.*)$/,Ct=/^\[( |x|X)\]\s+/,Qt=/^(-{3,}|\*{3,}|_{3,})$/,Zt=/^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]\s*(.*)$/i,es=["note","tip","important","warning","caution"];function Dt(l){const o=[],e=(l??"").replace(/\r/g,"").split("```");return e.forEach((t,s)=>{if(s%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(ts(r,n,s===e.length-1));return}for(const a of t.split(/\n{2,}/))a.trim()&&o.push(...Ft(a))}),o}function ts(l,o,e){const[t="",...s]=l.split(/\s+/),a=t.toLowerCase();if(a==="chart"){const r=e?null:is(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=ss(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=(s[0]??"").toLowerCase(),n=es.includes(r);return{type:"callout",kind:n?r:"note",title:(n?s.slice(1):s).join(" "),text:o.trim()}}return{type:"code",lang:a||"code",text:o}}function Ft(l){const o=l.split(`
+`).filter(s=>s.trim()),e=o.map(s=>s.trim());if(e.length>1&&e.every(s=>Yt.test(s))){const s=c=>c.replace(/^\||\|$/g,"").split("|").map(f=>f.trim()),a=e.findIndex(c=>wt.test(c)),r=a>-1?s(e[a]).map(c=>/^:-+:$/.test(c)?"center":/^-+:$/.test(c)?"right":/^:-+$/.test(c)?"left":null):[],n=e.filter(c=>!wt.test(c)).map(s),h=n[0]??[];return[{type:"table",head:h,rows:n.slice(1),align:h.map((c,f)=>r[f]??null)}]}if(e.length===1&&Qt.test(e[0]))return[{type:"hr"}];if(e.every(s=>kt.test(s)))return[{type:"img",images:e.map(s=>{const a=s.match(kt);return{alt:a[1],src:a[2]}})}];if(e.every(s=>s.startsWith(">"))){const s=e.map(r=>r.replace(/^>\s?/,"")),a=s[0].match(Zt);return a?[{type:"callout",kind:a[1].toLowerCase(),title:a[2].trim(),text:s.slice(1).join(`
+`).trim()}]:[{type:"quote",text:s.join(" ")}]}if($t.test(o[0])){const s=[];for(const a of o){const r=a.match($t);if(r){const n=r[3].match(Ct);s.push({text:n?r[3].replace(Ct,""):r[3],depth:Math.min(3,Math.floor(r[1].replace(/\t/g,"  ").length/2)),checked:n?n[1]!==" ":null})}else s[s.length-1].text+=` ${a.trim()}`}return[{type:"list",ordered:/^\s*\d/.test(o[0]),items:s}]}const t=e[0].match(/^(#{1,4})\s+(.*)$/);if(t){const s=o.slice(1).join(`
+`);return[{type:"h",level:t[1].length,text:t[2]},...s?Ft(s):[]]}return[{type:"p",text:e.join(" ")}]}function ss(l,o=","){var h;const e=[];let t=[],s="",a=!1;const r=l.replace(/\r/g,"");for(let c=0;c<r.length;c++){const f=r[c];a?f==='"'&&r[c+1]==='"'?(s+='"',c++):f==='"'?a=!1:s+=f:f==='"'&&s===""?a=!0:f===o?(t.push(s.trim()),s=""):f===`
+`?(t.push(s.trim()),t.some(Boolean)&&e.push(t),t=[],s=""):s+=f}t.push(s.trim()),t.some(Boolean)&&e.push(t);const n=((h=e[0])==null?void 0:h.length)??0;return e.map(c=>c.length<n?[...c,...Array(n-c.length).fill("")]:c)}function is(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(s=>s&&Array.isArray(s.values)).map((s,a)=>({name:String(s.name??`Series ${a+1}`),values:s.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((s,a)=>String(a+1));return{type:o.type==="line"?"line":"bar",title:String(o.title??""),unit:String(o.unit??""),labels:t,series:e}}const St=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 Kt(l,o=0){const e=[];let t=0,s;St.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(;s=St.exec(l);){if(a(l.slice(t,s.index)),s[1]!==void 0)e.push({type:"bold",text:s[1]});else if(s[2]!==void 0)e.push({type:"strike",text:s[2]});else if(s[3]!==void 0)e.push({type:"code",text:s[3]});else if(s[4]!==void 0)e.push({type:"link",text:s[4],href:s[5]});else if(s[6]!==void 0)e.push({type:"link",text:s[6],href:s[6]});else if(s[7]!==void 0)e.push({type:"italic",text:s[7]});else if(s[8]!==void 0)e.push({type:"italic",text:s[8]});else{const n=s[9].split(",").map(h=>Number(h.trim())).filter(h=>h>=1&&h<=o);o?n.forEach(h=>e.push({type:"cite",n:h})):a(s[0])}t=s.index+s[0].length}return a(l.slice(t)),e}function Pt(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 s=t.split(`
+`),a=s[s.length-1];a.trimStart().startsWith("|")&&!a.trimEnd().endsWith("|")&&s.pop(),t=s.join(`
+`),t=t.replace(/!?\[[^\]\n]*(\]\([^)\n]*)?$/,"");for(const r of["**","~~","`"])if((t.split(r).length-1)%2===1){const h=t.lastIndexOf(r);t=t.slice(0,h)+t.slice(h+r.length)}return e+t}function bt(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 as(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 Tt=l=>l.map(o=>o.join("  ·  ")).join(`
+`),rs={note:"Note",tip:"Tip",important:"Important",warning:"Warning",caution:"Caution"};function Ut(l,o){if(o==="rich")return l;const e=o==="plain";return l.map(t=>{switch(t.type){case"chart":{const[s,...a]=as(t.spec);return e?{type:"raw",text:[t.spec.title,Tt([s,...a])].filter(Boolean).join(`
+`)}:{type:"table",head:t.spec.title?[t.spec.title,...s.slice(1)]:s,rows:a,align:s.map(()=>null)}}case"pending":return t.kind==="svg"&&!e?t:{type:"raw",text:""};case"callout":return{type:"quote",text:`**${t.title||rs[t.kind]}** ${t.text}`.trim()};case"img":return{type:"p",text:t.images.map(s=>`Image: ${s.alt||"untitled"}`).join(" · ")};case"table":return e?{type:"raw",text:Tt([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 ft(l){const o=l??"",e=o.search(/FOLLOWUPS:/i);if(e<0)return{text:o.trim(),followups:[]};const s=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:s}}function ns(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 os(l,o=48){const e=ns(l);if(e.length<=o)return e;const t=e.slice(0,o),s=t.lastIndexOf(" ");return(s>o/2?t.slice(0,s):t).trim()}function ls(l){return String(l??"").split(`
+`)[0].trim().replace(/^["'“”‘’]+|["'“”‘’]+$/g,"").replace(/^title:\s*/i,"").replace(/[.!?:;,]+$/,"").trim().slice(0,80)}function It(l,o=!1){return/^https?:\/\//i.test(l)?!0:o&&/^(blob:|data:image\/)/i.test(l)}const cs=2e5,hs=new Set(["script","foreignobject","iframe","object","embed","image","audio","video","animate","set","animatemotion","animatetransform","handler","listener"]);function Wt(l){if(!l||l.length>cs||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(hs.has(n))r.remove();else if(n==="a"){const h=Array.from(r.childNodes);r.replaceWith(...h),h.forEach(c=>c instanceof Element&&t(c))}else t(r)}for(const r of Array.from(a.attributes)){const n=r.name.toLowerCase(),h=r.value.trim().toLowerCase(),c=(n==="href"||n.endsWith(":href"))&&!h.startsWith("#"),f=h.includes("javascript:")||/url\(\s*['"]?(?!#)/.test(h);(n.startsWith("on")||c||f)&&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 s=new XMLSerializer().serializeToString(e);return`data:image/svg+xml;charset=utf-8,${encodeURIComponent(s)}`}var Ht=Object.defineProperty,ds=Object.getOwnPropertyDescriptor,ps=(l,o,e)=>o in l?Ht(l,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[o]=e,m=(l,o,e,t)=>{for(var s=t>1?void 0:t?ds(o,e):o,a=l.length-1,r;a>=0;a--)(r=l[a])&&(s=(t?r(o,e,s):r(s))||s);return t&&s&&Ht(o,e,s),s},us=(l,o,e)=>ps(l,o+"",e);const Mt=["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","branding","followups","docsets","attachmentsMode","saveAttachments","showFollowups","showSources","showNewChat","showBookmarked","allowSearch","autoTitle","model","params","systemMessage","retrieval","metadata","messages","theme","radius"],vt={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"},gs={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},ms=272,bs=820,fs=940,Ot=5,zt=512*1024,vs=/\.(md|markdown|txt|csv|tsv|json|html?|ya?ml|xml|log)$/i,xs=5e3,ys=200,_t=2e3,ws={note:"calloutNote",tip:"calloutTip",important:"calloutImportant",warning:"calloutWarning",caution:"calloutCaution"},ks=2600,_=["var(--c-ink)","oklch(0.58 0.13 255)","oklch(0.63 0.1 175)","oklch(0.74 0.12 70)"],Lt={chat:"Be helpful and concise. Use Markdown when it helps: headings, lists, **bold**, code blocks and tables.",rag:"Prefer the sources provided with each message, numbered in the order given, and put a citation like [1] right after each claim they support. If they don't cover the question, you may answer from general knowledge, but say clearly that it isn't from the sources.",kb:"Answer ONLY from the sources provided with each message, numbered in the order given. Put a citation like [1] right after each claim. Do not use outside knowledge. If the sources don't contain the answer, say that you can't find it in the available sources."},$s={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://…).'},Cs="After the answer, on a final line write FOLLOWUPS: followed by three short follow-up questions the user might ask next, separated by |.",jt={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"]],kb:[["Find","Where is the refund policy described?"],["How to","How do I reset my password?"],["Limits","What are the plan limits?"],["Policy","What happens when my account is deleted?"]]},M=(l,o="")=>i.html`<svg class="i ${o}" viewBox="0 0 16 16" aria-hidden="true">${l}</svg>`,y={sidebar:()=>M(i.svg`<rect x="2" y="2.5" width="12" height="11" rx="1.5"></rect><path d="M6 2.5v11"></path>`),plus:()=>M(i.svg`<path d="M8 3v10M3 8h10"></path>`),bookmark:(l=!1)=>M(i.svg`<path d="M4.5 2.5h7v11L8 11l-3.5 2.5z"></path>`,l?"filled":""),download:()=>M(i.svg`<path d="M8 2.5v8M4.5 7.5L8 11l3.5-3.5M2.5 13.5h11"></path>`),trash:()=>M(i.svg`<path d="M2.5 4.5h11M6.5 4.5v-2h3v2M4 4.5l.7 9h6.6l.7-9"></path>`),pencil:()=>M(i.svg`<path d="M10.5 2.5l3 3L6 13H3v-3z"></path>`),copy:()=>M(i.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:()=>M(i.svg`<path d="M5.5 4.5L2 8l3.5 3.5M10.5 4.5L14 8l-3.5 3.5"></path>`),refresh:()=>M(i.svg`<path d="M13.5 8A5.5 5.5 0 1 1 11.9 4.1M13.5 2v3.5H10"></path>`),thumb:(l=!1)=>i.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:()=>M(i.svg`<path d="M9.5 2.5h4v4M13.5 2.5L9 7M6.5 13.5h-4v-4M2.5 13.5L7 9"></path>`),restore:()=>M(i.svg`<path d="M13.5 6.5h-4v-4M9.5 6.5l4-4M2.5 9.5h4v4M6.5 9.5l-4 4"></path>`),minimize:()=>M(i.svg`<path d="M4 8h8"></path>`),close:()=>M(i.svg`<path d="M4 4l8 8M12 4l-8 8"></path>`),clip:()=>M(i.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:()=>M(i.svg`<path d="M8 13V3M3.5 7.5L8 3l4.5 4.5"></path>`),stop:()=>M(i.svg`<rect x="4.5" y="4.5" width="7" height="7" rx="1"></rect>`),chat:()=>i.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:()=>i.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 Ss=0;const gt=()=>`m${Date.now().toString(36)}${(Ss++).toString(36)}`;function At(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 Ts(l){const o=l;return(o==null?void 0:o.code)||(o==null?void 0:o.message)||"UNKNOWN"}const Is=()=>typeof matchMedia<"u"&&matchMedia("(prefers-reduced-motion: reduce)").matches,ut=(l,o)=>(Number.isInteger(l)?l.toLocaleString("en-US"):l.toFixed(1))+o,mt=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:{},s=(...h)=>h.find(c=>typeof c=="string"&&c.trim()),a=s(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(h=>typeof h=="number"),n=typeof e.n=="number"&&e.n>0?e.n:o;return{n,title:s(e.title,e.name,e.filename,t.title,t.name)??`Source ${n}`,section:s(e.section,e.heading,t.section)??"",path:s(e.path,e.url,e.key,t.path,t.url)??"",collection:s(e.collection,e.namespace,e.dbname,t.collection)??"",updated:s(e.updated,e._modified_at,t.updated)??"",text:a,score:r===void 0?null:Math.max(0,Math.min(1,r))}}function Nt(l){return Array.isArray(l)?l.filter(o=>o&&typeof o=="object"&&(o._id||o.id)).filter(o=>o.saved!==!1&&o.status!=="failed").map(o=>({id:String(o._id??o.id),name:String(o.name??"file"),type:o.type,mime:o.mime,size:typeof o.size=="number"?o.size:void 0,status:o.status})):[]}function Ms(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 Os(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,A,N,R,E,B,D,F,K,P,U,W,H,J,q,G,V,X,Y,Q,Z,ee,te,se,ie,ae,re,ne,oe,le,ce,he,de,pe,ue,ge,me,be,fe,ve,xe,ye,we,ke,$e,Ce,Se,Te,Ie,Me,Oe,ze,_e,Le,je,Ae,Ne,Re,Ee,Be,De,Fe,Ke,Pe,Ue,We,He,Je,qe,Ge,Ve,Xe,Ye,Qe,Ze,et,tt,st,it,at,rt,nt,ot,lt,ct,ht,dt,pt,Rt;exports.SinglebaseChat=(Rt=class extends i.LitElement{constructor(){super(...arguments);p(this,j,null);p(this,A,{});p(this,N);p(this,R);p(this,E,"chat");p(this,B,"advanced");p(this,D,{});p(this,F,null);p(this,K,null);p(this,P,"subtle");p(this,U,"");p(this,W,"retrieval");p(this,H,!0);p(this,J,!0);p(this,q,!0);p(this,G,!0);p(this,V,!0);p(this,X,!0);p(this,Y,!0);p(this,Q,!0);p(this,Z,"");p(this,ee,{});p(this,te,"");p(this,se,[]);p(this,ie,{});p(this,ae,"page");p(this,re,"right");p(this,ne,"auto");p(this,oe,!0);p(this,le,"");p(this,ce,"Assistant");p(this,he,"");p(this,de,"");p(this,pe,"");p(this,ue);p(this,ge,"");p(this,me,"");p(this,be,!1);p(this,fe,!1);p(this,ve,!0);p(this,xe,!0);p(this,ye,!0);p(this,we,!0);p(this,ke,!0);p(this,$e,!0);p(this,Ce,!0);p(this,Se,!0);p(this,Te,!0);p(this,Ie,!0);p(this,Me);p(this,Oe,!1);p(this,ze,!0);p(this,_e,[]);p(this,Le,"idle");p(this,je,null);p(this,Ae,"");p(this,Ne,!1);p(this,Re,[]);p(this,Ee,!1);p(this,Be,"");p(this,De,!1);p(this,Fe,"");p(this,Ke,[]);p(this,Pe,"");p(this,Ue,null);p(this,We,0);p(this,He,null);p(this,Je,!1);p(this,qe,"");p(this,Ge,"");p(this,Ve,!1);p(this,Xe,"");p(this,Ye,null);p(this,Qe,"");p(this,Ze,new Set);p(this,et,new Set);p(this,tt,[]);p(this,st,!1);p(this,it,new Map);p(this,at,"");p(this,rt,!1);p(this,nt,!1);p(this,ot,!1);p(this,lt,!1);p(this,ct,!1);p(this,ht,!1);p(this,dt,!1);p(this,pt,!1);I(this,"run",0);I(this,"abort",null);I(this,"revealTimer");I(this,"timers",new Set);I(this,"toastTimer");I(this,"stick",!0);I(this,"renamed",new Set);I(this,"observer",null);I(this,"observed",null);I(this,"media",null);I(this,"focusNext","");I(this,"bubbleScheduled",!1);I(this,"pendingChatId","");I(this,"onNetwork",()=>{this.offline=navigator.onLine===!1});I(this,"onMedia",()=>{var e;this.mobile=!!((e=this.media)!=null&&e.matches)})}get client(){return d(this,j)}set client(e){u(this,j,e)}get messages(){return d(this,A)}set messages(e){u(this,A,e)}get theme(){return d(this,N)}set theme(e){u(this,N,e)}get radius(){return d(this,R)}set radius(e){u(this,R,e)}get mode(){return d(this,E)}set mode(e){u(this,E,e)}get format(){return d(this,B)}set format(e){u(this,B,e)}get renderers(){return d(this,D)}set renderers(e){u(this,D,e)}get beforeSend(){return d(this,F)}set beforeSend(e){u(this,F,e)}get afterParse(){return d(this,K)}set afterParse(e){u(this,K,e)}get glow(){return d(this,P)}set glow(e){u(this,P,e)}get docsets(){return d(this,U)}set docsets(e){u(this,U,e)}get attachmentsMode(){return d(this,W)}set attachmentsMode(e){u(this,W,e)}get saveAttachments(){return d(this,H)}set saveAttachments(e){u(this,H,e)}get followups(){return d(this,J)}set followups(e){u(this,J,e)}get showSources(){return d(this,q)}set showSources(e){u(this,q,e)}get showNewChat(){return d(this,G)}set showNewChat(e){u(this,G,e)}get showBookmarked(){return d(this,V)}set showBookmarked(e){u(this,V,e)}get showFollowups(){return d(this,X)}set showFollowups(e){u(this,X,e)}get allowSearch(){return d(this,Y)}set allowSearch(e){u(this,Y,e)}get autoTitle(){return d(this,Q)}set autoTitle(e){u(this,Q,e)}get model(){return d(this,Z)}set model(e){u(this,Z,e)}get params(){return d(this,ee)}set params(e){u(this,ee,e)}get systemMessage(){return d(this,te)}set systemMessage(e){u(this,te,e)}get retrieval(){return d(this,se)}set retrieval(e){u(this,se,e)}get metadata(){return d(this,ie)}set metadata(e){u(this,ie,e)}get embed(){return d(this,ae)}set embed(e){u(this,ae,e)}get position(){return d(this,re)}set position(e){u(this,re,e)}get sidebar(){return d(this,ne)}set sidebar(e){u(this,ne,e)}get showTitle(){return d(this,oe)}set showTitle(e){u(this,oe,e)}get chatIdAttr(){return d(this,le)}set chatIdAttr(e){u(this,le,e)}get assistantName(){return d(this,ce)}set assistantName(e){u(this,ce,e)}get logoUrl(){return d(this,he)}set logoUrl(e){u(this,he,e)}get heading(){return d(this,de)}set heading(e){u(this,de,e)}get description(){return d(this,pe)}set description(e){u(this,pe,e)}get eyebrow(){return d(this,ue)}set eyebrow(e){u(this,ue,e)}get prompts(){return d(this,ge)}set prompts(e){u(this,ge,e)}get bubbleText(){return d(this,me)}set bubbleText(e){u(this,me,e)}get greetingBubble(){return d(this,be)}set greetingBubble(e){u(this,be,e)}get unreadBadge(){return d(this,fe)}set unreadBadge(e){u(this,fe,e)}get allowUpload(){return d(this,ve)}set allowUpload(e){u(this,ve,e)}get allowExport(){return d(this,xe)}set allowExport(e){u(this,xe,e)}get allowCopy(){return d(this,ye)}set allowCopy(e){u(this,ye,e)}get allowRegenerate(){return d(this,we)}set allowRegenerate(e){u(this,we,e)}get allowBookmark(){return d(this,ke)}set allowBookmark(e){u(this,ke,e)}get allowDelete(){return d(this,$e)}set allowDelete(e){u(this,$e,e)}get allowRename(){return d(this,Ce)}set allowRename(e){u(this,Ce,e)}get allowFeedback(){return d(this,Se)}set allowFeedback(e){u(this,Se,e)}get showComposer(){return d(this,Te)}set showComposer(e){u(this,Te,e)}get showTime(){return d(this,Ie)}set showTime(e){u(this,Ie,e)}get footnote(){return d(this,Me)}set footnote(e){u(this,Me,e)}get allowRaw(){return d(this,Oe)}set allowRaw(e){u(this,Oe,e)}get branding(){return d(this,ze)}set branding(e){u(this,ze,e)}get chatList(){return d(this,_e)}set chatList(e){u(this,_e,e)}get listState(){return d(this,Le)}set listState(e){u(this,Le,e)}get activeId(){return d(this,je)}set activeId(e){u(this,je,e)}get chatTitle(){return d(this,Ae)}set chatTitle(e){u(this,Ae,e)}get bookmarked(){return d(this,Ne)}set bookmarked(e){u(this,Ne,e)}get msgs(){return d(this,Re)}set msgs(e){u(this,Re,e)}get loadingThread(){return d(this,Ee)}set loadingThread(e){u(this,Ee,e)}get threadError(){return d(this,Be)}set threadError(e){u(this,Be,e)}get busy(){return d(this,De)}set busy(e){u(this,De,e)}get draft(){return d(this,Fe)}set draft(e){u(this,Fe,e)}get files(){return d(this,Ke)}set files(e){u(this,Ke,e)}get search(){return d(this,Pe)}set search(e){u(this,Pe,e)}get sidebarOpen(){return d(this,Ue)}set sidebarOpen(e){u(this,Ue,e)}get width(){return d(this,We)}set width(e){u(this,We,e)}get panel(){return d(this,He)}set panel(e){u(this,He,e)}get menuOpen(){return d(this,Je)}set menuOpen(e){u(this,Je,e)}get editingKey(){return d(this,qe)}set editingKey(e){u(this,qe,e)}get editDraft(){return d(this,Ge)}set editDraft(e){u(this,Ge,e)}get editingTitle(){return d(this,Ve)}set editingTitle(e){u(this,Ve,e)}get renamingId(){return d(this,Xe)}set renamingId(e){u(this,Xe,e)}get toast(){return d(this,Ye)}set toast(e){u(this,Ye,e)}get copiedKey(){return d(this,Qe)}set copiedKey(e){u(this,Qe,e)}get retrievalOpen(){return d(this,Ze)}set retrievalOpen(e){u(this,Ze,e)}get rawKeys(){return d(this,et)}set rawKeys(e){u(this,et,e)}get savedFiles(){return d(this,tt)}set savedFiles(e){u(this,tt,e)}get hasSidebarContent(){return d(this,st)}set hasSidebarContent(e){u(this,st,e)}get sorts(){return d(this,it)}set sorts(e){u(this,it,e)}get arrivedKey(){return d(this,at)}set arrivedKey(e){u(this,at,e)}get dragging(){return d(this,rt)}set dragging(e){u(this,rt,e)}get showJump(){return d(this,nt)}set showJump(e){u(this,nt,e)}get offline(){return d(this,ot)}set offline(e){u(this,ot,e)}get isOpen(){return d(this,lt)}set isOpen(e){u(this,lt,e)}get expanded(){return d(this,ct)}set expanded(e){u(this,ct,e)}get bubble(){return d(this,ht)}set bubble(e){u(this,ht,e)}get seen(){return d(this,dt)}set seen(e){u(this,dt,e)}get mobile(){return d(this,pt)}set mobile(e){u(this,pt,e)}get msg(){return Bt(this.messages)}get resolvedClient(){return this.client??Vt.getDefaultClient()??null}get chatId(){return this.activeId}get thread(){return this.msgs}get docsetIds(){const e=this.docsets,t=Array.isArray(e)?e:String(e??"").split(/[\s,]+/);return[...new Set(t.map(s=>String(s).trim()).filter(Boolean))]}get attachments(){return this.savedFiles}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 s of Mt)s in e&&(t[s]=e[s]);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(Mt.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(([s])=>{const a=Math.round(s.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 s=this.renderRoot.querySelector(this.focusNext);this.focusNext="",s&&(s.focus(),"select"in s&&s.tagName==="INPUT"&&s.select())}}later(e,t){const s=setTimeout(()=>{this.timers.delete(s),e()},t);this.timers.add(s)}emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}get docked(){return this.embed==="page"&&this.width>=bs}get panelDocked(){const e=this.docked&&this.sidebarOpen?ms:0;return this.width-e>=fs}newChat(){this.halt(),this.pendingChatId="",this.savedFiles=[],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(),this.savedFiles=[];const s=this.chatList.find(r=>r._id===e);if(this.activeId=e,this.chatTitle=(s==null?void 0:s.title)??"",this.bookmarked=!!(s!=null&&s.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.savedFiles=Nt(r==null?void 0:r.attachments),this.upsertChat({...s,...r,_id:e}),this.stick=!0,this.scrollToBottom()}catch(r){if(a!==this.run)return;At(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 s=this.files;this.draft="",this.files=[];const a=this.renderRoot.querySelector("textarea.input");a&&(a.style.height="auto"),await this.runTurn(this.userMessage(t,s))}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 O;if(!this.msgs.length)return;this.menuOpen=!1;const t=this.chatTitle||this.msg.untitled,s=v=>v.role==="user"?this.msg.you:this.assistantName,a=v=>new Date(v||Date.now()).toLocaleString(),r=v=>v.sources.map((C,k)=>{const z=L(C,k+1);return`[${z.n}] ${z.title}${z.path?` — ${z.path}`:""}`}),n=v=>(v.attachments??[]).map(C=>C.name);let h,c="text/markdown",f="md";if(e==="json"?(h=JSON.stringify({exportedAt:new Date().toISOString(),id:this.activeId,title:t,mode:this.mode,bookmarked:this.bookmarked,messages:this.msgs.map(v=>({role:v.role,text:v.content,at:new Date(v.at||Date.now()).toISOString(),bookmarked:v.bookmarked,attachments:n(v),sources:r(v)}))},null,2),c="application/json",f="json"):e==="txt"?(h=`${t}
+${"=".repeat(t.length)}
+
+`+this.msgs.map(v=>[`${s(v)} · ${a(v.at)}`,n(v).length?`Attachments: ${n(v).join(", ")}`:"",v.content,r(v).length?`Sources:
+${r(v).join(`
+`)}`:""].filter(Boolean).join(`
+`)).join(`
+
+`),c="text/plain",f="txt"):h=`# ${t}
+
+`+this.msgs.map(v=>[`### ${s(v)} · ${a(v.at)}`,n(v).length?`Attachments: ${n(v).join(", ")}`:"",v.content,r(v).length?`**Sources**
+
+${r(v).map(C=>`- ${C}`).join(`
+`)}`:""].filter(Boolean).join(`
+
+`)).join(`
+
+---
+
+`)+`
+`,this.emit("singlebase-chat-export",{chatId:this.activeId,format:e}),e==="copy"){(O=navigator.clipboard)==null||O.writeText(h).catch(()=>{}),this.showToast(this.msg.copiedMarkdown);return}const w=`${t.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")||"chat"}-${new Date().toISOString().slice(0,10)}.${f}`,$=URL.createObjectURL(new Blob([h],{type:c})),x=document.createElement("a");x.href=$,x.download=w,document.body.appendChild(x),x.click(),x.remove(),setTimeout(()=>URL.revokeObjectURL($),2e3),this.showToast(T.fill(this.msg.exported,{name:w}))}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:gt(),id:null,role:"user",content:e,at:Date.now(),bookmarked:!1,sources:[],followups:[],phase:"done",attachments:t}}systemPrompt(){return[this.systemMessage,Lt[this.mode]??Lt.chat,$s[this.formatLevel],this.followups?Cs:""].filter(Boolean).join(`
+
+`)}payloadFor(e){const t={message:e.content,format:"markdown"};this.activeId?t._id=this.activeId:(t.title=os(e.content),t.system_message=this.systemPrompt()),t.mode=this.mode,this.model&&(t.model=this.model),Object.keys(this.params??{}).length&&(t.params=this.params);const s=e.attachments??[],a=this.attachmentsMode==="payload";a&&s.length&&(t.attachments=s.map(c=>({type:"content",content:c.content,name:c.name,...c.mime?{mime:c.mime}:{},size:c.size,save_attachment:this.saveAttachments})));const r=a?[]:s.map(c=>c.name);(Object.keys(this.metadata??{}).length||r.length)&&(t.metadata={...this.metadata,...r.length?{attachments:r}:{}});const n=this.docsetIds,h=[...n.length?[{source:"docset",ids:n}]:[],...this.retrieval??[],...a?[]:Ms(s)];return h.length&&(t.retrieval=h),t}async runTurn(e){const t={key:gt(),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 s=this.resolvedClient;if(!s){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 h=this.payloadFor(e);if(this.beforeSend){let c;try{c=await this.beforeSend(h,{chatId:this.activeId,isNew:n,message:e})}catch(b){c=b}if(a!==this.run)return;if(c===!1){this.msgs=this.msgs.filter(b=>b!==e&&b!==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}h=c}try{const c=await s.llm.call("chat",h,{signal:r.signal}),f=(c==null?void 0:c._id)||(c==null?void 0:c.chat_id)||this.activeId;if(n&&f&&this.upsertChat({_id:f,title:(c==null?void 0:c.title)||h.title,bookmarked:!!(c!=null&&c.bookmarked),_modified_at:new Date().toISOString()}),a!==this.run)return;f&&(this.activeId=f),n&&(this.chatTitle=(c==null?void 0:c.title)||h.title,this.bookmarked=!!(c!=null&&c.bookmarked));const b=(c==null?void 0:c.message)??{},w=typeof b.content=="string"?b.content:(c==null?void 0:c.json)!==void 0?JSON.stringify(c.json,null,2):"",{text:$,followups:x}=ft(w);e.id=b.reply_to??null,this.applyAttachmentResults(c==null?void 0:c.attachments),Object.assign(t,{id:b._id??null,content:$,sources:Array.isArray(b.sources)?b.sources:[],followups:x,execTime:typeof b.exec_time=="number"?b.exec_time:void 0,model:b.model,at:Date.now()}),this.emit("singlebase-chat-response",{chatId:f,message:t}),await this.reveal(t,a),n&&f&&this.autoTitle&&this.retitle(f,e.content,t.content)}catch(c){if(a!==this.run)return;const f=At(c);f&&(this.chatList=this.chatList.filter($=>$._id!==this.activeId),this.activeId=null);const b=Ts(c),w=f?this.msg.errNotFound:b==="KB_SOURCE_REQUIRED"?this.msg.errKbSource:this.msg.errGeneric;this.failTurn(t,w,b)}finally{a===this.run&&(this.busy=!1,this.abort=null,this.stick&&this.scrollToBottom())}}failTurn(e,t,s){e.phase="error",e.error=t,this.msgs=[...this.msgs],this.emit("singlebase-chat-error",{chatId:this.activeId,code:s,message:t})}reveal(e,t){const s=e.content.length,a=()=>{e.phase="done",this.msgs=[...this.msgs],this.arrivedKey=e.key,this.later(()=>{this.arrivedKey===e.key&&(this.arrivedKey="")},ks),this.stick?this.scrollToBottom():this.showJump=!0};if(!s||Is())return a(),Promise.resolve();const r=e.content,n=Math.max(4,Math.ceil(s/90));let h=0;return e.phase="streaming",e.content="",new Promise(c=>{this.revealTimer=setInterval(()=>{if(t!==this.run){clearInterval(this.revealTimer),c();return}if(h=Math.min(s,h+n),e.content=r.slice(0,h),h>=s){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,s){const a=this.resolvedClient;if(!(!a||this.renamed.has(e)))try{const r=await a.llm.call("generate",{user_input:`user: ${t}
+assistant: ${s.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=ls(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,s){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:s})}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 s=t.trim().slice(0,80),a=((r=this.chatList.find(h=>h._id===e))==null?void 0:r.title)??this.chatTitle;if(!(!s||s===a)){this.renamed.add(e),this.applyTitle(e,s,!1);try{await((n=this.resolvedClient)==null?void 0:n.llm.call("update_chat",{_id:e,title:s}))}catch{this.applyTitle(e,a??"",!1),this.showToast(this.msg.errGeneric)}}}fromServer(e){const t=e.role==="assistant",{text:s,followups:a}=t?ft(String(e.content??"")):{text:String(e.content??""),followups:[]};return{key:gt(),id:e._id??null,role:t?"assistant":"user",content:s,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.findIndex(r=>r._id===e._id);if(t<0){this.chatList=[e,...this.chatList];return}const s=this.chatList[t],a=[...this.chatList];a[t]={...s,...e,_created_at:s._created_at??e._created_at,_modified_at:s._modified_at??e._modified_at},this.chatList=a}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,s=this.activeId;if(!(!t||!s))for(const a of e)a&&await t.llm.call("delete_chat_message",{_id:s,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 s=this.msgs.slice(e-1);this.msgs=this.msgs.slice(0,e-1),await this.deleteOnServer(s.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),s=this.msgs[t-1];(s==null?void 0:s.role)==="user"&&(this.msgs=this.msgs.slice(0,t-1),await this.runTurn(this.userMessage(s.content,s.attachments)))}async saveEdit(e){const t=this.editDraft.trim(),s=this.msgs.indexOf(e);if(this.editingKey="",!t||s<0||this.busy)return;const a=this.msgs.slice(s);this.msgs=this.msgs.slice(0,s),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}applyAttachmentResults(e){if(!Array.isArray(e))return;const t=Nt(e).filter(a=>!this.savedFiles.some(r=>r.id===a.id));t.length&&(this.savedFiles=[...this.savedFiles,...t]);const s=e.filter(a=>(a==null?void 0:a.status)==="failed").map(a=>String(a.name??"file"));s.length&&this.showToast(T.fill(this.msg.attachmentFailed,{name:s.join(", ")}))}async removeSavedFile(e){var a;const t=this.activeId;if(!t)return;const s=this.savedFiles;this.savedFiles=s.filter(r=>r!==e);try{await((a=this.resolvedClient)==null?void 0:a.llm.call("remove_chat_attachment",{_id:t,attachment_id:e.id}))}catch{this.activeId===t&&(this.savedFiles=s),this.showToast(this.msg.errGeneric)}}copy(e,t){var s;(s=navigator.clipboard)==null||s.writeText(t).catch(()=>{}),this.copiedKey=e,this.later(()=>{this.copiedKey===e&&(this.copiedKey="")},1400)}async toggleMessageBookmark(e){var s;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((s=this.resolvedClient)==null?void 0:s.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(h=>h._id===e))==null?void 0:r.bookmarked)??(e===this.activeId?this.bookmarked:!1),s=!t,a=h=>{this.chatList=this.chatList.map(c=>c._id===e?{...c,bookmarked:h}:c),e===this.activeId&&(this.bookmarked=h)};a(s),this.showToast(s?this.msg.chatBookmarked:this.msg.chatUnbookmarked),this.emit("singlebase-chat-bookmark",{chatId:e,bookmarked:s});try{await((n=this.resolvedClient)==null?void 0:n.llm.call("bookmark_chat",{_id:e,bookmarked:s}))}catch{a(t),this.showToast(this.msg.errGeneric)}}deleteMessage(e){var a;const t=this.activeId,s=this.msgs.indexOf(e);s<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(s,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),s=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,s),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 s={key:Date.now(),text:e,...t};this.toast=s,this.toastTimer=setTimeout(()=>{this.toast===s&&this.flushToast()},xs)}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 s=[];for(const a of t){if(this.files.length+s.length>=Ot){this.showToast(T.fill(this.msg.tooManyFiles,{n:Ot}));break}if(!vs.test(a.name)&&!a.type.startsWith("text/")){this.showToast(T.fill(this.msg.fileType,{name:a.name}));continue}if(a.size>zt){this.showToast(T.fill(this.msg.fileTooLarge,{name:a.name,size:T.formatSize(zt)}));continue}s.push({name:a.name,size:a.size,content:await a.text(),...a.type?{mime:a.type}:{}})}s.length&&(this.files=[...this.files,...s],this.emit("singlebase-chat-files",{files:s.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 i.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(" "),s=this.isOpen?i.html`<div class=${t} role="dialog" aria-label=${this.assistantName} part="frame">
+          ${this.renderWorkspace()}
+        </div>`:i.nothing,a=this.bubble&&!this.isOpen?i.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>`:i.nothing,n=this.isOpen&&(this.expanded||this.mobile)?i.nothing:i.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?i.html`<span class="badge"></span>`:i.nothing}
+        </button>`;return i.html`${s}${a}${n}`}renderWorkspace(){const e=!this.docked;return i.html`<div class="root" @keydown=${this.onKeydown}>
+      ${this.sidebarOpen&&e?i.html`<div class="scrim" @click=${()=>this.sidebarOpen=!1}></div>`:i.nothing}
+      ${this.sidebarOpen&&this.sidebar!=="none"?this.renderSidebar(e):i.nothing}
+      <main
+        class="main"
+        @dragenter=${this.onDragEnter}
+        @dragover=${t=>t.preventDefault()}
+      >
+        ${this.renderHeader()}
+        ${this.offline?i.html`<div class="banner" role="status">${this.msg.offline}</div>`:i.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?i.html`<button type="button" class="jump" @click=${this.jumpToLatest}>
+                ↓ ${this.msg.newReply}
+              </button>`:i.nothing}
+        ${this.renderComposer()} ${T.renderBranding(this.branding,"Chat")}
+        ${this.toast?i.html`<div class="toast" role="status">
+                <span>${this.toast.text}</span>
+                ${this.toast.undo?i.html`<button type="button" @click=${this.undo}>${this.msg.undo}</button>`:i.nothing}
+              </div>`:i.nothing}
+        ${this.dragging?i.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>`:i.nothing}
+      </main>
+      ${this.renderPanel()}
+    </div>`}renderSidebar(e){const t=this.msg,s=this.allowSearch?this.search.trim().toLowerCase():"",a=this.chatList.filter(f=>!s||(f.title??"").toLowerCase().includes(s)),r=f=>this.showBookmarked&&!!f.bookmarked,n=f=>a.filter(b=>!r(b)&&Os(b._modified_at??b._created_at)===f),h=[[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=i.html`<div aria-label=${t.loadingChats}>
+        ${[1,2,3,4].map(()=>i.html`<div class="skeleton"></div>`)}
+      </div>`:a.length?c=h.filter(([,f])=>f.length).map(([f,b])=>i.html`<div class="group">${f}</div>
+              ${b.map(w=>this.renderThreadRow(w))}`):c=i.html`<span class="side-note"
+        >${s?T.fill(t.noMatch,{query:this.search.trim()}):t.noChats}</span
+      >`,i.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?i.html`<button type="button" class="new-chat" @click=${()=>this.newChat()}>
+                ${y.plus()}<span>${t.newChat}</span>
+              </button>`:i.nothing}
+        ${this.allowSearch?i.html`<input
+                class="search"
+                type="search"
+                placeholder=${t.searchChats}
+                aria-label=${t.searchChats}
+                .value=${this.search}
+                @input=${f=>this.search=f.target.value}
+              />`:i.nothing}
+      </div>
+      <div class="threads">${c}</div>
+      <div class="side-extra ${this.hasSidebarContent?"filled":""}" part="sidebar-extra">
+        <slot
+          name="sidebar"
+          @slotchange=${f=>this.hasSidebarContent=f.target.assignedNodes().length>0}
+        ></slot>
+      </div>
+    </aside>`}renderThreadRow(e){const t=this.msg,s=e._id===this.activeId,a=e.title||t.untitled;if(this.renamingId===e._id)return i.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=>h=>{h.stopPropagation(),n()};return i.html`<div
+      class="thread ${s?"active":""}"
+      role="button"
+      tabindex="0"
+      aria-current=${s?"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?i.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>`:i.nothing}
+        ${this.allowRename?i.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>`:i.nothing}
+        ${this.allowDelete?i.html`<button
+                type="button"
+                class="icon sm danger"
+                title=${t.deleteChat}
+                aria-label=${t.deleteChat}
+                @click=${r(()=>this.deleteChat(e._id))}
+              >
+                ${y.trash()}
+              </button>`:i.nothing}
+      </span>
+    </div>`}renderHeader(){const e=this.msg,t=!!this.activeId,s=(this.embed==="inline"||this.embed==="launcher")&&!this.mobile,a=this.embed==="launcher"?()=>this.close():this.expanded?()=>this.collapse():null;let r=i.nothing;return this.showTitle&&(r=this.editingTitle?i.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)}
+          />`:i.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>`),i.html`<header class="header" part="header">
+      <div class="header-left">
+        ${this.sidebar==="none"||this.sidebarOpen&&this.docked?i.nothing:i.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?i.html`<button
+                type="button"
+                class="icon"
+                ?disabled=${!this.msgs.length&&!t}
+                title=${e.newChat}
+                aria-label=${e.newChat}
+                @click=${()=>this.newChat()}
+              >
+                ${y.plus()}
+              </button>`:i.nothing}
+        ${this.allowBookmark?i.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>`:i.nothing}
+        ${this.allowExport?i.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():i.nothing}
+              </div>`:i.nothing}
+        ${this.allowDelete?i.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>`:i.nothing}
+        ${s||a?i.html`<span class="divider"></span> ${s?i.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>`:i.nothing}
+                ${a?i.html`<button
+                        type="button"
+                        class="icon"
+                        title=${e.minimize}
+                        aria-label=${e.minimize}
+                        @click=${a}
+                      >
+                        ${y.minimize()}
+                      </button>`:i.nothing}`:i.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 i.html`<div class="menu-scrim" @click=${()=>this.menuOpen=!1}></div>
+      <div class="menu" role="menu">
+        <span class="label">${e.exportHeading}</span>
+        ${t.map(([s,a,r])=>i.html`<button
+              type="button"
+              role="menuitem"
+              class="menu-item"
+              @click=${()=>this.exportChat(r)}
+            >
+              <span>${s}</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})):(jt[this.mode]??jt.chat).map(([t,s])=>({label:t,text:s}))}renderWelcome(){const e=this.msg,t=this.mode==="rag"?"Rag":this.mode==="kb"?"Kb":"Chat",s=n=>e[`${n}${t}`],a=this.eyebrow??s("eyebrow"),r=this.promptList();return i.html`<div class="welcome-slot">
+      <slot name="welcome"
+        ><div class="welcome" part="welcome">
+          <div class="welcome-head">
+            ${this.logoUrl&&It(this.logoUrl,!0)?i.html`<img class="welcome-logo" src=${this.logoUrl} alt="" />`:i.nothing}
+            ${a?i.html`<span class="label">${a}</span>`:i.nothing}
+            <h2>${this.heading||s("heading")}</h2>
+            <p>${this.description||s("description")}</p>
+          </div>
+          ${r.length?i.html`<div class="prompts">
+                  ${r.map(n=>i.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>`:i.nothing}
+        </div></slot
+      >
+    </div>`}renderThread(){const e=this.msgs.map(t=>t.role).lastIndexOf("assistant");return i.html`<div class="thread-view">
+      ${this.threadError?i.html`<div class="error-card" role="alert">
+              <span>${this.threadError}</span>
+              ${this.activeId?i.html`<button
+                      type="button"
+                      class="btn"
+                      @click=${()=>this.openChat(this.activeId)}
+                    >
+                      ${this.msg.retry}
+                    </button>`:i.nothing}
+            </div>`:i.nothing}
+      ${this.loadingThread?i.html`${[1,2].map(()=>i.html`<div class="skeleton" style="height:48px"></div>`)}`:i.nothing}
+      ${Gt.repeat(this.msgs,t=>t.key,(t,s)=>t.role==="user"?this.renderUser(t):this.renderBot(t,s===e))}
+    </div>`}renderUser(e){const t=this.msg,s=e.at?new Date(e.at).toLocaleTimeString([],{hour:"numeric",minute:"2-digit"}):"",a=e.attachments??[];return i.html`<div class="msg user" part="message user">
+      ${a.length?i.html`<div class="attachments">
+              ${a.map(r=>i.html`<span class="doc-chip"><span class="ext">${mt(r.name)}</span><span class="name">${r.name}</span></span>`)}
+            </div>`:i.nothing}
+      ${this.editingKey===e.key?i.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>`:i.html`<div class="bubble-user">${e.content}</div>
+              <div class="toolbar">
+                ${this.allowBookmark&&e.bookmarked?i.html`<span class="saved">${y.bookmark(!0)}${t.saved}</span>`:i.nothing}
+                ${this.showTime?i.html`<span class="time">${s}</span>`:i.nothing}
+                ${this.busy?i.nothing:i.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?i.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>`:i.nothing}
+                ${this.allowBookmark&&e.id?i.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>`:i.nothing}
+                ${this.allowDelete?i.html`<button
+                        type="button"
+                        class="icon danger"
+                        title=${t.deleteMessage}
+                        aria-label=${t.deleteMessage}
+                        @click=${()=>this.deleteMessage(e)}
+                      >
+                        ${y.trash()}
+                      </button>`:i.nothing}
+              </div>`}
+    </div>`}pillLabel(){return this.mode==="rag"||this.mode==="kb"?this.msg.searching:this.msg.thinking}renderBot(e,t){const s=this.msg,a=e.phase==="pending",r=e.phase==="done",n=e.sources.length,h=bt(e.content),c=e.sources.map((x,O)=>L(x,O+1)),f=h.size?c.filter(x=>h.has(x.n)):c,b=e.at?new Date(e.at).toLocaleTimeString([],{hour:"numeric",minute:"2-digit"}):"",w=e.content+(f.length?`
+
+Sources:
+${f.map(x=>`[${x.n}] ${x.title}`).join(`
+`)}`:""),$=this.retrievalOpen.has(e.key);return i.html`<div class="msg bot" part="message assistant">
+      ${a?i.html`<div class="halo"></div>`:i.nothing}
+      ${this.arrivedKey===e.key?i.html`<div class="arrived">
+              <div class="wash"></div>
+              <div class="ring"></div>
+              <div class="sweep"></div>
+            </div>`:i.nothing}
+      <div class="bot-body">
+        ${this.allowBookmark&&e.bookmarked?i.html`<span class="saved">${y.bookmark(!0)}${s.saved}</span>`:i.nothing}
+        ${a?i.html`<div class="pill" role="status">
+                <span class="ring"></span><span class="dot"></span>
+                <span class="shimmer">${this.pillLabel()}</span>
+              </div>`:i.nothing}
+        ${this.showSources&&n&&!a?i.html`<div class="retrieval">
+                <button
+                  type="button"
+                  class="retrieval-toggle"
+                  aria-expanded=${$?"true":"false"}
+                  @click=${()=>{const x=new Set(this.retrievalOpen);x.has(e.key)?x.delete(e.key):x.add(e.key),this.retrievalOpen=x}}
+                >
+                  <span class="chev">${$?"▾":"▸"}</span>
+                  <span style="flex:1">${T.fill(s.searchedSources,{n})}</span>
+                  ${e.execTime!==void 0?i.html`<span class="ms">${e.execTime.toFixed(1)}s</span>`:i.nothing}
+                </button>
+                ${$?i.html`<div class="retrieval-list">
+                        ${c.map(x=>i.html`<button
+                              type="button"
+                              class="passage"
+                              @click=${()=>this.panel={key:e.key,n:x.n}}
+                            >
+                              <span class="n">${x.n}</span>
+                              <span class="what"
+                                ><span>${x.title}${x.section?` · ${x.section}`:""}</span
+                                ><span>${x.collection||x.path}</span></span
+                              >
+                              ${x.score!==null?i.html`<span class="relevance"
+                                      ><span class="score">${x.score.toFixed(2)}</span>
+                                      <span class="relevance-track"
+                                        ><span
+                                          class="relevance-fill"
+                                          style="width:${Math.round(x.score*100)}%"
+                                        ></span></span
+                                    ></span>`:i.html`<span></span>`}
+                            </button>`)}
+                      </div>`:i.nothing}
+              </div>`:i.nothing}
+        ${a?i.nothing:this.renderAnswer(e)}
+        ${e.phase==="streaming"?i.html`<span class="caret"></span>`:i.nothing}
+        ${e.phase==="error"?i.html`<div class="error-card" role="alert">
+                <span>${e.error}</span>
+                <button type="button" class="btn" @click=${()=>this.retry(e)}>
+                  ${s.retry}
+                </button>
+              </div>`:i.nothing}
+        ${this.showSources&&r&&f.length?i.html`<div class="cards">
+                <span class="label">${h.size?s.sourcesCited:s.sourcesRetrieved}</span>
+                <div class="card-grid">
+                  ${f.map(x=>{var O;return i.html`<button
+                        type="button"
+                        class="source-card ${((O=this.panel)==null?void 0:O.key)===e.key&&this.panel.n===x.n?"active":""}"
+                        @click=${()=>this.panel={key:e.key,n:x.n}}
+                      >
+                        <span class="top"
+                          ><span class="num">${x.n}</span
+                          >${x.collection?i.html`<span class="label">${x.collection}</span>`:i.nothing}</span
+                        >
+                        <span class="t">${x.title}${x.section?` · ${x.section}`:""}</span>
+                        <span class="s">${x.text}</span>
+                      </button>`})}
+                </div>
+              </div>`:i.nothing}
+        ${r?i.html`<div class="toolbar ${t?"pinned":""}">
+                ${this.allowCopy?i.html`<button
+                        type="button"
+                        class="icon"
+                        title=${this.copiedKey===e.key?s.copied:s.copy}
+                        aria-label=${s.copy}
+                        @click=${()=>this.copy(e.key,w)}
+                      >
+                        ${y.copy()}
+                      </button>`:i.nothing}
+                ${this.allowRaw&&this.formatLevel!=="raw"&&e.content?i.html`<button
+                        type="button"
+                        class="icon ${this.rawKeys.has(e.key)?"on":""}"
+                        title=${this.rawKeys.has(e.key)?s.showFormatted:s.showRaw}
+                        aria-label=${s.showRaw}
+                        aria-pressed=${this.rawKeys.has(e.key)?"true":"false"}
+                        @click=${()=>this.toggleRaw(e.key)}
+                      >
+                        ${y.raw()}
+                      </button>`:i.nothing}
+                ${this.allowRegenerate&&t&&!this.busy?i.html`<button
+                        type="button"
+                        class="icon"
+                        title=${s.regenerate}
+                        aria-label=${s.regenerate}
+                        @click=${()=>this.regenerate()}
+                      >
+                        ${y.refresh()}
+                      </button>`:i.nothing}
+                ${this.allowBookmark&&e.id?i.html`<button
+                        type="button"
+                        class="icon ${e.bookmarked?"on":""}"
+                        title=${e.bookmarked?s.unbookmarkMessage:s.bookmarkMessage}
+                        aria-label=${e.bookmarked?s.unbookmarkMessage:s.bookmarkMessage}
+                        @click=${()=>this.toggleMessageBookmark(e)}
+                      >
+                        ${y.bookmark(e.bookmarked)}
+                      </button>`:i.nothing}
+                ${this.allowDelete?i.html`<button
+                        type="button"
+                        class="icon danger"
+                        title=${s.deleteMessage}
+                        aria-label=${s.deleteMessage}
+                        @click=${()=>this.deleteMessage(e)}
+                      >
+                        ${y.trash()}
+                      </button>`:i.nothing}
+                ${this.showTime?i.html`<span class="time">${b}</span>`:i.nothing}
+                ${e.stopped?i.html`<span class="note">${s.stopped}</span>`:i.nothing}
+                <span class="spacer"></span>
+                ${this.allowFeedback?e.feedback?i.html`<span class="note"
+                          >${e.feedback==="up"?s.markedHelpful:s.thanksFeedback}</span
+                        >`:i.html`<button
+                            type="button"
+                            class="icon"
+                            title=${s.helpful}
+                            aria-label=${s.helpful}
+                            @click=${()=>this.feedback(e,"up")}
+                          >
+                            ${y.thumb()}
+                          </button>
+                          <button
+                            type="button"
+                            class="icon"
+                            title=${s.notHelpful}
+                            aria-label=${s.notHelpful}
+                            @click=${()=>this.feedback(e,"down")}
+                          >
+                            ${y.thumb(!0)}
+                          </button>`:i.nothing}
+              </div>`:i.nothing}
+        ${this.showFollowups&&r&&t&&!this.busy&&e.followups.length?i.html`<div class="followups">
+                ${e.followups.map(x=>i.html`<button type="button" class="followup" @click=${()=>this.send(x)}>
+                      <span class="arrow">↳</span><span>${x}</span>
+                    </button>`)}
+              </div>`:i.nothing}
+      </div>
+    </div>`}renderAnswer(e){if(e.phase==="error"&&!e.content)return i.nothing;if(e.phase==="done"&&!e.content)return e.stopped?i.nothing:i.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 i.html`<div class="answer" part="answer"><p class="raw">${e.content}</p></div>`;const s=e.phase==="streaming"?Pt(e.content):e.content;let a=Ut(Dt(s),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.reduce((n,h,c)=>Math.max(n,L(h,c+1).n),0);return i.html`<div class="answer" part="answer">
+      ${a.map((n,h)=>this.renderBlock(n,e,r,h))}
+    </div>`}renderInline(e,t,s){return Kt(e,s).map(a=>{var r;switch(a.type){case"bold":return i.html`<strong>${a.text}</strong>`;case"italic":return i.html`<em>${a.text}</em>`;case"strike":return i.html`<s>${a.text}</s>`;case"code":return i.html`<code class="inline">${a.text}</code>`;case"link":return i.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",h=T.fill(this.msg.openSource,{n:a.n}),c=()=>this.panel={key:t.key,n:a.n};return i.html`<button type="button" class=${n} aria-label=${h} @click=${c}>${a.n}</button>`}default:return a.text}})}renderBlock(e,t,s,a){switch(e.type){case"p":return i.html`<p>${this.renderInline(e.text,t,s)}</p>`;case"raw":return i.html`<p class="raw">${e.text}</p>`;case"h":return i.html`<h3 class="h${e.level}">${this.renderInline(e.text,t,s)}</h3>`;case"hr":return i.html`<hr />`;case"list":return this.renderList(e.ordered,e.items,t,s);case"quote":return i.html`<div class="quote">${this.renderInline(e.text,t,s)}</div>`;case"callout":return i.html`<div class="callout ${e.kind}" role="note" part="callout">
+          <strong class="callout-title"
+            >${e.title||this.msg[ws[e.kind]]}</strong
+          >
+          ${e.text.split(`
+`).filter(r=>r.trim()).map(r=>i.html`<p>${this.renderInline(r,t,s)}</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,s,`${t.key}:${a}`);case"json":return this.renderJsonBlock(e.value,e.source,`${t.key}:${a}`);case"svg":{const r=Wt(e.source);if(!r)return this.renderCode("svg",e.source,`${t.key}:${a}`);const n=`${t.key}:${a}`;return i.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 i.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 i.html`<div class="gallery ${e.images.length>1?"many":""}">
+          ${e.images.map(r=>i.html`<figure>
+                ${r.src&&It(r.src,!0)?i.html`<img
+                        src=${r.src}
+                        alt=${r.alt}
+                        loading="lazy"
+                        referrerpolicy="no-referrer"
+                      />`:i.html`<div class="img-missing"><span class="label">Image</span></div>`}
+                ${r.alt?i.html`<figcaption>${r.alt}</figcaption>`:i.nothing}
+              </figure>`)}
+        </div>`;default:return i.nothing}}renderList(e,t,s,a){const r=t.map(n=>i.html`<li
+          class=${n.checked===null?"":"task"}
+          style=${n.depth?`margin-left:${n.depth*20}px`:""}
+        >
+          ${n.checked===null?i.nothing:i.html`<input type="checkbox" disabled .checked=${n.checked} aria-hidden="true" />`}
+          ${this.renderInline(n.text,s,a)}
+        </li>`);return e?i.html`<ol>
+          ${r}
+        </ol>`:i.html`<ul>
+          ${r}
+        </ul>`}renderCode(e,t,s){return i.html`<div class="code">
+      <div class="code-head">
+        <span class="label">${e}</span>
+        <button type="button" class="text-btn" @click=${()=>this.copy(s,t)}>
+          ${this.copiedKey===s?this.msg.copied:this.msg.copy}
+        </button>
+      </div>
+      <pre><code>${t}</code></pre>
+    </div>`}renderCustom(e,t,s){var r;const a=this.formatLevel==="rich"?(r=this.renderers)==null?void 0:r[e]:void 0;if(typeof a!="function"||s.phase==="streaming")return null;try{const n=a(t,{lang:e,message:s});return n==null?null:i.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,s,a,r,n){const h=v=>/^[-+]?[$€£¥]?\s?[\d,.]+\s?%?$/.test(v.trim())&&/\d/.test(v),c=v=>Number(v.replace(/[^\d.+-]/g,"")),f=e.map((v,C)=>{if(s[C])return s[C];const k=t.map(z=>z[C]??"").filter(Boolean);return k.length&&k.filter(h).length/k.length>=.8?"right":null}),b=this.sorts.get(n);let w=t;b&&(w=[...t].sort((v,C)=>{const k=v[b.col]??"",z=C[b.col]??"";return(h(k)&&h(z)?c(k)-c(z):k.localeCompare(z,void 0,{numeric:!0}))*b.dir}));const $=w.length;w=w.slice(0,ys);const x=v=>{const C=new Map(this.sorts),k=C.get(n);(k==null?void 0:k.col)===v&&k.dir===-1?C.delete(n):C.set(n,{col:v,dir:(k==null?void 0:k.col)===v?-1:1}),this.sorts=C},O=v=>f[v]?`text-align:${f[v]}`:"";return i.html`<div class="table" part="table">
+      <table>
+        <thead>
+          <tr>
+            ${e.map((v,C)=>{const k=(b==null?void 0:b.col)===C?b.dir===1?"ascending":"descending":"none";return i.html`<th style=${O(C)} aria-sort=${k}>
+                ${t.length>1?i.html`<button type="button" class="sort" @click=${()=>x(C)}>
+                        ${this.renderInline(v,a,r)}<span class="arrow"
+                          >${k==="ascending"?"↑":k==="descending"?"↓":"↕"}</span
+                        >
+                      </button>`:this.renderInline(v,a,r)}
+              </th>`})}
+          </tr>
+        </thead>
+        <tbody>
+          ${w.map(v=>i.html`<tr>
+                ${e.map((C,k)=>i.html`<td style=${O(k)}>
+                      ${this.renderInline(v[k]??"",a,r)}
+                    </td>`)}
+              </tr>`)}
+        </tbody>
+      </table>
+      ${$>w.length?i.html`<div class="table-note">
+              ${T.fill(this.msg.showingRows,{n:w.length,total:$})}
+            </div>`:i.nothing}
+    </div>`}renderJsonBlock(e,t,s){let a=0;const r=h=>{a++,a<=_t&&h&&typeof h=="object"&&Object.values(h).forEach(r)};if(r(e),a>_t)return this.renderCode("json",t,s);const n=(h,c,f)=>{const b=f===void 0?i.nothing:i.html`<span class="jkey">${f}</span>: `;if(h&&typeof h=="object"){const $=Object.entries(h),x=Array.isArray(h)?`[${$.length}]`:`{${$.length}}`;return i.html`<details class="jnode" ?open=${c<2}>
+          <summary>${b}<span class="jmeta">${x}</span></summary>
+          <div class="jkids">${$.map(([O,v])=>n(v,c+1,O))}</div>
+        </details>`}const w=h===null?"null":typeof h;return i.html`<div class="jleaf">
+        ${b}<span class="jv ${w}">${JSON.stringify(h)}</span>
+      </div>`};return i.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(s,t)}>
+          ${this.copiedKey===s?this.msg.copied:this.msg.copy}
+        </button>
+      </div>
+      <div class="jtree">${n(e,0)}</div>
+    </div>`}renderChart(e){const t=e.series.length>1?i.html`<span class="legend">
+            ${e.series.map((n,h)=>i.html`<span
+                  ><span
+                    class="swatch"
+                    style="background:${_[h%_.length]}"
+                  ></span
+                  >${n.name}</span
+                >`)}
+          </span>`:i.nothing,s=i.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(b=>b.values)),h=Math.pow(10,Math.floor(Math.log10(n||1))),c=Math.ceil(n/h*2)/2*h||1,f=Math.max(e.labels.length,...e.series.map(b=>b.values.length));return i.html`<figure class="chart" part="chart" aria-label=${e.title}>
+        ${s}
+        <div class="line-chart">
+          <div class="plot">
+            ${[1,.5,0].map(b=>i.html`<div class="tick ${b===0?"base":""}" style="top:${(1-b)*100}%">
+                  <span>${ut(Math.round(c*b),e.unit)}</span>
+                </div>`)}
+            <svg
+              viewBox="0 0 600 170"
+              preserveAspectRatio="none"
+              role="img"
+              aria-label=${e.title}
+            >
+              ${e.series.map((b,w)=>i.svg`<polyline pathLength="1" stroke=${_[w%_.length]}
+                  points=${b.values.map(($,x)=>`${(f>1?x/(f-1)*600:300).toFixed(1)},${(170-$/c*170).toFixed(1)}`).join(" ")}><title>${b.name}: ${b.values.map($=>ut($,e.unit)).join(", ")}</title></polyline>`)}
+            </svg>
+          </div>
+          <div class="x-labels">${e.labels.map(b=>i.html`<span>${b}</span>`)}</div>
+        </div>
+      </figure>`}const a=e.labels.map((n,h)=>e.series.reduce((c,f)=>c+(f.values[h]||0),0)),r=Math.max(0,...a)||1;return i.html`<figure class="chart" part="chart" aria-label=${e.title}>
+      ${s}
+      <div class="bars">
+        ${e.labels.map((n,h)=>i.html`<div class="bar-row" title="${n}: ${ut(a[h],e.unit)}">
+              <span class="bar-label">${n}</span>
+              <span class="bar-track"
+                ><span class="bar-fill" style="width:${Math.max(0,a[h])/r*100}%">
+                  ${e.series.map((c,f)=>i.html`<span
+                        style="flex:${Math.max(0,c.values[h]||0)};background:${e.series.length>1?_[f%_.length]:"var(--c-ink)"}"
+                      ></span>`)}
+                </span></span
+              >
+              <span class="bar-value">${ut(a[h],e.unit)}</span>
+            </div>`)}
+      </div>
+    </figure>`}renderPanel(){if(!this.panel)return i.nothing;const e=this.msgs.find(b=>b.key===this.panel.key);if(!e)return i.nothing;const t=e.sources.map((b,w)=>L(b,w+1)),s=t.find(b=>b.n===this.panel.n);if(!s)return i.nothing;const a=this.msg,r=bt(e.content),n=t.filter(b=>b.n!==s.n&&(!r.size||r.has(b.n))),h=`ref:${e.key}:${s.n}`,c=`"${s.text}"
+— ${s.title} [${s.n}]${s.path?`
+${s.path}`:""}${s.updated?` · Updated ${s.updated}`:""}`,f=[s.updated?`Updated ${s.updated}`:"",s.score!==null?`Relevance ${s.score.toFixed(2)}`:""].filter(Boolean).join(" · ");return i.html`<aside
+      class="panel ${this.panelDocked?"docked":"overlay"}"
+      part="panel"
+      role="region"
+      aria-label=${T.fill(a.sourceLabel,{n:s.n})}
+    >
+      <div class="panel-head">
+        <span class="label"
+          >${T.fill(a.sourceLabel,{n:s.n})}${s.collection?` · ${s.collection}`:""}</span
+        >
+        <button type="button" class="text-btn underline" @click=${()=>this.panel=null}>
+          ${a.close}
+        </button>
+      </div>
+      <div class="panel-body">
+        <div class="panel-meta">
+          <h3>${s.title}</h3>
+          ${s.section?i.html`<span class="meta">${s.section}</span>`:i.nothing}
+          ${s.path?i.html`<span class="path">${s.path}</span>`:i.nothing}
+          ${f?i.html`<span class="meta">${f}</span>`:i.nothing}
+        </div>
+        <div class="passage-box">
+          <span class="text">${s.text}</span>
+          <div class="passage-foot">
+            <span class="label">${a.citedPassage}</span>
+            <button
+              type="button"
+              class="copy-ref"
+              title=${a.copyReference}
+              aria-label=${a.copyReference}
+              @click=${()=>this.copy(h,c)}
+            >
+              ${y.copy()}<span>${this.copiedKey===h?a.copied:a.copy}</span>
+            </button>
+          </div>
+        </div>
+      </div>
+      ${n.length?i.html`<div class="panel-foot">
+              <span class="label">${a.alsoCited}</span>
+              <div class="chips">
+                ${n.map(b=>i.html`<button
+                      type="button"
+                      class="chip"
+                      @click=${()=>this.panel={key:e.key,n:b.n}}
+                    >
+                      ${b.n} · ${b.title}
+                    </button>`)}
+              </div>
+            </div>`:i.nothing}
+    </aside>`}renderComposer(){const e=this.msg,t=this.mode==="rag"?e.placeholderRag:this.mode==="kb"?e.placeholderKb:T.fill(e.placeholderChat,{name:this.assistantName}),s=!this.draft.trim(),a=this.footnote===""?i.nothing:i.html`<span class="footnote" part="footnote"
+            >${this.footnote??T.fill(e.footnote,{name:this.assistantName})}</span
+          >`;return this.showComposer?i.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?i.html`<div class="composer-glow"></div>`:i.nothing}
+          <div class="composer ${this.busy?"busy":""}" part="composer">
+            ${this.savedFiles.length?i.html`<div class="pending-files" part="saved-files">
+                    ${this.savedFiles.map(r=>i.html`<div class="pending-file kept">
+                          <span class="ext">${mt(r.name)}</span>
+                          <span class="meta"
+                            ><span class="name">${r.name}</span
+                            ><span class="size">${e.inThisChat}</span></span
+                          >
+                          <button
+                            type="button"
+                            aria-label=${e.removeFromChat}
+                            title=${e.removeFromChat}
+                            @click=${()=>this.removeSavedFile(r)}
+                          >
+                            ×
+                          </button>
+                        </div>`)}
+                  </div>`:i.nothing}
+            ${this.files.length?i.html`<div class="pending-files">
+                    ${this.files.map(r=>i.html`<div class="pending-file">
+                          <span class="ext">${mt(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>`:i.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?i.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>`:i.nothing}
+              </div>
+              ${this.busy?i.html`<button
+                      type="button"
+                      class="send stop"
+                      title=${e.stop}
+                      aria-label=${e.stop}
+                      @click=${()=>this.stop()}
+                    >
+                      ${y.stop()}
+                    </button>`:i.html`<button
+                      type="button"
+                      class="send"
+                      title=${e.send}
+                      aria-label=${e.send}
+                      ?disabled=${s}
+                      @click=${()=>this.send()}
+                    >
+                      ${y.up()}
+                    </button>`}
+            </div>
+          </div>
+          ${this.busy?i.html`<div class="composer-ring"><div class="ring"></div></div>`:i.nothing}
+        </div>
+        ${a}
+      </div>
+    </div>`:i.html`<div class="composer-wrap reader">
+        <div class="composer-col">${a}</div>
+      </div>`}},j=new WeakMap,A=new WeakMap,N=new WeakMap,R=new WeakMap,E=new WeakMap,B=new WeakMap,D=new WeakMap,F=new WeakMap,K=new WeakMap,P=new WeakMap,U=new WeakMap,W=new WeakMap,H=new WeakMap,J=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,se=new WeakMap,ie=new WeakMap,ae=new WeakMap,re=new WeakMap,ne=new WeakMap,oe=new WeakMap,le=new WeakMap,ce=new WeakMap,he=new WeakMap,de=new WeakMap,pe=new WeakMap,ue=new WeakMap,ge=new WeakMap,me=new WeakMap,be=new WeakMap,fe=new WeakMap,ve=new WeakMap,xe=new WeakMap,ye=new WeakMap,we=new WeakMap,ke=new WeakMap,$e=new WeakMap,Ce=new WeakMap,Se=new WeakMap,Te=new WeakMap,Ie=new WeakMap,Me=new WeakMap,Oe=new WeakMap,ze=new WeakMap,_e=new WeakMap,Le=new WeakMap,je=new WeakMap,Ae=new WeakMap,Ne=new WeakMap,Re=new WeakMap,Ee=new WeakMap,Be=new WeakMap,De=new WeakMap,Fe=new WeakMap,Ke=new WeakMap,Pe=new WeakMap,Ue=new WeakMap,We=new WeakMap,He=new WeakMap,Je=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,st=new WeakMap,it=new WeakMap,at=new WeakMap,rt=new WeakMap,nt=new WeakMap,ot=new WeakMap,lt=new WeakMap,ct=new WeakMap,ht=new WeakMap,dt=new WeakMap,pt=new WeakMap,Rt);us(exports.SinglebaseChat,"styles",[T.tokenDefaults,T.brandingStyles,Xt]);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()],exports.SinglebaseChat.prototype,"docsets",1);m([g.property({attribute:"attachments-mode"})],exports.SinglebaseChat.prototype,"attachmentsMode",1);m([g.property({converter:S,attribute:"save-attachments"})],exports.SinglebaseChat.prototype,"saveAttachments",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:vt})],exports.SinglebaseChat.prototype,"params",1);m([g.property({attribute:"system-message"})],exports.SinglebaseChat.prototype,"systemMessage",1);m([g.property({converter:vt})],exports.SinglebaseChat.prototype,"retrieval",1);m([g.property({converter:vt})],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:gs})],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.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,"savedFiles",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=Ut;exports.citedNumbers=bt;exports.defaultChatMessages=Et;exports.describeSource=L;exports.parseInline=Kt;exports.parseMarkdown=Dt;exports.resolveChatMessages=Bt;exports.settleStreaming=Pt;exports.splitFollowups=ft;exports.svgDataUrl=Wt;
+//# sourceMappingURL=chat-ezUmd9II.cjs.map