@singlebase/elements 0.5.0 → 0.6.0

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

@@ -1,15 +1,15 @@
-var gt = Object.defineProperty;
-var qe = (n) => {
+var Ft = Object.defineProperty;
+var bt = (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 Ut = (n, e, t) => e in n ? Ft(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var M = (n, e, t) => Ut(n, typeof e != "symbol" ? e + "" : e, t), xt = (n, e, t) => e.has(n) || bt("Cannot " + t);
+var p = (n, e, t) => (xt(n, e, "read from private field"), t ? t.call(n) : e.get(n)), h = (n, e, t) => e.has(n) ? bt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), u = (n, e, t, s) => (xt(n, e, "write to private field"), s ? s.call(n, t) : e.set(n, t), t);
+import { css as Pt, LitElement as Kt, html as o, nothing as f, svg as I } from "lit";
+import { property as v, state as y, customElement as Wt } from "lit/decorators.js";
+import { repeat as Jt } from "lit/directives/repeat.js";
+import { getDefaultClient as Ht } from "@singlebase/core";
+import { a as L, e as vt, j as Gt, t as qt, b as Vt } from "./files-DDJWPzZW.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 Xt = Pt`
   :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;
@@ -1891,8 +2083,7 @@ const wt = bt`
     color: var(--c-danger);
   }
 
-  .footnote,
-  .branding {
+  .footnote {
     text-align: center;
     font-size: 11.5px;
     color: var(--c-muted);
@@ -1903,19 +2094,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,19 +2451,15 @@ const wt = bt`
       height: auto;
     }
   }
-`, $t = {
+`, Yt = {
   eyebrowChat: "Chat",
   eyebrowRag: "Grounded answers",
-  eyebrowRich: "Charts · tables · images",
   headingChat: "What can I help with?",
   headingRag: "Ask your knowledge base",
-  headingRich: "Ask for a chart or a table",
   descriptionChat: "Ask anything. Attach text files to give it more context.",
   descriptionRag: "Answers are grounded in your sources, with a citation for every claim. Attach text files to search them too.",
-  descriptionRich: "Answers come back with charts, tables and images when they help. Attach CSV or JSON files to use your own data.",
   placeholderChat: "Message {name}…",
   placeholderRag: "Ask about your sources…",
-  placeholderRich: "Ask for a chart, table or breakdown…",
   footnote: "{name} can make mistakes. Check important details.",
   attach: "Attach files",
   send: "Send message",
@@ -2295,7 +2469,6 @@ const wt = bt`
   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 +2523,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",
@@ -2374,70 +2558,128 @@ const wt = bt`
   dismiss: "Dismiss",
   brandingLabel: "Chat by Singlebase"
 };
-function Tt(n) {
-  return { ...$t, ...n ?? {} };
+function Qt(n) {
+  return { ...Yt, ...n ?? {} };
 }
-const Ct = /^\|.*\|$/, St = /^\|[\s:|-]+\|$/, Xe = /^!\[([^\]]*)\]\(([^)]*)\)$/, Ye = /^([-*]|\d+\.)\s+/;
-function zt(n) {
+const Zt = /^\|.*\|$/, wt = /^\|[\s:|-]+\|$/, yt = /^!\[([^\]]*)\]\(([^)]*)\)$/, kt = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, $t = /^\[( |x|X)\]\s+/, es = /^(-{3,}|\*{3,}|_{3,})$/, ts = /^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]\s*(.*)$/i, ss = ["note", "tip", "important", "warning", "caution"];
+function is(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(), l = (a > -1 ? s.slice(a + 1) : "").replace(/\n$/, "");
+      e.push(as(r, l, 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(...Bt(a));
   }), e;
 }
