@singlebase/elements 0.6.0 → 0.7.0

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

@@ -1,15 +1,15 @@
-var Ft = Object.defineProperty;
-var bt = (n) => {
+var Ut = Object.defineProperty;
+var wt = (n) => {
   throw TypeError(n);
 };
-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";
+var Wt = (n, e, t) => e in n ? Ut(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var M = (n, e, t) => Wt(n, typeof e != "symbol" ? e + "" : e, t), yt = (n, e, t) => e.has(n) || wt("Cannot " + t);
+var p = (n, e, t) => (yt(n, e, "read from private field"), t ? t.call(n) : e.get(n)), h = (n, e, t) => e.has(n) ? wt("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), u = (n, e, t, s) => (yt(n, e, "write to private field"), s ? s.call(n, t) : e.set(n, t), t);
+import { css as Ht, LitElement as Jt, html as o, nothing as m, svg as O } from "lit";
+import { property as v, state as y, customElement as Gt } from "lit/decorators.js";
+import { repeat as qt } from "lit/directives/repeat.js";
+import { getDefaultClient as Vt } from "@singlebase/core";
+import { a as _, e as kt, j as Xt, t as Yt, b as Qt } from "./files-DS-H-3yN.js";
 if (typeof CSS < "u" && "registerProperty" in CSS)
   try {
     CSS.registerProperty({
@@ -20,7 +20,7 @@ if (typeof CSS < "u" && "registerProperty" in CSS)
     });
   } catch {
   }
-const Xt = Pt`
+const Zt = Ht`
   :host {
     --c-ink: var(--sb-ink, #16181a);
     --c-ink2: var(--sb-ink-2, #41464b);
@@ -2056,6 +2056,11 @@ const Xt = Pt`
     min-width: 0;
   }
 
+  .pending-file.kept {
+    background: var(--c-bg);
+    border-style: dashed;
+  }
+
   .pending-file .name {
     max-width: 160px;
     overflow: hidden;
@@ -2451,20 +2456,27 @@ const Xt = Pt`
       height: auto;
     }
   }
-`, Yt = {
+`, es = {
   eyebrowChat: "Chat",
   eyebrowRag: "Grounded answers",
   headingChat: "What can I help with?",
   headingRag: "Ask your knowledge base",
   descriptionChat: "Ask anything. Attach text files to give it more context.",
   descriptionRag: "Answers are grounded in your sources, with a citation for every claim. Attach text files to search them too.",
+  eyebrowKb: "Knowledge base",
+  headingKb: "Ask the knowledge base",
+  descriptionKb: "Answers come only from the knowledge base, with a citation for every claim.",
   placeholderChat: "Message {name}…",
   placeholderRag: "Ask about your sources…",
+  placeholderKb: "Ask the knowledge base…",
   footnote: "{name} can make mistakes. Check important details.",
   attach: "Attach files",
   send: "Send message",
   stop: "Stop generating",
   removeFile: "Remove file",
+  inThisChat: "In this chat",
+  removeFromChat: "Remove from this chat",
+  attachmentFailed: "Couldn't read {name}.",
   dropTitle: "Drop files to attach",
   dropSub: "Text, Markdown, CSV and JSON files are added as context.",
   thinking: "Thinking",
@@ -2548,6 +2560,7 @@ const Xt = Pt`
   tooManyFiles: "Attach up to {n} files at a time.",
   errGeneric: "Something went wrong.",
   errNotFound: "This chat no longer exists. Retry to start a new one.",
+  errKbSource: "No knowledge base is set up for this chat.",
   errNoClient: "Chat isn't connected. Create a SinglebaseClient() on this page.",
   errLoad: "Couldn't load this chat.",
   retry: "Retry",
@@ -2555,36 +2568,35 @@ const Xt = Pt`
   bubbleText: "Hi! Questions? Ask me here.",
   openChat: "Open chat",
   closeChat: "Close chat",
-  dismiss: "Dismiss",
-  brandingLabel: "Chat by Singlebase"
+  dismiss: "Dismiss"
 };
-function Qt(n) {
-  return { ...Yt, ...n ?? {} };
+function ts(n) {
+  return { ...es, ...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 ss = /^\|.*\|$/, $t = /^\|[\s:|-]+\|$/, Ct = /^!\[([^\]]*)\]\(([^)]*)\)$/, Tt = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, St = /^\[( |x|X)\]\s+/, is = /^(-{3,}|\*{3,}|_{3,})$/, as = /^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]\s*(.*)$/i, rs = ["note", "tip", "important", "warning", "caution"];
+function os(n) {
   const e = [], t = (n ?? "").replace(/\r/g, "").split("```");
   return t.forEach((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));
+`), r = (a > -1 ? s.slice(0, a) : s).trim(), c = (a > -1 ? s.slice(a + 1) : "").replace(/\n$/, "");
+      e.push(ns(r, c, i === t.length - 1));
       return;
     }
     for (const a of s.split(/\n{2,}/))
-      a.trim() && e.push(...Bt(a));
+      a.trim() && e.push(...Kt(a));
   }), e;
 }
-function as(n, e, t) {
+function ns(n, e, t) {
   const [s = "", ...i] = n.split(/\s+/), a = s.toLowerCase();
   if (a === "chart") {
-    const r = t ? null : os(e);
+    const r = t ? null : cs(e);
     return r ? { type: "chart", spec: r } : { type: "pending", kind: "chart" };
   }
   if (a === "svg")
     return t || !/<svg[\s>]/i.test(e) ? { type: "pending", kind: "svg" } : { type: "svg", source: e.trim() };
   if (!t && (a === "csv" || a === "tsv")) {
-    const r = rs(e, a === "tsv" ? "	" : ",");
+    const r = ls(e, a === "tsv" ? "	" : ",");
     if (r.length > 1)
       return { type: "table", head: r[0], rows: r.slice(1), align: r[0].map(() => null) };
   }
@@ -2594,40 +2606,40 @@ function as(n, e, t) {
     } catch {
     }
   if (a === "callout") {
-    const r = (i[0] ?? "").toLowerCase(), l = ss.includes(r);
+    const r = (i[0] ?? "").toLowerCase(), c = rs.includes(r);
     return {
       type: "callout",
-      kind: l ? r : "note",
-      title: (l ? i.slice(1) : i).join(" "),
+      kind: c ? r : "note",
+      title: (c ? i.slice(1) : i).join(" "),
       text: e.trim()
     };
   }
   return { type: "code", lang: a || "code", text: e };
 }
-function Bt(n) {
+function Kt(n) {
   const e = n.split(`
 `).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] ?? [];
+  if (t.length > 1 && t.every((i) => ss.test(i))) {
+    const i = (f) => f.replace(/^\||\|$/g, "").split("|").map((b) => b.trim()), a = t.findIndex((f) => $t.test(f)), r = a > -1 ? i(t[a]).map(
+      (f) => /^:-+:$/.test(f) ? "center" : /^-+:$/.test(f) ? "right" : /^:-+$/.test(f) ? "left" : null
+    ) : [], c = t.filter((f) => !$t.test(f)).map(i), l = c[0] ?? [];
     return [
-      { type: "table", head: c, rows: l.slice(1), align: c.map((m, b) => r[b] ?? null) }
+      { type: "table", head: l, rows: c.slice(1), align: l.map((f, b) => r[b] ?? null) }
     ];
   }
-  if (t.length === 1 && es.test(t[0])) return [{ type: "hr" }];
-  if (t.every((i) => yt.test(i)))
+  if (t.length === 1 && is.test(t[0])) return [{ type: "hr" }];
+  if (t.every((i) => Ct.test(i)))
     return [
       {
         type: "img",
         images: t.map((i) => {
-          const a = i.match(yt);
+          const a = i.match(Ct);
           return { alt: a[1], src: a[2] };
         })
       }
     ];
   if (t.every((i) => i.startsWith(">"))) {
-    const i = t.map((r) => r.replace(/^>\s?/, "")), a = i[0].match(ts);
+    const i = t.map((r) => r.replace(/^>\s?/, "")), a = i[0].match(as);
     return a ? [
       {
         type: "callout",
@@ -2638,16 +2650,16 @@ function Bt(n) {
       }
     ] : [{ type: "quote", text: i.join(" ") }];
   }
-  if (kt.test(e[0])) {
+  if (Tt.test(e[0])) {
     const i = [];
     for (const a of e) {
-      const r = a.match(kt);
+      const r = a.match(Tt);
       if (r) {
-        const l = r[3].match($t);
+        const c = r[3].match(St);
         i.push({
-          text: l ? r[3].replace($t, "") : r[3],
+          text: c ? r[3].replace(St, "") : r[3],
           depth: Math.min(3, Math.floor(r[1].replace(/\t/g, "  ").length / 2)),
-          checked: l ? l[1] !== " " : null
+          checked: c ? c[1] !== " " : null
         });
       } else
         i[i.length - 1].text += ` ${a.trim()}`;
@@ -2660,26 +2672,26 @@ function Bt(n) {
 `);
     return [
       { type: "h", level: s[1].length, text: s[2] },
-      ...i ? Bt(i) : []
+      ...i ? Kt(i) : []
     ];
   }
   return [{ type: "p", text: t.join(" ") }];
 }
-function rs(n, e = ",") {
-  var c;
+function ls(n, e = ",") {
+  var l;
   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 === `
+  for (let f = 0; f < r.length; f++) {
+    const b = r[f];
+    a ? b === '"' && r[f + 1] === '"' ? (i += '"', f++) : b === '"' ? a = !1 : i += b : b === '"' && i === "" ? a = !0 : b === e ? (s.push(i.trim()), i = "") : b === `
 ` ? (s.push(i.trim()), s.some(Boolean) && t.push(s), s = [], i = "") : i += b;
   }
   s.push(i.trim()), s.some(Boolean) && t.push(s);
-  const l = ((c = t[0]) == null ? void 0 : c.length) ?? 0;
-  return t.map((m) => m.length < l ? [...m, ...Array(l - m.length).fill("")] : m);
+  const c = ((l = t[0]) == null ? void 0 : l.length) ?? 0;
+  return t.map((f) => f.length < c ? [...f, ...Array(c - f.length).fill("")] : f);
 }
-function os(n) {
+function cs(n) {
   let e;
   try {
     e = JSON.parse(n);
@@ -2701,7 +2713,7 @@ function os(n) {
     series: t
   };
 }
-const Ct = new RegExp(
+const It = new RegExp(
   [
     /\*\*([^*]+)\*\*/.source,
     // 1 bold
@@ -2722,16 +2734,16 @@ const Ct = new RegExp(
   ].join("|"),
   "g"
 );
-function ns(n, e = 0) {
+function ds(n, e = 0) {
   const t = [];
   let s = 0, i;
-  Ct.lastIndex = 0;
+  It.lastIndex = 0;
   const a = (r) => {
     if (!r) return;
-    const l = t[t.length - 1];
-    (l == null ? void 0 : l.type) === "text" ? l.text += r : t.push({ type: "text", text: r });
+    const c = t[t.length - 1];
+    (c == null ? void 0 : c.type) === "text" ? c.text += r : t.push({ type: "text", text: r });
   };
-  for (; i = Ct.exec(n); ) {
+  for (; i = It.exec(n); ) {
     if (a(n.slice(s, i.index)), i[1] !== void 0) t.push({ type: "bold", text: i[1] });
     else if (i[2] !== void 0) t.push({ type: "strike", text: i[2] });
     else if (i[3] !== void 0) t.push({ type: "code", text: i[3] });
@@ -2740,14 +2752,14 @@ function ns(n, e = 0) {
     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 = 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]);
+      const c = i[9].split(",").map((l) => Number(l.trim())).filter((l) => l >= 1 && l <= e);
+      e ? c.forEach((l) => t.push({ type: "cite", n: l })) : a(i[0]);
     }
     s = i.index + i[0].length;
   }
   return a(n.slice(s)), t;
 }
-function ls(n) {
+function ps(n) {
   if (((n ?? "").match(/```/g) ?? []).length % 2 === 1) return n;
   const e = n.lastIndexOf(`
 
@@ -2759,18 +2771,18 @@ function ls(n) {
 `), 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);
+      const l = s.lastIndexOf(r);
+      s = s.slice(0, l) + s.slice(l + r.length);
     }
   return t + s;
 }
