@singlebase/elements 0.7.0 → 0.9.0

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

@@ -1,15 +1,15 @@
-var Ut = Object.defineProperty;
-var wt = (n) => {
+var es = Object.defineProperty;
+var _t = (n) => {
   throw TypeError(n);
 };
-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";
+var ts = (n, e, t) => e in n ? es(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
+var O = (n, e, t) => ts(n, typeof e != "symbol" ? e + "" : e, t), zt = (n, e, t) => e.has(n) || _t("Cannot " + t);
+var p = (n, e, t) => (zt(n, e, "read from private field"), t ? t.call(n) : e.get(n)), h = (n, e, t) => e.has(n) ? _t("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), u = (n, e, t, s) => (zt(n, e, "write to private field"), s ? s.call(n, t) : e.set(n, t), t);
+import { css as ss, LitElement as is, html as o, nothing as b, svg as _ } from "lit";
+import { property as x, state as k, customElement as as } from "lit/decorators.js";
+import { repeat as rs } from "lit/directives/repeat.js";
+import { getDefaultClient as os } from "@singlebase/core";
+import { a as j, e as Lt, j as ns, t as ls, b as cs } 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 Zt = Ht`
+const ds = ss`
   :host {
     --c-ink: var(--sb-ink, #16181a);
     --c-ink2: var(--sb-ink-2, #41464b);
@@ -745,6 +745,20 @@ const Zt = Ht`
     box-shadow: 0 6px 18px -10px rgba(22, 24, 26, 0.25);
   }
 
+  /* A starter question that hasn't arrived yet. */
+  .prompt.skeleton {
+    min-height: 62px;
+    cursor: default;
+    background: var(--c-soft, rgba(22, 24, 26, 0.04));
+    border-style: dashed;
+    animation: aiBreathe 1.6s ease-in-out infinite;
+  }
+
+  .prompt.skeleton:hover {
+    border-color: var(--c-line);
+    box-shadow: none;
+  }
+
   .prompt .label {
     font-size: 10.5px;
     letter-spacing: 0.06em;
@@ -1727,6 +1741,12 @@ const Zt = Ht`
     background: var(--c-bg);
   }
 
+  .source-card .nums {
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: 3px;
+  }
+
   .source-card .t {
     font-size: 13px;
     font-weight: 500;
@@ -1825,6 +1845,19 @@ const Zt = Ht`
     border: 1px solid var(--c-strong);
   }
 
+  /* The passage the reader clicked, among several from one document. */
+  .passage-box.current {
+    border-color: var(--c-ink);
+    box-shadow: 0 0 0 1px var(--c-ink);
+  }
+
+  .passage-head {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    min-width: 0;
+  }
+
   .passage-box .text {
     font-size: 13px;
     line-height: 1.6;
@@ -2456,7 +2489,7 @@ const Zt = Ht`
       height: auto;
     }
   }
-`, es = {
+`, ps = {
   eyebrowChat: "Chat",
   eyebrowRag: "Grounded answers",
   headingChat: "What can I help with?",
@@ -2504,6 +2537,10 @@ const Zt = Ht`
   restore: "Restore size",
   minimize: "Minimize chat",
   exportHeading: "Export this chat",
+  viewOptions: "View options",
+  viewHeading: "Show in answers",
+  viewFollowups: "Suggested questions",
+  viewSources: "Sources",
   exportMarkdown: "Markdown",
   exportJson: "JSON",
   exportText: "Plain text",
@@ -2532,6 +2569,7 @@ const Zt = Ht`
   sourceLabel: "Source {n}",
   openSource: "Open source {n}",
   citedPassage: "Cited passage",
+  passageCount: "{n} passages",
   copyReference: "Copy passage with reference",
   alsoCited: "Also cited",
   close: "Close",
@@ -2570,33 +2608,33 @@ const Zt = Ht`
   closeChat: "Close chat",
   dismiss: "Dismiss"
 };
-function ts(n) {
-  return { ...es, ...n ?? {} };
+function hs(n) {
+  return { ...ps, ...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 us = /^\|.*\|$/, jt = /^\|[\s:|-]+\|$/, At = /^!\[([^\]]*)\]\(([^)]*)\)$/, Rt = /^(\s*)([-*+]|\d+[.)])\s+(.*)$/, Nt = /^\[( |x|X)\]\s+/, gs = /^(-{3,}|\*{3,}|_{3,})$/, ms = /^\[!(NOTE|TIP|IMPORTANT|WARNING|CAUTION)\]\s*(.*)$/i, fs = ["note", "tip", "important", "warning", "caution"];
+function bs(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(), c = (a > -1 ? s.slice(a + 1) : "").replace(/\n$/, "");
-      e.push(ns(r, c, i === t.length - 1));
+      e.push(vs(r, c, i === t.length - 1));
       return;
     }
     for (const a of s.split(/\n{2,}/))
-      a.trim() && e.push(...Kt(a));
+      a.trim() && e.push(...Yt(a));
   }), e;
 }
-function ns(n, e, t) {
+function vs(n, e, t) {
   const [s = "", ...i] = n.split(/\s+/), a = s.toLowerCase();
   if (a === "chart") {
-    const r = t ? null : cs(e);
+    const r = t ? null : ws(e);
     return r ? { type: "chart", spec: r } : { type: "pending", kind: "chart" };
   }
   if (a === "svg")
     return t || !/<svg[\s>]/i.test(e) ? { type: "pending", kind: "svg" } : { type: "svg", source: e.trim() };
   if (!t && (a === "csv" || a === "tsv")) {
-    const r = ls(e, a === "tsv" ? "	" : ",");
+    const r = xs(e, a === "tsv" ? "	" : ",");
     if (r.length > 1)
       return { type: "table", head: r[0], rows: r.slice(1), align: r[0].map(() => null) };
   }
@@ -2606,7 +2644,7 @@ function ns(n, e, t) {
     } catch {
     }
   if (a === "callout") {
-    const r = (i[0] ?? "").toLowerCase(), c = rs.includes(r);
+    const r = (i[0] ?? "").toLowerCase(), c = fs.includes(r);
     return {
       type: "callout",
       kind: c ? r : "note",
@@ -2616,30 +2654,30 @@ function ns(n, e, t) {
   }
   return { type: "code", lang: a || "code", text: e };
 }
-function Kt(n) {
+function Yt(n) {
   const e = n.split(`
 `).filter((i) => i.trim()), t = e.map((i) => i.trim());
-  if (t.length > 1 && t.every((i) => ss.test(i))) {
-    const i = (f) => f.replace(/^\||\|$/g, "").split("|").map((b) => b.trim()), a = t.findIndex((f) => $t.test(f)), r = a > -1 ? i(t[a]).map(
-      (f) => /^:-+:$/.test(f) ? "center" : /^-+:$/.test(f) ? "right" : /^:-+$/.test(f) ? "left" : null
-    ) : [], c = t.filter((f) => !$t.test(f)).map(i), l = c[0] ?? [];
+  if (t.length > 1 && t.every((i) => us.test(i))) {
+    const i = (m) => m.replace(/^\||\|$/g, "").split("|").map((v) => v.trim()), a = t.findIndex((m) => jt.test(m)), r = a > -1 ? i(t[a]).map(
+      (m) => /^:-+:$/.test(m) ? "center" : /^-+:$/.test(m) ? "right" : /^:-+$/.test(m) ? "left" : null
+    ) : [], c = t.filter((m) => !jt.test(m)).map(i), l = c[0] ?? [];
     return [
-      { type: "table", head: l, rows: c.slice(1), align: l.map((f, b) => r[b] ?? null) }
+      { type: "table", head: l, rows: c.slice(1), align: l.map((m, v) => r[v] ?? null) }
     ];
   }
-  if (t.length === 1 && is.test(t[0])) return [{ type: "hr" }];
-  if (t.every((i) => Ct.test(i)))
+  if (t.length === 1 && gs.test(t[0])) return [{ type: "hr" }];
+  if (t.every((i) => At.test(i)))
     return [
       {
         type: "img",
         images: t.map((i) => {
-          const a = i.match(Ct);
+          const a = i.match(At);
           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(as);
+    const i = t.map((r) => r.replace(/^>\s?/, "")), a = i[0].match(ms);
     return a ? [
       {
         type: "callout",
@@ -2650,14 +2688,14 @@ function Kt(n) {
       }
     ] : [{ type: "quote", text: i.join(" ") }];
   }
-  if (Tt.test(e[0])) {
+  if (Rt.test(e[0])) {
     const i = [];
     for (const a of e) {
-      const r = a.match(Tt);
+      const r = a.match(Rt);
       if (r) {
-        const c = r[3].match(St);
+        const c = r[3].match(Nt);
         i.push({
-          text: c ? r[3].replace(St, "") : r[3],
+          text: c ? r[3].replace(Nt, "") : r[3],
           depth: Math.min(3, Math.floor(r[1].replace(/\t/g, "  ").length / 2)),
           checked: c ? c[1] !== " " : null
         });
@@ -2672,26 +2710,26 @@ function Kt(n) {
 `);
     return [
       { type: "h", level: s[1].length, text: s[2] },
-      ...i ? Kt(i) : []
+      ...i ? Yt(i) : []
     ];
   }
   return [{ type: "p", text: t.join(" ") }];
 }
-function ls(n, e = ",") {
+function xs(n, e = ",") {
   var l;
   const t = [];
   let s = [], i = "", a = !1;
   const r = n.replace(/\r/g, "");
-  for (let f = 0; f < r.length; f++) {
-    const b = r[f];
-    a ? b === '"' && r[f + 1] === '"' ? (i += '"', f++) : b === '"' ? a = !1 : i += b : b === '"' && i === "" ? a = !0 : b === e ? (s.push(i.trim()), i = "") : b === `
-` ? (s.push(i.trim()), s.some(Boolean) && t.push(s), s = [], i = "") : i += b;
+  for (let m = 0; m < r.length; m++) {
+    const v = r[m];
+    a ? v === '"' && r[m + 1] === '"' ? (i += '"', m++) : v === '"' ? a = !1 : i += v : v === '"' && i === "" ? a = !0 : v === e ? (s.push(i.trim()), i = "") : v === `
+` ? (s.push(i.trim()), s.some(Boolean) && t.push(s), s = [], i = "") : i += v;
   }
   s.push(i.trim()), s.some(Boolean) && t.push(s);
   const c = ((l = t[0]) == null ? void 0 : l.length) ?? 0;
-  return t.map((f) => f.length < c ? [...f, ...Array(c - f.length).fill("")] : f);
+  return t.map((m) => m.length < c ? [...m, ...Array(c - m.length).fill("")] : m);
 }
-function cs(n) {
+function ws(n) {
   let e;
   try {
     e = JSON.parse(n);
@@ -2713,7 +2751,7 @@ function cs(n) {
     series: t
   };
 }
-const It = new RegExp(
+const Et = new RegExp(
   [
     /\*\*([^*]+)\*\*/.source,
     // 1 bold
@@ -2734,16 +2772,16 @@ const It = new RegExp(
   ].join("|"),
   "g"
 );
-function ds(n, e = 0) {
+function ys(n, e = 0) {
   const t = [];
   let s = 0, i;
-  It.lastIndex = 0;
+  Et.lastIndex = 0;
   const a = (r) => {
     if (!r) return;
     const c = t[t.length - 1];
     (c == null ? void 0 : c.type) === "text" ? c.text += r : t.push({ type: "text", text: r });
   };
-  for (; i = It.exec(n); ) {
+  for (; i = Et.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] });
@@ -2759,7 +2797,7 @@ function ds(n, e = 0) {
   }
   return a(n.slice(s)), t;
 }
-function ps(n) {
+function ks(n) {
   if (((n ?? "").match(/```/g) ?? []).length % 2 === 1) return n;
   const e = n.lastIndexOf(`
 
@@ -2776,13 +2814,13 @@ function ps(n) {
     }
   return t + s;
 }
-function Ot(n) {
+function Bt(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 hs(n) {
+function $s(n) {
   return [
     ["", ...n.series.map((e) => e.name)],
     ...n.labels.map((e, t) => [
@@ -2791,24 +2829,24 @@ function hs(n) {
     ])
   ];
 }
-const Mt = (n) => n.map((e) => e.join("  ·  ")).join(`
-`), us = {
+const Ft = (n) => n.map((e) => e.join("  ·  ")).join(`
+`), Cs = {
   note: "Note",
   tip: "Tip",
   important: "Important",
   warning: "Warning",
   caution: "Caution"
 };
-function gs(n, e) {
+function Ss(n, e) {
   if (e === "rich") return n;
   const t = e === "plain";
   return n.map((s) => {
     switch (s.type) {
       case "chart": {
-        const [i, ...a] = hs(s.spec);
+        const [i, ...a] = $s(s.spec);
         return t ? {
           type: "raw",
-          text: [s.spec.title, Mt([i, ...a])].filter(Boolean).join(`
+          text: [s.spec.title, Ft([i, ...a])].filter(Boolean).join(`
 `)
         } : {
           type: "table",
@@ -2822,7 +2860,7 @@ function gs(n, e) {
       case "callout":
         return {
           type: "quote",
-          text: `**${s.title || us[s.kind]}** ${s.text}`.trim()
+          text: `**${s.title || Cs[s.kind]}** ${s.text}`.trim()
         };
       case "img":
         return {
@@ -2830,7 +2868,7 @@ function gs(n, e) {
           text: s.images.map((i) => `Image: ${i.alt || "untitled"}`).join(" · ")
         };
       case "table":
-        return t ? { type: "raw", text: Mt([s.head, ...s.rows]) } : s;
+        return t ? { type: "raw", text: Ft([s.head, ...s.rows]) } : s;
       case "json":
         return t ? { type: "code", lang: "json", text: s.source } : s;
       case "svg":
@@ -2840,32 +2878,32 @@ function gs(n, e) {
     }
   });
 }
-function zt(n) {
+function Dt(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 ms(n) {
+function Ts(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 fs(n, e = 48) {
-  const t = ms(n);
+function Kt(n, e = 48) {
+  const t = Ts(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 bs(n) {
+function Os(n) {
   return String(n ?? "").split(`
 `)[0].trim().replace(/^["'“”‘’]+|["'“”‘’]+$/g, "").replace(/^title:\s*/i, "").replace(/[.!?:;,]+$/, "").trim().slice(0, 80);
 }
-function _t(n, e = !1) {
+function Pt(n, e = !1) {
   return /^https?:\/\//i.test(n) ? !0 : e && /^(blob:|data:image\/)/i.test(n);
 }
-const xs = 2e5, vs = /* @__PURE__ */ new Set([
+const Is = 2e5, Ms = /* @__PURE__ */ new Set([
   "script",
   "foreignobject",
   "iframe",
@@ -2881,23 +2919,23 @@ const xs = 2e5, vs = /* @__PURE__ */ new Set([
   "handler",
   "listener"
 ]);
-function ws(n) {
-  if (!n || n.length > xs || typeof DOMParser > "u") return null;
+function _s(n) {
+  if (!n || n.length > Is || typeof DOMParser > "u") return null;
   const e = new DOMParser().parseFromString(n, "image/svg+xml"), t = e.documentElement;
   if (!t || t.nodeName.toLowerCase() !== "svg" || e.querySelector("parsererror"))
     return null;
   const s = (a) => {
     for (const r of Array.from(a.children)) {
       const c = r.nodeName.toLowerCase();
-      if (vs.has(c)) r.remove();
+      if (Ms.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));
+        r.replaceWith(...l), l.forEach((m) => m instanceof Element && s(m));
       } else s(r);
     }
     for (const r of Array.from(a.attributes)) {
-      const c = r.name.toLowerCase(), l = r.value.trim().toLowerCase(), f = (c === "href" || c.endsWith(":href")) && !l.startsWith("#"), b = l.includes("javascript:") || /url\(\s*['"]?(?!#)/.test(l);
-      (c.startsWith("on") || f || b) && a.removeAttribute(r.name);
+      const c = r.name.toLowerCase(), l = r.value.trim().toLowerCase(), m = (c === "href" || c.endsWith(":href")) && !l.startsWith("#"), v = l.includes("javascript:") || /url\(\s*['"]?(?!#)/.test(l);
+      (c.startsWith("on") || m || v) && a.removeAttribute(r.name);
     }
   };
   s(t);
@@ -2907,12 +2945,12 @@ function ws(n) {
   const i = new XMLSerializer().serializeToString(t);
   return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(i)}`;
 }
-var Pt = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, ks = (n, e, t) => e in n ? Pt(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, g = (n, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? ys(e, t) : e, a = n.length - 1, r; a >= 0; a--)
+var Qt = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, Ls = (n, e, t) => e in n ? Qt(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 ? zs(e, t) : e, a = n.length - 1, r; a >= 0; a--)
     (r = n[a]) && (i = (s ? r(e, t, i) : r(i)) || i);
-  return s && i && Pt(e, t, i), i;
-}, $s = (n, e, t) => ks(n, e + "", t);
-const Lt = [
+  return s && i && Qt(e, t, i), i;
+}, js = (n, e, t) => Ls(n, e + "", t);
+const Ut = [
   "embed",
   "mode",
   "format",
@@ -2929,6 +2967,7 @@ const Lt = [
   "description",
   "eyebrow",
   "prompts",
+  "chatKey",
   "bubbleText",
   "greetingBubble",
   "unreadBadge",
@@ -2951,6 +2990,7 @@ const Lt = [
   "saveAttachments",
   "showFollowups",
   "showSources",
+  "allowViewOptions",
   "showNewChat",
   "showBookmarked",
   "allowSearch",
@@ -2963,7 +3003,7 @@ const Lt = [
   "messages",
   "theme",
   "radius"
-], vt = {
+], Mt = {
   fromAttribute: (n) => {
     if (n)
       try {
@@ -2974,33 +3014,33 @@ const Lt = [
       }
   },
   toAttribute: (n) => JSON.stringify(n ?? null)
-}, I = {
+}, M = {
   fromAttribute: (n) => n === null ? !0 : n !== "false",
   toAttribute: (n) => n ? null : "false"
-}, Cs = {
+}, As = {
   fromAttribute: (n) => n === null ? "auto" : n === "" || n === "true" ? "open" : n === "false" ? "closed" : ["auto", "open", "closed", "none"].includes(n) ? n : "auto",
   toAttribute: (n) => n === "auto" ? null : n
-}, Ts = 272, Ss = 820, Is = 940, At = 5, jt = 512 * 1024, Os = /\.(md|markdown|txt|csv|tsv|json|html?|ya?ml|xml|log)$/i, Ms = 5e3, zs = 200, Nt = 2e3, _s = {
+}, Rs = 272, Ns = 820, Es = 940, Ht = 5, Wt = 512 * 1024, Bs = /\.(md|markdown|txt|csv|tsv|json|html?|ya?ml|xml|log)$/i, Fs = 5e3, Ds = 200, Vt = 2e3, Ks = {
   note: "calloutNote",
   tip: "calloutTip",
   important: "calloutImportant",
   warning: "calloutWarning",
   caution: "calloutCaution"
-}, Ls = 2600, j = [
+}, Ps = 2600, A = [
   "var(--c-ink)",
   "oklch(0.58 0.13 255)",
   "oklch(0.63 0.1 175)",
   "oklch(0.74 0.12 70)"
-], Rt = {
+], Jt = {
   chat: "Be helpful and concise. Use Markdown when it helps: headings, lists, **bold**, code blocks and tables.",
   rag: "Prefer the sources provided with each message, numbered in the order given, and put a citation like [1] right after each claim they support. If they don't cover the question, you may answer from general knowledge, but say clearly that it isn't from the sources.",
   kb: "Answer ONLY from the sources provided with each message, numbered in the order given. Put a citation like [1] right after each claim. Do not use outside knowledge. If the sources don't contain the answer, say that you can't find it in the available sources."
-}, As = {
+}, Us = {
   raw: "Reply in plain text. Don't use Markdown or any other markup.",
   plain: "Format with light Markdown only: short paragraphs, lists, **bold**, *italics*, `inline code`, code blocks and links. Don't use tables, charts, callouts, images or other special blocks.",
   advanced: `You can use Markdown: headings, lists, task lists, **bold**, *italics*, links, code blocks and pipe tables. For data, use a fenced "csv" block or a fenced "json" block. For a diagram or illustration, write a self-contained fenced "svg" block with a viewBox, and no scripts, links or external images. Don't use charts, callouts or images.`,
   rich: 'When the answer is about data, lead with one sentence stating the key finding, with key numbers in **bold**, then show the data visually. You can use Markdown: headings, lists, task lists, **bold**, *italics*, links, code blocks and pipe tables. For data, use a fenced "csv" block or a fenced "json" block. For a diagram or illustration, write a self-contained fenced "svg" block with a viewBox, and no scripts, links or external images. For trends and comparisons, use a fenced "chart" block containing only JSON: {"type":"bar"|"line","title":string,"unit":string,"labels":[string],"series":[{"name":string,"values":[number]}]}. For notes and warnings, use callouts: a quote starting with [!NOTE], [!TIP], [!IMPORTANT], [!WARNING] or [!CAUTION]. Images use ![alt](https://…).'
-}, js = "After the answer, on a final line write FOLLOWUPS: followed by three short follow-up questions the user might ask next, separated by |.", Et = {
+}, Hs = "After the answer, on a final line write FOLLOWUPS: followed by three short follow-up questions the user might ask next, separated by |.", qt = {
   chat: [
     ["Write", "Draft a short welcome email for new users"],
     ["Explain", "Explain how refresh tokens work, simply"],
@@ -3019,20 +3059,20 @@ const Lt = [
     ["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 = {
+}, z = (n, e = "") => o`<svg class="i ${e}" viewBox="0 0 16 16" aria-hidden="true">${n}</svg>`, $ = {
   sidebar: () => z(
-    O`<rect x="2" y="2.5" width="12" height="11" rx="1.5"></rect><path d="M6 2.5v11"></path>`
+    _`<rect x="2" y="2.5" width="12" height="11" rx="1.5"></rect><path d="M6 2.5v11"></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>`),
+  plus: () => z(_`<path d="M8 3v10M3 8h10"></path>`),
+  bookmark: (n = !1) => z(_`<path d="M4.5 2.5h7v11L8 11l-3.5 2.5z"></path>`, n ? "filled" : ""),
+  download: () => z(_`<path d="M8 2.5v8M4.5 7.5L8 11l3.5-3.5M2.5 13.5h11"></path>`),
+  trash: () => z(_`<path d="M2.5 4.5h11M6.5 4.5v-2h3v2M4 4.5l.7 9h6.6l.7-9"></path>`),
+  pencil: () => z(_`<path d="M10.5 2.5l3 3L6 13H3v-3z"></path>`),
   copy: () => z(
-    O`<rect x="5.5" y="5.5" width="8" height="8" rx="1.5"></rect><path d="M10.5 5.5v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2"></path>`
+    _`<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(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>`),
+  raw: () => z(_`<path d="M5.5 4.5L2 8l3.5 3.5M10.5 4.5L14 8l-3.5 3.5"></path>`),
+  refresh: () => z(_`<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"
@@ -3043,15 +3083,19 @@ const Lt = [
         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(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>`),
+  expand: () => z(_`<path d="M9.5 2.5h4v4M13.5 2.5L9 7M6.5 13.5h-4v-4M2.5 13.5L7 9"></path>`),
+  restore: () => z(_`<path d="M13.5 6.5h-4v-4M9.5 6.5l4-4M2.5 9.5h4v4M6.5 9.5l-4 4"></path>`),
+  minimize: () => z(_`<path d="M4 8h8"></path>`),
+  view: () => z(
+    _`<path d="M2.5 4.5h7M12.5 4.5h1M2.5 11.5h1M6.5 11.5h7"></path><circle cx="11" cy="4.5" r="1.5"></circle><circle cx="5" cy="11.5" r="1.5"></circle>`
+  ),
+  check: () => z(_`<path d="M3.5 8.5l3 3 6-7"></path>`),
+  close: () => z(_`<path d="M4 4l8 8M12 4l-8 8"></path>`),
   clip: () => z(
-    O`<path d="M13 7.5l-5.3 5.3a3 3 0 0 1-4.3-4.3L9 2.9a2 2 0 0 1 2.9 2.9L6.4 11.3a1 1 0 0 1-1.4-1.4L10 5"></path>`
+    _`<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(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>`),
+  up: () => z(_`<path d="M8 13V3M3.5 7.5L8 3l4.5 4.5"></path>`),
+  stop: () => z(_`<rect x="4.5" y="4.5" width="7" height="7" rx="1"></rect>`),
   chat: () => o`<svg
       width="22"
       height="22"
@@ -3073,35 +3117,60 @@ const Lt = [
       <path d="M5 8l5 5 5-5"></path>
     </svg>`
 };
-let Ns = 0;
-const bt = () => `m${Date.now().toString(36)}${(Ns++).toString(36)}`;
-function Bt(n) {
+let Ws = 0;
+const St = () => `m${Date.now().toString(36)}${(Ws++).toString(36)}`, Zt = "singlebase-chat:view";
+function Vs() {
+  var n;
+  try {
+    const e = JSON.parse(((n = globalThis.localStorage) == null ? void 0 : n.getItem(Zt)) ?? "{}");
+    return { followups: (e == null ? void 0 : e.followups) === !0, sources: (e == null ? void 0 : e.sources) === !0 };
+  } catch {
+    return {};
+  }
+}
+function Js(n) {
+  var e;
+  try {
+    (e = globalThis.localStorage) == null || e.setItem(Zt, JSON.stringify(n));
+  } catch {
+  }
+}
+function Tt(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 Rs(n) {
+function qs(n) {
   const e = n;
   return (e == null ? void 0 : e.code) || (e == null ? void 0 : e.message) || "UNKNOWN";
 }
-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 Gs = () => typeof matchMedia < "u" && matchMedia("(prefers-reduced-motion: reduce)").matches, yt = (n, e) => (Number.isInteger(n) ? n.toLocaleString("en-US") : n.toFixed(1)) + e, Ot = (n) => {
   const e = n.lastIndexOf(".");
   return e > 0 ? n.slice(e + 1, e + 5).toUpperCase() : "FILE";
 };
-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;
+function kt(n, e) {
+  const t = n ?? {}, s = t.metadata && typeof t.metadata == "object" ? t.metadata : {}, i = (...T) => T.find((I) => typeof I == "string" && I.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((T) => typeof T == "number"), c = typeof t.n == "number" && t.n > 0 ? t.n : e, l = i(t.title, t.name, t.filename, s.title, s.name) ?? `Source ${c}`, m = i(t.path, t.url, t.key, s.path, s.url) ?? "", v = i(t.collection, t.namespace, t.dbname, s.collection) ?? "", S = i(t.document_id, t.id, t._id, t.attachment_id, t.file_id, s.document_id) ?? (m || l);
   return {
     n: c,
-    title: i(t.title, t.name, t.filename, s.title, s.name) ?? `Source ${c}`,
+    doc: `${typeof t.type == "string" ? t.type : ""}|${v}|${S}`,
+    title: l,
     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) ?? "",
+    path: m,
+    collection: v,
     updated: i(t.updated, t._modified_at, s.updated) ?? "",
     text: a,
     score: r === void 0 ? null : Math.max(0, Math.min(1, r))
   };
 }
-function Dt(n) {
+function It(n) {
+  const e = /* @__PURE__ */ new Map();
+  for (const t of n) {
+    const s = e.get(t.doc);
+    s ? s.items.push(t) : e.set(t.doc, { doc: t.doc, first: t, items: [t] });
+  }
+  return [...e.values()];
+}
+function Gt(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"),
@@ -3111,20 +3180,20 @@ function Dt(n) {
     status: e.status
   })) : [];
 }
-function Bs(n) {
+function Xs(n) {
   const e = [], t = [];
   for (const s of n)
-    if (/\.csv$/i.test(s.name)) e.push({ type: "csv", data: s.content });
+    if (/\.csv$/i.test(s.name)) e.push({ source: "csv", data: s.content });
     else if (/\.json$/i.test(s.name))
       try {
-        e.push({ type: "json", data: JSON.parse(s.content) });
+        e.push({ source: "json", data: JSON.parse(s.content) });
       } catch {
         t.push({ title: s.name, content: s.content });
       }
     else t.push({ title: s.name, content: s.content });
-  return t.length && e.push({ type: "docs", payload: { documents: t } }), e;
+  return t.length && e.push({ source: "docs", payload: { documents: t } }), e;
 }
-function Ds(n) {
+function Ys(n) {
   const e = n ? Date.parse(n) : NaN;
   if (Number.isNaN(e)) return "older";
   const t = /* @__PURE__ */ new Date();
@@ -3132,130 +3201,145 @@ function Ds(n) {
   const s = 864e5;
   return e >= t.getTime() ? "today" : e >= t.getTime() - s ? "yesterday" : e >= t.getTime() - 7 * s ? "week" : "older";
 }
-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 {
+var R, N, E, B, F, D, K, P, U, H, W, V, J, q, G, X, Y, Q, Z, ee, te, se, ie, ae, re, oe, ne, le, ce, de, pe, he, ue, ge, me, fe, be, ve, xe, we, ye, ke, $e, Ce, Se, Te, Oe, Ie, Me, _e, ze, Le, je, Ae, Re, Ne, Ee, Be, Fe, De, Ke, Pe, Ue, He, We, Ve, Je, qe, Ge, Xe, Ye, Qe, Ze, et, tt, st, it, at, rt, ot, nt, lt, ct, dt, pt, ht, ut, gt, mt, ft, bt, vt, xt, wt, Xt;
+let d = (Xt = class extends is {
   constructor() {
     super(...arguments);
-    h(this, N, null);
-    h(this, R, {});
+    h(this, R, null);
+    h(this, N, {});
     h(this, E);
     h(this, B);
-    h(this, D, "chat");
-    h(this, F, "advanced");
+    h(this, F, "chat");
+    h(this, D, "advanced");
     h(this, K, {});
     h(this, P, null);
     h(this, U, null);
-    h(this, W, "subtle");
-    h(this, H, "");
-    h(this, J, "retrieval");
-    h(this, G, !0);
+    h(this, H, "subtle");
+    h(this, W, "");
+    h(this, V, "payload");
+    h(this, J, !0);
     h(this, q, !0);
-    h(this, V, !0);
+    h(this, G, !0);
     h(this, X, !0);
     h(this, Y, !0);
     h(this, Q, !0);
-    h(this, Z, !0);
+    h(this, Z, !1);
     h(this, ee, !0);
-    h(this, te, "");
-    h(this, se, {});
-    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, "Assistant");
+    h(this, te, !0);
+    h(this, se, "");
+    h(this, ie, {});
+    h(this, ae, "");
+    h(this, re, []);
+    h(this, oe, {});
+    h(this, ne, "page");
+    h(this, le, "right");
+    h(this, ce, "auto");
+    h(this, de, !0);
+    h(this, pe, "");
     h(this, he, "");
-    h(this, ue, "");
+    h(this, ue, "Assistant");
     h(this, ge, "");
-    h(this, me);
+    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, be);
+    h(this, ve, "");
+    h(this, xe, "");
+    h(this, we, !1);
+    h(this, ye, !1);
     h(this, ke, !0);
     h(this, $e, !0);
     h(this, Ce, !0);
-    h(this, Te, !0);
     h(this, Se, !0);
-    h(this, Ie, !0);
+    h(this, Te, !0);
     h(this, Oe, !0);
+    h(this, Ie, !0);
     h(this, Me, !0);
-    h(this, ze);
-    h(this, _e, !1);
-    h(this, Le, !0);
-    h(this, Ae, []);
-    h(this, je, "idle");
-    h(this, Ne, null);
-    h(this, Re, "");
-    h(this, Ee, !1);
-    h(this, Be, []);
-    h(this, De, !1);
-    h(this, Fe, "");
+    h(this, _e, !0);
+    h(this, ze, !0);
+    h(this, Le);
+    h(this, je, !1);
+    h(this, Ae, !0);
+    h(this, Re, []);
+    h(this, Ne, "idle");
+    h(this, Ee, null);
+    h(this, Be, "");
+    h(this, Fe, !1);
+    h(this, De, []);
     h(this, Ke, !1);
     h(this, Pe, "");
-    h(this, Ue, []);
-    h(this, We, "");
-    h(this, He, null);
-    h(this, Je, 0);
-    h(this, Ge, null);
-    h(this, qe, !1);
+    h(this, Ue, !1);
+    h(this, He, "");
+    h(this, We, []);
     h(this, Ve, "");
-    h(this, Xe, "");
+    h(this, Je, null);
+    h(this, qe, 0);
+    h(this, Ge, null);
+    h(this, Xe, !1);
     h(this, Ye, !1);
-    h(this, Qe, "");
-    h(this, Ze, null);
+    h(this, Qe, Vs());
+    h(this, Ze, "");
     h(this, et, "");
-    h(this, tt, /* @__PURE__ */ new Set());
-    h(this, st, /* @__PURE__ */ new Set());
-    h(this, it, []);
-    h(this, at, !1);
-    h(this, rt, /* @__PURE__ */ new Map());
-    h(this, ot, "");
-    h(this, nt, !1);
+    h(this, tt, !1);
+    h(this, st, "");
+    h(this, it, null);
+    h(this, at, "");
+    h(this, rt, /* @__PURE__ */ new Set());
+    h(this, ot, /* @__PURE__ */ new Set());
+    h(this, nt, []);
     h(this, lt, !1);
-    h(this, ct, !1);
-    h(this, dt, !1);
+    h(this, ct, /* @__PURE__ */ new Map());
+    h(this, dt, "");
     h(this, pt, !1);
     h(this, ht, !1);
     h(this, ut, !1);
     h(this, gt, !1);
-    M(this, "run", 0);
-    M(this, "abort", null);
-    M(this, "revealTimer");
-    M(this, "timers", /* @__PURE__ */ new Set());
-    M(this, "toastTimer");
-    M(this, "stick", !0);
-    M(this, "renamed", /* @__PURE__ */ new Set());
-    M(this, "observer", null);
-    M(this, "observed", null);
-    M(this, "media", null);
-    M(this, "focusNext", "");
-    M(this, "bubbleScheduled", !1);
-    M(this, "pendingChatId", "");
-    M(this, "onNetwork", () => {
+    h(this, mt, !1);
+    h(this, ft, !1);
+    h(this, bt, !1);
+    h(this, vt, !1);
+    O(this, "run", 0);
+    O(this, "abort", null);
+    O(this, "revealTimer");
+    O(this, "timers", /* @__PURE__ */ new Set());
+    O(this, "toastTimer");
+    O(this, "stick", !0);
+    O(this, "renamed", /* @__PURE__ */ new Set());
+    O(this, "observer", null);
+    O(this, "observed", null);
+    O(this, "resizeTimer");
+    O(this, "shownPassage", "");
+    O(this, "media", null);
+    O(this, "focusNext", "");
+    O(this, "bubbleScheduled", !1);
+    O(this, "pendingChatId", "");
+    h(this, xt, []);
+    h(this, wt, !1);
+    /** The key the open conversation is created under, until the user leaves it. */
+    O(this, "boundKey", "");
+    /** The open chat was prepared but has no messages yet. */
+    O(this, "prepared", !1);
+    O(this, "syncedKey", "");
+    O(this, "syncSignature", "");
+    O(this, "syncRun", 0);
+    O(this, "onNetwork", () => {
       this.offline = navigator.onLine === !1;
     });
-    M(this, "onMedia", () => {
+    O(this, "onMedia", () => {
       var e;
       this.mobile = !!((e = this.media) != null && e.matches);
     });
   }
   get client() {
-    return p(this, N);
+    return p(this, R);
   }
   set client(e) {
-    u(this, N, e);
+    u(this, R, e);
   }
   get messages() {
-    return p(this, R);
+    return p(this, N);
   }
   set messages(e) {
-    u(this, R, e);
+    u(this, N, e);
   }
   get theme() {
     return p(this, E);
@@ -3270,16 +3354,16 @@ let d = (Ft = class extends Jt {
     u(this, B, e);
   }
   get mode() {
-    return p(this, D);
+    return p(this, F);
   }
   set mode(e) {
-    u(this, D, e);
+    u(this, F, e);
   }
   get format() {
-    return p(this, F);
+    return p(this, D);
   }
   set format(e) {
-    u(this, F, e);
+    u(this, D, e);
   }
   get renderers() {
     return p(this, K);
@@ -3300,28 +3384,28 @@ let d = (Ft = class extends Jt {
     u(this, U, e);
   }
   get glow() {
-    return p(this, W);
+    return p(this, H);
   }
   set glow(e) {
-    u(this, W, e);
+    u(this, H, e);
   }
   get docsets() {
-    return p(this, H);
+    return p(this, W);
   }
   set docsets(e) {
-    u(this, H, e);
+    u(this, W, e);
   }
   get attachmentsMode() {
-    return p(this, J);
+    return p(this, V);
   }
   set attachmentsMode(e) {
-    u(this, J, e);
+    u(this, V, e);
   }
   get saveAttachments() {
-    return p(this, G);
+    return p(this, J);
   }
   set saveAttachments(e) {
-    u(this, G, e);
+    u(this, J, e);
   }
   get followups() {
     return p(this, q);
@@ -3330,10 +3414,10 @@ let d = (Ft = class extends Jt {
     u(this, q, e);
   }
   get showSources() {
-    return p(this, V);
+    return p(this, G);
   }
   set showSources(e) {
-    u(this, V, e);
+    u(this, G, e);
   }
   get showNewChat() {
     return p(this, X);
@@ -3353,293 +3437,305 @@ let d = (Ft = class extends Jt {
   set showFollowups(e) {
     u(this, Q, e);
   }
-  get allowSearch() {
+  get allowViewOptions() {
     return p(this, Z);
   }
-  set allowSearch(e) {
+  set allowViewOptions(e) {
     u(this, Z, e);
   }
-  get autoTitle() {
+  get allowSearch() {
     return p(this, ee);
   }
-  set autoTitle(e) {
+  set allowSearch(e) {
     u(this, ee, e);
   }
-  get model() {
+  get autoTitle() {
     return p(this, te);
   }
-  set model(e) {
+  set autoTitle(e) {
     u(this, te, e);
   }
-  get params() {
+  get model() {
     return p(this, se);
   }
-  set params(e) {
+  set model(e) {
     u(this, se, e);
   }
-  get systemMessage() {
+  get params() {
     return p(this, ie);
   }
-  set systemMessage(e) {
+  set params(e) {
     u(this, ie, e);
   }
-  get retrieval() {
+  get systemMessage() {
     return p(this, ae);
   }
-  set retrieval(e) {
+  set systemMessage(e) {
     u(this, ae, e);
   }
-  get metadata() {
+  get retrieval() {
     return p(this, re);
   }
-  set metadata(e) {
+  set retrieval(e) {
     u(this, re, e);
   }
-  get embed() {
+  get metadata() {
     return p(this, oe);
   }
-  set embed(e) {
+  set metadata(e) {
     u(this, oe, e);
   }
-  get position() {
+  get embed() {
     return p(this, ne);
   }
-  set position(e) {
+  set embed(e) {
     u(this, ne, e);
   }
-  get sidebar() {
+  get position() {
     return p(this, le);
   }
-  set sidebar(e) {
+  set position(e) {
     u(this, le, e);
   }
-  get showTitle() {
+  get sidebar() {
     return p(this, ce);
   }
-  set showTitle(e) {
+  set sidebar(e) {
     u(this, ce, e);
   }
-  get chatIdAttr() {
+  get showTitle() {
     return p(this, de);
   }
-  set chatIdAttr(e) {
+  set showTitle(e) {
     u(this, de, e);
   }
-  get assistantName() {
+  get chatIdAttr() {
     return p(this, pe);
   }
-  set assistantName(e) {
+  set chatIdAttr(e) {
     u(this, pe, e);
   }
-  get logoUrl() {
+  get chatKey() {
     return p(this, he);
   }
-  set logoUrl(e) {
+  set chatKey(e) {
     u(this, he, e);
   }
-  get heading() {
+  get assistantName() {
     return p(this, ue);
   }
-  set heading(e) {
+  set assistantName(e) {
     u(this, ue, e);
   }
-  get description() {
+  get logoUrl() {
     return p(this, ge);
   }
-  set description(e) {
+  set logoUrl(e) {
     u(this, ge, e);
   }
-  get eyebrow() {
+  get heading() {
     return p(this, me);
   }
-  set eyebrow(e) {
+  set heading(e) {
     u(this, me, e);
   }
-  get prompts() {
+  get description() {
     return p(this, fe);
   }
-  set prompts(e) {
+  set description(e) {
     u(this, fe, e);
   }
-  get bubbleText() {
+  get eyebrow() {
     return p(this, be);
   }
-  set bubbleText(e) {
+  set eyebrow(e) {
     u(this, be, e);
   }
-  get greetingBubble() {
+  get prompts() {
+    return p(this, ve);
+  }
+  set prompts(e) {
+    u(this, ve, e);
+  }
+  get bubbleText() {
     return p(this, xe);
   }
-  set greetingBubble(e) {
+  set bubbleText(e) {
     u(this, xe, e);
   }
+  get greetingBubble() {
+    return p(this, we);
+  }
+  set greetingBubble(e) {
+    u(this, we, e);
+  }
   get unreadBadge() {
-    return p(this, ve);
+    return p(this, ye);
   }
   set unreadBadge(e) {
-    u(this, ve, e);
+    u(this, ye, e);
   }
   get allowUpload() {
-    return p(this, we);
+    return p(this, ke);
   }
   set allowUpload(e) {
-    u(this, we, e);
+    u(this, ke, e);
   }
   get allowExport() {
-    return p(this, ye);
+    return p(this, $e);
   }
   set allowExport(e) {
-    u(this, ye, e);
+    u(this, $e, e);
   }
   get allowCopy() {
-    return p(this, ke);
+    return p(this, Ce);
   }
   set allowCopy(e) {
-    u(this, ke, e);
+    u(this, Ce, e);
   }
   get allowRegenerate() {
-    return p(this, $e);
+    return p(this, Se);
   }
   set allowRegenerate(e) {
-    u(this, $e, e);
+    u(this, Se, e);
   }
   get allowBookmark() {
-    return p(this, Ce);
+    return p(this, Te);
   }
   set allowBookmark(e) {
-    u(this, Ce, e);
+    u(this, Te, e);
   }
   get allowDelete() {
-    return p(this, Te);
+    return p(this, Oe);
   }
   set allowDelete(e) {
-    u(this, Te, e);
+    u(this, Oe, e);
   }
   get allowRename() {
-    return p(this, Se);
+    return p(this, Ie);
   }
   set allowRename(e) {
-    u(this, Se, e);
+    u(this, Ie, e);
   }
   get allowFeedback() {
-    return p(this, Ie);
+    return p(this, Me);
   }
   set allowFeedback(e) {
-    u(this, Ie, e);
+    u(this, Me, e);
   }
   get showComposer() {
-    return p(this, Oe);
+    return p(this, _e);
   }
   set showComposer(e) {
-    u(this, Oe, e);
+    u(this, _e, e);
   }
   get showTime() {
-    return p(this, Me);
+    return p(this, ze);
   }
   set showTime(e) {
-    u(this, Me, e);
+    u(this, ze, e);
   }
   get footnote() {
-    return p(this, ze);
+    return p(this, Le);
   }
   set footnote(e) {
-    u(this, ze, e);
+    u(this, Le, e);
   }
   get allowRaw() {
-    return p(this, _e);
+    return p(this, je);
   }
   set allowRaw(e) {
-    u(this, _e, e);
+    u(this, je, e);
   }
   get branding() {
-    return p(this, Le);
+    return p(this, Ae);
   }
   set branding(e) {
-    u(this, Le, e);
+    u(this, Ae, e);
   }
   get chatList() {
-    return p(this, Ae);
+    return p(this, Re);
   }
   set chatList(e) {
-    u(this, Ae, e);
+    u(this, Re, e);
   }
   get listState() {
-    return p(this, je);
+    return p(this, Ne);
   }
   set listState(e) {
-    u(this, je, e);
+    u(this, Ne, e);
   }
   get activeId() {
-    return p(this, Ne);
+    return p(this, Ee);
   }
   set activeId(e) {
-    u(this, Ne, e);
+    u(this, Ee, e);
   }
   get chatTitle() {
-    return p(this, Re);
+    return p(this, Be);
   }
   set chatTitle(e) {
-    u(this, Re, e);
+    u(this, Be, e);
   }
   get bookmarked() {
-    return p(this, Ee);
+    return p(this, Fe);
   }
   set bookmarked(e) {
-    u(this, Ee, e);
+    u(this, Fe, e);
   }
   get msgs() {
-    return p(this, Be);
+    return p(this, De);
   }
   set msgs(e) {
-    u(this, Be, e);
+    u(this, De, e);
   }
   get loadingThread() {
-    return p(this, De);
+    return p(this, Ke);
   }
   set loadingThread(e) {
-    u(this, De, e);
+    u(this, Ke, e);
   }
   get threadError() {
-    return p(this, Fe);
+    return p(this, Pe);
   }
   set threadError(e) {
-    u(this, Fe, e);
+    u(this, Pe, e);
   }
   get busy() {
-    return p(this, Ke);
+    return p(this, Ue);
   }
   set busy(e) {
-    u(this, Ke, e);
+    u(this, Ue, e);
   }
   get draft() {
-    return p(this, Pe);
+    return p(this, He);
   }
   set draft(e) {
-    u(this, Pe, e);
+    u(this, He, e);
   }
   get files() {
-    return p(this, Ue);
+    return p(this, We);
   }
   set files(e) {
-    u(this, Ue, e);
+    u(this, We, e);
   }
   get search() {
-    return p(this, We);
+    return p(this, Ve);
   }
   set search(e) {
-    u(this, We, e);
+    u(this, Ve, e);
   }
   get sidebarOpen() {
-    return p(this, He);
+    return p(this, Je);
   }
   set sidebarOpen(e) {
-    u(this, He, e);
+    u(this, Je, e);
   }
   get width() {
-    return p(this, Je);
+    return p(this, qe);
   }
   set width(e) {
-    u(this, Je, e);
+    u(this, qe, e);
   }
   get panel() {
     return p(this, Ge);
@@ -3648,137 +3744,161 @@ let d = (Ft = class extends Jt {
     u(this, Ge, e);
   }
   get menuOpen() {
-    return p(this, qe);
+    return p(this, Xe);
   }
   set menuOpen(e) {
-    u(this, qe, e);
+    u(this, Xe, e);
+  }
+  get viewOpen() {
+    return p(this, Ye);
+  }
+  set viewOpen(e) {
+    u(this, Ye, e);
+  }
+  get viewHidden() {
+    return p(this, Qe);
+  }
+  set viewHidden(e) {
+    u(this, Qe, e);
   }
   get editingKey() {
-    return p(this, Ve);
+    return p(this, Ze);
   }
   set editingKey(e) {
-    u(this, Ve, e);
+    u(this, Ze, e);
   }
   get editDraft() {
-    return p(this, Xe);
+    return p(this, et);
   }
   set editDraft(e) {
-    u(this, Xe, e);
+    u(this, et, e);
   }
   get editingTitle() {
-    return p(this, Ye);
+    return p(this, tt);
   }
   set editingTitle(e) {
-    u(this, Ye, e);
+    u(this, tt, e);
   }
   get renamingId() {
-    return p(this, Qe);
+    return p(this, st);
   }
   set renamingId(e) {
-    u(this, Qe, e);
+    u(this, st, e);
   }
   get toast() {
-    return p(this, Ze);
+    return p(this, it);
   }
   set toast(e) {
-    u(this, Ze, e);
+    u(this, it, e);
   }
   get copiedKey() {
-    return p(this, et);
+    return p(this, at);
   }
   set copiedKey(e) {
-    u(this, et, e);
+    u(this, at, e);
   }
   get retrievalOpen() {
-    return p(this, tt);
+    return p(this, rt);
   }
   set retrievalOpen(e) {
-    u(this, tt, e);
+    u(this, rt, e);
   }
   get rawKeys() {
-    return p(this, st);
+    return p(this, ot);
   }
   set rawKeys(e) {
-    u(this, st, e);
+    u(this, ot, e);
   }
   get savedFiles() {
-    return p(this, it);
+    return p(this, nt);
   }
   set savedFiles(e) {
-    u(this, it, e);
+    u(this, nt, e);
   }
   get hasSidebarContent() {
-    return p(this, at);
+    return p(this, lt);
   }
   set hasSidebarContent(e) {
-    u(this, at, e);
+    u(this, lt, e);
   }
   get sorts() {
-    return p(this, rt);
+    return p(this, ct);
   }
   set sorts(e) {
-    u(this, rt, e);
+    u(this, ct, e);
   }
   get arrivedKey() {
-    return p(this, ot);
+    return p(this, dt);
   }
   set arrivedKey(e) {
-    u(this, ot, e);
+    u(this, dt, e);
   }
   get dragging() {
-    return p(this, nt);
+    return p(this, pt);
   }
   set dragging(e) {
-    u(this, nt, e);
+    u(this, pt, e);
   }
   get showJump() {
-    return p(this, lt);
+    return p(this, ht);
   }
   set showJump(e) {
-    u(this, lt, e);
+    u(this, ht, e);
   }
   get offline() {
-    return p(this, ct);
+    return p(this, ut);
   }
   set offline(e) {
-    u(this, ct, e);
+    u(this, ut, e);
   }
   get isOpen() {
-    return p(this, dt);
+    return p(this, gt);
   }
   set isOpen(e) {
-    u(this, dt, e);
+    u(this, gt, e);
   }
   get expanded() {
-    return p(this, pt);
+    return p(this, mt);
   }
   set expanded(e) {
-    u(this, pt, e);
+    u(this, mt, e);
   }
   get bubble() {
-    return p(this, ht);
+    return p(this, ft);
   }
   set bubble(e) {
-    u(this, ht, e);
+    u(this, ft, e);
   }
   get seen() {
-    return p(this, ut);
+    return p(this, bt);
   }
   set seen(e) {
-    u(this, ut, e);
+    u(this, bt, e);
   }
   get mobile() {
-    return p(this, gt);
+    return p(this, vt);
   }
   set mobile(e) {
-    u(this, gt, e);
+    u(this, vt, e);
+  }
+  get starterList() {
+    return p(this, xt);
+  }
+  set starterList(e) {
+    u(this, xt, e);
+  }
+  get startersLoading() {
+    return p(this, wt);
+  }
+  set startersLoading(e) {
+    u(this, wt, e);
   }
   get msg() {
-    return ts(this.messages);
+    return hs(this.messages);
   }
   /** An explicit `.client`, else the page default. */
   get resolvedClient() {
-    return this.client ?? Vt() ?? null;
+    return this.client ?? os() ?? null;
   }
   /** The open conversation's id, or null for a new chat. */
   get chatId() {
@@ -3788,6 +3908,10 @@ let d = (Ft = class extends Jt {
   get thread() {
     return this.msgs;
   }
+  /** The starter questions from `prompts="auto"`, if any. */
+  get starters() {
+    return this.starterList;
+  }
   /** `format`, falling back to the default for anything unknown. */
   /** `docsets` as a clean list of ids. */
   get docsetIds() {
@@ -3817,7 +3941,7 @@ let d = (Ft = class extends Jt {
     if (!e) return;
     const t = this;
     "client" in e && (this.client = e.client ?? null);
-    for (const s of Lt)
+    for (const s of Ut)
       s in e && (t[s] = e[s]);
     e.chatId && e.chatId !== this.activeId && (this.hasUpdated ? this.openChat(e.chatId) : this.chatIdAttr = e.chatId);
   }
@@ -3835,7 +3959,7 @@ let d = (Ft = class extends Jt {
     return {
       client: this.client,
       chatId: this.activeId ?? "",
-      ...Object.fromEntries(Lt.map((t) => [t, e[t]]))
+      ...Object.fromEntries(Ut.map((t) => [t, e[t]]))
     };
   }
   // ── lifecycle ─────────────────────────────────────────────
@@ -3845,7 +3969,7 @@ let d = (Ft = class extends Jt {
   }
   disconnectedCallback() {
     var e, t;
-    super.disconnectedCallback(), window.removeEventListener("online", this.onNetwork), window.removeEventListener("offline", this.onNetwork), (e = this.media) == null || e.removeEventListener("change", this.onMedia), (t = this.observer) == null || t.disconnect(), this.observer = null, this.observed = null, this.flushToast(), this.halt(), this.timers.forEach(clearTimeout), this.timers.clear();
+    super.disconnectedCallback(), window.removeEventListener("online", this.onNetwork), window.removeEventListener("offline", this.onNetwork), (e = this.media) == null || e.removeEventListener("change", this.onMedia), (t = this.observer) == null || t.disconnect(), clearTimeout(this.resizeTimer), this.observer = null, this.observed = null, this.flushToast(), this.halt(), this.timers.forEach(clearTimeout), this.timers.clear();
   }
   willUpdate(e) {
     if (e.has("retrieval") && !Array.isArray(this.retrieval)) {
@@ -3860,16 +3984,20 @@ let d = (Ft = class extends Jt {
     this.chatIdAttr && this.openChat(this.chatIdAttr);
   }
   updated() {
-    var t;
+    var s, i;
     const e = this.renderRoot.querySelector(".root");
-    if (e !== this.observed && ((t = this.observer) == null || t.disconnect(), this.observed = e, e && typeof ResizeObserver < "u" && (this.observer ?? (this.observer = new ResizeObserver(([s]) => {
-      const i = Math.round(s.contentRect.width);
-      i !== this.width && (this.width = i, this.sidebarOpen === null && (this.sidebarOpen = this.sidebar === "auto" && this.docked));
-    })), this.observer.observe(e))), this.sidebarOpen && this.listState === "idle" && this.resolvedClient && this.loadChats(), this.pendingChatId && this.resolvedClient && this.openChat(this.pendingChatId), this.focusNext) {
-      const s = this.renderRoot.querySelector(
+    e !== this.observed && ((s = this.observer) == null || s.disconnect(), this.observed = e, e && typeof ResizeObserver < "u" && (this.observer ?? (this.observer = new ResizeObserver(([a]) => {
+      const r = Math.round(a.contentRect.width);
+      r !== this.width && (clearTimeout(this.resizeTimer), this.resizeTimer = setTimeout(() => {
+        this.width = r, this.sidebarOpen === null && (this.sidebarOpen = this.sidebar === "auto" && this.docked);
+      }));
+    })), this.observer.observe(e))), this.sidebarOpen && this.listState === "idle" && this.resolvedClient && this.loadChats(), this.pendingChatId && this.resolvedClient && this.openChat(this.pendingChatId), this.syncKeyedChat();
+    const t = this.panel ? `${this.panel.key}:${this.panel.n}` : "";
+    if (t !== this.shownPassage && (this.shownPassage = t, (i = this.renderRoot.querySelector(".passage-box.current")) == null || i.scrollIntoView({ block: "nearest" })), this.focusNext) {
+      const a = this.renderRoot.querySelector(
         this.focusNext
       );
-      this.focusNext = "", s && (s.focus(), "select" in s && s.tagName === "INPUT" && s.select());
+      this.focusNext = "", a && (a.focus(), "select" in a && a.tagName === "INPUT" && a.select());
     }
   }
   later(e, t) {
@@ -3882,22 +4010,22 @@ let d = (Ft = class extends Jt {
     this.dispatchEvent(new CustomEvent(e, { detail: t, bubbles: !0, composed: !0 }));
   }
   get docked() {
-    return this.embed === "page" && this.width >= Ss;
+    return this.embed === "page" && this.width >= Ns;
   }
   get panelDocked() {
-    const e = this.docked && this.sidebarOpen ? Ts : 0;
-    return this.width - e >= Is;
+    const e = this.docked && this.sidebarOpen ? Rs : 0;
+    return this.width - e >= Es;
   }
   // ── public API ────────────────────────────────────────────
   /** Starts a new, empty conversation. */
   newChat() {
-    this.halt(), this.pendingChatId = "", this.savedFiles = [], this.loadingThread = !1, this.activeId = null, this.chatTitle = "", this.bookmarked = !1, this.msgs = [], this.threadError = "", this.resetViewState(), this.focusNext = "textarea.input";
+    this.halt(), this.leaveKeyedChat(), 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.savedFiles = [];
+    this.halt(), this.leaveKeyedChat(), 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;
@@ -3910,14 +4038,90 @@ let d = (Ft = class extends Jt {
         _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.savedFiles = Dt(a == null ? void 0 : a.attachments), this.upsertChat({ ...s, ...a, _id: e }), this.stick = !0, this.scrollToBottom();
+      this.showChat(a), this.upsertChat({ ...s, ...a, _id: e });
     } catch (a) {
       if (i !== this.run) return;
-      Bt(a) ? (this.chatList = this.chatList.filter((r) => r._id !== e), this.newChat(), this.showToast(this.msg.errNotFound)) : this.threadError = this.msg.errLoad;
+      Tt(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);
     }
   }
+  /** Suggested questions under answers: the page's setting, then the reader's. */
+  get followupsVisible() {
+    return this.showFollowups && !(this.allowViewOptions && this.viewHidden.followups);
+  }
+  /** Source cards and the "searched" row: the page's setting, then the reader's. */
+  get sourcesVisible() {
+    return this.showSources && !(this.allowViewOptions && this.viewHidden.sources);
+  }
+  toggleView(e) {
+    this.viewHidden = { ...this.viewHidden, [e]: !this.viewHidden[e] }, Js(this.viewHidden), this.emit("singlebase-chat-view", {
+      followups: this.followupsVisible,
+      sources: this.sourcesVisible
+    });
+  }
+  /** Puts a chat from `llm.get_chat` (or `llm.prepare_chat`) on screen. */
+  showChat(e) {
+    this.chatTitle = (e == null ? void 0 : e.title) ?? "", this.bookmarked = !!(e != null && e.bookmarked), this.msgs = ((e == null ? void 0 : e.messages) ?? []).filter((t) => t && (t.role === "user" || t.role === "assistant")).map((t) => this.fromServer(t)), this.savedFiles = Gt(e == null ? void 0 : e.attachments), this.stick = !0, this.scrollToBottom();
+  }
+  // ── chat key and starter questions ────────────────────────
+  get wantsStarters() {
+    return typeof this.prompts == "string" && this.prompts.trim().toLowerCase() === "auto";
+  }
+  /** The user moved to another conversation: stop tying messages to the key. */
+  leaveKeyedChat() {
+    this.syncRun += 1, this.boundKey = "", this.prepared = !1, this.startersLoading = !1;
+  }
+  /** Docsets first, then the page's own retrieval entries. */
+  baseRetrieval() {
+    const e = this.docsetIds;
+    return [
+      ...e.length ? [{ source: "docset", ids: e }] : [],
+      ...this.retrieval ?? []
+    ];
+  }
+  /**
+   * Opens the chat for `chat-key`, and with `prompts="auto"` prepares the chat
+   * with its context so the service returns stored starter questions.
+   *
+   * It runs when the key or the context changes. A change of context alone
+   * never replaces a conversation that already has messages.
+   */
+  async syncKeyedChat() {
+    const e = this.resolvedClient, t = this.chatKey.trim(), s = this.wantsStarters;
+    if (!e || !t && !s || this.chatIdAttr || this.pendingChatId) return;
+    const i = this.baseRetrieval(), a = JSON.stringify([t, s, this.mode, i]);
+    if (a === this.syncSignature) return;
+    this.syncSignature = a;
+    const r = t !== this.syncedKey;
+    if (this.syncedKey = t, !r && (this.msgs.length || this.busy)) return;
+    r && (this.halt(), this.activeId = null, this.chatTitle = "", this.bookmarked = !1, this.msgs = [], this.savedFiles = [], this.threadError = "");
+    const c = ++this.syncRun;
+    this.boundKey = t, this.prepared = !1, this.starterList = [], this.startersLoading = s, this.loadingThread = !!t;
+    try {
+      let l = null;
+      if (s) {
+        const m = {
+          system_message: this.systemPrompt(),
+          mode: this.mode,
+          starters: 4
+        };
+        t && (m.key = t), this.model && (m.model = this.model), Object.keys(this.params ?? {}).length && (m.params = this.params), Object.keys(this.metadata ?? {}).length && (m.metadata = this.metadata), i.length && (m.retrieval = i);
+        try {
+          l = await e.llm.call("prepare_chat", m);
+        } catch (v) {
+          if (!t) throw v;
+        }
+      }
+      if (!(l != null && l._id) && t && (l = await e.llm.call("get_chat", { key: t })), c !== this.syncRun || this.msgs.length || this.busy) return;
+      l != null && l._id && (this.activeId = l._id, this.showChat(l), this.prepared = this.msgs.length === 0, this.prepared || this.upsertChat(l), this.starterList = Array.isArray(l.starters) ? l.starters.map((m) => String(m).trim()).filter(Boolean) : [], this.starterList.length && this.emit("singlebase-chat-starters", { chatId: l._id, starters: this.starterList }));
+    } catch (l) {
+      if (c !== this.syncRun) return;
+      t && !s && !Tt(l) && (this.threadError = this.msg.errLoad);
+    } finally {
+      c === this.syncRun && (this.startersLoading = !1, this.loadingThread = !1);
+    }
+  }
   /** Sends a message; with no argument, sends the composer's text. */
   async send(e) {
     const t = (typeof e == "string" ? e : this.draft).trim();
@@ -3935,14 +4139,14 @@ let d = (Ft = class extends Jt {
   }
   /** Downloads the open conversation, or copies it as Markdown. */
   exportChat(e = "md") {
-    var L;
+    var w;
     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((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";
+    const t = this.chatTitle || this.msg.untitled, s = (f) => f.role === "user" ? this.msg.you : this.assistantName, i = (f) => new Date(f || Date.now()).toLocaleString(), a = (f) => f.sources.map((y, C) => {
+      const L = kt(y, C + 1);
+      return `[${L.n}] ${L.title}${L.path ? ` — ${L.path}` : ""}`;
+    }), r = (f) => (f.attachments ?? []).map((y) => y.name);
+    let c, l = "text/markdown", m = "md";
     if (e === "json" ? (c = JSON.stringify(
       {
         exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -3950,42 +4154,42 @@ let d = (Ft = class extends Jt {
         title: t,
         mode: this.mode,
         bookmarked: this.bookmarked,
-        messages: this.msgs.map((x) => ({
-          role: x.role,
-          text: x.content,
-          at: new Date(x.at || Date.now()).toISOString(),
-          bookmarked: x.bookmarked,
-          attachments: r(x),
-          sources: a(x)
+        messages: this.msgs.map((f) => ({
+          role: f.role,
+          text: f.content,
+          at: new Date(f.at || Date.now()).toISOString(),
+          bookmarked: f.bookmarked,
+          attachments: r(f),
+          sources: a(f)
         }))
       },
       null,
       2
-    ), l = "application/json", f = "json") : e === "txt" ? (c = `${t}
+    ), l = "application/json", m = "json") : e === "txt" ? (c = `${t}
 ${"=".repeat(t.length)}
 
 ` + this.msgs.map(
-      (x) => [
-        `${s(x)} · ${i(x.at)}`,
-        r(x).length ? `Attachments: ${r(x).join(", ")}` : "",
-        x.content,
-        a(x).length ? `Sources:
-${a(x).join(`
+      (f) => [
+        `${s(f)} · ${i(f.at)}`,
+        r(f).length ? `Attachments: ${r(f).join(", ")}` : "",
+        f.content,
+        a(f).length ? `Sources:
+${a(f).join(`
 `)}` : ""
       ].filter(Boolean).join(`
 `)
     ).join(`
 
-`), l = "text/plain", f = "txt") : c = `# ${t}
+`), l = "text/plain", m = "txt") : c = `# ${t}
 
 ` + this.msgs.map(
-      (x) => [
-        `### ${s(x)} · ${i(x.at)}`,
-        r(x).length ? `Attachments: ${r(x).join(", ")}` : "",
-        x.content,
-        a(x).length ? `**Sources**
+      (f) => [
+        `### ${s(f)} · ${i(f.at)}`,
+        r(f).length ? `Attachments: ${r(f).join(", ")}` : "",
+        f.content,
+        a(f).length ? `**Sources**
 
-${a(x).map((S) => `- ${S}`).join(`
+${a(f).map((y) => `- ${y}`).join(`
 `)}` : ""
       ].filter(Boolean).join(`
 
@@ -3996,12 +4200,12 @@ ${a(x).map((S) => `- ${S}`).join(`
 
 `) + `
 `, this.emit("singlebase-chat-export", { chatId: this.activeId, format: e }), e === "copy") {
-      (L = navigator.clipboard) == null || L.writeText(c).catch(() => {
+      (w = navigator.clipboard) == null || w.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)}.${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 }));
+    const S = `${t.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "") || "chat"}-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.${m}`, T = URL.createObjectURL(new Blob([c], { type: l })), I = document.createElement("a");
+    I.href = T, I.download = S, document.body.appendChild(I), I.click(), I.remove(), setTimeout(() => URL.revokeObjectURL(T), 2e3), this.showToast(j(this.msg.exported, { name: S }));
   }
   /** Inline and launcher: fill the window. */
   expand() {
@@ -4021,7 +4225,7 @@ ${a(x).map((S) => `- ${S}`).join(`
   // ── turns ─────────────────────────────────────────────────
   userMessage(e, t = []) {
     return {
-      key: bt(),
+      key: St(),
       id: null,
       role: "user",
       content: e,
@@ -4036,37 +4240,33 @@ ${a(x).map((S) => `- ${S}`).join(`
   systemPrompt() {
     return [
       this.systemMessage,
-      Rt[this.mode] ?? Rt.chat,
-      As[this.formatLevel],
-      this.followups ? js : ""
+      Jt[this.mode] ?? Jt.chat,
+      Us[this.formatLevel],
+      this.followups ? Hs : ""
     ].filter(Boolean).join(`
 
 `);
   }
   payloadFor(e) {
     const t = { message: e.content, format: "markdown" };
-    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);
+    this.activeId ? (t._id = this.activeId, this.prepared && (t.title = Kt(e.content))) : (t.title = Kt(e.content), t.system_message = this.systemPrompt(), this.boundKey && (t.key = this.boundKey)), 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) => ({
+    i && s.length && (t.attachments = s.map((c) => ({
       type: "content",
-      content: l.content,
-      name: l.name,
-      ...l.mime ? { mime: l.mime } : {},
-      size: l.size,
+      content: c.content,
+      name: c.name,
+      ...c.mime ? { mime: c.mime } : {},
+      size: c.size,
       save_attachment: this.saveAttachments
     })));
-    const a = i ? [] : s.map((l) => l.name);
+    const a = i ? [] : s.map((c) => c.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;
+    const r = [...this.baseRetrieval(), ...i ? [] : Xs(s)];
+    return r.length && (t.retrieval = r), t;
   }
   async runTurn(e) {
     const t = {
-      key: bt(),
+      key: St(),
       id: null,
       role: "assistant",
       content: "",
@@ -4084,18 +4284,18 @@ ${a(x).map((S) => `- ${S}`).join(`
     }
     const i = ++this.run, a = new AbortController();
     this.abort = a;
-    const r = !this.activeId;
+    const r = !this.activeId || this.prepared;
     let c = this.payloadFor(e);
     if (this.beforeSend) {
       let l;
       try {
         l = await this.beforeSend(c, { chatId: this.activeId, isNew: r, message: e });
-      } catch (b) {
-        l = b;
+      } catch (v) {
+        l = v;
       }
       if (i !== this.run) return;
       if (l === !1) {
-        this.msgs = this.msgs.filter((b) => b !== e && b !== t), this.draft = e.content, this.busy = !1, this.abort = null;
+        this.msgs = this.msgs.filter((v) => v !== e && v !== t), this.draft = e.content, this.busy = !1, this.abort = null;
         return;
       }
       if (!(!!l && typeof l == "object" && typeof l.message == "string") || !l.message.trim()) {
@@ -4108,30 +4308,30 @@ ${a(x).map((S) => `- ${S}`).join(`
       c = l;
     }
     try {
-      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,
+      const l = await s.llm.call("chat", c, { signal: a.signal }), m = (l == null ? void 0 : l._id) || (l == null ? void 0 : l.chat_id) || this.activeId;
+      if (r && m && this.upsertChat({
+        _id: m,
         title: (l == null ? void 0 : l.title) || c.title,
         bookmarked: !!(l != null && l.bookmarked),
         _modified_at: (/* @__PURE__ */ new Date()).toISOString()
       }), i !== this.run) return;
-      f && (this.activeId = f), r && (this.chatTitle = (l == null ? void 0 : l.title) || c.title, this.bookmarked = !!(l != null && l.bookmarked));
-      const b = (l == null ? void 0 : l.message) ?? {}, C = typeof b.content == "string" ? b.content : (l == null ? void 0 : l.json) !== void 0 ? JSON.stringify(l.json, null, 2) : "", { text: T, followups: w } = zt(C);
-      e.id = b.reply_to ?? null, this.applyAttachmentResults(l == null ? void 0 : l.attachments), Object.assign(t, {
-        id: b._id ?? null,
+      m && (this.activeId = m), this.prepared = !1, r && (this.chatTitle = (l == null ? void 0 : l.title) || c.title, this.bookmarked = !!(l != null && l.bookmarked));
+      const v = (l == null ? void 0 : l.message) ?? {}, S = typeof v.content == "string" ? v.content : (l == null ? void 0 : l.json) !== void 0 ? JSON.stringify(l.json, null, 2) : "", { text: T, followups: I } = Dt(S);
+      e.id = v.reply_to ?? null, this.applyAttachmentResults(l == null ? void 0 : l.attachments), Object.assign(t, {
+        id: v._id ?? null,
         content: T,
-        sources: Array.isArray(b.sources) ? b.sources : [],
-        followups: w,
-        execTime: typeof b.exec_time == "number" ? b.exec_time : void 0,
-        model: b.model,
+        sources: Array.isArray(v.sources) ? v.sources : [],
+        followups: I,
+        execTime: typeof v.exec_time == "number" ? v.exec_time : void 0,
+        model: v.model,
         at: Date.now()
-      }), 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);
+      }), 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 (l) {
       if (i !== this.run) return;
-      const f = Bt(l);
-      f && (this.chatList = this.chatList.filter((T) => T._id !== this.activeId), this.activeId = null);
-      const b = Rs(l), C = f ? this.msg.errNotFound : b === "KB_SOURCE_REQUIRED" ? this.msg.errKbSource : this.msg.errGeneric;
-      this.failTurn(t, C, b);
+      const m = Tt(l);
+      m && (this.chatList = this.chatList.filter((T) => T._id !== this.activeId), this.activeId = null);
+      const v = qs(l), S = m ? this.msg.errNotFound : v === "KB_SOURCE_REQUIRED" ? this.msg.errKbSource : this.msg.errGeneric;
+      this.failTurn(t, S, v);
     } finally {
       i === this.run && (this.busy = !1, this.abort = null, this.stick && this.scrollToBottom());
     }
@@ -4147,9 +4347,9 @@ ${a(x).map((S) => `- ${S}`).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 = "");
-      }, Ls), this.stick ? this.scrollToBottom() : this.showJump = !0;
+      }, Ps), this.stick ? this.scrollToBottom() : this.showJump = !0;
     };
-    if (!s || Es())
+    if (!s || Gs())
       return i(), Promise.resolve();
     const a = e.content, r = Math.max(4, Math.ceil(s / 90));
     let c = 0;
@@ -4181,7 +4381,7 @@ ${a(x).map((S) => `- ${S}`).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 = bs(a == null ? void 0 : a.result);
+        }), r = Os(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 {
@@ -4213,9 +4413,9 @@ assistant: ${s.slice(0, 1500)}`,
     }
   }
   fromServer(e) {
-    const t = e.role === "assistant", { text: s, followups: i } = t ? zt(String(e.content ?? "")) : { text: String(e.content ?? ""), followups: [] };
+    const t = e.role === "assistant", { text: s, followups: i } = t ? Dt(String(e.content ?? "")) : { text: String(e.content ?? ""), followups: [] };
     return {
-      key: bt(),
+      key: St(),
       id: e._id ?? null,
       role: t ? "assistant" : "user",
       content: s,
@@ -4262,7 +4462,7 @@ assistant: ${s.slice(0, 1500)}`,
   }
   // ── actions ───────────────────────────────────────────────
   resetViewState() {
-    this.panel = null, this.menuOpen = !1, this.editingKey = "", this.editingTitle = !1, this.showJump = !1, this.retrievalOpen = /* @__PURE__ */ new Set(), this.sidebarOpen && !this.docked && (this.sidebarOpen = !1);
+    this.panel = null, this.menuOpen = !1, this.viewOpen = !1, this.editingKey = "", this.editingTitle = !1, this.showJump = !1, this.retrievalOpen = /* @__PURE__ */ new Set(), this.sidebarOpen && !this.docked && (this.sidebarOpen = !1);
   }
   async deleteOnServer(e) {
     const t = this.resolvedClient, s = this.activeId;
@@ -4296,10 +4496,10 @@ assistant: ${s.slice(0, 1500)}`,
   /** 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));
+    const t = Gt(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(", ") }));
+    s.length && this.showToast(j(this.msg.attachmentFailed, { name: s.join(", ") }));
   }
   /** Removes a file the service keeps on this chat. */
   async removeSavedFile(e) {
@@ -4403,7 +4603,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();
-    }, Ms);
+    }, Fs);
   }
   /** Ends the current toast, committing whatever it was holding back. */
   flushToast() {
@@ -4422,17 +4622,17 @@ assistant: ${s.slice(0, 1500)}`,
     if (!t.length) return;
     const s = [];
     for (const i of t) {
-      if (this.files.length + s.length >= At) {
-        this.showToast(_(this.msg.tooManyFiles, { n: At }));
+      if (this.files.length + s.length >= Ht) {
+        this.showToast(j(this.msg.tooManyFiles, { n: Ht }));
         break;
       }
-      if (!Os.test(i.name) && !i.type.startsWith("text/")) {
-        this.showToast(_(this.msg.fileType, { name: i.name }));
+      if (!Bs.test(i.name) && !i.type.startsWith("text/")) {
+        this.showToast(j(this.msg.fileType, { name: i.name }));
         continue;
       }
-      if (i.size > jt) {
+      if (i.size > Wt) {
         this.showToast(
-          _(this.msg.fileTooLarge, { name: i.name, size: kt(jt) })
+          j(this.msg.fileTooLarge, { name: i.name, size: Lt(Wt) })
         );
         continue;
       }
@@ -4464,6 +4664,7 @@ assistant: ${s.slice(0, 1500)}`,
   onKeydown(e) {
     if (e.key === "Escape") {
       if (this.menuOpen) this.menuOpen = !1;
+      else if (this.viewOpen) this.viewOpen = !1;
       else if (this.panel) this.panel = null;
       else if (this.sidebarOpen && !this.docked) this.sidebarOpen = !1;
       else if (this.expanded) this.collapse();
@@ -4508,7 +4709,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>` : m, i = this.bubble && !this.isOpen ? o`<div class="bubble" part="bubble">
+        </div>` : b, 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>
@@ -4519,9 +4720,9 @@ assistant: ${s.slice(0, 1500)}`,
               title=${e.dismiss}
               @click=${() => this.bubble = !1}
             >
-              ${k.close()}
+              ${$.close()}
             </button>
-          </div>` : m, r = this.isOpen && (this.expanded || this.mobile) ? m : o`<button
+          </div>` : b, r = this.isOpen && (this.expanded || this.mobile) ? b : o`<button
           type="button"
           class="launcher-btn"
           part="launcher"
@@ -4529,23 +4730,23 @@ assistant: ${s.slice(0, 1500)}`,
           aria-expanded=${this.isOpen ? "true" : "false"}
           @click=${() => this.isOpen ? this.close() : this.open()}
         >
-          ${this.isOpen ? k.chevronDown() : k.chat()}
-          ${this.unreadBadge && !this.seen && !this.isOpen ? o`<span class="badge"></span>` : m}
+          ${this.isOpen ? $.chevronDown() : $.chat()}
+          ${this.unreadBadge && !this.seen && !this.isOpen ? o`<span class="badge"></span>` : b}
         </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>` : m}
-      ${this.sidebarOpen && this.sidebar !== "none" ? this.renderSidebar(e) : m}
+      ${this.sidebarOpen && e ? o`<div class="scrim" @click=${() => this.sidebarOpen = !1}></div>` : b}
+      ${this.sidebarOpen && this.sidebar !== "none" ? this.renderSidebar(e) : b}
       <main
         class="main"
         @dragenter=${this.onDragEnter}
         @dragover=${(t) => t.preventDefault()}
       >
         ${this.renderHeader()}
-        ${this.offline ? o`<div class="banner" role="status">${this.msg.offline}</div>` : m}
+        ${this.offline ? o`<div class="banner" role="status">${this.msg.offline}</div>` : b}
         <div
           class="scroller"
           role="log"
@@ -4558,12 +4759,12 @@ assistant: ${s.slice(0, 1500)}`,
         </div>
         ${this.showJump ? o`<button type="button" class="jump" @click=${this.jumpToLatest}>
                 ↓ ${this.msg.newReply}
-              </button>` : m}
-        ${this.renderComposer()} ${Xt(this.branding, "Chat")}
+              </button>` : b}
+        ${this.renderComposer()} ${ns(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>` : m}
-              </div>` : m}
+                ${this.toast.undo ? o`<button type="button" @click=${this.undo}>${this.msg.undo}</button>` : b}
+              </div>` : b}
         ${this.dragging ? o`<div
                 class="drop"
                 @dragover=${(t) => t.preventDefault()}
@@ -4571,15 +4772,15 @@ assistant: ${s.slice(0, 1500)}`,
                 @drop=${this.onDrop}
               >
                 <strong>${this.msg.dropTitle}</strong><span>${this.msg.dropSub}</span>
-              </div>` : m}
+              </div>` : b}
       </main>
       ${this.renderPanel()}
     </div>`;
   }
   renderSidebar(e) {
     const t = this.msg, s = this.allowSearch ? this.search.trim().toLowerCase() : "", i = this.chatList.filter(
-      (f) => !s || (f.title ?? "").toLowerCase().includes(s)
-    ), a = (f) => this.showBookmarked && !!f.bookmarked, r = (f) => i.filter((b) => !a(b) && Ds(b._modified_at ?? b._created_at) === f), c = [
+      (m) => !s || (m.title ?? "").toLowerCase().includes(s)
+    ), a = (m) => this.showBookmarked && !!m.bookmarked, r = (m) => i.filter((v) => !a(v) && Ys(v._modified_at ?? v._created_at) === m), c = [
       [t.groupBookmarked, i.filter(a)],
       [t.groupToday, r("today")],
       [t.groupYesterday, r("yesterday")],
@@ -4589,11 +4790,11 @@ assistant: ${s.slice(0, 1500)}`,
     let l;
     return this.listState === "loading" && !this.chatList.length ? l = o`<div aria-label=${t.loadingChats}>
         ${[1, 2, 3, 4].map(() => o`<div class="skeleton"></div>`)}
-      </div>` : i.length ? l = c.filter(([, f]) => f.length).map(
-      ([f, b]) => o`<div class="group">${f}</div>
-              ${b.map((C) => this.renderThreadRow(C))}`
+      </div>` : i.length ? l = c.filter(([, m]) => m.length).map(
+      ([m, v]) => o`<div class="group">${m}</div>
+              ${v.map((S) => this.renderThreadRow(S))}`
     ) : l = o`<span class="side-note"
-        >${s ? _(t.noMatch, { query: this.search.trim() }) : t.noChats}</span
+        >${s ? j(t.noMatch, { query: this.search.trim() }) : t.noChats}</span
       >`, o`<aside
       class="sidebar ${e ? "overlay" : "docked"}"
       part="sidebar"
@@ -4608,27 +4809,27 @@ assistant: ${s.slice(0, 1500)}`,
           aria-label=${t.hideSidebar}
           @click=${() => this.sidebarOpen = !1}
         >
-          ${k.sidebar()}
+          ${$.sidebar()}
         </button>
       </div>
       <div class="side-tools">
         ${this.showNewChat ? o`<button type="button" class="new-chat" @click=${() => this.newChat()}>
-                ${k.plus()}<span>${t.newChat}</span>
-              </button>` : m}
+                ${$.plus()}<span>${t.newChat}</span>
+              </button>` : b}
         ${this.allowSearch ? o`<input
                 class="search"
                 type="search"
                 placeholder=${t.searchChats}
                 aria-label=${t.searchChats}
                 .value=${this.search}
-                @input=${(f) => this.search = f.target.value}
-              />` : m}
+                @input=${(m) => this.search = m.target.value}
+              />` : b}
       </div>
       <div class="threads">${l}</div>
       <div class="side-extra ${this.hasSidebarContent ? "filled" : ""}" part="sidebar-extra">
         <slot
           name="sidebar"
-          @slotchange=${(f) => this.hasSidebarContent = f.target.assignedNodes().length > 0}
+          @slotchange=${(m) => this.hasSidebarContent = m.target.assignedNodes().length > 0}
         ></slot>
       </div>
     </aside>`;
@@ -4668,8 +4869,8 @@ assistant: ${s.slice(0, 1500)}`,
                 aria-label=${e.bookmarked ? t.unbookmarkChat : t.bookmarkChat}
                 @click=${a(() => this.toggleChatBookmark(e._id))}
               >
-                ${k.bookmark(!!e.bookmarked)}
-              </button>` : m}
+                ${$.bookmark(!!e.bookmarked)}
+              </button>` : b}
         ${this.allowRename ? o`<button
                 type="button"
                 class="icon sm"
@@ -4679,8 +4880,8 @@ assistant: ${s.slice(0, 1500)}`,
       this.renamingId = e._id, this.focusNext = "input.thread-rename";
     })}
               >
-                ${k.pencil()}
-              </button>` : m}
+                ${$.pencil()}
+              </button>` : b}
         ${this.allowDelete ? o`<button
                 type="button"
                 class="icon sm danger"
@@ -4688,14 +4889,14 @@ assistant: ${s.slice(0, 1500)}`,
                 aria-label=${t.deleteChat}
                 @click=${a(() => this.deleteChat(e._id))}
               >
-                ${k.trash()}
-              </button>` : m}
+                ${$.trash()}
+              </button>` : b}
       </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 = m;
+    let a = b;
     return this.showTitle && (a = this.editingTitle ? o`<input
             class="title-input"
             maxlength="80"
@@ -4718,14 +4919,14 @@ 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 ? m : o`<button
+        ${this.sidebar === "none" || this.sidebarOpen && this.docked ? b : o`<button
                 type="button"
                 class="icon"
                 title=${e.showChats}
                 aria-label=${e.showChats}
                 @click=${() => this.sidebarOpen = !0}
               >
-                ${k.sidebar()}
+                ${$.sidebar()}
               </button>`}
         ${a}
       </div>
@@ -4738,8 +4939,8 @@ assistant: ${s.slice(0, 1500)}`,
                 aria-label=${e.newChat}
                 @click=${() => this.newChat()}
               >
-                ${k.plus()}
-              </button>` : m}
+                ${$.plus()}
+              </button>` : b}
         ${this.allowBookmark ? o`<button
                 type="button"
                 class="icon ${this.bookmarked ? "on" : ""}"
@@ -4748,8 +4949,24 @@ assistant: ${s.slice(0, 1500)}`,
                 aria-label=${this.bookmarked ? e.unbookmarkChat : e.bookmarkChat}
                 @click=${() => this.activeId && this.toggleChatBookmark(this.activeId)}
               >
-                ${k.bookmark(this.bookmarked)}
-              </button>` : m}
+                ${$.bookmark(this.bookmarked)}
+              </button>` : b}
+        ${this.allowViewOptions && (this.showFollowups || this.showSources) ? o`<div class="menu-wrap">
+                <button
+                  type="button"
+                  class="icon ${this.viewOpen ? "on" : ""}"
+                  title=${e.viewOptions}
+                  aria-label=${e.viewOptions}
+                  aria-haspopup="menu"
+                  aria-expanded=${this.viewOpen ? "true" : "false"}
+                  @click=${() => {
+      this.menuOpen = !1, this.viewOpen = !this.viewOpen;
+    }}
+                >
+                  ${$.view()}
+                </button>
+                ${this.viewOpen ? this.renderViewMenu() : b}
+              </div>` : b}
         ${this.allowExport ? o`<div class="menu-wrap">
                 <button
                   type="button"
@@ -4759,12 +4976,14 @@ assistant: ${s.slice(0, 1500)}`,
                   aria-label=${e.exportChat}
                   aria-haspopup="menu"
                   aria-expanded=${this.menuOpen ? "true" : "false"}
-                  @click=${() => this.menuOpen = !this.menuOpen}
+                  @click=${() => {
+      this.viewOpen = !1, this.menuOpen = !this.menuOpen;
+    }}
                 >
-                  ${k.download()}
+                  ${$.download()}
                 </button>
-                ${this.menuOpen ? this.renderExportMenu() : m}
-              </div>` : m}
+                ${this.menuOpen ? this.renderExportMenu() : b}
+              </div>` : b}
         ${this.allowDelete ? o`<button
                 type="button"
                 class="icon danger"
@@ -4773,8 +4992,8 @@ assistant: ${s.slice(0, 1500)}`,
                 aria-label=${e.deleteChat}
                 @click=${() => this.activeId && this.deleteChat(this.activeId)}
               >
-                ${k.trash()}
-              </button>` : m}
+                ${$.trash()}
+              </button>` : b}
         ${s || i ? o`<span class="divider"></span> ${s ? o`<button
                         type="button"
                         class="icon"
@@ -4782,8 +5001,8 @@ assistant: ${s.slice(0, 1500)}`,
                         aria-label=${this.expanded ? e.restore : e.expand}
                         @click=${() => this.expanded ? this.collapse() : this.expand()}
                       >
-                        ${this.expanded ? k.restore() : k.expand()}
-                      </button>` : m}
+                        ${this.expanded ? $.restore() : $.expand()}
+                      </button>` : b}
                 ${i ? o`<button
                         type="button"
                         class="icon"
@@ -4791,11 +5010,30 @@ assistant: ${s.slice(0, 1500)}`,
                         aria-label=${e.minimize}
                         @click=${i}
                       >
-                        ${k.minimize()}
-                      </button>` : m}` : m}
+                        ${$.minimize()}
+                      </button>` : b}` : b}
       </div>
     </header>`;
   }
+  /** Lets the reader hide suggested questions and sources for a cleaner view. */
+  renderViewMenu() {
+    const e = this.msg, t = [];
+    return this.showFollowups && t.push([e.viewFollowups, "followups", this.followupsVisible]), this.showSources && t.push([e.viewSources, "sources", this.sourcesVisible]), o`<div class="menu-scrim" @click=${() => this.viewOpen = !1}></div>
+      <div class="menu" role="menu">
+        <span class="label">${e.viewHeading}</span>
+        ${t.map(
+      ([s, i, a]) => o`<button
+              type="button"
+              role="menuitemcheckbox"
+              aria-checked=${a ? "true" : "false"}
+              class="menu-item"
+              @click=${() => this.toggleView(i)}
+            >
+              <span>${s}</span><span class="ext">${a ? $.check() : b}</span>
+            </button>`
+    )}
+      </div>`;
+  }
   renderExportMenu() {
     const e = this.msg, t = [
       [e.exportMarkdown, ".md", "md"],
@@ -4820,8 +5058,8 @@ 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 })) : (Et[this.mode] ?? Et.chat).map(([t, s]) => ({
+    const e = this.wantsStarters ? "" : this.prompts;
+    return this.wantsStarters && this.starterList.length ? this.starterList.slice(0, 4).map((t) => ({ text: t })) : 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 })) : (qt[this.mode] ?? qt.chat).map(([t, s]) => ({
       label: t,
       text: s
     }));
@@ -4832,24 +5070,26 @@ assistant: ${s.slice(0, 1500)}`,
       <slot name="welcome"
         ><div class="welcome" part="welcome">
           <div class="welcome-head">
-            ${this.logoUrl && _t(this.logoUrl, !0) ? o`<img class="welcome-logo" src=${this.logoUrl} alt="" />` : m}
-            ${i ? o`<span class="label">${i}</span>` : m}
+            ${this.logoUrl && Pt(this.logoUrl, !0) ? o`<img class="welcome-logo" src=${this.logoUrl} alt="" />` : b}
+            ${i ? o`<span class="label">${i}</span>` : b}
             <h2>${this.heading || s("heading")}</h2>
             <p>${this.description || s("description")}</p>
           </div>
-          ${a.length ? o`<div class="prompts">
-                  ${a.map(
+          ${this.startersLoading ? o`<div class="prompts" aria-hidden="true">
+                  ${[0, 1, 2, 3].map(() => o`<div class="prompt skeleton"></div>`)}
+                </div>` : a.length ? o`<div class="prompts">
+                    ${a.map(
       (r) => o`<button
-                        type="button"
-                        class="prompt"
-                        part="prompt"
-                        @click=${() => this.send(r.text)}
-                      >
-                        <span class="label">${r.label || "Suggested"}</span>
-                        <span class="prompt-text">${r.text}</span>
-                      </button>`
+                          type="button"
+                          class="prompt"
+                          part="prompt"
+                          @click=${() => this.send(r.text)}
+                        >
+                          <span class="label">${r.label || "Suggested"}</span>
+                          <span class="prompt-text">${r.text}</span>
+                        </button>`
     )}
-                </div>` : m}
+                  </div>` : b}
         </div></slot
       >
     </div>`;
@@ -4865,10 +5105,10 @@ assistant: ${s.slice(0, 1500)}`,
                       @click=${() => this.openChat(this.activeId)}
                     >
                       ${this.msg.retry}
-                    </button>` : m}
-            </div>` : m}
-      ${this.loadingThread ? o`${[1, 2].map(() => o`<div class="skeleton" style="height:48px"></div>`)}` : m}
-      ${qt(
+                    </button>` : b}
+            </div>` : b}
+      ${this.loadingThread ? o`${[1, 2].map(() => o`<div class="skeleton" style="height:48px"></div>`)}` : b}
+      ${rs(
       this.msgs,
       (t) => t.key,
       (t, s) => t.role === "user" ? this.renderUser(t) : this.renderBot(t, s === e)
@@ -4879,8 +5119,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">${xt(a.name)}</span><span class="name">${a.name}</span></span>`)}
-            </div>` : m}
+              ${i.map((a) => o`<span class="doc-chip"><span class="ext">${Ot(a.name)}</span><span class="name">${a.name}</span></span>`)}
+            </div>` : b}
       ${this.editingKey === e.key ? o`<div class="edit-box">
               <textarea
                 rows="3"
@@ -4901,9 +5141,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>` : m}
-                ${this.showTime ? o`<span class="time">${s}</span>` : m}
-                ${this.busy ? m : o`<button
+                ${this.allowBookmark && e.bookmarked ? o`<span class="saved">${$.bookmark(!0)}${t.saved}</span>` : b}
+                ${this.showTime ? o`<span class="time">${s}</span>` : b}
+                ${this.busy ? b : o`<button
                         type="button"
                         class="icon"
                         title=${t.edit}
@@ -4912,7 +5152,7 @@ assistant: ${s.slice(0, 1500)}`,
       this.editingKey = e.key, this.editDraft = e.content, this.focusNext = "textarea.edit-input";
     }}
                       >
-                        ${k.pencil()}
+                        ${$.pencil()}
                       </button>`}
                 ${this.allowCopy ? o`<button
                         type="button"
@@ -4921,8 +5161,8 @@ assistant: ${s.slice(0, 1500)}`,
                         aria-label=${t.copy}
                         @click=${() => this.copy(e.key, e.content)}
                       >
-                        ${k.copy()}
-                      </button>` : m}
+                        ${$.copy()}
+                      </button>` : b}
                 ${this.allowBookmark && e.id ? o`<button
                         type="button"
                         class="icon ${e.bookmarked ? "on" : ""}"
@@ -4930,8 +5170,8 @@ assistant: ${s.slice(0, 1500)}`,
                         aria-label=${e.bookmarked ? t.unbookmarkMessage : t.bookmarkMessage}
                         @click=${() => this.toggleMessageBookmark(e)}
                       >
-                        ${k.bookmark(e.bookmarked)}
-                      </button>` : m}
+                        ${$.bookmark(e.bookmarked)}
+                      </button>` : b}
                 ${this.allowDelete ? o`<button
                         type="button"
                         class="icon danger"
@@ -4939,8 +5179,8 @@ assistant: ${s.slice(0, 1500)}`,
                         aria-label=${t.deleteMessage}
                         @click=${() => this.deleteMessage(e)}
                       >
-                        ${k.trash()}
-                      </button>` : m}
+                        ${$.trash()}
+                      </button>` : b}
               </div>`}
     </div>`;
   }
@@ -4948,102 +5188,105 @@ assistant: ${s.slice(0, 1500)}`,
     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, 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 ? `
+    const s = this.msg, i = e.phase === "pending", a = e.phase === "done", r = e.sources.length, c = Bt(e.content), l = e.sources.map((f, y) => kt(f, y + 1)), m = It(c.size ? l.filter((f) => c.has(f.n)) : l), v = It(l), S = (f) => {
+      var y;
+      return ((y = this.panel) == null ? void 0 : y.key) === e.key && f.items.some((C) => C.n === this.panel.n);
+    }, T = e.at ? new Date(e.at).toLocaleTimeString([], { hour: "numeric", minute: "2-digit" }) : "", I = e.content + (m.length ? `
 
 Sources:
-${f.map((w) => `[${w.n}] ${w.title}`).join(`
-`)}` : ""), T = this.retrievalOpen.has(e.key);
+${m.map((f) => `${f.items.map((y) => `[${y.n}]`).join("")} ${f.first.title}`).join(`
+`)}` : ""), w = this.retrievalOpen.has(e.key);
     return o`<div class="msg bot" part="message assistant">
-      ${i ? o`<div class="halo"></div>` : m}
+      ${i ? o`<div class="halo"></div>` : b}
       ${this.arrivedKey === e.key ? o`<div class="arrived">
               <div class="wash"></div>
               <div class="ring"></div>
               <div class="sweep"></div>
-            </div>` : m}
+            </div>` : b}
       <div class="bot-body">
-        ${this.allowBookmark && e.bookmarked ? o`<span class="saved">${k.bookmark(!0)}${s.saved}</span>` : m}
+        ${this.allowBookmark && e.bookmarked ? o`<span class="saved">${$.bookmark(!0)}${s.saved}</span>` : b}
         ${i ? o`<div class="pill" role="status">
                 <span class="ring"></span><span class="dot"></span>
                 <span class="shimmer">${this.pillLabel()}</span>
-              </div>` : m}
-        ${this.showSources && r && !i ? o`<div class="retrieval">
+              </div>` : b}
+        ${this.sourcesVisible && r && !i ? o`<div class="retrieval">
                 <button
                   type="button"
                   class="retrieval-toggle"
-                  aria-expanded=${T ? "true" : "false"}
+                  aria-expanded=${w ? "true" : "false"}
                   @click=${() => {
-      const w = new Set(this.retrievalOpen);
-      w.has(e.key) ? w.delete(e.key) : w.add(e.key), this.retrievalOpen = w;
+      const f = new Set(this.retrievalOpen);
+      f.has(e.key) ? f.delete(e.key) : f.add(e.key), this.retrievalOpen = 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}
+                  <span class="chev">${w ? "▾" : "▸"}</span>
+                  <span style="flex:1">${j(s.searchedSources, { n: v.length })}</span>
+                  ${e.execTime !== void 0 ? o`<span class="ms">${e.execTime.toFixed(1)}s</span>` : b}
                 </button>
-                ${T ? o`<div class="retrieval-list">
-                        ${l.map(
-      (w) => o`<button
-                              type="button"
-                              class="passage"
-                              @click=${() => this.panel = { key: e.key, n: w.n }}
+                ${w ? o`<div class="retrieval-list">
+                        ${v.map((f) => {
+      const y = f.first, C = f.items.map((Ct) => Ct.score).filter((Ct) => Ct !== null), L = C.length ? Math.max(...C) : null, $t = f.items.length > 1 ? j(s.passageCount, { n: f.items.length }) : y.section;
+      return o`<button
+                            type="button"
+                            class="passage"
+                            @click=${() => this.panel = { key: e.key, n: y.n }}
+                          >
+                            <span class="n">${y.n}</span>
+                            <span class="what"
+                              ><span>${y.title}${$t ? ` · ${$t}` : ""}</span
+                              ><span>${y.collection || y.path}</span></span
                             >
-                              <span class="n">${w.n}</span>
-                              <span class="what"
-                                ><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>
-                                      <span class="relevance-track"
-                                        ><span
-                                          class="relevance-fill"
-                                          style="width:${Math.round(w.score * 100)}%"
-                                        ></span></span
-                                    ></span>` : o`<span></span>`}
-                            </button>`
-    )}
-                      </div>` : m}
-              </div>` : m}
-        ${i ? m : this.renderAnswer(e)}
-        ${e.phase === "streaming" ? o`<span class="caret"></span>` : m}
+                            ${L !== null ? o`<span class="relevance"
+                                    ><span class="score">${L.toFixed(2)}</span>
+                                    <span class="relevance-track"
+                                      ><span
+                                        class="relevance-fill"
+                                        style="width:${Math.round(L * 100)}%"
+                                      ></span></span
+                                  ></span>` : o`<span></span>`}
+                          </button>`;
+    })}
+                      </div>` : b}
+              </div>` : b}
+        ${i ? b : this.renderAnswer(e)}
+        ${e.phase === "streaming" ? o`<span class="caret"></span>` : b}
         ${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>` : m}
-        ${this.showSources && a && f.length ? o`<div class="cards">
+              </div>` : b}
+        ${this.sourcesVisible && a && m.length ? o`<div class="cards">
                 <span class="label">${c.size ? s.sourcesCited : s.sourcesRetrieved}</span>
                 <div class="card-grid">
-                  ${f.map(
-      (w) => {
-        var L;
-        return o`<button
-                        type="button"
-                        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 }}
+                  ${m.map((f) => {
+      const y = f.first, C = f.items.length > 1 ? j(s.passageCount, { n: f.items.length }) : y.section;
+      return o`<button
+                      type="button"
+                      class="source-card ${S(f) ? "active" : ""}"
+                      @click=${() => this.panel = { key: e.key, n: y.n }}
+                    >
+                      <span class="top"
+                        ><span class="nums"
+                          >${f.items.map((L) => o`<span class="num">${L.n}</span>`)}</span
+                        >${y.collection ? o`<span class="label">${y.collection}</span>` : b}</span
                       >
-                        <span class="top"
-                          ><span class="num">${w.n}</span
-                          >${w.collection ? o`<span class="label">${w.collection}</span>` : m}</span
-                        >
-                        <span class="t">${w.title}${w.section ? ` · ${w.section}` : ""}</span>
-                        <span class="s">${w.text}</span>
-                      </button>`;
-      }
-    )}
+                      <span class="t">${y.title}${C ? ` · ${C}` : ""}</span>
+                      <span class="s">${y.text}</span>
+                    </button>`;
+    })}
                 </div>
-              </div>` : m}
+              </div>` : b}
         ${a ? o`<div class="toolbar ${t ? "pinned" : ""}">
                 ${this.allowCopy ? o`<button
                         type="button"
                         class="icon"
                         title=${this.copiedKey === e.key ? s.copied : s.copy}
                         aria-label=${s.copy}
-                        @click=${() => this.copy(e.key, C)}
+                        @click=${() => this.copy(e.key, I)}
                       >
-                        ${k.copy()}
-                      </button>` : m}
+                        ${$.copy()}
+                      </button>` : b}
                 ${this.allowRaw && this.formatLevel !== "raw" && e.content ? o`<button
                         type="button"
                         class="icon ${this.rawKeys.has(e.key) ? "on" : ""}"
@@ -5052,8 +5295,8 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
                         aria-pressed=${this.rawKeys.has(e.key) ? "true" : "false"}
                         @click=${() => this.toggleRaw(e.key)}
                       >
-                        ${k.raw()}
-                      </button>` : m}
+                        ${$.raw()}
+                      </button>` : b}
                 ${this.allowRegenerate && t && !this.busy ? o`<button
                         type="button"
                         class="icon"
@@ -5061,8 +5304,8 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
                         aria-label=${s.regenerate}
                         @click=${() => this.regenerate()}
                       >
-                        ${k.refresh()}
-                      </button>` : m}
+                        ${$.refresh()}
+                      </button>` : b}
                 ${this.allowBookmark && e.id ? o`<button
                         type="button"
                         class="icon ${e.bookmarked ? "on" : ""}"
@@ -5070,8 +5313,8 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
                         aria-label=${e.bookmarked ? s.unbookmarkMessage : s.bookmarkMessage}
                         @click=${() => this.toggleMessageBookmark(e)}
                       >
-                        ${k.bookmark(e.bookmarked)}
-                      </button>` : m}
+                        ${$.bookmark(e.bookmarked)}
+                      </button>` : b}
                 ${this.allowDelete ? o`<button
                         type="button"
                         class="icon danger"
@@ -5079,10 +5322,10 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
                         aria-label=${s.deleteMessage}
                         @click=${() => this.deleteMessage(e)}
                       >
-                        ${k.trash()}
-                      </button>` : m}
-                ${this.showTime ? o`<span class="time">${b}</span>` : m}
-                ${e.stopped ? o`<span class="note">${s.stopped}</span>` : m}
+                        ${$.trash()}
+                      </button>` : b}
+                ${this.showTime ? o`<span class="time">${T}</span>` : b}
+                ${e.stopped ? o`<span class="note">${s.stopped}</span>` : b}
                 <span class="spacer"></span>
                 ${this.allowFeedback ? e.feedback ? o`<span class="note"
                           >${e.feedback === "up" ? s.markedHelpful : s.thanksFeedback}</span
@@ -5093,7 +5336,7 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
                             aria-label=${s.helpful}
                             @click=${() => this.feedback(e, "up")}
                           >
-                            ${k.thumb()}
+                            ${$.thumb()}
                           </button>
                           <button
                             type="button"
@@ -5102,28 +5345,28 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
                             aria-label=${s.notHelpful}
                             @click=${() => this.feedback(e, "down")}
                           >
-                            ${k.thumb(!0)}
-                          </button>` : m}
-              </div>` : m}
-        ${this.showFollowups && a && t && !this.busy && e.followups.length ? o`<div class="followups">
+                            ${$.thumb(!0)}
+                          </button>` : b}
+              </div>` : b}
+        ${this.followupsVisible && 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>
+      (f) => o`<button type="button" class="followup" @click=${() => this.send(f)}>
+                      <span class="arrow">↳</span><span>${f}</span>
                     </button>`
     )}
-              </div>` : m}
+              </div>` : b}
       </div>
     </div>`;
   }
   renderAnswer(e) {
-    if (e.phase === "error" && !e.content) return m;
+    if (e.phase === "error" && !e.content) return b;
     if (e.phase === "done" && !e.content)
-      return e.stopped ? m : o`<div class="answer"><p class="note">${this.msg.emptyReply}</p></div>`;
+      return e.stopped ? b : o`<div class="answer"><p class="note">${this.msg.emptyReply}</p></div>`;
     const t = this.formatLevel;
     if (t === "raw" || this.allowRaw && this.rawKeys.has(e.key))
       return o`<div class="answer" part="answer"><p class="raw">${e.content}</p></div>`;
-    const s = e.phase === "streaming" ? ps(e.content) : e.content;
-    let i = gs(os(s), t);
+    const s = e.phase === "streaming" ? ks(e.content) : e.content;
+    let i = Ss(bs(s), t);
     if (this.afterParse)
       try {
         const r = this.afterParse(i, { message: e, format: t });
@@ -5134,7 +5377,7 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
         console.warn("[singlebase-chat] afterParse failed; showing the original.", r);
       }
     const a = e.sources.reduce(
-      (r, c, l) => Math.max(r, ft(c, l + 1).n),
+      (r, c, l) => Math.max(r, kt(c, l + 1).n),
       0
     );
     return o`<div class="answer" part="answer">
@@ -5142,7 +5385,7 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
     </div>`;
   }
   renderInline(e, t, s) {
-    return ds(e, s).map((i) => {
+    return ys(e, s).map((i) => {
       var a;
       switch (i.type) {
         case "bold":
@@ -5158,7 +5401,7 @@ ${f.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", c = _(this.msg.openSource, { n: i.n });
+          const r = ((a = this.panel) == null ? void 0 : a.key) === t.key && this.panel.n === i.n ? "cite active" : "cite", c = j(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:
@@ -5183,7 +5426,7 @@ ${f.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[_s[e.kind]]}</strong
+            >${e.title || this.msg[Ks[e.kind]]}</strong
           >
           ${e.text.split(`
 `).filter((a) => a.trim()).map((a) => o`<p>${this.renderInline(a, t, s)}</p>`)}
@@ -5202,7 +5445,7 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
       case "json":
         return this.renderJsonBlock(e.value, e.source, `${t.key}:${i}`);
       case "svg": {
-        const a = ws(e.source);
+        const a = _s(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">
@@ -5226,18 +5469,18 @@ ${f.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 && _t(a.src, !0) ? o`<img
+                ${a.src && Pt(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>` : m}
+                ${a.alt ? o`<figcaption>${a.alt}</figcaption>` : b}
               </figure>`
         )}
         </div>`;
       default:
-        return m;
+        return b;
     }
   }
   renderList(e, t, s, i) {
@@ -5246,7 +5489,7 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
           class=${r.checked === null ? "" : "task"}
           style=${r.depth ? `margin-left:${r.depth * 20}px` : ""}
         >
-          ${r.checked === null ? m : o`<input type="checkbox" disabled .checked=${r.checked} aria-hidden="true" />`}
+          ${r.checked === null ? b : o`<input type="checkbox" disabled .checked=${r.checked} aria-hidden="true" />`}
           ${this.renderInline(r.text, s, i)}
         </li>`
     );
@@ -5280,72 +5523,72 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
     }
   }
   renderTable(e, t, s, i, a, r) {
-    const c = (x) => /^[-+]?[$€£¥]?\s?[\d,.]+\s?%?$/.test(x.trim()) && /\d/.test(x), l = (x) => Number(x.replace(/[^\d.+-]/g, "")), f = e.map((x, S) => {
-      if (s[S]) return s[S];
-      const $ = t.map((A) => A[S] ?? "").filter(Boolean);
-      return $.length && $.filter(c).length / $.length >= 0.8 ? "right" : null;
-    }), b = this.sorts.get(r);
-    let C = t;
-    b && (C = [...t].sort((x, S) => {
-      const $ = x[b.col] ?? "", A = S[b.col] ?? "";
-      return (c($) && c(A) ? l($) - l(A) : $.localeCompare(A, void 0, { numeric: !0 })) * b.dir;
+    const c = (f) => /^[-+]?[$€£¥]?\s?[\d,.]+\s?%?$/.test(f.trim()) && /\d/.test(f), l = (f) => Number(f.replace(/[^\d.+-]/g, "")), m = e.map((f, y) => {
+      if (s[y]) return s[y];
+      const C = t.map((L) => L[y] ?? "").filter(Boolean);
+      return C.length && C.filter(c).length / C.length >= 0.8 ? "right" : null;
+    }), v = this.sorts.get(r);
+    let S = t;
+    v && (S = [...t].sort((f, y) => {
+      const C = f[v.col] ?? "", L = y[v.col] ?? "";
+      return (c(C) && c(L) ? l(C) - l(L) : C.localeCompare(L, void 0, { numeric: !0 })) * v.dir;
     }));
-    const T = C.length;
-    C = C.slice(0, zs);
-    const w = (x) => {
-      const S = new Map(this.sorts), $ = S.get(r);
-      ($ == null ? void 0 : $.col) === x && $.dir === -1 ? S.delete(r) : S.set(r, { col: x, dir: ($ == null ? void 0 : $.col) === x ? -1 : 1 }), this.sorts = S;
-    }, L = (x) => f[x] ? `text-align:${f[x]}` : "";
+    const T = S.length;
+    S = S.slice(0, Ds);
+    const I = (f) => {
+      const y = new Map(this.sorts), C = y.get(r);
+      (C == null ? void 0 : C.col) === f && C.dir === -1 ? y.delete(r) : y.set(r, { col: f, dir: (C == null ? void 0 : C.col) === f ? -1 : 1 }), this.sorts = y;
+    }, w = (f) => m[f] ? `text-align:${m[f]}` : "";
     return o`<div class="table" part="table">
       <table>
         <thead>
           <tr>
-            ${e.map((x, S) => {
-      const $ = (b == null ? void 0 : b.col) === S ? b.dir === 1 ? "ascending" : "descending" : "none";
-      return o`<th style=${L(S)} aria-sort=${$}>
-                ${t.length > 1 ? o`<button type="button" class="sort" @click=${() => w(S)}>
-                        ${this.renderInline(x, i, a)}<span class="arrow"
-                          >${$ === "ascending" ? "↑" : $ === "descending" ? "↓" : "↕"}</span
+            ${e.map((f, y) => {
+      const C = (v == null ? void 0 : v.col) === y ? v.dir === 1 ? "ascending" : "descending" : "none";
+      return o`<th style=${w(y)} aria-sort=${C}>
+                ${t.length > 1 ? o`<button type="button" class="sort" @click=${() => I(y)}>
+                        ${this.renderInline(f, i, a)}<span class="arrow"
+                          >${C === "ascending" ? "↑" : C === "descending" ? "↓" : "↕"}</span
                         >
-                      </button>` : this.renderInline(x, i, a)}
+                      </button>` : this.renderInline(f, i, a)}
               </th>`;
     })}
           </tr>
         </thead>
         <tbody>
-          ${C.map(
-      (x) => o`<tr>
+          ${S.map(
+      (f) => o`<tr>
                 ${e.map(
-        (S, $) => o`<td style=${L($)}>
-                      ${this.renderInline(x[$] ?? "", i, a)}
+        (y, C) => o`<td style=${w(C)}>
+                      ${this.renderInline(f[C] ?? "", i, a)}
                     </td>`
       )}
               </tr>`
     )}
         </tbody>
       </table>
-      ${T > C.length ? o`<div class="table-note">
-              ${_(this.msg.showingRows, { n: C.length, total: T })}
-            </div>` : m}
+      ${T > S.length ? o`<div class="table-note">
+              ${j(this.msg.showingRows, { n: S.length, total: T })}
+            </div>` : b}
     </div>`;
   }
   renderJsonBlock(e, t, s) {
     let i = 0;
     const a = (c) => {
-      i++, i <= Nt && c && typeof c == "object" && Object.values(c).forEach(a);
+      i++, i <= Vt && c && typeof c == "object" && Object.values(c).forEach(a);
     };
-    if (a(e), i > Nt) return this.renderCode("json", t, s);
-    const r = (c, l, f) => {
-      const b = f === void 0 ? m : o`<span class="jkey">${f}</span>: `;
+    if (a(e), i > Vt) return this.renderCode("json", t, s);
+    const r = (c, l, m) => {
+      const v = m === void 0 ? b : o`<span class="jkey">${m}</span>: `;
       if (c && typeof c == "object") {
-        const T = Object.entries(c), w = Array.isArray(c) ? `[${T.length}]` : `{${T.length}}`;
+        const T = Object.entries(c), I = Array.isArray(c) ? `[${T.length}]` : `{${T.length}}`;
         return o`<details class="jnode" ?open=${l < 2}>
-          <summary>${b}<span class="jmeta">${w}</span></summary>
-          <div class="jkids">${T.map(([L, x]) => r(x, l + 1, L))}</div>
+          <summary>${v}<span class="jmeta">${I}</span></summary>
+          <div class="jkids">${T.map(([w, f]) => r(f, l + 1, w))}</div>
         </details>`;
       }
       return o`<div class="jleaf">
-        ${b}<span class="jv ${c === null ? "null" : typeof c}">${JSON.stringify(c)}</span>
+        ${v}<span class="jv ${c === null ? "null" : typeof c}">${JSON.stringify(c)}</span>
       </div>`;
     };
     return o`<div class="code json" part="json">
@@ -5364,23 +5607,23 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
       (r, c) => o`<span
                   ><span
                     class="swatch"
-                    style="background:${j[c % j.length]}"
+                    style="background:${A[c % A.length]}"
                   ></span
                   >${r.name}</span
                 >`
     )}
-          </span>` : m, s = o`<div class="chart-head">
+          </span>` : b, 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)), 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));
+      const r = Math.max(0, ...e.series.flatMap((v) => v.values)), c = Math.pow(10, Math.floor(Math.log10(r || 1))), l = Math.ceil(r / c * 2) / 2 * c || 1, m = Math.max(e.labels.length, ...e.series.map((v) => v.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>${mt(Math.round(l * b), e.unit)}</span>
+        (v) => o`<div class="tick ${v === 0 ? "base" : ""}" style="top:${(1 - v) * 100}%">
+                  <span>${yt(Math.round(l * v), e.unit)}</span>
                 </div>`
       )}
             <svg
@@ -5390,64 +5633,66 @@ ${f.map((w) => `[${w.n}] ${w.title}`).join(`
               aria-label=${e.title}
             >
               ${e.series.map(
-        (b, C) => O`<polyline pathLength="1" stroke=${j[C % j.length]}
-                  points=${b.values.map(
-          (T, w) => `${(f > 1 ? w / (f - 1) * 600 : 300).toFixed(1)},${(170 - T / l * 170).toFixed(1)}`
+        (v, S) => _`<polyline pathLength="1" stroke=${A[S % A.length]}
+                  points=${v.values.map(
+          (T, I) => `${(m > 1 ? I / (m - 1) * 600 : 300).toFixed(1)},${(170 - T / l * 170).toFixed(1)}`
         ).join(
           " "
-        )}><title>${b.name}: ${b.values.map((T) => mt(T, e.unit)).join(", ")}</title></polyline>`
+        )}><title>${v.name}: ${v.values.map((T) => yt(T, e.unit)).join(", ")}</title></polyline>`
       )}
             </svg>
           </div>
-          <div class="x-labels">${e.labels.map((b) => o`<span>${b}</span>`)}</div>
+          <div class="x-labels">${e.labels.map((v) => o`<span>${v}</span>`)}</div>
         </div>
       </figure>`;
     }
     const i = e.labels.map(
-      (r, c) => e.series.reduce((l, f) => l + (f.values[c] || 0), 0)
+      (r, c) => e.series.reduce((l, m) => l + (m.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, c) => o`<div class="bar-row" title="${r}: ${mt(i[c], e.unit)}">
+      (r, c) => o`<div class="bar-row" title="${r}: ${yt(i[c], e.unit)}">
               <span class="bar-label">${r}</span>
               <span class="bar-track"
                 ><span class="bar-fill" style="width:${Math.max(0, i[c]) / a * 100}%">
                   ${e.series.map(
-        (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)"}"
+        (l, m) => o`<span
+                        style="flex:${Math.max(0, l.values[c] || 0)};background:${e.series.length > 1 ? A[m % A.length] : "var(--c-ink)"}"
                       ></span>`
       )}
                 </span></span
               >
-              <span class="bar-value">${mt(i[c], e.unit)}</span>
+              <span class="bar-value">${yt(i[c], e.unit)}</span>
             </div>`
     )}
       </div>
     </figure>`;
   }
   renderPanel() {
-    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 = [
+    var I;
+    if (!this.panel) return b;
+    const e = this.msgs.find((w) => w.key === this.panel.key);
+    if (!e) return b;
+    const t = e.sources.map((w, f) => kt(w, f + 1)), s = t.find((w) => w.n === this.panel.n);
+    if (!s) return b;
+    const i = this.msg, a = Bt(e.content), r = t.filter((w) => w.n === s.n || !a.size || a.has(w.n)), c = It(r), l = ((I = c.find((w) => w.doc === s.doc)) == null ? void 0 : I.items) ?? [s], m = c.filter((w) => w.doc !== s.doc), v = l.map((w) => w.score).filter((w) => w !== null), S = [
       s.updated ? `Updated ${s.updated}` : "",
-      s.score !== null ? `Relevance ${s.score.toFixed(2)}` : ""
-    ].filter(Boolean).join(" · ");
+      v.length ? `Relevance ${Math.max(...v).toFixed(2)}` : "",
+      l.length > 1 ? j(i.passageCount, { n: l.length }) : ""
+    ].filter(Boolean).join(" · "), T = (w) => `"${w.text}"
+— ${w.title} [${w.n}]${w.path ? `
+${w.path}` : ""}${w.updated ? ` · Updated ${w.updated}` : ""}`;
     return o`<aside
       class="panel ${this.panelDocked ? "docked" : "overlay"}"
       part="panel"
       role="region"
-      aria-label=${_(i.sourceLabel, { n: s.n })}
+      aria-label=${j(i.sourceLabel, { n: s.n })}
     >
       <div class="panel-head">
         <span class="label"
-          >${_(i.sourceLabel, { n: s.n })}${s.collection ? ` · ${s.collection}` : ""}</span
+          >${j(i.sourceLabel, { n: l.map((w) => w.n).join(", ") })}${s.collection ? ` · ${s.collection}` : ""}</span
         >
         <button type="button" class="text-btn underline" @click=${() => this.panel = null}>
           ${i.close}
@@ -5456,45 +5701,55 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, f = [
       <div class="panel-body">
         <div class="panel-meta">
           <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">${s.text}</span>
-          <div class="passage-foot">
-            <span class="label">${i.citedPassage}</span>
-            <button
-              type="button"
-              class="copy-ref"
-              title=${i.copyReference}
-              aria-label=${i.copyReference}
-              @click=${() => this.copy(c, l)}
-            >
-              ${k.copy()}<span>${this.copiedKey === c ? i.copied : i.copy}</span>
-            </button>
-          </div>
+          ${l.length === 1 && s.section ? o`<span class="meta">${s.section}</span>` : b}
+          ${s.path ? o`<span class="path">${s.path}</span>` : b}
+          ${S ? o`<span class="meta">${S}</span>` : b}
         </div>
+        ${l.map((w) => {
+      const f = `ref:${e.key}:${w.n}`;
+      return o`<div
+            class="passage-box ${l.length > 1 && w.n === s.n ? "current" : ""}"
+            data-n=${w.n}
+          >
+            ${l.length > 1 ? o`<span class="passage-head"
+                    ><span class="num">${w.n}</span
+                    >${w.section ? o`<span class="meta">${w.section}</span>` : b}</span
+                  >` : b}
+            <span class="text">${w.text}</span>
+            <div class="passage-foot">
+              <span class="label">${i.citedPassage}</span>
+              <button
+                type="button"
+                class="copy-ref"
+                title=${i.copyReference}
+                aria-label=${i.copyReference}
+                @click=${() => this.copy(f, T(w))}
+              >
+                ${$.copy()}<span>${this.copiedKey === f ? i.copied : i.copy}</span>
+              </button>
+            </div>
+          </div>`;
+    })}
       </div>
-      ${r.length ? o`<div class="panel-foot">
+      ${m.length ? o`<div class="panel-foot">
               <span class="label">${i.alsoCited}</span>
               <div class="chips">
-                ${r.map(
-      (b) => o`<button
+                ${m.map(
+      (w) => o`<button
                       type="button"
                       class="chip"
-                      @click=${() => this.panel = { key: e.key, n: b.n }}
+                      @click=${() => this.panel = { key: e.key, n: w.first.n }}
                     >
-                      ${b.n} · ${b.title}
+                      ${w.items.map((f) => f.n).join(", ")} · ${w.first.title}
                     </button>`
     )}
               </div>
-            </div>` : m}
+            </div>` : b}
     </aside>`;
   }
   renderComposer() {
-    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
+    const e = this.msg, t = this.mode === "rag" ? e.placeholderRag : this.mode === "kb" ? e.placeholderKb : j(e.placeholderChat, { name: this.assistantName }), s = !this.draft.trim(), i = this.footnote === "" ? b : o`<span class="footnote" part="footnote"
+            >${this.footnote ?? j(e.footnote, { name: this.assistantName })}</span
           >`;
     return this.showComposer ? o`<div class="composer-wrap">
       <div class="composer-col">
@@ -5509,12 +5764,12 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, f = [
     }}
         />
         <div class="composer-box">
-          ${this.busy ? o`<div class="composer-glow"></div>` : m}
+          ${this.busy ? o`<div class="composer-glow"></div>` : b}
           <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="ext">${Ot(a.name)}</span>
                           <span class="meta"
                             ><span class="name">${a.name}</span
                             ><span class="size">${e.inThisChat}</span></span
@@ -5529,14 +5784,14 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, f = [
                           </button>
                         </div>`
     )}
-                  </div>` : m}
+                  </div>` : b}
             ${this.files.length ? o`<div class="pending-files">
                     ${this.files.map(
       (a) => o`<div class="pending-file">
-                          <span class="ext">${xt(a.name)}</span>
+                          <span class="ext">${Ot(a.name)}</span>
                           <span class="meta"
                             ><span class="name">${a.name}</span
-                            ><span class="size">${kt(a.size)}</span></span
+                            ><span class="size">${Lt(a.size)}</span></span
                           >
                           <button
                             type="button"
@@ -5548,7 +5803,7 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, f = [
                           </button>
                         </div>`
     )}
-                  </div>` : m}
+                  </div>` : b}
             <textarea
               class="input"
               rows="1"
@@ -5570,8 +5825,8 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, f = [
       return (a = this.renderRoot.querySelector("input[type=file]")) == null ? void 0 : a.click();
     }}
                       >
-                        ${k.clip()}
-                      </button>` : m}
+                        ${$.clip()}
+                      </button>` : b}
               </div>
               ${this.busy ? o`<button
                       type="button"
@@ -5580,7 +5835,7 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, f = [
                       aria-label=${e.stop}
                       @click=${() => this.stop()}
                     >
-                      ${k.stop()}
+                      ${$.stop()}
                     </button>` : o`<button
                       type="button"
                       class="send"
@@ -5589,11 +5844,11 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, f = [
                       ?disabled=${s}
                       @click=${() => this.send()}
                     >
-                      ${k.up()}
+                      ${$.up()}
                     </button>`}
             </div>
           </div>
-          ${this.busy ? o`<div class="composer-ring"><div class="ring"></div></div>` : m}
+          ${this.busy ? o`<div class="composer-ring"><div class="ring"></div></div>` : b}
         </div>
         ${i}
       </div>
@@ -5601,286 +5856,304 @@ ${s.path}` : ""}${s.updated ? ` · Updated ${s.updated}` : ""}`, f = [
         <div class="composer-col">${i}</div>
       </div>`;
   }
-}, 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]);
+}, R = new WeakMap(), N = new WeakMap(), E = new WeakMap(), B = new WeakMap(), F = new WeakMap(), D = new WeakMap(), K = new WeakMap(), P = new WeakMap(), U = new WeakMap(), H = new WeakMap(), W = new WeakMap(), V = new WeakMap(), J = new WeakMap(), q = new WeakMap(), G = 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(), ve = new WeakMap(), xe = new WeakMap(), we = new WeakMap(), ye = new WeakMap(), ke = new WeakMap(), $e = new WeakMap(), Ce = new WeakMap(), Se = new WeakMap(), Te = new WeakMap(), Oe = new WeakMap(), Ie = new WeakMap(), Me = new WeakMap(), _e = new WeakMap(), ze = new WeakMap(), Le = new WeakMap(), je = new WeakMap(), Ae = new WeakMap(), Re = new WeakMap(), Ne = new WeakMap(), Ee = new WeakMap(), Be = new WeakMap(), Fe = new WeakMap(), De = new WeakMap(), Ke = new WeakMap(), Pe = new WeakMap(), Ue = new WeakMap(), He = new WeakMap(), We = new WeakMap(), Ve = new WeakMap(), Je = new WeakMap(), qe = new WeakMap(), Ge = 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(), mt = new WeakMap(), ft = new WeakMap(), bt = new WeakMap(), vt = new WeakMap(), xt = new WeakMap(), wt = new WeakMap(), Xt);
+js(d, "styles", [ls, cs, ds]);
 g([
-  v({ attribute: !1 })
+  x({ attribute: !1 })
 ], d.prototype, "client", 1);
 g([
-  v({ attribute: !1 })
+  x({ attribute: !1 })
 ], d.prototype, "messages", 1);
 g([
-  v({ reflect: !0 })
+  x({ reflect: !0 })
 ], d.prototype, "theme", 1);
 g([
-  v({ reflect: !0 })
+  x({ reflect: !0 })
 ], d.prototype, "radius", 1);
 g([
-  v({ reflect: !0 })
+  x({ reflect: !0 })
 ], d.prototype, "mode", 1);
 g([
-  v({ reflect: !0 })
+  x({ reflect: !0 })
 ], d.prototype, "format", 1);
 g([
-  v({ attribute: !1 })
+  x({ attribute: !1 })
 ], d.prototype, "renderers", 1);
 g([
-  v({ attribute: !1 })
+  x({ attribute: !1 })
 ], d.prototype, "beforeSend", 1);
 g([
-  v({ attribute: !1 })
+  x({ attribute: !1 })
 ], d.prototype, "afterParse", 1);
 g([
-  v({ reflect: !0 })
+  x({ reflect: !0 })
 ], d.prototype, "glow", 1);
 g([
-  v()
+  x()
 ], d.prototype, "docsets", 1);
 g([
-  v({ attribute: "attachments-mode" })
+  x({ attribute: "attachments-mode" })
 ], d.prototype, "attachmentsMode", 1);
 g([
-  v({ converter: I, attribute: "save-attachments" })
+  x({ converter: M, attribute: "save-attachments" })
 ], d.prototype, "saveAttachments", 1);
 g([
-  v({ converter: I })
+  x({ converter: M })
 ], d.prototype, "followups", 1);
 g([
-  v({ converter: I, attribute: "show-sources" })
+  x({ converter: M, attribute: "show-sources" })
 ], d.prototype, "showSources", 1);
 g([
-  v({ converter: I, attribute: "show-new-chat" })
+  x({ converter: M, attribute: "show-new-chat" })
 ], d.prototype, "showNewChat", 1);
 g([
-  v({ converter: I, attribute: "show-bookmarked" })
+  x({ converter: M, attribute: "show-bookmarked" })
 ], d.prototype, "showBookmarked", 1);
 g([
-  v({ converter: I, attribute: "show-followups" })
+  x({ converter: M, attribute: "show-followups" })
 ], d.prototype, "showFollowups", 1);
 g([
-  v({ converter: I, attribute: "allow-search" })
+  x({ type: Boolean, attribute: "allow-view-options" })
+], d.prototype, "allowViewOptions", 1);
+g([
+  x({ converter: M, attribute: "allow-search" })
 ], d.prototype, "allowSearch", 1);
 g([
-  v({ converter: I, attribute: "auto-title" })
+  x({ converter: M, attribute: "auto-title" })
 ], d.prototype, "autoTitle", 1);
 g([
-  v()
+  x()
 ], d.prototype, "model", 1);
 g([
-  v({ converter: vt })
+  x({ converter: Mt })
 ], d.prototype, "params", 1);
 g([
-  v({ attribute: "system-message" })
+  x({ attribute: "system-message" })
 ], d.prototype, "systemMessage", 1);
 g([
-  v({ converter: vt })
+  x({ converter: Mt })
 ], d.prototype, "retrieval", 1);
 g([
-  v({ converter: vt })
+  x({ converter: Mt })
 ], d.prototype, "metadata", 1);
 g([
-  v({ reflect: !0 })
+  x({ reflect: !0 })
 ], d.prototype, "embed", 1);
 g([
-  v({ reflect: !0 })
+  x({ reflect: !0 })
 ], d.prototype, "position", 1);
 g([
-  v({ converter: Cs })
+  x({ converter: As })
 ], d.prototype, "sidebar", 1);
 g([
-  v({ converter: I, attribute: "show-title" })
+  x({ converter: M, attribute: "show-title" })
 ], d.prototype, "showTitle", 1);
 g([
-  v({ attribute: "chat-id" })
+  x({ attribute: "chat-id" })
 ], d.prototype, "chatIdAttr", 1);
 g([
-  v({ attribute: "assistant-name" })
+  x({ attribute: "chat-key" })
+], d.prototype, "chatKey", 1);
+g([
+  x({ attribute: "assistant-name" })
 ], d.prototype, "assistantName", 1);
 g([
-  v({ attribute: "logo-url" })
+  x({ attribute: "logo-url" })
 ], d.prototype, "logoUrl", 1);
 g([
-  v()
+  x()
 ], d.prototype, "heading", 1);
 g([
-  v()
+  x()
 ], d.prototype, "description", 1);
 g([
-  v()
+  x()
 ], d.prototype, "eyebrow", 1);
 g([
-  v()
+  x()
 ], d.prototype, "prompts", 1);
 g([
-  v({ attribute: "bubble-text" })
+  x({ attribute: "bubble-text" })
 ], d.prototype, "bubbleText", 1);
 g([
-  v({ type: Boolean, attribute: "greeting-bubble" })
+  x({ type: Boolean, attribute: "greeting-bubble" })
 ], d.prototype, "greetingBubble", 1);
 g([
-  v({ type: Boolean, attribute: "unread-badge" })
+  x({ type: Boolean, attribute: "unread-badge" })
 ], d.prototype, "unreadBadge", 1);
 g([
-  v({ converter: I, attribute: "allow-upload" })
+  x({ converter: M, attribute: "allow-upload" })
 ], d.prototype, "allowUpload", 1);
 g([
-  v({ converter: I, attribute: "allow-export" })
+  x({ converter: M, attribute: "allow-export" })
 ], d.prototype, "allowExport", 1);
 g([
-  v({ converter: I, attribute: "allow-copy" })
+  x({ converter: M, attribute: "allow-copy" })
 ], d.prototype, "allowCopy", 1);
 g([
-  v({ converter: I, attribute: "allow-regenerate" })
+  x({ converter: M, attribute: "allow-regenerate" })
 ], d.prototype, "allowRegenerate", 1);
 g([
-  v({ converter: I, attribute: "allow-bookmark" })
+  x({ converter: M, attribute: "allow-bookmark" })
 ], d.prototype, "allowBookmark", 1);
 g([
-  v({ converter: I, attribute: "allow-delete" })
+  x({ converter: M, attribute: "allow-delete" })
 ], d.prototype, "allowDelete", 1);
 g([
-  v({ converter: I, attribute: "allow-rename" })
+  x({ converter: M, attribute: "allow-rename" })
 ], d.prototype, "allowRename", 1);
 g([
-  v({ converter: I, attribute: "allow-feedback" })
+  x({ converter: M, attribute: "allow-feedback" })
 ], d.prototype, "allowFeedback", 1);
 g([
-  v({ converter: I, attribute: "show-composer" })
+  x({ converter: M, attribute: "show-composer" })
 ], d.prototype, "showComposer", 1);
 g([
-  v({ converter: I, attribute: "show-time" })
+  x({ converter: M, attribute: "show-time" })
 ], d.prototype, "showTime", 1);
 g([
-  v()
+  x()
 ], d.prototype, "footnote", 1);
 g([
-  v({ type: Boolean, attribute: "allow-raw" })
+  x({ type: Boolean, attribute: "allow-raw" })
 ], d.prototype, "allowRaw", 1);
 g([
-  v({ converter: I })
+  x({ converter: M })
 ], d.prototype, "branding", 1);
 g([
-  y()
+  k()
 ], d.prototype, "chatList", 1);
 g([
-  y()
+  k()
 ], d.prototype, "listState", 1);
 g([
-  y()
+  k()
 ], d.prototype, "activeId", 1);
 g([
-  y()
+  k()
 ], d.prototype, "chatTitle", 1);
 g([
-  y()
+  k()
 ], d.prototype, "bookmarked", 1);
 g([
-  y()
+  k()
 ], d.prototype, "msgs", 1);
 g([
-  y()
+  k()
 ], d.prototype, "loadingThread", 1);
 g([
-  y()
+  k()
 ], d.prototype, "threadError", 1);
 g([
-  y()
+  k()
 ], d.prototype, "busy", 1);
 g([
-  y()
+  k()
 ], d.prototype, "draft", 1);
 g([
-  y()
+  k()
 ], d.prototype, "files", 1);
 g([
-  y()
+  k()
 ], d.prototype, "search", 1);
 g([
-  y()
+  k()
 ], d.prototype, "sidebarOpen", 1);
 g([
-  y()
+  k()
 ], d.prototype, "width", 1);
 g([
-  y()
+  k()
 ], d.prototype, "panel", 1);
 g([
-  y()
+  k()
 ], d.prototype, "menuOpen", 1);
 g([
-  y()
+  k()
+], d.prototype, "viewOpen", 1);
+g([
+  k()
+], d.prototype, "viewHidden", 1);
+g([
+  k()
 ], d.prototype, "editingKey", 1);
 g([
-  y()
+  k()
 ], d.prototype, "editDraft", 1);
 g([
-  y()
+  k()
 ], d.prototype, "editingTitle", 1);
 g([
-  y()
+  k()
 ], d.prototype, "renamingId", 1);
 g([
-  y()
+  k()
 ], d.prototype, "toast", 1);
 g([
-  y()
+  k()
 ], d.prototype, "copiedKey", 1);
 g([
-  y()
+  k()
 ], d.prototype, "retrievalOpen", 1);
 g([
-  y()
+  k()
 ], d.prototype, "rawKeys", 1);
 g([
-  y()
+  k()
 ], d.prototype, "savedFiles", 1);
 g([
-  y()
+  k()
 ], d.prototype, "hasSidebarContent", 1);
 g([
-  y()
+  k()
 ], d.prototype, "sorts", 1);
 g([
-  y()
+  k()
 ], d.prototype, "arrivedKey", 1);
 g([
-  y()
+  k()
 ], d.prototype, "dragging", 1);
 g([
-  y()
+  k()
 ], d.prototype, "showJump", 1);
 g([
-  y()
+  k()
 ], d.prototype, "offline", 1);
 g([
-  y()
+  k()
 ], d.prototype, "isOpen", 1);
 g([
-  y()
+  k()
 ], d.prototype, "expanded", 1);
 g([
-  y()
+  k()
 ], d.prototype, "bubble", 1);
 g([
-  y()
+  k()
 ], d.prototype, "seen", 1);
 g([
-  y()
+  k()
 ], d.prototype, "mobile", 1);
+g([
+  k()
+], d.prototype, "starterList", 1);
+g([
+  k()
+], d.prototype, "startersLoading", 1);
 d = g([
-  Gt("singlebase-chat")
+  as("singlebase-chat")
 ], d);
 export {
   d 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
+  Ss as a,
+  kt as b,
+  Bt as c,
+  ps as d,
+  bs as e,
+  Dt as f,
+  _s as g,
+  ys as p,
+  hs as r,
+  ks as s
 };
-//# sourceMappingURL=chat-BH_3e1jT.js.map
+//# sourceMappingURL=chat-DNiqYF6F.js.map