@alisio/plugin-semantic 0.1.0 → 0.1.1

package/dist/embedded.html

@@ -351,13 +351,24 @@ textarea {
 .nb-card:focus-within {
   border-color: var(--border-strong);
 }
+/* "New notebook": icon and label centered, same height as the notebook cards. */
 .nb-card.new {
+  display: flex;
   flex-direction: column;
+  align-items: center;
+  justify-content: center;
   gap: 12px;
   color: var(--accent);
   border-style: dashed;
   font-weight: 650;
   width: 100%;
+  height: 100%;
+  min-height: 170px;
+  padding: 18px;
+  text-align: center;
+}
+.nb-card.new .nb-glyph {
+  margin-bottom: 0;
 }
 .nb-open {
   display: flex;
@@ -600,19 +611,167 @@ textarea {
   gap: 10px;
   color: var(--muted);
 }
+/* Citation chip: clearly a control, not a bare number. */
 .cite {
   min-height: 0;
   min-width: 22px;
-  height: 22px;
+  height: 20px;
   padding: 0 6px;
-  margin: 0 2px;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 700;
-  vertical-align: 1px;
+  margin: 0 1px 0 3px;
+  border-radius: 999px;
+  font-size: 11.5px;
+  font-weight: 750;
+  line-height: 1;
+  vertical-align: 2px;
   background: var(--amber-bg);
   color: var(--amber);
+  border: 1px solid var(--amber);
+}
+.cite:hover {
+  background: var(--amber);
+  color: var(--bg);
+}
+/* Rendered Markdown in answers, the guide and summaries. */
+.md > :first-child {
+  margin-top: 0;
+}
+.md > :last-child {
+  margin-bottom: 0;
+}
+.md p,
+.md ul,
+.md ol,
+.md blockquote,
+.md pre,
+.md .table-wrap {
+  margin: 0 0 10px;
+}
+.md ul,
+.md ol {
+  padding-left: 22px;
+}
+.md li + li {
+  margin-top: 4px;
+}
+.md h3,
+.md h4,
+.md h5 {
+  margin: 14px 0 6px;
+  font-size: 15px;
+  text-transform: none;
+  letter-spacing: 0;
+  color: var(--text);
+}
+.md h3 {
+  font-size: 17px;
+}
+.md code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 12.5px;
+  background: var(--raised);
+  border-radius: 5px;
+  padding: 1px 5px;
+}
+.md pre {
+  background: var(--raised);
+  border-radius: var(--radius-sm);
+  padding: 10px 12px;
+  overflow: auto;
+}
+.md pre code {
+  background: none;
+  padding: 0;
+}
+.md blockquote {
+  border-left: 3px solid var(--border-strong);
+  padding: 2px 0 2px 12px;
+  background: none;
+  border-radius: 0;
+  white-space: normal;
+}
+.md hr {
+  border: none;
+  border-top: 1px solid var(--border-strong);
+  margin: 12px 0;
+}
+.md .table-wrap {
+  overflow-x: auto;
+}
+.md table {
+  border-collapse: collapse;
+  font-size: 13px;
+}
+.md th,
+.md td {
+  border: 1px solid var(--border-strong);
+  padding: 5px 9px;
+  text-align: left;
+  vertical-align: top;
+}
+.md th {
+  background: var(--raised);
+}
+.msg .who {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+.copy-controls {
+  display: inline-flex;
+  gap: 2px;
+  margin-left: auto;
+}
+.copy-controls .icon-btn {
+  width: 28px;
+  min-width: 28px;
+  height: 28px;
+  min-height: 28px;
+  color: var(--muted);
+}
+.block h3 {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.chat-head:empty {
+  display: none;
+}
+.chat-head {
+  padding: 12px 18px 0;
+}
+.model-picker {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  color: var(--muted);
+  font-size: 13px;
+  max-width: 100%;
+}
+.model-picker select {
+  min-height: 34px;
+  max-width: 340px;
+  border: 1px solid var(--border-strong);
+  border-radius: var(--radius-sm);
+  background: var(--surface);
+  color: var(--text);
+  padding: 4px 8px;
+}
+.block-state {
+  background: var(--amber-bg);
   border-color: transparent;
+  margin: 0;
+}
+textarea:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+.copy-area {
+  max-height: 50vh;
+  overflow: auto;
+  border: 1px solid var(--border-strong);
+  border-radius: var(--radius-sm);
+  padding: 10px;
 }
 .warn {
   display: flex;
@@ -649,16 +808,113 @@ textarea {
   justify-content: flex-start;
   border-radius: var(--radius-sm);
 }
+/* Composer: one rounded container with an auto-growing textarea and a round send button inside. */
 .composer {
+  padding: 12px 18px 10px;
+  border-top: 1px solid var(--border);
+}
+.composer-box {
   display: flex;
-  gap: 10px;
   align-items: flex-end;
-  padding: 14px 18px;
-  border-top: 1px solid var(--border);
+  gap: 8px;
+  border: 1px solid var(--border-strong);
+  border-radius: var(--radius);
+  background: var(--surface);
+  padding: 6px 6px 6px 14px;
+  transition:
+    border-color 0.15s,
+    box-shadow 0.15s;
+}
+.composer-box:focus-within {
+  border-color: var(--accent);
+  box-shadow: 0 0 0 3px var(--accent-soft);
+}
+.composer-box textarea {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  padding: 7px 0;
+  min-height: 22px;
+  line-height: 22px;
+  resize: none;
+  overflow-y: hidden;
+}
+.composer-box textarea:focus,
+.composer-box textarea:focus-visible {
+  outline: none;
+  box-shadow: none;
 }
-#composer-actions {
+.composer-actions {
   display: flex;
-  gap: 6px;
+  flex: none;
+}
+.send-btn {
+  width: 36px;
+  min-width: 36px;
+  height: 36px;
+  min-height: 36px;
+  padding: 0;
+  border-radius: 999px;
+  background: var(--accent);
+  border-color: var(--accent);
+  color: var(--on-accent);
+}
+.send-btn:hover {
+  background: var(--accent-hover);
+  border-color: var(--accent-hover);
+}
+.send-btn:disabled {
+  background: var(--surface-2);
+  border-color: var(--border-strong);
+  color: var(--faint);
+  opacity: 1;
+}
+.send-btn.stop {
+  background: var(--text);
+  border-color: var(--text);
+  color: var(--bg);
+}
+.send-btn .icon {
+  width: 18px;
+  height: 18px;
+}
+.composer-hint,
+.disclaimer {
+  margin: 6px 4px 0;
+  font-size: 12px;
+  line-height: 1.4;
+  color: var(--faint);
+  text-align: center;
+}
+.disclaimer {
+  margin-top: 2px;
+}
+/* Copy controls: top right of each generated block; shown on hover and keyboard focus, always
+   on touch screens and narrow layouts. */
+.copyable .copy-controls {
+  opacity: 0;
+  transition: opacity 0.15s;
+}
+.copyable:hover .copy-controls,
+.copyable:focus-within .copy-controls {
+  opacity: 1;
+}
+@media (hover: none), (max-width: 899px) {
+  .copyable .copy-controls {
+    opacity: 1;
+  }
+}
+.chat-head {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+.chat-head > .banner {
+  flex: 1;
+}
+.chat-head > .icon-btn {
+  margin-left: auto;
 }
 .spinner {
   width: 16px;
@@ -748,6 +1004,9 @@ dialog::backdrop {
   margin: 15vh auto;
   padding: 0 24px;
   text-align: center;
+  display: grid;
+  justify-items: center;
+  gap: 12px;
 }
 
 /* ---------- Narrow layout: tabs under 900 px ---------- */
@@ -951,6 +1210,8 @@ const en = {
   keywordAnswer: "Found with keyword search",
   clearChat: "Clear chat",
   clearChatConfirm: "Clear the whole chat of this notebook?",
+  composerHint: "Enter to send, Shift+Enter for a new line",
+  disclaimer: "The assistant can make mistakes, so check its answers against the cited sources.",
   noticeTitle: "Before your first question",
   noticeText:
     "To answer, the passages that match your question are sent to the AI model selected in Alisio, which may run outside this computer. Reading and indexing your files stays on this computer.",
@@ -969,6 +1230,21 @@ const en = {
   showGuide: "Show guide panel",
   hideGuide: "Hide guide panel",
   awaiting_approval: "Waiting for your approval in Alisio…",
+  model: "Model",
+  modelDefault: (name) => (name ? `Alisio's current model (${name})` : "Alisio's current model"),
+  modelFallback:
+    "The model chosen for this notebook is no longer available; Alisio's current model answered.",
+  noModelTitle: "Connect a model to chat",
+  noModel:
+    "To chat with your sources, first connect a model in Alisio (/connect). Indexing and keyword search still work.",
+  outdated: "Outdated: sources changed since it was written.",
+  regenerate: "Regenerate",
+  copyText: "Copy text",
+  copyFormatted: "Copy formatted",
+  copied: "Copied",
+  copyManual: "Press Ctrl+C / ⌘C to copy",
+  retry: "Try again",
+  checking: "Checking…",
   unavailableTitle: "Notebook is unavailable",
   unavailable:
     "This app is no longer available. The plugin may have been turned off or updated; reopen Notebook from the Apps list.",
@@ -990,6 +1266,7 @@ const en = {
     download_failed: "The download failed. Check your connection and try again.",
     cancelled: "Cancelled.",
     answer_failed: "The AI model did not answer. Check the model selected in Alisio.",
+    no_model: "Connect a model in Alisio (/connect) to chat with your sources.",
     operation_failed: "Something went wrong. Please try again.",
     not_permitted_write:
       'Alisio did not allow Notebook to save changes. Set this session to Auto (or Full access), or approve the action in the chat with "Allow for session".',
@@ -1100,8 +1377,11 @@ const es = {
   assistant: "Cuaderno",
   notGrounded: "Esta respuesta no cita tus fuentes. Revísala antes de confiar en ella.",
   keywordAnswer: "Encontrado con palabras clave",
-  clearChat: "Borrar chat",
-  clearChatConfirm: "¿Borrar todo el chat de este cuaderno?",
+  clearChat: "Limpiar chat",
+  clearChatConfirm: "¿Limpiar todo el chat de este cuaderno?",
+  composerHint: "Enter para enviar, Shift+Enter para nueva línea",
+  disclaimer:
+    "El asistente puede cometer errores; comprueba sus respuestas con las fuentes citadas.",
   noticeTitle: "Antes de tu primera pregunta",
   noticeText:
     "Para responder, los pasajes que coinciden con tu pregunta se envían al modelo de IA elegido en Alisio, que puede funcionar fuera de este equipo. La lectura y el indexado de tus archivos se quedan en este equipo.",
@@ -1119,6 +1399,21 @@ const es = {
   showGuide: "Mostrar panel de guía",
   hideGuide: "Ocultar panel de guía",
   awaiting_approval: "Esperando tu aprobación en Alisio…",
+  model: "Modelo",
+  modelDefault: (name) => (name ? `Modelo actual de Alisio (${name})` : "Modelo actual de Alisio"),
+  modelFallback:
+    "El modelo elegido para este cuaderno ya no está disponible; respondió el modelo actual de Alisio.",
+  noModelTitle: "Conecta un modelo para chatear",
+  noModel:
+    "Para chatear con tus fuentes, primero conecta un modelo en Alisio (/connect). El indexado y la búsqueda por palabras clave siguen funcionando.",
+  outdated: "Desactualizado: las fuentes cambiaron desde que se escribió.",
+  regenerate: "Regenerar",
+  copyText: "Copiar texto",
+  copyFormatted: "Copiar con formato",
+  copied: "Copiado",
+  copyManual: "Pulsa Ctrl+C / ⌘C para copiar",
+  retry: "Reintentar",
+  checking: "Comprobando…",
   unavailableTitle: "Cuaderno no está disponible",
   unavailable:
     "Esta app ya no está disponible. Puede que el plugin se haya desactivado o actualizado; vuelve a abrir Cuaderno desde la lista de Aplicaciones.",
@@ -1141,6 +1436,7 @@ const es = {
     download_failed: "La descarga falló. Revisa tu conexión e inténtalo de nuevo.",
     cancelled: "Cancelado.",
     answer_failed: "El modelo de IA no respondió. Revisa el modelo elegido en Alisio.",
+    no_model: "Conecta un modelo en Alisio (/connect) para chatear con tus fuentes.",
     operation_failed: "Algo salió mal. Inténtalo de nuevo.",
     not_permitted_write:
       'Alisio no permitió que Cuaderno guarde cambios. Pon esta sesión en Auto (o Acceso total), o aprueba la acción en el chat con "Permitir en la sesión".',
@@ -1332,7 +1628,7 @@ const PATHS = {
   folder: "M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",
   file: "M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8zM14 3v5h5",
   send: "M4 12l16-8-6 16-2-6z",
-  stop: "M7 7h10v10H7z",
+  stop: "M8 8h8v8H8z",
   trash: "M4 7h16M10 11v6M14 11v6M6 7l1 13h10l1-13M9 7V4h6v3",
   edit: "M4 20h4L19 9l-4-4L4 16zM14 6l4 4",
   sparkle:
@@ -1344,7 +1640,10 @@ const PATHS = {
   book: "M4 5a2 2 0 0 1 2-2h5v17H6a2 2 0 0 0-2 2zM20 5a2 2 0 0 0-2-2h-5v17h5a2 2 0 0 1 2 2z",
   check: "M5 12l5 5 9-10",
   up: "M12 19V5m0 0l-6 6m6-6l6 6",
+  arrowUp: "M12 19V6m0 0l-6 6m6-6l6 6",
   close: "M6 6l12 12M18 6L6 18",
+  copy: "M9 9h10v10H9zM5 15V5h10",
+  copyRich: "M9 9h10v10H9zM5 15V5h10M12 13h4M12 16h3",
   quote: "M7 7h4v4c0 3-2 5-4 6M15 7h4v4c0 3-2 5-4 6",
 };
 
@@ -1352,6 +1651,324 @@ function icon(name, cls = "icon") {
   return `<svg class="${cls}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="${PATHS[name] ?? ""}"/></svg>`;
 }
 
+// Small, safe Markdown renderer for answers (0.1.1). Every piece of model text is HTML-escaped
+// before any formatting is applied, so the only tags in the output are the ones built here.
+// Supports paragraphs, line breaks, # to ### headings, bold, italic, inline code, fenced code,
+// nested ordered/unordered lists, blockquotes, simple GFM tables and horizontal rules. Links are
+// shown as plain text (the frame cannot navigate). `[n]` citations that match `citations` become
+// chips; other numbers stay text.
+
+const ESCAPES = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
+const escapeHtml = (value) => String(value ?? "").replace(/[&<>"']/g, (c) => ESCAPES[c]);
+
+function chip(citation) {
+  const label = `${citation.n}: ${citation.sourceName ?? ""}`;
+  return `<button type="button" class="cite" data-action="cite" data-source="${escapeHtml(citation.sourceId)}" data-ordinal="${escapeHtml(citation.ordinal)}" aria-label="${escapeHtml(label)}" title="${escapeHtml(citation.sourceName ?? "")}">${escapeHtml(citation.n)}</button>`;
+}
+
+/**
+ * Inline formatting of one line of raw text. `options.chips === false` keeps citations as plain
+ * `[n]` text (copied HTML must not contain buttons).
+ */
+function renderInline(raw, citations = [], options = {}) {
+  const byNumber = new Map(citations.map((c) => [Number(c.n), c]));
+  const slots = [];
+  const hold = (html) => `\uE000${slots.push(html) - 1}\uE000`;
+  let s = escapeHtml(String(raw ?? "").replace(/\uE000/g, ""));
+  // Code spans first: nothing inside them is formatted.
+  s = s.replace(/`([^`]+)`/g, (_, code) => hold(`<code>${code}</code>`));
+  // Links become their text plus the address, as plain text.
+  s = s.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, (_, text, url) =>
+    text === url ? text : `${text} (${url})`,
+  );
+  s = s.replace(/\*\*(?=\S)([\s\S]*?\S)\*\*/g, "<strong>$1</strong>");
+  s = s.replace(/__(?=\S)([\s\S]*?\S)__/g, "<strong>$1</strong>");
+  s = s.replace(/(^|[^\w*])\*(?=[^\s*])([^*]*?[^\s*])\*(?!\*)/g, "$1<em>$2</em>");
+  s = s.replace(/(^|[^\w])_(?=[^\s_])([^_]*?[^\s_])_(?![\w])/g, "$1<em>$2</em>");
+  s = s.replace(/\[(\d{1,3}(?:\s*,\s*\d{1,3})*)\]/g, (match, list) => {
+    const numbers = list.split(",").map((n) => Number(n.trim()));
+    if (!numbers.every((n) => byNumber.has(n))) return match;
+    if (options.chips === false) return `[${numbers.join(", ")}]`;
+    return numbers.map((n) => hold(chip(byNumber.get(n)))).join("");
+  });
+  return s.replace(/\uE000(\d+)\uE000/g, (_, i) => slots[Number(i)]);
+}
+
+const LIST = /^(\s*)([-*+]|\d{1,9}[.)])\s+(.*)$/;
+const RULE = /^\s{0,3}([-*_])(\s*\1){2,}\s*$/;
+const FENCE = /^\s{0,3}(```|~~~)/;
+const HEADING = /^\s{0,3}(#{1,3})\s+(.*?)\s*#*\s*$/;
+const QUOTE = /^\s{0,3}>\s?(.*)$/;
+const TABLE_RULE = /^\s*\|?\s*:?-{1,}:?\s*(\|\s*:?-{1,}:?\s*)*\|?\s*$/;
+const isTableRow = (line) => line.includes("|");
+const cells = (line) =>
+  line
+    .trim()
+    .replace(/^\|/, "")
+    .replace(/\|$/, "")
+    .split("|")
+    .map((c) => c.trim());
+const indentOf = (s) => s.replace(/\t/g, "    ").length;
+
+function renderList(lines, citations, options) {
+  // Builds nested lists from indentation: deeper markers open a child list in the last item.
+  const root = { indent: -1, items: [] };
+  const stack = [];
+  for (const line of lines) {
+    const m = LIST.exec(line);
+    if (!m) {
+      const top = stack.at(-1);
+      const item = top?.list.items.at(-1);
+      if (item) item.text += `\n${line.trim()}`;
+      continue;
+    }
+    const indent = indentOf(m[1]);
+    const ordered = /\d/.test(m[2]);
+    while (stack.length && indent < stack.at(-1).indent) stack.pop();
+    let top = stack.at(-1);
+    if (!top || indent > top.indent) {
+      const parentItem = top?.list.items.at(-1);
+      const list = { ordered, items: [] };
+      if (parentItem) parentItem.children.push(list);
+      else root.items.push(list);
+      top = { indent, list };
+      stack.push(top);
+    }
+    top.list.items.push({ text: m[3], children: [] });
+  }
+  const html = (list) =>
+    `<${list.ordered ? "ol" : "ul"}>${list.items
+      .map(
+        (item) =>
+          `<li>${item.text
+            .split("\n")
+            .map((t) => renderInline(t, citations, options))
+            .join("<br>")}${item.children.map(html).join("")}</li>`,
+      )
+      .join("")}</${list.ordered ? "ol" : "ul"}>`;
+  return root.items.map(html).join("");
+}
+
+function renderTable(rows, citations, options) {
+  const [head, , ...body] = rows.map(cells);
+  const th = (head ?? []).map((c) => `<th>${renderInline(c, citations, options)}</th>`).join("");
+  const tr = body
+    .map(
+      (r) => `<tr>${r.map((c) => `<td>${renderInline(c, citations, options)}</td>`).join("")}</tr>`,
+    )
+    .join("");
+  return `<div class="table-wrap"><table><thead><tr>${th}</tr></thead><tbody>${tr}</tbody></table></div>`;
+}
+
+/** Block-level rendering; returns HTML built only from escaped text and fixed tags. */
+function renderMarkdown(text, citations = [], options = {}) {
+  const lines = String(text ?? "")
+    .replace(/\r\n?/g, "\n")
+    .split("\n");
+  const out = [];
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    if (!line.trim()) {
+      i++;
+      continue;
+    }
+    const fence = FENCE.exec(line);
+    if (fence) {
+      const code = [];
+      i++;
+      while (i < lines.length && !lines[i].trimStart().startsWith(fence[1])) code.push(lines[i++]);
+      i++;
+      out.push(`<pre><code>${escapeHtml(code.join("\n"))}</code></pre>`);
+      continue;
+    }
+    const heading = HEADING.exec(line);
+    if (heading) {
+      const level = heading[1].length + 2; // # -> h3: answers live inside the chat
+      out.push(`<h${level}>${renderInline(heading[2], citations, options)}</h${level}>`);
+      i++;
+      continue;
+    }
+    if (RULE.test(line)) {
+      out.push("<hr>");
+      i++;
+      continue;
+    }
+    if (QUOTE.test(line)) {
+      const inner = [];
+      while (i < lines.length && QUOTE.test(lines[i])) inner.push(QUOTE.exec(lines[i++])[1]);
+      out.push(`<blockquote>${renderMarkdown(inner.join("\n"), citations, options)}</blockquote>`);
+      continue;
+    }
+    if (isTableRow(line) && i + 1 < lines.length && TABLE_RULE.test(lines[i + 1])) {
+      const rows = [];
+      while (i < lines.length && lines[i].trim() && isTableRow(lines[i])) rows.push(lines[i++]);
+      out.push(renderTable(rows, citations, options));
+      continue;
+    }
+    if (LIST.test(line)) {
+      const block = [];
+      while (
+        i < lines.length &&
+        lines[i].trim() &&
+        (LIST.test(lines[i]) || /^\s+\S/.test(lines[i]))
+      )
+        block.push(lines[i++]);
+      out.push(renderList(block, citations, options));
+      continue;
+    }
+    const paragraph = [];
+    while (
+      i < lines.length &&
+      lines[i].trim() &&
+      !FENCE.test(lines[i]) &&
+      !HEADING.test(lines[i]) &&
+      !QUOTE.test(lines[i]) &&
+      !LIST.test(lines[i]) &&
+      !RULE.test(lines[i])
+    )
+      paragraph.push(lines[i++]);
+    out.push(`<p>${paragraph.map((l) => renderInline(l, citations, options)).join("<br>")}</p>`);
+  }
+  return out.join("");
+}
+
+// Copy an answer as text or with formatting (0.1.1, O14). The formatted HTML comes from the same
+// safe renderer (model text is always escaped), with citations as plain [n] and inline styles only.
+
+/** Plain text to copy: the answer's Markdown source, citations kept as [n]. */
+const copyText = (markdown) => String(markdown ?? "");
+
+const STYLES = [
+  [/<table>/g, '<table style="border-collapse:collapse">'],
+  [/<th>/g, '<th style="border:1px solid #999;padding:4px 8px;text-align:left">'],
+  [/<td>/g, '<td style="border:1px solid #999;padding:4px 8px">'],
+  [/<pre>/g, '<pre style="background:#f4f4f4;padding:8px;white-space:pre-wrap">'],
+  [
+    /<blockquote>/g,
+    '<blockquote style="border-left:3px solid #999;margin:0 0 8px;padding-left:10px">',
+  ],
+  [/ class="table-wrap"/g, ""],
+];
+
+/** Rich HTML to copy: rendered Markdown without chips, buttons or classes. */
+function copyHtml(markdown, citations, render) {
+  let html = render(String(markdown ?? ""), citations ?? [], { chips: false });
+  for (const [pattern, replacement] of STYLES) html = html.replace(pattern, replacement);
+  return `<div>${html}</div>`;
+}
+
+/**
+ * Tries the async Clipboard API, then a `copy` event fired by `execCommand` on a hidden
+ * selection (sandboxed frames often lack the clipboard permission). Returns the path that worked:
+ * "clipboard", "execCommand", or "manual" when the caller must show the content to copy by hand.
+ */
+async function writeClipboard({ text, html }, env = globalThis) {
+  const nav = env.navigator;
+  try {
+    if (html && nav?.clipboard?.write && typeof env.ClipboardItem === "function") {
+      await nav.clipboard.write([
+        new env.ClipboardItem({
+          "text/html": new env.Blob([html], { type: "text/html" }),
+          "text/plain": new env.Blob([text], { type: "text/plain" }),
+        }),
+      ]);
+      return "clipboard";
+    }
+    if (!html && nav?.clipboard?.writeText) {
+      await nav.clipboard.writeText(text);
+      return "clipboard";
+    }
+  } catch {
+    // Permission denied in the sandbox: fall back below.
+  }
+  const doc = env.document;
+  try {
+    const area = doc.createElement("textarea");
+    area.value = text;
+    area.setAttribute("readonly", "");
+    area.style.cssText = "position:fixed;left:-9999px;top:0;opacity:0";
+    doc.body.append(area);
+    area.select();
+    let filled = false;
+    const onCopy = (event) => {
+      event.clipboardData?.setData("text/plain", text);
+      if (html) event.clipboardData?.setData("text/html", html);
+      if (event.clipboardData) {
+        event.preventDefault();
+        filled = true;
+      }
+    };
+    doc.addEventListener("copy", onCopy);
+    let ok = false;
+    try {
+      ok = !!doc.execCommand?.("copy");
+    } finally {
+      doc.removeEventListener("copy", onCopy);
+      area.remove();
+    }
+    if (ok && (filled || !html)) return "execCommand";
+  } catch {
+    // execCommand is unavailable: manual copy.
+  }
+  return "manual";
+}
+
+/**
+ * What a copy control copies (one shared component for every generated block, O14):
+ * `chat:<i>` an answer, `guide` the notebook summary, `questions` its suggested questions,
+ * `summary` a source summary, `passage` the passage text plus a plain reference line.
+ * `place` formats the passage's location ("Page 3", "Slide 2", "Sheet: Sales").
+ */
+function copySourceFor(ref, state) {
+  const { chat = [], guide, summary, passage, place } = state;
+  if (ref === "guide")
+    return guide?.summary
+      ? { text: guide.summary, citations: guide.citations ?? [], markdown: true }
+      : undefined;
+  if (ref === "questions") {
+    const questions = (guide?.questions ?? []).filter(Boolean);
+    return questions.length
+      ? { text: questions.map((q) => `- ${q}`).join("\n"), citations: [], markdown: true }
+      : undefined;
+  }
+  if (ref === "summary")
+    return summary?.summary
+      ? { text: summary.summary, citations: summary.citations ?? [], markdown: true }
+      : undefined;
+  if (ref === "passage") {
+    if (!passage) return undefined;
+    const where = [passage.sourceName, place?.(passage)].filter(Boolean).join(", ");
+    return { text: passage.text, reference: where, citations: [], markdown: false };
+  }
+  const message = chat[Number(String(ref).split(":")[1])];
+  return message?.text
+    ? { text: message.text, citations: message.citations ?? [], markdown: true }
+    : undefined;
+}
+
+const escapeText = (value) =>
+  String(value ?? "").replace(
+    /[&<>"']/g,
+    (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c],
+  );
+
+/** Plain text and (when `formatted`) rich HTML for a copy source. */
+function copyPayload(source, render, formatted) {
+  const text = source.reference
+    ? `${copyText(source.text)}\n\n— ${source.reference}`
+    : copyText(source.text);
+  if (!formatted) return { text };
+  if (source.markdown) return { text, html: copyHtml(source.text, source.citations, render) };
+  // Source text is not Markdown: quote it as is, with its reference line.
+  const quoted = escapeText(source.text).split(/\n/).join("<br>");
+  const reference = source.reference ? `<p>— ${escapeText(source.reference)}</p>` : "";
+  return {
+    text,
+    html: `<div><blockquote style="border-left:3px solid #999;margin:0 0 8px;padding-left:10px">${quoted}</blockquote>${reference}</div>`,
+  };
+}
+
 
 const root = document.querySelector("#app");
 const dialog = document.querySelector("#dialog");
@@ -1370,6 +1987,8 @@ const WRITE_ACTIONS = new Set([
   "jobs.cancel",
   "notice.ack",
   "engine.setup",
+  "notebooks.setModel",
+  "notebooks.setScope",
 ]);
 
 // ---------- Transport ----------
@@ -1394,7 +2013,8 @@ const connected = new Promise((resolve) => {
       if (message?.type === "locale") changeLocale(message.locale);
       if (message?.type === "visibility") {
         visible = message.visible !== false;
-        if (visible) void poll();
+        // Coming back: re-check the app (it may have been reopened by Alisio) and the models.
+        if (visible) void (unavailable ? verifyAvailable() : refreshOnShow());
       }
       if (message?.type === "response") settle(message);
     };
@@ -1410,12 +2030,37 @@ function settle(message) {
   clearTimeout(request.timer);
   clearTimeout(request.approvalTimer);
   settleApprovalNotice();
-  if (message.error === "not_found") showUnavailable();
   // `message.error` is a host transport code; `result.error` a Notebook code. For not_permitted,
   // prefer the host's `effect`; older hosts omit it, so fall back to the action's own effect.
   const error = responseError(message, WRITE_ACTIONS.has(request.action) ? "write" : "read");
-  error ? request.reject(new Error(error)) : request.resolve(message.result?.value);
+  if (!error) return request.resolve(message.result?.value);
+  const failure = new Error(error);
+  // Only the HOST's not_found can mean "app gone"; a plugin's not_found is an unknown item.
+  failure.transport = !!message.error;
+  if (message.error === "not_found") hostNotFound();
+  request.reject(failure);
+}
+
+// O13: one host not_found never latches. It is confirmed with a `status` request after a short
+// delay; only a second host not_found shows the unavailable screen, which keeps retrying.
+let verifying;
+function hostNotFound() {
+  if (unavailable || verifying) return;
+  verifying = new Promise((r) => setTimeout(r, VERIFY_DELAY_MS)).then(verifyAvailable);
+}
+async function verifyAvailable() {
+  try {
+    await send("status", {});
+    const wasUnavailable = unavailable;
+    unavailable = false;
+    if (wasUnavailable) await reloadAll();
+  } catch (error) {
+    if (error?.transport && error.message === "not_found") showUnavailable();
+  } finally {
+    verifying = undefined;
+  }
 }
+const VERIFY_DELAY_MS = 1500;
 
 // The host runs at most PLUGIN_APP_LIMITS.inFlight (8) requests per frame; stay below it.
 const MAX_IN_FLIGHT = 6;
@@ -1483,6 +2128,8 @@ const fail = (error) => {
 };
 
 // ---------- State ----------
+/** Configured models (O12): an empty list blocks asking, not indexing or keyword search. */
+let models = { models: [], active: null, available: true };
 let status = {};
 let notebooks = [];
 let current; // { ...notebook, sources }
@@ -1504,11 +2151,6 @@ let tab = "chat";
 let pollBusy = false;
 let draft = "";
 
-const escapeHtml = (value) =>
-  String(value ?? "").replace(
-    /[&<>"']/g,
-    (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c],
-  );
 const tf = (key, ...args) => {
   const value = t(key);
   return typeof value === "function" ? value(...args) : value;
@@ -1524,7 +2166,7 @@ const announce = (text) => {
 
 function showUnavailable() {
   unavailable = true;
-  root.innerHTML = `<main class="unavailable"><span class="mark" aria-hidden="true"></span><h1>${escapeHtml(t("unavailableTitle"))}</h1><p>${escapeHtml(t("unavailable"))}</p></main>`;
+  root.innerHTML = `<main class="unavailable"><span class="mark" aria-hidden="true"></span><h1>${escapeHtml(t("unavailableTitle"))}</h1><p>${escapeHtml(t("unavailable"))}</p>${button("retry", escapeHtml(t("retry")), "primary")}</main>`;
 }
 
 // ---------- Rendering ----------
@@ -1640,12 +2282,13 @@ function renderNotebook() {
         <div class="stack">${button("add-computer", `${icon("upload")}<span>${escapeHtml(t("addComputer"))}</span>`, "full")}${button("add-workspace", `${icon("folder")}<span>${escapeHtml(t("addWorkspace"))}</span>`, "full outline")}</div>
         <input id="file-input" type="file" multiple hidden accept="${SOURCE_EXTENSIONS.join(",")}">
         <div id="sources-list"></div></aside>
-      <section class="panel chat" aria-label="${escapeHtml(t("chatPanel"))}"><div id="banner"></div><div id="messages" class="messages"></div>
-        <div class="composer"><label class="sr-only" for="question">${escapeHtml(t("placeholder"))}</label><textarea id="question" rows="2" maxlength="4000" placeholder="${escapeHtml(t("placeholder"))}">${escapeHtml(draft)}</textarea><div id="composer-actions"></div></div>
+      <section class="panel chat" aria-label="${escapeHtml(t("chatPanel"))}"><div id="chat-head" class="chat-head"></div><div id="banner"></div><div id="messages" class="messages"></div>
+        <div class="composer"><div class="composer-box"><label class="sr-only" for="question">${escapeHtml(t("placeholder"))}</label><textarea id="question" rows="1" maxlength="4000" placeholder="${escapeHtml(t("placeholder"))}" aria-describedby="composer-hint">${escapeHtml(draft)}</textarea><div id="composer-actions" class="composer-actions"></div></div><p id="composer-hint" class="composer-hint">${escapeHtml(t("composerHint"))}</p><p class="disclaimer">${escapeHtml(t("disclaimer"))}</p></div>
         <p id="live" class="sr-only" aria-live="polite"></p></section>
       <aside class="panel guide" aria-label="${escapeHtml(t("guidePanel"))}" id="guide"></aside>
     </main>`;
   renderSources();
+  renderChatHead();
   renderMessages();
   renderGuide();
   renderComposer();
@@ -1676,34 +2319,58 @@ function renderSources() {
               : t(`status_${view.key}`);
         return `<li class="source ${view.key}"><label class="check"><input type="checkbox" data-source="${s.id}" ${checked.has(s.id) ? "checked" : ""} ${usable ? "" : "disabled"} aria-label="${escapeHtml(tf("includeSource", s.name))}"></label>
           <span class="source-main">${icon("file")}<span class="source-name" title="${escapeHtml(s.name)}">${escapeHtml(s.name)}</span><span class="source-state small">${escapeHtml(label)}</span></span>
-          <span class="source-actions">${usable ? iconButton("summarize", "sparkle", t("summarize"), `data-id="${s.id}"`) : ""}${iconButton("delete-source", "trash", t("removeSource"), `data-id="${s.id}"`)}</span></li>`;
+          <span class="source-actions">${usable ? iconButton("summarize", "sparkle", t("summarize"), `data-id="${s.id}" ${canAsk() || s.summary ? "" : "disabled"}`) : ""}${iconButton("delete-source", "trash", t("removeSource"), `data-id="${s.id}"`)}</span></li>`;
       })
       .join("")}</ul>`;
   const selectAll = document.querySelector("#select-all");
   if (selectAll) selectAll.indeterminate = all === "mixed";
 }
 
-function citedHtml(text, citations) {
-  return citationParts(text, citations)
-    .map((part) =>
-      part.type === "text"
-        ? escapeHtml(part.text)
-        : `<button type="button" class="cite" data-action="cite" data-source="${part.citation.sourceId}" data-ordinal="${part.citation.ordinal}" aria-label="${escapeHtml(`${part.n}: ${part.citation.sourceName}`)}" title="${escapeHtml(part.citation.sourceName)}">${part.n}</button>`,
+const canAsk = () => models.available !== false;
+
+/** Copy controls for an answer, the guide or a summary (O14). */
+const copyControls = (ref) =>
+  `<span class="copy-controls">${iconButton("copy-text", "copy", t("copyText"), `data-copy="${ref}"`)}${iconButton("copy-formatted", "copyRich", t("copyFormatted"), `data-copy="${ref}"`)}</span>`;
+
+/** Model selector and the no-model state above the chat (O12). */
+function renderChatHead() {
+  const el = document.querySelector("#chat-head");
+  if (!el || !current) return;
+  if (!canAsk()) {
+    el.innerHTML = `<div class="banner block-state" role="alert">${icon("warning")}<span><strong>${escapeHtml(t("noModelTitle"))}</strong> ${escapeHtml(t("noModel"))}</span></div>${clearChatButton()}`;
+    return;
+  }
+  const chosen = current.model ?? "";
+  const groups = new Map();
+  for (const m of models.models) {
+    if (!groups.has(m.provider)) groups.set(m.provider, []);
+    groups.get(m.provider).push(m);
+  }
+  const options = [...groups.entries()]
+    .map(
+      ([provider, list]) =>
+        `<optgroup label="${escapeHtml(provider)}">${list.map((m) => `<option value="${escapeHtml(m.reference)}" ${m.reference === chosen ? "selected" : ""}>${escapeHtml(m.name)}</option>`).join("")}</optgroup>`,
     )
     .join("");
+  el.innerHTML = `<label class="model-picker"><span>${escapeHtml(t("model"))}</span><select id="model-select"><option value="" ${chosen ? "" : "selected"}>${escapeHtml(tf("modelDefault", models.active ?? ""))}</option>${options}</select></label>${clearChatButton()}`;
 }
+const clearChatButton = () =>
+  chat.length && !askJob ? iconButton("clear-chat", "trash", t("clearChat")) : "";
 
-function messageHtml(m) {
+function messageHtml(m, index) {
   if (m.role === "user")
     return `<div class="msg user"><span class="who">${escapeHtml(t("you"))}</span><p>${escapeHtml(m.text)}</p></div>`;
-  const body = citedHtml(m.text, m.citations);
+  const body = renderMarkdown(m.text, m.citations);
   const warnings = [
+    m.modelFallback
+      ? `<p class="warn small">${icon("warning")}${escapeHtml(t("modelFallback"))}</p>`
+      : "",
     !m.grounded && !m.notFound
       ? `<p class="warn small">${icon("warning")}${escapeHtml(t("notGrounded"))}</p>`
       : "",
     m.keywordOnly ? `<span class="badge small">${escapeHtml(t("keywordAnswer"))}</span>` : "",
   ].join("");
-  return `<div class="msg assistant"><span class="who">${escapeHtml(t("assistant"))}</span><p>${body.replaceAll("\n", "<br>")}</p>${warnings}</div>`;
+  return `<div class="msg assistant copyable"><span class="who">${escapeHtml(t("assistant"))}${m.notFound ? "" : copyControls(`chat:${index}`)}</span><div class="md">${body}</div>${warnings}</div>`;
 }
 
 function renderMessages() {
@@ -1712,13 +2379,13 @@ function renderMessages() {
   if (chat.length === 0 && !askJob) {
     const questions = suggestions(guide);
     el.innerHTML = `<div class="empty-chat">${icon("quote", "icon big")}<h2>${escapeHtml(t("emptyChatTitle"))}</h2><p class="muted">${escapeHtml(t("emptyChatText"))}</p>
-      ${guide?.summary ? `<p class="guide-summary">${citedHtml(guide.summary, guide.citations)}</p>` : ""}
-      ${questions.length ? `<div class="chips">${questions.map((q, i) => button("suggest", escapeHtml(q), "chip", `data-index="${i}"`)).join("")}</div>` : current?.sources.length ? button("guide", `${icon("sparkle")}<span>${escapeHtml(guideJob ? t("guideWorking") : t("makeGuide"))}</span>`, "outline", guideJob ? "disabled" : "") : ""}
+      ${guide?.summary ? `<div class="guide-summary md">${renderMarkdown(guide.summary, guide.citations)}</div>` : ""}
+      ${questions.length ? `<div class="chips">${questions.map((q, i) => button("suggest", escapeHtml(q), "chip", `data-index="${i}" ${canAsk() ? "" : "disabled"}`)).join("")}</div>` : current?.sources.length ? button("guide", `${icon("sparkle")}<span>${escapeHtml(guideJob ? t("guideWorking") : t("makeGuide"))}</span>`, "outline", guideJob || !canAsk() ? "disabled" : "") : ""}
     </div>`;
     return;
   }
   el.innerHTML =
-    chat.map(messageHtml).join("") +
+    chat.map((m, i) => messageHtml(m, i)).join("") +
     (askJob
       ? `<div class="msg assistant pending"><span class="spinner" aria-hidden="true"></span>${escapeHtml(t("thinking"))}</div>`
       : "");
@@ -1728,9 +2395,23 @@ function renderMessages() {
 function renderComposer() {
   const el = document.querySelector("#composer-actions");
   if (!el) return;
+  // One compact round button inside the composer: Send, or Stop while an answer is running.
+  const empty = !draft.trim();
   el.innerHTML = askJob
-    ? button("stop", `${icon("stop")}<span>${escapeHtml(t("stop"))}</span>`)
-    : `${chat.length ? iconButton("clear-chat", "trash", t("clearChat")) : ""}${button("send", `${icon("send")}<span>${escapeHtml(t("send"))}</span>`, "primary")}`;
+    ? `<button type="button" class="send-btn stop" data-action="stop" aria-label="${escapeHtml(t("stop"))}" title="${escapeHtml(t("stop"))}">${icon("stop")}</button>`
+    : `<button type="button" class="send-btn" data-action="send" aria-label="${escapeHtml(t("send"))}" title="${escapeHtml(t("send"))}" ${canAsk() && !empty ? "" : "disabled"}>${icon("arrowUp")}</button>`;
+  const box = document.querySelector("#question");
+  if (box) {
+    box.disabled = !canAsk();
+    autoGrow(box);
+  }
+}
+/** 1 line minimum, about 6 lines maximum, then the textarea scrolls. */
+function autoGrow(box) {
+  box.style.height = "auto";
+  const max = 6 * 22 + 16;
+  box.style.height = `${Math.min(box.scrollHeight || 0, max) || ""}px`;
+  box.style.overflowY = box.scrollHeight > max ? "auto" : "hidden";
 }
 
 function renderBanner() {
@@ -1747,10 +2428,14 @@ function renderGuide() {
   if (!el) return;
   const questions = suggestions(guide);
   el.innerHTML = `<h2>${escapeHtml(t("guidePanel"))}</h2>
-    <section class="block"><h3>${escapeHtml(t("summaryTitle"))}</h3>${guide?.summary ? `<p>${citedHtml(guide.summary, guide.citations)}</p>` : `<p class="muted small">${escapeHtml(t("noGuide"))}</p>${current?.sources.length ? button("guide", `${icon("sparkle")}<span>${escapeHtml(guideJob ? t("guideWorking") : t("makeGuide"))}</span>`, "small", guideJob ? "disabled" : "") : ""}`}</section>
-    ${questions.length ? `<section class="block"><h3>${escapeHtml(t("questionsTitle"))}</h3><div class="chips column">${questions.map((q, i) => button("suggest", escapeHtml(q), "chip", `data-index="${i}"`)).join("")}</div></section>` : ""}
-    ${summary ? `<section class="block"><h3>${escapeHtml(summary.name)}</h3><p>${escapeHtml(summary.text)}</p></section>` : ""}
-    <section class="block passage" aria-live="polite"><h3>${escapeHtml(t("passageTitle"))}</h3>${
+    <section class="block copyable"><h3>${escapeHtml(t("summaryTitle"))}${guide?.summary ? copyControls("guide") : ""}</h3>${
+      guide?.summary
+        ? `${guide.outdated ? `<p class="warn small">${icon("warning")}${escapeHtml(t("outdated"))} ${button("guide", escapeHtml(guideJob ? t("guideWorking") : t("regenerate")), "small", guideJob || !canAsk() ? "disabled" : "")}</p>` : ""}<div class="md">${renderMarkdown(guide.summary, guide.citations)}</div>`
+        : `<p class="muted small">${escapeHtml(t("noGuide"))}</p>${current?.sources.length ? button("guide", `${icon("sparkle")}<span>${escapeHtml(guideJob ? t("guideWorking") : t("makeGuide"))}</span>`, "small", guideJob || !canAsk() ? "disabled" : "") : ""}`
+    }</section>
+    ${questions.length ? `<section class="block copyable"><h3>${escapeHtml(t("questionsTitle"))}${copyControls("questions")}</h3><div class="chips column">${questions.map((q, i) => button("suggest", escapeHtml(q), "chip", `data-index="${i}" ${canAsk() ? "" : "disabled"}`)).join("")}</div></section>` : ""}
+    ${summary ? `<section class="block copyable"><h3>${escapeHtml(summary.name)}${copyControls("summary")}</h3><div class="md">${renderMarkdown(summary.summary, summary.citations)}</div><p>${button("summarize-again", escapeHtml(t("regenerate")), "small", `data-id="${summary.sourceId}" ${canAsk() ? "" : "disabled"}`)}</p></section>` : ""}
+    <section class="block passage copyable" aria-live="polite"><h3>${escapeHtml(t("passageTitle"))}${passage ? copyControls("passage") : ""}</h3>${
       passage
         ? `<p class="muted small">${escapeHtml(passage.sourceName)}${placeLabel(passage) ? ` · ${escapeHtml(tf(...placeLabel(passage)))}` : ""}</p><blockquote>${escapeHtml(passage.text)}</blockquote>`
         : `<p class="muted small">${escapeHtml(t("passageEmpty"))}</p>`
@@ -1776,17 +2461,68 @@ async function refreshNotebook() {
       checked.add(s.id);
   current = fresh;
 }
+async function loadModels() {
+  try {
+    models = (await api("models.list")) ?? models;
+  } catch {
+    // Keep the last known list; a transport problem is handled by the not_found check.
+  }
+}
 async function openNotebook(id) {
   current = await api("notebooks.get", { id });
+  // The ticked scope, the guide and the chat persist in the notebook (O15).
   checked.clear();
-  for (const s of current.sources) if (s.status !== "failed") checked.add(s.id);
+  const excluded = new Set(current.excluded ?? []);
+  for (const s of current.sources)
+    if (s.status !== "failed" && !excluded.has(s.id)) checked.add(s.id);
   chat = await api("chat.history", { notebookId: id });
-  guide = undefined;
+  guide = current.guide ?? undefined;
   passage = undefined;
   summary = undefined;
   tab = "chat";
+  await loadModels();
+  render();
+}
+/** Visible again: refresh what may have changed while hidden (models, notebook, status). */
+async function refreshOnShow() {
+  try {
+    await loadStatus();
+    if (current) {
+      await loadModels();
+      await refreshNotebook();
+      render();
+    } else {
+      await loadHome();
+      render();
+    }
+  } catch (error) {
+    fail(error);
+  }
+  void poll();
+}
+/** After the app comes back from the unavailable state. */
+async function reloadAll() {
+  await loadStatus();
+  await loadHome();
+  if (current) {
+    try {
+      await openNotebook(current.id);
+      return;
+    } catch {
+      current = undefined;
+    }
+  }
   render();
 }
+function saveScope() {
+  if (!current) return;
+  const usable = current.sources.filter(
+    (s) => s.status === "ready" || s.status === "ready_keyword",
+  );
+  const excluded = usable.filter((s) => !checked.has(s.id)).map((s) => s.id);
+  current.excluded = excluded;
+  api("notebooks.setScope", { id: current.id, excluded }).catch(fail);
+}
 
 function track(jobId, info) {
   if (!jobId) return;
@@ -1799,7 +2535,18 @@ async function poll() {
   pollBusy = true;
   try {
     if (setupJob && jobView(setupJob).running) {
-      setupJob = await api("jobs.get", { jobId: setupJob.id });
+      try {
+        setupJob = await api("jobs.get", { jobId: setupJob.id });
+      } catch (error) {
+        // The backend no longer knows this job (e.g. it was restarted): stop polling it.
+        if (error?.message !== "not_found" || error.transport) throw error;
+        setupJob = undefined;
+        await loadStatus();
+      }
+      if (!setupJob) {
+        render();
+        return;
+      }
       const slot = document.querySelector("#setup");
       if (slot) slot.innerHTML = setupCard();
       if (!jobView(setupJob).running) {
@@ -1810,7 +2557,13 @@ async function poll() {
     }
     let changed = false;
     for (const [jobId, info] of jobs) {
-      const job = await api("jobs.get", { jobId });
+      let job;
+      try {
+        job = await api("jobs.get", { jobId });
+      } catch (error) {
+        if (error?.message !== "not_found" || error.transport) throw error;
+        job = { state: "failed", error: "not_found" };
+      }
       jobState.set(jobId, job);
       if (jobView(job).running) {
         if (info.kind === "index") renderSources();
@@ -1838,7 +2591,8 @@ async function poll() {
 
 async function finished(info, job) {
   const view = jobView(job);
-  if (view.failed && info.kind !== "index") fail(new Error(view.error));
+  if (view.failed && info.kind !== "index" && view.error !== "not_found")
+    fail(new Error(view.error));
   if (!current || info.notebookId !== current.id) return;
   if (info.kind === "index" || info.kind === "rebuild") {
     if (info.kind === "rebuild") rebuildJob = undefined;
@@ -1851,17 +2605,29 @@ async function finished(info, job) {
     chat = await api("chat.history", { notebookId: current.id });
     renderMessages();
     renderComposer();
+    renderChatHead();
     announce(chat.at(-1)?.text ?? "");
   } else if (info.kind === "guide") {
     guideJob = undefined;
     if (view.done) guide = job.result;
     renderGuide();
     renderMessages();
-  } else if (info.kind === "summary" && view.done) {
-    const source = current.sources.find((s) => s.id === info.sourceId);
-    summary = { name: source?.name ?? "", text: job.result?.summary ?? "" };
+  } else if (info.kind === "summary") {
+    if (view.done) {
+      const source = current.sources.find((s) => s.id === info.sourceId);
+      summary = { name: source?.name ?? "", ...job.result };
+      await refreshNotebook();
+    }
     renderGuide();
   }
+  if (view.failed && view.error === "not_found") {
+    // A job the backend no longer knows: just refresh what it was about.
+    if (info.kind === "ask") askJob = undefined;
+    if (info.kind === "guide") guideJob = undefined;
+    if (info.kind === "rebuild") rebuildJob = undefined;
+    await refreshNotebook();
+    render();
+  }
 }
 
 // ---------- Actions ----------
@@ -2008,7 +2774,7 @@ async function workspaceBrowser(dir = "") {
 
 async function ask(question) {
   const text = question.trim();
-  if (!text || askJob || !current) return;
+  if (!text || askJob || !current || !canAsk()) return;
   if (needsRemoteNotice(current)) {
     const ok = await confirmDialog("noticeText", "noticeOk", "noticeTitle");
     if (!ok) return;
@@ -2092,6 +2858,17 @@ async function handle(action, target) {
       await refreshNotebook();
       return renderSources();
     case "summarize": {
+      // A stored summary is shown as is; it is regenerated only on request (O15).
+      const source = current.sources.find((s) => s.id === target.dataset.id);
+      if (source?.summary) {
+        summary = { name: source.name, sourceId: source.id, ...source.summary };
+        if (!panels.guide) panels.guide = true;
+        tab = "guide";
+        return renderNotebook();
+      }
+      return handle("summarize-again", target);
+    }
+    case "summarize-again": {
       const { jobId } = await api("sources.summary", { sourceId: target.dataset.id, locale });
       track(jobId, { kind: "summary", notebookId: current.id, sourceId: target.dataset.id });
       return;
@@ -2103,6 +2880,20 @@ async function handle(action, target) {
       renderGuide();
       return renderMessages();
     }
+    case "retry":
+      root.querySelector('[data-action="retry"]')?.setAttribute("disabled", "");
+      return verifyAvailable();
+    case "copy-text":
+    case "copy-formatted": {
+      const source = copySource(target.dataset.copy);
+      if (!source) return;
+      const { text, html } = copyPayload(source, renderMarkdown, action === "copy-formatted");
+      const path = await writeClipboard({ text, ...(html ? { html } : {}) });
+      lastCopyPath = path;
+      if (path === "manual") return manualCopy(text, html);
+      toast(t("copied"));
+      return announce(t("copied"));
+    }
     case "suggest":
       return ask(suggestions(guide)[Number(target.dataset.index)] ?? "");
     case "send":
@@ -2160,13 +2951,30 @@ root.addEventListener("change", (event) => {
       if (s.status === "ready" || s.status === "ready_keyword")
         target.checked ? checked.add(s.id) : checked.delete(s.id);
     renderSources();
+    saveScope();
   } else if (target.dataset.source) {
     target.checked ? checked.add(target.dataset.source) : checked.delete(target.dataset.source);
     renderSources();
+    saveScope();
+  } else if (target.id === "model-select") {
+    const model = target.value || null;
+    api("notebooks.setModel", { id: current.id, model })
+      .then(() => {
+        current.model = model;
+      })
+      .catch((error) => {
+        fail(error);
+        renderChatHead();
+      });
   }
 });
 root.addEventListener("input", (event) => {
-  if (event.target.id === "question") draft = event.target.value;
+  if (event.target.id === "question") {
+    const wasEmpty = !draft.trim();
+    draft = event.target.value;
+    autoGrow(event.target);
+    if (wasEmpty !== !draft.trim()) renderComposer();
+  }
 });
 root.addEventListener("keydown", (event) => {
   if (
@@ -2180,6 +2988,47 @@ root.addEventListener("keydown", (event) => {
   }
 });
 
+/** Text and citations behind a copy button (one shared component for every generated block). */
+const copySource = (ref) =>
+  copySourceFor(ref, {
+    chat,
+    guide,
+    summary,
+    passage,
+    place: (p) => (placeLabel(p) ? tf(...placeLabel(p)) : ""),
+  });
+
+/** Last resort when the frame may not write the clipboard: show the content preselected. */
+function manualCopy(text, html) {
+  openDialog(
+    () =>
+      `<div class="dialog-body wide"><p class="lead">${escapeHtml(t("copyManual"))}</p>${
+        html
+          ? `<div id="copy-area" class="copy-area md" contenteditable="true">${html}</div>`
+          : `<textarea id="copy-area" class="copy-area" readonly rows="10">${escapeHtml(text)}</textarea>`
+      }<div class="row end">${button("dialog-cancel", escapeHtml(t("close")))}</div></div>`,
+    () => {
+      const area = dialog.querySelector("#copy-area");
+      if (!area) return;
+      if (area.select) area.select();
+      else {
+        const range = document.createRange();
+        range.selectNodeContents(area);
+        const selection = window.getSelection();
+        selection?.removeAllRanges();
+        selection?.addRange(range);
+      }
+      area.focus();
+    },
+  );
+  dialog.onclick = (event) => {
+    if (event.target.closest("[data-action]")?.dataset.action === "dialog-cancel") closeDialog();
+  };
+}
+/** Which copy path worked last ("clipboard", "execCommand", "manual"); read by the visual check. */
+let lastCopyPath;
+globalThis.semanticLastCopyPath = () => lastCopyPath;
+
 // ---------- Start ----------
 await connected;
 try {