-function Tt(n) {
+function Ot(n) {
   const e = /* @__PURE__ */ new Set();
   for (const t of (n ?? "").match(/\[(\d+(?:\s*,\s*\d+)*)\]/g) ?? [])
     t.replace(/[[\]]/g, "").split(",").forEach((s) => e.add(Number(s.trim())));
   return e;
 }
-function cs(n) {
+function hs(n) {
   return [
     ["", ...n.series.map((e) => e.name)],
     ...n.labels.map((e, t) => [
@@ -2779,24 +2791,24 @@ function cs(n) {
     ])
   ];
 }
-const St = (n) => n.map((e) => e.join("  ·  ")).join(`
-`), ds = {
+const Mt = (n) => n.map((e) => e.join("  ·  ")).join(`
+`), us = {
   note: "Note",
   tip: "Tip",
   important: "Important",
   warning: "Warning",
   caution: "Caution"
 };
-function ps(n, e) {
+function gs(n, e) {
   if (e === "rich") return n;
   const t = e === "plain";
   return n.map((s) => {
     switch (s.type) {
       case "chart": {
-        const [i, ...a] = cs(s.spec);
+        const [i, ...a] = hs(s.spec);
         return t ? {
           type: "raw",
-          text: [s.spec.title, St([i, ...a])].filter(Boolean).join(`
+          text: [s.spec.title, Mt([i, ...a])].filter(Boolean).join(`
 `)
         } : {
           type: "table",
@@ -2810,7 +2822,7 @@ function ps(n, e) {
       case "callout":
         return {
           type: "quote",
-          text: `**${s.title || ds[s.kind]}** ${s.text}`.trim()
+          text: `**${s.title || us[s.kind]}** ${s.text}`.trim()
         };
       case "img":
         return {
@@ -2818,7 +2830,7 @@ function ps(n, e) {
           text: s.images.map((i) => `Image: ${i.alt || "untitled"}`).join(" · ")
         };
       case "table":
-        return t ? { type: "raw", text: St([s.head, ...s.rows]) } : s;
+        return t ? { type: "raw", text: Mt([s.head, ...s.rows]) } : s;
       case "json":
         return t ? { type: "code", lang: "json", text: s.source } : s;
       case "svg":
@@ -2828,32 +2840,32 @@ function ps(n, e) {
     }
   });
 }
-function Ot(n) {
+function zt(n) {
   const e = n ?? "", t = e.search(/FOLLOWUPS:/i);
   if (t < 0) return { text: e.trim(), followups: [] };
   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 hs(n) {
+function ms(n) {
   return (n ?? "").replace(
     /```(\w*)[\s\S]*?(```|$)/g,
     (e, t) => t === "chart" ? "[Chart] " : t === "svg" ? "[Drawing] " : "[Code] "
   ).replace(/!\[([^\]]*)\]\([^)]*\)/g, "[Image: $1]").replace(/\[([^\]]+)\]\((https?:\/\/[^)\s]+)\)/g, "$1").replace(/\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]/gi, "").replace(/[*#>`~]/g, "").replace(/\|/g, " ").replace(/\s?\[\d+(?:\s*,\s*\d+)*\]/g, "").replace(/\s+/g, " ").trim();
 }
-function us(n, e = 48) {
-  const t = hs(n);
+function fs(n, e = 48) {
+  const t = ms(n);
   if (t.length <= e) return t;
   const s = t.slice(0, e), i = s.lastIndexOf(" ");
   return (i > e / 2 ? s.slice(0, i) : s).trim();
 }
-function gs(n) {
+function bs(n) {
   return String(n ?? "").split(`
 `)[0].trim().replace(/^["'“”‘’]+|["'“”‘’]+$/g, "").replace(/^title:\s*/i, "").replace(/[.!?:;,]+$/, "").trim().slice(0, 80);
 }
-function It(n, e = !1) {
+function _t(n, e = !1) {
   return /^https?:\/\//i.test(n) ? !0 : e && /^(blob:|data:image\/)/i.test(n);
 }
-const ms = 2e5, fs = /* @__PURE__ */ new Set([
+const xs = 2e5, vs = /* @__PURE__ */ new Set([
   "script",
   "foreignobject",
   "iframe",
@@ -2869,23 +2881,23 @@ const ms = 2e5, fs = /* @__PURE__ */ new Set([
   "handler",
   "listener"
 ]);
-function bs(n) {
-  if (!n || n.length > ms || typeof DOMParser > "u") return null;
+function ws(n) {
+  if (!n || n.length > xs || typeof DOMParser > "u") return null;
   const e = new DOMParser().parseFromString(n, "image/svg+xml"), t = e.documentElement;
   if (!t || t.nodeName.toLowerCase() !== "svg" || e.querySelector("parsererror"))
     return null;
   const s = (a) => {
     for (const r of Array.from(a.children)) {
-      const 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));
+      const c = r.nodeName.toLowerCase();
+      if (vs.has(c)) r.remove();
+      else if (c === "a") {
+        const l = Array.from(r.childNodes);
+        r.replaceWith(...l), l.forEach((f) => f instanceof Element && s(f));
       } else s(r);
     }
     for (const r of Array.from(a.attributes)) {
-      const 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);
+      const c = r.name.toLowerCase(), l = r.value.trim().toLowerCase(), f = (c === "href" || c.endsWith(":href")) && !l.startsWith("#"), b = l.includes("javascript:") || /url\(\s*['"]?(?!#)/.test(l);
+      (c.startsWith("on") || f || b) && a.removeAttribute(r.name);
     }
   };
   s(t);
@@ -2895,12 +2907,12 @@ function bs(n) {
   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--)
+var Pt = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, ks = (n, e, t) => e in n ? Pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, g = (n, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? ys(e, t) : e, a = n.length - 1, r; a >= 0; a--)
     (r = n[a]) && (i = (s ? r(e, t, i) : r(i)) || i);
-  return s && i && Dt(e, t, i), i;
-}, ws = (n, e, t) => vs(n, e + "", t);
-const Mt = [
+  return s && i && Pt(e, t, i), i;
+}, $s = (n, e, t) => ks(n, e + "", t);
+const Lt = [
   "embed",
   "mode",
   "format",
@@ -2932,10 +2944,11 @@ const Mt = [
   "showTime",
   "showComposer",
   "footnote",
-  "brandingText",
-  "brandingUrl",
   "branding",
   "followups",
+  "docsets",
+  "attachmentsMode",
+  "saveAttachments",
   "showFollowups",
   "showSources",
   "showNewChat",
@@ -2950,7 +2963,7 @@ const Mt = [
   "messages",
   "theme",
   "radius"
-], ft = {
+], vt = {
   fromAttribute: (n) => {
     if (n)
       try {
@@ -2961,32 +2974,33 @@ const Mt = [
       }
   },
   toAttribute: (n) => JSON.stringify(n ?? null)
-}, O = {
+}, I = {
   fromAttribute: (n) => n === null ? !0 : n !== "false",
   toAttribute: (n) => n ? null : "false"
-}, ys = {
+}, Cs = {
   fromAttribute: (n) => n === null ? "auto" : n === "" || n === "true" ? "open" : n === "false" ? "closed" : ["auto", "open", "closed", "none"].includes(n) ? n : "auto",
   toAttribute: (n) => n === "auto" ? null : n
-}, 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 = {
+}, Ts = 272, Ss = 820, Is = 940, At = 5, jt = 512 * 1024, Os = /\.(md|markdown|txt|csv|tsv|json|html?|ya?ml|xml|log)$/i, Ms = 5e3, zs = 200, Nt = 2e3, _s = {
   note: "calloutNote",
   tip: "calloutTip",
   important: "calloutImportant",
   warning: "calloutWarning",
   caution: "calloutCaution"
-}, Ms = 2600, N = [
+}, Ls = 2600, j = [
   "var(--c-ink)",
   "oklch(0.58 0.13 255)",
   "oklch(0.63 0.1 175)",
   "oklch(0.74 0.12 70)"
-], jt = {
+], Rt = {
   chat: "Be helpful and concise. Use Markdown when it helps: headings, lists, **bold**, code blocks and tables.",
-  rag: "Answer ONLY from the sources provided with each message, numbered in the order given. Put a citation like [1] right after each claim it supports. If the sources don't cover the question, say so plainly."
-}, zs = {
+  rag: "Prefer the sources provided with each message, numbered in the order given, and put a citation like [1] right after each claim they support. If they don't cover the question, you may answer from general knowledge, but say clearly that it isn't from the sources.",
+  kb: "Answer ONLY from the sources provided with each message, numbered in the order given. Put a citation like [1] right after each claim. Do not use outside knowledge. If the sources don't contain the answer, say that you can't find it in the available sources."
+}, As = {
   raw: "Reply in plain text. Don't use Markdown or any other markup.",
   plain: "Format with light Markdown only: short paragraphs, lists, **bold**, *italics*, `inline code`, code blocks and links. Don't use tables, charts, callouts, images or other special blocks.",
   advanced: `You can use Markdown: headings, lists, task lists, **bold**, *italics*, links, code blocks and pipe tables. For data, use a fenced "csv" block or a fenced "json" block. For a diagram or illustration, write a self-contained fenced "svg" block with a viewBox, and no scripts, links or external images. Don't use charts, callouts or images.`,
   rich: 'When the answer is about data, lead with one sentence stating the key finding, with key numbers in **bold**, then show the data visually. You can use Markdown: headings, lists, task lists, **bold**, *italics*, links, code blocks and pipe tables. For data, use a fenced "csv" block or a fenced "json" block. For a diagram or illustration, write a self-contained fenced "svg" block with a viewBox, and no scripts, links or external images. For trends and comparisons, use a fenced "chart" block containing only JSON: {"type":"bar"|"line","title":string,"unit":string,"labels":[string],"series":[{"name":string,"values":[number]}]}. For notes and warnings, use callouts: a quote starting with [!NOTE], [!TIP], [!IMPORTANT], [!WARNING] or [!CAUTION]. Images use ![alt](https://…).'
-}, _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 = {
+}, js = "After the answer, on a final line write FOLLOWUPS: followed by three short follow-up questions the user might ask next, separated by |.", Et = {
   chat: [
     ["Write", "Draft a short welcome email for new users"],
     ["Explain", "Explain how refresh tokens work, simply"],
@@ -2998,21 +3012,27 @@ const Mt = [
     ["Summarize", "Summarize the most important points"],
     ["Find", "Where is the refund policy described?"],
     ["Explain", "Explain the setup steps in plain language"]
+  ],
+  kb: [
+    ["Find", "Where is the refund policy described?"],
+    ["How to", "How do I reset my password?"],
+    ["Limits", "What are the plan limits?"],
+    ["Policy", "What happens when my account is deleted?"]
   ]
 }, 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>`
+    O`<rect x="2" y="2.5" width="12" height="11" rx="1.5"></rect><path d="M6 2.5v11"></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>`),
+  plus: () => z(O`<path d="M8 3v10M3 8h10"></path>`),
+  bookmark: (n = !1) => z(O`<path d="M4.5 2.5h7v11L8 11l-3.5 2.5z"></path>`, n ? "filled" : ""),
+  download: () => z(O`<path d="M8 2.5v8M4.5 7.5L8 11l3.5-3.5M2.5 13.5h11"></path>`),
+  trash: () => z(O`<path d="M2.5 4.5h11M6.5 4.5v-2h3v2M4 4.5l.7 9h6.6l.7-9"></path>`),
+  pencil: () => z(O`<path d="M10.5 2.5l3 3L6 13H3v-3z"></path>`),
   copy: () => z(
-    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>`
+    O`<rect x="5.5" y="5.5" width="8" height="8" rx="1.5"></rect><path d="M10.5 5.5v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2"></path>`
   ),
-  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>`),
+  raw: () => z(O`<path d="M5.5 4.5L2 8l3.5 3.5M10.5 4.5L14 8l-3.5 3.5"></path>`),
+  refresh: () => z(O`<path d="M13.5 8A5.5 5.5 0 1 1 11.9 4.1M13.5 2v3.5H10"></path>`),
   thumb: (n = !1) => o`<svg
       class="i"
       viewBox="0 0 16 16"
@@ -3023,15 +3043,15 @@ const Mt = [
         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: () => 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>`),
+  expand: () => z(O`<path d="M9.5 2.5h4v4M13.5 2.5L9 7M6.5 13.5h-4v-4M2.5 13.5L7 9"></path>`),
+  restore: () => z(O`<path d="M13.5 6.5h-4v-4M9.5 6.5l4-4M2.5 9.5h4v4M6.5 9.5l-4 4"></path>`),
+  minimize: () => z(O`<path d="M4 8h8"></path>`),
+  close: () => z(O`<path d="M4 4l8 8M12 4l-8 8"></path>`),
   clip: () => z(
-    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>`
+    O`<path d="M13 7.5l-5.3 5.3a3 3 0 0 1-4.3-4.3L9 2.9a2 2 0 0 1 2.9 2.9L6.4 11.3a1 1 0 0 1-1.4-1.4L10 5"></path>`
   ),
-  up: () => 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>`),
+  up: () => z(O`<path d="M8 13V3M3.5 7.5L8 3l4.5 4.5"></path>`),
+  stop: () => z(O`<rect x="4.5" y="4.5" width="7" height="7" rx="1"></rect>`),
   chat: () => o`<svg
       width="22"
       height="22"
@@ -3053,34 +3073,45 @@ const Mt = [
       <path d="M5 8l5 5 5-5"></path>
     </svg>`
 };
-let Ls = 0;
-const mt = () => `m${Date.now().toString(36)}${(Ls++).toString(36)}`;
-function At(n) {
+let Ns = 0;
+const bt = () => `m${Date.now().toString(36)}${(Ns++).toString(36)}`;
+function Bt(n) {
   var t;
   const e = n;
   return (e == null ? void 0 : e.message) === "NOT_FOUND" || (e == null ? void 0 : e.code) === "NOT_FOUND" || ((t = e == null ? void 0 : e.details) == null ? void 0 : t.status) === 404;
 }
-function js(n) {
+function Rs(n) {
   const e = n;
   return (e == null ? void 0 : e.code) || (e == null ? void 0 : e.message) || "UNKNOWN";
 }
-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 Es = () => typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, mt = (n, e) => (Number.isInteger(n) ? n.toLocaleString("en-US") : n.toFixed(1)) + e, xt = (n) => {
   const e = n.lastIndexOf(".");
   return e > 0 ? n.slice(e + 1, e + 5).toUpperCase() : "FILE";
 };
-function 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");
+function ft(n, e) {
+  const t = n ?? {}, s = t.metadata && typeof t.metadata == "object" ? t.metadata : {}, i = (...l) => l.find((f) => typeof f == "string" && f.trim()), a = i(t.content, t.text, t.page_content, t.body, t.snippet, t.chunk, s.content) ?? JSON.stringify(t, null, 2), r = [t.score, t.relevance, t._score, s.score].find((l) => typeof l == "number"), c = typeof t.n == "number" && t.n > 0 ? t.n : e;
   return {
-    n: e,
-    title: 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) ?? "",
+    n: c,
+    title: i(t.title, t.name, t.filename, s.title, s.name) ?? `Source ${c}`,
+    section: i(t.section, t.heading, s.section) ?? "",
+    path: i(t.path, t.url, t.key, s.path, s.url) ?? "",
     collection: i(t.collection, t.namespace, t.dbname, s.collection) ?? "",
     updated: i(t.updated, t._modified_at, s.updated) ?? "",
     text: a,
     score: r === void 0 ? null : Math.max(0, Math.min(1, r))
   };
 }
-function As(n) {
+function Dt(n) {
+  return Array.isArray(n) ? n.filter((e) => e && typeof e == "object" && (e._id || e.id)).filter((e) => e.saved !== !1 && e.status !== "failed").map((e) => ({
+    id: String(e._id ?? e.id),
+    name: String(e.name ?? "file"),
+    type: e.type,
+    mime: e.mime,
+    size: typeof e.size == "number" ? e.size : void 0,
+    status: e.status
+  })) : [];
+}
+function Bs(n) {
   const e = [], t = [];
   for (const s of n)
     if (/\.csv$/i.test(s.name)) e.push({ type: "csv", data: s.content });
@@ -3093,7 +3124,7 @@ function As(n) {
     else t.push({ title: s.name, content: s.content });
   return t.length && e.push({ type: "docs", payload: { documents: t } }), e;
 }
-function Rs(n) {
+function Ds(n) {
   const e = n ? Date.parse(n) : NaN;
   if (Number.isNaN(e)) return "older";
   const t = /* @__PURE__ */ new Date();
@@ -3101,49 +3132,49 @@ function Rs(n) {
   const s = 864e5;
   return e >= t.getTime() ? "today" : e >= t.getTime() - s ? "yesterday" : e >= t.getTime() - 7 * s ? "week" : "older";
 }
-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 {
+var N, R, E, B, D, F, K, P, U, W, H, J, G, q, V, X, Y, Q, Z, ee, te, se, ie, ae, re, oe, ne, le, ce, de, pe, he, ue, ge, me, fe, be, xe, ve, we, ye, ke, $e, Ce, Te, Se, Ie, Oe, Me, ze, _e, Le, Ae, je, Ne, Re, Ee, Be, De, Fe, Ke, Pe, Ue, We, He, Je, Ge, qe, Ve, Xe, Ye, Qe, Ze, et, tt, st, it, at, rt, ot, nt, lt, ct, dt, pt, ht, ut, gt, Ft;
+let d = (Ft = class extends Jt {
   constructor() {
     super(...arguments);
-    h(this, A, null);
+    h(this, N, null);
     h(this, R, {});
     h(this, E);
     h(this, B);
     h(this, D, "chat");
     h(this, F, "advanced");
-    h(this, U, {});
+    h(this, K, {});
     h(this, P, null);
-    h(this, K, null);
+    h(this, U, null);
     h(this, W, "subtle");
-    h(this, J, !0);
-    h(this, H, !0);
+    h(this, H, "");
+    h(this, J, "retrieval");
     h(this, G, !0);
     h(this, q, !0);
     h(this, V, !0);
     h(this, X, !0);
     h(this, Y, !0);
-    h(this, Q, "");
-    h(this, Z, {});
-    h(this, ee, "");
-    h(this, te, []);
+    h(this, Q, !0);
+    h(this, Z, !0);
+    h(this, ee, !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, ne, "");
-    h(this, le, "Assistant");
-    h(this, ce, "");
+    h(this, ie, "");
+    h(this, ae, []);
+    h(this, re, {});
+    h(this, oe, "page");
+    h(this, ne, "right");
+    h(this, le, "auto");
+    h(this, ce, !0);
     h(this, de, "");
-    h(this, pe, "");
-    h(this, he);
+    h(this, pe, "Assistant");
+    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, me);
+    h(this, fe, "");
+    h(this, be, "");
+    h(this, xe, !1);
+    h(this, ve, !1);
     h(this, we, !0);
     h(this, ye, !0);
     h(this, ke, !0);
@@ -3151,46 +3182,48 @@ let d = (Et = class extends Kt {
     h(this, Ce, !0);
     h(this, Te, !0);
     h(this, Se, !0);
-    h(this, Oe);
-    h(this, Ie, !1);
+    h(this, Ie, !0);
+    h(this, Oe, !0);
     h(this, Me, !0);
-    h(this, ze, "");
-    h(this, _e, "");
-    h(this, Le, []);
+    h(this, ze);
+    h(this, _e, !1);
+    h(this, Le, !0);
+    h(this, Ae, []);
     h(this, je, "idle");
     h(this, Ne, null);
-    h(this, Ae, "");
-    h(this, Re, !1);
-    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, Re, "");
+    h(this, Ee, !1);
+    h(this, Be, []);
+    h(this, De, !1);
+    h(this, Fe, "");
+    h(this, Ke, !1);
+    h(this, Pe, "");
+    h(this, Ue, []);
+    h(this, We, "");
     h(this, He, null);
-    h(this, Ge, !1);
-    h(this, qe, "");
+    h(this, Je, 0);
+    h(this, Ge, null);
+    h(this, qe, !1);
     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, Xe, "");
+    h(this, Ye, !1);
+    h(this, Qe, "");
+    h(this, Ze, null);
+    h(this, et, "");
     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, st, /* @__PURE__ */ new Set());
+    h(this, it, []);
+    h(this, at, !1);
+    h(this, rt, /* @__PURE__ */ new Map());
+    h(this, ot, "");
     h(this, nt, !1);
     h(this, lt, !1);
     h(this, ct, !1);
     h(this, dt, !1);
     h(this, pt, !1);
     h(this, ht, !1);
+    h(this, ut, !1);
+    h(this, gt, !1);
     M(this, "run", 0);
     M(this, "abort", null);
     M(this, "revealTimer");
@@ -3213,10 +3246,10 @@ let d = (Et = class extends Kt {
     });
   }
   get client() {
-    return p(this, A);
+    return p(this, N);
   }
   set client(e) {
-    u(this, A, e);
+    u(this, N, e);
   }
   get messages() {
     return p(this, R);
@@ -3249,10 +3282,10 @@ let d = (Et = class extends Kt {
     u(this, F, e);
   }
   get renderers() {
-    return p(this, U);
+    return p(this, K);
   }
   set renderers(e) {
-    u(this, U, e);
+    u(this, K, e);
   }
   get beforeSend() {
     return p(this, P);
@@ -3261,10 +3294,10 @@ let d = (Et = class extends Kt {
     u(this, P, e);
   }
   get afterParse() {
-    return p(this, K);
+    return p(this, U);
   }
   set afterParse(e) {
-    u(this, K, e);
+    u(this, U, e);
   }
   get glow() {
     return p(this, W);
@@ -3272,258 +3305,264 @@ let d = (Et = class extends Kt {
   set glow(e) {
     u(this, W, e);
   }
-  get followups() {
-    return p(this, J);
-  }
-  set followups(e) {
-    u(this, J, e);
-  }
-  get showSources() {
+  get docsets() {
     return p(this, H);
   }
-  set showSources(e) {
+  set docsets(e) {
     u(this, H, e);
   }
-  get showNewChat() {
+  get attachmentsMode() {
+    return p(this, J);
+  }
+  set attachmentsMode(e) {
+    u(this, J, e);
+  }
+  get saveAttachments() {
     return p(this, G);
   }
-  set showNewChat(e) {
+  set saveAttachments(e) {
     u(this, G, e);
   }
-  get showBookmarked() {
+  get followups() {
     return p(this, q);
   }
-  set showBookmarked(e) {
+  set followups(e) {
     u(this, q, e);
   }
-  get showFollowups() {
+  get showSources() {
     return p(this, V);
   }
-  set showFollowups(e) {
+  set showSources(e) {
     u(this, V, e);
   }
-  get allowSearch() {
+  get showNewChat() {
     return p(this, X);
   }
-  set allowSearch(e) {
+  set showNewChat(e) {
     u(this, X, e);
   }
-  get autoTitle() {
+  get showBookmarked() {
     return p(this, Y);
   }
-  set autoTitle(e) {
+  set showBookmarked(e) {
     u(this, Y, e);
   }
-  get model() {
+  get showFollowups() {
     return p(this, Q);
   }
-  set model(e) {
+  set showFollowups(e) {
     u(this, Q, e);
   }
-  get params() {
+  get allowSearch() {
     return p(this, Z);
   }
-  set params(e) {
+  set allowSearch(e) {
     u(this, Z, e);
   }
-  get systemMessage() {
+  get autoTitle() {
     return p(this, ee);
   }
-  set systemMessage(e) {
+  set autoTitle(e) {
     u(this, ee, e);
   }
-  get retrieval() {
+  get model() {
     return p(this, te);
   }
-  set retrieval(e) {
+  set model(e) {
     u(this, te, e);
   }
-  get metadata() {
+  get params() {
     return p(this, se);
   }
-  set metadata(e) {
+  set params(e) {
     u(this, se, e);
   }
-  get embed() {
+  get systemMessage() {
     return p(this, ie);
   }
-  set embed(e) {
+  set systemMessage(e) {
     u(this, ie, e);
   }
-  get position() {
+  get retrieval() {
     return p(this, ae);
   }
-  set position(e) {
+  set retrieval(e) {
     u(this, ae, e);
   }
-  get sidebar() {
+  get metadata() {
     return p(this, re);
   }
-  set sidebar(e) {
+  set metadata(e) {
     u(this, re, e);
   }
-  get showTitle() {
+  get embed() {
     return p(this, oe);
   }
-  set showTitle(e) {
+  set embed(e) {
     u(this, oe, e);
   }
-  get chatIdAttr() {
+  get position() {
     return p(this, ne);
   }
-  set chatIdAttr(e) {
+  set position(e) {
     u(this, ne, e);
   }
-  get assistantName() {
+  get sidebar() {
     return p(this, le);
   }
-  set assistantName(e) {
+  set sidebar(e) {
     u(this, le, e);
   }
-  get logoUrl() {
+  get showTitle() {
     return p(this, ce);
   }
-  set logoUrl(e) {
+  set showTitle(e) {
     u(this, ce, e);
   }
-  get heading() {
+  get chatIdAttr() {
     return p(this, de);
   }
-  set heading(e) {
+  set chatIdAttr(e) {
     u(this, de, e);
   }
-  get description() {
+  get assistantName() {
     return p(this, pe);
   }
-  set description(e) {
+  set assistantName(e) {
     u(this, pe, e);
   }
-  get eyebrow() {
+  get logoUrl() {
     return p(this, he);
   }
-  set eyebrow(e) {
+  set logoUrl(e) {
     u(this, he, e);
   }
-  get prompts() {
+  get heading() {
     return p(this, ue);
   }
-  set prompts(e) {
+  set heading(e) {
     u(this, ue, e);
   }
-  get bubbleText() {
+  get description() {
     return p(this, ge);
   }
-  set bubbleText(e) {
+  set description(e) {
     u(this, ge, e);
   }
-  get greetingBubble() {
+  get eyebrow() {
     return p(this, me);
   }
-  set greetingBubble(e) {
+  set eyebrow(e) {
     u(this, me, e);
   }
-  get unreadBadge() {
+  get prompts() {
     return p(this, fe);
   }
-  set unreadBadge(e) {
+  set prompts(e) {
     u(this, fe, e);
   }
-  get allowUpload() {
+  get bubbleText() {
     return p(this, be);
   }
-  set allowUpload(e) {
+  set bubbleText(e) {
     u(this, be, e);
   }
-  get allowExport() {
+  get greetingBubble() {
     return p(this, xe);
   }
-  set allowExport(e) {
+  set greetingBubble(e) {
     u(this, xe, e);
   }
-  get allowCopy() {
+  get unreadBadge() {
     return p(this, ve);
   }
-  set allowCopy(e) {
+  set unreadBadge(e) {
     u(this, ve, e);
   }
-  get allowRegenerate() {
+  get allowUpload() {
     return p(this, we);
   }
-  set allowRegenerate(e) {
+  set allowUpload(e) {
     u(this, we, e);
   }
-  get allowBookmark() {
+  get allowExport() {
     return p(this, ye);
   }
-  set allowBookmark(e) {
+  set allowExport(e) {
     u(this, ye, e);
   }
-  get allowDelete() {
+  get allowCopy() {
     return p(this, ke);
   }
-  set allowDelete(e) {
+  set allowCopy(e) {
     u(this, ke, e);
   }
-  get allowRename() {
+  get allowRegenerate() {
     return p(this, $e);
   }
-  set allowRename(e) {
+  set allowRegenerate(e) {
     u(this, $e, e);
   }
-  get allowFeedback() {
+  get allowBookmark() {
     return p(this, Ce);
   }
-  set allowFeedback(e) {
+  set allowBookmark(e) {
     u(this, Ce, e);
   }
-  get showComposer() {
+  get allowDelete() {
     return p(this, Te);
   }
-  set showComposer(e) {
+  set allowDelete(e) {
     u(this, Te, e);
   }
-  get showTime() {
+  get allowRename() {
     return p(this, Se);
   }
-  set showTime(e) {
+  set allowRename(e) {
     u(this, Se, e);
   }
-  get footnote() {
-    return p(this, Oe);
-  }
-  set footnote(e) {
-    u(this, Oe, e);
-  }
-  get allowRaw() {
+  get allowFeedback() {
     return p(this, Ie);
   }
-  set allowRaw(e) {
+  set allowFeedback(e) {
     u(this, Ie, e);
   }
-  get branding() {
+  get showComposer() {
+    return p(this, Oe);
+  }
+  set showComposer(e) {
+    u(this, Oe, e);
+  }
+  get showTime() {
     return p(this, Me);
   }
-  set branding(e) {
+  set showTime(e) {
     u(this, Me, e);
   }
-  get brandingText() {
+  get footnote() {
     return p(this, ze);
   }
-  set brandingText(e) {
+  set footnote(e) {
     u(this, ze, e);
   }
-  get brandingUrl() {
+  get allowRaw() {
     return p(this, _e);
   }
-  set brandingUrl(e) {
+  set allowRaw(e) {
     u(this, _e, e);
   }
-  get chatList() {
+  get branding() {
     return p(this, Le);
   }
-  set chatList(e) {
+  set branding(e) {
     u(this, Le, e);
   }
+  get chatList() {
+    return p(this, Ae);
+  }
+  set chatList(e) {
+    u(this, Ae, e);
+  }
   get listState() {
     return p(this, je);
   }
@@ -3537,64 +3576,64 @@ let d = (Et = class extends Kt {
     u(this, Ne, e);
   }
   get chatTitle() {
-    return p(this, Ae);
+    return p(this, Re);
   }
   set chatTitle(e) {
-    u(this, Ae, e);
+    u(this, Re, e);
   }
   get bookmarked() {
-    return p(this, Re);
+    return p(this, Ee);
   }
   set bookmarked(e) {
-    u(this, Re, e);
+    u(this, Ee, e);
   }
   get msgs() {
-    return p(this, Ee);
+    return p(this, Be);
   }
   set msgs(e) {
-    u(this, Ee, e);
+    u(this, Be, e);
   }
   get loadingThread() {
-    return p(this, Be);
+    return p(this, De);
   }
   set loadingThread(e) {
-    u(this, Be, e);
+    u(this, De, e);
   }
   get threadError() {
-    return p(this, De);
+    return p(this, Fe);
   }
   set threadError(e) {
-    u(this, De, e);
+    u(this, Fe, e);
   }
   get busy() {
-    return p(this, Fe);
+    return p(this, Ke);
   }
   set busy(e) {
-    u(this, Fe, e);
+    u(this, Ke, e);
   }
   get draft() {
-    return p(this, Ue);
+    return p(this, Pe);
   }
   set draft(e) {
-    u(this, Ue, e);
+    u(this, Pe, e);
   }
   get files() {
-    return p(this, Pe);
+    return p(this, Ue);
   }
   set files(e) {
-    u(this, Pe, e);
+    u(this, Ue, e);
   }
   get search() {
-    return p(this, Ke);
+    return p(this, We);
   }
   set search(e) {
-    u(this, Ke, e);
+    u(this, We, e);
   }
   get sidebarOpen() {
-    return p(this, We);
+    return p(this, He);
   }
   set sidebarOpen(e) {
-    u(this, We, e);
+    u(this, He, e);
   }
   get width() {
     return p(this, Je);
@@ -3603,137 +3642,143 @@ let d = (Et = class extends Kt {
     u(this, Je, e);
   }
   get panel() {
-    return p(this, He);
+    return p(this, Ge);
   }
   set panel(e) {
-    u(this, He, e);
+    u(this, Ge, e);
   }
   get menuOpen() {
-    return p(this, Ge);
+    return p(this, qe);
   }
   set menuOpen(e) {
-    u(this, Ge, e);
+    u(this, qe, e);
   }
   get editingKey() {
-    return p(this, qe);
+    return p(this, Ve);
   }
   set editingKey(e) {
-    u(this, qe, e);
+    u(this, Ve, e);
   }
   get editDraft() {
-    return p(this, Ve);
+    return p(this, Xe);
   }
   set editDraft(e) {
-    u(this, Ve, e);
+    u(this, Xe, e);
   }
   get editingTitle() {
-    return p(this, Xe);
+    return p(this, Ye);
   }
   set editingTitle(e) {
-    u(this, Xe, e);
+    u(this, Ye, e);
   }
   get renamingId() {
-    return p(this, Ye);
+    return p(this, Qe);
   }
   set renamingId(e) {
-    u(this, Ye, e);
+    u(this, Qe, e);
   }
   get toast() {
-    return p(this, Qe);
+    return p(this, Ze);
   }
   set toast(e) {
-    u(this, Qe, e);
+    u(this, Ze, e);
   }
   get copiedKey() {
-    return p(this, Ze);
+    return p(this, et);
   }
   set copiedKey(e) {
-    u(this, Ze, e);
+    u(this, et, e);
   }
   get retrievalOpen() {
-    return p(this, et);
+    return p(this, tt);
   }
   set retrievalOpen(e) {
-    u(this, et, e);
+    u(this, tt, e);
   }
   get rawKeys() {
-    return p(this, tt);
+    return p(this, st);
   }
   set rawKeys(e) {
-    u(this, tt, e);
+    u(this, st, e);
+  }
+  get savedFiles() {
+    return p(this, it);
+  }
+  set savedFiles(e) {
+    u(this, it, e);
   }
   get hasSidebarContent() {
-    return p(this, st);
+    return p(this, at);
   }
   set hasSidebarContent(e) {
-    u(this, st, e);
+    u(this, at, e);
   }
   get sorts() {
-    return p(this, it);
+    return p(this, rt);
   }
   set sorts(e) {
-    u(this, it, e);
+    u(this, rt, e);
   }
   get arrivedKey() {
-    return p(this, at);
+    return p(this, ot);
   }
   set arrivedKey(e) {
-    u(this, at, e);
+    u(this, ot, e);
   }
   get dragging() {
-    return p(this, rt);
+    return p(this, nt);
   }
   set dragging(e) {
-    u(this, rt, e);
+    u(this, nt, e);
   }
   get showJump() {
-    return p(this, ot);
+    return p(this, lt);
   }
   set showJump(e) {
-    u(this, ot, e);
+    u(this, lt, e);
   }
   get offline() {
-    return p(this, nt);
+    return p(this, ct);
   }
   set offline(e) {
-    u(this, nt, e);
+    u(this, ct, e);
   }
   get isOpen() {
-    return p(this, lt);
+    return p(this, dt);
   }
   set isOpen(e) {
-    u(this, lt, e);
+    u(this, dt, e);
   }
   get expanded() {
-    return p(this, ct);
+    return p(this, pt);
   }
   set expanded(e) {
-    u(this, ct, e);
+    u(this, pt, e);
   }
   get bubble() {
-    return p(this, dt);
+    return p(this, ht);
   }
   set bubble(e) {
-    u(this, dt, e);
+    u(this, ht, e);
   }
   get seen() {
-    return p(this, pt);
+    return p(this, ut);
   }
   set seen(e) {
-    u(this, pt, e);
+    u(this, ut, e);
   }
   get mobile() {
-    return p(this, ht);
+    return p(this, gt);
   }
   set mobile(e) {
-    u(this, ht, e);
+    u(this, gt, e);
   }
   get msg() {
-    return Qt(this.messages);
+    return ts(this.messages);
   }
   /** An explicit `.client`, else the page default. */
   get resolvedClient() {
-    return this.client ?? Ht() ?? null;
+    return this.client ?? Vt() ?? null;
   }
   /** The open conversation's id, or null for a new chat. */
   get chatId() {
@@ -3744,6 +3789,15 @@ let d = (Et = class extends Kt {
     return this.msgs;
   }
   /** `format`, falling back to the default for anything unknown. */
+  /** `docsets` as a clean list of ids. */
+  get docsetIds() {
+    const e = this.docsets, t = Array.isArray(e) ? e : String(e ?? "").split(/[\s,]+/);
+    return [...new Set(t.map((s) => String(s).trim()).filter(Boolean))];
+  }
+  /** The files this chat keeps on the service. */
+  get attachments() {
+    return this.savedFiles;
+  }
   get formatLevel() {
     return ["raw", "plain", "advanced", "rich"].includes(this.format) ? this.format : "advanced";
   }
@@ -3763,7 +3817,7 @@ let d = (Et = class extends Kt {
     if (!e) return;
     const t = this;
     "client" in e && (this.client = e.client ?? null);
-    for (const s of Mt)
+    for (const s of Lt)
       s in e && (t[s] = e[s]);
     e.chatId && e.chatId !== this.activeId && (this.hasUpdated ? this.openChat(e.chatId) : this.chatIdAttr = e.chatId);
   }
@@ -3781,7 +3835,7 @@ let d = (Et = class extends Kt {
     return {
       client: this.client,
       chatId: this.activeId ?? "",
-      ...Object.fromEntries(Mt.map((t) => [t, e[t]]))
+      ...Object.fromEntries(Lt.map((t) => [t, e[t]]))
     };
   }
   // ── lifecycle ─────────────────────────────────────────────
@@ -3828,22 +3882,22 @@ let d = (Et = class extends Kt {
     this.dispatchEvent(new CustomEvent(e, { detail: t, bubbles: !0, composed: !0 }));
   }
   get docked() {
-    return this.embed === "page" && this.width >= $s;
+    return this.embed === "page" && this.width >= Ss;
   }
   get panelDocked() {
-    const e = this.docked && this.sidebarOpen ? ks : 0;
-    return this.width - e >= Cs;
+    const e = this.docked && this.sidebarOpen ? Ts : 0;
+    return this.width - e >= Is;
   }
   // ── public API ────────────────────────────────────────────
   /** Starts a new, empty conversation. */
   newChat() {
-    this.halt(), this.pendingChatId = "", this.loadingThread = !1, this.activeId = null, this.chatTitle = "", this.bookmarked = !1, this.msgs = [], this.threadError = "", this.resetViewState(), this.focusNext = "textarea.input";
+    this.halt(), this.pendingChatId = "", this.savedFiles = [], this.loadingThread = !1, this.activeId = null, this.chatTitle = "", this.bookmarked = !1, this.msgs = [], this.threadError = "", this.resetViewState(), this.focusNext = "textarea.input";
   }
   /** Opens a saved conversation. */
   async openChat(e) {
     const t = this.resolvedClient;
     if (!e) return;
-    this.halt();
+    this.halt(), this.savedFiles = [];
     const s = this.chatList.find((a) => a._id === e);
     if (this.activeId = e, this.chatTitle = (s == null ? void 0 : s.title) ?? "", this.bookmarked = !!(s != null && s.bookmarked), this.msgs = [], this.threadError = "", this.resetViewState(), !t) {
       this.pendingChatId = e, this.loadingThread = !0;
@@ -3856,10 +3910,10 @@ let d = (Et = class extends Kt {
         _id: e
       });
       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();
+      this.chatTitle = (a == null ? void 0 : a.title) ?? "", this.bookmarked = !!(a != null && a.bookmarked), this.msgs = ((a == null ? void 0 : a.messages) ?? []).filter((r) => r && (r.role === "user" || r.role === "assistant")).map((r) => this.fromServer(r)), this.savedFiles = Dt(a == null ? void 0 : a.attachments), this.upsertChat({ ...s, ...a, _id: e }), this.stick = !0, this.scrollToBottom();
     } catch (a) {
       if (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;
+      Bt(a) ? (this.chatList = this.chatList.filter((r) => r._id !== e), this.newChat(), this.showToast(this.msg.errNotFound)) : this.threadError = this.msg.errLoad;
     } finally {
       i === this.run && (this.loadingThread = !1);
     }
@@ -3881,15 +3935,15 @@ let d = (Et = class extends Kt {
   }
   /** Downloads the open conversation, or copies it as Markdown. */
   exportChat(e = "md") {
-    var _;
+    var L;
     if (!this.msgs.length) return;
     this.menuOpen = !1;
-    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(
+    const t = this.chatTitle || this.msg.untitled, s = (x) => x.role === "user" ? this.msg.you : this.assistantName, i = (x) => new Date(x || Date.now()).toLocaleString(), a = (x) => x.sources.map((S, $) => {
+      const A = ft(S, $ + 1);
+      return `[${A.n}] ${A.title}${A.path ? ` — ${A.path}` : ""}`;
+    }), r = (x) => (x.attachments ?? []).map((S) => S.name);
+    let c, l = "text/markdown", f = "md";
+    if (e === "json" ? (c = JSON.stringify(
       {
         exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
         id: this.activeId,
@@ -3907,7 +3961,7 @@ let d = (Et = class extends Kt {
       },
       null,
       2
-    ), c = "application/json", m = "json") : e === "txt" ? (l = `${t}
+    ), l = "application/json", f = "json") : e === "txt" ? (c = `${t}
 ${"=".repeat(t.length)}
 
 ` + this.msgs.map(
@@ -3922,7 +3976,7 @@ ${a(x).join(`
 `)
     ).join(`
 
-`), c = "text/plain", m = "txt") : l = `# ${t}
+`), l = "text/plain", f = "txt") : c = `# ${t}
 
 ` + this.msgs.map(
       (x) => [
@@ -3931,7 +3985,7 @@ ${a(x).join(`
         x.content,
         a(x).length ? `**Sources**
 
-${a(x).map((T) => `- ${T}`).join(`
+${a(x).map((S) => `- ${S}`).join(`
 `)}` : ""
       ].filter(Boolean).join(`
 
@@ -3942,12 +3996,12 @@ ${a(x).map((T) => `- ${T}`).join(`
 
 `) + `
 `, this.emit("singlebase-chat-export", { chatId: this.activeId, format: e }), e === "copy") {
-      (_ = navigator.clipboard) == null || _.writeText(l).catch(() => {
+      (L = navigator.clipboard) == null || L.writeText(c).catch(() => {
       }), this.showToast(this.msg.copiedMarkdown);
       return;
     }
-    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 }));
+    const C = `${t.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "chat"}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.${f}`, T = URL.createObjectURL(new Blob([c], { type: l })), w = document.createElement("a");
+    w.href = T, w.download = C, document.body.appendChild(w), w.click(), w.remove(), setTimeout(() => URL.revokeObjectURL(T), 2e3), this.showToast(_(this.msg.exported, { name: C }));
   }
   /** Inline and launcher: fill the window. */
   expand() {
@@ -3967,7 +4021,7 @@ ${a(x).map((T) => `- ${T}`).join(`
   // ── turns ─────────────────────────────────────────────────
   userMessage(e, t = []) {
     return {
-      key: mt(),
+      key: bt(),
       id: null,
       role: "user",
       content: e,
@@ -3982,24 +4036,37 @@ ${a(x).map((T) => `- ${T}`).join(`
   systemPrompt() {
     return [
       this.systemMessage,
-      jt[this.mode] ?? jt.chat,
-      zs[this.formatLevel],
-      this.followups ? _s : ""
+      Rt[this.mode] ?? Rt.chat,
+      As[this.formatLevel],
+      this.followups ? js : ""
     ].filter(Boolean).join(`
 
 `);
   }
   payloadFor(e) {
     const t = { message: e.content, format: "markdown" };
-    this.activeId ? t._id = this.activeId : (t.title = 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;
+    this.activeId ? t._id = this.activeId : (t.title = fs(e.content), t.system_message = this.systemPrompt()), t.mode = this.mode, this.model && (t.model = this.model), Object.keys(this.params ?? {}).length && (t.params = this.params);
+    const s = e.attachments ?? [], i = this.attachmentsMode === "payload";
+    i && s.length && (t.attachments = s.map((l) => ({
+      type: "content",
+      content: l.content,
+      name: l.name,
+      ...l.mime ? { mime: l.mime } : {},
+      size: l.size,
+      save_attachment: this.saveAttachments
+    })));
+    const a = i ? [] : s.map((l) => l.name);
+    (Object.keys(this.metadata ?? {}).length || a.length) && (t.metadata = { ...this.metadata, ...a.length ? { attachments: a } : {} });
+    const r = this.docsetIds, c = [
+      ...r.length ? [{ source: "docset", ids: r }] : [],
+      ...this.retrieval ?? [],
+      ...i ? [] : Bs(s)
+    ];
+    return c.length && (t.retrieval = c), t;
   }
   async runTurn(e) {
     const t = {
-      key: mt(),
+      key: bt(),
       id: null,
       role: "assistant",
       content: "",
@@ -4018,51 +4085,53 @@ ${a(x).map((T) => `- ${T}`).join(`
     const i = ++this.run, a = new AbortController();
     this.abort = a;
     const r = !this.activeId;
-    let l = this.payloadFor(e);
+    let c = this.payloadFor(e);
     if (this.beforeSend) {
-      let c;
+      let l;
       try {
-        c = await this.beforeSend(l, { chatId: this.activeId, isNew: r, message: e });
+        l = await this.beforeSend(c, { chatId: this.activeId, isNew: r, message: e });
       } catch (b) {
-        c = b;
+        l = b;
       }
       if (i !== this.run) return;
-      if (c === !1) {
+      if (l === !1) {
         this.msgs = this.msgs.filter((b) => b !== e && b !== t), this.draft = e.content, this.busy = !1, this.abort = null;
         return;
       }
-      if (!(!!c && typeof c == "object" && typeof c.message == "string") || !c.message.trim()) {
+      if (!(!!l && typeof l == "object" && typeof l.message == "string") || !l.message.trim()) {
         console.error(
           "[singlebase-chat] beforeSend must return the request object (with a message) or false to cancel; the message was not sent.",
-          c
+          l
         ), this.failTurn(t, this.msg.errGeneric, "BEFORE_SEND_INVALID"), this.busy = !1, this.abort = null;
         return;
       }
-      l = c;
+      c = l;
     }
     try {
-      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),
+      const l = await s.llm.call("chat", c, { signal: a.signal }), f = (l == null ? void 0 : l._id) || (l == null ? void 0 : l.chat_id) || this.activeId;
+      if (r && f && this.upsertChat({
+        _id: f,
+        title: (l == null ? void 0 : l.title) || c.title,
+        bookmarked: !!(l != null && l.bookmarked),
         _modified_at: (/* @__PURE__ */ new Date()).toISOString()
       }), 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, {
+      f && (this.activeId = f), r && (this.chatTitle = (l == null ? void 0 : l.title) || c.title, this.bookmarked = !!(l != null && l.bookmarked));
+      const b = (l == null ? void 0 : l.message) ?? {}, C = typeof b.content == "string" ? b.content : (l == null ? void 0 : l.json) !== void 0 ? JSON.stringify(l.json, null, 2) : "", { text: T, followups: w } = zt(C);
+      e.id = b.reply_to ?? null, this.applyAttachmentResults(l == null ? void 0 : l.attachments), Object.assign(t, {
         id: b._id ?? null,
-        content: S,
+        content: T,
         sources: Array.isArray(b.sources) ? b.sources : [],
         followups: w,
         execTime: typeof b.exec_time == "number" ? b.exec_time : void 0,
         model: b.model,
         at: Date.now()
-      }), this.emit("singlebase-chat-response", { chatId: m, message: t }), await this.reveal(t, i), r && m && this.autoTitle && this.retitle(m, e.content, t.content);
-    } catch (c) {
+      }), this.emit("singlebase-chat-response", { chatId: f, message: t }), await this.reveal(t, i), r && f && this.autoTitle && this.retitle(f, e.content, t.content);
+    } catch (l) {
       if (i !== this.run) return;
-      const 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));
+      const f = Bt(l);
+      f && (this.chatList = this.chatList.filter((T) => T._id !== this.activeId), this.activeId = null);
+      const b = Rs(l), C = f ? this.msg.errNotFound : b === "KB_SOURCE_REQUIRED" ? this.msg.errKbSource : this.msg.errGeneric;
+      this.failTurn(t, C, b);
     } finally {
       i === this.run && (this.busy = !1, this.abort = null, this.stick && this.scrollToBottom());
     }
@@ -4078,20 +4147,20 @@ ${a(x).map((T) => `- ${T}`).join(`
     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 = "");
-      }, Ms), this.stick ? this.scrollToBottom() : this.showJump = !0;
+      }, Ls), this.stick ? this.scrollToBottom() : this.showJump = !0;
     };
-    if (!s || Ns())
+    if (!s || Es())
       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) => {
+    let c = 0;
+    return e.phase = "streaming", e.content = "", new Promise((l) => {
       this.revealTimer = setInterval(() => {
         if (t !== this.run) {
-          clearInterval(this.revealTimer), c();
+          clearInterval(this.revealTimer), l();
           return;
         }
-        if (l = Math.min(s, l + r), e.content = a.slice(0, l), l >= s) {
-          clearInterval(this.revealTimer), i(), c();
+        if (c = Math.min(s, c + r), e.content = a.slice(0, c), c >= s) {
+          clearInterval(this.revealTimer), i(), l();
           return;
         }
         this.msgs = [...this.msgs], this.stick && this.scrollToBottom();
@@ -4112,7 +4181,7 @@ ${a(x).map((T) => `- ${T}`).join(`
 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"
-        }), r = gs(a == null ? void 0 : a.result);
+        }), r = bs(a == null ? void 0 : a.result);
         if (!r || this.renamed.has(e)) return;
         await i.llm.call("update_chat", { _id: e, title: r }), this.applyTitle(e, r, !0);
       } catch {
@@ -4133,7 +4202,7 @@ assistant: ${s.slice(0, 1500)}`,
   }
   async renameChat(e, t) {
     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;
+    const s = t.trim().slice(0, 80), i = ((a = this.chatList.find((c) => c._id === e)) == null ? void 0 : a.title) ?? this.chatTitle;
     if (!(!s || s === i)) {
       this.renamed.add(e), this.applyTitle(e, s, !1);
       try {
@@ -4144,9 +4213,9 @@ assistant: ${s.slice(0, 1500)}`,
     }
   }
   fromServer(e) {
-    const t = e.role === "assistant", { text: s, followups: i } = t ? Ot(String(e.content ?? "")) : { text: String(e.content ?? ""), followups: [] };
+    const t = e.role === "assistant", { text: s, followups: i } = t ? zt(String(e.content ?? "")) : { text: String(e.content ?? ""), followups: [] };
     return {
-      key: mt(),
+      key: bt(),
       id: e._id ?? null,
       role: t ? "assistant" : "user",
       content: s,
@@ -4172,13 +4241,24 @@ assistant: ${s.slice(0, 1500)}`,
       }
     }
   }
+  /**
+   * A new chat goes on top. A chat already in the list is updated where it is,
+   * keeping its dates, so opening or using a chat never reorders the list; the
+   * next load from the server brings the fresh order.
+   */
   upsertChat(e) {
-    const t = this.chatList.filter((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((s) => s._id === e);
-    t && this.upsertChat({ ...t, _modified_at: (/* @__PURE__ */ new Date()).toISOString() });
+    const t = this.chatList.findIndex((a) => a._id === e._id);
+    if (t < 0) {
+      this.chatList = [e, ...this.chatList];
+      return;
+    }
+    const s = this.chatList[t], i = [...this.chatList];
+    i[t] = {
+      ...s,
+      ...e,
+      _created_at: s._created_at ?? e._created_at,
+      _modified_at: s._modified_at ?? e._modified_at
+    }, this.chatList = i;
   }
   // ── actions ───────────────────────────────────────────────
   resetViewState() {
@@ -4213,6 +4293,30 @@ assistant: ${s.slice(0, 1500)}`,
     const t = new Set(this.rawKeys);
     t.has(e) ? t.delete(e) : t.add(e), this.rawKeys = t;
   }
+  /** Adds newly saved files, and says which ones the service couldn't read. */
+  applyAttachmentResults(e) {
+    if (!Array.isArray(e)) return;
+    const t = Dt(e).filter((i) => !this.savedFiles.some((a) => a.id === i.id));
+    t.length && (this.savedFiles = [...this.savedFiles, ...t]);
+    const s = e.filter((i) => (i == null ? void 0 : i.status) === "failed").map((i) => String(i.name ?? "file"));
+    s.length && this.showToast(_(this.msg.attachmentFailed, { name: s.join(", ") }));
+  }
+  /** Removes a file the service keeps on this chat. */
+  async removeSavedFile(e) {
+    var i;
+    const t = this.activeId;
+    if (!t) return;
+    const s = this.savedFiles;
+    this.savedFiles = s.filter((a) => a !== e);
+    try {
+      await ((i = this.resolvedClient) == null ? void 0 : i.llm.call("remove_chat_attachment", {
+        _id: t,
+        attachment_id: e.id
+      }));
+    } catch {
+      this.activeId === t && (this.savedFiles = s), this.showToast(this.msg.errGeneric);
+    }
+  }
   copy(e, t) {
     var s;
     (s = navigator.clipboard) == null || s.writeText(t).catch(() => {
@@ -4238,10 +4342,10 @@ assistant: ${s.slice(0, 1500)}`,
   }
   async toggleChatBookmark(e) {
     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) => {
+    const t = ((a = this.chatList.find((c) => c._id === e)) == null ? void 0 : a.bookmarked) ?? (e === this.activeId ? this.bookmarked : !1), s = !t, i = (c) => {
       this.chatList = this.chatList.map(
-        (c) => c._id === e ? { ...c, bookmarked: l } : c
-      ), e === this.activeId && (this.bookmarked = l);
+        (l) => l._id === e ? { ...l, bookmarked: c } : l
+      ), e === this.activeId && (this.bookmarked = c);
     };
     i(s), this.showToast(s ? this.msg.chatBookmarked : this.msg.chatUnbookmarked), this.emit("singlebase-chat-bookmark", { chatId: e, bookmarked: s });
     try {
@@ -4299,7 +4403,7 @@ assistant: ${s.slice(0, 1500)}`,
     const s = { key: Date.now(), text: e, ...t };
     this.toast = s, this.toastTimer = setTimeout(() => {
       this.toast === s && this.flushToast();
-    }, Ss);
+    }, Ms);
   }
   /** Ends the current toast, committing whatever it was holding back. */
   flushToast() {
@@ -4318,21 +4422,26 @@ assistant: ${s.slice(0, 1500)}`,
     if (!t.length) return;
     const s = [];
     for (const i of t) {
-      if (this.files.length + s.length >= zt) {
-        this.showToast(L(this.msg.tooManyFiles, { n: zt }));
+      if (this.files.length + s.length >= At) {
+        this.showToast(_(this.msg.tooManyFiles, { n: At }));
         break;
       }
-      if (!Ts.test(i.name) && !i.type.startsWith("text/")) {
-        this.showToast(L(this.msg.fileType, { name: i.name }));
+      if (!Os.test(i.name) && !i.type.startsWith("text/")) {
+        this.showToast(_(this.msg.fileType, { name: i.name }));
         continue;
       }
-      if (i.size > _t) {
+      if (i.size > jt) {
         this.showToast(
-          L(this.msg.fileTooLarge, { name: i.name, size: vt(_t) })
+          _(this.msg.fileTooLarge, { name: i.name, size: kt(jt) })
         );
         continue;
       }
-      s.push({ name: i.name, size: i.size, content: await i.text() });
+      s.push({
+        name: i.name,
+        size: i.size,
+        content: await i.text(),
+        ...i.type ? { mime: i.type } : {}
+      });
     }
     s.length && (this.files = [...this.files, ...s], this.emit("singlebase-chat-files", {
       files: s.map(({ name: i, size: a }) => ({ name: i, size: a }))
@@ -4399,7 +4508,7 @@ assistant: ${s.slice(0, 1500)}`,
       this.mobile ? "full" : ""
     ].join(" "), s = this.isOpen ? o`<div class=${t} role="dialog" aria-label=${this.assistantName} part="frame">
           ${this.renderWorkspace()}
-        </div>` : f, i = this.bubble && !this.isOpen ? o`<div class="bubble" part="bubble">
+        </div>` : m, i = this.bubble && !this.isOpen ? o`<div class="bubble" part="bubble">
             <button type="button" class="bubble-text" @click=${() => this.open()}>
               ${this.bubbleText || e.bubbleText}
             </button>
@@ -4412,7 +4521,7 @@ assistant: ${s.slice(0, 1500)}`,
             >
               ${k.close()}
             </button>
-          </div>` : f, r = this.isOpen && (this.expanded || this.mobile) ? f : o`<button
+          </div>` : m, r = this.isOpen && (this.expanded || this.mobile) ? m : o`<button
           type="button"
           class="launcher-btn"
           part="launcher"
@@ -4421,22 +4530,22 @@ assistant: ${s.slice(0, 1500)}`,
           @click=${() => this.isOpen ? this.close() : this.open()}
         >
           ${this.isOpen ? k.chevronDown() : k.chat()}
-          ${this.unreadBadge && !this.seen && !this.isOpen ? o`<span class="badge"></span>` : f}
+          ${this.unreadBadge && !this.seen && !this.isOpen ? o`<span class="badge"></span>` : m}
         </button>`;
     return o`${s}${i}${r}`;
   }
   renderWorkspace() {
     const e = !this.docked;
     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}
+      ${this.sidebarOpen && e ? o`<div class="scrim" @click=${() => this.sidebarOpen = !1}></div>` : m}
+      ${this.sidebarOpen && this.sidebar !== "none" ? this.renderSidebar(e) : m}
       <main
         class="main"
         @dragenter=${this.onDragEnter}
         @dragover=${(t) => t.preventDefault()}
       >
         ${this.renderHeader()}
-        ${this.offline ? o`<div class="banner" role="status">${this.msg.offline}</div>` : f}
+        ${this.offline ? o`<div class="banner" role="status">${this.msg.offline}</div>` : m}
         <div
           class="scroller"
           role="log"
@@ -4449,13 +4558,12 @@ assistant: ${s.slice(0, 1500)}`,
         </div>
         ${this.showJump ? o`<button type="button" class="jump" @click=${this.jumpToLatest}>
                 ↓ ${this.msg.newReply}
-              </button>` : f}
-        ${this.renderComposer()}
-        ${Gt(this.branding, this.brandingText, this.msg.brandingLabel, this.brandingUrl)}
+              </button>` : m}
+        ${this.renderComposer()} ${Xt(this.branding, "Chat")}
         ${this.toast ? o`<div class="toast" role="status">
                 <span>${this.toast.text}</span>
-                ${this.toast.undo ? o`<button type="button" @click=${this.undo}>${this.msg.undo}</button>` : f}
-              </div>` : f}
+                ${this.toast.undo ? o`<button type="button" @click=${this.undo}>${this.msg.undo}</button>` : m}
+              </div>` : m}
         ${this.dragging ? o`<div
                 class="drop"
                 @dragover=${(t) => t.preventDefault()}
@@ -4463,29 +4571,29 @@ assistant: ${s.slice(0, 1500)}`,
                 @drop=${this.onDrop}
               >
                 <strong>${this.msg.dropTitle}</strong><span>${this.msg.dropSub}</span>
-              </div>` : f}
+              </div>` : m}
       </main>
       ${this.renderPanel()}
     </div>`;
   }
   renderSidebar(e) {
     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 = [
+      (f) => !s || (f.title ?? "").toLowerCase().includes(s)
+    ), a = (f) => this.showBookmarked && !!f.bookmarked, r = (f) => i.filter((b) => !a(b) && Ds(b._modified_at ?? b._created_at) === f), c = [
       [t.groupBookmarked, i.filter(a)],
       [t.groupToday, r("today")],
       [t.groupYesterday, r("yesterday")],
       [t.groupWeek, r("week")],
       [t.groupOlder, r("older")]
     ];
-    let c;
-    return this.listState === "loading" && !this.chatList.length ? c = o`<div aria-label=${t.loadingChats}>
+    let l;
+    return this.listState === "loading" && !this.chatList.length ? l = o`<div aria-label=${t.loadingChats}>
         ${[1, 2, 3, 4].map(() => o`<div class="skeleton"></div>`)}
-      </div>` : i.length ? c = l.filter(([, m]) => m.length).map(
-      ([m, b]) => o`<div class="group">${m}</div>
+      </div>` : i.length ? l = c.filter(([, f]) => f.length).map(
+      ([f, b]) => o`<div class="group">${f}</div>
               ${b.map((C) => this.renderThreadRow(C))}`
-    ) : c = o`<span class="side-note"
-        >${s ? L(t.noMatch, { query: this.search.trim() }) : t.noChats}</span
+    ) : l = o`<span class="side-note"
+        >${s ? _(t.noMatch, { query: this.search.trim() }) : t.noChats}</span
       >`, o`<aside
       class="sidebar ${e ? "overlay" : "docked"}"
       part="sidebar"
@@ -4506,21 +4614,21 @@ assistant: ${s.slice(0, 1500)}`,
       <div class="side-tools">
         ${this.showNewChat ? o`<button type="button" class="new-chat" @click=${() => this.newChat()}>
                 ${k.plus()}<span>${t.newChat}</span>
-              </button>` : f}
+              </button>` : m}
         ${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}
+                @input=${(f) => this.search = f.target.value}
+              />` : m}
       </div>
-      <div class="threads">${c}</div>
+      <div class="threads">${l}</div>
       <div class="side-extra ${this.hasSidebarContent ? "filled" : ""}" part="sidebar-extra">
         <slot
           name="sidebar"
-          @slotchange=${(m) => this.hasSidebarContent = m.target.assignedNodes().length > 0}
+          @slotchange=${(f) => this.hasSidebarContent = f.target.assignedNodes().length > 0}
         ></slot>
       </div>
     </aside>`;
@@ -4540,8 +4648,8 @@ assistant: ${s.slice(0, 1500)}`,
           @blur=${(r) => this.commitRename(e._id, r.target.value)}
         />
       </div>`;
-    const a = (r) => (l) => {
-      l.stopPropagation(), r();
+    const a = (r) => (c) => {
+      c.stopPropagation(), r();
     };
     return o`<div
       class="thread ${s ? "active" : ""}"
@@ -4561,7 +4669,7 @@ assistant: ${s.slice(0, 1500)}`,
                 @click=${a(() => this.toggleChatBookmark(e._id))}
               >
                 ${k.bookmark(!!e.bookmarked)}
-              </button>` : f}
+              </button>` : m}
         ${this.allowRename ? o`<button
                 type="button"
                 class="icon sm"
@@ -4572,7 +4680,7 @@ assistant: ${s.slice(0, 1500)}`,
     })}
               >
                 ${k.pencil()}
-              </button>` : f}
+              </button>` : m}
         ${this.allowDelete ? o`<button
                 type="button"
                 class="icon sm danger"
@@ -4581,13 +4689,13 @@ assistant: ${s.slice(0, 1500)}`,
                 @click=${a(() => this.deleteChat(e._id))}
               >
                 ${k.trash()}
-              </button>` : f}
+              </button>` : m}
       </span>
     </div>`;
   }
   renderHeader() {
     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;
+    let a = m;
     return this.showTitle && (a = this.editingTitle ? o`<input
             class="title-input"
             maxlength="80"
@@ -4610,7 +4718,7 @@ assistant: ${s.slice(0, 1500)}`,
             ${this.chatTitle || e.untitled}
           </button>`), o`<header class="header" part="header">
       <div class="header-left">
-        ${this.sidebar === "none" || this.sidebarOpen && this.docked ? f : o`<button
+        ${this.sidebar === "none" || this.sidebarOpen && this.docked ? m : o`<button
                 type="button"
                 class="icon"
                 title=${e.showChats}
@@ -4631,7 +4739,7 @@ assistant: ${s.slice(0, 1500)}`,
                 @click=${() => this.newChat()}
               >
                 ${k.plus()}
-              </button>` : f}
+              </button>` : m}
         ${this.allowBookmark ? o`<button
                 type="button"
                 class="icon ${this.bookmarked ? "on" : ""}"
@@ -4641,7 +4749,7 @@ assistant: ${s.slice(0, 1500)}`,
                 @click=${() => this.activeId && this.toggleChatBookmark(this.activeId)}
               >
                 ${k.bookmark(this.bookmarked)}
-              </button>` : f}
+              </button>` : m}
         ${this.allowExport ? o`<div class="menu-wrap">
                 <button
                   type="button"
@@ -4655,8 +4763,8 @@ assistant: ${s.slice(0, 1500)}`,
                 >
                   ${k.download()}
                 </button>
-                ${this.menuOpen ? this.renderExportMenu() : f}
-              </div>` : f}
+                ${this.menuOpen ? this.renderExportMenu() : m}
+              </div>` : m}
         ${this.allowDelete ? o`<button
                 type="button"
                 class="icon danger"
@@ -4666,7 +4774,7 @@ assistant: ${s.slice(0, 1500)}`,
                 @click=${() => this.activeId && this.deleteChat(this.activeId)}
               >
                 ${k.trash()}
-              </button>` : f}
+              </button>` : m}
         ${s || i ? o`<span class="divider"></span> ${s ? o`<button
                         type="button"
                         class="icon"
@@ -4675,7 +4783,7 @@ assistant: ${s.slice(0, 1500)}`,
                         @click=${() => this.expanded ? this.collapse() : this.expand()}
                       >
                         ${this.expanded ? k.restore() : k.expand()}
-                      </button>` : f}
+                      </button>` : m}
                 ${i ? o`<button
                         type="button"
                         class="icon"
@@ -4684,7 +4792,7 @@ assistant: ${s.slice(0, 1500)}`,
                         @click=${i}
                       >
                         ${k.minimize()}
-                      </button>` : f}` : f}
+                      </button>` : m}` : m}
       </div>
     </header>`;
   }
@@ -4713,19 +4821,19 @@ assistant: ${s.slice(0, 1500)}`,
   /** The suggestion cards. `[]` or `"none"` shows none; unset uses the mode's. */
   promptList() {
     const e = this.prompts;
-    return Array.isArray(e) ? e.map((t) => typeof t == "string" ? { text: t } : t).filter((t) => t == null ? void 0 : t.text).slice(0, 4) : typeof e == "string" && e.trim().toLowerCase() === "none" ? [] : typeof e == "string" && e.trim() ? e.split("|").map((t) => t.trim()).filter(Boolean).slice(0, 4).map((t) => ({ text: t })) : (Nt[this.mode] ?? Nt.chat).map(([t, s]) => ({
+    return Array.isArray(e) ? e.map((t) => typeof t == "string" ? { text: t } : t).filter((t) => t == null ? void 0 : t.text).slice(0, 4) : typeof e == "string" && e.trim().toLowerCase() === "none" ? [] : typeof e == "string" && e.trim() ? e.split("|").map((t) => t.trim()).filter(Boolean).slice(0, 4).map((t) => ({ text: t })) : (Et[this.mode] ?? Et.chat).map(([t, s]) => ({
       label: t,
       text: s
     }));
   }
   renderWelcome() {
-    const e = this.msg, t = this.mode === "rag" ? "Rag" : "Chat", s = (r) => e[`${r}${t}`], i = this.eyebrow ?? s("eyebrow"), a = this.promptList();
+    const e = this.msg, t = this.mode === "rag" ? "Rag" : this.mode === "kb" ? "Kb" : "Chat", s = (r) => e[`${r}${t}`], i = this.eyebrow ?? s("eyebrow"), a = this.promptList();
     return o`<div class="welcome-slot">
       <slot name="welcome"
         ><div class="welcome" part="welcome">
           <div class="welcome-head">
-            ${this.logoUrl && It(this.logoUrl, !0) ? o`<img class="welcome-logo" src=${this.logoUrl} alt="" />` : f}
-            ${i ? o`<span class="label">${i}</span>` : f}
+            ${this.logoUrl && _t(this.logoUrl, !0) ? o`<img class="welcome-logo" src=${this.logoUrl} alt="" />` : m}
+            ${i ? o`<span class="label">${i}</span>` : m}
             <h2>${this.heading || s("heading")}</h2>
             <p>${this.description || s("description")}</p>
           </div>
@@ -4741,7 +4849,7 @@ assistant: ${s.slice(0, 1500)}`,
                         <span class="prompt-text">${r.text}</span>
                       </button>`
     )}
-                </div>` : f}
+                </div>` : m}
         </div></slot
       >
     </div>`;
@@ -4757,10 +4865,10 @@ assistant: ${s.slice(0, 1500)}`,
                       @click=${() => this.openChat(this.activeId)}
                     >
                       ${this.msg.retry}
-                    </button>` : f}
-            </div>` : f}
-      ${this.loadingThread ? o`${[1, 2].map(() => o`<div class="skeleton" style="height:48px"></div>`)}` : f}
-      ${Jt(
+                    </button>` : m}
+            </div>` : m}
+      ${this.loadingThread ? o`${[1, 2].map(() => o`<div class="skeleton" style="height:48px"></div>`)}` : m}
+      ${qt(
       this.msgs,
       (t) => t.key,
       (t, s) => t.role === "user" ? this.renderUser(t) : this.renderBot(t, s === e)
@@ -4771,8 +4879,8 @@ assistant: ${s.slice(0, 1500)}`,
     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}
+              ${i.map((a) => o`<span class="doc-chip"><span class="ext">${xt(a.name)}</span><span class="name">${a.name}</span></span>`)}
+            </div>` : m}
       ${this.editingKey === e.key ? o`<div class="edit-box">
               <textarea
                 rows="3"
@@ -4793,9 +4901,9 @@ assistant: ${s.slice(0, 1500)}`,
               </div>
             </div>` : o`<div class="bubble-user">${e.content}</div>
               <div class="toolbar">
-                ${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
+                ${this.allowBookmark && e.bookmarked ? o`<span class="saved">${k.bookmark(!0)}${t.saved}</span>` : m}
+                ${this.showTime ? o`<span class="time">${s}</span>` : m}
+                ${this.busy ? m : o`<button
                         type="button"
                         class="icon"
                         title=${t.edit}
@@ -4814,7 +4922,7 @@ assistant: ${s.slice(0, 1500)}`,
                         @click=${() => this.copy(e.key, e.content)}
                       >
                         ${k.copy()}
-                      </button>` : f}
+                      </button>` : m}
                 ${this.allowBookmark && e.id ? o`<button
                         type="button"
                         class="icon ${e.bookmarked ? "on" : ""}"
@@ -4823,7 +4931,7 @@ assistant: ${s.slice(0, 1500)}`,
                         @click=${() => this.toggleMessageBookmark(e)}
                       >
                         ${k.bookmark(e.bookmarked)}
-                      </button>` : f}
+                      </button>` : m}
                 ${this.allowDelete ? o`<button
                         type="button"
                         class="icon danger"
@@ -4832,48 +4940,48 @@ assistant: ${s.slice(0, 1500)}`,
                         @click=${() => this.deleteMessage(e)}
                       >
                         ${k.trash()}
-                      </button>` : f}
+                      </button>` : m}
               </div>`}
     </div>`;
   }
   pillLabel() {
-    return this.mode === "rag" ? this.msg.searching : this.msg.thinking;
+    return this.mode === "rag" || this.mode === "kb" ? this.msg.searching : this.msg.thinking;
   }
   renderBot(e, t) {
-    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 ? `
+    const s = this.msg, i = e.phase === "pending", a = e.phase === "done", r = e.sources.length, c = Ot(e.content), l = e.sources.map((w, L) => ft(w, L + 1)), f = c.size ? l.filter((w) => c.has(w.n)) : l, b = e.at ? new Date(e.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) : "", C = e.content + (f.length ? `
 
 Sources:
-${m.map((w) => `[${w.n}] ${w.title}`).join(`
-`)}` : ""), S = this.retrievalOpen.has(e.key);
+${f.map((w) => `[${w.n}] ${w.title}`).join(`
+`)}` : ""), T = this.retrievalOpen.has(e.key);
     return o`<div class="msg bot" part="message assistant">
-      ${i ? o`<div class="halo"></div>` : f}
+      ${i ? o`<div class="halo"></div>` : m}
       ${this.arrivedKey === e.key ? o`<div class="arrived">
               <div class="wash"></div>
               <div class="ring"></div>
               <div class="sweep"></div>
-            </div>` : f}
+            </div>` : m}
       <div class="bot-body">
-        ${this.allowBookmark && e.bookmarked ? o`<span class="saved">${k.bookmark(!0)}${s.saved}</span>` : f}
+        ${this.allowBookmark && e.bookmarked ? o`<span class="saved">${k.bookmark(!0)}${s.saved}</span>` : m}
         ${i ? o`<div class="pill" role="status">
                 <span class="ring"></span><span class="dot"></span>
                 <span class="shimmer">${this.pillLabel()}</span>
-              </div>` : f}
+              </div>` : m}
         ${this.showSources && r && !i ? o`<div class="retrieval">
                 <button
                   type="button"
                   class="retrieval-toggle"
-                  aria-expanded=${S ? "true" : "false"}
+                  aria-expanded=${T ? "true" : "false"}
                   @click=${() => {
       const 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">${L(s.searchedSources, { n: r })}</span>
-                  ${e.execTime !== void 0 ? o`<span class="ms">${e.execTime.toFixed(1)}s</span>` : f}
+                  <span class="chev">${T ? "▾" : "▸"}</span>
+                  <span style="flex:1">${_(s.searchedSources, { n: r })}</span>
+                  ${e.execTime !== void 0 ? o`<span class="ms">${e.execTime.toFixed(1)}s</span>` : m}
                 </button>
-                ${S ? o`<div class="retrieval-list">
-                        ${c.map(
+                ${T ? o`<div class="retrieval-list">
+                        ${l.map(
       (w) => o`<button
                               type="button"
                               class="passage"
@@ -4881,7 +4989,8 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
                             >
                               <span class="n">${w.n}</span>
                               <span class="what"
-                                ><span>${w.title}</span><span>${w.collection || w.path}</span></span
+                                ><span>${w.title}${w.section ? ` · ${w.section}` : ""}</span
+                                ><span>${w.collection || w.path}</span></span
                               >
                               ${w.score !== null ? o`<span class="relevance"
                                       ><span class="score">${w.score.toFixed(2)}</span>
@@ -4893,38 +5002,38 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
                                     ></span>` : o`<span></span>`}
                             </button>`
     )}
-                      </div>` : f}
-              </div>` : f}
-        ${i ? f : this.renderAnswer(e)}
-        ${e.phase === "streaming" ? o`<span class="caret"></span>` : f}
+                      </div>` : m}
+              </div>` : m}
+        ${i ? m : this.renderAnswer(e)}
+        ${e.phase === "streaming" ? o`<span class="caret"></span>` : m}
         ${e.phase === "error" ? o`<div class="error-card" role="alert">
                 <span>${e.error}</span>
                 <button type="button" class="btn" @click=${() => this.retry(e)}>
                   ${s.retry}
                 </button>
-              </div>` : f}
-        ${this.showSources && a && m.length ? o`<div class="cards">
-                <span class="label">${l.size ? s.sourcesCited : s.sourcesRetrieved}</span>
+              </div>` : m}
+        ${this.showSources && a && f.length ? o`<div class="cards">
+                <span class="label">${c.size ? s.sourcesCited : s.sourcesRetrieved}</span>
                 <div class="card-grid">
-                  ${m.map(
+                  ${f.map(
       (w) => {
-        var _;
+        var L;
         return o`<button
                         type="button"
-                        class="source-card ${((_ = this.panel) == null ? void 0 : _.key) === e.key && this.panel.n === w.n ? "active" : ""}"
+                        class="source-card ${((L = this.panel) == null ? void 0 : L.key) === e.key && this.panel.n === w.n ? "active" : ""}"
                         @click=${() => this.panel = { key: e.key, n: w.n }}
                       >
                         <span class="top"
                           ><span class="num">${w.n}</span
-                          >${w.collection ? o`<span class="label">${w.collection}</span>` : f}</span
+                          >${w.collection ? o`<span class="label">${w.collection}</span>` : m}</span
                         >
-                        <span class="t">${w.title}</span>
+                        <span class="t">${w.title}${w.section ? ` · ${w.section}` : ""}</span>
                         <span class="s">${w.text}</span>
                       </button>`;
       }
     )}
                 </div>
-              </div>` : f}
+              </div>` : m}
         ${a ? o`<div class="toolbar ${t ? "pinned" : ""}">
                 ${this.allowCopy ? o`<button
                         type="button"
@@ -4934,7 +5043,7 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
                         @click=${() => this.copy(e.key, C)}
                       >
                         ${k.copy()}
-                      </button>` : f}
+                      </button>` : m}
                 ${this.allowRaw && this.formatLevel !== "raw" && e.content ? o`<button
                         type="button"
                         class="icon ${this.rawKeys.has(e.key) ? "on" : ""}"
@@ -4944,7 +5053,7 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
                         @click=${() => this.toggleRaw(e.key)}
                       >
                         ${k.raw()}
-                      </button>` : f}
+                      </button>` : m}
                 ${this.allowRegenerate && t && !this.busy ? o`<button
                         type="button"
                         class="icon"
@@ -4953,7 +5062,7 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
                         @click=${() => this.regenerate()}
                       >
                         ${k.refresh()}
-                      </button>` : f}
+                      </button>` : m}
                 ${this.allowBookmark && e.id ? o`<button
                         type="button"
                         class="icon ${e.bookmarked ? "on" : ""}"
@@ -4962,7 +5071,7 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
                         @click=${() => this.toggleMessageBookmark(e)}
                       >
                         ${k.bookmark(e.bookmarked)}
-                      </button>` : f}
+                      </button>` : m}
                 ${this.allowDelete ? o`<button
                         type="button"
                         class="icon danger"
@@ -4971,9 +5080,9 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
                         @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}
+                      </button>` : m}
+                ${this.showTime ? o`<span class="time">${b}</span>` : m}
+                ${e.stopped ? o`<span class="note">${s.stopped}</span>` : m}
                 <span class="spacer"></span>
                 ${this.allowFeedback ? e.feedback ? o`<span class="note"
                           >${e.feedback === "up" ? s.markedHelpful : s.thanksFeedback}</span
@@ -4994,27 +5103,27 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
                             @click=${() => this.feedback(e, "down")}
                           >
                             ${k.thumb(!0)}
-                          </button>` : f}
-              </div>` : f}
+                          </button>` : m}
+              </div>` : m}
         ${this.showFollowups && a && t && !this.busy && e.followups.length ? o`<div class="followups">
                 ${e.followups.map(
       (w) => o`<button type="button" class="followup" @click=${() => this.send(w)}>
                       <span class="arrow">↳</span><span>${w}</span>
                     </button>`
     )}
-              </div>` : f}
+              </div>` : m}
       </div>
     </div>`;
   }
   renderAnswer(e) {
-    if (e.phase === "error" && !e.content) return f;
+    if (e.phase === "error" && !e.content) return m;
     if (e.phase === "done" && !e.content)
-      return e.stopped ? f : o`<div class="answer"><p class="note">${this.msg.emptyReply}</p></div>`;
+      return e.stopped ? m : o`<div class="answer"><p class="note">${this.msg.emptyReply}</p></div>`;
     const t = this.formatLevel;
     if (t === "raw" || this.allowRaw && this.rawKeys.has(e.key))
       return o`<div class="answer" part="answer"><p class="raw">${e.content}</p></div>`;
-    const s = e.phase === "streaming" ? ls(e.content) : e.content;
-    let i = ps(is(s), t);
+    const s = e.phase === "streaming" ? ps(e.content) : e.content;
+    let i = gs(os(s), t);
     if (this.afterParse)
       try {
         const r = this.afterParse(i, { message: e, format: t });
@@ -5024,13 +5133,16 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
       } catch (r) {
         console.warn("[singlebase-chat] afterParse failed; showing the original.", r);
       }
-    const a = e.sources.length;
+    const a = e.sources.reduce(
+      (r, c, l) => Math.max(r, ft(c, l + 1).n),
+      0
+    );
     return o`<div class="answer" part="answer">
-      ${i.map((r, l) => this.renderBlock(r, e, a, l))}
+      ${i.map((r, c) => this.renderBlock(r, e, a, c))}
     </div>`;
   }
   renderInline(e, t, s) {
-    return ns(e, s).map((i) => {
+    return ds(e, s).map((i) => {
       var a;
       switch (i.type) {
         case "bold":
@@ -5046,8 +5158,8 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
             >${i.text}</a
           >`;
         case "cite": {
-          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>`;
+          const r = ((a = this.panel) == null ? void 0 : a.key) === t.key && this.panel.n === i.n ? "cite active" : "cite", c = _(this.msg.openSource, { n: i.n });
+          return o`<button type="button" class=${r} aria-label=${c} @click=${() => this.panel = { key: t.key, n: i.n }}>${i.n}</button>`;
         }
         default:
           return i.text;
@@ -5071,7 +5183,7 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
       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.title || this.msg[_s[e.kind]]}</strong
           >
           ${e.text.split(`
 `).filter((a) => a.trim()).map((a) => o`<p>${this.renderInline(a, t, s)}</p>`)}
@@ -5090,7 +5202,7 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
       case "json":
         return this.renderJsonBlock(e.value, e.source, `${t.key}:${i}`);
       case "svg": {
-        const a = bs(e.source);
+        const a = ws(e.source);
         if (!a) return this.renderCode("svg", e.source, `${t.key}:${i}`);
         const r = `${t.key}:${i}`;
         return o`<figure class="svg" part="svg">
@@ -5114,18 +5226,18 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
         return o`<div class="gallery ${e.images.length > 1 ? "many" : ""}">
           ${e.images.map(
           (a) => o`<figure>
-                ${a.src && It(a.src, !0) ? o`<img
+                ${a.src && _t(a.src, !0) ? o`<img
                         src=${a.src}
                         alt=${a.alt}
                         loading="lazy"
                         referrerpolicy="no-referrer"
                       />` : o`<div class="img-missing"><span class="label">Image</span></div>`}
-                ${a.alt ? o`<figcaption>${a.alt}</figcaption>` : f}
+                ${a.alt ? o`<figcaption>${a.alt}</figcaption>` : m}
               </figure>`
         )}
         </div>`;
       default:
-        return f;
+        return m;
     }
   }
   renderList(e, t, s, i) {
@@ -5134,7 +5246,7 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
           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" />`}
+          ${r.checked === null ? m : o`<input type="checkbox" disabled .checked=${r.checked} aria-hidden="true" />`}
           ${this.renderInline(r.text, s, i)}
         </li>`
     );
@@ -5168,30 +5280,30 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
     }
   }
   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;
+    const c = (x) => /^[-+]?[$€£¥]?\s?[\d,.]+\s?%?$/.test(x.trim()) && /\d/.test(x), l = (x) => Number(x.replace(/[^\d.+-]/g, "")), f = e.map((x, S) => {
+      if (s[S]) return s[S];
+      const $ = t.map((A) => A[S] ?? "").filter(Boolean);
+      return $.length && $.filter(c).length / $.length >= 0.8 ? "right" : null;
     }), b = this.sorts.get(r);
     let C = t;
-    b && (C = [...t].sort((x, T) => {
-      const $ = x[b.col] ?? "", j = T[b.col] ?? "";
-      return (l($) && l(j) ? c($) - c(j) : $.localeCompare(j, void 0, { numeric: !0 })) * b.dir;
+    b && (C = [...t].sort((x, S) => {
+      const $ = x[b.col] ?? "", A = S[b.col] ?? "";
+      return (c($) && c(A) ? l($) - l(A) : $.localeCompare(A, void 0, { numeric: !0 })) * b.dir;
     }));
-    const S = C.length;
-    C = C.slice(0, Os);
+    const T = C.length;
+    C = C.slice(0, zs);
     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]}` : "";
+      const S = new Map(this.sorts), $ = S.get(r);
+      ($ == null ? void 0 : $.col) === x && $.dir === -1 ? S.delete(r) : S.set(r, { col: x, dir: ($ == null ? void 0 : $.col) === x ? -1 : 1 }), this.sorts = S;
+    }, L = (x) => f[x] ? `text-align:${f[x]}` : "";
     return o`<div class="table" part="table">
       <table>
         <thead>
           <tr>
-            ${e.map((x, 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)}>
+            ${e.map((x, S) => {
+      const $ = (b == null ? void 0 : b.col) === S ? b.dir === 1 ? "ascending" : "descending" : "none";
+      return o`<th style=${L(S)} aria-sort=${$}>
+                ${t.length > 1 ? o`<button type="button" class="sort" @click=${() => w(S)}>
                         ${this.renderInline(x, i, a)}<span class="arrow"
                           >${$ === "ascending" ? "↑" : $ === "descending" ? "↓" : "↕"}</span
                         >
@@ -5204,7 +5316,7 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
           ${C.map(
       (x) => o`<tr>
                 ${e.map(
-        (T, $) => o`<td style=${_($)}>
+        (S, $) => o`<td style=${L($)}>
                       ${this.renderInline(x[$] ?? "", i, a)}
                     </td>`
       )}
@@ -5212,28 +5324,28 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
     )}
         </tbody>
       </table>
-      ${S > C.length ? o`<div class="table-note">
-              ${L(this.msg.showingRows, { n: C.length, total: S })}
-            </div>` : f}
+      ${T > C.length ? o`<div class="table-note">
+              ${_(this.msg.showingRows, { n: C.length, total: T })}
+            </div>` : m}
     </div>`;
   }
   renderJsonBlock(e, t, s) {
     let i = 0;
-    const a = (l) => {
-      i++, i <= Lt && l && typeof l == "object" && Object.values(l).forEach(a);
+    const a = (c) => {
+      i++, i <= Nt && c && typeof c == "object" && Object.values(c).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}>
+    if (a(e), i > Nt) return this.renderCode("json", t, s);
+    const r = (c, l, f) => {
+      const b = f === void 0 ? m : o`<span class="jkey">${f}</span>: `;
+      if (c && typeof c == "object") {
+        const T = Object.entries(c), w = Array.isArray(c) ? `[${T.length}]` : `{${T.length}}`;
+        return o`<details class="jnode" ?open=${l < 2}>
           <summary>${b}<span class="jmeta">${w}</span></summary>
-          <div class="jkids">${S.map(([_, x]) => r(x, c + 1, _))}</div>
+          <div class="jkids">${T.map(([L, x]) => r(x, l + 1, L))}</div>
         </details>`;
       }
       return o`<div class="jleaf">
-        ${b}<span class="jv ${l === null ? "null" : typeof l}">${JSON.stringify(l)}</span>
+        ${b}<span class="jv ${c === null ? "null" : typeof c}">${JSON.stringify(c)}</span>
       </div>`;
     };
     return o`<div class="code json" part="json">
@@ -5249,26 +5361,26 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
   renderChart(e) {
     const t = e.series.length > 1 ? o`<span class="legend">
             ${e.series.map(
-      (r, l) => o`<span
+      (r, c) => o`<span
                   ><span
                     class="swatch"
-                    style="background:${N[l % N.length]}"
+                    style="background:${j[c % j.length]}"
                   ></span
                   >${r.name}</span
                 >`
     )}
-          </span>` : f, s = o`<div class="chart-head">
+          </span>` : m, s = o`<div class="chart-head">
       <span class="chart-title">${e.title}</span>${t}
     </div>`;
     if (e.type === "line") {
-      const 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));
+      const r = Math.max(0, ...e.series.flatMap((b) => b.values)), c = Math.pow(10, Math.floor(Math.log10(r || 1))), l = Math.ceil(r / c * 2) / 2 * c || 1, f = Math.max(e.labels.length, ...e.series.map((b) => b.values.length));
       return o`<figure class="chart" part="chart" aria-label=${e.title}>
         ${s}
         <div class="line-chart">
           <div class="plot">
             ${[1, 0.5, 0].map(
         (b) => o`<div class="tick ${b === 0 ? "base" : ""}" style="top:${(1 - b) * 100}%">
-                  <span>${ut(Math.round(c * b), e.unit)}</span>
+                  <span>${mt(Math.round(l * b), e.unit)}</span>
                 </div>`
       )}
             <svg
@@ -5278,12 +5390,12 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
               aria-label=${e.title}
             >
               ${e.series.map(
-        (b, C) => I`<polyline pathLength="1" stroke=${N[C % N.length]}
+        (b, C) => O`<polyline pathLength="1" stroke=${j[C % j.length]}
                   points=${b.values.map(
-          (S, w) => `${(m > 1 ? w / (m - 1) * 600 : 300).toFixed(1)},${(170 - S / c * 170).toFixed(1)}`
+          (T, w) => `${(f > 1 ? w / (f - 1) * 600 : 300).toFixed(1)},${(170 - T / l * 170).toFixed(1)}`
         ).join(
           " "
-        )}><title>${b.name}: ${b.values.map((S) => ut(S, e.unit)).join(", ")}</title></polyline>`
+        )}><title>${b.name}: ${b.values.map((T) => mt(T, e.unit)).join(", ")}</title></polyline>`
       )}
             </svg>
           </div>
@@ -5292,77 +5404,80 @@ ${m.map((w) => `[${w.n}] ${w.title}`).join(`
       </figure>`;
     }
     const i = e.labels.map(
-      (r, l) => e.series.reduce((c, m) => c + (m.values[l] || 0), 0)
+      (r, c) => e.series.reduce((l, f) => l + (f.values[c] || 0), 0)
     ), a = Math.max(0, ...i) || 1;
     return o`<figure class="chart" part="chart" aria-label=${e.title}>
       ${s}
       <div class="bars">
         ${e.labels.map(
-      (r, l) => o`<div class="bar-row" title="${r}: ${ut(i[l], e.unit)}">
+      (r, c) => o`<div class="bar-row" title="${r}: ${mt(i[c], e.unit)}">
               <span class="bar-label">${r}</span>
               <span class="bar-track"
-                ><span class="bar-fill" style="width:${Math.max(0, i[l]) / a * 100}%">
+                ><span class="bar-fill" style="width:${Math.max(0, i[c]) / a * 100}%">
                   ${e.series.map(
-        (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)"}"
+        (l, f) => o`<span
+                        style="flex:${Math.max(0, l.values[c] || 0)};background:${e.series.length > 1 ? j[f % j.length] : "var(--c-ink)"}"
                       ></span>`
       )}
                 </span></span
               >
-              <span class="bar-value">${ut(i[l], e.unit)}</span>
+              <span class="bar-value">${mt(i[c], e.unit)}</span>
             </div>`
     )}
       </div>
     </figure>`;
   }
   renderPanel() {
-    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)}` : ""
+    if (!this.panel) return m;
+    const e = this.msgs.find((b) => b.key === this.panel.key);
+    if (!e) return m;
+    const t = e.sources.map((b, C) => ft(b, C + 1)), s = t.find((b) => b.n === this.panel.n);
+    if (!s) return m;
+    const i = this.msg, a = Ot(e.content), r = t.filter((b) => b.n !== s.n && (!a.size || a.has(b.n))), c = `ref:${e.key}:${s.n}`, l = `"${s.text}"
+— ${s.title} [${s.n}]${s.path ? `
+${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, f = [
+      s.updated ? `Updated ${s.updated}` : "",
+      s.score !== null ? `Relevance ${s.score.toFixed(2)}` : ""
     ].filter(Boolean).join(" · ");
     return o`<aside
       class="panel ${this.panelDocked ? "docked" : "overlay"}"
       part="panel"
       role="region"
-      aria-label=${L(s.sourceLabel, { n: i.n })}
+      aria-label=${_(i.sourceLabel, { n: s.n })}
     >
       <div class="panel-head">
         <span class="label"
-          >${L(s.sourceLabel, { n: i.n })}${i.collection ? ` · ${i.collection}` : ""}</span
+          >${_(i.sourceLabel, { n: s.n })}${s.collection ? ` · ${s.collection}` : ""}</span
         >
         <button type="button" class="text-btn underline" @click=${() => this.panel = null}>
-          ${s.close}
+          ${i.close}
         </button>
       </div>
       <div class="panel-body">
         <div class="panel-meta">
-          <h3>${i.title}</h3>
-          ${i.path ? o`<span class="path">${i.path}</span>` : f}
-          ${m ? o`<span class="meta">${m}</span>` : f}
+          <h3>${s.title}</h3>
+          ${s.section ? o`<span class="meta">${s.section}</span>` : m}
+          ${s.path ? o`<span class="path">${s.path}</span>` : m}
+          ${f ? o`<span class="meta">${f}</span>` : m}
         </div>
         <div class="passage-box">
-          <span class="text">${i.text}</span>
+          <span class="text">${s.text}</span>
           <div class="passage-foot">
-            <span class="label">${s.citedPassage}</span>
+            <span class="label">${i.citedPassage}</span>
             <button
               type="button"
               class="copy-ref"
-              title=${s.copyReference}
-              aria-label=${s.copyReference}
-              @click=${() => this.copy(l, c)}
+              title=${i.copyReference}
+              aria-label=${i.copyReference}
+              @click=${() => this.copy(c, l)}
             >
-              ${k.copy()}<span>${this.copiedKey === l ? s.copied : s.copy}</span>
+              ${k.copy()}<span>${this.copiedKey === c ? i.copied : i.copy}</span>
             </button>
           </div>
         </div>
       </div>
       ${r.length ? o`<div class="panel-foot">
-              <span class="label">${s.alsoCited}</span>
+              <span class="label">${i.alsoCited}</span>
               <div class="chips">
                 ${r.map(
       (b) => o`<button
@@ -5374,12 +5489,12 @@ ${i.path}` : ""}${i.updated ? ` · Updated ${i.updated}` : ""}`, m = [
                     </button>`
     )}
               </div>
-            </div>` : f}
+            </div>` : m}
     </aside>`;
   }
   renderComposer() {
-    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
+    const e = this.msg, t = this.mode === "rag" ? e.placeholderRag : this.mode === "kb" ? e.placeholderKb : _(e.placeholderChat, { name: this.assistantName }), s = !this.draft.trim(), i = this.footnote === "" ? m : o`<span class="footnote" part="footnote"
+            >${this.footnote ?? _(e.footnote, { name: this.assistantName })}</span
           >`;
     return this.showComposer ? o`<div class="composer-wrap">
       <div class="composer-col">
@@ -5394,15 +5509,34 @@ ${i.path}` : ""}${i.updated ? ` · Updated ${i.updated}` : ""}`, m = [
     }}
         />
         <div class="composer-box">
-          ${this.busy ? o`<div class="composer-glow"></div>` : f}
+          ${this.busy ? o`<div class="composer-glow"></div>` : m}
           <div class="composer ${this.busy ? "busy" : ""}" part="composer">
+            ${this.savedFiles.length ? o`<div class="pending-files" part="saved-files">
+                    ${this.savedFiles.map(
+      (a) => o`<div class="pending-file kept">
+                          <span class="ext">${xt(a.name)}</span>
+                          <span class="meta"
+                            ><span class="name">${a.name}</span
+                            ><span class="size">${e.inThisChat}</span></span
+                          >
+                          <button
+                            type="button"
+                            aria-label=${e.removeFromChat}
+                            title=${e.removeFromChat}
+                            @click=${() => this.removeSavedFile(a)}
+                          >
+                            ×
+                          </button>
+                        </div>`
+    )}
+                  </div>` : m}
             ${this.files.length ? o`<div class="pending-files">
                     ${this.files.map(
       (a) => o`<div class="pending-file">
-                          <span class="ext">${Rt(a.name)}</span>
+                          <span class="ext">${xt(a.name)}</span>
                           <span class="meta"
                             ><span class="name">${a.name}</span
-                            ><span class="size">${vt(a.size)}</span></span
+                            ><span class="size">${kt(a.size)}</span></span
                           >
                           <button
                             type="button"
@@ -5414,7 +5548,7 @@ ${i.path}` : ""}${i.updated ? ` · Updated ${i.updated}` : ""}`, m = [
                           </button>
                         </div>`
     )}
-                  </div>` : f}
+                  </div>` : m}
             <textarea
               class="input"
               rows="1"
@@ -5437,7 +5571,7 @@ ${i.path}` : ""}${i.updated ? ` · Updated ${i.updated}` : ""}`, m = [
     }}
                       >
                         ${k.clip()}
-                      </button>` : f}
+                      </button>` : m}
               </div>
               ${this.busy ? o`<button
                       type="button"
@@ -5459,7 +5593,7 @@ ${i.path}` : ""}${i.updated ? ` · Updated ${i.updated}` : ""}`, m = [
                     </button>`}
             </div>
           </div>
-          ${this.busy ? o`<div class="composer-ring"><div class="ring"></div></div>` : f}
+          ${this.busy ? o`<div class="composer-ring"><div class="ring"></div></div>` : m}
         </div>
         ${i}
       </div>
@@ -5467,8 +5601,8 @@ ${i.path}` : ""}${i.updated ? ` · Updated ${i.updated}` : ""}`, m = [
         <div class="composer-col">${i}</div>
       </div>`;
   }
-}, 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]);
+}, N = new WeakMap(), R = new WeakMap(), E = new WeakMap(), B = new WeakMap(), D = new WeakMap(), F = new WeakMap(), K = new WeakMap(), P = new WeakMap(), U = new WeakMap(), W = new WeakMap(), H = new WeakMap(), J = new WeakMap(), G = new WeakMap(), q = new WeakMap(), V = new WeakMap(), X = new WeakMap(), Y = new WeakMap(), Q = new WeakMap(), Z = new WeakMap(), ee = new WeakMap(), te = new WeakMap(), se = new WeakMap(), ie = new WeakMap(), ae = new WeakMap(), re = new WeakMap(), oe = new WeakMap(), ne = new WeakMap(), le = new WeakMap(), ce = new WeakMap(), de = new WeakMap(), pe = new WeakMap(), he = new WeakMap(), ue = new WeakMap(), ge = new WeakMap(), me = new WeakMap(), fe = new WeakMap(), be = new WeakMap(), xe = new WeakMap(), ve = new WeakMap(), we = new WeakMap(), ye = new WeakMap(), ke = new WeakMap(), $e = new WeakMap(), Ce = new WeakMap(), Te = new WeakMap(), Se = new WeakMap(), Ie = new WeakMap(), Oe = new WeakMap(), Me = new WeakMap(), ze = new WeakMap(), _e = new WeakMap(), Le = new WeakMap(), Ae = new WeakMap(), je = new WeakMap(), Ne = new WeakMap(), Re = new WeakMap(), Ee = new WeakMap(), Be = new WeakMap(), De = new WeakMap(), Fe = new WeakMap(), Ke = new WeakMap(), Pe = new WeakMap(), Ue = new WeakMap(), We = new WeakMap(), He = new WeakMap(), Je = new WeakMap(), Ge = new WeakMap(), qe = new WeakMap(), Ve = new WeakMap(), Xe = new WeakMap(), Ye = new WeakMap(), Qe = new WeakMap(), Ze = new WeakMap(), et = new WeakMap(), tt = new WeakMap(), st = new WeakMap(), it = new WeakMap(), at = new WeakMap(), rt = new WeakMap(), ot = new WeakMap(), nt = new WeakMap(), lt = new WeakMap(), ct = new WeakMap(), dt = new WeakMap(), pt = new WeakMap(), ht = new WeakMap(), ut = new WeakMap(), gt = new WeakMap(), Ft);
+$s(d, "styles", [Yt, Qt, Zt]);
 g([
   v({ attribute: !1 })
 ], d.prototype, "client", 1);
@@ -5500,40 +5634,49 @@ g([
   v({ reflect: !0 })
 ], d.prototype, "glow", 1);
 g([
-  v({ converter: O })
+  v()
+], d.prototype, "docsets", 1);
+g([
+  v({ attribute: "attachments-mode" })
+], d.prototype, "attachmentsMode", 1);
+g([
+  v({ converter: I, attribute: "save-attachments" })
+], d.prototype, "saveAttachments", 1);
+g([
+  v({ converter: I })
 ], d.prototype, "followups", 1);
 g([
-  v({ converter: O, attribute: "show-sources" })
+  v({ converter: I, attribute: "show-sources" })
 ], d.prototype, "showSources", 1);
 g([
-  v({ converter: O, attribute: "show-new-chat" })
+  v({ converter: I, attribute: "show-new-chat" })
 ], d.prototype, "showNewChat", 1);
 g([
-  v({ converter: O, attribute: "show-bookmarked" })
+  v({ converter: I, attribute: "show-bookmarked" })
 ], d.prototype, "showBookmarked", 1);
 g([
-  v({ converter: O, attribute: "show-followups" })
+  v({ converter: I, attribute: "show-followups" })
 ], d.prototype, "showFollowups", 1);
 g([
-  v({ converter: O, attribute: "allow-search" })
+  v({ converter: I, attribute: "allow-search" })
 ], d.prototype, "allowSearch", 1);
 g([
-  v({ converter: O, attribute: "auto-title" })
+  v({ converter: I, attribute: "auto-title" })
 ], d.prototype, "autoTitle", 1);
 g([
   v()
 ], d.prototype, "model", 1);
 g([
-  v({ converter: ft })
+  v({ converter: vt })
 ], d.prototype, "params", 1);
 g([
   v({ attribute: "system-message" })
 ], d.prototype, "systemMessage", 1);
 g([
-  v({ converter: ft })
+  v({ converter: vt })
 ], d.prototype, "retrieval", 1);
 g([
-  v({ converter: ft })
+  v({ converter: vt })
 ], d.prototype, "metadata", 1);
 g([
   v({ reflect: !0 })
@@ -5542,10 +5685,10 @@ g([
   v({ reflect: !0 })
 ], d.prototype, "position", 1);
 g([
-  v({ converter: ys })
+  v({ converter: Cs })
 ], d.prototype, "sidebar", 1);
 g([
-  v({ converter: O, attribute: "show-title" })
+  v({ converter: I, attribute: "show-title" })
 ], d.prototype, "showTitle", 1);
 g([
   v({ attribute: "chat-id" })
@@ -5578,34 +5721,34 @@ g([
   v({ type: Boolean, attribute: "unread-badge" })
 ], d.prototype, "unreadBadge", 1);
 g([
-  v({ converter: O, attribute: "allow-upload" })
+  v({ converter: I, attribute: "allow-upload" })
 ], d.prototype, "allowUpload", 1);
 g([
-  v({ converter: O, attribute: "allow-export" })
+  v({ converter: I, attribute: "allow-export" })
 ], d.prototype, "allowExport", 1);
 g([
-  v({ converter: O, attribute: "allow-copy" })
+  v({ converter: I, attribute: "allow-copy" })
 ], d.prototype, "allowCopy", 1);
 g([
-  v({ converter: O, attribute: "allow-regenerate" })
+  v({ converter: I, attribute: "allow-regenerate" })
 ], d.prototype, "allowRegenerate", 1);
 g([
-  v({ converter: O, attribute: "allow-bookmark" })
+  v({ converter: I, attribute: "allow-bookmark" })
 ], d.prototype, "allowBookmark", 1);
 g([
-  v({ converter: O, attribute: "allow-delete" })
+  v({ converter: I, attribute: "allow-delete" })
 ], d.prototype, "allowDelete", 1);
 g([
-  v({ converter: O, attribute: "allow-rename" })
+  v({ converter: I, attribute: "allow-rename" })
 ], d.prototype, "allowRename", 1);
 g([
-  v({ converter: O, attribute: "allow-feedback" })
+  v({ converter: I, attribute: "allow-feedback" })
 ], d.prototype, "allowFeedback", 1);
 g([
-  v({ converter: O, attribute: "show-composer" })
+  v({ converter: I, attribute: "show-composer" })
 ], d.prototype, "showComposer", 1);
 g([
-  v({ converter: O, attribute: "show-time" })
+  v({ converter: I, attribute: "show-time" })
 ], d.prototype, "showTime", 1);
 g([
   v()
@@ -5614,14 +5757,8 @@ g([
   v({ type: Boolean, attribute: "allow-raw" })
 ], d.prototype, "allowRaw", 1);
 g([
-  v({ converter: O })
+  v({ converter: I })
 ], 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);
@@ -5694,6 +5831,9 @@ g([
 g([
   y()
 ], d.prototype, "rawKeys", 1);
+g([
+  y()
+], d.prototype, "savedFiles", 1);
 g([
   y()
 ], d.prototype, "hasSidebarContent", 1);
@@ -5728,19 +5868,19 @@ g([
   y()
 ], d.prototype, "mobile", 1);
 d = g([
-  Wt("singlebase-chat")
+  Gt("singlebase-chat")
 ], d);
 export {
   d 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
+  gs as a,
+  ft as b,
+  Ot as c,
+  es as d,
+  os as e,
+  zt as f,
+  ws as g,
+  ds as p,
+  ts as r,
+  ps as s
 };
-//# sourceMappingURL=chat-CEh6RygY.js.map
+//# sourceMappingURL=chat-BH_3e1jT.js.map