@singlebase/elements 0.5.0 → 0.7.0

package/dist/{chat-bXaRWel7.js → chat-BH_3e1jT.js}

@@ -1,15 +1,15 @@
-var gt = Object.defineProperty;
-var qe = (n) => {
+var Ut = Object.defineProperty;
+var wt = (n) => {
   throw TypeError(n);
 };
-var mt = (n, e, t) => e in n ? gt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var T = (n, e, t) => mt(n, typeof e != "symbol" ? e + "" : e, t), Ge = (n, e, t) => e.has(n) || qe("Cannot " + t);
-var p = (n, e, t) => (Ge(n, e, "read from private field"), t ? t.call(n) : e.get(n)), h = (n, e, t) => e.has(n) ? qe("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), u = (n, e, t, i) => (Ge(n, e, "write to private field"), i ? i.call(n, t) : e.set(n, t), t);
-import { css as bt, LitElement as ft, html as r, nothing as m, svg as $ } from "lit";
-import { property as w, state as v, customElement as xt } from "lit/decorators.js";
-import { repeat as vt } from "lit/directives/repeat.js";
-import { getDefaultClient as yt } from "@singlebase/core";
-import { f as z, a as Ve, t as kt } from "./files-BOwtpYyQ.js";
+var Wt = (n, e, t) => e in n ? Ut(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var M = (n, e, t) => Wt(n, typeof e != "symbol" ? e + "" : e, t), yt = (n, e, t) => e.has(n) || wt("Cannot " + t);
+var p = (n, e, t) => (yt(n, e, "read from private field"), t ? t.call(n) : e.get(n)), h = (n, e, t) => e.has(n) ? wt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), u = (n, e, t, s) => (yt(n, e, "write to private field"), s ? s.call(n, t) : e.set(n, t), t);
+import { css as Ht, LitElement as Jt, html as o, nothing as m, svg as O } from "lit";
+import { property as v, state as y, customElement as Gt } from "lit/decorators.js";
+import { repeat as qt } from "lit/directives/repeat.js";
+import { getDefaultClient as Vt } from "@singlebase/core";
+import { a as _, e as kt, j as Xt, t as Yt, b as Qt } from "./files-DS-H-3yN.js";
 if (typeof CSS < "u" && "registerProperty" in CSS)
   try {
     CSS.registerProperty({
@@ -20,7 +20,7 @@ if (typeof CSS < "u" && "registerProperty" in CSS)
     });
   } catch {
   }
-const wt = bt`
+const Zt = Ht`
   :host {
     --c-ink: var(--sb-ink, #16181a);
     --c-ink2: var(--sb-ink-2, #41464b);
@@ -37,7 +37,7 @@ const wt = bt`
     --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-r: calc(var(--sb-radius, 4px) * var(--sb-radius-scale, 1));
     --c-r2: calc(var(--c-r) * 1.5);
     --c-r3: calc(var(--c-r) * 2);
     --c-r4: calc(var(--c-r) * 3);
@@ -482,6 +482,17 @@ const wt = bt`
     outline: none;
   }
 
+  .side-extra {
+    display: none;
+  }
+
+  .side-extra.filled {
+    display: block;
+    padding: 12px 16px;
+    border-top: 1px solid var(--c-line);
+    font-size: 12.5px;
+  }
+
   .side-note {
     font-size: 12.5px;
     color: var(--c-muted);
@@ -654,6 +665,21 @@ const wt = bt`
 
   /* ── welcome ──────────────────────────────────────────── */
 
+  .welcome-slot {
+    min-height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  ::slotted([slot="welcome"]) {
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 640px;
+    margin: 0 auto;
+    padding: 28px 18px;
+  }
+
   .welcome {
     max-width: 640px;
     min-height: 100%;
@@ -1050,6 +1076,168 @@ const wt = bt`
     padding: 1px 5px;
   }
 
+  .answer h3.h1 {
+    font-size: 18px;
+  }
+
+  .answer h3.h2 {
+    font-size: 16.5px;
+  }
+
+  .answer h3.h4 {
+    font-size: 14.5px;
+  }
+
+  .answer hr {
+    width: 100%;
+    border: none;
+    border-top: 1px solid var(--c-line);
+    margin: 4px 0;
+  }
+
+  .answer li.task {
+    list-style: none;
+    margin-left: -18px;
+  }
+
+  .answer li.task input {
+    margin: 0 6px 0 0;
+    vertical-align: -1px;
+    accent-color: var(--c-brand);
+  }
+
+  .callout {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    font-size: 13.5px;
+    line-height: 1.6;
+    padding: 10px 14px;
+    border: 1px solid var(--c-line);
+    border-left: 3px solid var(--callout, var(--c-ink));
+    border-radius: var(--c-r2);
+    background: color-mix(in srgb, var(--callout, var(--c-ink)) 7%, var(--c-bg));
+  }
+
+  .callout-title {
+    font-weight: 600;
+    color: var(--callout, var(--c-ink));
+  }
+
+  .callout.note {
+    --callout: oklch(0.55 0.15 255);
+  }
+
+  .callout.tip {
+    --callout: oklch(0.55 0.12 160);
+  }
+
+  .callout.important {
+    --callout: oklch(0.52 0.17 300);
+  }
+
+  .callout.warning {
+    --callout: oklch(0.6 0.14 70);
+  }
+
+  .callout.caution {
+    --callout: var(--c-danger);
+  }
+
+  .jtree {
+    padding: 10px 14px;
+    overflow-x: auto;
+    font-family: var(--c-mono);
+    font-size: 12.5px;
+    line-height: 1.7;
+  }
+
+  .jtree summary {
+    cursor: pointer;
+    list-style-position: outside;
+  }
+
+  .jkids {
+    padding-left: 16px;
+    border-left: 1px solid var(--c-line);
+    margin-left: 4px;
+  }
+
+  .jkey {
+    color: var(--c-ink2);
+  }
+
+  .jmeta {
+    color: var(--c-muted);
+  }
+
+  .jv.string {
+    color: oklch(0.52 0.12 160);
+  }
+
+  .jv.number {
+    color: oklch(0.55 0.15 255);
+  }
+
+  .jv.boolean,
+  .jv.null {
+    color: oklch(0.52 0.17 300);
+  }
+
+  .table th button.sort {
+    display: inline-flex;
+    align-items: center;
+    gap: 4px;
+    font: inherit;
+    color: inherit;
+    background: none;
+    border: none;
+    padding: 0;
+    cursor: pointer;
+  }
+
+  .table th .arrow {
+    font-size: 10px;
+    opacity: 0.5;
+  }
+
+  .table th[aria-sort="ascending"] .arrow,
+  .table th[aria-sort="descending"] .arrow {
+    opacity: 1;
+  }
+
+  .table-note {
+    padding: 7px 12px;
+    font-size: 12px;
+    color: var(--c-muted);
+    border-top: 1px solid var(--c-line2);
+    background: var(--c-bg2);
+  }
+
+  figure.svg {
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    align-items: flex-start;
+  }
+
+  figure.svg img {
+    display: block;
+    width: min(100%, 480px);
+    height: auto;
+    max-height: 420px;
+    object-fit: contain;
+    padding: 12px;
+    border: 1px solid var(--c-line);
+    border-radius: var(--c-r2);
+    background: #ffffff;
+  }
+
+  .custom-block {
+    min-width: 0;
+  }
+
   .quote {
     font-size: 13.5px;
     line-height: 1.6;
@@ -1707,6 +1895,10 @@ const wt = bt`
     padding: 0 12px 12px;
   }
 
+  .composer-wrap.reader {
+    padding-top: 10px;
+  }
+
   .composer-col {
     max-width: 760px;
     margin: 0 auto;
@@ -1864,6 +2056,11 @@ const wt = bt`
     min-width: 0;
   }
 
+  .pending-file.kept {
+    background: var(--c-bg);
+    border-style: dashed;
+  }
+
   .pending-file .name {
     max-width: 160px;
     overflow: hidden;
@@ -1891,8 +2088,7 @@ const wt = bt`
     color: var(--c-danger);
   }
 
-  .footnote,
-  .branding {
+  .footnote {
     text-align: center;
     font-size: 11.5px;
     color: var(--c-muted);
@@ -1903,19 +2099,6 @@ const wt = bt`
     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%;
@@ -2273,29 +2456,31 @@ const wt = bt`
       height: auto;
     }
   }
-`, $t = {
+`, es = {
   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.",
+  eyebrowKb: "Knowledge base",
+  headingKb: "Ask the knowledge base",
+  descriptionKb: "Answers come only from the knowledge base, with a citation for every claim.",
   placeholderChat: "Message {name}…",
   placeholderRag: "Ask about your sources…",
-  placeholderRich: "Ask for a chart, table or breakdown…",
+  placeholderKb: "Ask the knowledge base…",
   footnote: "{name} can make mistakes. Check important details.",
   attach: "Attach files",
   send: "Send message",
   stop: "Stop generating",
   removeFile: "Remove file",
+  inThisChat: "In this chat",
+  removeFromChat: "Remove from this chat",
+  attachmentFailed: "Couldn't read {name}.",
   dropTitle: "Drop files to attach",
   dropSub: "Text, Markdown, CSV and JSON files are added as context.",
   thinking: "Thinking",
   searching: "Searching sources",
-  building: "Building charts and tables",
   chats: "Chats",
   newChat: "New chat",
   searchChats: "Search chats",
@@ -2350,6 +2535,17 @@ const wt = bt`
   copyReference: "Copy passage with reference",
   alsoCited: "Also cited",
   close: "Close",
+  renderingChart: "Rendering chart",
+  renderingSvg: "Rendering drawing",
+  copySvg: "Copy SVG",
+  showRaw: "View raw",
+  showFormatted: "View formatted",
+  showingRows: "Showing {n} of {total} rows",
+  calloutNote: "Note",
+  calloutTip: "Tip",
+  calloutImportant: "Important",
+  calloutWarning: "Warning",
+  calloutCaution: "Caution",
   undo: "Undo",
   chatDeleted: "Chat deleted",
   messageDeleted: "Message deleted",
@@ -2364,6 +2560,7 @@ const wt = bt`
   tooManyFiles: "Attach up to {n} files at a time.",
   errGeneric: "Something went wrong.",
   errNotFound: "This chat no longer exists. Retry to start a new one.",
+  errKbSource: "No knowledge base is set up for this chat.",
   errNoClient: "Chat isn't connected. Create a SinglebaseClient() on this page.",
   errLoad: "Couldn't load this chat.",
   retry: "Retry",
@@ -2371,73 +2568,130 @@ const wt = bt`
   bubbleText: "Hi! Questions? Ask me here.",
   openChat: "Open chat",
   closeChat: "Close chat",
-  dismiss: "Dismiss",
-  brandingLabel: "Chat by Singlebase"
+  dismiss: "Dismiss"
 };
-function Tt(n) {
-  return { ...$t, ...n ?? {} };
+function ts(n) {
+  return { ...es, ...n ?? {} };
 }
-const Ct = /^\|.*\|$/, St = /^\|[\s:|-]+\|$/, Xe = /^!\[([^\]]*)\]\(([^)]*)\)$/, Ye = /^([-*]|\d+\.)\s+/;
-function zt(n) {
+const ss = /^\|.*\|$/, $t = /^\|[\s:|-]+\|$/, Ct = /^!\[([^\]]*)\]\(([^)]*)\)$/, Tt = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, St = /^\[( |x|X)\]\s+/, is = /^(-{3,}|\*{3,}|_{3,})$/, as = /^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]\s*(.*)$/i, rs = ["note", "tip", "important", "warning", "caution"];
+function os(n) {
   const e = [], t = (n ?? "").replace(/\r/g, "").split("```");
-  return t.forEach((i, s) => {
-    if (s % 2 === 1) {
-      const a = i.indexOf(`
-`), o = (a > -1 ? i.slice(0, a) : i).trim().toLowerCase(), l = (a > -1 ? i.slice(a + 1) : "").replace(/\n$/, ""), c = s === t.length - 1;
-      if (o === "chart") {
-        const x = c ? null : Ot(l);
-        e.push(x ? { type: "chart", spec: x } : { type: "chartPending" });
-      } else
-        e.push({ type: "code", lang: o || "code", text: l });
+  return t.forEach((s, i) => {
+    if (i % 2 === 1) {
+      const a = s.indexOf(`
+`), r = (a > -1 ? s.slice(0, a) : s).trim(), c = (a > -1 ? s.slice(a + 1) : "").replace(/\n$/, "");
+      e.push(ns(r, c, i === t.length - 1));
       return;
     }
-    for (const a of i.split(/\n{2,}/)) {
-      const o = a.trim();
-      o && e.push(...pt(o));
-    }
+    for (const a of s.split(/\n{2,}/))
+      a.trim() && e.push(...Kt(a));
   }), e;
 }
-function pt(n) {
+function ns(n, e, t) {
+  const [s = "", ...i] = n.split(/\s+/), a = s.toLowerCase();
+  if (a === "chart") {
+    const r = t ? null : cs(e);
+    return r ? { type: "chart", spec: r } : { type: "pending", kind: "chart" };
+  }
+  if (a === "svg")
+    return t || !/<svg[\s>]/i.test(e) ? { type: "pending", kind: "svg" } : { type: "svg", source: e.trim() };
+  if (!t && (a === "csv" || a === "tsv")) {
+    const r = ls(e, a === "tsv" ? "	" : ",");
+    if (r.length > 1)
+      return { type: "table", head: r[0], rows: r.slice(1), align: r[0].map(() => null) };
+  }
+  if (!t && a === "json")
+    try {
+      return { type: "json", value: JSON.parse(e), source: e };
+    } catch {
+    }
+  if (a === "callout") {
+    const r = (i[0] ?? "").toLowerCase(), c = rs.includes(r);
+    return {
+      type: "callout",
+      kind: c ? r : "note",
+      title: (c ? i.slice(1) : i).join(" "),
+      text: e.trim()
+    };
+  }
+  return { type: "code", lang: a || "code", text: e };
+}
+function Kt(n) {
   const e = n.split(`
-`).map((i) => i.trim()).filter(Boolean);
-  if (e.length > 1 && e.every((i) => Ct.test(i))) {
-    const i = e.filter((s) => !St.test(s)).map(
-      (s) => s.replace(/^\||\|$/g, "").split("|").map((a) => a.trim())
-    );
-    return [{ type: "table", head: i[0] ?? [], rows: i.slice(1) }];
+`).filter((i) => i.trim()), t = e.map((i) => i.trim());
+  if (t.length > 1 && t.every((i) => ss.test(i))) {
+    const i = (f) => f.replace(/^\||\|$/g, "").split("|").map((b) => b.trim()), a = t.findIndex((f) => $t.test(f)), r = a > -1 ? i(t[a]).map(
+      (f) => /^:-+:$/.test(f) ? "center" : /^-+:$/.test(f) ? "right" : /^:-+$/.test(f) ? "left" : null
+    ) : [], c = t.filter((f) => !$t.test(f)).map(i), l = c[0] ?? [];
+    return [
+      { type: "table", head: l, rows: c.slice(1), align: l.map((f, b) => r[b] ?? null) }
+    ];
   }
-  if (e.every((i) => Xe.test(i)))
+  if (t.length === 1 && is.test(t[0])) return [{ type: "hr" }];
+  if (t.every((i) => Ct.test(i)))
     return [
       {
         type: "img",
-        images: e.map((i) => {
-          const s = i.match(Xe);
-          return { alt: s[1], src: s[2] };
+        images: t.map((i) => {
+          const a = i.match(Ct);
+          return { alt: a[1], src: a[2] };
         })
       }
     ];
-  if (e.every((i) => i.startsWith(">")))
-    return [{ type: "quote", text: e.map((i) => i.replace(/^>\s?/, "")).join(" ") }];
-  if (e.every((i) => Ye.test(i)))
-    return [
+  if (t.every((i) => i.startsWith(">"))) {
+    const i = t.map((r) => r.replace(/^>\s?/, "")), a = i[0].match(as);
+    return a ? [
       {
-        type: "list",
-        ordered: /^\d+\./.test(e[0]),
-        items: e.map((i) => i.replace(Ye, ""))
+        type: "callout",
+        kind: a[1].toLowerCase(),
+        title: a[2].trim(),
+        text: i.slice(1).join(`
+`).trim()
       }
-    ];
-  const t = e[0].match(/^(#{1,4})\s+(.*)$/);
-  if (t) {
+    ] : [{ type: "quote", text: i.join(" ") }];
+  }
+  if (Tt.test(e[0])) {
+    const i = [];
+    for (const a of e) {
+      const r = a.match(Tt);
+      if (r) {
+        const c = r[3].match(St);
+        i.push({
+          text: c ? r[3].replace(St, "") : r[3],
+          depth: Math.min(3, Math.floor(r[1].replace(/\t/g, "  ").length / 2)),
+          checked: c ? c[1] !== " " : null
+        });
+      } else
+        i[i.length - 1].text += ` ${a.trim()}`;
+    }
+    return [{ type: "list", ordered: /^\s*\d/.test(e[0]), items: i }];
+  }
+  const s = t[0].match(/^(#{1,4})\s+(.*)$/);
+  if (s) {
     const i = e.slice(1).join(`
 `);
     return [
-      { type: "h", level: t[1].length, text: t[2] },
-      ...i ? pt(i) : []
+      { type: "h", level: s[1].length, text: s[2] },
+      ...i ? Kt(i) : []
     ];
   }
-  return [{ type: "p", text: e.join(" ") }];
+  return [{ type: "p", text: t.join(" ") }];
 }
-function Ot(n) {
+function ls(n, e = ",") {
+  var l;
+  const t = [];
+  let s = [], i = "", a = !1;
+  const r = n.replace(/\r/g, "");
+  for (let f = 0; f < r.length; f++) {
+    const b = r[f];
+    a ? b === '"' && r[f + 1] === '"' ? (i += '"', f++) : b === '"' ? a = !1 : i += b : b === '"' && i === "" ? a = !0 : b === e ? (s.push(i.trim()), i = "") : b === `
+` ? (s.push(i.trim()), s.some(Boolean) && t.push(s), s = [], i = "") : i += b;
+  }
+  s.push(i.trim()), s.some(Boolean) && t.push(s);
+  const c = ((l = t[0]) == null ? void 0 : l.length) ?? 0;
+  return t.map((f) => f.length < c ? [...f, ...Array(c - f.length).fill("")] : f);
+}
+function cs(n) {
   let e;
   try {
     e = JSON.parse(n);
@@ -2445,136 +2699,226 @@ function Ot(n) {
     return null;
   }
   if (!e || typeof e != "object") return null;
-  const t = (Array.isArray(e.series) ? e.series : []).filter((s) => s && Array.isArray(s.values)).map((s, a) => ({
-    name: String(s.name ?? `Series ${a + 1}`),
-    values: s.values.map((o) => Number(o) || 0)
+  const t = (Array.isArray(e.series) ? e.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 (!t.length) return null;
-  const i = Array.isArray(e.labels) ? e.labels.map(String) : t[0].values.map((s, a) => String(a + 1));
+  const s = Array.isArray(e.labels) ? e.labels.map(String) : t[0].values.map((i, a) => String(a + 1));
   return {
     type: e.type === "line" ? "line" : "bar",
     title: String(e.title ?? ""),
     unit: String(e.unit ?? ""),
-    labels: i,
+    labels: s,
     series: t
   };
 }
-const Qe = /\*\*([^*]+)\*\*|`([^`]+)`|\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)|\s?\[(\d+(?:\s*,\s*\d+)*)\]/g;
-function Mt(n, e = 0) {
+const It = new RegExp(
+  [
+    /\*\*([^*]+)\*\*/.source,
+    // 1 bold
+    /~~([^~]+)~~/.source,
+    // 2 strike
+    /`([^`]+)`/.source,
+    // 3 code
+    /\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/.source,
+    // 4, 5 link
+    /(https?:\/\/[^\s<>()]*[^\s<>().,;:!?'"\]])/.source,
+    // 6 bare link
+    new RegExp("(?<![\\w*])\\*(?![\\s*])([^*\\n]+?)\\*(?![\\w*])").source,
+    // 7 *italic*
+    new RegExp("(?<![\\w_])_(?![\\s_])([^_\\n]+?)_(?![\\w_])").source,
+    // 8 _italic_
+    /\s?\[(\d+(?:\s*,\s*\d+)*)\]/.source
+    // 9 citation
+  ].join("|"),
+  "g"
+);
+function ds(n, e = 0) {
   const t = [];
-  let i = 0, s;
-  Qe.lastIndex = 0;
-  const a = (o) => {
-    if (!o) return;
-    const l = t[t.length - 1];
-    (l == null ? void 0 : l.type) === "text" ? l.text += o : t.push({ type: "text", text: o });
+  let s = 0, i;
+  It.lastIndex = 0;
+  const a = (r) => {
+    if (!r) return;
+    const c = t[t.length - 1];
+    (c == null ? void 0 : c.type) === "text" ? c.text += r : t.push({ type: "text", text: r });
   };
-  for (; s = Qe.exec(n); ) {
-    if (a(n.slice(i, s.index)), s[1] !== void 0) t.push({ type: "bold", text: s[1] });
-    else if (s[2] !== void 0) t.push({ type: "code", text: s[2] });
-    else if (s[3] !== void 0) t.push({ type: "link", text: s[3], href: s[4] });
+  for (; i = It.exec(n); ) {
+    if (a(n.slice(s, i.index)), i[1] !== void 0) t.push({ type: "bold", text: i[1] });
+    else if (i[2] !== void 0) t.push({ type: "strike", text: i[2] });
+    else if (i[3] !== void 0) t.push({ type: "code", text: i[3] });
+    else if (i[4] !== void 0) t.push({ type: "link", text: i[4], href: i[5] });
+    else if (i[6] !== void 0) t.push({ type: "link", text: i[6], href: i[6] });
+    else if (i[7] !== void 0) t.push({ type: "italic", text: i[7] });
+    else if (i[8] !== void 0) t.push({ type: "italic", text: i[8] });
     else {
-      const l = s[5].split(",").map((c) => Number(c.trim())).filter((c) => c >= 1 && c <= e);
-      e ? l.forEach((c) => t.push({ type: "cite", n: c })) : a(s[0]);
+      const c = i[9].split(",").map((l) => Number(l.trim())).filter((l) => l >= 1 && l <= e);
+      e ? c.forEach((l) => t.push({ type: "cite", n: l })) : a(i[0]);
     }
-    i = s.index + s[0].length;
+    s = i.index + i[0].length;
   }
-  return a(n.slice(i)), t;
+  return a(n.slice(s)), t;
+}
+function ps(n) {
+  if (((n ?? "").match(/```/g) ?? []).length % 2 === 1) return n;
+  const e = n.lastIndexOf(`
+
+`), t = e > -1 ? n.slice(0, e + 2) : "";
+  let s = e > -1 ? n.slice(e + 2) : n;
+  const i = s.split(`
+`), a = i[i.length - 1];
+  a.trimStart().startsWith("|") && !a.trimEnd().endsWith("|") && i.pop(), s = i.join(`
+`), s = s.replace(/!?\[[^\]\n]*(\]\([^)\n]*)?$/, "");
+  for (const r of ["**", "~~", "`"])
+    if ((s.split(r).length - 1) % 2 === 1) {
+      const l = s.lastIndexOf(r);
+      s = s.slice(0, l) + s.slice(l + r.length);
+    }
+  return t + s;
 }
-function Ze(n) {
+function Ot(n) {
   const e = /* @__PURE__ */ new Set();
   for (const t of (n ?? "").match(/\[(\d+(?:\s*,\s*\d+)*)\]/g) ?? [])
-    t.replace(/[[\]]/g, "").split(",").forEach((i) => e.add(Number(i.trim())));
+    t.replace(/[[\]]/g, "").split(",").forEach((s) => e.add(Number(s.trim())));
   return e;
 }
-function et(n) {
-  return {
-    head: ["", ...n.series.map((e) => e.name)],
-    rows: n.labels.map((e, t) => [
+function hs(n) {
+  return [
+    ["", ...n.series.map((e) => e.name)],
+    ...n.labels.map((e, t) => [
       e,
-      ...n.series.map((i) => i.values[t] === void 0 ? "" : `${i.values[t]}${n.unit}`)
+      ...n.series.map((s) => s.values[t] === void 0 ? "" : `${s.values[t]}${n.unit}`)
     ])
-  };
+  ];
 }
-const He = (n) => n.replace(/\*\*/g, "").replace(/`/g, "").replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g, "$1");
-function _t(n, e) {
-  if (e === "markdown")
-    return n.flatMap((t) => {
-      if (t.type === "chart") {
-        const i = et(t.spec);
-        return [
-          ...t.spec.title ? [{ type: "p", text: `**${t.spec.title}**` }] : [],
-          { type: "table", ...i }
-        ];
-      }
-      return t.type === "img" ? t.images.map((i) => ({
-        type: "p",
-        text: `Image: ${i.alt || "untitled"}`
-      })) : [t];
-    });
-  if (e === "text") {
-    const t = n.map((i) => {
-      switch (i.type) {
-        case "chart": {
-          const s = et(i.spec);
-          return [i.spec.title, ...[s.head, ...s.rows].map((a) => a.join("  ·  "))].filter(Boolean).join(`
-`);
-        }
-        case "chartPending":
-          return "";
-        case "img":
-          return i.images.map((s) => `Image: ${s.alt || "untitled"}`).join(`
-`);
-        case "table":
-          return [i.head, ...i.rows].map((s) => s.map(He).join("  ·  ")).join(`
-`);
-        case "list":
-          return i.items.map((s) => `- ${He(s)}`).join(`
-`);
-        case "code":
-        case "raw":
-          return i.text;
-        default:
-          return He(i.text);
+const Mt = (n) => n.map((e) => e.join("  ·  ")).join(`
+`), us = {
+  note: "Note",
+  tip: "Tip",
+  important: "Important",
+  warning: "Warning",
+  caution: "Caution"
+};
+function gs(n, e) {
+  if (e === "rich") return n;
+  const t = e === "plain";
+  return n.map((s) => {
+    switch (s.type) {
+      case "chart": {
+        const [i, ...a] = hs(s.spec);
+        return t ? {
+          type: "raw",
+          text: [s.spec.title, Mt([i, ...a])].filter(Boolean).join(`
+`)
+        } : {
+          type: "table",
+          head: s.spec.title ? [s.spec.title, ...i.slice(1)] : i,
+          rows: a,
+          align: i.map(() => null)
+        };
       }
-    }).filter(Boolean).join(`
-
-`);
-    return t ? [{ type: "raw", text: t }] : [];
-  }
-  return n;
+      case "pending":
+        return s.kind === "svg" && !t ? s : { type: "raw", text: "" };
+      case "callout":
+        return {
+          type: "quote",
+          text: `**${s.title || us[s.kind]}** ${s.text}`.trim()
+        };
+      case "img":
+        return {
+          type: "p",
+          text: s.images.map((i) => `Image: ${i.alt || "untitled"}`).join(" · ")
+        };
+      case "table":
+        return t ? { type: "raw", text: Mt([s.head, ...s.rows]) } : s;
+      case "json":
+        return t ? { type: "code", lang: "json", text: s.source } : s;
+      case "svg":
+        return t ? { type: "code", lang: "svg", text: s.source } : s;
+      default:
+        return s;
+    }
+  });
 }
-function tt(n) {
+function zt(n) {
   const e = n ?? "", t = e.search(/FOLLOWUPS:/i);
   if (t < 0) return { text: e.trim(), followups: [] };
-  const s = e.slice(t).replace(/^FOLLOWUPS:/i, "").split(/\||\n/).map((a) => a.replace(/^\s*(?:[-*↳→]|\d+[.)])\s*/, "").trim()).filter(Boolean).slice(0, 3);
-  return { text: e.slice(0, t).trim(), followups: s };
+  const i = e.slice(t).replace(/^FOLLOWUPS:/i, "").split(/\||\n/).map((a) => a.replace(/^\s*(?:[-*↳→]|\d+[.)])\s*/, "").trim()).filter(Boolean).slice(0, 3);
+  return { text: e.slice(0, t).trim(), followups: i };
 }
-function It(n) {
-  return (n ?? "").replace(/```(\w*)[\s\S]*?(```|$)/g, (e, t) => t === "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 ms(n) {
+  return (n ?? "").replace(
+    /```(\w*)[\s\S]*?(```|$)/g,
+    (e, t) => t === "chart" ? "[Chart] " : t === "svg" ? "[Drawing] " : "[Code] "
+  ).replace(/!\[([^\]]*)\]\([^)]*\)/g, "[Image: $1]").replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g, "$1").replace(/\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]/gi, "").replace(/[*#>`~]/g, "").replace(/\|/g, " ").replace(/\s?\[\d+(?:\s*,\s*\d+)*\]/g, "").replace(/\s+/g, " ").trim();
 }
-function Lt(n, e = 48) {
-  const t = It(n);
+function fs(n, e = 48) {
+  const t = ms(n);
   if (t.length <= e) return t;
-  const i = t.slice(0, e), s = i.lastIndexOf(" ");
-  return (s > e / 2 ? i.slice(0, s) : i).trim();
+  const s = t.slice(0, e), i = s.lastIndexOf(" ");
+  return (i > e / 2 ? s.slice(0, i) : s).trim();
 }
-function jt(n) {
+function bs(n) {
   return String(n ?? "").split(`
 `)[0].trim().replace(/^["'“”‘’]+|["'“”‘’]+$/g, "").replace(/^title:\s*/i, "").replace(/[.!?:;,]+$/, "").trim().slice(0, 80);
 }
-function it(n, e = !1) {
+function _t(n, e = !1) {
   return /^https?:\/\//i.test(n) ? !0 : e && /^(blob:|data:image\/)/i.test(n);
 }
-var ht = Object.defineProperty, At = Object.getOwnPropertyDescriptor, Et = (n, e, t) => e in n ? ht(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, g = (n, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? At(e, t) : e, a = n.length - 1, o; a >= 0; a--)
-    (o = n[a]) && (s = (i ? o(e, t, s) : o(s)) || s);
-  return i && s && ht(e, t, s), s;
-}, Nt = (n, e, t) => Et(n, e + "", t);
-const st = [
+const xs = 2e5, vs = /* @__PURE__ */ new Set([
+  "script",
+  "foreignobject",
+  "iframe",
+  "object",
+  "embed",
+  "image",
+  "audio",
+  "video",
+  "animate",
+  "set",
+  "animatemotion",
+  "animatetransform",
+  "handler",
+  "listener"
+]);
+function ws(n) {
+  if (!n || n.length > xs || typeof DOMParser > "u") return null;
+  const e = new DOMParser().parseFromString(n, "image/svg+xml"), t = e.documentElement;
+  if (!t || t.nodeName.toLowerCase() !== "svg" || e.querySelector("parsererror"))
+    return null;
+  const s = (a) => {
+    for (const r of Array.from(a.children)) {
+      const c = r.nodeName.toLowerCase();
+      if (vs.has(c)) r.remove();
+      else if (c === "a") {
+        const l = Array.from(r.childNodes);
+        r.replaceWith(...l), l.forEach((f) => f instanceof Element && s(f));
+      } else s(r);
+    }
+    for (const r of Array.from(a.attributes)) {
+      const c = r.name.toLowerCase(), l = r.value.trim().toLowerCase(), f = (c === "href" || c.endsWith(":href")) && !l.startsWith("#"), b = l.includes("javascript:") || /url\(\s*['"]?(?!#)/.test(l);
+      (c.startsWith("on") || f || b) && a.removeAttribute(r.name);
+    }
+  };
+  s(t);
+  for (const a of Array.from(t.querySelectorAll("style")))
+    a.textContent = (a.textContent ?? "").replace(/@import[^;]*;?/gi, "").replace(/url\(\s*['"]?(?!#)[^)]*\)/gi, "none");
+  t.setAttribute("xmlns", "http://www.w3.org/2000/svg");
+  const i = new XMLSerializer().serializeToString(t);
+  return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(i)}`;
+}
+var Pt = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, ks = (n, e, t) => e in n ? Pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, g = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? ys(e, t) : e, a = n.length - 1, r; a >= 0; a--)
+    (r = n[a]) && (i = (s ? r(e, t, i) : r(i)) || i);
+  return s && i && Pt(e, t, i), i;
+}, $s = (n, e, t) => ks(n, e + "", t);
+const Lt = [
   "embed",
   "mode",
-  "renderAs",
+  "format",
+  "renderers",
+  "beforeSend",
+  "afterParse",
   "glow",
   "position",
   "sidebar",
@@ -2583,14 +2927,33 @@ const st = [
   "logoUrl",
   "heading",
   "description",
+  "eyebrow",
   "prompts",
   "bubbleText",
   "greetingBubble",
   "unreadBadge",
   "allowUpload",
   "allowExport",
+  "allowRaw",
+  "allowCopy",
+  "allowRegenerate",
+  "allowBookmark",
+  "allowDelete",
+  "allowRename",
+  "allowFeedback",
+  "showTime",
+  "showComposer",
+  "footnote",
   "branding",
   "followups",
+  "docsets",
+  "attachmentsMode",
+  "saveAttachments",
+  "showFollowups",
+  "showSources",
+  "showNewChat",
+  "showBookmarked",
+  "allowSearch",
   "autoTitle",
   "model",
   "params",
@@ -2598,8 +2961,9 @@ const st = [
   "retrieval",
   "metadata",
   "messages",
-  "theme"
-], We = {
+  "theme",
+  "radius"
+], vt = {
   fromAttribute: (n) => {
     if (n)
       try {
@@ -2613,19 +2977,30 @@ const st = [
 }, I = {
   fromAttribute: (n) => n === null ? !0 : n !== "false",
   toAttribute: (n) => n ? null : "false"
-}, Bt = {
-  fromAttribute: (n) => n === null ? void 0 : n !== "false",
-  toAttribute: (n) => n === void 0 ? null : String(n)
-}, Dt = 272, Rt = 820, Ut = 940, at = 5, rt = 512 * 1024, Ft = /\.(md|markdown|txt|csv|tsv|json|html?|ya?ml|xml|log)$/i, Kt = 5e3, Pt = 2600, _ = [
+}, Cs = {
+  fromAttribute: (n) => n === null ? "auto" : n === "" || n === "true" ? "open" : n === "false" ? "closed" : ["auto", "open", "closed", "none"].includes(n) ? n : "auto",
+  toAttribute: (n) => n === "auto" ? null : n
+}, Ts = 272, Ss = 820, Is = 940, At = 5, jt = 512 * 1024, Os = /\.(md|markdown|txt|csv|tsv|json|html?|ya?ml|xml|log)$/i, Ms = 5e3, zs = 200, Nt = 2e3, _s = {
+  note: "calloutNote",
+  tip: "calloutTip",
+  important: "calloutImportant",
+  warning: "calloutWarning",
+  caution: "calloutCaution"
+}, Ls = 2600, j = [
   "var(--c-ink)",
   "oklch(0.58 0.13 255)",
   "oklch(0.63 0.1 175)",
   "oklch(0.74 0.12 70)"
-], nt = {
+], Rt = {
   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.'
-}, Ht = "After the answer, on a final line write FOLLOWUPS: followed by three short follow-up questions the user might ask next, separated by |.", ot = {
+  rag: "Prefer the sources provided with each message, numbered in the order given, and put a citation like [1] right after each claim they support. If they don't cover the question, you may answer from general knowledge, but say clearly that it isn't from the sources.",
+  kb: "Answer ONLY from the sources provided with each message, numbered in the order given. Put a citation like [1] right after each claim. Do not use outside knowledge. If the sources don't contain the answer, say that you can't find it in the available sources."
+}, As = {
+  raw: "Reply in plain text. Don't use Markdown or any other markup.",
+  plain: "Format with light Markdown only: short paragraphs, lists, **bold**, *italics*, `inline code`, code blocks and links. Don't use tables, charts, callouts, images or other special blocks.",
+  advanced: `You can use Markdown: headings, lists, task lists, **bold**, *italics*, links, code blocks and pipe tables. For data, use a fenced "csv" block or a fenced "json" block. For a diagram or illustration, write a self-contained fenced "svg" block with a viewBox, and no scripts, links or external images. Don't use charts, callouts or images.`,
+  rich: 'When the answer is about data, lead with one sentence stating the key finding, with key numbers in **bold**, then show the data visually. You can use Markdown: headings, lists, task lists, **bold**, *italics*, links, code blocks and pipe tables. For data, use a fenced "csv" block or a fenced "json" block. For a diagram or illustration, write a self-contained fenced "svg" block with a viewBox, and no scripts, links or external images. For trends and comparisons, use a fenced "chart" block containing only JSON: {"type":"bar"|"line","title":string,"unit":string,"labels":[string],"series":[{"name":string,"values":[number]}]}. For notes and warnings, use callouts: a quote starting with [!NOTE], [!TIP], [!IMPORTANT], [!WARNING] or [!CAUTION]. Images use ![alt](https://…).'
+}, js = "After the answer, on a final line write FOLLOWUPS: followed by three short follow-up questions the user might ask next, separated by |.", Et = {
   chat: [
     ["Write", "Draft a short welcome email for new users"],
     ["Explain", "Explain how refresh tokens work, simply"],
@@ -2638,26 +3013,27 @@ const st = [
     ["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"]
+  kb: [
+    ["Find", "Where is the refund policy described?"],
+    ["How to", "How do I reset my password?"],
+    ["Limits", "What are the plan limits?"],
+    ["Policy", "What happens when my account is deleted?"]
   ]
-}, C = (n, e = "") => r`<svg class="i ${e}" viewBox="0 0 16 16" aria-hidden="true">${n}</svg>`, y = {
-  sidebar: () => C(
-    $`<rect x="2" y="2.5" width="12" height="11" rx="1.5"></rect><path d="M6 2.5v11"></path>`
+}, z = (n, e = "") => o`<svg class="i ${e}" viewBox="0 0 16 16" aria-hidden="true">${n}</svg>`, k = {
+  sidebar: () => z(
+    O`<rect x="2" y="2.5" width="12" height="11" rx="1.5"></rect><path d="M6 2.5v11"></path>`
   ),
-  plus: () => C($`<path d="M8 3v10M3 8h10"></path>`),
-  bookmark: (n = !1) => C($`<path d="M4.5 2.5h7v11L8 11l-3.5 2.5z"></path>`, n ? "filled" : ""),
-  download: () => C($`<path d="M8 2.5v8M4.5 7.5L8 11l3.5-3.5M2.5 13.5h11"></path>`),
-  trash: () => C($`<path d="M2.5 4.5h11M6.5 4.5v-2h3v2M4 4.5l.7 9h6.6l.7-9"></path>`),
-  pencil: () => C($`<path d="M10.5 2.5l3 3L6 13H3v-3z"></path>`),
-  copy: () => C(
-    $`<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>`
+  plus: () => z(O`<path d="M8 3v10M3 8h10"></path>`),
+  bookmark: (n = !1) => z(O`<path d="M4.5 2.5h7v11L8 11l-3.5 2.5z"></path>`, n ? "filled" : ""),
+  download: () => z(O`<path d="M8 2.5v8M4.5 7.5L8 11l3.5-3.5M2.5 13.5h11"></path>`),
+  trash: () => z(O`<path d="M2.5 4.5h11M6.5 4.5v-2h3v2M4 4.5l.7 9h6.6l.7-9"></path>`),
+  pencil: () => z(O`<path d="M10.5 2.5l3 3L6 13H3v-3z"></path>`),
+  copy: () => z(
+    O`<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: () => C($`<path d="M13.5 8A5.5 5.5 0 1 1 11.9 4.1M13.5 2v3.5H10"></path>`),
-  thumb: (n = !1) => r`<svg
+  raw: () => z(O`<path d="M5.5 4.5L2 8l3.5 3.5M10.5 4.5L14 8l-3.5 3.5"></path>`),
+  refresh: () => z(O`<path d="M13.5 8A5.5 5.5 0 1 1 11.9 4.1M13.5 2v3.5H10"></path>`),
+  thumb: (n = !1) => o`<svg
       class="i"
       viewBox="0 0 16 16"
       aria-hidden="true"
@@ -2667,16 +3043,16 @@ const st = [
         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: () => C($`<path d="M9.5 2.5h4v4M13.5 2.5L9 7M6.5 13.5h-4v-4M2.5 13.5L7 9"></path>`),
-  restore: () => C($`<path d="M13.5 6.5h-4v-4M9.5 6.5l4-4M2.5 9.5h4v4M6.5 9.5l-4 4"></path>`),
-  minimize: () => C($`<path d="M4 8h8"></path>`),
-  close: () => C($`<path d="M4 4l8 8M12 4l-8 8"></path>`),
-  clip: () => C(
-    $`<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>`
+  expand: () => z(O`<path d="M9.5 2.5h4v4M13.5 2.5L9 7M6.5 13.5h-4v-4M2.5 13.5L7 9"></path>`),
+  restore: () => z(O`<path d="M13.5 6.5h-4v-4M9.5 6.5l4-4M2.5 9.5h4v4M6.5 9.5l-4 4"></path>`),
+  minimize: () => z(O`<path d="M4 8h8"></path>`),
+  close: () => z(O`<path d="M4 4l8 8M12 4l-8 8"></path>`),
+  clip: () => z(
+    O`<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: () => C($`<path d="M8 13V3M3.5 7.5L8 3l4.5 4.5"></path>`),
-  stop: () => C($`<rect x="4.5" y="4.5" width="7" height="7" rx="1"></rect>`),
-  chat: () => r`<svg
+  up: () => z(O`<path d="M8 13V3M3.5 7.5L8 3l4.5 4.5"></path>`),
+  stop: () => z(O`<rect x="4.5" y="4.5" width="7" height="7" rx="1"></rect>`),
+  chat: () => o`<svg
       width="22"
       height="22"
       viewBox="0 0 22 22"
@@ -2687,7 +3063,7 @@ const st = [
         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: () => r`<svg
+  chevronDown: () => o`<svg
       width="20"
       height="20"
       viewBox="0 0 20 20"
@@ -2697,150 +3073,189 @@ const st = [
       <path d="M5 8l5 5 5-5"></path>
     </svg>`
 };
-let Jt = 0;
-const Je = () => `m${Date.now().toString(36)}${(Jt++).toString(36)}`;
-function lt(n) {
+let Ns = 0;
+const bt = () => `m${Date.now().toString(36)}${(Ns++).toString(36)}`;
+function Bt(n) {
   var t;
   const e = n;
   return (e == null ? void 0 : e.message) === "NOT_FOUND" || (e == null ? void 0 : e.code) === "NOT_FOUND" || ((t = e == null ? void 0 : e.details) == null ? void 0 : t.status) === 404;
 }
-function Wt(n) {
+function Rs(n) {
   const e = n;
   return (e == null ? void 0 : e.code) || (e == null ? void 0 : e.message) || "UNKNOWN";
 }
-const qt = () => typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, Fe = (n, e) => (Number.isInteger(n) ? n.toLocaleString("en-US") : n.toFixed(1)) + e, ct = (n) => {
+const Es = () => typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, mt = (n, e) => (Number.isInteger(n) ? n.toLocaleString("en-US") : n.toFixed(1)) + e, xt = (n) => {
   const e = n.lastIndexOf(".");
   return e > 0 ? n.slice(e + 1, e + 5).toUpperCase() : "FILE";
 };
-function Ke(n, e) {
-  const t = n ?? {}, i = t.metadata && typeof t.metadata == "object" ? t.metadata : {}, s = (...l) => l.find((c) => typeof c == "string" && c.trim()), a = s(t.content, t.text, t.page_content, t.body, t.snippet, t.chunk, i.content) ?? JSON.stringify(t, null, 2), o = [t.score, t.relevance, t._score, i.score].find((l) => typeof l == "number");
+function ft(n, e) {
+  const t = n ?? {}, s = t.metadata && typeof t.metadata == "object" ? t.metadata : {}, i = (...l) => l.find((f) => typeof f == "string" && f.trim()), a = i(t.content, t.text, t.page_content, t.body, t.snippet, t.chunk, s.content) ?? JSON.stringify(t, null, 2), r = [t.score, t.relevance, t._score, s.score].find((l) => typeof l == "number"), c = typeof t.n == "number" && t.n > 0 ? t.n : e;
   return {
-    n: e,
-    title: s(t.title, t.name, t.filename, i.title, i.name) ?? `Source ${e}`,
-    path: s(t.path, t.url, t.key, t.source, i.path, i.url) ?? "",
-    collection: s(t.collection, t.namespace, t.dbname, i.collection) ?? "",
-    updated: s(t.updated, t._modified_at, i.updated) ?? "",
+    n: c,
+    title: i(t.title, t.name, t.filename, s.title, s.name) ?? `Source ${c}`,
+    section: i(t.section, t.heading, s.section) ?? "",
+    path: i(t.path, t.url, t.key, s.path, s.url) ?? "",
+    collection: i(t.collection, t.namespace, t.dbname, s.collection) ?? "",
+    updated: i(t.updated, t._modified_at, s.updated) ?? "",
     text: a,
-    score: o === void 0 ? null : Math.max(0, Math.min(1, o))
+    score: r === void 0 ? null : Math.max(0, Math.min(1, r))
   };
 }
-function Gt(n) {
+function Dt(n) {
+  return Array.isArray(n) ? n.filter((e) => e && typeof e == "object" && (e._id || e.id)).filter((e) => e.saved !== !1 && e.status !== "failed").map((e) => ({
+    id: String(e._id ?? e.id),
+    name: String(e.name ?? "file"),
+    type: e.type,
+    mime: e.mime,
+    size: typeof e.size == "number" ? e.size : void 0,
+    status: e.status
+  })) : [];
+}
+function Bs(n) {
   const e = [], t = [];
-  for (const i of n)
-    if (/\.csv$/i.test(i.name)) e.push({ type: "csv", data: i.content });
-    else if (/\.json$/i.test(i.name))
+  for (const s of n)
+    if (/\.csv$/i.test(s.name)) e.push({ type: "csv", data: s.content });
+    else if (/\.json$/i.test(s.name))
       try {
-        e.push({ type: "json", data: JSON.parse(i.content) });
+        e.push({ type: "json", data: JSON.parse(s.content) });
       } catch {
-        t.push({ title: i.name, content: i.content });
+        t.push({ title: s.name, content: s.content });
       }
-    else t.push({ title: i.name, content: i.content });
+    else t.push({ title: s.name, content: s.content });
   return t.length && e.push({ type: "docs", payload: { documents: t } }), e;
 }
-function Pe(n) {
+function Ds(n) {
   const e = n ? Date.parse(n) : NaN;
   if (Number.isNaN(e)) return "older";
   const t = /* @__PURE__ */ new Date();
   t.setHours(0, 0, 0, 0);
-  const i = 864e5;
-  return e >= t.getTime() ? "today" : e >= t.getTime() - i ? "yesterday" : e >= t.getTime() - 7 * i ? "week" : "older";
+  const s = 864e5;
+  return e >= t.getTime() ? "today" : e >= t.getTime() - s ? "yesterday" : e >= t.getTime() - 7 * s ? "week" : "older";
 }
-var 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, Te, Ce, Se, ze, Oe, Me, _e, Ie, Le, je, Ae, Ee, Ne, Be, De, Re, dt;
-let d = (dt = class extends ft {
+var N, R, E, B, D, F, K, P, U, W, H, J, G, q, V, X, Y, Q, Z, ee, te, se, ie, ae, re, oe, ne, le, ce, de, pe, he, ue, ge, me, fe, be, xe, ve, we, ye, ke, $e, Ce, Te, Se, Ie, Oe, Me, ze, _e, Le, Ae, je, Ne, Re, Ee, Be, De, Fe, Ke, Pe, Ue, We, He, Je, Ge, qe, Ve, Xe, Ye, Qe, Ze, et, tt, st, it, at, rt, ot, nt, lt, ct, dt, pt, ht, ut, gt, Ft;
+let d = (Ft = class extends Jt {
   constructor() {
     super(...arguments);
-    h(this, j, null);
-    h(this, A, {});
+    h(this, N, null);
+    h(this, R, {});
     h(this, E);
-    h(this, N, "chat");
-    h(this, B, "rich");
-    h(this, D, "subtle");
-    h(this, R, !0);
-    h(this, U, !0);
-    h(this, F, "");
+    h(this, B);
+    h(this, D, "chat");
+    h(this, F, "advanced");
     h(this, K, {});
-    h(this, P, "");
-    h(this, H, []);
-    h(this, J, {});
-    h(this, W, "page");
-    h(this, q, "right");
-    h(this, G);
+    h(this, P, null);
+    h(this, U, null);
+    h(this, W, "subtle");
+    h(this, H, "");
+    h(this, J, "retrieval");
+    h(this, G, !0);
+    h(this, q, !0);
     h(this, V, !0);
-    h(this, X, "");
-    h(this, Y, "Assistant");
-    h(this, Q, "");
-    h(this, Z, "");
-    h(this, ee, "");
+    h(this, X, !0);
+    h(this, Y, !0);
+    h(this, Q, !0);
+    h(this, Z, !0);
+    h(this, ee, !0);
     h(this, te, "");
+    h(this, se, {});
     h(this, ie, "");
-    h(this, se, !1);
-    h(this, ae, !1);
-    h(this, re, !0);
-    h(this, ne, !0);
-    h(this, oe, !0);
-    h(this, le, []);
-    h(this, ce, "idle");
-    h(this, de, null);
-    h(this, pe, "");
-    h(this, he, !1);
-    h(this, ue, []);
-    h(this, ge, !1);
-    h(this, me, "");
-    h(this, be, !1);
+    h(this, ae, []);
+    h(this, re, {});
+    h(this, oe, "page");
+    h(this, ne, "right");
+    h(this, le, "auto");
+    h(this, ce, !0);
+    h(this, de, "");
+    h(this, pe, "Assistant");
+    h(this, he, "");
+    h(this, ue, "");
+    h(this, ge, "");
+    h(this, me);
     h(this, fe, "");
-    h(this, xe, []);
-    h(this, ve, "");
-    h(this, ye, null);
-    h(this, ke, 0);
-    h(this, we, null);
-    h(this, $e, !1);
-    h(this, Te, "");
-    h(this, Ce, "");
-    h(this, Se, !1);
-    h(this, ze, "");
-    h(this, Oe, null);
-    h(this, Me, "");
-    h(this, _e, /* @__PURE__ */ new Set());
-    h(this, Ie, "");
-    h(this, Le, !1);
-    h(this, je, !1);
-    h(this, Ae, !1);
+    h(this, be, "");
+    h(this, xe, !1);
+    h(this, ve, !1);
+    h(this, we, !0);
+    h(this, ye, !0);
+    h(this, ke, !0);
+    h(this, $e, !0);
+    h(this, Ce, !0);
+    h(this, Te, !0);
+    h(this, Se, !0);
+    h(this, Ie, !0);
+    h(this, Oe, !0);
+    h(this, Me, !0);
+    h(this, ze);
+    h(this, _e, !1);
+    h(this, Le, !0);
+    h(this, Ae, []);
+    h(this, je, "idle");
+    h(this, Ne, null);
+    h(this, Re, "");
     h(this, Ee, !1);
-    h(this, Ne, !1);
-    h(this, Be, !1);
+    h(this, Be, []);
     h(this, De, !1);
-    h(this, Re, !1);
-    T(this, "run", 0);
-    T(this, "abort", null);
-    T(this, "revealTimer");
-    T(this, "timers", /* @__PURE__ */ new Set());
-    T(this, "toastTimer");
-    T(this, "stick", !0);
-    T(this, "renamed", /* @__PURE__ */ new Set());
-    T(this, "observer", null);
-    T(this, "observed", null);
-    T(this, "media", null);
-    T(this, "focusNext", "");
-    T(this, "bubbleScheduled", !1);
-    T(this, "onNetwork", () => {
+    h(this, Fe, "");
+    h(this, Ke, !1);
+    h(this, Pe, "");
+    h(this, Ue, []);
+    h(this, We, "");
+    h(this, He, null);
+    h(this, Je, 0);
+    h(this, Ge, null);
+    h(this, qe, !1);
+    h(this, Ve, "");
+    h(this, Xe, "");
+    h(this, Ye, !1);
+    h(this, Qe, "");
+    h(this, Ze, null);
+    h(this, et, "");
+    h(this, tt, /* @__PURE__ */ new Set());
+    h(this, st, /* @__PURE__ */ new Set());
+    h(this, it, []);
+    h(this, at, !1);
+    h(this, rt, /* @__PURE__ */ new Map());
+    h(this, ot, "");
+    h(this, nt, !1);
+    h(this, lt, !1);
+    h(this, ct, !1);
+    h(this, dt, !1);
+    h(this, pt, !1);
+    h(this, ht, !1);
+    h(this, ut, !1);
+    h(this, gt, !1);
+    M(this, "run", 0);
+    M(this, "abort", null);
+    M(this, "revealTimer");
+    M(this, "timers", /* @__PURE__ */ new Set());
+    M(this, "toastTimer");
+    M(this, "stick", !0);
+    M(this, "renamed", /* @__PURE__ */ new Set());
+    M(this, "observer", null);
+    M(this, "observed", null);
+    M(this, "media", null);
+    M(this, "focusNext", "");
+    M(this, "bubbleScheduled", !1);
+    M(this, "pendingChatId", "");
+    M(this, "onNetwork", () => {
       this.offline = navigator.onLine === !1;
     });
-    T(this, "onMedia", () => {
+    M(this, "onMedia", () => {
       var e;
       this.mobile = !!((e = this.media) != null && e.matches);
     });
   }
   get client() {
-    return p(this, j);
+    return p(this, N);
   }
   set client(e) {
-    u(this, j, e);
+    u(this, N, e);
   }
   get messages() {
-    return p(this, A);
+    return p(this, R);
   }
   set messages(e) {
-    u(this, A, e);
+    u(this, R, e);
   }
   get theme() {
     return p(this, E);
@@ -2848,360 +3263,522 @@ let d = (dt = class extends ft {
   set theme(e) {
     u(this, E, e);
   }
-  get mode() {
-    return p(this, N);
-  }
-  set mode(e) {
-    u(this, N, e);
-  }
-  get renderAs() {
+  get radius() {
     return p(this, B);
   }
-  set renderAs(e) {
+  set radius(e) {
     u(this, B, e);
   }
-  get glow() {
+  get mode() {
     return p(this, D);
   }
-  set glow(e) {
+  set mode(e) {
     u(this, D, e);
   }
-  get followups() {
-    return p(this, R);
-  }
-  set followups(e) {
-    u(this, R, e);
-  }
-  get autoTitle() {
-    return p(this, U);
-  }
-  set autoTitle(e) {
-    u(this, U, e);
-  }
-  get model() {
+  get format() {
     return p(this, F);
   }
-  set model(e) {
+  set format(e) {
     u(this, F, e);
   }
-  get params() {
+  get renderers() {
     return p(this, K);
   }
-  set params(e) {
+  set renderers(e) {
     u(this, K, e);
   }
-  get systemMessage() {
+  get beforeSend() {
     return p(this, P);
   }
-  set systemMessage(e) {
+  set beforeSend(e) {
     u(this, P, e);
   }
-  get retrieval() {
+  get afterParse() {
+    return p(this, U);
+  }
+  set afterParse(e) {
+    u(this, U, e);
+  }
+  get glow() {
+    return p(this, W);
+  }
+  set glow(e) {
+    u(this, W, e);
+  }
+  get docsets() {
     return p(this, H);
   }
-  set retrieval(e) {
+  set docsets(e) {
     u(this, H, e);
   }
-  get metadata() {
+  get attachmentsMode() {
     return p(this, J);
   }
-  set metadata(e) {
+  set attachmentsMode(e) {
     u(this, J, e);
   }
-  get embed() {
-    return p(this, W);
+  get saveAttachments() {
+    return p(this, G);
   }
-  set embed(e) {
-    u(this, W, e);
+  set saveAttachments(e) {
+    u(this, G, e);
   }
-  get position() {
+  get followups() {
     return p(this, q);
   }
-  set position(e) {
+  set followups(e) {
     u(this, q, e);
   }
+  get showSources() {
+    return p(this, V);
+  }
+  set showSources(e) {
+    u(this, V, e);
+  }
+  get showNewChat() {
+    return p(this, X);
+  }
+  set showNewChat(e) {
+    u(this, X, e);
+  }
+  get showBookmarked() {
+    return p(this, Y);
+  }
+  set showBookmarked(e) {
+    u(this, Y, e);
+  }
+  get showFollowups() {
+    return p(this, Q);
+  }
+  set showFollowups(e) {
+    u(this, Q, e);
+  }
+  get allowSearch() {
+    return p(this, Z);
+  }
+  set allowSearch(e) {
+    u(this, Z, e);
+  }
+  get autoTitle() {
+    return p(this, ee);
+  }
+  set autoTitle(e) {
+    u(this, ee, e);
+  }
+  get model() {
+    return p(this, te);
+  }
+  set model(e) {
+    u(this, te, e);
+  }
+  get params() {
+    return p(this, se);
+  }
+  set params(e) {
+    u(this, se, e);
+  }
+  get systemMessage() {
+    return p(this, ie);
+  }
+  set systemMessage(e) {
+    u(this, ie, e);
+  }
+  get retrieval() {
+    return p(this, ae);
+  }
+  set retrieval(e) {
+    u(this, ae, e);
+  }
+  get metadata() {
+    return p(this, re);
+  }
+  set metadata(e) {
+    u(this, re, e);
+  }
+  get embed() {
+    return p(this, oe);
+  }
+  set embed(e) {
+    u(this, oe, e);
+  }
+  get position() {
+    return p(this, ne);
+  }
+  set position(e) {
+    u(this, ne, e);
+  }
   get sidebar() {
-    return p(this, G);
+    return p(this, le);
   }
   set sidebar(e) {
-    u(this, G, e);
+    u(this, le, e);
   }
   get showTitle() {
-    return p(this, V);
+    return p(this, ce);
   }
   set showTitle(e) {
-    u(this, V, e);
+    u(this, ce, e);
   }
   get chatIdAttr() {
-    return p(this, X);
+    return p(this, de);
   }
   set chatIdAttr(e) {
-    u(this, X, e);
+    u(this, de, e);
   }
   get assistantName() {
-    return p(this, Y);
+    return p(this, pe);
   }
   set assistantName(e) {
-    u(this, Y, e);
+    u(this, pe, e);
   }
   get logoUrl() {
-    return p(this, Q);
+    return p(this, he);
   }
   set logoUrl(e) {
-    u(this, Q, e);
+    u(this, he, e);
   }
   get heading() {
-    return p(this, Z);
+    return p(this, ue);
   }
   set heading(e) {
-    u(this, Z, e);
+    u(this, ue, e);
   }
   get description() {
-    return p(this, ee);
+    return p(this, ge);
   }
   set description(e) {
-    u(this, ee, e);
+    u(this, ge, e);
+  }
+  get eyebrow() {
+    return p(this, me);
+  }
+  set eyebrow(e) {
+    u(this, me, e);
   }
   get prompts() {
-    return p(this, te);
+    return p(this, fe);
   }
   set prompts(e) {
-    u(this, te, e);
+    u(this, fe, e);
   }
   get bubbleText() {
-    return p(this, ie);
+    return p(this, be);
   }
   set bubbleText(e) {
-    u(this, ie, e);
+    u(this, be, e);
   }
   get greetingBubble() {
-    return p(this, se);
+    return p(this, xe);
   }
   set greetingBubble(e) {
-    u(this, se, e);
+    u(this, xe, e);
   }
   get unreadBadge() {
-    return p(this, ae);
+    return p(this, ve);
   }
   set unreadBadge(e) {
-    u(this, ae, e);
+    u(this, ve, e);
   }
   get allowUpload() {
-    return p(this, re);
+    return p(this, we);
   }
   set allowUpload(e) {
-    u(this, re, e);
+    u(this, we, e);
   }
   get allowExport() {
-    return p(this, ne);
+    return p(this, ye);
   }
   set allowExport(e) {
-    u(this, ne, e);
+    u(this, ye, e);
+  }
+  get allowCopy() {
+    return p(this, ke);
+  }
+  set allowCopy(e) {
+    u(this, ke, e);
+  }
+  get allowRegenerate() {
+    return p(this, $e);
+  }
+  set allowRegenerate(e) {
+    u(this, $e, e);
+  }
+  get allowBookmark() {
+    return p(this, Ce);
+  }
+  set allowBookmark(e) {
+    u(this, Ce, e);
+  }
+  get allowDelete() {
+    return p(this, Te);
+  }
+  set allowDelete(e) {
+    u(this, Te, e);
+  }
+  get allowRename() {
+    return p(this, Se);
+  }
+  set allowRename(e) {
+    u(this, Se, e);
+  }
+  get allowFeedback() {
+    return p(this, Ie);
+  }
+  set allowFeedback(e) {
+    u(this, Ie, e);
+  }
+  get showComposer() {
+    return p(this, Oe);
+  }
+  set showComposer(e) {
+    u(this, Oe, e);
+  }
+  get showTime() {
+    return p(this, Me);
+  }
+  set showTime(e) {
+    u(this, Me, e);
+  }
+  get footnote() {
+    return p(this, ze);
+  }
+  set footnote(e) {
+    u(this, ze, e);
+  }
+  get allowRaw() {
+    return p(this, _e);
+  }
+  set allowRaw(e) {
+    u(this, _e, e);
   }
   get branding() {
-    return p(this, oe);
+    return p(this, Le);
   }
   set branding(e) {
-    u(this, oe, e);
+    u(this, Le, e);
   }
   get chatList() {
-    return p(this, le);
+    return p(this, Ae);
   }
   set chatList(e) {
-    u(this, le, e);
+    u(this, Ae, e);
   }
   get listState() {
-    return p(this, ce);
+    return p(this, je);
   }
   set listState(e) {
-    u(this, ce, e);
+    u(this, je, e);
   }
   get activeId() {
-    return p(this, de);
+    return p(this, Ne);
   }
   set activeId(e) {
-    u(this, de, e);
+    u(this, Ne, e);
   }
   get chatTitle() {
-    return p(this, pe);
+    return p(this, Re);
   }
   set chatTitle(e) {
-    u(this, pe, e);
+    u(this, Re, e);
   }
   get bookmarked() {
-    return p(this, he);
+    return p(this, Ee);
   }
   set bookmarked(e) {
-    u(this, he, e);
+    u(this, Ee, e);
   }
   get msgs() {
-    return p(this, ue);
+    return p(this, Be);
   }
   set msgs(e) {
-    u(this, ue, e);
+    u(this, Be, e);
   }
   get loadingThread() {
-    return p(this, ge);
+    return p(this, De);
   }
   set loadingThread(e) {
-    u(this, ge, e);
+    u(this, De, e);
   }
   get threadError() {
-    return p(this, me);
+    return p(this, Fe);
   }
   set threadError(e) {
-    u(this, me, e);
+    u(this, Fe, e);
   }
   get busy() {
-    return p(this, be);
+    return p(this, Ke);
   }
   set busy(e) {
-    u(this, be, e);
+    u(this, Ke, e);
   }
   get draft() {
-    return p(this, fe);
+    return p(this, Pe);
   }
   set draft(e) {
-    u(this, fe, e);
+    u(this, Pe, e);
   }
   get files() {
-    return p(this, xe);
+    return p(this, Ue);
   }
   set files(e) {
-    u(this, xe, e);
+    u(this, Ue, e);
   }
   get search() {
-    return p(this, ve);
+    return p(this, We);
   }
   set search(e) {
-    u(this, ve, e);
+    u(this, We, e);
   }
   get sidebarOpen() {
-    return p(this, ye);
+    return p(this, He);
   }
   set sidebarOpen(e) {
-    u(this, ye, e);
+    u(this, He, e);
   }
   get width() {
-    return p(this, ke);
+    return p(this, Je);
   }
   set width(e) {
-    u(this, ke, e);
+    u(this, Je, e);
   }
   get panel() {
-    return p(this, we);
+    return p(this, Ge);
   }
   set panel(e) {
-    u(this, we, e);
+    u(this, Ge, e);
   }
   get menuOpen() {
-    return p(this, $e);
+    return p(this, qe);
   }
   set menuOpen(e) {
-    u(this, $e, e);
+    u(this, qe, e);
   }
   get editingKey() {
-    return p(this, Te);
+    return p(this, Ve);
   }
   set editingKey(e) {
-    u(this, Te, e);
+    u(this, Ve, e);
   }
   get editDraft() {
-    return p(this, Ce);
+    return p(this, Xe);
   }
   set editDraft(e) {
-    u(this, Ce, e);
+    u(this, Xe, e);
   }
   get editingTitle() {
-    return p(this, Se);
+    return p(this, Ye);
   }
   set editingTitle(e) {
-    u(this, Se, e);
+    u(this, Ye, e);
   }
   get renamingId() {
-    return p(this, ze);
+    return p(this, Qe);
   }
   set renamingId(e) {
-    u(this, ze, e);
+    u(this, Qe, e);
   }
   get toast() {
-    return p(this, Oe);
+    return p(this, Ze);
   }
   set toast(e) {
-    u(this, Oe, e);
+    u(this, Ze, e);
   }
   get copiedKey() {
-    return p(this, Me);
+    return p(this, et);
   }
   set copiedKey(e) {
-    u(this, Me, e);
+    u(this, et, e);
   }
   get retrievalOpen() {
-    return p(this, _e);
+    return p(this, tt);
   }
   set retrievalOpen(e) {
-    u(this, _e, e);
+    u(this, tt, e);
+  }
+  get rawKeys() {
+    return p(this, st);
+  }
+  set rawKeys(e) {
+    u(this, st, e);
+  }
+  get savedFiles() {
+    return p(this, it);
+  }
+  set savedFiles(e) {
+    u(this, it, e);
+  }
+  get hasSidebarContent() {
+    return p(this, at);
+  }
+  set hasSidebarContent(e) {
+    u(this, at, e);
+  }
+  get sorts() {
+    return p(this, rt);
+  }
+  set sorts(e) {
+    u(this, rt, e);
   }
   get arrivedKey() {
-    return p(this, Ie);
+    return p(this, ot);
   }
   set arrivedKey(e) {
-    u(this, Ie, e);
+    u(this, ot, e);
   }
   get dragging() {
-    return p(this, Le);
+    return p(this, nt);
   }
   set dragging(e) {
-    u(this, Le, e);
+    u(this, nt, e);
   }
   get showJump() {
-    return p(this, je);
+    return p(this, lt);
   }
   set showJump(e) {
-    u(this, je, e);
+    u(this, lt, e);
   }
   get offline() {
-    return p(this, Ae);
+    return p(this, ct);
   }
   set offline(e) {
-    u(this, Ae, e);
+    u(this, ct, e);
   }
   get isOpen() {
-    return p(this, Ee);
+    return p(this, dt);
   }
   set isOpen(e) {
-    u(this, Ee, e);
+    u(this, dt, e);
   }
   get expanded() {
-    return p(this, Ne);
+    return p(this, pt);
   }
   set expanded(e) {
-    u(this, Ne, e);
+    u(this, pt, e);
   }
   get bubble() {
-    return p(this, Be);
+    return p(this, ht);
   }
   set bubble(e) {
-    u(this, Be, e);
+    u(this, ht, e);
   }
   get seen() {
-    return p(this, De);
+    return p(this, ut);
   }
   set seen(e) {
-    u(this, De, e);
+    u(this, ut, e);
   }
   get mobile() {
-    return p(this, Re);
+    return p(this, gt);
   }
   set mobile(e) {
-    u(this, Re, e);
+    u(this, gt, e);
   }
   get msg() {
-    return Tt(this.messages);
+    return ts(this.messages);
   }
   /** An explicit `.client`, else the page default. */
   get resolvedClient() {
-    return this.client ?? yt() ?? null;
+    return this.client ?? Vt() ?? null;
   }
   /** The open conversation's id, or null for a new chat. */
   get chatId() {
@@ -3211,18 +3788,55 @@ let d = (dt = class extends ft {
   get thread() {
     return this.msgs;
   }
+  /** `format`, falling back to the default for anything unknown. */
+  /** `docsets` as a clean list of ids. */
+  get docsetIds() {
+    const e = this.docsets, t = Array.isArray(e) ? e : String(e ?? "").split(/[\s,]+/);
+    return [...new Set(t.map((s) => String(s).trim()).filter(Boolean))];
+  }
+  /** The files this chat keeps on the service. */
+  get attachments() {
+    return this.savedFiles;
+  }
+  get formatLevel() {
+    return ["raw", "plain", "advanced", "rich"].includes(this.format) ? this.format : "advanced";
+  }
   /** The loaded chat list. */
   get chats() {
     return this.chatList;
   }
+  /**
+   * Every setting in one object, keyed by property name:
+   *
+   *     chat.config = { client, mode: "rag", format: "rich", retrieval: [...], chatId: "…" };
+   *
+   * Unknown keys are ignored. `chatId` opens that chat; reading `config`
+   * returns the current settings with `chatId` as the open chat.
+   */
   set config(e) {
+    if (!e) return;
     const t = this;
-    for (const i of st)
-      e && i in e && (t[i] = e[i]);
+    "client" in e && (this.client = e.client ?? null);
+    for (const s of Lt)
+      s in e && (t[s] = e[s]);
+    e.chatId && e.chatId !== this.activeId && (this.hasUpdated ? this.openChat(e.chatId) : this.chatIdAttr = e.chatId);
+  }
+  /**
+   * Changes settings on the fly. Only the keys you pass change; the chat keeps
+   * its conversation and re-renders in place. Returns the element, so calls chain.
+   *
+   *     chat.configure({ format: "rich" }).configure({ theme: "dark" });
+   */
+  configure(e) {
+    return this.config = e, this;
   }
   get config() {
     const e = this;
-    return Object.fromEntries(st.map((t) => [t, e[t]]));
+    return {
+      client: this.client,
+      chatId: this.activeId ?? "",
+      ...Object.fromEntries(Lt.map((t) => [t, e[t]]))
+    };
   }
   // ── lifecycle ─────────────────────────────────────────────
   connectedCallback() {
@@ -3238,7 +3852,7 @@ let d = (dt = class extends ft {
       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(() => {
+    e.has("params") && (!this.params || typeof this.params != "object") && (this.params = {}), e.has("metadata") && (!this.metadata || typeof this.metadata != "object") && (this.metadata = {}), e.has("sidebar") && (this.sidebar === "open" ? this.sidebarOpen = !0 : this.sidebar === "closed" || this.sidebar === "none" ? this.sidebarOpen = !1 : this.width && (this.sidebarOpen = this.docked)), this.embed === "launcher" && this.greetingBubble && !this.bubbleScheduled && (this.bubbleScheduled = !0, this.later(() => {
       !this.isOpen && !this.seen && (this.bubble = !0);
     }, 1200));
   }
@@ -3248,70 +3862,70 @@ let d = (dt = class extends ft {
   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 s = Math.round(i.contentRect.width);
-      s !== this.width && (this.width = s, 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(
+    if (e !== this.observed && ((t = this.observer) == null || t.disconnect(), this.observed = e, e && typeof ResizeObserver < "u" && (this.observer ?? (this.observer = new ResizeObserver(([s]) => {
+      const i = Math.round(s.contentRect.width);
+      i !== this.width && (this.width = i, this.sidebarOpen === null && (this.sidebarOpen = this.sidebar === "auto" && this.docked));
+    })), this.observer.observe(e))), this.sidebarOpen && this.listState === "idle" && this.resolvedClient && this.loadChats(), this.pendingChatId && this.resolvedClient && this.openChat(this.pendingChatId), this.focusNext) {
+      const s = this.renderRoot.querySelector(
         this.focusNext
       );
-      this.focusNext = "", i && (i.focus(), "select" in i && i.tagName === "INPUT" && i.select());
+      this.focusNext = "", s && (s.focus(), "select" in s && s.tagName === "INPUT" && s.select());
     }
   }
   later(e, t) {
-    const i = setTimeout(() => {
-      this.timers.delete(i), e();
+    const s = setTimeout(() => {
+      this.timers.delete(s), e();
     }, t);
-    this.timers.add(i);
+    this.timers.add(s);
   }
   emit(e, t) {
     this.dispatchEvent(new CustomEvent(e, { detail: t, bubbles: !0, composed: !0 }));
   }
   get docked() {
-    return this.embed === "page" && this.width >= Rt;
+    return this.embed === "page" && this.width >= Ss;
   }
   get panelDocked() {
-    const e = this.docked && this.sidebarOpen ? Dt : 0;
-    return this.width - e >= Ut;
+    const e = this.docked && this.sidebarOpen ? Ts : 0;
+    return this.width - e >= Is;
   }
   // ── public API ────────────────────────────────────────────
   /** Starts a new, empty conversation. */
   newChat() {
-    this.halt(), this.activeId = null, this.chatTitle = "", this.bookmarked = !1, this.msgs = [], this.threadError = "", this.resetViewState(), this.focusNext = "textarea.input";
+    this.halt(), this.pendingChatId = "", this.savedFiles = [], this.loadingThread = !1, this.activeId = null, this.chatTitle = "", this.bookmarked = !1, this.msgs = [], this.threadError = "", this.resetViewState(), this.focusNext = "textarea.input";
   }
   /** Opens a saved conversation. */
   async openChat(e) {
     const t = this.resolvedClient;
     if (!e) return;
-    this.halt();
-    const i = this.chatList.find((a) => a._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;
+    this.halt(), this.savedFiles = [];
+    const s = this.chatList.find((a) => a._id === e);
+    if (this.activeId = e, this.chatTitle = (s == null ? void 0 : s.title) ?? "", this.bookmarked = !!(s != null && s.bookmarked), this.msgs = [], this.threadError = "", this.resetViewState(), !t) {
+      this.pendingChatId = e, this.loadingThread = !0;
       return;
     }
-    const s = ++this.run;
-    this.loadingThread = !0;
+    const i = ++this.run;
+    this.pendingChatId = "", this.loadingThread = !0;
     try {
       const a = await t.llm.call("get_chat", {
         _id: e
       });
-      if (s !== this.run) return;
-      this.chatTitle = (a == null ? void 0 : a.title) ?? "", this.bookmarked = !!(a != null && a.bookmarked), this.msgs = ((a == null ? void 0 : a.messages) ?? []).filter((o) => o && (o.role === "user" || o.role === "assistant")).map((o) => this.fromServer(o)), this.upsertChat({ ...i, ...a, _id: e }), this.stick = !0, this.scrollToBottom();
+      if (i !== this.run) return;
+      this.chatTitle = (a == null ? void 0 : a.title) ?? "", this.bookmarked = !!(a != null && a.bookmarked), this.msgs = ((a == null ? void 0 : a.messages) ?? []).filter((r) => r && (r.role === "user" || r.role === "assistant")).map((r) => this.fromServer(r)), this.savedFiles = Dt(a == null ? void 0 : a.attachments), this.upsertChat({ ...s, ...a, _id: e }), this.stick = !0, this.scrollToBottom();
     } catch (a) {
-      if (s !== this.run) return;
-      lt(a) ? (this.chatList = this.chatList.filter((o) => o._id !== e), this.newChat(), this.showToast(this.msg.errNotFound)) : this.threadError = this.msg.errLoad;
+      if (i !== this.run) return;
+      Bt(a) ? (this.chatList = this.chatList.filter((r) => r._id !== e), this.newChat(), this.showToast(this.msg.errNotFound)) : this.threadError = this.msg.errLoad;
     } finally {
-      s === this.run && (this.loadingThread = !1);
+      i === this.run && (this.loadingThread = !1);
     }
   }
   /** Sends a message; with no argument, sends the composer's text. */
   async send(e) {
     const t = (typeof e == "string" ? e : this.draft).trim();
     if (!t || this.busy) return;
-    const i = this.files;
+    const s = this.files;
     this.draft = "", this.files = [];
-    const s = this.renderRoot.querySelector("textarea.input");
-    s && (s.style.height = "auto"), await this.runTurn(this.userMessage(t, i));
+    const i = this.renderRoot.querySelector("textarea.input");
+    i && (i.style.height = "auto"), await this.runTurn(this.userMessage(t, s));
   }
   /** Stops waiting for, or revealing, the current reply. */
   stop() {
@@ -3321,57 +3935,57 @@ let d = (dt = class extends ft {
   }
   /** Downloads the open conversation, or copies it as Markdown. */
   exportChat(e = "md") {
-    var M;
+    var L;
     if (!this.msgs.length) return;
     this.menuOpen = !1;
-    const t = this.chatTitle || this.msg.untitled, i = (k) => k.role === "user" ? this.msg.you : this.assistantName, s = (k) => new Date(k || Date.now()).toLocaleString(), a = (k) => k.sources.map((L, ut) => {
-      const Ue = Ke(L, ut + 1);
-      return `[${Ue.n}] ${Ue.title}${Ue.path ? ` — ${Ue.path}` : ""}`;
-    }), o = (k) => (k.attachments ?? []).map((L) => L.name);
-    let l, c = "text/markdown", x = "md";
-    if (e === "json" ? (l = JSON.stringify(
+    const t = this.chatTitle || this.msg.untitled, s = (x) => x.role === "user" ? this.msg.you : this.assistantName, i = (x) => new Date(x || Date.now()).toLocaleString(), a = (x) => x.sources.map((S, $) => {
+      const A = ft(S, $ + 1);
+      return `[${A.n}] ${A.title}${A.path ? ` — ${A.path}` : ""}`;
+    }), r = (x) => (x.attachments ?? []).map((S) => S.name);
+    let c, l = "text/markdown", f = "md";
+    if (e === "json" ? (c = JSON.stringify(
       {
         exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
         id: this.activeId,
         title: t,
         mode: this.mode,
         bookmarked: this.bookmarked,
-        messages: this.msgs.map((k) => ({
-          role: k.role,
-          text: k.content,
-          at: new Date(k.at || Date.now()).toISOString(),
-          bookmarked: k.bookmarked,
-          attachments: o(k),
-          sources: a(k)
+        messages: this.msgs.map((x) => ({
+          role: x.role,
+          text: x.content,
+          at: new Date(x.at || Date.now()).toISOString(),
+          bookmarked: x.bookmarked,
+          attachments: r(x),
+          sources: a(x)
         }))
       },
       null,
       2
-    ), c = "application/json", x = "json") : e === "txt" ? (l = `${t}
+    ), l = "application/json", f = "json") : e === "txt" ? (c = `${t}
 ${"=".repeat(t.length)}
 
 ` + this.msgs.map(
-      (k) => [
-        `${i(k)} · ${s(k.at)}`,
-        o(k).length ? `Attachments: ${o(k).join(", ")}` : "",
-        k.content,
-        a(k).length ? `Sources:
-${a(k).join(`
+      (x) => [
+        `${s(x)} · ${i(x.at)}`,
+        r(x).length ? `Attachments: ${r(x).join(", ")}` : "",
+        x.content,
+        a(x).length ? `Sources:
+${a(x).join(`
 `)}` : ""
       ].filter(Boolean).join(`
 `)
     ).join(`
 
-`), c = "text/plain", x = "txt") : l = `# ${t}
+`), l = "text/plain", f = "txt") : c = `# ${t}
 
 ` + this.msgs.map(
-      (k) => [
-        `### ${i(k)} · ${s(k.at)}`,
-        o(k).length ? `Attachments: ${o(k).join(", ")}` : "",
-        k.content,
-        a(k).length ? `**Sources**
+      (x) => [
+        `### ${s(x)} · ${i(x.at)}`,
+        r(x).length ? `Attachments: ${r(x).join(", ")}` : "",
+        x.content,
+        a(x).length ? `**Sources**
 
-${a(k).map((L) => `- ${L}`).join(`
+${a(x).map((S) => `- ${S}`).join(`
 `)}` : ""
       ].filter(Boolean).join(`
 
@@ -3382,12 +3996,12 @@ ${a(k).map((L) => `- ${L}`).join(`
 
 `) + `
 `, this.emit("singlebase-chat-export", { chatId: this.activeId, format: e }), e === "copy") {
-      (M = navigator.clipboard) == null || M.writeText(l).catch(() => {
+      (L = navigator.clipboard) == null || L.writeText(c).catch(() => {
       }), this.showToast(this.msg.copiedMarkdown);
       return;
     }
-    const O = `${t.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "chat"}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.${x}`, S = URL.createObjectURL(new Blob([l], { type: c })), b = document.createElement("a");
-    b.href = S, b.download = O, document.body.appendChild(b), b.click(), b.remove(), setTimeout(() => URL.revokeObjectURL(S), 2e3), this.showToast(z(this.msg.exported, { name: O }));
+    const C = `${t.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "chat"}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.${f}`, T = URL.createObjectURL(new Blob([c], { type: l })), w = document.createElement("a");
+    w.href = T, w.download = C, document.body.appendChild(w), w.click(), w.remove(), setTimeout(() => URL.revokeObjectURL(T), 2e3), this.showToast(_(this.msg.exported, { name: C }));
   }
   /** Inline and launcher: fill the window. */
   expand() {
@@ -3407,7 +4021,7 @@ ${a(k).map((L) => `- ${L}`).join(`
   // ── turns ─────────────────────────────────────────────────
   userMessage(e, t = []) {
     return {
-      key: Je(),
+      key: bt(),
       id: null,
       role: "user",
       content: e,
@@ -3422,23 +4036,37 @@ ${a(k).map((L) => `- ${L}`).join(`
   systemPrompt() {
     return [
       this.systemMessage,
-      nt[this.mode] ?? nt.chat,
-      this.followups ? Ht : ""
+      Rt[this.mode] ?? Rt.chat,
+      As[this.formatLevel],
+      this.followups ? js : ""
     ].filter(Boolean).join(`
 
 `);
   }
   payloadFor(e) {
     const t = { message: e.content, format: "markdown" };
-    this.activeId ? t._id = this.activeId : (t.title = Lt(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((a) => a.name);
-    (Object.keys(this.metadata ?? {}).length || i.length) && (t.metadata = { ...this.metadata, ...i.length ? { attachments: i } : {} });
-    const s = [...this.retrieval ?? [], ...Gt(e.attachments ?? [])];
-    return s.length && (t.retrieval = s), t;
+    this.activeId ? t._id = this.activeId : (t.title = fs(e.content), t.system_message = this.systemPrompt()), t.mode = this.mode, this.model && (t.model = this.model), Object.keys(this.params ?? {}).length && (t.params = this.params);
+    const s = e.attachments ?? [], i = this.attachmentsMode === "payload";
+    i && s.length && (t.attachments = s.map((l) => ({
+      type: "content",
+      content: l.content,
+      name: l.name,
+      ...l.mime ? { mime: l.mime } : {},
+      size: l.size,
+      save_attachment: this.saveAttachments
+    })));
+    const a = i ? [] : s.map((l) => l.name);
+    (Object.keys(this.metadata ?? {}).length || a.length) && (t.metadata = { ...this.metadata, ...a.length ? { attachments: a } : {} });
+    const r = this.docsetIds, c = [
+      ...r.length ? [{ source: "docset", ids: r }] : [],
+      ...this.retrieval ?? [],
+      ...i ? [] : Bs(s)
+    ];
+    return c.length && (t.retrieval = c), t;
   }
   async runTurn(e) {
     const t = {
-      key: Je(),
+      key: bt(),
       id: null,
       role: "assistant",
       content: "",
@@ -3449,66 +4077,90 @@ ${a(k).map((L) => `- ${L}`).join(`
       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) {
+    const s = this.resolvedClient;
+    if (!s) {
       this.failTurn(t, this.msg.errNoClient, "NO_CLIENT"), this.busy = !1;
       return;
     }
-    const s = ++this.run, a = new AbortController();
+    const i = ++this.run, a = new AbortController();
     this.abort = a;
-    const o = !this.activeId, l = this.payloadFor(e);
+    const r = !this.activeId;
+    let c = this.payloadFor(e);
+    if (this.beforeSend) {
+      let l;
+      try {
+        l = await this.beforeSend(c, { chatId: this.activeId, isNew: r, message: e });
+      } catch (b) {
+        l = b;
+      }
+      if (i !== this.run) return;
+      if (l === !1) {
+        this.msgs = this.msgs.filter((b) => b !== e && b !== t), this.draft = e.content, this.busy = !1, this.abort = null;
+        return;
+      }
+      if (!(!!l && typeof l == "object" && typeof l.message == "string") || !l.message.trim()) {
+        console.error(
+          "[singlebase-chat] beforeSend must return the request object (with a message) or false to cancel; the message was not sent.",
+          l
+        ), this.failTurn(t, this.msg.errGeneric, "BEFORE_SEND_INVALID"), this.busy = !1, this.abort = null;
+        return;
+      }
+      c = l;
+    }
     try {
-      const c = await i.llm.call("chat", l, { signal: a.signal }), x = (c == null ? void 0 : c._id) || (c == null ? void 0 : c.chat_id) || this.activeId;
-      if (o && x && this.upsertChat({
-        _id: x,
-        title: (c == null ? void 0 : c.title) || l.title,
-        bookmarked: !!(c != null && c.bookmarked),
+      const l = await s.llm.call("chat", c, { signal: a.signal }), f = (l == null ? void 0 : l._id) || (l == null ? void 0 : l.chat_id) || this.activeId;
+      if (r && f && this.upsertChat({
+        _id: f,
+        title: (l == null ? void 0 : l.title) || c.title,
+        bookmarked: !!(l != null && l.bookmarked),
         _modified_at: (/* @__PURE__ */ new Date()).toISOString()
-      }), s !== this.run) return;
-      x && (this.activeId = x), o ? (this.chatTitle = (c == null ? void 0 : c.title) || l.title, this.bookmarked = !!(c != null && c.bookmarked)) : x && this.touchChat(x);
-      const f = (c == null ? void 0 : c.message) ?? {}, O = typeof f.content == "string" ? f.content : (c == null ? void 0 : c.json) !== void 0 ? JSON.stringify(c.json, null, 2) : "", { text: S, followups: b } = tt(O);
-      e.id = f.reply_to ?? null, Object.assign(t, {
-        id: f._id ?? null,
-        content: S,
-        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,
+      }), i !== this.run) return;
+      f && (this.activeId = f), r && (this.chatTitle = (l == null ? void 0 : l.title) || c.title, this.bookmarked = !!(l != null && l.bookmarked));
+      const b = (l == null ? void 0 : l.message) ?? {}, C = typeof b.content == "string" ? b.content : (l == null ? void 0 : l.json) !== void 0 ? JSON.stringify(l.json, null, 2) : "", { text: T, followups: w } = zt(C);
+      e.id = b.reply_to ?? null, this.applyAttachmentResults(l == null ? void 0 : l.attachments), Object.assign(t, {
+        id: b._id ?? null,
+        content: T,
+        sources: Array.isArray(b.sources) ? b.sources : [],
+        followups: w,
+        execTime: typeof b.exec_time == "number" ? b.exec_time : void 0,
+        model: b.model,
         at: Date.now()
-      }), this.emit("singlebase-chat-response", { chatId: x, message: t }), await this.reveal(t, s), o && x && this.autoTitle && this.retitle(x, e.content, t.content);
-    } catch (c) {
-      if (s !== this.run) return;
-      const x = lt(c);
-      x && (this.chatList = this.chatList.filter((f) => f._id !== this.activeId), this.activeId = null), this.failTurn(t, x ? this.msg.errNotFound : this.msg.errGeneric, Wt(c));
+      }), this.emit("singlebase-chat-response", { chatId: f, message: t }), await this.reveal(t, i), r && f && this.autoTitle && this.retitle(f, e.content, t.content);
+    } catch (l) {
+      if (i !== this.run) return;
+      const f = Bt(l);
+      f && (this.chatList = this.chatList.filter((T) => T._id !== this.activeId), this.activeId = null);
+      const b = Rs(l), C = f ? this.msg.errNotFound : b === "KB_SOURCE_REQUIRED" ? this.msg.errKbSource : this.msg.errGeneric;
+      this.failTurn(t, C, b);
     } finally {
-      s === this.run && (this.busy = !1, this.abort = null, this.stick && this.scrollToBottom());
+      i === 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 });
+  failTurn(e, t, s) {
+    e.phase = "error", e.error = t, this.msgs = [...this.msgs], this.emit("singlebase-chat-error", { chatId: this.activeId, code: s, message: t });
   }
   /**
    * The service answers in one piece; this reveals it progressively so it
    * reads like a stream. Capped at about a second and a half.
    */
   reveal(e, t) {
-    const i = e.content.length, s = () => {
+    const s = e.content.length, i = () => {
       e.phase = "done", this.msgs = [...this.msgs], this.arrivedKey = e.key, this.later(() => {
         this.arrivedKey === e.key && (this.arrivedKey = "");
-      }, Pt), this.stick ? this.scrollToBottom() : this.showJump = !0;
+      }, Ls), this.stick ? this.scrollToBottom() : this.showJump = !0;
     };
-    if (!i || qt())
-      return s(), Promise.resolve();
-    const a = e.content, o = Math.max(4, Math.ceil(i / 90));
-    let l = 0;
-    return e.phase = "streaming", e.content = "", new Promise((c) => {
+    if (!s || Es())
+      return i(), Promise.resolve();
+    const a = e.content, r = Math.max(4, Math.ceil(s / 90));
+    let c = 0;
+    return e.phase = "streaming", e.content = "", new Promise((l) => {
       this.revealTimer = setInterval(() => {
         if (t !== this.run) {
-          clearInterval(this.revealTimer), c();
+          clearInterval(this.revealTimer), l();
           return;
         }
-        if (l = Math.min(i, l + o), e.content = a.slice(0, l), l >= i) {
-          clearInterval(this.revealTimer), s(), c();
+        if (c = Math.min(s, c + r), e.content = a.slice(0, c), c >= s) {
+          clearInterval(this.revealTimer), i(), l();
           return;
         }
         this.msgs = [...this.msgs], this.stick && this.scrollToBottom();
@@ -3520,23 +4172,23 @@ ${a(k).map((L) => `- ${L}`).join(`
     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 s = this.resolvedClient;
-    if (!(!s || this.renamed.has(e)))
+  async retitle(e, t, s) {
+    const i = this.resolvedClient;
+    if (!(!i || this.renamed.has(e)))
       try {
-        const a = await s.llm.call("generate", {
+        const a = await i.llm.call("generate", {
           user_input: `user: ${t}
-assistant: ${i.slice(0, 1500)}`,
+assistant: ${s.slice(0, 1500)}`,
           custom_instructions: "Write a concise title (3–6 words, sentence case, no quotes, no trailing punctuation) for this conversation.",
           format: "text"
-        }), o = jt(a == null ? void 0 : a.result);
-        if (!o || this.renamed.has(e)) return;
-        await s.llm.call("update_chat", { _id: e, title: o }), this.applyTitle(e, o, !0);
+        }), r = bs(a == null ? void 0 : a.result);
+        if (!r || this.renamed.has(e)) return;
+        await i.llm.call("update_chat", { _id: e, title: r }), this.applyTitle(e, r, !0);
       } catch {
       }
   }
-  applyTitle(e, t, i) {
-    this.chatList = this.chatList.map((s) => s._id === e ? { ...s, title: t } : s), this.activeId === e && (this.chatTitle = t), this.emit("singlebase-chat-title", { chatId: e, title: t, auto: i });
+  applyTitle(e, t, s) {
+    this.chatList = this.chatList.map((i) => i._id === e ? { ...i, title: t } : i), this.activeId === e && (this.chatTitle = t), this.emit("singlebase-chat-title", { chatId: e, title: t, auto: s });
   }
   /**
    * Enter and blur both land here. Saving on Enter directly (not via blur())
@@ -3549,28 +4201,28 @@ assistant: ${i.slice(0, 1500)}`,
     this.renamingId === e && (this.renamingId = "", this.renameChat(e, t));
   }
   async renameChat(e, t) {
-    var a, o;
-    const i = t.trim().slice(0, 80), s = ((a = this.chatList.find((l) => l._id === e)) == null ? void 0 : a.title) ?? this.chatTitle;
-    if (!(!i || i === s)) {
-      this.renamed.add(e), this.applyTitle(e, i, !1);
+    var a, r;
+    const s = t.trim().slice(0, 80), i = ((a = this.chatList.find((c) => c._id === e)) == null ? void 0 : a.title) ?? this.chatTitle;
+    if (!(!s || s === i)) {
+      this.renamed.add(e), this.applyTitle(e, s, !1);
       try {
-        await ((o = this.resolvedClient) == null ? void 0 : o.llm.call("update_chat", { _id: e, title: i }));
+        await ((r = this.resolvedClient) == null ? void 0 : r.llm.call("update_chat", { _id: e, title: s }));
       } catch {
-        this.applyTitle(e, s ?? "", !1), this.showToast(this.msg.errGeneric);
+        this.applyTitle(e, i ?? "", !1), this.showToast(this.msg.errGeneric);
       }
     }
   }
   fromServer(e) {
-    const t = e.role === "assistant", { text: i, followups: s } = t ? tt(String(e.content ?? "")) : { text: String(e.content ?? ""), followups: [] };
+    const t = e.role === "assistant", { text: s, followups: i } = t ? zt(String(e.content ?? "")) : { text: String(e.content ?? ""), followups: [] };
     return {
-      key: Je(),
+      key: bt(),
       id: e._id ?? null,
       role: t ? "assistant" : "user",
-      content: i,
+      content: s,
       at: Date.parse(e._created_at ?? "") || 0,
       bookmarked: !!e.bookmarked,
       sources: Array.isArray(e.sources) ? e.sources : [],
-      followups: this.followups ? s : [],
+      followups: i,
       phase: "done",
       execTime: typeof e.exec_time == "number" ? e.exec_time : void 0,
       model: e.model
@@ -3589,57 +4241,96 @@ assistant: ${i.slice(0, 1500)}`,
       }
     }
   }
+  /**
+   * A new chat goes on top. A chat already in the list is updated where it is,
+   * keeping its dates, so opening or using a chat never reorders the list; the
+   * next load from the server brings the fresh order.
+   */
   upsertChat(e) {
-    const t = this.chatList.filter((s) => s._id !== e._id), i = this.chatList.find((s) => s._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: (/* @__PURE__ */ new Date()).toISOString() });
+    const t = this.chatList.findIndex((a) => a._id === e._id);
+    if (t < 0) {
+      this.chatList = [e, ...this.chatList];
+      return;
+    }
+    const s = this.chatList[t], i = [...this.chatList];
+    i[t] = {
+      ...s,
+      ...e,
+      _created_at: s._created_at ?? e._created_at,
+      _modified_at: s._modified_at ?? e._modified_at
+    }, this.chatList = i;
   }
   // ── actions ───────────────────────────────────────────────
   resetViewState() {
     this.panel = null, this.menuOpen = !1, this.editingKey = "", this.editingTitle = !1, this.showJump = !1, this.retrievalOpen = /* @__PURE__ */ new Set(), this.sidebarOpen && !this.docked && (this.sidebarOpen = !1);
   }
   async deleteOnServer(e) {
-    const t = this.resolvedClient, i = this.activeId;
-    if (!(!t || !i))
-      for (const s of e)
-        s && await t.llm.call("delete_chat_message", { _id: i, message_id: s }).catch(() => {
+    const t = this.resolvedClient, s = this.activeId;
+    if (!(!t || !s))
+      for (const i of e)
+        i && await t.llm.call("delete_chat_message", { _id: s, message_id: i }).catch(() => {
         });
   }
   async regenerate() {
     if (this.busy) return;
-    const e = this.msgs.map((s) => s.role).lastIndexOf("assistant"), t = this.msgs[e - 1];
+    const e = this.msgs.map((i) => i.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((s) => s.id)), await this.runTurn(this.userMessage(t.content, t.attachments));
+    const s = this.msgs.slice(e - 1);
+    this.msgs = this.msgs.slice(0, e - 1), await this.deleteOnServer(s.map((i) => i.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)));
+    const t = this.msgs.indexOf(e), s = this.msgs[t - 1];
+    (s == null ? void 0 : s.role) === "user" && (this.msgs = this.msgs.slice(0, t - 1), await this.runTurn(this.userMessage(s.content, s.attachments)));
   }
   async saveEdit(e) {
-    const t = this.editDraft.trim(), i = this.msgs.indexOf(e);
-    if (this.editingKey = "", !t || i < 0 || this.busy) return;
-    const s = this.msgs.slice(i);
-    this.msgs = this.msgs.slice(0, i), await this.deleteOnServer(s.map((a) => a.id)), await this.runTurn(this.userMessage(t, e.attachments));
+    const t = this.editDraft.trim(), s = this.msgs.indexOf(e);
+    if (this.editingKey = "", !t || s < 0 || this.busy) return;
+    const i = this.msgs.slice(s);
+    this.msgs = this.msgs.slice(0, s), await this.deleteOnServer(i.map((a) => a.id)), await this.runTurn(this.userMessage(t, e.attachments));
+  }
+  toggleRaw(e) {
+    const t = new Set(this.rawKeys);
+    t.has(e) ? t.delete(e) : t.add(e), this.rawKeys = t;
+  }
+  /** Adds newly saved files, and says which ones the service couldn't read. */
+  applyAttachmentResults(e) {
+    if (!Array.isArray(e)) return;
+    const t = Dt(e).filter((i) => !this.savedFiles.some((a) => a.id === i.id));
+    t.length && (this.savedFiles = [...this.savedFiles, ...t]);
+    const s = e.filter((i) => (i == null ? void 0 : i.status) === "failed").map((i) => String(i.name ?? "file"));
+    s.length && this.showToast(_(this.msg.attachmentFailed, { name: s.join(", ") }));
+  }
+  /** Removes a file the service keeps on this chat. */
+  async removeSavedFile(e) {
+    var i;
+    const t = this.activeId;
+    if (!t) return;
+    const s = this.savedFiles;
+    this.savedFiles = s.filter((a) => a !== e);
+    try {
+      await ((i = this.resolvedClient) == null ? void 0 : i.llm.call("remove_chat_attachment", {
+        _id: t,
+        attachment_id: e.id
+      }));
+    } catch {
+      this.activeId === t && (this.savedFiles = s), this.showToast(this.msg.errGeneric);
+    }
   }
   copy(e, t) {
-    var i;
-    (i = navigator.clipboard) == null || i.writeText(t).catch(() => {
+    var s;
+    (s = navigator.clipboard) == null || s.writeText(t).catch(() => {
     }), this.copiedKey = e, this.later(() => {
       this.copiedKey === e && (this.copiedKey = "");
     }, 1400);
   }
   async toggleMessageBookmark(e) {
-    var i;
+    var s;
     const t = this.activeId;
     if (!(!t || !e.id)) {
       e.bookmarked = !e.bookmarked, this.msgs = [...this.msgs], this.showToast(e.bookmarked ? this.msg.messageBookmarked : this.msg.bookmarkRemoved), this.emit("singlebase-chat-bookmark", { chatId: t, messageId: e.id, bookmarked: e.bookmarked });
       try {
-        await ((i = this.resolvedClient) == null ? void 0 : i.llm.call("bookmark_chat_message", {
+        await ((s = this.resolvedClient) == null ? void 0 : s.llm.call("bookmark_chat_message", {
           _id: t,
           message_id: e.id,
           bookmarked: e.bookmarked
@@ -3650,28 +4341,28 @@ assistant: ${i.slice(0, 1500)}`,
     }
   }
   async toggleChatBookmark(e) {
-    var a, o;
-    const t = ((a = this.chatList.find((l) => l._id === e)) == null ? void 0 : a.bookmarked) ?? (e === this.activeId ? this.bookmarked : !1), i = !t, s = (l) => {
+    var a, r;
+    const t = ((a = this.chatList.find((c) => c._id === e)) == null ? void 0 : a.bookmarked) ?? (e === this.activeId ? this.bookmarked : !1), s = !t, i = (c) => {
       this.chatList = this.chatList.map(
-        (c) => c._id === e ? { ...c, bookmarked: l } : c
-      ), e === this.activeId && (this.bookmarked = l);
+        (l) => l._id === e ? { ...l, bookmarked: c } : l
+      ), e === this.activeId && (this.bookmarked = c);
     };
-    s(i), this.showToast(i ? this.msg.chatBookmarked : this.msg.chatUnbookmarked), this.emit("singlebase-chat-bookmark", { chatId: e, bookmarked: i });
+    i(s), this.showToast(s ? this.msg.chatBookmarked : this.msg.chatUnbookmarked), this.emit("singlebase-chat-bookmark", { chatId: e, bookmarked: s });
     try {
-      await ((o = this.resolvedClient) == null ? void 0 : o.llm.call("bookmark_chat", { _id: e, bookmarked: i }));
+      await ((r = this.resolvedClient) == null ? void 0 : r.llm.call("bookmark_chat", { _id: e, bookmarked: s }));
     } catch {
-      s(t), this.showToast(this.msg.errGeneric);
+      i(t), this.showToast(this.msg.errGeneric);
     }
   }
   /** Removed at once; the server call waits out the undo window. */
   deleteMessage(e) {
-    var s;
-    const t = this.activeId, i = this.msgs.indexOf(e);
-    i < 0 || (this.msgs = this.msgs.filter((a) => a !== e), ((s = this.panel) == null ? void 0 : s.key) === e.key && (this.panel = null), this.showToast(this.msg.messageDeleted, {
+    var i;
+    const t = this.activeId, s = this.msgs.indexOf(e);
+    s < 0 || (this.msgs = this.msgs.filter((a) => a !== e), ((i = this.panel) == null ? void 0 : i.key) === e.key && (this.panel = null), this.showToast(this.msg.messageDeleted, {
       undo: () => {
         if (this.activeId !== t) return;
         const a = [...this.msgs];
-        a.splice(i, 0, e), this.msgs = a;
+        a.splice(s, 0, e), this.msgs = a;
       },
       commit: () => {
         var a;
@@ -3681,19 +4372,19 @@ assistant: ${i.slice(0, 1500)}`,
     }));
   }
   deleteChat(e) {
-    const t = this.chatList.findIndex((o) => o._id === e), i = this.chatList[t] ?? {
+    const t = this.chatList.findIndex((r) => r._id === e), s = this.chatList[t] ?? {
       _id: e,
       title: this.chatTitle,
       bookmarked: this.bookmarked
-    }, s = e === this.activeId, a = s ? { title: this.chatTitle, bookmarked: this.bookmarked, msgs: this.msgs } : null;
-    this.chatList = this.chatList.filter((o) => o._id !== e), s && this.newChat(), this.showToast(this.msg.chatDeleted, {
+    }, i = e === this.activeId, a = i ? { title: this.chatTitle, bookmarked: this.bookmarked, msgs: this.msgs } : null;
+    this.chatList = this.chatList.filter((r) => r._id !== e), i && this.newChat(), this.showToast(this.msg.chatDeleted, {
       undo: () => {
-        const o = [...this.chatList];
-        o.splice(Math.max(0, t), 0, i), this.chatList = o, a && !this.activeId && !this.msgs.length && (this.activeId = e, this.chatTitle = a.title, this.bookmarked = a.bookmarked, this.msgs = a.msgs);
+        const r = [...this.chatList];
+        r.splice(Math.max(0, t), 0, s), this.chatList = r, a && !this.activeId && !this.msgs.length && (this.activeId = e, this.chatTitle = a.title, this.bookmarked = a.bookmarked, this.msgs = a.msgs);
       },
       commit: () => {
-        var o;
-        this.emit("singlebase-chat-delete", { chatId: e }), (o = this.resolvedClient) == null || o.llm.call("delete_chat", { _id: e }).catch(() => {
+        var r;
+        this.emit("singlebase-chat-delete", { chatId: e }), (r = this.resolvedClient) == null || r.llm.call("delete_chat", { _id: e }).catch(() => {
         });
       }
     });
@@ -3709,10 +4400,10 @@ assistant: ${i.slice(0, 1500)}`,
   // ── toasts ────────────────────────────────────────────────
   showToast(e, t = {}) {
     this.flushToast();
-    const i = { key: Date.now(), text: e, ...t };
-    this.toast = i, this.toastTimer = setTimeout(() => {
-      this.toast === i && this.flushToast();
-    }, Kt);
+    const s = { key: Date.now(), text: e, ...t };
+    this.toast = s, this.toastTimer = setTimeout(() => {
+      this.toast === s && this.flushToast();
+    }, Ms);
   }
   /** Ends the current toast, committing whatever it was holding back. */
   flushToast() {
@@ -3729,26 +4420,31 @@ assistant: ${i.slice(0, 1500)}`,
   async addFiles(e) {
     const t = Array.from(e ?? []);
     if (!t.length) return;
-    const i = [];
-    for (const s of t) {
-      if (this.files.length + i.length >= at) {
-        this.showToast(z(this.msg.tooManyFiles, { n: at }));
+    const s = [];
+    for (const i of t) {
+      if (this.files.length + s.length >= At) {
+        this.showToast(_(this.msg.tooManyFiles, { n: At }));
         break;
       }
-      if (!Ft.test(s.name) && !s.type.startsWith("text/")) {
-        this.showToast(z(this.msg.fileType, { name: s.name }));
+      if (!Os.test(i.name) && !i.type.startsWith("text/")) {
+        this.showToast(_(this.msg.fileType, { name: i.name }));
         continue;
       }
-      if (s.size > rt) {
+      if (i.size > jt) {
         this.showToast(
-          z(this.msg.fileTooLarge, { name: s.name, size: Ve(rt) })
+          _(this.msg.fileTooLarge, { name: i.name, size: kt(jt) })
         );
         continue;
       }
-      i.push({ name: s.name, size: s.size, content: await s.text() });
+      s.push({
+        name: i.name,
+        size: i.size,
+        content: await i.text(),
+        ...i.type ? { mime: i.type } : {}
+      });
     }
-    i.length && (this.files = [...this.files, ...i], this.emit("singlebase-chat-files", {
-      files: i.map(({ name: s, size: a }) => ({ name: s, size: a }))
+    s.length && (this.files = [...this.files, ...s], this.emit("singlebase-chat-files", {
+      files: s.map(({ name: i, size: a }) => ({ name: i, size: a }))
     }));
   }
   // ── scrolling ─────────────────────────────────────────────
@@ -3786,7 +4482,7 @@ assistant: ${i.slice(0, 1500)}`,
   // ── drag and drop ─────────────────────────────────────────
   onDragEnter(e) {
     var t;
-    !this.allowUpload || !Array.from(((t = e.dataTransfer) == null ? void 0 : t.types) ?? []).includes("Files") || (e.preventDefault(), this.dragging = !0);
+    !this.allowUpload || !this.showComposer || Array.from(((t = e.dataTransfer) == null ? void 0 : t.types) ?? []).includes("Files") && (e.preventDefault(), this.dragging = !0);
   }
   onDragLeave(e) {
     e.currentTarget.contains(e.relatedTarget) || (this.dragging = !1);
@@ -3803,16 +4499,16 @@ assistant: ${i.slice(0, 1500)}`,
       this.embed === "inline" ? "inline boxed" : "",
       this.expanded ? "expanded boxed" : ""
     ].join(" ");
-    return r`<div class=${e} part="frame">${this.renderWorkspace()}</div>`;
+    return o`<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 ? r`<div class=${t} role="dialog" aria-label=${this.assistantName} part="frame">
+    ].join(" "), s = this.isOpen ? o`<div class=${t} role="dialog" aria-label=${this.assistantName} part="frame">
           ${this.renderWorkspace()}
-        </div>` : m, s = this.bubble && !this.isOpen ? r`<div class="bubble" part="bubble">
+        </div>` : m, i = this.bubble && !this.isOpen ? o`<div class="bubble" part="bubble">
             <button type="button" class="bubble-text" @click=${() => this.open()}>
               ${this.bubbleText || e.bubbleText}
             </button>
@@ -3823,9 +4519,9 @@ assistant: ${i.slice(0, 1500)}`,
               title=${e.dismiss}
               @click=${() => this.bubble = !1}
             >
-              ${y.close()}
+              ${k.close()}
             </button>
-          </div>` : m, o = this.isOpen && (this.expanded || this.mobile) ? m : r`<button
+          </div>` : m, r = this.isOpen && (this.expanded || this.mobile) ? m : o`<button
           type="button"
           class="launcher-btn"
           part="launcher"
@@ -3833,23 +4529,23 @@ assistant: ${i.slice(0, 1500)}`,
           aria-expanded=${this.isOpen ? "true" : "false"}
           @click=${() => this.isOpen ? this.close() : this.open()}
         >
-          ${this.isOpen ? y.chevronDown() : y.chat()}
-          ${this.unreadBadge && !this.seen && !this.isOpen ? r`<span class="badge"></span>` : m}
+          ${this.isOpen ? k.chevronDown() : k.chat()}
+          ${this.unreadBadge && !this.seen && !this.isOpen ? o`<span class="badge"></span>` : m}
         </button>`;
-    return r`${i}${s}${o}`;
+    return o`${s}${i}${r}`;
   }
   renderWorkspace() {
     const e = !this.docked;
-    return r`<div class="root" @keydown=${this.onKeydown}>
-      ${this.sidebarOpen && e ? r`<div class="scrim" @click=${() => this.sidebarOpen = !1}></div>` : m}
-      ${this.sidebarOpen ? this.renderSidebar(e) : m}
+    return o`<div class="root" @keydown=${this.onKeydown}>
+      ${this.sidebarOpen && e ? o`<div class="scrim" @click=${() => this.sidebarOpen = !1}></div>` : m}
+      ${this.sidebarOpen && this.sidebar !== "none" ? this.renderSidebar(e) : m}
       <main
         class="main"
         @dragenter=${this.onDragEnter}
         @dragover=${(t) => t.preventDefault()}
       >
         ${this.renderHeader()}
-        ${this.offline ? r`<div class="banner" role="status">${this.msg.offline}</div>` : m}
+        ${this.offline ? o`<div class="banner" role="status">${this.msg.offline}</div>` : m}
         <div
           class="scroller"
           role="log"
@@ -3860,20 +4556,15 @@ assistant: ${i.slice(0, 1500)}`,
         >
           ${this.msgs.length || this.loadingThread || this.threadError ? this.renderThread() : this.renderWelcome()}
         </div>
-        ${this.showJump ? r`<button type="button" class="jump" @click=${this.jumpToLatest}>
+        ${this.showJump ? o`<button type="button" class="jump" @click=${this.jumpToLatest}>
                 ↓ ${this.msg.newReply}
               </button>` : m}
-        ${this.renderComposer()}
-        ${this.branding ? r`<div class="branding" part="branding">
-                <a href="https://singlebase.cloud" target="_blank" rel="noopener noreferrer"
-                  >${this.msg.brandingLabel}</a
-                >
-              </div>` : m}
-        ${this.toast ? r`<div class="toast" role="status">
+        ${this.renderComposer()} ${Xt(this.branding, "Chat")}
+        ${this.toast ? o`<div class="toast" role="status">
                 <span>${this.toast.text}</span>
-                ${this.toast.undo ? r`<button type="button" @click=${this.undo}>${this.msg.undo}</button>` : m}
+                ${this.toast.undo ? o`<button type="button" @click=${this.undo}>${this.msg.undo}</button>` : m}
               </div>` : m}
-        ${this.dragging ? r`<div
+        ${this.dragging ? o`<div
                 class="drop"
                 @dragover=${(t) => t.preventDefault()}
                 @dragleave=${this.onDragLeave}
@@ -3886,38 +4577,24 @@ assistant: ${i.slice(0, 1500)}`,
     </div>`;
   }
   renderSidebar(e) {
-    const t = this.msg, i = this.search.trim().toLowerCase(), s = this.chatList.filter(
-      (l) => !i || (l.title ?? "").toLowerCase().includes(i)
-    ), a = [
-      [t.groupBookmarked, s.filter((l) => l.bookmarked)],
-      [
-        t.groupToday,
-        s.filter((l) => !l.bookmarked && Pe(l._modified_at ?? l._created_at) === "today")
-      ],
-      [
-        t.groupYesterday,
-        s.filter(
-          (l) => !l.bookmarked && Pe(l._modified_at ?? l._created_at) === "yesterday"
-        )
-      ],
-      [
-        t.groupWeek,
-        s.filter((l) => !l.bookmarked && Pe(l._modified_at ?? l._created_at) === "week")
-      ],
-      [
-        t.groupOlder,
-        s.filter((l) => !l.bookmarked && Pe(l._modified_at ?? l._created_at) === "older")
-      ]
+    const t = this.msg, s = this.allowSearch ? this.search.trim().toLowerCase() : "", i = this.chatList.filter(
+      (f) => !s || (f.title ?? "").toLowerCase().includes(s)
+    ), a = (f) => this.showBookmarked && !!f.bookmarked, r = (f) => i.filter((b) => !a(b) && Ds(b._modified_at ?? b._created_at) === f), c = [
+      [t.groupBookmarked, i.filter(a)],
+      [t.groupToday, r("today")],
+      [t.groupYesterday, r("yesterday")],
+      [t.groupWeek, r("week")],
+      [t.groupOlder, r("older")]
     ];
-    let o;
-    return this.listState === "loading" && !this.chatList.length ? o = r`<div aria-label=${t.loadingChats}>
-        ${[1, 2, 3, 4].map(() => r`<div class="skeleton"></div>`)}
-      </div>` : s.length ? o = a.filter(([, l]) => l.length).map(
-      ([l, c]) => r`<div class="group">${l}</div>
-              ${c.map((x) => this.renderThreadRow(x))}`
-    ) : o = r`<span class="side-note"
-        >${i ? z(t.noMatch, { query: this.search.trim() }) : t.noChats}</span
-      >`, r`<aside
+    let l;
+    return this.listState === "loading" && !this.chatList.length ? l = o`<div aria-label=${t.loadingChats}>
+        ${[1, 2, 3, 4].map(() => o`<div class="skeleton"></div>`)}
+      </div>` : i.length ? l = c.filter(([, f]) => f.length).map(
+      ([f, b]) => o`<div class="group">${f}</div>
+              ${b.map((C) => this.renderThreadRow(C))}`
+    ) : l = o`<span class="side-note"
+        >${s ? _(t.noMatch, { query: this.search.trim() }) : t.noChats}</span
+      >`, o`<aside
       class="sidebar ${e ? "overlay" : "docked"}"
       part="sidebar"
       aria-label=${t.chats}
@@ -3931,133 +4608,149 @@ assistant: ${i.slice(0, 1500)}`,
           aria-label=${t.hideSidebar}
           @click=${() => this.sidebarOpen = !1}
         >
-          ${y.sidebar()}
+          ${k.sidebar()}
         </button>
       </div>
       <div class="side-tools">
-        <button type="button" class="new-chat" @click=${() => this.newChat()}>
-          ${y.plus()}<span>${t.newChat}</span>
-        </button>
-        <input
-          class="search"
-          type="search"
-          placeholder=${t.searchChats}
-          aria-label=${t.searchChats}
-          .value=${this.search}
-          @input=${(l) => this.search = l.target.value}
-        />
+        ${this.showNewChat ? o`<button type="button" class="new-chat" @click=${() => this.newChat()}>
+                ${k.plus()}<span>${t.newChat}</span>
+              </button>` : m}
+        ${this.allowSearch ? o`<input
+                class="search"
+                type="search"
+                placeholder=${t.searchChats}
+                aria-label=${t.searchChats}
+                .value=${this.search}
+                @input=${(f) => this.search = f.target.value}
+              />` : m}
+      </div>
+      <div class="threads">${l}</div>
+      <div class="side-extra ${this.hasSidebarContent ? "filled" : ""}" part="sidebar-extra">
+        <slot
+          name="sidebar"
+          @slotchange=${(f) => this.hasSidebarContent = f.target.assignedNodes().length > 0}
+        ></slot>
       </div>
-      <div class="threads">${o}</div>
     </aside>`;
   }
   renderThreadRow(e) {
-    const t = this.msg, i = e._id === this.activeId, s = e.title || t.untitled;
+    const t = this.msg, s = e._id === this.activeId, i = e.title || t.untitled;
     if (this.renamingId === e._id)
-      return r`<div class="thread active">
+      return o`<div class="thread active">
         <input
           class="thread-rename"
           maxlength="80"
-          .value=${s}
+          .value=${i}
           aria-label=${t.renameChat}
-          @keydown=${(o) => {
-        o.key === "Enter" && this.commitRename(e._id, o.target.value), o.key === "Escape" && (o.stopPropagation(), this.renamingId = "");
+          @keydown=${(r) => {
+        r.key === "Enter" && this.commitRename(e._id, r.target.value), r.key === "Escape" && (r.stopPropagation(), this.renamingId = "");
       }}
-          @blur=${(o) => this.commitRename(e._id, o.target.value)}
+          @blur=${(r) => this.commitRename(e._id, r.target.value)}
         />
       </div>`;
-    const a = (o) => (l) => {
-      l.stopPropagation(), o();
+    const a = (r) => (c) => {
+      c.stopPropagation(), r();
     };
-    return r`<div
-      class="thread ${i ? "active" : ""}"
+    return o`<div
+      class="thread ${s ? "active" : ""}"
       role="button"
       tabindex="0"
-      aria-current=${i ? "true" : "false"}
+      aria-current=${s ? "true" : "false"}
       @click=${() => this.openChat(e._id)}
-      @keydown=${(o) => o.key === "Enter" && this.openChat(e._id)}
+      @keydown=${(r) => r.key === "Enter" && this.openChat(e._id)}
     >
-      <span class="thread-title">${s}</span>
+      <span class="thread-title">${i}</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=${a(() => this.toggleChatBookmark(e._id))}
-        >
-          ${y.bookmark(!!e.bookmarked)}
-        </button>
-        <button
-          type="button"
-          class="icon sm"
-          title=${t.renameChat}
-          aria-label=${t.renameChat}
-          @click=${a(() => {
+        ${this.allowBookmark ? o`<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=${a(() => this.toggleChatBookmark(e._id))}
+              >
+                ${k.bookmark(!!e.bookmarked)}
+              </button>` : m}
+        ${this.allowRename ? o`<button
+                type="button"
+                class="icon sm"
+                title=${t.renameChat}
+                aria-label=${t.renameChat}
+                @click=${a(() => {
       this.renamingId = e._id, this.focusNext = "input.thread-rename";
     })}
-        >
-          ${y.pencil()}
-        </button>
-        <button
-          type="button"
-          class="icon sm danger"
-          title=${t.deleteChat}
-          aria-label=${t.deleteChat}
-          @click=${a(() => this.deleteChat(e._id))}
-        >
-          ${y.trash()}
-        </button>
+              >
+                ${k.pencil()}
+              </button>` : m}
+        ${this.allowDelete ? o`<button
+                type="button"
+                class="icon sm danger"
+                title=${t.deleteChat}
+                aria-label=${t.deleteChat}
+                @click=${a(() => this.deleteChat(e._id))}
+              >
+                ${k.trash()}
+              </button>` : m}
       </span>
     </div>`;
   }
   renderHeader() {
-    const e = this.msg, t = !!this.activeId, i = (this.embed === "inline" || this.embed === "launcher") && !this.mobile, s = this.embed === "launcher" ? () => this.close() : this.expanded ? () => this.collapse() : null;
+    const e = this.msg, t = !!this.activeId, s = (this.embed === "inline" || this.embed === "launcher") && !this.mobile, i = this.embed === "launcher" ? () => this.close() : this.expanded ? () => this.collapse() : null;
     let a = m;
-    return this.showTitle && (a = this.editingTitle ? r`<input
+    return this.showTitle && (a = this.editingTitle ? o`<input
             class="title-input"
             maxlength="80"
             .value=${this.chatTitle}
             aria-label=${e.renameChat}
-            @keydown=${(o) => {
-      o.key === "Enter" && this.commitTitle(o.target.value), o.key === "Escape" && (o.stopPropagation(), this.editingTitle = !1);
+            @keydown=${(r) => {
+      r.key === "Enter" && this.commitTitle(r.target.value), r.key === "Escape" && (r.stopPropagation(), this.editingTitle = !1);
     }}
-            @blur=${(o) => this.commitTitle(o.target.value)}
-          />` : r`<button
+            @blur=${(r) => this.commitTitle(r.target.value)}
+          />` : o`<button
             type="button"
             class="title"
             part="title"
-            ?disabled=${!t}
-            title=${t ? e.renameChat : ""}
+            ?disabled=${!t || !this.allowRename}
+            title=${t && this.allowRename ? e.renameChat : ""}
             @click=${() => {
       this.editingTitle = !0, this.focusNext = "input.title-input";
     }}
           >
             ${this.chatTitle || e.untitled}
-          </button>`), r`<header class="header" part="header">
+          </button>`), o`<header class="header" part="header">
       <div class="header-left">
-        ${this.sidebarOpen && this.docked ? m : r`<button
+        ${this.sidebar === "none" || this.sidebarOpen && this.docked ? m : o`<button
                 type="button"
                 class="icon"
                 title=${e.showChats}
                 aria-label=${e.showChats}
                 @click=${() => this.sidebarOpen = !0}
               >
-                ${y.sidebar()}
+                ${k.sidebar()}
               </button>`}
         ${a}
       </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)}
-        >
-          ${y.bookmark(this.bookmarked)}
-        </button>
-        ${this.allowExport ? r`<div class="menu-wrap">
+        ${this.sidebar === "none" && this.showNewChat ? o`<button
+                type="button"
+                class="icon"
+                ?disabled=${!this.msgs.length && !t}
+                title=${e.newChat}
+                aria-label=${e.newChat}
+                @click=${() => this.newChat()}
+              >
+                ${k.plus()}
+              </button>` : m}
+        ${this.allowBookmark ? o`<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)}
+              >
+                ${k.bookmark(this.bookmarked)}
+              </button>` : m}
+        ${this.allowExport ? o`<div class="menu-wrap">
                 <button
                   type="button"
                   class="icon ${this.menuOpen ? "on" : ""}"
@@ -4068,37 +4761,37 @@ assistant: ${i.slice(0, 1500)}`,
                   aria-expanded=${this.menuOpen ? "true" : "false"}
                   @click=${() => this.menuOpen = !this.menuOpen}
                 >
-                  ${y.download()}
+                  ${k.download()}
                 </button>
                 ${this.menuOpen ? this.renderExportMenu() : m}
               </div>` : m}
-        <button
-          type="button"
-          class="icon danger"
-          ?disabled=${!t}
-          title=${e.deleteChat}
-          aria-label=${e.deleteChat}
-          @click=${() => this.activeId && this.deleteChat(this.activeId)}
-        >
-          ${y.trash()}
-        </button>
-        ${i || s ? r`<span class="divider"></span> ${i ? r`<button
+        ${this.allowDelete ? o`<button
+                type="button"
+                class="icon danger"
+                ?disabled=${!t}
+                title=${e.deleteChat}
+                aria-label=${e.deleteChat}
+                @click=${() => this.activeId && this.deleteChat(this.activeId)}
+              >
+                ${k.trash()}
+              </button>` : m}
+        ${s || i ? o`<span class="divider"></span> ${s ? o`<button
                         type="button"
                         class="icon"
                         title=${this.expanded ? e.restore : e.expand}
                         aria-label=${this.expanded ? e.restore : e.expand}
                         @click=${() => this.expanded ? this.collapse() : this.expand()}
                       >
-                        ${this.expanded ? y.restore() : y.expand()}
+                        ${this.expanded ? k.restore() : k.expand()}
                       </button>` : m}
-                ${s ? r`<button
+                ${i ? o`<button
                         type="button"
                         class="icon"
                         title=${e.minimize}
                         aria-label=${e.minimize}
-                        @click=${s}
+                        @click=${i}
                       >
-                        ${y.minimize()}
+                        ${k.minimize()}
                       </button>` : m}` : m}
       </div>
     </header>`;
@@ -4110,58 +4803,63 @@ assistant: ${i.slice(0, 1500)}`,
       [e.exportText, ".txt", "txt"],
       [e.exportCopy, "", "copy"]
     ];
-    return r`<div class="menu-scrim" @click=${() => this.menuOpen = !1}></div>
+    return o`<div class="menu-scrim" @click=${() => this.menuOpen = !1}></div>
       <div class="menu" role="menu">
         <span class="label">${e.exportHeading}</span>
         ${t.map(
-      ([i, s, a]) => r`<button
+      ([s, i, a]) => o`<button
               type="button"
               role="menuitem"
               class="menu-item"
               @click=${() => this.exportChat(a)}
             >
-              <span>${i}</span><span class="ext">${s}</span>
+              <span>${s}</span><span class="ext">${i}</span>
             </button>`
     )}
       </div>`;
   }
+  /** The suggestion cards. `[]` or `"none"` shows none; unset uses the mode's. */
   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 })) : (ot[this.mode] ?? ot.chat).map(([t, i]) => ({
+    return Array.isArray(e) ? e.map((t) => typeof t == "string" ? { text: t } : t).filter((t) => t == null ? void 0 : t.text).slice(0, 4) : typeof e == "string" && e.trim().toLowerCase() === "none" ? [] : typeof e == "string" && e.trim() ? e.split("|").map((t) => t.trim()).filter(Boolean).slice(0, 4).map((t) => ({ text: t })) : (Et[this.mode] ?? Et.chat).map(([t, s]) => ({
       label: t,
-      text: i
+      text: s
     }));
   }
   renderWelcome() {
-    const e = this.msg, t = this.mode === "rag" ? "Rag" : this.mode === "rich" ? "Rich" : "Chat", i = (s) => e[`${s}${t}`];
-    return r`<div class="welcome" part="welcome">
-      <div class="welcome-head">
-        ${this.logoUrl && it(this.logoUrl, !0) ? r`<img class="welcome-logo" src=${this.logoUrl} alt="" />` : m}
-        <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(
-      (s) => r`<button
-              type="button"
-              class="prompt"
-              part="prompt"
-              @click=${() => this.send(s.text)}
-            >
-              <span class="label">${s.label || "Suggested"}</span>
-              <span class="prompt-text">${s.text}</span>
-            </button>`
+    const e = this.msg, t = this.mode === "rag" ? "Rag" : this.mode === "kb" ? "Kb" : "Chat", s = (r) => e[`${r}${t}`], i = this.eyebrow ?? s("eyebrow"), a = this.promptList();
+    return o`<div class="welcome-slot">
+      <slot name="welcome"
+        ><div class="welcome" part="welcome">
+          <div class="welcome-head">
+            ${this.logoUrl && _t(this.logoUrl, !0) ? o`<img class="welcome-logo" src=${this.logoUrl} alt="" />` : m}
+            ${i ? o`<span class="label">${i}</span>` : m}
+            <h2>${this.heading || s("heading")}</h2>
+            <p>${this.description || s("description")}</p>
+          </div>
+          ${a.length ? o`<div class="prompts">
+                  ${a.map(
+      (r) => o`<button
+                        type="button"
+                        class="prompt"
+                        part="prompt"
+                        @click=${() => this.send(r.text)}
+                      >
+                        <span class="label">${r.label || "Suggested"}</span>
+                        <span class="prompt-text">${r.text}</span>
+                      </button>`
     )}
-      </div>
+                </div>` : m}
+        </div></slot
+      >
     </div>`;
   }
   renderThread() {
     const e = this.msgs.map((t) => t.role).lastIndexOf("assistant");
-    return r`<div class="thread-view">
-      ${this.threadError ? r`<div class="error-card" role="alert">
+    return o`<div class="thread-view">
+      ${this.threadError ? o`<div class="error-card" role="alert">
               <span>${this.threadError}</span>
-              ${this.activeId ? r`<button
+              ${this.activeId ? o`<button
                       type="button"
                       class="btn"
                       @click=${() => this.openChat(this.activeId)}
@@ -4169,21 +4867,21 @@ assistant: ${i.slice(0, 1500)}`,
                       ${this.msg.retry}
                     </button>` : m}
             </div>` : m}
-      ${this.loadingThread ? r`${[1, 2].map(() => r`<div class="skeleton" style="height:48px"></div>`)}` : m}
-      ${vt(
+      ${this.loadingThread ? o`${[1, 2].map(() => o`<div class="skeleton" style="height:48px"></div>`)}` : m}
+      ${qt(
       this.msgs,
       (t) => t.key,
-      (t, i) => t.role === "user" ? this.renderUser(t) : this.renderBot(t, i === e)
+      (t, s) => t.role === "user" ? this.renderUser(t) : this.renderBot(t, s === e)
     )}
     </div>`;
   }
   renderUser(e) {
-    const t = this.msg, i = e.at ? new Date(e.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) : "", s = e.attachments ?? [];
-    return r`<div class="msg user" part="message user">
-      ${s.length ? r`<div class="attachments">
-              ${s.map((a) => r`<span class="doc-chip"><span class="ext">${ct(a.name)}</span><span class="name">${a.name}</span></span>`)}
+    const t = this.msg, s = e.at ? new Date(e.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) : "", i = e.attachments ?? [];
+    return o`<div class="msg user" part="message user">
+      ${i.length ? o`<div class="attachments">
+              ${i.map((a) => o`<span class="doc-chip"><span class="ext">${xt(a.name)}</span><span class="name">${a.name}</span></span>`)}
             </div>` : m}
-      ${this.editingKey === e.key ? r`<div class="edit-box">
+      ${this.editingKey === e.key ? o`<div class="edit-box">
               <textarea
                 rows="3"
                 class="edit-input"
@@ -4201,11 +4899,11 @@ assistant: ${i.slice(0, 1500)}`,
                   ${t.saveResend}
                 </button>
               </div>
-            </div>` : r`<div class="bubble-user">${e.content}</div>
+            </div>` : o`<div class="bubble-user">${e.content}</div>
               <div class="toolbar">
-                ${e.bookmarked ? r`<span class="saved">${y.bookmark(!0)}${t.saved}</span>` : m}
-                <span class="time">${i}</span>
-                ${this.busy ? m : r`<button
+                ${this.allowBookmark && e.bookmarked ? o`<span class="saved">${k.bookmark(!0)}${t.saved}</span>` : m}
+                ${this.showTime ? o`<span class="time">${s}</span>` : m}
+                ${this.busy ? m : o`<button
                         type="button"
                         class="icon"
                         title=${t.edit}
@@ -4214,192 +4912,203 @@ assistant: ${i.slice(0, 1500)}`,
       this.editingKey = e.key, this.editDraft = e.content, this.focusNext = "textarea.edit-input";
     }}
                       >
-                        ${y.pencil()}
+                        ${k.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)}
-                >
-                  ${y.copy()}
-                </button>
-                ${e.id ? r`<button
+                ${this.allowCopy ? o`<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)}
+                      >
+                        ${k.copy()}
+                      </button>` : m}
+                ${this.allowBookmark && e.id ? o`<button
                         type="button"
                         class="icon ${e.bookmarked ? "on" : ""}"
                         title=${e.bookmarked ? t.unbookmarkMessage : t.bookmarkMessage}
                         aria-label=${e.bookmarked ? t.unbookmarkMessage : t.bookmarkMessage}
                         @click=${() => this.toggleMessageBookmark(e)}
                       >
-                        ${y.bookmark(e.bookmarked)}
+                        ${k.bookmark(e.bookmarked)}
+                      </button>` : m}
+                ${this.allowDelete ? o`<button
+                        type="button"
+                        class="icon danger"
+                        title=${t.deleteMessage}
+                        aria-label=${t.deleteMessage}
+                        @click=${() => this.deleteMessage(e)}
+                      >
+                        ${k.trash()}
                       </button>` : m}
-                <button
-                  type="button"
-                  class="icon danger"
-                  title=${t.deleteMessage}
-                  aria-label=${t.deleteMessage}
-                  @click=${() => this.deleteMessage(e)}
-                >
-                  ${y.trash()}
-                </button>
               </div>`}
     </div>`;
   }
   pillLabel() {
-    return this.mode === "rag" ? this.msg.searching : this.mode === "rich" ? this.msg.building : this.msg.thinking;
+    return this.mode === "rag" || this.mode === "kb" ? this.msg.searching : this.msg.thinking;
   }
   renderBot(e, t) {
-    const i = this.msg, s = e.phase === "pending", a = e.phase === "done", o = e.sources.length, l = Ze(e.content), c = e.sources.map((b, M) => Ke(b, M + 1)), x = l.size ? c.filter((b) => l.has(b.n)) : c, f = e.at ? new Date(e.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) : "", O = e.content + (x.length ? `
+    const s = this.msg, i = e.phase === "pending", a = e.phase === "done", r = e.sources.length, c = Ot(e.content), l = e.sources.map((w, L) => ft(w, L + 1)), f = c.size ? l.filter((w) => c.has(w.n)) : l, b = e.at ? new Date(e.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) : "", C = e.content + (f.length ? `
 
 Sources:
-${x.map((b) => `[${b.n}] ${b.title}`).join(`
-`)}` : ""), S = this.retrievalOpen.has(e.key);
-    return r`<div class="msg bot" part="message assistant">
-      ${s ? r`<div class="halo"></div>` : m}
-      ${this.arrivedKey === e.key ? r`<div class="arrived">
+${f.map((w) => `[${w.n}] ${w.title}`).join(`
+`)}` : ""), T = this.retrievalOpen.has(e.key);
+    return o`<div class="msg bot" part="message assistant">
+      ${i ? o`<div class="halo"></div>` : m}
+      ${this.arrivedKey === e.key ? o`<div class="arrived">
               <div class="wash"></div>
               <div class="ring"></div>
               <div class="sweep"></div>
             </div>` : m}
       <div class="bot-body">
-        ${e.bookmarked ? r`<span class="saved">${y.bookmark(!0)}${i.saved}</span>` : m}
-        ${s ? r`<div class="pill" role="status">
+        ${this.allowBookmark && e.bookmarked ? o`<span class="saved">${k.bookmark(!0)}${s.saved}</span>` : m}
+        ${i ? o`<div class="pill" role="status">
                 <span class="ring"></span><span class="dot"></span>
                 <span class="shimmer">${this.pillLabel()}</span>
               </div>` : m}
-        ${o && !s ? r`<div class="retrieval">
+        ${this.showSources && r && !i ? o`<div class="retrieval">
                 <button
                   type="button"
                   class="retrieval-toggle"
-                  aria-expanded=${S ? "true" : "false"}
+                  aria-expanded=${T ? "true" : "false"}
                   @click=${() => {
-      const b = new Set(this.retrievalOpen);
-      b.has(e.key) ? b.delete(e.key) : b.add(e.key), this.retrievalOpen = b;
+      const w = new Set(this.retrievalOpen);
+      w.has(e.key) ? w.delete(e.key) : w.add(e.key), this.retrievalOpen = w;
     }}
                 >
-                  <span class="chev">${S ? "▾" : "▸"}</span>
-                  <span style="flex:1">${z(i.searchedSources, { n: o })}</span>
-                  ${e.execTime !== void 0 ? r`<span class="ms">${e.execTime.toFixed(1)}s</span>` : m}
+                  <span class="chev">${T ? "▾" : "▸"}</span>
+                  <span style="flex:1">${_(s.searchedSources, { n: r })}</span>
+                  ${e.execTime !== void 0 ? o`<span class="ms">${e.execTime.toFixed(1)}s</span>` : m}
                 </button>
-                ${S ? r`<div class="retrieval-list">
-                        ${c.map(
-      (b) => r`<button
+                ${T ? o`<div class="retrieval-list">
+                        ${l.map(
+      (w) => o`<button
                               type="button"
                               class="passage"
-                              @click=${() => this.panel = { key: e.key, n: b.n }}
+                              @click=${() => this.panel = { key: e.key, n: w.n }}
                             >
-                              <span class="n">${b.n}</span>
+                              <span class="n">${w.n}</span>
                               <span class="what"
-                                ><span>${b.title}</span><span>${b.collection || b.path}</span></span
+                                ><span>${w.title}${w.section ? ` · ${w.section}` : ""}</span
+                                ><span>${w.collection || w.path}</span></span
                               >
-                              ${b.score !== null ? r`<span class="relevance"
-                                      ><span class="score">${b.score.toFixed(2)}</span>
+                              ${w.score !== null ? o`<span class="relevance"
+                                      ><span class="score">${w.score.toFixed(2)}</span>
                                       <span class="relevance-track"
                                         ><span
                                           class="relevance-fill"
-                                          style="width:${Math.round(b.score * 100)}%"
+                                          style="width:${Math.round(w.score * 100)}%"
                                         ></span></span
-                                    ></span>` : r`<span></span>`}
+                                    ></span>` : o`<span></span>`}
                             </button>`
     )}
                       </div>` : m}
               </div>` : m}
-        ${s ? m : this.renderAnswer(e)}
-        ${e.phase === "streaming" ? r`<span class="caret"></span>` : m}
-        ${e.phase === "error" ? r`<div class="error-card" role="alert">
+        ${i ? m : this.renderAnswer(e)}
+        ${e.phase === "streaming" ? o`<span class="caret"></span>` : m}
+        ${e.phase === "error" ? o`<div class="error-card" role="alert">
                 <span>${e.error}</span>
                 <button type="button" class="btn" @click=${() => this.retry(e)}>
-                  ${i.retry}
+                  ${s.retry}
                 </button>
               </div>` : m}
-        ${a && x.length ? r`<div class="cards">
-                <span class="label">${l.size ? i.sourcesCited : i.sourcesRetrieved}</span>
+        ${this.showSources && a && f.length ? o`<div class="cards">
+                <span class="label">${c.size ? s.sourcesCited : s.sourcesRetrieved}</span>
                 <div class="card-grid">
-                  ${x.map(
-      (b) => {
-        var M;
-        return r`<button
+                  ${f.map(
+      (w) => {
+        var L;
+        return o`<button
                         type="button"
-                        class="source-card ${((M = this.panel) == null ? void 0 : M.key) === e.key && this.panel.n === b.n ? "active" : ""}"
-                        @click=${() => this.panel = { key: e.key, n: b.n }}
+                        class="source-card ${((L = this.panel) == null ? void 0 : L.key) === e.key && this.panel.n === w.n ? "active" : ""}"
+                        @click=${() => this.panel = { key: e.key, n: w.n }}
                       >
                         <span class="top"
-                          ><span class="num">${b.n}</span
-                          >${b.collection ? r`<span class="label">${b.collection}</span>` : m}</span
+                          ><span class="num">${w.n}</span
+                          >${w.collection ? o`<span class="label">${w.collection}</span>` : m}</span
                         >
-                        <span class="t">${b.title}</span>
-                        <span class="s">${b.text}</span>
+                        <span class="t">${w.title}${w.section ? ` · ${w.section}` : ""}</span>
+                        <span class="s">${w.text}</span>
                       </button>`;
       }
     )}
                 </div>
               </div>` : m}
-        ${a ? r`<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, O)}
-                >
-                  ${y.copy()}
-                </button>
-                ${t && !this.busy ? r`<button
+        ${a ? o`<div class="toolbar ${t ? "pinned" : ""}">
+                ${this.allowCopy ? o`<button
+                        type="button"
+                        class="icon"
+                        title=${this.copiedKey === e.key ? s.copied : s.copy}
+                        aria-label=${s.copy}
+                        @click=${() => this.copy(e.key, C)}
+                      >
+                        ${k.copy()}
+                      </button>` : m}
+                ${this.allowRaw && this.formatLevel !== "raw" && e.content ? o`<button
+                        type="button"
+                        class="icon ${this.rawKeys.has(e.key) ? "on" : ""}"
+                        title=${this.rawKeys.has(e.key) ? s.showFormatted : s.showRaw}
+                        aria-label=${s.showRaw}
+                        aria-pressed=${this.rawKeys.has(e.key) ? "true" : "false"}
+                        @click=${() => this.toggleRaw(e.key)}
+                      >
+                        ${k.raw()}
+                      </button>` : m}
+                ${this.allowRegenerate && t && !this.busy ? o`<button
                         type="button"
                         class="icon"
-                        title=${i.regenerate}
-                        aria-label=${i.regenerate}
+                        title=${s.regenerate}
+                        aria-label=${s.regenerate}
                         @click=${() => this.regenerate()}
                       >
-                        ${y.refresh()}
+                        ${k.refresh()}
                       </button>` : m}
-                ${e.id ? r`<button
+                ${this.allowBookmark && e.id ? o`<button
                         type="button"
                         class="icon ${e.bookmarked ? "on" : ""}"
-                        title=${e.bookmarked ? i.unbookmarkMessage : i.bookmarkMessage}
-                        aria-label=${e.bookmarked ? i.unbookmarkMessage : i.bookmarkMessage}
+                        title=${e.bookmarked ? s.unbookmarkMessage : s.bookmarkMessage}
+                        aria-label=${e.bookmarked ? s.unbookmarkMessage : s.bookmarkMessage}
                         @click=${() => this.toggleMessageBookmark(e)}
                       >
-                        ${y.bookmark(e.bookmarked)}
+                        ${k.bookmark(e.bookmarked)}
                       </button>` : m}
-                <button
-                  type="button"
-                  class="icon danger"
-                  title=${i.deleteMessage}
-                  aria-label=${i.deleteMessage}
-                  @click=${() => this.deleteMessage(e)}
-                >
-                  ${y.trash()}
-                </button>
-                <span class="time">${f}</span>
-                ${e.stopped ? r`<span class="note">${i.stopped}</span>` : m}
+                ${this.allowDelete ? o`<button
+                        type="button"
+                        class="icon danger"
+                        title=${s.deleteMessage}
+                        aria-label=${s.deleteMessage}
+                        @click=${() => this.deleteMessage(e)}
+                      >
+                        ${k.trash()}
+                      </button>` : m}
+                ${this.showTime ? o`<span class="time">${b}</span>` : m}
+                ${e.stopped ? o`<span class="note">${s.stopped}</span>` : m}
                 <span class="spacer"></span>
-                ${e.feedback ? r`<span class="note"
-                        >${e.feedback === "up" ? i.markedHelpful : i.thanksFeedback}</span
-                      >` : r`<button
-                          type="button"
-                          class="icon"
-                          title=${i.helpful}
-                          aria-label=${i.helpful}
-                          @click=${() => this.feedback(e, "up")}
-                        >
-                          ${y.thumb()}
-                        </button>
-                        <button
-                          type="button"
-                          class="icon"
-                          title=${i.notHelpful}
-                          aria-label=${i.notHelpful}
-                          @click=${() => this.feedback(e, "down")}
-                        >
-                          ${y.thumb(!0)}
-                        </button>`}
+                ${this.allowFeedback ? e.feedback ? o`<span class="note"
+                          >${e.feedback === "up" ? s.markedHelpful : s.thanksFeedback}</span
+                        >` : o`<button
+                            type="button"
+                            class="icon"
+                            title=${s.helpful}
+                            aria-label=${s.helpful}
+                            @click=${() => this.feedback(e, "up")}
+                          >
+                            ${k.thumb()}
+                          </button>
+                          <button
+                            type="button"
+                            class="icon"
+                            title=${s.notHelpful}
+                            aria-label=${s.notHelpful}
+                            @click=${() => this.feedback(e, "down")}
+                          >
+                            ${k.thumb(!0)}
+                          </button>` : m}
               </div>` : m}
-        ${a && t && !this.busy && e.followups.length ? r`<div class="followups">
+        ${this.showFollowups && a && t && !this.busy && e.followups.length ? o`<div class="followups">
                 ${e.followups.map(
-      (b) => r`<button type="button" class="followup" @click=${() => this.send(b)}>
-                      <span class="arrow">↳</span><span>${b}</span>
+      (w) => o`<button type="button" class="followup" @click=${() => this.send(w)}>
+                      <span class="arrow">↳</span><span>${w}</span>
                     </button>`
     )}
               </div>` : m}
@@ -4409,97 +5118,121 @@ ${x.map((b) => `[${b.n}] ${b.title}`).join(`
   renderAnswer(e) {
     if (e.phase === "error" && !e.content) return m;
     if (e.phase === "done" && !e.content)
-      return e.stopped ? m : r`<div class="answer"><p class="note">${this.msg.emptyReply}</p></div>`;
-    const t = _t(zt(e.content), this.renderAs), i = this.renderAs === "text" ? 0 : e.sources.length;
-    return r`<div class="answer" part="answer">
-      ${t.map((s, a) => this.renderBlock(s, e, i, a))}
+      return e.stopped ? m : o`<div class="answer"><p class="note">${this.msg.emptyReply}</p></div>`;
+    const t = this.formatLevel;
+    if (t === "raw" || this.allowRaw && this.rawKeys.has(e.key))
+      return o`<div class="answer" part="answer"><p class="raw">${e.content}</p></div>`;
+    const s = e.phase === "streaming" ? ps(e.content) : e.content;
+    let i = gs(os(s), t);
+    if (this.afterParse)
+      try {
+        const r = this.afterParse(i, { message: e, format: t });
+        Array.isArray(r) ? i = r : console.warn(
+          "[singlebase-chat] afterParse must return an array of blocks; showing the original."
+        );
+      } catch (r) {
+        console.warn("[singlebase-chat] afterParse failed; showing the original.", r);
+      }
+    const a = e.sources.reduce(
+      (r, c, l) => Math.max(r, ft(c, l + 1).n),
+      0
+    );
+    return o`<div class="answer" part="answer">
+      ${i.map((r, c) => this.renderBlock(r, e, a, c))}
     </div>`;
   }
-  renderInline(e, t, i) {
-    return Mt(e, i).map((s) => {
+  renderInline(e, t, s) {
+    return ds(e, s).map((i) => {
       var a;
-      switch (s.type) {
+      switch (i.type) {
         case "bold":
-          return r`<strong>${s.text}</strong>`;
+          return o`<strong>${i.text}</strong>`;
+        case "italic":
+          return o`<em>${i.text}</em>`;
+        case "strike":
+          return o`<s>${i.text}</s>`;
         case "code":
-          return r`<code class="inline">${s.text}</code>`;
+          return o`<code class="inline">${i.text}</code>`;
         case "link":
-          return r`<a href=${s.href} target="_blank" rel="noopener noreferrer nofollow"
-            >${s.text}</a
+          return o`<a href=${i.href} target="_blank" rel="noopener noreferrer nofollow"
+            >${i.text}</a
           >`;
         case "cite": {
-          const o = ((a = this.panel) == null ? void 0 : a.key) === t.key && this.panel.n === s.n ? "cite active" : "cite", l = z(this.msg.openSource, { n: s.n });
-          return r`<button type="button" class=${o} aria-label=${l} @click=${() => this.panel = { key: t.key, n: s.n }}>${s.n}</button>`;
+          const r = ((a = this.panel) == null ? void 0 : a.key) === t.key && this.panel.n === i.n ? "cite active" : "cite", c = _(this.msg.openSource, { n: i.n });
+          return o`<button type="button" class=${r} aria-label=${c} @click=${() => this.panel = { key: t.key, n: i.n }}>${i.n}</button>`;
         }
         default:
-          return s.text;
+          return i.text;
       }
     });
   }
-  renderBlock(e, t, i, s) {
+  renderBlock(e, t, s, i) {
     switch (e.type) {
       case "p":
-        return r`<p>${this.renderInline(e.text, t, i)}</p>`;
+        return o`<p>${this.renderInline(e.text, t, s)}</p>`;
       case "raw":
-        return r`<p class="raw">${e.text}</p>`;
+        return o`<p class="raw">${e.text}</p>`;
       case "h":
-        return r`<h3>${this.renderInline(e.text, t, i)}</h3>`;
-      case "list": {
-        const a = e.items.map(
-          (o) => r`<li>${this.renderInline(o, t, i)}</li>`
-        );
-        return e.ordered ? r`<ol>
-              ${a}
-            </ol>` : r`<ul>
-              ${a}
-            </ul>`;
-      }
+        return o`<h3 class="h${e.level}">${this.renderInline(e.text, t, s)}</h3>`;
+      case "hr":
+        return o`<hr />`;
+      case "list":
+        return this.renderList(e.ordered, e.items, t, s);
       case "quote":
-        return r`<div class="quote">${this.renderInline(e.text, t, i)}</div>`;
-      case "code": {
-        const a = `${t.key}:${s}`;
-        return r`<div class="code">
-          <div class="code-head">
-            <span class="label">${e.lang}</span>
-            <button type="button" class="text-btn" @click=${() => this.copy(a, e.text)}>
-              ${this.copiedKey === a ? this.msg.copied : this.msg.copy}
-            </button>
-          </div>
-          <pre><code>${e.text}</code></pre>
+        return o`<div class="quote">${this.renderInline(e.text, t, s)}</div>`;
+      case "callout":
+        return o`<div class="callout ${e.kind}" role="note" part="callout">
+          <strong class="callout-title"
+            >${e.title || this.msg[_s[e.kind]]}</strong
+          >
+          ${e.text.split(`
+`).filter((a) => a.trim()).map((a) => o`<p>${this.renderInline(a, t, s)}</p>`)}
         </div>`;
-      }
+      case "code":
+        return this.renderCustom(e.lang, e.text, t) ?? this.renderCode(e.lang, e.text, `${t.key}:${i}`);
       case "table":
-        return r`<div class="table">
-          <table>
-            <thead>
-              <tr>
-                ${e.head.map((a) => r`<th>${this.renderInline(a, t, i)}</th>`)}
-              </tr>
-            </thead>
-            <tbody>
-              ${e.rows.map(
-          (a) => r`<tr>
-                    ${a.map((o) => r`<td>${this.renderInline(o, t, i)}</td>`)}
-                  </tr>`
-        )}
-            </tbody>
-          </table>
+        return this.renderTable(
+          e.head,
+          e.rows,
+          e.align,
+          t,
+          s,
+          `${t.key}:${i}`
+        );
+      case "json":
+        return this.renderJsonBlock(e.value, e.source, `${t.key}:${i}`);
+      case "svg": {
+        const a = ws(e.source);
+        if (!a) return this.renderCode("svg", e.source, `${t.key}:${i}`);
+        const r = `${t.key}:${i}`;
+        return o`<figure class="svg" part="svg">
+          <img src=${a} alt="Drawing" />
+          <figcaption>
+            <button type="button" class="text-btn" @click=${() => this.copy(r, e.source)}>
+              ${this.copiedKey === r ? this.msg.copied : this.msg.copySvg}
+            </button>
+          </figcaption>
+        </figure>`;
+      }
+      case "pending":
+        return o`<div class="chart-pending">
+          <span class="label"
+            >${e.kind === "svg" ? this.msg.renderingSvg : this.msg.renderingChart}</span
+          >
         </div>`;
       case "chart":
         return this.renderChart(e.spec);
-      case "chartPending":
-        return r`<div class="chart-pending"><span class="label">Rendering chart</span></div>`;
       case "img":
-        return r`<div class="gallery ${e.images.length > 1 ? "many" : ""}">
+        return o`<div class="gallery ${e.images.length > 1 ? "many" : ""}">
           ${e.images.map(
-          (a) => r`<figure>
-                ${a.src && it(a.src, !0) ? r`<img
+          (a) => o`<figure>
+                ${a.src && _t(a.src, !0) ? o`<img
                         src=${a.src}
                         alt=${a.alt}
                         loading="lazy"
                         referrerpolicy="no-referrer"
-                      />` : r`<div class="img-missing"><span class="label">Image</span></div>`}
-                ${a.alt ? r`<figcaption>${a.alt}</figcaption>` : m}
+                      />` : o`<div class="img-missing"><span class="label">Image</span></div>`}
+                ${a.alt ? o`<figcaption>${a.alt}</figcaption>` : m}
               </figure>`
         )}
         </div>`;
@@ -4507,29 +5240,147 @@ ${x.map((b) => `[${b.n}] ${b.title}`).join(`
         return m;
     }
   }
+  renderList(e, t, s, i) {
+    const a = t.map(
+      (r) => o`<li
+          class=${r.checked === null ? "" : "task"}
+          style=${r.depth ? `margin-left:${r.depth * 20}px` : ""}
+        >
+          ${r.checked === null ? m : o`<input type="checkbox" disabled .checked=${r.checked} aria-hidden="true" />`}
+          ${this.renderInline(r.text, s, i)}
+        </li>`
+    );
+    return e ? o`<ol>
+          ${a}
+        </ol>` : o`<ul>
+          ${a}
+        </ul>`;
+  }
+  renderCode(e, t, s) {
+    return o`<div class="code">
+      <div class="code-head">
+        <span class="label">${e}</span>
+        <button type="button" class="text-btn" @click=${() => this.copy(s, t)}>
+          ${this.copiedKey === s ? this.msg.copied : this.msg.copy}
+        </button>
+      </div>
+      <pre><code>${t}</code></pre>
+    </div>`;
+  }
+  /** A host renderer for this language, at the rich level only. */
+  renderCustom(e, t, s) {
+    var a;
+    const i = this.formatLevel === "rich" ? (a = this.renderers) == null ? void 0 : a[e] : void 0;
+    if (typeof i != "function" || s.phase === "streaming") return null;
+    try {
+      const r = i(t, { lang: e, message: s });
+      return r == null ? null : o`<div class="custom-block">${r}</div>`;
+    } catch (r) {
+      return console.warn(`[singlebase-chat] the "${e}" renderer failed; showing the source`, r), null;
+    }
+  }
+  renderTable(e, t, s, i, a, r) {
+    const c = (x) => /^[-+]?[$€£¥]?\s?[\d,.]+\s?%?$/.test(x.trim()) && /\d/.test(x), l = (x) => Number(x.replace(/[^\d.+-]/g, "")), f = e.map((x, S) => {
+      if (s[S]) return s[S];
+      const $ = t.map((A) => A[S] ?? "").filter(Boolean);
+      return $.length && $.filter(c).length / $.length >= 0.8 ? "right" : null;
+    }), b = this.sorts.get(r);
+    let C = t;
+    b && (C = [...t].sort((x, S) => {
+      const $ = x[b.col] ?? "", A = S[b.col] ?? "";
+      return (c($) && c(A) ? l($) - l(A) : $.localeCompare(A, void 0, { numeric: !0 })) * b.dir;
+    }));
+    const T = C.length;
+    C = C.slice(0, zs);
+    const w = (x) => {
+      const S = new Map(this.sorts), $ = S.get(r);
+      ($ == null ? void 0 : $.col) === x && $.dir === -1 ? S.delete(r) : S.set(r, { col: x, dir: ($ == null ? void 0 : $.col) === x ? -1 : 1 }), this.sorts = S;
+    }, L = (x) => f[x] ? `text-align:${f[x]}` : "";
+    return o`<div class="table" part="table">
+      <table>
+        <thead>
+          <tr>
+            ${e.map((x, S) => {
+      const $ = (b == null ? void 0 : b.col) === S ? b.dir === 1 ? "ascending" : "descending" : "none";
+      return o`<th style=${L(S)} aria-sort=${$}>
+                ${t.length > 1 ? o`<button type="button" class="sort" @click=${() => w(S)}>
+                        ${this.renderInline(x, i, a)}<span class="arrow"
+                          >${$ === "ascending" ? "↑" : $ === "descending" ? "↓" : "↕"}</span
+                        >
+                      </button>` : this.renderInline(x, i, a)}
+              </th>`;
+    })}
+          </tr>
+        </thead>
+        <tbody>
+          ${C.map(
+      (x) => o`<tr>
+                ${e.map(
+        (S, $) => o`<td style=${L($)}>
+                      ${this.renderInline(x[$] ?? "", i, a)}
+                    </td>`
+      )}
+              </tr>`
+    )}
+        </tbody>
+      </table>
+      ${T > C.length ? o`<div class="table-note">
+              ${_(this.msg.showingRows, { n: C.length, total: T })}
+            </div>` : m}
+    </div>`;
+  }
+  renderJsonBlock(e, t, s) {
+    let i = 0;
+    const a = (c) => {
+      i++, i <= Nt && c && typeof c == "object" && Object.values(c).forEach(a);
+    };
+    if (a(e), i > Nt) return this.renderCode("json", t, s);
+    const r = (c, l, f) => {
+      const b = f === void 0 ? m : o`<span class="jkey">${f}</span>: `;
+      if (c && typeof c == "object") {
+        const T = Object.entries(c), w = Array.isArray(c) ? `[${T.length}]` : `{${T.length}}`;
+        return o`<details class="jnode" ?open=${l < 2}>
+          <summary>${b}<span class="jmeta">${w}</span></summary>
+          <div class="jkids">${T.map(([L, x]) => r(x, l + 1, L))}</div>
+        </details>`;
+      }
+      return o`<div class="jleaf">
+        ${b}<span class="jv ${c === null ? "null" : typeof c}">${JSON.stringify(c)}</span>
+      </div>`;
+    };
+    return o`<div class="code json" part="json">
+      <div class="code-head">
+        <span class="label">json</span>
+        <button type="button" class="text-btn" @click=${() => this.copy(s, t)}>
+          ${this.copiedKey === s ? this.msg.copied : this.msg.copy}
+        </button>
+      </div>
+      <div class="jtree">${r(e, 0)}</div>
+    </div>`;
+  }
   renderChart(e) {
-    const t = e.series.length > 1 ? r`<span class="legend">
+    const t = e.series.length > 1 ? o`<span class="legend">
             ${e.series.map(
-      (o, l) => r`<span
+      (r, c) => o`<span
                   ><span
                     class="swatch"
-                    style="background:${_[l % _.length]}"
+                    style="background:${j[c % j.length]}"
                   ></span
-                  >${o.name}</span
+                  >${r.name}</span
                 >`
     )}
-          </span>` : m, i = r`<div class="chart-head">
+          </span>` : m, s = o`<div class="chart-head">
       <span class="chart-title">${e.title}</span>${t}
     </div>`;
     if (e.type === "line") {
-      const o = Math.max(0, ...e.series.flatMap((f) => f.values)), l = Math.pow(10, Math.floor(Math.log10(o || 1))), c = Math.ceil(o / l * 2) / 2 * l || 1, x = Math.max(e.labels.length, ...e.series.map((f) => f.values.length));
-      return r`<figure class="chart" part="chart" aria-label=${e.title}>
-        ${i}
+      const r = Math.max(0, ...e.series.flatMap((b) => b.values)), c = Math.pow(10, Math.floor(Math.log10(r || 1))), l = Math.ceil(r / c * 2) / 2 * c || 1, f = Math.max(e.labels.length, ...e.series.map((b) => b.values.length));
+      return o`<figure class="chart" part="chart" aria-label=${e.title}>
+        ${s}
         <div class="line-chart">
           <div class="plot">
             ${[1, 0.5, 0].map(
-        (f) => r`<div class="tick ${f === 0 ? "base" : ""}" style="top:${(1 - f) * 100}%">
-                  <span>${Fe(Math.round(c * f), e.unit)}</span>
+        (b) => o`<div class="tick ${b === 0 ? "base" : ""}" style="top:${(1 - b) * 100}%">
+                  <span>${mt(Math.round(l * b), e.unit)}</span>
                 </div>`
       )}
             <svg
@@ -4539,38 +5390,38 @@ ${x.map((b) => `[${b.n}] ${b.title}`).join(`
               aria-label=${e.title}
             >
               ${e.series.map(
-        (f, O) => $`<polyline pathLength="1" stroke=${_[O % _.length]}
-                  points=${f.values.map(
-          (S, b) => `${(x > 1 ? b / (x - 1) * 600 : 300).toFixed(1)},${(170 - S / c * 170).toFixed(1)}`
+        (b, C) => O`<polyline pathLength="1" stroke=${j[C % j.length]}
+                  points=${b.values.map(
+          (T, w) => `${(f > 1 ? w / (f - 1) * 600 : 300).toFixed(1)},${(170 - T / l * 170).toFixed(1)}`
         ).join(
           " "
-        )}><title>${f.name}: ${f.values.map((S) => Fe(S, e.unit)).join(", ")}</title></polyline>`
+        )}><title>${b.name}: ${b.values.map((T) => mt(T, e.unit)).join(", ")}</title></polyline>`
       )}
             </svg>
           </div>
-          <div class="x-labels">${e.labels.map((f) => r`<span>${f}</span>`)}</div>
+          <div class="x-labels">${e.labels.map((b) => o`<span>${b}</span>`)}</div>
         </div>
       </figure>`;
     }
-    const s = e.labels.map(
-      (o, l) => e.series.reduce((c, x) => c + (x.values[l] || 0), 0)
-    ), a = Math.max(0, ...s) || 1;
-    return r`<figure class="chart" part="chart" aria-label=${e.title}>
-      ${i}
+    const i = e.labels.map(
+      (r, c) => e.series.reduce((l, f) => l + (f.values[c] || 0), 0)
+    ), a = Math.max(0, ...i) || 1;
+    return o`<figure class="chart" part="chart" aria-label=${e.title}>
+      ${s}
       <div class="bars">
         ${e.labels.map(
-      (o, l) => r`<div class="bar-row" title="${o}: ${Fe(s[l], e.unit)}">
-              <span class="bar-label">${o}</span>
+      (r, c) => o`<div class="bar-row" title="${r}: ${mt(i[c], e.unit)}">
+              <span class="bar-label">${r}</span>
               <span class="bar-track"
-                ><span class="bar-fill" style="width:${Math.max(0, s[l]) / a * 100}%">
+                ><span class="bar-fill" style="width:${Math.max(0, i[c]) / a * 100}%">
                   ${e.series.map(
-        (c, x) => r`<span
-                        style="flex:${Math.max(0, c.values[l] || 0)};background:${e.series.length > 1 ? _[x % _.length] : "var(--c-ink)"}"
+        (l, f) => o`<span
+                        style="flex:${Math.max(0, l.values[c] || 0)};background:${e.series.length > 1 ? j[f % j.length] : "var(--c-ink)"}"
                       ></span>`
       )}
                 </span></span
               >
-              <span class="bar-value">${Fe(s[l], e.unit)}</span>
+              <span class="bar-value">${mt(i[c], e.unit)}</span>
             </div>`
     )}
       </div>
@@ -4578,23 +5429,25 @@ ${x.map((b) => `[${b.n}] ${b.title}`).join(`
   }
   renderPanel() {
     if (!this.panel) return m;
-    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 m;
-    const i = this.msg, s = Ke(t, this.panel.n), a = Ze(e.content), o = e.sources.map((f, O) => Ke(f, O + 1)).filter((f) => f.n !== s.n && (!a.size || a.has(f.n))), l = `ref:${e.key}:${s.n}`, c = `"${s.text}"
+    const e = this.msgs.find((b) => b.key === this.panel.key);
+    if (!e) return m;
+    const t = e.sources.map((b, C) => ft(b, C + 1)), s = t.find((b) => b.n === this.panel.n);
+    if (!s) return m;
+    const i = this.msg, a = Ot(e.content), r = t.filter((b) => b.n !== s.n && (!a.size || a.has(b.n))), c = `ref:${e.key}:${s.n}`, l = `"${s.text}"
 — ${s.title} [${s.n}]${s.path ? `
-${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, x = [
+${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, f = [
       s.updated ? `Updated ${s.updated}` : "",
       s.score !== null ? `Relevance ${s.score.toFixed(2)}` : ""
     ].filter(Boolean).join(" · ");
-    return r`<aside
+    return o`<aside
       class="panel ${this.panelDocked ? "docked" : "overlay"}"
       part="panel"
       role="region"
-      aria-label=${z(i.sourceLabel, { n: s.n })}
+      aria-label=${_(i.sourceLabel, { n: s.n })}
     >
       <div class="panel-head">
         <span class="label"
-          >${z(i.sourceLabel, { n: s.n })}${s.collection ? ` · ${s.collection}` : ""}</span
+          >${_(i.sourceLabel, { n: s.n })}${s.collection ? ` · ${s.collection}` : ""}</span
         >
         <button type="button" class="text-btn underline" @click=${() => this.panel = null}>
           ${i.close}
@@ -4603,8 +5456,9 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, x = [
       <div class="panel-body">
         <div class="panel-meta">
           <h3>${s.title}</h3>
-          ${s.path ? r`<span class="path">${s.path}</span>` : m}
-          ${x ? r`<span class="meta">${x}</span>` : m}
+          ${s.section ? o`<span class="meta">${s.section}</span>` : m}
+          ${s.path ? o`<span class="path">${s.path}</span>` : m}
+          ${f ? o`<span class="meta">${f}</span>` : m}
         </div>
         <div class="passage-box">
           <span class="text">${s.text}</span>
@@ -4615,23 +5469,23 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, x = [
               class="copy-ref"
               title=${i.copyReference}
               aria-label=${i.copyReference}
-              @click=${() => this.copy(l, c)}
+              @click=${() => this.copy(c, l)}
             >
-              ${y.copy()}<span>${this.copiedKey === l ? i.copied : i.copy}</span>
+              ${k.copy()}<span>${this.copiedKey === c ? i.copied : i.copy}</span>
             </button>
           </div>
         </div>
       </div>
-      ${o.length ? r`<div class="panel-foot">
+      ${r.length ? o`<div class="panel-foot">
               <span class="label">${i.alsoCited}</span>
               <div class="chips">
-                ${o.map(
-      (f) => r`<button
+                ${r.map(
+      (b) => o`<button
                       type="button"
                       class="chip"
-                      @click=${() => this.panel = { key: e.key, n: f.n }}
+                      @click=${() => this.panel = { key: e.key, n: b.n }}
                     >
-                      ${f.n} · ${f.title}
+                      ${b.n} · ${b.title}
                     </button>`
     )}
               </div>
@@ -4639,35 +5493,56 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, x = [
     </aside>`;
   }
   renderComposer() {
-    const e = this.msg, t = this.mode === "rag" ? e.placeholderRag : this.mode === "rich" ? e.placeholderRich : z(e.placeholderChat, { name: this.assistantName }), i = !this.draft.trim();
-    return r`<div class="composer-wrap">
+    const e = this.msg, t = this.mode === "rag" ? e.placeholderRag : this.mode === "kb" ? e.placeholderKb : _(e.placeholderChat, { name: this.assistantName }), s = !this.draft.trim(), i = this.footnote === "" ? m : o`<span class="footnote" part="footnote"
+            >${this.footnote ?? _(e.footnote, { name: this.assistantName })}</span
+          >`;
+    return this.showComposer ? o`<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=${(s) => {
-      const a = s.target;
-      this.addFiles(a.files).then(() => a.value = "");
+          @change=${(a) => {
+      const r = a.target;
+      this.addFiles(r.files).then(() => r.value = "");
     }}
         />
         <div class="composer-box">
-          ${this.busy ? r`<div class="composer-glow"></div>` : m}
+          ${this.busy ? o`<div class="composer-glow"></div>` : m}
           <div class="composer ${this.busy ? "busy" : ""}" part="composer">
-            ${this.files.length ? r`<div class="pending-files">
+            ${this.savedFiles.length ? o`<div class="pending-files" part="saved-files">
+                    ${this.savedFiles.map(
+      (a) => o`<div class="pending-file kept">
+                          <span class="ext">${xt(a.name)}</span>
+                          <span class="meta"
+                            ><span class="name">${a.name}</span
+                            ><span class="size">${e.inThisChat}</span></span
+                          >
+                          <button
+                            type="button"
+                            aria-label=${e.removeFromChat}
+                            title=${e.removeFromChat}
+                            @click=${() => this.removeSavedFile(a)}
+                          >
+                            ×
+                          </button>
+                        </div>`
+    )}
+                  </div>` : m}
+            ${this.files.length ? o`<div class="pending-files">
                     ${this.files.map(
-      (s) => r`<div class="pending-file">
-                          <span class="ext">${ct(s.name)}</span>
+      (a) => o`<div class="pending-file">
+                          <span class="ext">${xt(a.name)}</span>
                           <span class="meta"
-                            ><span class="name">${s.name}</span
-                            ><span class="size">${Ve(s.size)}</span></span
+                            ><span class="name">${a.name}</span
+                            ><span class="size">${kt(a.size)}</span></span
                           >
                           <button
                             type="button"
                             aria-label=${e.removeFile}
                             title=${e.removeFile}
-                            @click=${() => this.files = this.files.filter((a) => a !== s)}
+                            @click=${() => this.files = this.files.filter((r) => r !== a)}
                           >
                             ×
                           </button>
@@ -4685,242 +5560,327 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, x = [
             ></textarea>
             <div class="composer-row">
               <div>
-                ${this.allowUpload ? r`<button
+                ${this.allowUpload ? o`<button
                         type="button"
                         class="attach"
                         title=${e.attach}
                         aria-label=${e.attach}
                         @click=${() => {
-      var s;
-      return (s = this.renderRoot.querySelector("input[type=file]")) == null ? void 0 : s.click();
+      var a;
+      return (a = this.renderRoot.querySelector("input[type=file]")) == null ? void 0 : a.click();
     }}
                       >
-                        ${y.clip()}
+                        ${k.clip()}
                       </button>` : m}
               </div>
-              ${this.busy ? r`<button
+              ${this.busy ? o`<button
                       type="button"
                       class="send stop"
                       title=${e.stop}
                       aria-label=${e.stop}
                       @click=${() => this.stop()}
                     >
-                      ${y.stop()}
-                    </button>` : r`<button
+                      ${k.stop()}
+                    </button>` : o`<button
                       type="button"
                       class="send"
                       title=${e.send}
                       aria-label=${e.send}
-                      ?disabled=${i}
+                      ?disabled=${s}
                       @click=${() => this.send()}
                     >
-                      ${y.up()}
+                      ${k.up()}
                     </button>`}
             </div>
           </div>
-          ${this.busy ? r`<div class="composer-ring"><div class="ring"></div></div>` : m}
+          ${this.busy ? o`<div class="composer-ring"><div class="ring"></div></div>` : m}
         </div>
-        <span class="footnote">${z(e.footnote, { name: this.assistantName })}</span>
+        ${i}
       </div>
-    </div>`;
+    </div>` : o`<div class="composer-wrap reader">
+        <div class="composer-col">${i}</div>
+      </div>`;
   }
-}, 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(), Te = new WeakMap(), Ce = new WeakMap(), Se = new WeakMap(), ze = new WeakMap(), Oe = new WeakMap(), Me = 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(), De = new WeakMap(), Re = new WeakMap(), dt);
-Nt(d, "styles", [kt, wt]);
+}, N = new WeakMap(), R = new WeakMap(), E = new WeakMap(), B = new WeakMap(), D = new WeakMap(), F = new WeakMap(), K = new WeakMap(), P = new WeakMap(), U = new WeakMap(), W = new WeakMap(), H = new WeakMap(), J = new WeakMap(), G = new WeakMap(), q = new WeakMap(), V = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), Q = new WeakMap(), Z = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), ae = new WeakMap(), re = new WeakMap(), oe = new WeakMap(), ne = 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(), fe = new WeakMap(), be = new WeakMap(), xe = new WeakMap(), ve = new WeakMap(), we = new WeakMap(), ye = new WeakMap(), ke = new WeakMap(), $e = new WeakMap(), Ce = new WeakMap(), Te = new WeakMap(), Se = new WeakMap(), Ie = new WeakMap(), Oe = new WeakMap(), Me = new WeakMap(), ze = new WeakMap(), _e = new WeakMap(), Le = new WeakMap(), Ae = new WeakMap(), je = new WeakMap(), Ne = new WeakMap(), Re = new WeakMap(), Ee = new WeakMap(), Be = new WeakMap(), De = new WeakMap(), Fe = new WeakMap(), Ke = new WeakMap(), Pe = new WeakMap(), Ue = new WeakMap(), We = new WeakMap(), He = new WeakMap(), Je = new WeakMap(), Ge = new WeakMap(), qe = new WeakMap(), Ve = new WeakMap(), Xe = new WeakMap(), Ye = new WeakMap(), Qe = new WeakMap(), Ze = new WeakMap(), et = new WeakMap(), tt = new WeakMap(), st = new WeakMap(), it = new WeakMap(), at = new WeakMap(), rt = new WeakMap(), ot = new WeakMap(), nt = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), dt = new WeakMap(), pt = new WeakMap(), ht = new WeakMap(), ut = new WeakMap(), gt = new WeakMap(), Ft);
+$s(d, "styles", [Yt, Qt, Zt]);
 g([
-  w({ attribute: !1 })
+  v({ attribute: !1 })
 ], d.prototype, "client", 1);
 g([
-  w({ attribute: !1 })
+  v({ attribute: !1 })
 ], d.prototype, "messages", 1);
 g([
-  w({ reflect: !0 })
+  v({ reflect: !0 })
 ], d.prototype, "theme", 1);
 g([
-  w({ reflect: !0 })
+  v({ reflect: !0 })
+], d.prototype, "radius", 1);
+g([
+  v({ reflect: !0 })
 ], d.prototype, "mode", 1);
 g([
-  w({ attribute: "render-as" })
-], d.prototype, "renderAs", 1);
+  v({ reflect: !0 })
+], d.prototype, "format", 1);
+g([
+  v({ attribute: !1 })
+], d.prototype, "renderers", 1);
 g([
-  w({ reflect: !0 })
+  v({ attribute: !1 })
+], d.prototype, "beforeSend", 1);
+g([
+  v({ attribute: !1 })
+], d.prototype, "afterParse", 1);
+g([
+  v({ reflect: !0 })
 ], d.prototype, "glow", 1);
 g([
-  w({ converter: I })
+  v()
+], d.prototype, "docsets", 1);
+g([
+  v({ attribute: "attachments-mode" })
+], d.prototype, "attachmentsMode", 1);
+g([
+  v({ converter: I, attribute: "save-attachments" })
+], d.prototype, "saveAttachments", 1);
+g([
+  v({ converter: I })
 ], d.prototype, "followups", 1);
 g([
-  w({ converter: I, attribute: "auto-title" })
+  v({ converter: I, attribute: "show-sources" })
+], d.prototype, "showSources", 1);
+g([
+  v({ converter: I, attribute: "show-new-chat" })
+], d.prototype, "showNewChat", 1);
+g([
+  v({ converter: I, attribute: "show-bookmarked" })
+], d.prototype, "showBookmarked", 1);
+g([
+  v({ converter: I, attribute: "show-followups" })
+], d.prototype, "showFollowups", 1);
+g([
+  v({ converter: I, attribute: "allow-search" })
+], d.prototype, "allowSearch", 1);
+g([
+  v({ converter: I, attribute: "auto-title" })
 ], d.prototype, "autoTitle", 1);
 g([
-  w()
+  v()
 ], d.prototype, "model", 1);
 g([
-  w({ converter: We })
+  v({ converter: vt })
 ], d.prototype, "params", 1);
 g([
-  w({ attribute: "system-message" })
+  v({ attribute: "system-message" })
 ], d.prototype, "systemMessage", 1);
 g([
-  w({ converter: We })
+  v({ converter: vt })
 ], d.prototype, "retrieval", 1);
 g([
-  w({ converter: We })
+  v({ converter: vt })
 ], d.prototype, "metadata", 1);
 g([
-  w({ reflect: !0 })
+  v({ reflect: !0 })
 ], d.prototype, "embed", 1);
 g([
-  w({ reflect: !0 })
+  v({ reflect: !0 })
 ], d.prototype, "position", 1);
 g([
-  w({ converter: Bt })
+  v({ converter: Cs })
 ], d.prototype, "sidebar", 1);
 g([
-  w({ converter: I, attribute: "show-title" })
+  v({ converter: I, attribute: "show-title" })
 ], d.prototype, "showTitle", 1);
 g([
-  w({ attribute: "chat-id" })
+  v({ attribute: "chat-id" })
 ], d.prototype, "chatIdAttr", 1);
 g([
-  w({ attribute: "assistant-name" })
+  v({ attribute: "assistant-name" })
 ], d.prototype, "assistantName", 1);
 g([
-  w({ attribute: "logo-url" })
+  v({ attribute: "logo-url" })
 ], d.prototype, "logoUrl", 1);
 g([
-  w()
+  v()
 ], d.prototype, "heading", 1);
 g([
-  w()
+  v()
 ], d.prototype, "description", 1);
 g([
-  w()
+  v()
+], d.prototype, "eyebrow", 1);
+g([
+  v()
 ], d.prototype, "prompts", 1);
 g([
-  w({ attribute: "bubble-text" })
+  v({ attribute: "bubble-text" })
 ], d.prototype, "bubbleText", 1);
 g([
-  w({ type: Boolean, attribute: "greeting-bubble" })
+  v({ type: Boolean, attribute: "greeting-bubble" })
 ], d.prototype, "greetingBubble", 1);
 g([
-  w({ type: Boolean, attribute: "unread-badge" })
+  v({ type: Boolean, attribute: "unread-badge" })
 ], d.prototype, "unreadBadge", 1);
 g([
-  w({ converter: I, attribute: "allow-upload" })
+  v({ converter: I, attribute: "allow-upload" })
 ], d.prototype, "allowUpload", 1);
 g([
-  w({ converter: I, attribute: "allow-export" })
+  v({ converter: I, attribute: "allow-export" })
 ], d.prototype, "allowExport", 1);
 g([
-  w({ converter: I })
-], d.prototype, "branding", 1);
+  v({ converter: I, attribute: "allow-copy" })
+], d.prototype, "allowCopy", 1);
+g([
+  v({ converter: I, attribute: "allow-regenerate" })
+], d.prototype, "allowRegenerate", 1);
+g([
+  v({ converter: I, attribute: "allow-bookmark" })
+], d.prototype, "allowBookmark", 1);
+g([
+  v({ converter: I, attribute: "allow-delete" })
+], d.prototype, "allowDelete", 1);
+g([
+  v({ converter: I, attribute: "allow-rename" })
+], d.prototype, "allowRename", 1);
+g([
+  v({ converter: I, attribute: "allow-feedback" })
+], d.prototype, "allowFeedback", 1);
+g([
+  v({ converter: I, attribute: "show-composer" })
+], d.prototype, "showComposer", 1);
+g([
+  v({ converter: I, attribute: "show-time" })
+], d.prototype, "showTime", 1);
 g([
   v()
+], d.prototype, "footnote", 1);
+g([
+  v({ type: Boolean, attribute: "allow-raw" })
+], d.prototype, "allowRaw", 1);
+g([
+  v({ converter: I })
+], d.prototype, "branding", 1);
+g([
+  y()
 ], d.prototype, "chatList", 1);
 g([
-  v()
+  y()
 ], d.prototype, "listState", 1);
 g([
-  v()
+  y()
 ], d.prototype, "activeId", 1);
 g([
-  v()
+  y()
 ], d.prototype, "chatTitle", 1);
 g([
-  v()
+  y()
 ], d.prototype, "bookmarked", 1);
 g([
-  v()
+  y()
 ], d.prototype, "msgs", 1);
 g([
-  v()
+  y()
 ], d.prototype, "loadingThread", 1);
 g([
-  v()
+  y()
 ], d.prototype, "threadError", 1);
 g([
-  v()
+  y()
 ], d.prototype, "busy", 1);
 g([
-  v()
+  y()
 ], d.prototype, "draft", 1);
 g([
-  v()
+  y()
 ], d.prototype, "files", 1);
 g([
-  v()
+  y()
 ], d.prototype, "search", 1);
 g([
-  v()
+  y()
 ], d.prototype, "sidebarOpen", 1);
 g([
-  v()
+  y()
 ], d.prototype, "width", 1);
 g([
-  v()
+  y()
 ], d.prototype, "panel", 1);
 g([
-  v()
+  y()
 ], d.prototype, "menuOpen", 1);
 g([
-  v()
+  y()
 ], d.prototype, "editingKey", 1);
 g([
-  v()
+  y()
 ], d.prototype, "editDraft", 1);
 g([
-  v()
+  y()
 ], d.prototype, "editingTitle", 1);
 g([
-  v()
+  y()
 ], d.prototype, "renamingId", 1);
 g([
-  v()
+  y()
 ], d.prototype, "toast", 1);
 g([
-  v()
+  y()
 ], d.prototype, "copiedKey", 1);
 g([
-  v()
+  y()
 ], d.prototype, "retrievalOpen", 1);
 g([
-  v()
+  y()
+], d.prototype, "rawKeys", 1);
+g([
+  y()
+], d.prototype, "savedFiles", 1);
+g([
+  y()
+], d.prototype, "hasSidebarContent", 1);
+g([
+  y()
+], d.prototype, "sorts", 1);
+g([
+  y()
 ], d.prototype, "arrivedKey", 1);
 g([
-  v()
+  y()
 ], d.prototype, "dragging", 1);
 g([
-  v()
+  y()
 ], d.prototype, "showJump", 1);
 g([
-  v()
+  y()
 ], d.prototype, "offline", 1);
 g([
-  v()
+  y()
 ], d.prototype, "isOpen", 1);
 g([
-  v()
+  y()
 ], d.prototype, "expanded", 1);
 g([
-  v()
+  y()
 ], d.prototype, "bubble", 1);
 g([
-  v()
+  y()
 ], d.prototype, "seen", 1);
 g([
-  v()
+  y()
 ], d.prototype, "mobile", 1);
 d = g([
-  xt("singlebase-chat")
+  Gt("singlebase-chat")
 ], d);
 export {
   d as S,
-  _t as a,
-  Ke as b,
-  Ze as c,
-  $t as d,
-  zt as e,
-  Mt as p,
-  Tt as r,
-  tt as s
+  gs as a,
+  ft as b,
+  Ot as c,
+  es as d,
+  os as e,
+  zt as f,
+  ws as g,
+  ds as p,
+  ts as r,
+  ps as s
 };
-//# sourceMappingURL=chat-bXaRWel7.js.map
+//# sourceMappingURL=chat-BH_3e1jT.js.map