-function pt(n) {
+function as(n, e, t) {
+  const [s = "", ...i] = n.split(/\s+/), a = s.toLowerCase();
+  if (a === "chart") {
+    const r = t ? null : os(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 = rs(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(), l = ss.includes(r);
+    return {
+      type: "callout",
+      kind: l ? r : "note",
+      title: (l ? i.slice(1) : i).join(" "),
+      text: e.trim()
+    };
+  }
+  return { type: "code", lang: a || "code", text: e };
+}
+function Bt(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) => Zt.test(i))) {
+    const i = (m) => m.replace(/^\||\|$/g, "").split("|").map((b) => b.trim()), a = t.findIndex((m) => wt.test(m)), r = a > -1 ? i(t[a]).map(
+      (m) => /^:-+:$/.test(m) ? "center" : /^-+:$/.test(m) ? "right" : /^:-+$/.test(m) ? "left" : null
+    ) : [], l = t.filter((m) => !wt.test(m)).map(i), c = l[0] ?? [];
+    return [
+      { type: "table", head: c, rows: l.slice(1), align: c.map((m, b) => r[b] ?? null) }
+    ];
   }
-  if (e.every((i) => Xe.test(i)))
+  if (t.length === 1 && es.test(t[0])) return [{ type: "hr" }];
+  if (t.every((i) => yt.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(yt);
+          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(ts);
+    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 (kt.test(e[0])) {
+    const i = [];
+    for (const a of e) {
+      const r = a.match(kt);
+      if (r) {
+        const l = r[3].match($t);
+        i.push({
+          text: l ? r[3].replace($t, "") : r[3],
+          depth: Math.min(3, Math.floor(r[1].replace(/\t/g, "  ").length / 2)),
+          checked: l ? l[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 ? Bt(i) : []
     ];
   }
-  return [{ type: "p", text: e.join(" ") }];
+  return [{ type: "p", text: t.join(" ") }];
 }
-function Ot(n) {
+function rs(n, e = ",") {
+  var c;
+  const t = [];
+  let s = [], i = "", a = !1;
+  const r = n.replace(/\r/g, "");
+  for (let m = 0; m < r.length; m++) {
+    const b = r[m];
+    a ? b === '"' && r[m + 1] === '"' ? (i += '"', m++) : 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 l = ((c = t[0]) == null ? void 0 : c.length) ?? 0;
+  return t.map((m) => m.length < l ? [...m, ...Array(l - m.length).fill("")] : m);
+}
+function os(n) {
   let e;
   try {
     e = JSON.parse(n);
@@ -2445,136 +2687,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 Ct = 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 ns(n, e = 0) {
   const t = [];
-  let i = 0, s;
-  Qe.lastIndex = 0;
-  const a = (o) => {
-    if (!o) return;
+  let s = 0, i;
+  Ct.lastIndex = 0;
+  const a = (r) => {
+    if (!r) return;
     const l = t[t.length - 1];
-    (l == null ? void 0 : l.type) === "text" ? l.text += o : t.push({ type: "text", text: o });
+    (l == null ? void 0 : l.type) === "text" ? l.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 = Ct.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 l = i[9].split(",").map((c) => Number(c.trim())).filter((c) => c >= 1 && c <= e);
+      e ? l.forEach((c) => t.push({ type: "cite", n: c })) : 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 ls(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 c = s.lastIndexOf(r);
+      s = s.slice(0, c) + s.slice(c + r.length);
+    }
+  return t + s;
 }
-function Ze(n) {
+function Tt(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 cs(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 St = (n) => n.map((e) => e.join("  ·  ")).join(`
+`), ds = {
+  note: "Note",
+  tip: "Tip",
+  important: "Important",
+  warning: "Warning",
+  caution: "Caution"
+};
+function ps(n, e) {
+  if (e === "rich") return n;
+  const t = e === "plain";
+  return n.map((s) => {
+    switch (s.type) {
+      case "chart": {
+        const [i, ...a] = cs(s.spec);
+        return t ? {
+          type: "raw",
+          text: [s.spec.title, St([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 || ds[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: St([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 Ot(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 hs(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 us(n, e = 48) {
+  const t = hs(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 gs(n) {
   return String(n ?? "").split(`
 `)[0].trim().replace(/^["'“”‘’]+|["'“”‘’]+$/g, "").replace(/^title:\s*/i, "").replace(/[.!?:;,]+$/, "").trim().slice(0, 80);
 }
-function it(n, e = !1) {
+function It(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 ms = 2e5, fs = /* @__PURE__ */ new Set([
+  "script",
+  "foreignobject",
+  "iframe",
+  "object",
+  "embed",
+  "image",
+  "audio",
+  "video",
+  "animate",
+  "set",
+  "animatemotion",
+  "animatetransform",
+  "handler",
+  "listener"
+]);
+function bs(n) {
+  if (!n || n.length > ms || 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 l = r.nodeName.toLowerCase();
+      if (fs.has(l)) r.remove();
+      else if (l === "a") {
+        const c = Array.from(r.childNodes);
+        r.replaceWith(...c), c.forEach((m) => m instanceof Element && s(m));
+      } else s(r);
+    }
+    for (const r of Array.from(a.attributes)) {
+      const l = r.name.toLowerCase(), c = r.value.trim().toLowerCase(), m = (l === "href" || l.endsWith(":href")) && !c.startsWith("#"), b = c.includes("javascript:") || /url\(\s*['"]?(?!#)/.test(c);
+      (l.startsWith("on") || m || 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 Dt = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, vs = (n, e, t) => e in n ? Dt(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 ? xs(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 && Dt(e, t, i), i;
+}, ws = (n, e, t) => vs(n, e + "", t);
+const Mt = [
   "embed",
   "mode",
-  "renderAs",
+  "format",
+  "renderers",
+  "beforeSend",
+  "afterParse",
   "glow",
   "position",
   "sidebar",
@@ -2583,14 +2915,32 @@ const st = [
   "logoUrl",
   "heading",
   "description",
+  "eyebrow",
   "prompts",
   "bubbleText",
   "greetingBubble",
   "unreadBadge",
   "allowUpload",
   "allowExport",
+  "allowRaw",
+  "allowCopy",
+  "allowRegenerate",
+  "allowBookmark",
+  "allowDelete",
+  "allowRename",
+  "allowFeedback",
+  "showTime",
+  "showComposer",
+  "footnote",
+  "brandingText",
+  "brandingUrl",
   "branding",
   "followups",
+  "showFollowups",
+  "showSources",
+  "showNewChat",
+  "showBookmarked",
+  "allowSearch",
   "autoTitle",
   "model",
   "params",
@@ -2598,8 +2948,9 @@ const st = [
   "retrieval",
   "metadata",
   "messages",
-  "theme"
-], We = {
+  "theme",
+  "radius"
+], ft = {
   fromAttribute: (n) => {
     if (n)
       try {
@@ -2610,22 +2961,32 @@ const st = [
       }
   },
   toAttribute: (n) => JSON.stringify(n ?? null)
-}, I = {
+}, O = {
   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, _ = [
+}, ys = {
+  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
+}, ks = 272, $s = 820, Cs = 940, zt = 5, _t = 512 * 1024, Ts = /\.(md|markdown|txt|csv|tsv|json|html?|ya?ml|xml|log)$/i, Ss = 5e3, Os = 200, Lt = 2e3, Is = {
+  note: "calloutNote",
+  tip: "calloutTip",
+  important: "calloutImportant",
+  warning: "calloutWarning",
+  caution: "calloutCaution"
+}, Ms = 2600, N = [
   "var(--c-ink)",
   "oklch(0.58 0.13 255)",
   "oklch(0.63 0.1 175)",
   "oklch(0.74 0.12 70)"
-], nt = {
+], jt = {
   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: "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."
+}, zs = {
+  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://…).'
+}, _s = "After the answer, on a final line write FOLLOWUPS: followed by three short follow-up questions the user might ask next, separated by |.", Nt = {
   chat: [
     ["Write", "Draft a short welcome email for new users"],
     ["Explain", "Explain how refresh tokens work, simply"],
@@ -2637,27 +2998,22 @@ const st = [
     ["Summarize", "Summarize the most important points"],
     ["Find", "Where is the refund policy described?"],
     ["Explain", "Explain the setup steps in plain language"]
-  ],
-  rich: [
-    ["Bar chart", "Compare the five most spoken languages in a bar chart"],
-    ["Line chart", "Show world population from 1950 to 2020"],
-    ["Table", "List the planets with their diameters in a table"],
-    ["Breakdown", "Break down a $4,000 monthly budget by category"]
   ]
-}, 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(
+    I`<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(I`<path d="M8 3v10M3 8h10"></path>`),
+  bookmark: (n = !1) => z(I`<path d="M4.5 2.5h7v11L8 11l-3.5 2.5z"></path>`, n ? "filled" : ""),
+  download: () => z(I`<path d="M8 2.5v8M4.5 7.5L8 11l3.5-3.5M2.5 13.5h11"></path>`),
+  trash: () => z(I`<path d="M2.5 4.5h11M6.5 4.5v-2h3v2M4 4.5l.7 9h6.6l.7-9"></path>`),
+  pencil: () => z(I`<path d="M10.5 2.5l3 3L6 13H3v-3z"></path>`),
+  copy: () => z(
+    I`<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(I`<path d="M5.5 4.5L2 8l3.5 3.5M10.5 4.5L14 8l-3.5 3.5"></path>`),
+  refresh: () => z(I`<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 +3023,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(I`<path d="M9.5 2.5h4v4M13.5 2.5L9 7M6.5 13.5h-4v-4M2.5 13.5L7 9"></path>`),
+  restore: () => z(I`<path d="M13.5 6.5h-4v-4M9.5 6.5l4-4M2.5 9.5h4v4M6.5 9.5l-4 4"></path>`),
+  minimize: () => z(I`<path d="M4 8h8"></path>`),
+  close: () => z(I`<path d="M4 4l8 8M12 4l-8 8"></path>`),
+  clip: () => z(
+    I`<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(I`<path d="M8 13V3M3.5 7.5L8 3l4.5 4.5"></path>`),
+  stop: () => z(I`<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 +3043,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 +3053,176 @@ 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 Ls = 0;
+const mt = () => `m${Date.now().toString(36)}${(Ls++).toString(36)}`;
+function At(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 js(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 Ns = () => typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, ut = (n, e) => (Number.isInteger(n) ? n.toLocaleString("en-US") : n.toFixed(1)) + e, Rt = (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 gt(n, e) {
+  const t = n ?? {}, s = t.metadata && typeof t.metadata == "object" ? t.metadata : {}, i = (...l) => l.find((c) => typeof c == "string" && c.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");
   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) ?? "",
+    title: i(t.title, t.name, t.filename, s.title, s.name) ?? `Source ${e}`,
+    path: i(t.path, t.url, t.key, t.source, 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 As(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 Rs(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 A, R, E, B, D, F, U, P, K, W, J, H, 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, Oe, Ie, Me, ze, _e, Le, je, Ne, Ae, Re, Ee, Be, De, Fe, Ue, Pe, Ke, We, Je, He, Ge, qe, Ve, Xe, Ye, Qe, Ze, et, tt, st, it, at, rt, ot, nt, lt, ct, dt, pt, ht, Et;
+let d = (Et = class extends Kt {
   constructor() {
     super(...arguments);
-    h(this, j, null);
-    h(this, A, {});
+    h(this, A, 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, K, {});
-    h(this, P, "");
-    h(this, H, []);
-    h(this, J, {});
-    h(this, W, "page");
-    h(this, q, "right");
-    h(this, G);
+    h(this, B);
+    h(this, D, "chat");
+    h(this, F, "advanced");
+    h(this, U, {});
+    h(this, P, null);
+    h(this, K, null);
+    h(this, W, "subtle");
+    h(this, J, !0);
+    h(this, H, !0);
+    h(this, G, !0);
+    h(this, q, !0);
     h(this, V, !0);
-    h(this, X, "");
-    h(this, Y, "Assistant");
+    h(this, X, !0);
+    h(this, Y, !0);
     h(this, Q, "");
-    h(this, Z, "");
+    h(this, Z, {});
     h(this, ee, "");
-    h(this, te, "");
-    h(this, ie, "");
-    h(this, se, !1);
-    h(this, ae, !1);
-    h(this, re, !0);
-    h(this, ne, !0);
+    h(this, te, []);
+    h(this, se, {});
+    h(this, ie, "page");
+    h(this, ae, "right");
+    h(this, re, "auto");
     h(this, oe, !0);
-    h(this, le, []);
-    h(this, ce, "idle");
-    h(this, de, null);
+    h(this, ne, "");
+    h(this, le, "Assistant");
+    h(this, ce, "");
+    h(this, de, "");
     h(this, pe, "");
-    h(this, he, !1);
-    h(this, ue, []);
-    h(this, ge, !1);
-    h(this, me, "");
-    h(this, be, !1);
-    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, he);
+    h(this, ue, "");
+    h(this, ge, "");
+    h(this, me, !1);
+    h(this, fe, !1);
+    h(this, be, !0);
+    h(this, xe, !0);
+    h(this, ve, !0);
+    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, Oe);
+    h(this, Ie, !1);
+    h(this, Me, !0);
     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, Ee, !1);
-    h(this, Ne, !1);
-    h(this, Be, !1);
-    h(this, De, !1);
+    h(this, _e, "");
+    h(this, Le, []);
+    h(this, je, "idle");
+    h(this, Ne, null);
+    h(this, Ae, "");
     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, Ee, []);
+    h(this, Be, !1);
+    h(this, De, "");
+    h(this, Fe, !1);
+    h(this, Ue, "");
+    h(this, Pe, []);
+    h(this, Ke, "");
+    h(this, We, null);
+    h(this, Je, 0);
+    h(this, He, null);
+    h(this, Ge, !1);
+    h(this, qe, "");
+    h(this, Ve, "");
+    h(this, Xe, !1);
+    h(this, Ye, "");
+    h(this, Qe, null);
+    h(this, Ze, "");
+    h(this, et, /* @__PURE__ */ new Set());
+    h(this, tt, /* @__PURE__ */ new Set());
+    h(this, st, !1);
+    h(this, it, /* @__PURE__ */ new Map());
+    h(this, at, "");
+    h(this, rt, !1);
+    h(this, ot, !1);
+    h(this, nt, !1);
+    h(this, lt, !1);
+    h(this, ct, !1);
+    h(this, dt, !1);
+    h(this, pt, !1);
+    h(this, ht, !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, A);
   }
   set client(e) {
-    u(this, j, e);
+    u(this, A, 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 +3230,510 @@ 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);
+  get format() {
+    return p(this, F);
   }
-  set followups(e) {
-    u(this, R, e);
+  set format(e) {
+    u(this, F, e);
   }
-  get autoTitle() {
+  get renderers() {
     return p(this, U);
   }
-  set autoTitle(e) {
+  set renderers(e) {
     u(this, U, e);
   }
-  get model() {
-    return p(this, F);
+  get beforeSend() {
+    return p(this, P);
   }
-  set model(e) {
-    u(this, F, e);
+  set beforeSend(e) {
+    u(this, P, e);
   }
-  get params() {
+  get afterParse() {
     return p(this, K);
   }
-  set params(e) {
+  set afterParse(e) {
     u(this, K, e);
   }
-  get systemMessage() {
-    return p(this, P);
+  get glow() {
+    return p(this, W);
   }
-  set systemMessage(e) {
-    u(this, P, e);
+  set glow(e) {
+    u(this, W, e);
   }
-  get retrieval() {
+  get followups() {
+    return p(this, J);
+  }
+  set followups(e) {
+    u(this, J, e);
+  }
+  get showSources() {
     return p(this, H);
   }
-  set retrieval(e) {
+  set showSources(e) {
     u(this, H, e);
   }
-  get metadata() {
-    return p(this, J);
+  get showNewChat() {
+    return p(this, G);
   }
-  set metadata(e) {
-    u(this, J, e);
+  set showNewChat(e) {
+    u(this, G, e);
   }
-  get embed() {
-    return p(this, W);
+  get showBookmarked() {
+    return p(this, q);
   }
-  set embed(e) {
-    u(this, W, e);
+  set showBookmarked(e) {
+    u(this, q, e);
+  }
+  get showFollowups() {
+    return p(this, V);
+  }
+  set showFollowups(e) {
+    u(this, V, e);
+  }
+  get allowSearch() {
+    return p(this, X);
+  }
+  set allowSearch(e) {
+    u(this, X, e);
+  }
+  get autoTitle() {
+    return p(this, Y);
+  }
+  set autoTitle(e) {
+    u(this, Y, e);
+  }
+  get model() {
+    return p(this, Q);
+  }
+  set model(e) {
+    u(this, Q, e);
+  }
+  get params() {
+    return p(this, Z);
+  }
+  set params(e) {
+    u(this, Z, e);
+  }
+  get systemMessage() {
+    return p(this, ee);
+  }
+  set systemMessage(e) {
+    u(this, ee, e);
+  }
+  get retrieval() {
+    return p(this, te);
+  }
+  set retrieval(e) {
+    u(this, te, e);
+  }
+  get metadata() {
+    return p(this, se);
+  }
+  set metadata(e) {
+    u(this, se, e);
+  }
+  get embed() {
+    return p(this, ie);
+  }
+  set embed(e) {
+    u(this, ie, e);
   }
   get position() {
-    return p(this, q);
+    return p(this, ae);
   }
   set position(e) {
-    u(this, q, e);
+    u(this, ae, e);
   }
   get sidebar() {
-    return p(this, G);
+    return p(this, re);
   }
   set sidebar(e) {
-    u(this, G, e);
+    u(this, re, e);
   }
   get showTitle() {
-    return p(this, V);
+    return p(this, oe);
   }
   set showTitle(e) {
-    u(this, V, e);
+    u(this, oe, e);
   }
   get chatIdAttr() {
-    return p(this, X);
+    return p(this, ne);
   }
   set chatIdAttr(e) {
-    u(this, X, e);
+    u(this, ne, e);
   }
   get assistantName() {
-    return p(this, Y);
+    return p(this, le);
   }
   set assistantName(e) {
-    u(this, Y, e);
+    u(this, le, e);
   }
   get logoUrl() {
-    return p(this, Q);
+    return p(this, ce);
   }
   set logoUrl(e) {
-    u(this, Q, e);
+    u(this, ce, e);
   }
   get heading() {
-    return p(this, Z);
+    return p(this, de);
   }
   set heading(e) {
-    u(this, Z, e);
+    u(this, de, e);
   }
   get description() {
-    return p(this, ee);
+    return p(this, pe);
   }
   set description(e) {
-    u(this, ee, e);
+    u(this, pe, e);
+  }
+  get eyebrow() {
+    return p(this, he);
+  }
+  set eyebrow(e) {
+    u(this, he, e);
   }
   get prompts() {
-    return p(this, te);
+    return p(this, ue);
   }
   set prompts(e) {
-    u(this, te, e);
+    u(this, ue, e);
   }
   get bubbleText() {
-    return p(this, ie);
+    return p(this, ge);
   }
   set bubbleText(e) {
-    u(this, ie, e);
+    u(this, ge, e);
   }
   get greetingBubble() {
-    return p(this, se);
+    return p(this, me);
   }
   set greetingBubble(e) {
-    u(this, se, e);
+    u(this, me, e);
   }
   get unreadBadge() {
-    return p(this, ae);
+    return p(this, fe);
   }
   set unreadBadge(e) {
-    u(this, ae, e);
+    u(this, fe, e);
   }
   get allowUpload() {
-    return p(this, re);
+    return p(this, be);
   }
   set allowUpload(e) {
-    u(this, re, e);
+    u(this, be, e);
   }
   get allowExport() {
-    return p(this, ne);
+    return p(this, xe);
   }
   set allowExport(e) {
-    u(this, ne, e);
+    u(this, xe, e);
+  }
+  get allowCopy() {
+    return p(this, ve);
+  }
+  set allowCopy(e) {
+    u(this, ve, e);
+  }
+  get allowRegenerate() {
+    return p(this, we);
+  }
+  set allowRegenerate(e) {
+    u(this, we, e);
+  }
+  get allowBookmark() {
+    return p(this, ye);
+  }
+  set allowBookmark(e) {
+    u(this, ye, e);
+  }
+  get allowDelete() {
+    return p(this, ke);
+  }
+  set allowDelete(e) {
+    u(this, ke, e);
+  }
+  get allowRename() {
+    return p(this, $e);
+  }
+  set allowRename(e) {
+    u(this, $e, e);
+  }
+  get allowFeedback() {
+    return p(this, Ce);
+  }
+  set allowFeedback(e) {
+    u(this, Ce, e);
+  }
+  get showComposer() {
+    return p(this, Te);
+  }
+  set showComposer(e) {
+    u(this, Te, e);
+  }
+  get showTime() {
+    return p(this, Se);
+  }
+  set showTime(e) {
+    u(this, Se, e);
+  }
+  get footnote() {
+    return p(this, Oe);
+  }
+  set footnote(e) {
+    u(this, Oe, e);
+  }
+  get allowRaw() {
+    return p(this, Ie);
+  }
+  set allowRaw(e) {
+    u(this, Ie, e);
   }
   get branding() {
-    return p(this, oe);
+    return p(this, Me);
   }
   set branding(e) {
-    u(this, oe, e);
+    u(this, Me, e);
+  }
+  get brandingText() {
+    return p(this, ze);
+  }
+  set brandingText(e) {
+    u(this, ze, e);
+  }
+  get brandingUrl() {
+    return p(this, _e);
+  }
+  set brandingUrl(e) {
+    u(this, _e, e);
   }
   get chatList() {
-    return p(this, le);
+    return p(this, Le);
   }
   set chatList(e) {
-    u(this, le, e);
+    u(this, Le, 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, Ae);
   }
   set chatTitle(e) {
-    u(this, pe, e);
+    u(this, Ae, e);
   }
   get bookmarked() {
-    return p(this, he);
+    return p(this, Re);
   }
   set bookmarked(e) {
-    u(this, he, e);
+    u(this, Re, e);
   }
   get msgs() {
-    return p(this, ue);
+    return p(this, Ee);
   }
   set msgs(e) {
-    u(this, ue, e);
+    u(this, Ee, e);
   }
   get loadingThread() {
-    return p(this, ge);
+    return p(this, Be);
   }
   set loadingThread(e) {
-    u(this, ge, e);
+    u(this, Be, e);
   }
   get threadError() {
-    return p(this, me);
+    return p(this, De);
   }
   set threadError(e) {
-    u(this, me, e);
+    u(this, De, e);
   }
   get busy() {
-    return p(this, be);
+    return p(this, Fe);
   }
   set busy(e) {
-    u(this, be, e);
+    u(this, Fe, e);
   }
   get draft() {
-    return p(this, fe);
+    return p(this, Ue);
   }
   set draft(e) {
-    u(this, fe, e);
+    u(this, Ue, e);
   }
   get files() {
-    return p(this, xe);
+    return p(this, Pe);
   }
   set files(e) {
-    u(this, xe, e);
+    u(this, Pe, e);
   }
   get search() {
-    return p(this, ve);
+    return p(this, Ke);
   }
   set search(e) {
-    u(this, ve, e);
+    u(this, Ke, e);
   }
   get sidebarOpen() {
-    return p(this, ye);
+    return p(this, We);
   }
   set sidebarOpen(e) {
-    u(this, ye, e);
+    u(this, We, 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, He);
   }
   set panel(e) {
-    u(this, we, e);
+    u(this, He, e);
   }
   get menuOpen() {
-    return p(this, $e);
+    return p(this, Ge);
   }
   set menuOpen(e) {
-    u(this, $e, e);
+    u(this, Ge, e);
   }
   get editingKey() {
-    return p(this, Te);
+    return p(this, qe);
   }
   set editingKey(e) {
-    u(this, Te, e);
+    u(this, qe, e);
   }
   get editDraft() {
-    return p(this, Ce);
+    return p(this, Ve);
   }
   set editDraft(e) {
-    u(this, Ce, e);
+    u(this, Ve, e);
   }
   get editingTitle() {
-    return p(this, Se);
+    return p(this, Xe);
   }
   set editingTitle(e) {
-    u(this, Se, e);
+    u(this, Xe, e);
   }
   get renamingId() {
-    return p(this, ze);
+    return p(this, Ye);
   }
   set renamingId(e) {
-    u(this, ze, e);
+    u(this, Ye, e);
   }
   get toast() {
-    return p(this, Oe);
+    return p(this, Qe);
   }
   set toast(e) {
-    u(this, Oe, e);
+    u(this, Qe, e);
   }
   get copiedKey() {
-    return p(this, Me);
+    return p(this, Ze);
   }
   set copiedKey(e) {
-    u(this, Me, e);
+    u(this, Ze, e);
   }
   get retrievalOpen() {
-    return p(this, _e);
+    return p(this, et);
   }
   set retrievalOpen(e) {
-    u(this, _e, e);
+    u(this, et, e);
+  }
+  get rawKeys() {
+    return p(this, tt);
+  }
+  set rawKeys(e) {
+    u(this, tt, e);
+  }
+  get hasSidebarContent() {
+    return p(this, st);
+  }
+  set hasSidebarContent(e) {
+    u(this, st, e);
+  }
+  get sorts() {
+    return p(this, it);
+  }
+  set sorts(e) {
+    u(this, it, e);
   }
   get arrivedKey() {
-    return p(this, Ie);
+    return p(this, at);
   }
   set arrivedKey(e) {
-    u(this, Ie, e);
+    u(this, at, e);
   }
   get dragging() {
-    return p(this, Le);
+    return p(this, rt);
   }
   set dragging(e) {
-    u(this, Le, e);
+    u(this, rt, e);
   }
   get showJump() {
-    return p(this, je);
+    return p(this, ot);
   }
   set showJump(e) {
-    u(this, je, e);
+    u(this, ot, e);
   }
   get offline() {
-    return p(this, Ae);
+    return p(this, nt);
   }
   set offline(e) {
-    u(this, Ae, e);
+    u(this, nt, e);
   }
   get isOpen() {
-    return p(this, Ee);
+    return p(this, lt);
   }
   set isOpen(e) {
-    u(this, Ee, e);
+    u(this, lt, e);
   }
   get expanded() {
-    return p(this, Ne);
+    return p(this, ct);
   }
   set expanded(e) {
-    u(this, Ne, e);
+    u(this, ct, e);
   }
   get bubble() {
-    return p(this, Be);
+    return p(this, dt);
   }
   set bubble(e) {
-    u(this, Be, e);
+    u(this, dt, e);
   }
   get seen() {
-    return p(this, De);
+    return p(this, pt);
   }
   set seen(e) {
-    u(this, De, e);
+    u(this, pt, e);
   }
   get mobile() {
-    return p(this, Re);
+    return p(this, ht);
   }
   set mobile(e) {
-    u(this, Re, e);
+    u(this, ht, e);
   }
   get msg() {
-    return Tt(this.messages);
+    return Qt(this.messages);
   }
   /** An explicit `.client`, else the page default. */
   get resolvedClient() {
-    return this.client ?? yt() ?? null;
+    return this.client ?? Ht() ?? null;
   }
   /** The open conversation's id, or null for a new chat. */
   get chatId() {
@@ -3211,18 +3743,46 @@ let d = (dt = class extends ft {
   get thread() {
     return this.msgs;
   }
+  /** `format`, falling back to the default for anything unknown. */
+  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 Mt)
+      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(Mt.map((t) => [t, e[t]]))
+    };
   }
   // ── lifecycle ─────────────────────────────────────────────
   connectedCallback() {
@@ -3238,7 +3798,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 +3808,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 >= $s;
   }
   get panelDocked() {
-    const e = this.docked && this.sidebarOpen ? Dt : 0;
-    return this.width - e >= Ut;
+    const e = this.docked && this.sidebarOpen ? ks : 0;
+    return this.width - e >= Cs;
   }
   // ── 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.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;
+    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.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;
+      At(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,14 +3881,14 @@ let d = (dt = class extends ft {
   }
   /** Downloads the open conversation, or copies it as Markdown. */
   exportChat(e = "md") {
-    var M;
+    var _;
     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";
+    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((T, $) => {
+      const j = gt(T, $ + 1);
+      return `[${j.n}] ${j.title}${j.path ? ` — ${j.path}` : ""}`;
+    }), r = (x) => (x.attachments ?? []).map((T) => T.name);
+    let l, c = "text/markdown", m = "md";
     if (e === "json" ? (l = JSON.stringify(
       {
         exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -3336,42 +3896,42 @@ let d = (dt = class extends ft {
         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}
+    ), c = "application/json", m = "json") : e === "txt" ? (l = `${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}
+`), c = "text/plain", m = "txt") : l = `# ${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((T) => `- ${T}`).join(`
 `)}` : ""
       ].filter(Boolean).join(`
 
@@ -3382,12 +3942,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(() => {
+      (_ = navigator.clipboard) == null || _.writeText(l).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)}.${m}`, S = URL.createObjectURL(new Blob([l], { type: c })), w = document.createElement("a");
+    w.href = S, w.download = C, document.body.appendChild(w), w.click(), w.remove(), setTimeout(() => URL.revokeObjectURL(S), 2e3), this.showToast(L(this.msg.exported, { name: C }));
   }
   /** Inline and launcher: fill the window. */
   expand() {
@@ -3407,7 +3967,7 @@ ${a(k).map((L) => `- ${L}`).join(`
   // ── turns ─────────────────────────────────────────────────
   userMessage(e, t = []) {
     return {
-      key: Je(),
+      key: mt(),
       id: null,
       role: "user",
       content: e,
@@ -3422,23 +3982,24 @@ ${a(k).map((L) => `- ${L}`).join(`
   systemPrompt() {
     return [
       this.systemMessage,
-      nt[this.mode] ?? nt.chat,
-      this.followups ? Ht : ""
+      jt[this.mode] ?? jt.chat,
+      zs[this.formatLevel],
+      this.followups ? _s : ""
     ].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 = us(e.content), t.system_message = this.systemPrompt()), this.model && (t.model = this.model), Object.keys(this.params ?? {}).length && (t.params = this.params);
+    const s = (e.attachments ?? []).map((a) => a.name);
+    (Object.keys(this.metadata ?? {}).length || s.length) && (t.metadata = { ...this.metadata, ...s.length ? { attachments: s } : {} });
+    const i = [...this.retrieval ?? [], ...As(e.attachments ?? [])];
+    return i.length && (t.retrieval = i), t;
   }
   async runTurn(e) {
     const t = {
-      key: Je(),
+      key: mt(),
       id: null,
       role: "assistant",
       content: "",
@@ -3449,57 +4010,79 @@ ${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 l = this.payloadFor(e);
+    if (this.beforeSend) {
+      let c;
+      try {
+        c = await this.beforeSend(l, { chatId: this.activeId, isNew: r, message: e });
+      } catch (b) {
+        c = b;
+      }
+      if (i !== this.run) return;
+      if (c === !1) {
+        this.msgs = this.msgs.filter((b) => b !== e && b !== t), this.draft = e.content, this.busy = !1, this.abort = null;
+        return;
+      }
+      if (!(!!c && typeof c == "object" && typeof c.message == "string") || !c.message.trim()) {
+        console.error(
+          "[singlebase-chat] beforeSend must return the request object (with a message) or false to cancel; the message was not sent.",
+          c
+        ), this.failTurn(t, this.msg.errGeneric, "BEFORE_SEND_INVALID"), this.busy = !1, this.abort = null;
+        return;
+      }
+      l = c;
+    }
     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,
+      const c = await s.llm.call("chat", l, { signal: a.signal }), m = (c == null ? void 0 : c._id) || (c == null ? void 0 : c.chat_id) || this.activeId;
+      if (r && m && this.upsertChat({
+        _id: m,
         title: (c == null ? void 0 : c.title) || l.title,
         bookmarked: !!(c != null && c.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,
+      }), i !== this.run) return;
+      m && (this.activeId = m), r ? (this.chatTitle = (c == null ? void 0 : c.title) || l.title, this.bookmarked = !!(c != null && c.bookmarked)) : m && this.touchChat(m);
+      const b = (c == null ? void 0 : c.message) ?? {}, C = typeof b.content == "string" ? b.content : (c == null ? void 0 : c.json) !== void 0 ? JSON.stringify(c.json, null, 2) : "", { text: S, followups: w } = Ot(C);
+      e.id = b.reply_to ?? null, Object.assign(t, {
+        id: b._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,
+        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);
+      }), this.emit("singlebase-chat-response", { chatId: m, message: t }), await this.reveal(t, i), r && m && this.autoTitle && this.retitle(m, 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));
+      if (i !== this.run) return;
+      const m = At(c);
+      m && (this.chatList = this.chatList.filter((b) => b._id !== this.activeId), this.activeId = null), this.failTurn(t, m ? this.msg.errNotFound : this.msg.errGeneric, js(c));
     } 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;
+      }, Ms), 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));
+    if (!s || Ns())
+      return i(), Promise.resolve();
+    const a = e.content, r = Math.max(4, Math.ceil(s / 90));
     let l = 0;
     return e.phase = "streaming", e.content = "", new Promise((c) => {
       this.revealTimer = setInterval(() => {
@@ -3507,8 +4090,8 @@ ${a(k).map((L) => `- ${L}`).join(`
           clearInterval(this.revealTimer), c();
           return;
         }
-        if (l = Math.min(i, l + o), e.content = a.slice(0, l), l >= i) {
-          clearInterval(this.revealTimer), s(), c();
+        if (l = Math.min(s, l + r), e.content = a.slice(0, l), l >= s) {
+          clearInterval(this.revealTimer), i(), c();
           return;
         }
         this.msgs = [...this.msgs], this.stick && this.scrollToBottom();
@@ -3520,23 +4103,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 = gs(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 +4132,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((l) => l._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 ? Ot(String(e.content ?? "")) : { text: String(e.content ?? ""), followups: [] };
     return {
-      key: Je(),
+      key: mt(),
       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
@@ -3590,11 +4173,11 @@ assistant: ${i.slice(0, 1500)}`,
     }
   }
   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];
+    const t = this.chatList.filter((i) => i._id !== e._id), s = this.chatList.find((i) => i._id === e._id);
+    this.chatList = [{ ...s, ...e }, ...t];
   }
   touchChat(e) {
-    const t = this.chatList.find((i) => i._id === e);
+    const t = this.chatList.find((s) => s._id === e);
     t && this.upsertChat({ ...t, _modified_at: (/* @__PURE__ */ new Date()).toISOString() });
   }
   // ── actions ───────────────────────────────────────────────
@@ -3602,44 +4185,48 @@ assistant: ${i.slice(0, 1500)}`,
     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;
   }
   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 +4237,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((l) => l._id === e)) == null ? void 0 : a.bookmarked) ?? (e === this.activeId ? this.bookmarked : !1), s = !t, i = (l) => {
       this.chatList = this.chatList.map(
         (c) => c._id === e ? { ...c, bookmarked: l } : c
       ), e === this.activeId && (this.bookmarked = l);
     };
-    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 +4268,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 +4296,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();
+    }, Ss);
   }
   /** Ends the current toast, committing whatever it was holding back. */
   flushToast() {
@@ -3729,26 +4316,26 @@ 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 >= zt) {
+        this.showToast(L(this.msg.tooManyFiles, { n: zt }));
         break;
       }
-      if (!Ft.test(s.name) && !s.type.startsWith("text/")) {
-        this.showToast(z(this.msg.fileType, { name: s.name }));
+      if (!Ts.test(i.name) && !i.type.startsWith("text/")) {
+        this.showToast(L(this.msg.fileType, { name: i.name }));
         continue;
       }
-      if (s.size > rt) {
+      if (i.size > _t) {
         this.showToast(
-          z(this.msg.fileTooLarge, { name: s.name, size: Ve(rt) })
+          L(this.msg.fileTooLarge, { name: i.name, size: vt(_t) })
         );
         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.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 +4373,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 +4390,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>` : f, 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 +4410,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>` : f, r = this.isOpen && (this.expanded || this.mobile) ? f : o`<button
           type="button"
           class="launcher-btn"
           part="launcher"
@@ -3833,23 +4420,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>` : f}
         </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>` : f}
+      ${this.sidebarOpen && this.sidebar !== "none" ? this.renderSidebar(e) : f}
       <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>` : f}
         <div
           class="scroller"
           role="log"
@@ -3860,64 +4447,46 @@ 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}
+              </button>` : f}
         ${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">
+        ${Gt(this.branding, this.brandingText, this.msg.brandingLabel, this.brandingUrl)}
+        ${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}
-              </div>` : m}
-        ${this.dragging ? r`<div
+                ${this.toast.undo ? o`<button type="button" @click=${this.undo}>${this.msg.undo}</button>` : f}
+              </div>` : f}
+        ${this.dragging ? o`<div
                 class="drop"
                 @dragover=${(t) => t.preventDefault()}
                 @dragleave=${this.onDragLeave}
                 @drop=${this.onDrop}
               >
                 <strong>${this.msg.dropTitle}</strong><span>${this.msg.dropSub}</span>
-              </div>` : m}
+              </div>` : f}
       </main>
       ${this.renderPanel()}
     </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(
+      (m) => !s || (m.title ?? "").toLowerCase().includes(s)
+    ), a = (m) => this.showBookmarked && !!m.bookmarked, r = (m) => i.filter((b) => !a(b) && Rs(b._modified_at ?? b._created_at) === m), l = [
+      [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 c;
+    return this.listState === "loading" && !this.chatList.length ? c = o`<div aria-label=${t.loadingChats}>
+        ${[1, 2, 3, 4].map(() => o`<div class="skeleton"></div>`)}
+      </div>` : i.length ? c = l.filter(([, m]) => m.length).map(
+      ([m, b]) => o`<div class="group">${m}</div>
+              ${b.map((C) => this.renderThreadRow(C))}`
+    ) : c = o`<span class="side-note"
+        >${s ? L(t.noMatch, { query: this.search.trim() }) : t.noChats}</span
+      >`, o`<aside
       class="sidebar ${e ? "overlay" : "docked"}"
       part="sidebar"
       aria-label=${t.chats}
@@ -3931,133 +4500,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>` : f}
+        ${this.allowSearch ? o`<input
+                class="search"
+                type="search"
+                placeholder=${t.searchChats}
+                aria-label=${t.searchChats}
+                .value=${this.search}
+                @input=${(m) => this.search = m.target.value}
+              />` : f}
+      </div>
+      <div class="threads">${c}</div>
+      <div class="side-extra ${this.hasSidebarContent ? "filled" : ""}" part="sidebar-extra">
+        <slot
+          name="sidebar"
+          @slotchange=${(m) => this.hasSidebarContent = m.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) => (l) => {
+      l.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>` : f}
+        ${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>` : f}
+        ${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>` : f}
       </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;
-    let a = m;
-    return this.showTitle && (a = this.editingTitle ? r`<input
+    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 = f;
+    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 ? f : 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>` : f}
+        ${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>` : f}
+        ${this.allowExport ? o`<div class="menu-wrap">
                 <button
                   type="button"
                   class="icon ${this.menuOpen ? "on" : ""}"
@@ -4068,38 +4653,38 @@ 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.menuOpen ? this.renderExportMenu() : f}
+              </div>` : f}
+        ${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>` : f}
+        ${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()}
-                      </button>` : m}
-                ${s ? r`<button
+                        ${this.expanded ? k.restore() : k.expand()}
+                      </button>` : f}
+                ${i ? o`<button
                         type="button"
                         class="icon"
                         title=${e.minimize}
                         aria-label=${e.minimize}
-                        @click=${s}
+                        @click=${i}
                       >
-                        ${y.minimize()}
-                      </button>` : m}` : m}
+                        ${k.minimize()}
+                      </button>` : f}` : f}
       </div>
     </header>`;
   }
@@ -4110,80 +4695,85 @@ 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 })) : (Nt[this.mode] ?? Nt.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" : "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 && It(this.logoUrl, !0) ? o`<img class="welcome-logo" src=${this.logoUrl} alt="" />` : f}
+            ${i ? o`<span class="label">${i}</span>` : f}
+            <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>` : f}
+        </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)}
                     >
                       ${this.msg.retry}
-                    </button>` : m}
-            </div>` : m}
-      ${this.loadingThread ? r`${[1, 2].map(() => r`<div class="skeleton" style="height:48px"></div>`)}` : m}
-      ${vt(
+                    </button>` : f}
+            </div>` : f}
+      ${this.loadingThread ? o`${[1, 2].map(() => o`<div class="skeleton" style="height:48px"></div>`)}` : f}
+      ${Jt(
       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>`)}
-            </div>` : m}
-      ${this.editingKey === e.key ? r`<div class="edit-box">
+    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">${Rt(a.name)}</span><span class="name">${a.name}</span></span>`)}
+            </div>` : f}
+      ${this.editingKey === e.key ? o`<div class="edit-box">
               <textarea
                 rows="3"
                 class="edit-input"
@@ -4201,11 +4791,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>` : f}
+                ${this.showTime ? o`<span class="time">${s}</span>` : f}
+                ${this.busy ? f : o`<button
                         type="button"
                         class="icon"
                         title=${t.edit}
@@ -4214,322 +4804,471 @@ 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>` : f}
+                ${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)}
-                      </button>` : m}
-                <button
-                  type="button"
-                  class="icon danger"
-                  title=${t.deleteMessage}
-                  aria-label=${t.deleteMessage}
-                  @click=${() => this.deleteMessage(e)}
-                >
-                  ${y.trash()}
-                </button>
+                        ${k.bookmark(e.bookmarked)}
+                      </button>` : f}
+                ${this.allowDelete ? o`<button
+                        type="button"
+                        class="icon danger"
+                        title=${t.deleteMessage}
+                        aria-label=${t.deleteMessage}
+                        @click=${() => this.deleteMessage(e)}
+                      >
+                        ${k.trash()}
+                      </button>` : f}
               </div>`}
     </div>`;
   }
   pillLabel() {
-    return this.mode === "rag" ? this.msg.searching : this.mode === "rich" ? this.msg.building : this.msg.thinking;
+    return this.mode === "rag" ? 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, l = Tt(e.content), c = e.sources.map((w, _) => gt(w, _ + 1)), m = l.size ? c.filter((w) => l.has(w.n)) : c, b = e.at ? new Date(e.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) : "", C = e.content + (m.length ? `
 
 Sources:
-${x.map((b) => `[${b.n}] ${b.title}`).join(`
+${m.map((w) => `[${w.n}] ${w.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">
+    return o`<div class="msg bot" part="message assistant">
+      ${i ? o`<div class="halo"></div>` : f}
+      ${this.arrivedKey === e.key ? o`<div class="arrived">
               <div class="wash"></div>
               <div class="ring"></div>
               <div class="sweep"></div>
-            </div>` : m}
+            </div>` : f}
       <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>` : f}
+        ${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">
+              </div>` : f}
+        ${this.showSources && r && !i ? o`<div class="retrieval">
                 <button
                   type="button"
                   class="retrieval-toggle"
                   aria-expanded=${S ? "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 style="flex:1">${L(s.searchedSources, { n: r })}</span>
+                  ${e.execTime !== void 0 ? o`<span class="ms">${e.execTime.toFixed(1)}s</span>` : f}
                 </button>
-                ${S ? r`<div class="retrieval-list">
+                ${S ? o`<div class="retrieval-list">
                         ${c.map(
-      (b) => r`<button
+      (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}</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">
+                      </div>` : f}
+              </div>` : f}
+        ${i ? f : this.renderAnswer(e)}
+        ${e.phase === "streaming" ? o`<span class="caret"></span>` : f}
+        ${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>
+              </div>` : f}
+        ${this.showSources && a && m.length ? o`<div class="cards">
+                <span class="label">${l.size ? s.sourcesCited : s.sourcesRetrieved}</span>
                 <div class="card-grid">
-                  ${x.map(
-      (b) => {
-        var M;
-        return r`<button
+                  ${m.map(
+      (w) => {
+        var _;
+        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 ${((_ = this.panel) == null ? void 0 : _.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>` : f}</span
                         >
-                        <span class="t">${b.title}</span>
-                        <span class="s">${b.text}</span>
+                        <span class="t">${w.title}</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
+              </div>` : f}
+        ${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>` : f}
+                ${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>` : f}
+                ${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()}
-                      </button>` : m}
-                ${e.id ? r`<button
+                        ${k.refresh()}
+                      </button>` : f}
+                ${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)}
-                      </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}
+                        ${k.bookmark(e.bookmarked)}
+                      </button>` : f}
+                ${this.allowDelete ? o`<button
+                        type="button"
+                        class="icon danger"
+                        title=${s.deleteMessage}
+                        aria-label=${s.deleteMessage}
+                        @click=${() => this.deleteMessage(e)}
+                      >
+                        ${k.trash()}
+                      </button>` : f}
+                ${this.showTime ? o`<span class="time">${b}</span>` : f}
+                ${e.stopped ? o`<span class="note">${s.stopped}</span>` : f}
                 <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>`}
-              </div>` : m}
-        ${a && t && !this.busy && e.followups.length ? r`<div class="followups">
+                ${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>` : f}
+              </div>` : f}
+        ${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}
+              </div>` : f}
       </div>
     </div>`;
   }
   renderAnswer(e) {
-    if (e.phase === "error" && !e.content) return m;
+    if (e.phase === "error" && !e.content) return f;
     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 ? f : 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" ? ls(e.content) : e.content;
+    let i = ps(is(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.length;
+    return o`<div class="answer" part="answer">
+      ${i.map((r, l) => this.renderBlock(r, e, a, l))}
     </div>`;
   }
-  renderInline(e, t, i) {
-    return Mt(e, i).map((s) => {
+  renderInline(e, t, s) {
+    return ns(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", l = L(this.msg.openSource, { n: i.n });
+          return o`<button type="button" class=${r} aria-label=${l} @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[Is[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 = bs(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 && It(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>` : f}
               </figure>`
         )}
         </div>`;
       default:
-        return m;
+        return f;
     }
   }
+  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 ? f : 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 l = (x) => /^[-+]?[$€£¥]?\s?[\d,.]+\s?%?$/.test(x.trim()) && /\d/.test(x), c = (x) => Number(x.replace(/[^\d.+-]/g, "")), m = e.map((x, T) => {
+      if (s[T]) return s[T];
+      const $ = t.map((j) => j[T] ?? "").filter(Boolean);
+      return $.length && $.filter(l).length / $.length >= 0.8 ? "right" : null;
+    }), b = this.sorts.get(r);
+    let C = t;
+    b && (C = [...t].sort((x, T) => {
+      const $ = x[b.col] ?? "", j = T[b.col] ?? "";
+      return (l($) && l(j) ? c($) - c(j) : $.localeCompare(j, void 0, { numeric: !0 })) * b.dir;
+    }));
+    const S = C.length;
+    C = C.slice(0, Os);
+    const w = (x) => {
+      const T = new Map(this.sorts), $ = T.get(r);
+      ($ == null ? void 0 : $.col) === x && $.dir === -1 ? T.delete(r) : T.set(r, { col: x, dir: ($ == null ? void 0 : $.col) === x ? -1 : 1 }), this.sorts = T;
+    }, _ = (x) => m[x] ? `text-align:${m[x]}` : "";
+    return o`<div class="table" part="table">
+      <table>
+        <thead>
+          <tr>
+            ${e.map((x, T) => {
+      const $ = (b == null ? void 0 : b.col) === T ? b.dir === 1 ? "ascending" : "descending" : "none";
+      return o`<th style=${_(T)} aria-sort=${$}>
+                ${t.length > 1 ? o`<button type="button" class="sort" @click=${() => w(T)}>
+                        ${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(
+        (T, $) => o`<td style=${_($)}>
+                      ${this.renderInline(x[$] ?? "", i, a)}
+                    </td>`
+      )}
+              </tr>`
+    )}
+        </tbody>
+      </table>
+      ${S > C.length ? o`<div class="table-note">
+              ${L(this.msg.showingRows, { n: C.length, total: S })}
+            </div>` : f}
+    </div>`;
+  }
+  renderJsonBlock(e, t, s) {
+    let i = 0;
+    const a = (l) => {
+      i++, i <= Lt && l && typeof l == "object" && Object.values(l).forEach(a);
+    };
+    if (a(e), i > Lt) return this.renderCode("json", t, s);
+    const r = (l, c, m) => {
+      const b = m === void 0 ? f : o`<span class="jkey">${m}</span>: `;
+      if (l && typeof l == "object") {
+        const S = Object.entries(l), w = Array.isArray(l) ? `[${S.length}]` : `{${S.length}}`;
+        return o`<details class="jnode" ?open=${c < 2}>
+          <summary>${b}<span class="jmeta">${w}</span></summary>
+          <div class="jkids">${S.map(([_, x]) => r(x, c + 1, _))}</div>
+        </details>`;
+      }
+      return o`<div class="jleaf">
+        ${b}<span class="jv ${l === null ? "null" : typeof l}">${JSON.stringify(l)}</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, l) => o`<span
                   ><span
                     class="swatch"
-                    style="background:${_[l % _.length]}"
+                    style="background:${N[l % N.length]}"
                   ></span
-                  >${o.name}</span
+                  >${r.name}</span
                 >`
     )}
-          </span>` : m, i = r`<div class="chart-head">
+          </span>` : f, 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)), l = Math.pow(10, Math.floor(Math.log10(r || 1))), c = Math.ceil(r / l * 2) / 2 * l || 1, m = 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>${ut(Math.round(c * b), e.unit)}</span>
                 </div>`
       )}
             <svg
@@ -4539,141 +5278,143 @@ ${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) => I`<polyline pathLength="1" stroke=${N[C % N.length]}
+                  points=${b.values.map(
+          (S, w) => `${(m > 1 ? w / (m - 1) * 600 : 300).toFixed(1)},${(170 - S / c * 170).toFixed(1)}`
         ).join(
           " "
-        )}><title>${f.name}: ${f.values.map((S) => Fe(S, e.unit)).join(", ")}</title></polyline>`
+        )}><title>${b.name}: ${b.values.map((S) => ut(S, 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, l) => e.series.reduce((c, m) => c + (m.values[l] || 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, l) => o`<div class="bar-row" title="${r}: ${ut(i[l], 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[l]) / 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)"}"
+        (c, m) => o`<span
+                        style="flex:${Math.max(0, c.values[l] || 0)};background:${e.series.length > 1 ? N[m % N.length] : "var(--c-ink)"}"
                       ></span>`
       )}
                 </span></span
               >
-              <span class="bar-value">${Fe(s[l], e.unit)}</span>
+              <span class="bar-value">${ut(i[l], e.unit)}</span>
             </div>`
     )}
       </div>
     </figure>`;
   }
   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}"
-— ${s.title} [${s.n}]${s.path ? `
-${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, x = [
-      s.updated ? `Updated ${s.updated}` : "",
-      s.score !== null ? `Relevance ${s.score.toFixed(2)}` : ""
+    if (!this.panel) return f;
+    const e = this.msgs.find((b) => b.key === this.panel.key), t = e == null ? void 0 : e.sources[this.panel.n - 1];
+    if (!e || !t) return f;
+    const s = this.msg, i = gt(t, this.panel.n), a = Tt(e.content), r = e.sources.map((b, C) => gt(b, C + 1)).filter((b) => b.n !== i.n && (!a.size || a.has(b.n))), l = `ref:${e.key}:${i.n}`, c = `"${i.text}"
+— ${i.title} [${i.n}]${i.path ? `
+${i.path}` : ""}${i.updated ? ` · Updated ${i.updated}` : ""}`, m = [
+      i.updated ? `Updated ${i.updated}` : "",
+      i.score !== null ? `Relevance ${i.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=${L(s.sourceLabel, { n: i.n })}
     >
       <div class="panel-head">
         <span class="label"
-          >${z(i.sourceLabel, { n: s.n })}${s.collection ? ` · ${s.collection}` : ""}</span
+          >${L(s.sourceLabel, { n: i.n })}${i.collection ? ` · ${i.collection}` : ""}</span
         >
         <button type="button" class="text-btn underline" @click=${() => this.panel = null}>
-          ${i.close}
+          ${s.close}
         </button>
       </div>
       <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}
+          <h3>${i.title}</h3>
+          ${i.path ? o`<span class="path">${i.path}</span>` : f}
+          ${m ? o`<span class="meta">${m}</span>` : f}
         </div>
         <div class="passage-box">
-          <span class="text">${s.text}</span>
+          <span class="text">${i.text}</span>
           <div class="passage-foot">
-            <span class="label">${i.citedPassage}</span>
+            <span class="label">${s.citedPassage}</span>
             <button
               type="button"
               class="copy-ref"
-              title=${i.copyReference}
-              aria-label=${i.copyReference}
+              title=${s.copyReference}
+              aria-label=${s.copyReference}
               @click=${() => this.copy(l, c)}
             >
-              ${y.copy()}<span>${this.copiedKey === l ? i.copied : i.copy}</span>
+              ${k.copy()}<span>${this.copiedKey === l ? s.copied : s.copy}</span>
             </button>
           </div>
         </div>
       </div>
-      ${o.length ? r`<div class="panel-foot">
-              <span class="label">${i.alsoCited}</span>
+      ${r.length ? o`<div class="panel-foot">
+              <span class="label">${s.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>
-            </div>` : m}
+            </div>` : f}
     </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 : L(e.placeholderChat, { name: this.assistantName }), s = !this.draft.trim(), i = this.footnote === "" ? f : o`<span class="footnote" part="footnote"
+            >${this.footnote ?? L(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>` : f}
           <div class="composer ${this.busy ? "busy" : ""}" part="composer">
-            ${this.files.length ? r`<div class="pending-files">
+            ${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">${Rt(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">${vt(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>
                         </div>`
     )}
-                  </div>` : m}
+                  </div>` : f}
             <textarea
               class="input"
               rows="1"
@@ -4685,242 +5426,321 @@ ${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()}
-                      </button>` : m}
+                        ${k.clip()}
+                      </button>` : f}
               </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>` : f}
         </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]);
+}, A = new WeakMap(), R = new WeakMap(), E = new WeakMap(), B = new WeakMap(), D = new WeakMap(), F = new WeakMap(), U = new WeakMap(), P = new WeakMap(), K = new WeakMap(), W = new WeakMap(), J = new WeakMap(), H = new WeakMap(), 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(), Oe = new WeakMap(), Ie = new WeakMap(), Me = new WeakMap(), ze = new WeakMap(), _e = new WeakMap(), Le = new WeakMap(), je = new WeakMap(), Ne = new WeakMap(), Ae = new WeakMap(), Re = new WeakMap(), Ee = new WeakMap(), Be = new WeakMap(), De = new WeakMap(), Fe = new WeakMap(), Ue = new WeakMap(), Pe = new WeakMap(), Ke = new WeakMap(), We = new WeakMap(), Je = new WeakMap(), He = new WeakMap(), 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(), Et);
+ws(d, "styles", [qt, Vt, Xt]);
 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({ converter: O })
 ], d.prototype, "followups", 1);
 g([
-  w({ converter: I, attribute: "auto-title" })
+  v({ converter: O, attribute: "show-sources" })
+], d.prototype, "showSources", 1);
+g([
+  v({ converter: O, attribute: "show-new-chat" })
+], d.prototype, "showNewChat", 1);
+g([
+  v({ converter: O, attribute: "show-bookmarked" })
+], d.prototype, "showBookmarked", 1);
+g([
+  v({ converter: O, attribute: "show-followups" })
+], d.prototype, "showFollowups", 1);
+g([
+  v({ converter: O, attribute: "allow-search" })
+], d.prototype, "allowSearch", 1);
+g([
+  v({ converter: O, attribute: "auto-title" })
 ], d.prototype, "autoTitle", 1);
 g([
-  w()
+  v()
 ], d.prototype, "model", 1);
 g([
-  w({ converter: We })
+  v({ converter: ft })
 ], d.prototype, "params", 1);
 g([
-  w({ attribute: "system-message" })
+  v({ attribute: "system-message" })
 ], d.prototype, "systemMessage", 1);
 g([
-  w({ converter: We })
+  v({ converter: ft })
 ], d.prototype, "retrieval", 1);
 g([
-  w({ converter: We })
+  v({ converter: ft })
 ], 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: ys })
 ], d.prototype, "sidebar", 1);
 g([
-  w({ converter: I, attribute: "show-title" })
+  v({ converter: O, 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: O, attribute: "allow-upload" })
 ], d.prototype, "allowUpload", 1);
 g([
-  w({ converter: I, attribute: "allow-export" })
+  v({ converter: O, attribute: "allow-export" })
 ], d.prototype, "allowExport", 1);
 g([
-  w({ converter: I })
-], d.prototype, "branding", 1);
+  v({ converter: O, attribute: "allow-copy" })
+], d.prototype, "allowCopy", 1);
+g([
+  v({ converter: O, attribute: "allow-regenerate" })
+], d.prototype, "allowRegenerate", 1);
+g([
+  v({ converter: O, attribute: "allow-bookmark" })
+], d.prototype, "allowBookmark", 1);
+g([
+  v({ converter: O, attribute: "allow-delete" })
+], d.prototype, "allowDelete", 1);
+g([
+  v({ converter: O, attribute: "allow-rename" })
+], d.prototype, "allowRename", 1);
+g([
+  v({ converter: O, attribute: "allow-feedback" })
+], d.prototype, "allowFeedback", 1);
+g([
+  v({ converter: O, attribute: "show-composer" })
+], d.prototype, "showComposer", 1);
+g([
+  v({ converter: O, 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: O })
+], d.prototype, "branding", 1);
+g([
+  v({ attribute: "branding-text" })
+], d.prototype, "brandingText", 1);
+g([
+  v({ attribute: "branding-url" })
+], d.prototype, "brandingUrl", 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, "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")
+  Wt("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
+  ps as a,
+  gt as b,
+  Tt as c,
+  Yt as d,
+  is as e,
+  Ot as f,
+  bs as g,
+  ns as p,
+  Qt as r,
+  ls as s
 };
-//# sourceMappingURL=chat-bXaRWel7.js.map
+//# sourceMappingURL=chat-CEh6RygY.js.map