@singlebase/elements 0.3.0 → 0.5.0

package/dist/chat-DRenTJlI.cjs

@@ -0,0 +1,3001 @@
+"use strict";var mt=Object.defineProperty;var We=o=>{throw TypeError(o)};var bt=(o,n,e)=>n in o?mt(o,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[n]=e;var k=(o,n,e)=>bt(o,typeof n!="symbol"?n+"":n,e),qe=(o,n,e)=>n.has(o)||We("Cannot "+e);var d=(o,n,e)=>(qe(o,n,"read from private field"),e?e.call(o):n.get(o)),p=(o,n,e)=>n.has(o)?We("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(o):n.set(o,e),h=(o,n,e,t)=>(qe(o,n,"write to private field"),t?t.call(o,e):n.set(o,e),e);const s=require("lit"),u=require("lit/decorators.js"),ft=require("lit/directives/repeat.js"),xt=require("@singlebase/core"),$=require("./files-DW8A4Jl-.cjs");if(typeof CSS<"u"&&"registerProperty"in CSS)try{CSS.registerProperty({name:"--sb-ai-angle",syntax:"<angle>",inherits:!1,initialValue:"0deg"})}catch{}const vt=s.css`
+  :host {
+    --c-ink: var(--sb-ink, #16181a);
+    --c-ink2: var(--sb-ink-2, #41464b);
+    --c-muted: var(--sb-muted-ink, #61666c);
+    --c-faint: #8a8f95;
+    --c-bg: var(--sb-surface, #ffffff);
+    --c-bg2: var(--sb-surface-alt, #fafafa);
+    --c-hover: var(--sb-hover, #f2f3f4);
+    --c-line: var(--sb-border, #e4e6e9);
+    --c-line2: var(--sb-divider, #ecedee);
+    --c-strong: var(--sb-border-strong, #cdd1d6);
+    --c-brand: var(--sb-accent, #16181a);
+    --c-on-brand: var(--sb-on-accent, #ffffff);
+    --c-danger: var(--sb-danger, #b4231a);
+    --c-ok: var(--sb-ok, #0f6b4a);
+    --c-mono: var(--sb-mono, "Geist Mono", ui-monospace, monospace);
+    --c-r: var(--sb-radius, 4px);
+    --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-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 {
+    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;
+  }
+
+  .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-col {
+    max-width: 760px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  .composer-box {
+    position: relative;
+  }
+
+  .composer {
+    position: relative;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    padding: 8px;
+    border-radius: calc(var(--c-r) * 2.25);
+    background: var(--c-bg);
+    border: 1px solid var(--c-strong);
+    box-shadow:
+      0 1px 2px rgba(22, 24, 26, 0.04),
+      0 12px 32px -18px rgba(22, 24, 26, 0.22);
+    transition: border-color 0.15s;
+  }
+
+  .composer:focus-within {
+    border-color: var(--c-ink);
+  }
+
+  .composer.busy {
+    border-color: transparent;
+  }
+
+  :host([glow="off"]) .composer.busy {
+    border-color: var(--c-strong);
+  }
+
+  .composer textarea {
+    width: 100%;
+    resize: none;
+    font: inherit;
+    font-size: 14.5px;
+    line-height: 1.5;
+    color: var(--c-ink);
+    background: transparent;
+    border: none;
+    outline: none;
+    padding: 6px 6px 2px;
+    max-height: 176px;
+  }
+
+  .composer textarea::placeholder {
+    color: var(--c-faint);
+  }
+
+  .composer-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  }
+
+  .attach {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    font-size: 12.5px;
+    color: var(--c-muted);
+    background: none;
+    border: none;
+    border-radius: var(--c-r);
+    padding: 6px 8px;
+    cursor: pointer;
+  }
+
+  .attach:hover {
+    background: var(--c-hover);
+    color: var(--c-ink);
+  }
+
+  .send {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    padding: 0;
+    border-radius: var(--c-r2);
+    border: 1px solid var(--c-brand);
+    cursor: pointer;
+    background: var(--c-brand);
+    color: var(--c-on-brand);
+    transition: background 0.15s;
+  }
+
+  .send:disabled {
+    cursor: default;
+    background: var(--c-line);
+    border-color: var(--c-line);
+    color: var(--c-faint);
+  }
+
+  .send.stop {
+    background: var(--c-bg);
+    color: var(--c-ink);
+    border-color: var(--c-ink);
+  }
+
+  .send.stop svg {
+    fill: currentColor;
+    stroke: none;
+  }
+
+  .pending-files {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    padding: 2px 2px 4px;
+  }
+
+  .pending-file {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    padding: 4px 8px 4px 4px;
+    font-size: 12.5px;
+    border-radius: var(--c-r2);
+    border: 1px solid var(--c-line);
+    background: var(--c-bg2);
+    animation: aiIn 0.2s ease-out;
+  }
+
+  .pending-file .ext {
+    width: 28px;
+    height: 28px;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: var(--c-r);
+    background: var(--c-bg);
+    border: 1px solid var(--c-line);
+    font-family: var(--c-mono);
+    font-size: 9px;
+    letter-spacing: 0.03em;
+    color: var(--c-muted);
+  }
+
+  .pending-file .meta {
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    min-width: 0;
+  }
+
+  .pending-file .name {
+    max-width: 160px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .pending-file .size {
+    font-family: var(--c-mono);
+    font-size: 10.5px;
+    color: var(--c-muted);
+  }
+
+  .pending-file button {
+    font-size: 15px;
+    line-height: 1;
+    color: var(--c-muted);
+    background: none;
+    border: none;
+    padding: 0 0 0 2px;
+    cursor: pointer;
+  }
+
+  .pending-file button:hover {
+    color: var(--c-danger);
+  }
+
+  .footnote,
+  .branding {
+    text-align: center;
+    font-size: 11.5px;
+    color: var(--c-muted);
+  }
+
+  .branding {
+    padding: 0 12px 10px;
+    margin-top: -4px;
+  }
+
+  .branding a {
+    font-family: var(--c-mono);
+    font-size: 10.5px;
+    letter-spacing: 0.06em;
+    text-transform: uppercase;
+    color: var(--c-muted);
+    text-decoration: none;
+  }
+
+  .branding a:hover {
+    color: var(--c-ink);
+  }
+
+  .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;
+    }
+  }
+`,ot={eyebrowChat:"Chat",eyebrowRag:"Grounded answers",eyebrowRich:"Charts · tables · images",headingChat:"What can I help with?",headingRag:"Ask your knowledge base",headingRich:"Ask for a chart or a table",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.",descriptionRich:"Answers come back with charts, tables and images when they help. Attach CSV or JSON files to use your own data.",placeholderChat:"Message {name}…",placeholderRag:"Ask about your sources…",placeholderRich:"Ask for a chart, table or breakdown…",footnote:"{name} can make mistakes. Check important details.",attach:"Attach files",send:"Send message",stop:"Stop generating",removeFile:"Remove file",dropTitle:"Drop files to attach",dropSub:"Text, Markdown, CSV and JSON files are added as context.",thinking:"Thinking",searching:"Searching sources",building:"Building charts and tables",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",undo:"Undo",chatDeleted:"Chat deleted",messageDeleted:"Message deleted",messageBookmarked:"Message bookmarked",bookmarkRemoved:"Bookmark removed",chatBookmarked:"Chat bookmarked",chatUnbookmarked:"Chat removed from bookmarks",exported:"Exported {name}",copiedMarkdown:"Copied as Markdown",fileTooLarge:"{name} is larger than {size}.",fileType:"{name} isn't a text file.",tooManyFiles:"Attach up to {n} files at a time.",errGeneric:"Something went wrong.",errNotFound:"This chat no longer exists. Retry to start a new one.",errNoClient:"Chat isn't connected. Create a SinglebaseClient() on this page.",errLoad:"Couldn't load this chat.",retry:"Retry",offline:"You're offline. Messages will send when you reconnect.",bubbleText:"Hi! Questions? Ask me here.",openChat:"Open chat",closeChat:"Close chat",dismiss:"Dismiss",brandingLabel:"Chat by Singlebase"};function lt(o){return{...ot,...o??{}}}const yt=/^\|.*\|$/,kt=/^\|[\s:|-]+\|$/,Ge=/^!\[([^\]]*)\]\(([^)]*)\)$/,Ve=/^([-*]|\d+\.)\s+/;function ct(o){const n=[],e=(o??"").replace(/\r/g,"").split("```");return e.forEach((t,i)=>{if(i%2===1){const a=t.indexOf(`
+`),r=(a>-1?t.slice(0,a):t).trim().toLowerCase(),l=(a>-1?t.slice(a+1):"").replace(/\n$/,""),c=i===e.length-1;if(r==="chart"){const m=c?null:wt(l);n.push(m?{type:"chart",spec:m}:{type:"chartPending"})}else n.push({type:"code",lang:r||"code",text:l});return}for(const a of t.split(/\n{2,}/)){const r=a.trim();r&&n.push(...dt(r))}}),n}function dt(o){const n=o.split(`
+`).map(t=>t.trim()).filter(Boolean);if(n.length>1&&n.every(t=>yt.test(t))){const t=n.filter(i=>!kt.test(i)).map(i=>i.replace(/^\||\|$/g,"").split("|").map(a=>a.trim()));return[{type:"table",head:t[0]??[],rows:t.slice(1)}]}if(n.every(t=>Ge.test(t)))return[{type:"img",images:n.map(t=>{const i=t.match(Ge);return{alt:i[1],src:i[2]}})}];if(n.every(t=>t.startsWith(">")))return[{type:"quote",text:n.map(t=>t.replace(/^>\s?/,"")).join(" ")}];if(n.every(t=>Ve.test(t)))return[{type:"list",ordered:/^\d+\./.test(n[0]),items:n.map(t=>t.replace(Ve,""))}];const e=n[0].match(/^(#{1,4})\s+(.*)$/);if(e){const t=n.slice(1).join(`
+`);return[{type:"h",level:e[1].length,text:e[2]},...t?dt(t):[]]}return[{type:"p",text:n.join(" ")}]}function wt(o){let n;try{n=JSON.parse(o)}catch{return null}if(!n||typeof n!="object")return null;const e=(Array.isArray(n.series)?n.series:[]).filter(i=>i&&Array.isArray(i.values)).map((i,a)=>({name:String(i.name??`Series ${a+1}`),values:i.values.map(r=>Number(r)||0)}));if(!e.length)return null;const t=Array.isArray(n.labels)?n.labels.map(String):e[0].values.map((i,a)=>String(a+1));return{type:n.type==="line"?"line":"bar",title:String(n.title??""),unit:String(n.unit??""),labels:t,series:e}}const Xe=/\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)|\s?\[(\d+(?:\s*,\s*\d+)*)\]/g;function pt(o,n=0){const e=[];let t=0,i;Xe.lastIndex=0;const a=r=>{if(!r)return;const l=e[e.length-1];(l==null?void 0:l.type)==="text"?l.text+=r:e.push({type:"text",text:r})};for(;i=Xe.exec(o);){if(a(o.slice(t,i.index)),i[1]!==void 0)e.push({type:"bold",text:i[1]});else if(i[2]!==void 0)e.push({type:"code",text:i[2]});else if(i[3]!==void 0)e.push({type:"link",text:i[3],href:i[4]});else{const l=i[5].split(",").map(c=>Number(c.trim())).filter(c=>c>=1&&c<=n);n?l.forEach(c=>e.push({type:"cite",n:c})):a(i[0])}t=i.index+i[0].length}return a(o.slice(t)),e}function Pe(o){const n=new Set;for(const e of(o??"").match(/\[(\d+(?:\s*,\s*\d+)*)\]/g)??[])e.replace(/[[\]]/g,"").split(",").forEach(t=>n.add(Number(t.trim())));return n}function Ye(o){return{head:["",...o.series.map(n=>n.name)],rows:o.labels.map((n,e)=>[n,...o.series.map(t=>t.values[e]===void 0?"":`${t.values[e]}${o.unit}`)])}}const Fe=o=>o.replace(/\*\*/g,"").replace(/`/g,"").replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g,"$1");function ht(o,n){if(n==="markdown")return o.flatMap(e=>{if(e.type==="chart"){const t=Ye(e.spec);return[...e.spec.title?[{type:"p",text:`**${e.spec.title}**`}]:[],{type:"table",...t}]}return e.type==="img"?e.images.map(t=>({type:"p",text:`Image: ${t.alt||"untitled"}`})):[e]});if(n==="text"){const e=o.map(t=>{switch(t.type){case"chart":{const i=Ye(t.spec);return[t.spec.title,...[i.head,...i.rows].map(a=>a.join("  ·  "))].filter(Boolean).join(`
+`)}case"chartPending":return"";case"img":return t.images.map(i=>`Image: ${i.alt||"untitled"}`).join(`
+`);case"table":return[t.head,...t.rows].map(i=>i.map(Fe).join("  ·  ")).join(`
+`);case"list":return t.items.map(i=>`- ${Fe(i)}`).join(`
+`);case"code":case"raw":return t.text;default:return Fe(t.text)}}).filter(Boolean).join(`
+
+`);return e?[{type:"raw",text:e}]:[]}return o}function He(o){const n=o??"",e=n.search(/FOLLOWUPS:/i);if(e<0)return{text:n.trim(),followups:[]};const i=n.slice(e).replace(/^FOLLOWUPS:/i,"").split(/\||\n/).map(a=>a.replace(/^\s*(?:[-*↳→]|\d+[.)])\s*/,"").trim()).filter(Boolean).slice(0,3);return{text:n.slice(0,e).trim(),followups:i}}function $t(o){return(o??"").replace(/```(\w*)[\s\S]*?(```|$)/g,(n,e)=>e==="chart"?"[Chart] ":"[Code] ").replace(/!\[([^\]]*)\]\([^)]*\)/g,"[Image: $1]").replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g,"$1").replace(/[*#>`]/g,"").replace(/\|/g," ").replace(/\s?\[\d+(?:\s*,\s*\d+)*\]/g,"").replace(/\s+/g," ").trim()}function Ct(o,n=48){const e=$t(o);if(e.length<=n)return e;const t=e.slice(0,n),i=t.lastIndexOf(" ");return(i>n/2?t.slice(0,i):t).trim()}function St(o){return String(o??"").split(`
+`)[0].trim().replace(/^["'“”‘’]+|["'“”‘’]+$/g,"").replace(/^title:\s*/i,"").replace(/[.!?:;,]+$/,"").trim().slice(0,80)}function Qe(o,n=!1){return/^https?:\/\//i.test(o)?!0:n&&/^(blob:|data:image\/)/i.test(o)}var ut=Object.defineProperty,Tt=Object.getOwnPropertyDescriptor,zt=(o,n,e)=>n in o?ut(o,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[n]=e,g=(o,n,e,t)=>{for(var i=t>1?void 0:t?Tt(n,e):n,a=o.length-1,r;a>=0;a--)(r=o[a])&&(i=(t?r(n,e,i):r(i))||i);return t&&i&&ut(n,e,i),i},Mt=(o,n,e)=>zt(o,n+"",e);const Ze=["embed","mode","renderAs","glow","position","sidebar","showTitle","assistantName","logoUrl","heading","description","prompts","bubbleText","greetingBubble","unreadBadge","allowUpload","allowExport","branding","followups","autoTitle","model","params","systemMessage","retrieval","metadata","messages","theme"],Je={fromAttribute:o=>{if(o)try{return JSON.parse(o)}catch{console.warn("[singlebase-chat] an attribute holds invalid JSON; ignoring it");return}},toAttribute:o=>JSON.stringify(o??null)},M={fromAttribute:o=>o===null?!0:o!=="false",toAttribute:o=>o?null:"false"},Ot={fromAttribute:o=>o===null?void 0:o!=="false",toAttribute:o=>o===void 0?null:String(o)},_t=272,It=820,Lt=940,et=5,tt=512*1024,jt=/\.(md|markdown|txt|csv|tsv|json|html?|ya?ml|xml|log)$/i,At=5e3,Et=2600,z=["var(--c-ink)","oklch(0.58 0.13 255)","oklch(0.63 0.1 175)","oklch(0.74 0.12 70)"],it={chat:"Be helpful and concise. Use Markdown when it helps: headings, lists, **bold**, code blocks and tables.",rag:"Answer ONLY from the sources provided with each message, numbered in the order given. Put a citation like [1] right after each claim it supports. If the sources don't cover the question, say so plainly.",rich:'Lead with one sentence stating the key finding, with key numbers in **bold**. For trends and comparisons, include a chart as a fenced code block with the language "chart" containing only JSON: {"type":"bar"|"line","title":string,"unit":string,"labels":[string],"series":[{"name":string,"values":[number]}]}. Use Markdown tables for exact values. Keep prose short.'},Nt="After the answer, on a final line write FOLLOWUPS: followed by three short follow-up questions the user might ask next, separated by |.",st={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"]],rich:[["Bar chart","Compare the five most spoken languages in a bar chart"],["Line chart","Show world population from 1950 to 2020"],["Table","List the planets with their diameters in a table"],["Breakdown","Break down a $4,000 monthly budget by category"]]},w=(o,n="")=>s.html`<svg class="i ${n}" viewBox="0 0 16 16" aria-hidden="true">${o}</svg>`,v={sidebar:()=>w(s.svg`<rect x="2" y="2.5" width="12" height="11" rx="1.5"></rect><path d="M6 2.5v11"></path>`),plus:()=>w(s.svg`<path d="M8 3v10M3 8h10"></path>`),bookmark:(o=!1)=>w(s.svg`<path d="M4.5 2.5h7v11L8 11l-3.5 2.5z"></path>`,o?"filled":""),download:()=>w(s.svg`<path d="M8 2.5v8M4.5 7.5L8 11l3.5-3.5M2.5 13.5h11"></path>`),trash:()=>w(s.svg`<path d="M2.5 4.5h11M6.5 4.5v-2h3v2M4 4.5l.7 9h6.6l.7-9"></path>`),pencil:()=>w(s.svg`<path d="M10.5 2.5l3 3L6 13H3v-3z"></path>`),copy:()=>w(s.svg`<rect x="5.5" y="5.5" width="8" height="8" rx="1.5"></rect><path d="M10.5 5.5v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2"></path>`),refresh:()=>w(s.svg`<path d="M13.5 8A5.5 5.5 0 1 1 11.9 4.1M13.5 2v3.5H10"></path>`),thumb:(o=!1)=>s.html`<svg
+      class="i"
+      viewBox="0 0 16 16"
+      aria-hidden="true"
+      style=${o?"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:()=>w(s.svg`<path d="M9.5 2.5h4v4M13.5 2.5L9 7M6.5 13.5h-4v-4M2.5 13.5L7 9"></path>`),restore:()=>w(s.svg`<path d="M13.5 6.5h-4v-4M9.5 6.5l4-4M2.5 9.5h4v4M6.5 9.5l-4 4"></path>`),minimize:()=>w(s.svg`<path d="M4 8h8"></path>`),close:()=>w(s.svg`<path d="M4 4l8 8M12 4l-8 8"></path>`),clip:()=>w(s.svg`<path d="M13 7.5l-5.3 5.3a3 3 0 0 1-4.3-4.3L9 2.9a2 2 0 0 1 2.9 2.9L6.4 11.3a1 1 0 0 1-1.4-1.4L10 5"></path>`),up:()=>w(s.svg`<path d="M8 13V3M3.5 7.5L8 3l4.5 4.5"></path>`),stop:()=>w(s.svg`<rect x="4.5" y="4.5" width="7" height="7" rx="1"></rect>`),chat:()=>s.html`<svg
+      width="22"
+      height="22"
+      viewBox="0 0 22 22"
+      aria-hidden="true"
+      style="fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round"
+    >
+      <path
+        d="M4 5.5A2.5 2.5 0 0 1 6.5 3h9A2.5 2.5 0 0 1 18 5.5v7a2.5 2.5 0 0 1-2.5 2.5H9l-4 3.5V15H6.5"
+      ></path>
+    </svg>`,chevronDown:()=>s.html`<svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      aria-hidden="true"
+      style="fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round"
+    >
+      <path d="M5 8l5 5 5-5"></path>
+    </svg>`};let Bt=0;const Ke=()=>`m${Date.now().toString(36)}${(Bt++).toString(36)}`;function at(o){var e;const n=o;return(n==null?void 0:n.message)==="NOT_FOUND"||(n==null?void 0:n.code)==="NOT_FOUND"||((e=n==null?void 0:n.details)==null?void 0:e.status)===404}function Dt(o){const n=o;return(n==null?void 0:n.code)||(n==null?void 0:n.message)||"UNKNOWN"}const Rt=()=>typeof matchMedia<"u"&&matchMedia("(prefers-reduced-motion: reduce)").matches,Re=(o,n)=>(Number.isInteger(o)?o.toLocaleString("en-US"):o.toFixed(1))+n,rt=o=>{const n=o.lastIndexOf(".");return n>0?o.slice(n+1,n+5).toUpperCase():"FILE"};function _(o,n){const e=o??{},t=e.metadata&&typeof e.metadata=="object"?e.metadata:{},i=(...l)=>l.find(c=>typeof c=="string"&&c.trim()),a=i(e.content,e.text,e.page_content,e.body,e.snippet,e.chunk,t.content)??JSON.stringify(e,null,2),r=[e.score,e.relevance,e._score,t.score].find(l=>typeof l=="number");return{n,title:i(e.title,e.name,e.filename,t.title,t.name)??`Source ${n}`,path:i(e.path,e.url,e.key,e.source,t.path,t.url)??"",collection:i(e.collection,e.namespace,e.dbname,t.collection)??"",updated:i(e.updated,e._modified_at,t.updated)??"",text:a,score:r===void 0?null:Math.max(0,Math.min(1,r))}}function Ut(o){const n=[],e=[];for(const t of o)if(/\.csv$/i.test(t.name))n.push({type:"csv",data:t.content});else if(/\.json$/i.test(t.name))try{n.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&&n.push({type:"docs",payload:{documents:e}}),n}function Ue(o){const n=o?Date.parse(o):NaN;if(Number.isNaN(n))return"older";const e=new Date;e.setHours(0,0,0,0);const t=864e5;return n>=e.getTime()?"today":n>=e.getTime()-t?"yesterday":n>=e.getTime()-7*t?"week":"older"}var I,L,j,A,E,N,B,D,R,U,F,K,P,H,J,W,q,G,V,X,Y,Q,Z,ee,te,ie,se,ae,re,ne,oe,le,ce,de,pe,he,ue,ge,me,be,fe,xe,ve,ye,ke,we,$e,Ce,Se,Te,ze,Me,Oe,_e,Ie,Le,je,Ae,Ee,Ne,Be,nt;exports.SinglebaseChat=(nt=class extends s.LitElement{constructor(){super(...arguments);p(this,I,null);p(this,L,{});p(this,j);p(this,A,"chat");p(this,E,"rich");p(this,N,"subtle");p(this,B,!0);p(this,D,!0);p(this,R,"");p(this,U,{});p(this,F,"");p(this,K,[]);p(this,P,{});p(this,H,"page");p(this,J,"right");p(this,W);p(this,q,!0);p(this,G,"");p(this,V,"Assistant");p(this,X,"");p(this,Y,"");p(this,Q,"");p(this,Z,"");p(this,ee,"");p(this,te,!1);p(this,ie,!1);p(this,se,!0);p(this,ae,!0);p(this,re,!0);p(this,ne,[]);p(this,oe,"idle");p(this,le,null);p(this,ce,"");p(this,de,!1);p(this,pe,[]);p(this,he,!1);p(this,ue,"");p(this,ge,!1);p(this,me,"");p(this,be,[]);p(this,fe,"");p(this,xe,null);p(this,ve,0);p(this,ye,null);p(this,ke,!1);p(this,we,"");p(this,$e,"");p(this,Ce,!1);p(this,Se,"");p(this,Te,null);p(this,ze,"");p(this,Me,new Set);p(this,Oe,"");p(this,_e,!1);p(this,Ie,!1);p(this,Le,!1);p(this,je,!1);p(this,Ae,!1);p(this,Ee,!1);p(this,Ne,!1);p(this,Be,!1);k(this,"run",0);k(this,"abort",null);k(this,"revealTimer");k(this,"timers",new Set);k(this,"toastTimer");k(this,"stick",!0);k(this,"renamed",new Set);k(this,"observer",null);k(this,"observed",null);k(this,"media",null);k(this,"focusNext","");k(this,"bubbleScheduled",!1);k(this,"onNetwork",()=>{this.offline=navigator.onLine===!1});k(this,"onMedia",()=>{var e;this.mobile=!!((e=this.media)!=null&&e.matches)})}get client(){return d(this,I)}set client(e){h(this,I,e)}get messages(){return d(this,L)}set messages(e){h(this,L,e)}get theme(){return d(this,j)}set theme(e){h(this,j,e)}get mode(){return d(this,A)}set mode(e){h(this,A,e)}get renderAs(){return d(this,E)}set renderAs(e){h(this,E,e)}get glow(){return d(this,N)}set glow(e){h(this,N,e)}get followups(){return d(this,B)}set followups(e){h(this,B,e)}get autoTitle(){return d(this,D)}set autoTitle(e){h(this,D,e)}get model(){return d(this,R)}set model(e){h(this,R,e)}get params(){return d(this,U)}set params(e){h(this,U,e)}get systemMessage(){return d(this,F)}set systemMessage(e){h(this,F,e)}get retrieval(){return d(this,K)}set retrieval(e){h(this,K,e)}get metadata(){return d(this,P)}set metadata(e){h(this,P,e)}get embed(){return d(this,H)}set embed(e){h(this,H,e)}get position(){return d(this,J)}set position(e){h(this,J,e)}get sidebar(){return d(this,W)}set sidebar(e){h(this,W,e)}get showTitle(){return d(this,q)}set showTitle(e){h(this,q,e)}get chatIdAttr(){return d(this,G)}set chatIdAttr(e){h(this,G,e)}get assistantName(){return d(this,V)}set assistantName(e){h(this,V,e)}get logoUrl(){return d(this,X)}set logoUrl(e){h(this,X,e)}get heading(){return d(this,Y)}set heading(e){h(this,Y,e)}get description(){return d(this,Q)}set description(e){h(this,Q,e)}get prompts(){return d(this,Z)}set prompts(e){h(this,Z,e)}get bubbleText(){return d(this,ee)}set bubbleText(e){h(this,ee,e)}get greetingBubble(){return d(this,te)}set greetingBubble(e){h(this,te,e)}get unreadBadge(){return d(this,ie)}set unreadBadge(e){h(this,ie,e)}get allowUpload(){return d(this,se)}set allowUpload(e){h(this,se,e)}get allowExport(){return d(this,ae)}set allowExport(e){h(this,ae,e)}get branding(){return d(this,re)}set branding(e){h(this,re,e)}get chatList(){return d(this,ne)}set chatList(e){h(this,ne,e)}get listState(){return d(this,oe)}set listState(e){h(this,oe,e)}get activeId(){return d(this,le)}set activeId(e){h(this,le,e)}get chatTitle(){return d(this,ce)}set chatTitle(e){h(this,ce,e)}get bookmarked(){return d(this,de)}set bookmarked(e){h(this,de,e)}get msgs(){return d(this,pe)}set msgs(e){h(this,pe,e)}get loadingThread(){return d(this,he)}set loadingThread(e){h(this,he,e)}get threadError(){return d(this,ue)}set threadError(e){h(this,ue,e)}get busy(){return d(this,ge)}set busy(e){h(this,ge,e)}get draft(){return d(this,me)}set draft(e){h(this,me,e)}get files(){return d(this,be)}set files(e){h(this,be,e)}get search(){return d(this,fe)}set search(e){h(this,fe,e)}get sidebarOpen(){return d(this,xe)}set sidebarOpen(e){h(this,xe,e)}get width(){return d(this,ve)}set width(e){h(this,ve,e)}get panel(){return d(this,ye)}set panel(e){h(this,ye,e)}get menuOpen(){return d(this,ke)}set menuOpen(e){h(this,ke,e)}get editingKey(){return d(this,we)}set editingKey(e){h(this,we,e)}get editDraft(){return d(this,$e)}set editDraft(e){h(this,$e,e)}get editingTitle(){return d(this,Ce)}set editingTitle(e){h(this,Ce,e)}get renamingId(){return d(this,Se)}set renamingId(e){h(this,Se,e)}get toast(){return d(this,Te)}set toast(e){h(this,Te,e)}get copiedKey(){return d(this,ze)}set copiedKey(e){h(this,ze,e)}get retrievalOpen(){return d(this,Me)}set retrievalOpen(e){h(this,Me,e)}get arrivedKey(){return d(this,Oe)}set arrivedKey(e){h(this,Oe,e)}get dragging(){return d(this,_e)}set dragging(e){h(this,_e,e)}get showJump(){return d(this,Ie)}set showJump(e){h(this,Ie,e)}get offline(){return d(this,Le)}set offline(e){h(this,Le,e)}get isOpen(){return d(this,je)}set isOpen(e){h(this,je,e)}get expanded(){return d(this,Ae)}set expanded(e){h(this,Ae,e)}get bubble(){return d(this,Ee)}set bubble(e){h(this,Ee,e)}get seen(){return d(this,Ne)}set seen(e){h(this,Ne,e)}get mobile(){return d(this,Be)}set mobile(e){h(this,Be,e)}get msg(){return lt(this.messages)}get resolvedClient(){return this.client??xt.getDefaultClient()??null}get chatId(){return this.activeId}get thread(){return this.msgs}get chats(){return this.chatList}set config(e){const t=this;for(const i of Ze)e&&i in e&&(t[i]=e[i])}get config(){const e=this;return Object.fromEntries(Ze.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!==void 0&&(this.sidebarOpen=this.sidebar),this.embed==="launcher"&&this.greetingBubble&&!this.bubbleScheduled&&(this.bubbleScheduled=!0,this.later(()=>{!this.isOpen&&!this.seen&&(this.bubble=!0)},1200))}firstUpdated(){this.chatIdAttr&&this.openChat(this.chatIdAttr)}updated(){var t;const e=this.renderRoot.querySelector(".root");if(e!==this.observed&&((t=this.observer)==null||t.disconnect(),this.observed=e,e&&typeof ResizeObserver<"u"&&(this.observer??(this.observer=new ResizeObserver(([i])=>{const a=Math.round(i.contentRect.width);a!==this.width&&(this.width=a,this.sidebarOpen===null&&(this.sidebarOpen=this.sidebar??this.docked))})),this.observer.observe(e))),this.sidebarOpen&&this.listState==="idle"&&this.resolvedClient&&this.loadChats(),this.focusNext){const i=this.renderRoot.querySelector(this.focusNext);this.focusNext="",i&&(i.focus(),"select"in i&&i.tagName==="INPUT"&&i.select())}}later(e,t){const i=setTimeout(()=>{this.timers.delete(i),e()},t);this.timers.add(i)}emit(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}get docked(){return this.embed==="page"&&this.width>=It}get panelDocked(){const e=this.docked&&this.sidebarOpen?_t:0;return this.width-e>=Lt}newChat(){this.halt(),this.activeId=null,this.chatTitle="",this.bookmarked=!1,this.msgs=[],this.threadError="",this.resetViewState(),this.focusNext="textarea.input"}async openChat(e){const t=this.resolvedClient;if(!e)return;this.halt();const i=this.chatList.find(r=>r._id===e);if(this.activeId=e,this.chatTitle=(i==null?void 0:i.title)??"",this.bookmarked=!!(i!=null&&i.bookmarked),this.msgs=[],this.threadError="",this.resetViewState(),!t){this.threadError=this.msg.errNoClient;return}const a=++this.run;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(l=>l&&(l.role==="user"||l.role==="assistant")).map(l=>this.fromServer(l)),this.upsertChat({...i,...r,_id:e}),this.stick=!0,this.scrollToBottom()}catch(r){if(a!==this.run)return;at(r)?(this.chatList=this.chatList.filter(l=>l._id!==e),this.newChat(),this.showToast(this.msg.errNotFound)):this.threadError=this.msg.errLoad}finally{a===this.run&&(this.loadingThread=!1)}}async send(e){const t=(typeof e=="string"?e:this.draft).trim();if(!t||this.busy)return;const i=this.files;this.draft="",this.files=[];const a=this.renderRoot.querySelector("textarea.input");a&&(a.style.height="auto"),await this.runTurn(this.userMessage(t,i))}stop(){if(!this.busy)return;const e=this.msgs[this.msgs.length-1];this.halt(),(e==null?void 0:e.role)==="assistant"&&(e.phase==="pending"||e.phase==="streaming")&&(e.phase="done",e.stopped=!0,e.followups=[],this.msgs=[...this.msgs])}exportChat(e="md"){var T;if(!this.msgs.length)return;this.menuOpen=!1;const t=this.chatTitle||this.msg.untitled,i=y=>y.role==="user"?this.msg.you:this.assistantName,a=y=>new Date(y||Date.now()).toLocaleString(),r=y=>y.sources.map((O,gt)=>{const De=_(O,gt+1);return`[${De.n}] ${De.title}${De.path?` — ${De.path}`:""}`}),l=y=>(y.attachments??[]).map(O=>O.name);let c,m="text/markdown",x="md";if(e==="json"?(c=JSON.stringify({exportedAt:new Date().toISOString(),id:this.activeId,title:t,mode:this.mode,bookmarked:this.bookmarked,messages:this.msgs.map(y=>({role:y.role,text:y.content,at:new Date(y.at||Date.now()).toISOString(),bookmarked:y.bookmarked,attachments:l(y),sources:r(y)}))},null,2),m="application/json",x="json"):e==="txt"?(c=`${t}
+${"=".repeat(t.length)}
+
+`+this.msgs.map(y=>[`${i(y)} · ${a(y.at)}`,l(y).length?`Attachments: ${l(y).join(", ")}`:"",y.content,r(y).length?`Sources:
+${r(y).join(`
+`)}`:""].filter(Boolean).join(`
+`)).join(`
+
+`),m="text/plain",x="txt"):c=`# ${t}
+
+`+this.msgs.map(y=>[`### ${i(y)} · ${a(y.at)}`,l(y).length?`Attachments: ${l(y).join(", ")}`:"",y.content,r(y).length?`**Sources**
+
+${r(y).map(O=>`- ${O}`).join(`
+`)}`:""].filter(Boolean).join(`
+
+`)).join(`
+
+---
+
+`)+`
+`,this.emit("singlebase-chat-export",{chatId:this.activeId,format:e}),e==="copy"){(T=navigator.clipboard)==null||T.writeText(c).catch(()=>{}),this.showToast(this.msg.copiedMarkdown);return}const S=`${t.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")||"chat"}-${new Date().toISOString().slice(0,10)}.${x}`,C=URL.createObjectURL(new Blob([c],{type:m})),b=document.createElement("a");b.href=C,b.download=S,document.body.appendChild(b),b.click(),b.remove(),setTimeout(()=>URL.revokeObjectURL(C),2e3),this.showToast($.fill(this.msg.exported,{name:S}))}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:Ke(),id:null,role:"user",content:e,at:Date.now(),bookmarked:!1,sources:[],followups:[],phase:"done",attachments:t}}systemPrompt(){return[this.systemMessage,it[this.mode]??it.chat,this.followups?Nt:""].filter(Boolean).join(`
+
+`)}payloadFor(e){const t={message:e.content,format:"markdown"};this.activeId?t._id=this.activeId:(t.title=Ct(e.content),t.system_message=this.systemPrompt()),this.model&&(t.model=this.model),Object.keys(this.params??{}).length&&(t.params=this.params);const i=(e.attachments??[]).map(r=>r.name);(Object.keys(this.metadata??{}).length||i.length)&&(t.metadata={...this.metadata,...i.length?{attachments:i}:{}});const a=[...this.retrieval??[],...Ut(e.attachments??[])];return a.length&&(t.retrieval=a),t}async runTurn(e){const t={key:Ke(),id:null,role:"assistant",content:"",at:Date.now(),bookmarked:!1,sources:[],followups:[],phase:"pending"};this.msgs=[...this.msgs,e,t],this.busy=!0,this.panel=null,this.stick=!0,this.scrollToBottom(),this.emit("singlebase-chat-send",{chatId:this.activeId,text:e.content});const i=this.resolvedClient;if(!i){this.failTurn(t,this.msg.errNoClient,"NO_CLIENT"),this.busy=!1;return}const a=++this.run,r=new AbortController;this.abort=r;const l=!this.activeId,c=this.payloadFor(e);try{const m=await i.llm.call("chat",c,{signal:r.signal}),x=(m==null?void 0:m._id)||(m==null?void 0:m.chat_id)||this.activeId;if(l&&x&&this.upsertChat({_id:x,title:(m==null?void 0:m.title)||c.title,bookmarked:!!(m!=null&&m.bookmarked),_modified_at:new Date().toISOString()}),a!==this.run)return;x&&(this.activeId=x),l?(this.chatTitle=(m==null?void 0:m.title)||c.title,this.bookmarked=!!(m!=null&&m.bookmarked)):x&&this.touchChat(x);const f=(m==null?void 0:m.message)??{},S=typeof f.content=="string"?f.content:(m==null?void 0:m.json)!==void 0?JSON.stringify(m.json,null,2):"",{text:C,followups:b}=He(S);e.id=f.reply_to??null,Object.assign(t,{id:f._id??null,content:C,sources:Array.isArray(f.sources)?f.sources:[],followups:this.followups?b:[],execTime:typeof f.exec_time=="number"?f.exec_time:void 0,model:f.model,at:Date.now()}),this.emit("singlebase-chat-response",{chatId:x,message:t}),await this.reveal(t,a),l&&x&&this.autoTitle&&this.retitle(x,e.content,t.content)}catch(m){if(a!==this.run)return;const x=at(m);x&&(this.chatList=this.chatList.filter(f=>f._id!==this.activeId),this.activeId=null),this.failTurn(t,x?this.msg.errNotFound:this.msg.errGeneric,Dt(m))}finally{a===this.run&&(this.busy=!1,this.abort=null,this.stick&&this.scrollToBottom())}}failTurn(e,t,i){e.phase="error",e.error=t,this.msgs=[...this.msgs],this.emit("singlebase-chat-error",{chatId:this.activeId,code:i,message:t})}reveal(e,t){const i=e.content.length,a=()=>{e.phase="done",this.msgs=[...this.msgs],this.arrivedKey=e.key,this.later(()=>{this.arrivedKey===e.key&&(this.arrivedKey="")},Et),this.stick?this.scrollToBottom():this.showJump=!0};if(!i||Rt())return a(),Promise.resolve();const r=e.content,l=Math.max(4,Math.ceil(i/90));let c=0;return e.phase="streaming",e.content="",new Promise(m=>{this.revealTimer=setInterval(()=>{if(t!==this.run){clearInterval(this.revealTimer),m();return}if(c=Math.min(i,c+l),e.content=r.slice(0,c),c>=i){clearInterval(this.revealTimer),a(),m();return}this.msgs=[...this.msgs],this.stick&&this.scrollToBottom()},16)})}halt(){var e;this.run++,(e=this.abort)==null||e.abort(),this.abort=null,clearInterval(this.revealTimer),this.busy=!1}async retitle(e,t,i){const a=this.resolvedClient;if(!(!a||this.renamed.has(e)))try{const r=await a.llm.call("generate",{user_input:`user: ${t}
+assistant: ${i.slice(0,1500)}`,custom_instructions:"Write a concise title (3–6 words, sentence case, no quotes, no trailing punctuation) for this conversation.",format:"text"}),l=St(r==null?void 0:r.result);if(!l||this.renamed.has(e))return;await a.llm.call("update_chat",{_id:e,title:l}),this.applyTitle(e,l,!0)}catch{}}applyTitle(e,t,i){this.chatList=this.chatList.map(a=>a._id===e?{...a,title:t}:a),this.activeId===e&&(this.chatTitle=t),this.emit("singlebase-chat-title",{chatId:e,title:t,auto:i})}commitTitle(e){this.editingTitle&&(this.editingTitle=!1,this.activeId&&this.renameChat(this.activeId,e))}commitRename(e,t){this.renamingId===e&&(this.renamingId="",this.renameChat(e,t))}async renameChat(e,t){var r,l;const i=t.trim().slice(0,80),a=((r=this.chatList.find(c=>c._id===e))==null?void 0:r.title)??this.chatTitle;if(!(!i||i===a)){this.renamed.add(e),this.applyTitle(e,i,!1);try{await((l=this.resolvedClient)==null?void 0:l.llm.call("update_chat",{_id:e,title:i}))}catch{this.applyTitle(e,a??"",!1),this.showToast(this.msg.errGeneric)}}}fromServer(e){const t=e.role==="assistant",{text:i,followups:a}=t?He(String(e.content??"")):{text:String(e.content??""),followups:[]};return{key:Ke(),id:e._id??null,role:t?"assistant":"user",content:i,at:Date.parse(e._created_at??"")||0,bookmarked:!!e.bookmarked,sources:Array.isArray(e.sources)?e.sources:[],followups:this.followups?a:[],phase:"done",execTime:typeof e.exec_time=="number"?e.exec_time:void 0,model:e.model}}async loadChats(){const e=this.resolvedClient;if(e){this.listState="loading";try{const t=await e.llm.call("list_chats",{limit:100});this.chatList=[...(t==null?void 0:t.items)??[]],this.listState="ready"}catch{this.listState="error"}}}upsertChat(e){const t=this.chatList.filter(a=>a._id!==e._id),i=this.chatList.find(a=>a._id===e._id);this.chatList=[{...i,...e},...t]}touchChat(e){const t=this.chatList.find(i=>i._id===e);t&&this.upsertChat({...t,_modified_at:new Date().toISOString()})}resetViewState(){this.panel=null,this.menuOpen=!1,this.editingKey="",this.editingTitle=!1,this.showJump=!1,this.retrievalOpen=new Set,this.sidebarOpen&&!this.docked&&(this.sidebarOpen=!1)}async deleteOnServer(e){const t=this.resolvedClient,i=this.activeId;if(!(!t||!i))for(const a of e)a&&await t.llm.call("delete_chat_message",{_id:i,message_id:a}).catch(()=>{})}async regenerate(){if(this.busy)return;const e=this.msgs.map(a=>a.role).lastIndexOf("assistant"),t=this.msgs[e-1];if(e<1||(t==null?void 0:t.role)!=="user")return;const i=this.msgs.slice(e-1);this.msgs=this.msgs.slice(0,e-1),await this.deleteOnServer(i.map(a=>a.id)),await this.runTurn(this.userMessage(t.content,t.attachments))}async retry(e){if(this.busy)return;const t=this.msgs.indexOf(e),i=this.msgs[t-1];(i==null?void 0:i.role)==="user"&&(this.msgs=this.msgs.slice(0,t-1),await this.runTurn(this.userMessage(i.content,i.attachments)))}async saveEdit(e){const t=this.editDraft.trim(),i=this.msgs.indexOf(e);if(this.editingKey="",!t||i<0||this.busy)return;const a=this.msgs.slice(i);this.msgs=this.msgs.slice(0,i),await this.deleteOnServer(a.map(r=>r.id)),await this.runTurn(this.userMessage(t,e.attachments))}copy(e,t){var i;(i=navigator.clipboard)==null||i.writeText(t).catch(()=>{}),this.copiedKey=e,this.later(()=>{this.copiedKey===e&&(this.copiedKey="")},1400)}async toggleMessageBookmark(e){var i;const t=this.activeId;if(!(!t||!e.id)){e.bookmarked=!e.bookmarked,this.msgs=[...this.msgs],this.showToast(e.bookmarked?this.msg.messageBookmarked:this.msg.bookmarkRemoved),this.emit("singlebase-chat-bookmark",{chatId:t,messageId:e.id,bookmarked:e.bookmarked});try{await((i=this.resolvedClient)==null?void 0:i.llm.call("bookmark_chat_message",{_id:t,message_id:e.id,bookmarked:e.bookmarked}))}catch{e.bookmarked=!e.bookmarked,this.msgs=[...this.msgs],this.showToast(this.msg.errGeneric)}}}async toggleChatBookmark(e){var r,l;const t=((r=this.chatList.find(c=>c._id===e))==null?void 0:r.bookmarked)??(e===this.activeId?this.bookmarked:!1),i=!t,a=c=>{this.chatList=this.chatList.map(m=>m._id===e?{...m,bookmarked:c}:m),e===this.activeId&&(this.bookmarked=c)};a(i),this.showToast(i?this.msg.chatBookmarked:this.msg.chatUnbookmarked),this.emit("singlebase-chat-bookmark",{chatId:e,bookmarked:i});try{await((l=this.resolvedClient)==null?void 0:l.llm.call("bookmark_chat",{_id:e,bookmarked:i}))}catch{a(t),this.showToast(this.msg.errGeneric)}}deleteMessage(e){var a;const t=this.activeId,i=this.msgs.indexOf(e);i<0||(this.msgs=this.msgs.filter(r=>r!==e),((a=this.panel)==null?void 0:a.key)===e.key&&(this.panel=null),this.showToast(this.msg.messageDeleted,{undo:()=>{if(this.activeId!==t)return;const r=[...this.msgs];r.splice(i,0,e),this.msgs=r},commit:()=>{var r;this.emit("singlebase-chat-message-delete",{chatId:t,messageId:e.id}),t&&e.id&&((r=this.resolvedClient)==null||r.llm.call("delete_chat_message",{_id:t,message_id:e.id}).catch(()=>{}))}}))}deleteChat(e){const t=this.chatList.findIndex(l=>l._id===e),i=this.chatList[t]??{_id:e,title:this.chatTitle,bookmarked:this.bookmarked},a=e===this.activeId,r=a?{title:this.chatTitle,bookmarked:this.bookmarked,msgs:this.msgs}:null;this.chatList=this.chatList.filter(l=>l._id!==e),a&&this.newChat(),this.showToast(this.msg.chatDeleted,{undo:()=>{const l=[...this.chatList];l.splice(Math.max(0,t),0,i),this.chatList=l,r&&!this.activeId&&!this.msgs.length&&(this.activeId=e,this.chatTitle=r.title,this.bookmarked=r.bookmarked,this.msgs=r.msgs)},commit:()=>{var l;this.emit("singlebase-chat-delete",{chatId:e}),(l=this.resolvedClient)==null||l.llm.call("delete_chat",{_id:e}).catch(()=>{})}})}feedback(e,t){e.feedback=t,this.msgs=[...this.msgs],this.emit("singlebase-chat-feedback",{chatId:this.activeId,messageId:e.id,value:t,text:e.content})}showToast(e,t={}){this.flushToast();const i={key:Date.now(),text:e,...t};this.toast=i,this.toastTimer=setTimeout(()=>{this.toast===i&&this.flushToast()},At)}flushToast(){var t;const e=this.toast;clearTimeout(this.toastTimer),this.toast=null,(t=e==null?void 0:e.commit)==null||t.call(e)}undo(){var t;const e=this.toast;clearTimeout(this.toastTimer),this.toast=null,(t=e==null?void 0:e.undo)==null||t.call(e)}async addFiles(e){const t=Array.from(e??[]);if(!t.length)return;const i=[];for(const a of t){if(this.files.length+i.length>=et){this.showToast($.fill(this.msg.tooManyFiles,{n:et}));break}if(!jt.test(a.name)&&!a.type.startsWith("text/")){this.showToast($.fill(this.msg.fileType,{name:a.name}));continue}if(a.size>tt){this.showToast($.fill(this.msg.fileTooLarge,{name:a.name,size:$.formatSize(tt)}));continue}i.push({name:a.name,size:a.size,content:await a.text()})}i.length&&(this.files=[...this.files,...i],this.emit("singlebase-chat-files",{files:i.map(({name:a,size:r})=>({name:a,size:r}))}))}async scrollToBottom(){await this.updateComplete;const e=this.renderRoot.querySelector(".scroller");e&&(e.scrollTop=e.scrollHeight),this.showJump=!1}onScroll(e){const t=e.currentTarget;this.stick=t.scrollHeight-t.scrollTop-t.clientHeight<80,this.stick&&(this.showJump=!1)}jumpToLatest(){this.stick=!0,this.scrollToBottom()}onKeydown(e){if(e.key==="Escape"){if(this.menuOpen)this.menuOpen=!1;else if(this.panel)this.panel=null;else if(this.sidebarOpen&&!this.docked)this.sidebarOpen=!1;else if(this.expanded)this.collapse();else if(this.embed==="launcher"&&this.isOpen)this.close();else return;e.stopPropagation()}}onComposerKey(e){e.key==="Enter"&&!e.shiftKey&&!e.isComposing&&(e.preventDefault(),this.send())}onComposerInput(e){const t=e.target;t.style.height="auto",t.style.height=`${Math.min(176,t.scrollHeight)}px`,this.draft=t.value}onDragEnter(e){var t;!this.allowUpload||!Array.from(((t=e.dataTransfer)==null?void 0:t.types)??[]).includes("Files")||(e.preventDefault(),this.dragging=!0)}onDragLeave(e){e.currentTarget.contains(e.relatedTarget)||(this.dragging=!1)}onDrop(e){var t;e.preventDefault(),this.dragging=!1,this.allowUpload&&this.addFiles((t=e.dataTransfer)==null?void 0:t.files)}render(){if(this.embed==="launcher")return this.renderLauncher();const e=["frame",this.embed==="inline"?"inline boxed":"",this.expanded?"expanded boxed":""].join(" ");return s.html`<div class=${e} part="frame">${this.renderWorkspace()}</div>`}renderLauncher(){const e=this.msg,t=["frame launcher boxed",this.expanded?"expanded":"",this.mobile?"full":""].join(" "),i=this.isOpen?s.html`<div class=${t} role="dialog" aria-label=${this.assistantName} part="frame">
+          ${this.renderWorkspace()}
+        </div>`:s.nothing,a=this.bubble&&!this.isOpen?s.html`<div class="bubble" part="bubble">
+            <button type="button" class="bubble-text" @click=${()=>this.open()}>
+              ${this.bubbleText||e.bubbleText}
+            </button>
+            <button
+              type="button"
+              class="icon sm"
+              aria-label=${e.dismiss}
+              title=${e.dismiss}
+              @click=${()=>this.bubble=!1}
+            >
+              ${v.close()}
+            </button>
+          </div>`:s.nothing,l=this.isOpen&&(this.expanded||this.mobile)?s.nothing:s.html`<button
+          type="button"
+          class="launcher-btn"
+          part="launcher"
+          aria-label=${this.isOpen?e.closeChat:e.openChat}
+          aria-expanded=${this.isOpen?"true":"false"}
+          @click=${()=>this.isOpen?this.close():this.open()}
+        >
+          ${this.isOpen?v.chevronDown():v.chat()}
+          ${this.unreadBadge&&!this.seen&&!this.isOpen?s.html`<span class="badge"></span>`:s.nothing}
+        </button>`;return s.html`${i}${a}${l}`}renderWorkspace(){const e=!this.docked;return s.html`<div class="root" @keydown=${this.onKeydown}>
+      ${this.sidebarOpen&&e?s.html`<div class="scrim" @click=${()=>this.sidebarOpen=!1}></div>`:s.nothing}
+      ${this.sidebarOpen?this.renderSidebar(e):s.nothing}
+      <main
+        class="main"
+        @dragenter=${this.onDragEnter}
+        @dragover=${t=>t.preventDefault()}
+      >
+        ${this.renderHeader()}
+        ${this.offline?s.html`<div class="banner" role="status">${this.msg.offline}</div>`:s.nothing}
+        <div
+          class="scroller"
+          role="log"
+          aria-live="polite"
+          aria-busy=${this.busy?"true":"false"}
+          part="messages"
+          @scroll=${this.onScroll}
+        >
+          ${this.msgs.length||this.loadingThread||this.threadError?this.renderThread():this.renderWelcome()}
+        </div>
+        ${this.showJump?s.html`<button type="button" class="jump" @click=${this.jumpToLatest}>
+                ↓ ${this.msg.newReply}
+              </button>`:s.nothing}
+        ${this.renderComposer()}
+        ${this.branding?s.html`<div class="branding" part="branding">
+                <a href="https://singlebase.cloud" target="_blank" rel="noopener noreferrer"
+                  >${this.msg.brandingLabel}</a
+                >
+              </div>`:s.nothing}
+        ${this.toast?s.html`<div class="toast" role="status">
+                <span>${this.toast.text}</span>
+                ${this.toast.undo?s.html`<button type="button" @click=${this.undo}>${this.msg.undo}</button>`:s.nothing}
+              </div>`:s.nothing}
+        ${this.dragging?s.html`<div
+                class="drop"
+                @dragover=${t=>t.preventDefault()}
+                @dragleave=${this.onDragLeave}
+                @drop=${this.onDrop}
+              >
+                <strong>${this.msg.dropTitle}</strong><span>${this.msg.dropSub}</span>
+              </div>`:s.nothing}
+      </main>
+      ${this.renderPanel()}
+    </div>`}renderSidebar(e){const t=this.msg,i=this.search.trim().toLowerCase(),a=this.chatList.filter(c=>!i||(c.title??"").toLowerCase().includes(i)),r=[[t.groupBookmarked,a.filter(c=>c.bookmarked)],[t.groupToday,a.filter(c=>!c.bookmarked&&Ue(c._modified_at??c._created_at)==="today")],[t.groupYesterday,a.filter(c=>!c.bookmarked&&Ue(c._modified_at??c._created_at)==="yesterday")],[t.groupWeek,a.filter(c=>!c.bookmarked&&Ue(c._modified_at??c._created_at)==="week")],[t.groupOlder,a.filter(c=>!c.bookmarked&&Ue(c._modified_at??c._created_at)==="older")]];let l;return this.listState==="loading"&&!this.chatList.length?l=s.html`<div aria-label=${t.loadingChats}>
+        ${[1,2,3,4].map(()=>s.html`<div class="skeleton"></div>`)}
+      </div>`:a.length?l=r.filter(([,c])=>c.length).map(([c,m])=>s.html`<div class="group">${c}</div>
+              ${m.map(x=>this.renderThreadRow(x))}`):l=s.html`<span class="side-note"
+        >${i?$.fill(t.noMatch,{query:this.search.trim()}):t.noChats}</span
+      >`,s.html`<aside
+      class="sidebar ${e?"overlay":"docked"}"
+      part="sidebar"
+      aria-label=${t.chats}
+    >
+      <div class="side-head">
+        <span class="label">${t.chats}</span>
+        <button
+          type="button"
+          class="icon"
+          title=${t.hideSidebar}
+          aria-label=${t.hideSidebar}
+          @click=${()=>this.sidebarOpen=!1}
+        >
+          ${v.sidebar()}
+        </button>
+      </div>
+      <div class="side-tools">
+        <button type="button" class="new-chat" @click=${()=>this.newChat()}>
+          ${v.plus()}<span>${t.newChat}</span>
+        </button>
+        <input
+          class="search"
+          type="search"
+          placeholder=${t.searchChats}
+          aria-label=${t.searchChats}
+          .value=${this.search}
+          @input=${c=>this.search=c.target.value}
+        />
+      </div>
+      <div class="threads">${l}</div>
+    </aside>`}renderThreadRow(e){const t=this.msg,i=e._id===this.activeId,a=e.title||t.untitled;if(this.renamingId===e._id)return s.html`<div class="thread active">
+        <input
+          class="thread-rename"
+          maxlength="80"
+          .value=${a}
+          aria-label=${t.renameChat}
+          @keydown=${l=>{l.key==="Enter"&&this.commitRename(e._id,l.target.value),l.key==="Escape"&&(l.stopPropagation(),this.renamingId="")}}
+          @blur=${l=>this.commitRename(e._id,l.target.value)}
+        />
+      </div>`;const r=l=>c=>{c.stopPropagation(),l()};return s.html`<div
+      class="thread ${i?"active":""}"
+      role="button"
+      tabindex="0"
+      aria-current=${i?"true":"false"}
+      @click=${()=>this.openChat(e._id)}
+      @keydown=${l=>l.key==="Enter"&&this.openChat(e._id)}
+    >
+      <span class="thread-title">${a}</span>
+      <span class="thread-actions">
+        <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))}
+        >
+          ${v.bookmark(!!e.bookmarked)}
+        </button>
+        <button
+          type="button"
+          class="icon sm"
+          title=${t.renameChat}
+          aria-label=${t.renameChat}
+          @click=${r(()=>{this.renamingId=e._id,this.focusNext="input.thread-rename"})}
+        >
+          ${v.pencil()}
+        </button>
+        <button
+          type="button"
+          class="icon sm danger"
+          title=${t.deleteChat}
+          aria-label=${t.deleteChat}
+          @click=${r(()=>this.deleteChat(e._id))}
+        >
+          ${v.trash()}
+        </button>
+      </span>
+    </div>`}renderHeader(){const e=this.msg,t=!!this.activeId,i=(this.embed==="inline"||this.embed==="launcher")&&!this.mobile,a=this.embed==="launcher"?()=>this.close():this.expanded?()=>this.collapse():null;let r=s.nothing;return this.showTitle&&(r=this.editingTitle?s.html`<input
+            class="title-input"
+            maxlength="80"
+            .value=${this.chatTitle}
+            aria-label=${e.renameChat}
+            @keydown=${l=>{l.key==="Enter"&&this.commitTitle(l.target.value),l.key==="Escape"&&(l.stopPropagation(),this.editingTitle=!1)}}
+            @blur=${l=>this.commitTitle(l.target.value)}
+          />`:s.html`<button
+            type="button"
+            class="title"
+            part="title"
+            ?disabled=${!t}
+            title=${t?e.renameChat:""}
+            @click=${()=>{this.editingTitle=!0,this.focusNext="input.title-input"}}
+          >
+            ${this.chatTitle||e.untitled}
+          </button>`),s.html`<header class="header" part="header">
+      <div class="header-left">
+        ${this.sidebarOpen&&this.docked?s.nothing:s.html`<button
+                type="button"
+                class="icon"
+                title=${e.showChats}
+                aria-label=${e.showChats}
+                @click=${()=>this.sidebarOpen=!0}
+              >
+                ${v.sidebar()}
+              </button>`}
+        ${r}
+      </div>
+      <div class="header-right">
+        <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)}
+        >
+          ${v.bookmark(this.bookmarked)}
+        </button>
+        ${this.allowExport?s.html`<div class="menu-wrap">
+                <button
+                  type="button"
+                  class="icon ${this.menuOpen?"on":""}"
+                  ?disabled=${!this.msgs.length}
+                  title=${e.exportChat}
+                  aria-label=${e.exportChat}
+                  aria-haspopup="menu"
+                  aria-expanded=${this.menuOpen?"true":"false"}
+                  @click=${()=>this.menuOpen=!this.menuOpen}
+                >
+                  ${v.download()}
+                </button>
+                ${this.menuOpen?this.renderExportMenu():s.nothing}
+              </div>`:s.nothing}
+        <button
+          type="button"
+          class="icon danger"
+          ?disabled=${!t}
+          title=${e.deleteChat}
+          aria-label=${e.deleteChat}
+          @click=${()=>this.activeId&&this.deleteChat(this.activeId)}
+        >
+          ${v.trash()}
+        </button>
+        ${i||a?s.html`<span class="divider"></span> ${i?s.html`<button
+                        type="button"
+                        class="icon"
+                        title=${this.expanded?e.restore:e.expand}
+                        aria-label=${this.expanded?e.restore:e.expand}
+                        @click=${()=>this.expanded?this.collapse():this.expand()}
+                      >
+                        ${this.expanded?v.restore():v.expand()}
+                      </button>`:s.nothing}
+                ${a?s.html`<button
+                        type="button"
+                        class="icon"
+                        title=${e.minimize}
+                        aria-label=${e.minimize}
+                        @click=${a}
+                      >
+                        ${v.minimize()}
+                      </button>`:s.nothing}`:s.nothing}
+      </div>
+    </header>`}renderExportMenu(){const e=this.msg,t=[[e.exportMarkdown,".md","md"],[e.exportJson,".json","json"],[e.exportText,".txt","txt"],[e.exportCopy,"","copy"]];return s.html`<div class="menu-scrim" @click=${()=>this.menuOpen=!1}></div>
+      <div class="menu" role="menu">
+        <span class="label">${e.exportHeading}</span>
+        ${t.map(([i,a,r])=>s.html`<button
+              type="button"
+              role="menuitem"
+              class="menu-item"
+              @click=${()=>this.exportChat(r)}
+            >
+              <span>${i}</span><span class="ext">${a}</span>
+            </button>`)}
+      </div>`}promptList(){const e=this.prompts;return Array.isArray(e)&&e.length?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()?e.split("|").map(t=>t.trim()).filter(Boolean).slice(0,4).map(t=>({text:t})):(st[this.mode]??st.chat).map(([t,i])=>({label:t,text:i}))}renderWelcome(){const e=this.msg,t=this.mode==="rag"?"Rag":this.mode==="rich"?"Rich":"Chat",i=a=>e[`${a}${t}`];return s.html`<div class="welcome" part="welcome">
+      <div class="welcome-head">
+        ${this.logoUrl&&Qe(this.logoUrl,!0)?s.html`<img class="welcome-logo" src=${this.logoUrl} alt="" />`:s.nothing}
+        <span class="label">${i("eyebrow")}</span>
+        <h2>${this.heading||i("heading")}</h2>
+        <p>${this.description||i("description")}</p>
+      </div>
+      <div class="prompts">
+        ${this.promptList().map(a=>s.html`<button
+              type="button"
+              class="prompt"
+              part="prompt"
+              @click=${()=>this.send(a.text)}
+            >
+              <span class="label">${a.label||"Suggested"}</span>
+              <span class="prompt-text">${a.text}</span>
+            </button>`)}
+      </div>
+    </div>`}renderThread(){const e=this.msgs.map(t=>t.role).lastIndexOf("assistant");return s.html`<div class="thread-view">
+      ${this.threadError?s.html`<div class="error-card" role="alert">
+              <span>${this.threadError}</span>
+              ${this.activeId?s.html`<button
+                      type="button"
+                      class="btn"
+                      @click=${()=>this.openChat(this.activeId)}
+                    >
+                      ${this.msg.retry}
+                    </button>`:s.nothing}
+            </div>`:s.nothing}
+      ${this.loadingThread?s.html`${[1,2].map(()=>s.html`<div class="skeleton" style="height:48px"></div>`)}`:s.nothing}
+      ${ft.repeat(this.msgs,t=>t.key,(t,i)=>t.role==="user"?this.renderUser(t):this.renderBot(t,i===e))}
+    </div>`}renderUser(e){const t=this.msg,i=e.at?new Date(e.at).toLocaleTimeString([],{hour:"numeric",minute:"2-digit"}):"",a=e.attachments??[];return s.html`<div class="msg user" part="message user">
+      ${a.length?s.html`<div class="attachments">
+              ${a.map(r=>s.html`<span class="doc-chip"><span class="ext">${rt(r.name)}</span><span class="name">${r.name}</span></span>`)}
+            </div>`:s.nothing}
+      ${this.editingKey===e.key?s.html`<div class="edit-box">
+              <textarea
+                rows="3"
+                class="edit-input"
+                .value=${this.editDraft}
+                @input=${r=>this.editDraft=r.target.value}
+                @keydown=${r=>{r.key==="Escape"&&(r.stopPropagation(),this.editingKey="")}}
+              ></textarea>
+              <div class="row-end">
+                <button type="button" class="btn" @click=${()=>this.editingKey=""}>
+                  ${t.cancel}
+                </button>
+                <button type="button" class="btn primary" @click=${()=>this.saveEdit(e)}>
+                  ${t.saveResend}
+                </button>
+              </div>
+            </div>`:s.html`<div class="bubble-user">${e.content}</div>
+              <div class="toolbar">
+                ${e.bookmarked?s.html`<span class="saved">${v.bookmark(!0)}${t.saved}</span>`:s.nothing}
+                <span class="time">${i}</span>
+                ${this.busy?s.nothing:s.html`<button
+                        type="button"
+                        class="icon"
+                        title=${t.edit}
+                        aria-label=${t.edit}
+                        @click=${()=>{this.editingKey=e.key,this.editDraft=e.content,this.focusNext="textarea.edit-input"}}
+                      >
+                        ${v.pencil()}
+                      </button>`}
+                <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)}
+                >
+                  ${v.copy()}
+                </button>
+                ${e.id?s.html`<button
+                        type="button"
+                        class="icon ${e.bookmarked?"on":""}"
+                        title=${e.bookmarked?t.unbookmarkMessage:t.bookmarkMessage}
+                        aria-label=${e.bookmarked?t.unbookmarkMessage:t.bookmarkMessage}
+                        @click=${()=>this.toggleMessageBookmark(e)}
+                      >
+                        ${v.bookmark(e.bookmarked)}
+                      </button>`:s.nothing}
+                <button
+                  type="button"
+                  class="icon danger"
+                  title=${t.deleteMessage}
+                  aria-label=${t.deleteMessage}
+                  @click=${()=>this.deleteMessage(e)}
+                >
+                  ${v.trash()}
+                </button>
+              </div>`}
+    </div>`}pillLabel(){return this.mode==="rag"?this.msg.searching:this.mode==="rich"?this.msg.building:this.msg.thinking}renderBot(e,t){const i=this.msg,a=e.phase==="pending",r=e.phase==="done",l=e.sources.length,c=Pe(e.content),m=e.sources.map((b,T)=>_(b,T+1)),x=c.size?m.filter(b=>c.has(b.n)):m,f=e.at?new Date(e.at).toLocaleTimeString([],{hour:"numeric",minute:"2-digit"}):"",S=e.content+(x.length?`
+
+Sources:
+${x.map(b=>`[${b.n}] ${b.title}`).join(`
+`)}`:""),C=this.retrievalOpen.has(e.key);return s.html`<div class="msg bot" part="message assistant">
+      ${a?s.html`<div class="halo"></div>`:s.nothing}
+      ${this.arrivedKey===e.key?s.html`<div class="arrived">
+              <div class="wash"></div>
+              <div class="ring"></div>
+              <div class="sweep"></div>
+            </div>`:s.nothing}
+      <div class="bot-body">
+        ${e.bookmarked?s.html`<span class="saved">${v.bookmark(!0)}${i.saved}</span>`:s.nothing}
+        ${a?s.html`<div class="pill" role="status">
+                <span class="ring"></span><span class="dot"></span>
+                <span class="shimmer">${this.pillLabel()}</span>
+              </div>`:s.nothing}
+        ${l&&!a?s.html`<div class="retrieval">
+                <button
+                  type="button"
+                  class="retrieval-toggle"
+                  aria-expanded=${C?"true":"false"}
+                  @click=${()=>{const b=new Set(this.retrievalOpen);b.has(e.key)?b.delete(e.key):b.add(e.key),this.retrievalOpen=b}}
+                >
+                  <span class="chev">${C?"▾":"▸"}</span>
+                  <span style="flex:1">${$.fill(i.searchedSources,{n:l})}</span>
+                  ${e.execTime!==void 0?s.html`<span class="ms">${e.execTime.toFixed(1)}s</span>`:s.nothing}
+                </button>
+                ${C?s.html`<div class="retrieval-list">
+                        ${m.map(b=>s.html`<button
+                              type="button"
+                              class="passage"
+                              @click=${()=>this.panel={key:e.key,n:b.n}}
+                            >
+                              <span class="n">${b.n}</span>
+                              <span class="what"
+                                ><span>${b.title}</span><span>${b.collection||b.path}</span></span
+                              >
+                              ${b.score!==null?s.html`<span class="relevance"
+                                      ><span class="score">${b.score.toFixed(2)}</span>
+                                      <span class="relevance-track"
+                                        ><span
+                                          class="relevance-fill"
+                                          style="width:${Math.round(b.score*100)}%"
+                                        ></span></span
+                                    ></span>`:s.html`<span></span>`}
+                            </button>`)}
+                      </div>`:s.nothing}
+              </div>`:s.nothing}
+        ${a?s.nothing:this.renderAnswer(e)}
+        ${e.phase==="streaming"?s.html`<span class="caret"></span>`:s.nothing}
+        ${e.phase==="error"?s.html`<div class="error-card" role="alert">
+                <span>${e.error}</span>
+                <button type="button" class="btn" @click=${()=>this.retry(e)}>
+                  ${i.retry}
+                </button>
+              </div>`:s.nothing}
+        ${r&&x.length?s.html`<div class="cards">
+                <span class="label">${c.size?i.sourcesCited:i.sourcesRetrieved}</span>
+                <div class="card-grid">
+                  ${x.map(b=>{var T;return s.html`<button
+                        type="button"
+                        class="source-card ${((T=this.panel)==null?void 0:T.key)===e.key&&this.panel.n===b.n?"active":""}"
+                        @click=${()=>this.panel={key:e.key,n:b.n}}
+                      >
+                        <span class="top"
+                          ><span class="num">${b.n}</span
+                          >${b.collection?s.html`<span class="label">${b.collection}</span>`:s.nothing}</span
+                        >
+                        <span class="t">${b.title}</span>
+                        <span class="s">${b.text}</span>
+                      </button>`})}
+                </div>
+              </div>`:s.nothing}
+        ${r?s.html`<div class="toolbar ${t?"pinned":""}">
+                <button
+                  type="button"
+                  class="icon"
+                  title=${this.copiedKey===e.key?i.copied:i.copy}
+                  aria-label=${i.copy}
+                  @click=${()=>this.copy(e.key,S)}
+                >
+                  ${v.copy()}
+                </button>
+                ${t&&!this.busy?s.html`<button
+                        type="button"
+                        class="icon"
+                        title=${i.regenerate}
+                        aria-label=${i.regenerate}
+                        @click=${()=>this.regenerate()}
+                      >
+                        ${v.refresh()}
+                      </button>`:s.nothing}
+                ${e.id?s.html`<button
+                        type="button"
+                        class="icon ${e.bookmarked?"on":""}"
+                        title=${e.bookmarked?i.unbookmarkMessage:i.bookmarkMessage}
+                        aria-label=${e.bookmarked?i.unbookmarkMessage:i.bookmarkMessage}
+                        @click=${()=>this.toggleMessageBookmark(e)}
+                      >
+                        ${v.bookmark(e.bookmarked)}
+                      </button>`:s.nothing}
+                <button
+                  type="button"
+                  class="icon danger"
+                  title=${i.deleteMessage}
+                  aria-label=${i.deleteMessage}
+                  @click=${()=>this.deleteMessage(e)}
+                >
+                  ${v.trash()}
+                </button>
+                <span class="time">${f}</span>
+                ${e.stopped?s.html`<span class="note">${i.stopped}</span>`:s.nothing}
+                <span class="spacer"></span>
+                ${e.feedback?s.html`<span class="note"
+                        >${e.feedback==="up"?i.markedHelpful:i.thanksFeedback}</span
+                      >`:s.html`<button
+                          type="button"
+                          class="icon"
+                          title=${i.helpful}
+                          aria-label=${i.helpful}
+                          @click=${()=>this.feedback(e,"up")}
+                        >
+                          ${v.thumb()}
+                        </button>
+                        <button
+                          type="button"
+                          class="icon"
+                          title=${i.notHelpful}
+                          aria-label=${i.notHelpful}
+                          @click=${()=>this.feedback(e,"down")}
+                        >
+                          ${v.thumb(!0)}
+                        </button>`}
+              </div>`:s.nothing}
+        ${r&&t&&!this.busy&&e.followups.length?s.html`<div class="followups">
+                ${e.followups.map(b=>s.html`<button type="button" class="followup" @click=${()=>this.send(b)}>
+                      <span class="arrow">↳</span><span>${b}</span>
+                    </button>`)}
+              </div>`:s.nothing}
+      </div>
+    </div>`}renderAnswer(e){if(e.phase==="error"&&!e.content)return s.nothing;if(e.phase==="done"&&!e.content)return e.stopped?s.nothing:s.html`<div class="answer"><p class="note">${this.msg.emptyReply}</p></div>`;const t=ht(ct(e.content),this.renderAs),i=this.renderAs==="text"?0:e.sources.length;return s.html`<div class="answer" part="answer">
+      ${t.map((a,r)=>this.renderBlock(a,e,i,r))}
+    </div>`}renderInline(e,t,i){return pt(e,i).map(a=>{var r;switch(a.type){case"bold":return s.html`<strong>${a.text}</strong>`;case"code":return s.html`<code class="inline">${a.text}</code>`;case"link":return s.html`<a href=${a.href} target="_blank" rel="noopener noreferrer nofollow"
+            >${a.text}</a
+          >`;case"cite":{const l=((r=this.panel)==null?void 0:r.key)===t.key&&this.panel.n===a.n?"cite active":"cite",c=$.fill(this.msg.openSource,{n:a.n}),m=()=>this.panel={key:t.key,n:a.n};return s.html`<button type="button" class=${l} aria-label=${c} @click=${m}>${a.n}</button>`}default:return a.text}})}renderBlock(e,t,i,a){switch(e.type){case"p":return s.html`<p>${this.renderInline(e.text,t,i)}</p>`;case"raw":return s.html`<p class="raw">${e.text}</p>`;case"h":return s.html`<h3>${this.renderInline(e.text,t,i)}</h3>`;case"list":{const r=e.items.map(l=>s.html`<li>${this.renderInline(l,t,i)}</li>`);return e.ordered?s.html`<ol>
+              ${r}
+            </ol>`:s.html`<ul>
+              ${r}
+            </ul>`}case"quote":return s.html`<div class="quote">${this.renderInline(e.text,t,i)}</div>`;case"code":{const r=`${t.key}:${a}`;return s.html`<div class="code">
+          <div class="code-head">
+            <span class="label">${e.lang}</span>
+            <button type="button" class="text-btn" @click=${()=>this.copy(r,e.text)}>
+              ${this.copiedKey===r?this.msg.copied:this.msg.copy}
+            </button>
+          </div>
+          <pre><code>${e.text}</code></pre>
+        </div>`}case"table":return s.html`<div class="table">
+          <table>
+            <thead>
+              <tr>
+                ${e.head.map(r=>s.html`<th>${this.renderInline(r,t,i)}</th>`)}
+              </tr>
+            </thead>
+            <tbody>
+              ${e.rows.map(r=>s.html`<tr>
+                    ${r.map(l=>s.html`<td>${this.renderInline(l,t,i)}</td>`)}
+                  </tr>`)}
+            </tbody>
+          </table>
+        </div>`;case"chart":return this.renderChart(e.spec);case"chartPending":return s.html`<div class="chart-pending"><span class="label">Rendering chart</span></div>`;case"img":return s.html`<div class="gallery ${e.images.length>1?"many":""}">
+          ${e.images.map(r=>s.html`<figure>
+                ${r.src&&Qe(r.src,!0)?s.html`<img
+                        src=${r.src}
+                        alt=${r.alt}
+                        loading="lazy"
+                        referrerpolicy="no-referrer"
+                      />`:s.html`<div class="img-missing"><span class="label">Image</span></div>`}
+                ${r.alt?s.html`<figcaption>${r.alt}</figcaption>`:s.nothing}
+              </figure>`)}
+        </div>`;default:return s.nothing}}renderChart(e){const t=e.series.length>1?s.html`<span class="legend">
+            ${e.series.map((l,c)=>s.html`<span
+                  ><span
+                    class="swatch"
+                    style="background:${z[c%z.length]}"
+                  ></span
+                  >${l.name}</span
+                >`)}
+          </span>`:s.nothing,i=s.html`<div class="chart-head">
+      <span class="chart-title">${e.title}</span>${t}
+    </div>`;if(e.type==="line"){const l=Math.max(0,...e.series.flatMap(f=>f.values)),c=Math.pow(10,Math.floor(Math.log10(l||1))),m=Math.ceil(l/c*2)/2*c||1,x=Math.max(e.labels.length,...e.series.map(f=>f.values.length));return s.html`<figure class="chart" part="chart" aria-label=${e.title}>
+        ${i}
+        <div class="line-chart">
+          <div class="plot">
+            ${[1,.5,0].map(f=>s.html`<div class="tick ${f===0?"base":""}" style="top:${(1-f)*100}%">
+                  <span>${Re(Math.round(m*f),e.unit)}</span>
+                </div>`)}
+            <svg
+              viewBox="0 0 600 170"
+              preserveAspectRatio="none"
+              role="img"
+              aria-label=${e.title}
+            >
+              ${e.series.map((f,S)=>s.svg`<polyline pathLength="1" stroke=${z[S%z.length]}
+                  points=${f.values.map((C,b)=>`${(x>1?b/(x-1)*600:300).toFixed(1)},${(170-C/m*170).toFixed(1)}`).join(" ")}><title>${f.name}: ${f.values.map(C=>Re(C,e.unit)).join(", ")}</title></polyline>`)}
+            </svg>
+          </div>
+          <div class="x-labels">${e.labels.map(f=>s.html`<span>${f}</span>`)}</div>
+        </div>
+      </figure>`}const a=e.labels.map((l,c)=>e.series.reduce((m,x)=>m+(x.values[c]||0),0)),r=Math.max(0,...a)||1;return s.html`<figure class="chart" part="chart" aria-label=${e.title}>
+      ${i}
+      <div class="bars">
+        ${e.labels.map((l,c)=>s.html`<div class="bar-row" title="${l}: ${Re(a[c],e.unit)}">
+              <span class="bar-label">${l}</span>
+              <span class="bar-track"
+                ><span class="bar-fill" style="width:${Math.max(0,a[c])/r*100}%">
+                  ${e.series.map((m,x)=>s.html`<span
+                        style="flex:${Math.max(0,m.values[c]||0)};background:${e.series.length>1?z[x%z.length]:"var(--c-ink)"}"
+                      ></span>`)}
+                </span></span
+              >
+              <span class="bar-value">${Re(a[c],e.unit)}</span>
+            </div>`)}
+      </div>
+    </figure>`}renderPanel(){if(!this.panel)return s.nothing;const e=this.msgs.find(f=>f.key===this.panel.key),t=e==null?void 0:e.sources[this.panel.n-1];if(!e||!t)return s.nothing;const i=this.msg,a=_(t,this.panel.n),r=Pe(e.content),l=e.sources.map((f,S)=>_(f,S+1)).filter(f=>f.n!==a.n&&(!r.size||r.has(f.n))),c=`ref:${e.key}:${a.n}`,m=`"${a.text}"
+— ${a.title} [${a.n}]${a.path?`
+${a.path}`:""}${a.updated?` · Updated ${a.updated}`:""}`,x=[a.updated?`Updated ${a.updated}`:"",a.score!==null?`Relevance ${a.score.toFixed(2)}`:""].filter(Boolean).join(" · ");return s.html`<aside
+      class="panel ${this.panelDocked?"docked":"overlay"}"
+      part="panel"
+      role="region"
+      aria-label=${$.fill(i.sourceLabel,{n:a.n})}
+    >
+      <div class="panel-head">
+        <span class="label"
+          >${$.fill(i.sourceLabel,{n:a.n})}${a.collection?` · ${a.collection}`:""}</span
+        >
+        <button type="button" class="text-btn underline" @click=${()=>this.panel=null}>
+          ${i.close}
+        </button>
+      </div>
+      <div class="panel-body">
+        <div class="panel-meta">
+          <h3>${a.title}</h3>
+          ${a.path?s.html`<span class="path">${a.path}</span>`:s.nothing}
+          ${x?s.html`<span class="meta">${x}</span>`:s.nothing}
+        </div>
+        <div class="passage-box">
+          <span class="text">${a.text}</span>
+          <div class="passage-foot">
+            <span class="label">${i.citedPassage}</span>
+            <button
+              type="button"
+              class="copy-ref"
+              title=${i.copyReference}
+              aria-label=${i.copyReference}
+              @click=${()=>this.copy(c,m)}
+            >
+              ${v.copy()}<span>${this.copiedKey===c?i.copied:i.copy}</span>
+            </button>
+          </div>
+        </div>
+      </div>
+      ${l.length?s.html`<div class="panel-foot">
+              <span class="label">${i.alsoCited}</span>
+              <div class="chips">
+                ${l.map(f=>s.html`<button
+                      type="button"
+                      class="chip"
+                      @click=${()=>this.panel={key:e.key,n:f.n}}
+                    >
+                      ${f.n} · ${f.title}
+                    </button>`)}
+              </div>
+            </div>`:s.nothing}
+    </aside>`}renderComposer(){const e=this.msg,t=this.mode==="rag"?e.placeholderRag:this.mode==="rich"?e.placeholderRich:$.fill(e.placeholderChat,{name:this.assistantName}),i=!this.draft.trim();return s.html`<div class="composer-wrap">
+      <div class="composer-col">
+        <input
+          type="file"
+          multiple
+          hidden
+          accept=".md,.markdown,.txt,.csv,.tsv,.json,.html,.htm,.yaml,.yml,.xml,.log,text/*"
+          @change=${a=>{const r=a.target;this.addFiles(r.files).then(()=>r.value="")}}
+        />
+        <div class="composer-box">
+          ${this.busy?s.html`<div class="composer-glow"></div>`:s.nothing}
+          <div class="composer ${this.busy?"busy":""}" part="composer">
+            ${this.files.length?s.html`<div class="pending-files">
+                    ${this.files.map(a=>s.html`<div class="pending-file">
+                          <span class="ext">${rt(a.name)}</span>
+                          <span class="meta"
+                            ><span class="name">${a.name}</span
+                            ><span class="size">${$.formatSize(a.size)}</span></span
+                          >
+                          <button
+                            type="button"
+                            aria-label=${e.removeFile}
+                            title=${e.removeFile}
+                            @click=${()=>this.files=this.files.filter(r=>r!==a)}
+                          >
+                            ×
+                          </button>
+                        </div>`)}
+                  </div>`:s.nothing}
+            <textarea
+              class="input"
+              rows="1"
+              placeholder=${t}
+              aria-label=${t}
+              .value=${this.draft}
+              @input=${this.onComposerInput}
+              @keydown=${this.onComposerKey}
+            ></textarea>
+            <div class="composer-row">
+              <div>
+                ${this.allowUpload?s.html`<button
+                        type="button"
+                        class="attach"
+                        title=${e.attach}
+                        aria-label=${e.attach}
+                        @click=${()=>{var a;return(a=this.renderRoot.querySelector("input[type=file]"))==null?void 0:a.click()}}
+                      >
+                        ${v.clip()}
+                      </button>`:s.nothing}
+              </div>
+              ${this.busy?s.html`<button
+                      type="button"
+                      class="send stop"
+                      title=${e.stop}
+                      aria-label=${e.stop}
+                      @click=${()=>this.stop()}
+                    >
+                      ${v.stop()}
+                    </button>`:s.html`<button
+                      type="button"
+                      class="send"
+                      title=${e.send}
+                      aria-label=${e.send}
+                      ?disabled=${i}
+                      @click=${()=>this.send()}
+                    >
+                      ${v.up()}
+                    </button>`}
+            </div>
+          </div>
+          ${this.busy?s.html`<div class="composer-ring"><div class="ring"></div></div>`:s.nothing}
+        </div>
+        <span class="footnote">${$.fill(e.footnote,{name:this.assistantName})}</span>
+      </div>
+    </div>`}},I=new WeakMap,L=new WeakMap,j=new WeakMap,A=new WeakMap,E=new WeakMap,N=new WeakMap,B=new WeakMap,D=new WeakMap,R=new WeakMap,U=new WeakMap,F=new WeakMap,K=new WeakMap,P=new WeakMap,H=new WeakMap,J=new WeakMap,W=new WeakMap,q=new WeakMap,G=new WeakMap,V=new WeakMap,X=new WeakMap,Y=new WeakMap,Q=new WeakMap,Z=new WeakMap,ee=new WeakMap,te=new WeakMap,ie=new WeakMap,se=new WeakMap,ae=new WeakMap,re=new WeakMap,ne=new WeakMap,oe=new WeakMap,le=new WeakMap,ce=new WeakMap,de=new WeakMap,pe=new WeakMap,he=new WeakMap,ue=new WeakMap,ge=new WeakMap,me=new WeakMap,be=new WeakMap,fe=new WeakMap,xe=new WeakMap,ve=new WeakMap,ye=new WeakMap,ke=new WeakMap,we=new WeakMap,$e=new WeakMap,Ce=new WeakMap,Se=new WeakMap,Te=new WeakMap,ze=new WeakMap,Me=new WeakMap,Oe=new WeakMap,_e=new WeakMap,Ie=new WeakMap,Le=new WeakMap,je=new WeakMap,Ae=new WeakMap,Ee=new WeakMap,Ne=new WeakMap,Be=new WeakMap,nt);Mt(exports.SinglebaseChat,"styles",[$.tokenDefaults,vt]);g([u.property({attribute:!1})],exports.SinglebaseChat.prototype,"client",1);g([u.property({attribute:!1})],exports.SinglebaseChat.prototype,"messages",1);g([u.property({reflect:!0})],exports.SinglebaseChat.prototype,"theme",1);g([u.property({reflect:!0})],exports.SinglebaseChat.prototype,"mode",1);g([u.property({attribute:"render-as"})],exports.SinglebaseChat.prototype,"renderAs",1);g([u.property({reflect:!0})],exports.SinglebaseChat.prototype,"glow",1);g([u.property({converter:M})],exports.SinglebaseChat.prototype,"followups",1);g([u.property({converter:M,attribute:"auto-title"})],exports.SinglebaseChat.prototype,"autoTitle",1);g([u.property()],exports.SinglebaseChat.prototype,"model",1);g([u.property({converter:Je})],exports.SinglebaseChat.prototype,"params",1);g([u.property({attribute:"system-message"})],exports.SinglebaseChat.prototype,"systemMessage",1);g([u.property({converter:Je})],exports.SinglebaseChat.prototype,"retrieval",1);g([u.property({converter:Je})],exports.SinglebaseChat.prototype,"metadata",1);g([u.property({reflect:!0})],exports.SinglebaseChat.prototype,"embed",1);g([u.property({reflect:!0})],exports.SinglebaseChat.prototype,"position",1);g([u.property({converter:Ot})],exports.SinglebaseChat.prototype,"sidebar",1);g([u.property({converter:M,attribute:"show-title"})],exports.SinglebaseChat.prototype,"showTitle",1);g([u.property({attribute:"chat-id"})],exports.SinglebaseChat.prototype,"chatIdAttr",1);g([u.property({attribute:"assistant-name"})],exports.SinglebaseChat.prototype,"assistantName",1);g([u.property({attribute:"logo-url"})],exports.SinglebaseChat.prototype,"logoUrl",1);g([u.property()],exports.SinglebaseChat.prototype,"heading",1);g([u.property()],exports.SinglebaseChat.prototype,"description",1);g([u.property()],exports.SinglebaseChat.prototype,"prompts",1);g([u.property({attribute:"bubble-text"})],exports.SinglebaseChat.prototype,"bubbleText",1);g([u.property({type:Boolean,attribute:"greeting-bubble"})],exports.SinglebaseChat.prototype,"greetingBubble",1);g([u.property({type:Boolean,attribute:"unread-badge"})],exports.SinglebaseChat.prototype,"unreadBadge",1);g([u.property({converter:M,attribute:"allow-upload"})],exports.SinglebaseChat.prototype,"allowUpload",1);g([u.property({converter:M,attribute:"allow-export"})],exports.SinglebaseChat.prototype,"allowExport",1);g([u.property({converter:M})],exports.SinglebaseChat.prototype,"branding",1);g([u.state()],exports.SinglebaseChat.prototype,"chatList",1);g([u.state()],exports.SinglebaseChat.prototype,"listState",1);g([u.state()],exports.SinglebaseChat.prototype,"activeId",1);g([u.state()],exports.SinglebaseChat.prototype,"chatTitle",1);g([u.state()],exports.SinglebaseChat.prototype,"bookmarked",1);g([u.state()],exports.SinglebaseChat.prototype,"msgs",1);g([u.state()],exports.SinglebaseChat.prototype,"loadingThread",1);g([u.state()],exports.SinglebaseChat.prototype,"threadError",1);g([u.state()],exports.SinglebaseChat.prototype,"busy",1);g([u.state()],exports.SinglebaseChat.prototype,"draft",1);g([u.state()],exports.SinglebaseChat.prototype,"files",1);g([u.state()],exports.SinglebaseChat.prototype,"search",1);g([u.state()],exports.SinglebaseChat.prototype,"sidebarOpen",1);g([u.state()],exports.SinglebaseChat.prototype,"width",1);g([u.state()],exports.SinglebaseChat.prototype,"panel",1);g([u.state()],exports.SinglebaseChat.prototype,"menuOpen",1);g([u.state()],exports.SinglebaseChat.prototype,"editingKey",1);g([u.state()],exports.SinglebaseChat.prototype,"editDraft",1);g([u.state()],exports.SinglebaseChat.prototype,"editingTitle",1);g([u.state()],exports.SinglebaseChat.prototype,"renamingId",1);g([u.state()],exports.SinglebaseChat.prototype,"toast",1);g([u.state()],exports.SinglebaseChat.prototype,"copiedKey",1);g([u.state()],exports.SinglebaseChat.prototype,"retrievalOpen",1);g([u.state()],exports.SinglebaseChat.prototype,"arrivedKey",1);g([u.state()],exports.SinglebaseChat.prototype,"dragging",1);g([u.state()],exports.SinglebaseChat.prototype,"showJump",1);g([u.state()],exports.SinglebaseChat.prototype,"offline",1);g([u.state()],exports.SinglebaseChat.prototype,"isOpen",1);g([u.state()],exports.SinglebaseChat.prototype,"expanded",1);g([u.state()],exports.SinglebaseChat.prototype,"bubble",1);g([u.state()],exports.SinglebaseChat.prototype,"seen",1);g([u.state()],exports.SinglebaseChat.prototype,"mobile",1);exports.SinglebaseChat=g([u.customElement("singlebase-chat")],exports.SinglebaseChat);exports.adaptBlocks=ht;exports.citedNumbers=Pe;exports.defaultChatMessages=ot;exports.describeSource=_;exports.parseInline=pt;exports.parseMarkdown=ct;exports.resolveChatMessages=lt;exports.splitFollowups=He;
+//# sourceMappingURL=chat-DRenTJlI.cjs.map