@quanta-intellect/vessel-browser 0.1.10 → 0.1.12

package/out/renderer/assets/{index-CCVxW0YM.js → index-Do3B3G1W.js}

@@ -905,7 +905,7 @@ function getAgentPresence(state, currentTime = Date.now()) {
   }
   return "idle";
 }
-var _tmpl$$9 = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$8 = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$5 = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list></div><button class=tab-new data-tooltip="New Tab">+`), _tmpl$4$4 = /* @__PURE__ */ template(`<div role=tab><span class=tab-title></span><button class=tab-close>×`), _tmpl$5$3 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$6$3 = /* @__PURE__ */ template(`<span class=tab-loading>`);
+var _tmpl$$9 = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$8 = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$5 = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list><button class=tab-new data-tooltip="New Tab">+`), _tmpl$4$4 = /* @__PURE__ */ template(`<div role=tab><span class=tab-title></span><button class=tab-close>×`), _tmpl$5$3 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$6$3 = /* @__PURE__ */ template(`<span class=tab-loading>`);
 function stringToHue(str) {
   let hash = 0;
   for (let i = 0; i < str.length; i++) {
@@ -961,7 +961,7 @@ const TabBar = () => {
   onCleanup(() => clearInterval(ticker));
   const modelActiveTabIds = createMemo(() => getAgentActiveTabIds(runtimeState2(), now()));
   return (() => {
-    var _el$3 = _tmpl$3$5(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+    var _el$3 = _tmpl$3$5(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
     insert(_el$4, createComponent(For, {
       get each() {
         return tabs2();
@@ -1007,7 +1007,7 @@ const TabBar = () => {
         });
         return _el$6;
       })()
-    }));
+    }), _el$5);
     _el$5.$$click = () => createTab();
     return _el$3;
   })();
@@ -1018,6 +1018,14 @@ const MIN_SIDEBAR = 240;
 const MAX_SIDEBAR = 800;
 const [sidebarOpen, setSidebarOpen] = createSignal(false);
 const [sidebarWidth, setSidebarWidth] = createSignal(DEFAULT_SIDEBAR_WIDTH);
+window.vessel?.settings?.get().then((settings) => {
+  if (settings?.sidebarWidth && typeof settings.sidebarWidth === "number") {
+    setSidebarWidth(
+      Math.max(MIN_SIDEBAR, Math.min(MAX_SIDEBAR, settings.sidebarWidth))
+    );
+  }
+}).catch(() => {
+});
 const [focusMode, setFocusMode] = createSignal(false);
 const [commandBarOpen, setCommandBarOpen] = createSignal(false);
 const [settingsOpen, setSettingsOpen] = createSignal(false);
@@ -2642,6 +2650,40 @@ function renderList(block, ordered) {
   const items = block.split("\n").map((line) => line.replace(pattern, "").trim()).filter(Boolean).map((item) => `<li>${applyInlineMarkdown(item)}</li>`).join("");
   return ordered ? `<ol>${items}</ol>` : `<ul>${items}</ul>`;
 }
+function isTableBlock(text2) {
+  const lines = text2.split("\n").filter((l) => l.trim());
+  if (lines.length < 2) return false;
+  const hasPipes = lines.every((l) => l.trim().includes("|"));
+  const hasSeparator = lines.some((l) => /^\|?\s*[-:]+[-|\s:]*$/.test(l.trim()));
+  return hasPipes && hasSeparator;
+}
+function renderTable(block) {
+  const lines = block.split("\n").map((l) => l.trim()).filter(Boolean);
+  const parseRow = (line) => line.replace(/^\|/, "").replace(/\|$/, "").split("|").map((cell) => cell.trim());
+  const sepIndex = lines.findIndex(
+    (l) => /^\|?\s*[-:]+[-|\s:]*$/.test(l)
+  );
+  const headerRows = sepIndex > 0 ? lines.slice(0, sepIndex) : [lines[0]];
+  const bodyRows = lines.slice(sepIndex + 1);
+  const sepCells = sepIndex >= 0 ? parseRow(lines[sepIndex]) : [];
+  const alignments = sepCells.map((cell) => {
+    const trimmed = cell.replace(/\s/g, "");
+    if (trimmed.startsWith(":") && trimmed.endsWith(":")) return "center";
+    if (trimmed.endsWith(":")) return "right";
+    return "left";
+  });
+  const alignAttr = (i) => {
+    const align = alignments[i];
+    return align && align !== "left" ? ` style="text-align:${align}"` : "";
+  };
+  const thead = headerRows.map(
+    (row) => `<tr>${parseRow(row).map((cell, i) => `<th${alignAttr(i)}>${applyInlineMarkdown(cell)}</th>`).join("")}</tr>`
+  ).join("");
+  const tbody = bodyRows.map(
+    (row) => `<tr>${parseRow(row).map((cell, i) => `<td${alignAttr(i)}>${applyInlineMarkdown(cell)}</td>`).join("")}</tr>`
+  ).join("");
+  return `<table><thead>${thead}</thead><tbody>${tbody}</tbody></table>`;
+}
 function renderBlock(block) {
   const trimmed = block.trim();
   if (!trimmed) return "";
@@ -2649,10 +2691,17 @@ function renderBlock(block) {
   if (codeMatch) {
     return trimmed;
   }
-  const heading = trimmed.match(/^(#{1,6})\s+(.+)$/);
-  if (heading) {
-    const level = heading[1].length;
-    return `<h${level}>${applyInlineMarkdown(heading[2].trim())}</h${level}>`;
+  const headingSingle = trimmed.match(/^(#{1,6})\s+(.+)$/);
+  if (headingSingle) {
+    const level = headingSingle[1].length;
+    return `<h${level}>${applyInlineMarkdown(headingSingle[2].trim())}</h${level}>`;
+  }
+  const headingMulti = trimmed.match(/^(#{1,6})\s+(.+)\n([\s\S]+)$/);
+  if (headingMulti) {
+    const level = headingMulti[1].length;
+    const headingHtml = `<h${level}>${applyInlineMarkdown(headingMulti[2].trim())}</h${level}>`;
+    const rest = renderBlock(headingMulti[3]);
+    return headingHtml + rest;
   }
   if (/^>\s?/m.test(trimmed) && trimmed.split("\n").every((line) => /^>\s?/.test(line))) {
     const content = trimmed.split("\n").map((line) => line.replace(/^>\s?/, "")).join("\n");
@@ -2661,6 +2710,27 @@ function renderBlock(block) {
   if (trimmed === "---" || trimmed === "***") {
     return "<hr />";
   }
+  if (isTableBlock(trimmed)) {
+    return renderTable(trimmed);
+  }
+  const lines = trimmed.split("\n");
+  const tableStartIdx = lines.findIndex(
+    (l, i) => l.trim().includes("|") && i + 1 < lines.length && /^\|?\s*[-:]+[-|\s:]*$/.test(lines[i + 1].trim())
+  );
+  if (tableStartIdx >= 0) {
+    const beforeTable = lines.slice(0, tableStartIdx).join("\n").trim();
+    const tableLines = lines.slice(tableStartIdx);
+    const tableEndIdx = tableLines.findIndex(
+      (l, i) => i > 1 && !l.trim().includes("|")
+    );
+    const tableBlock = tableEndIdx > 0 ? tableLines.slice(0, tableEndIdx).join("\n") : tableLines.join("\n");
+    const afterTable = tableEndIdx > 0 ? tableLines.slice(tableEndIdx).join("\n").trim() : "";
+    let result = "";
+    if (beforeTable) result += `<p>${applyInlineMarkdown(beforeTable).replace(/\n/g, "<br>")}</p>`;
+    result += renderTable(tableBlock);
+    if (afterTable) result += `<p>${applyInlineMarkdown(afterTable).replace(/\n/g, "<br>")}</p>`;
+    return result;
+  }
   if (trimmed.split("\n").every((line) => /^[-*+]\s+/.test(line))) {
     return renderList(trimmed, false);
   }
@@ -2669,9 +2739,64 @@ function renderBlock(block) {
   }
   return `<p>${applyInlineMarkdown(trimmed).replace(/\n/g, "<br>")}</p>`;
 }
+const TOOL_ICONS = {
+  navigate: "→",
+  go_back: "←",
+  go_forward: "→",
+  reload: "↻",
+  click: "◉",
+  type_text: "⌨",
+  select_option: "▾",
+  submit_form: "⏎",
+  press_key: "⌥",
+  scroll: "↕",
+  hover: "◌",
+  focus: "◎",
+  read_page: "◫",
+  search: "⌕",
+  login: "🔑",
+  fill_form: "⌨",
+  paginate: "⟫",
+  suggest: "✦",
+  highlight: "🖍",
+  clear_highlights: "✕",
+  flow_start: "▶",
+  flow_advance: "▸",
+  flow_status: "◈",
+  flow_end: "■",
+  dismiss_popup: "✕",
+  wait_for: "◴",
+  create_tab: "+",
+  switch_tab: "⇥",
+  close_tab: "✕",
+  current_tab: "◉",
+  list_tabs: "≡",
+  save_bookmark: "★",
+  list_bookmarks: "☆",
+  create_checkpoint: "⚑",
+  restore_checkpoint: "⟲"
+};
+function renderToolChip(name, args) {
+  const icon = TOOL_ICONS[name] || "⚙";
+  const displayName = name.replace(/_/g, " ");
+  const argsHtml = args ? `<span class="tool-chip-args">${escapeHtml(args.length > 60 ? args.slice(0, 57) + "..." : args)}</span>` : "";
+  return `<div class="tool-chip"><span class="tool-chip-icon">${icon}</span><span class="tool-chip-name">${escapeHtml(displayName)}</span>${argsHtml}</div>`;
+}
 function renderMarkdown(source) {
   const codeBlocks = [];
+  const toolChips = [];
   const normalized = source.replace(/\r\n?/g, "\n").replace(
+    /<<tool:([^:>\n]+)(?::([^>\n]*))?>>/g,
+    (_, name, args) => {
+      const token = `\0TC${toolChips.length}\0`;
+      toolChips.push(renderToolChip(name.trim(), (args || "").trim()));
+      return `
+
+${token}
+
+`;
+    }
+  ).replace(
     /```([\w-]+)?\n([\s\S]*?)```/g,
     (_, language, code) => {
       const token = `\0CB${codeBlocks.length}\0`;
@@ -2682,17 +2807,27 @@ function renderMarkdown(source) {
       return token;
     }
   );
-  const rendered = normalized.split(/\n{2,}/).map(renderBlock).filter(Boolean).join("");
-  const withCodeBlocks = codeBlocks.reduce(
-    (output, snippet, index) => output.replace(`\0CB${index}\0`, snippet),
-    rendered
+  const rendered = normalized.split(/\n{2,}/).map((block) => {
+    const trimmed = block.trim();
+    if (/^\x00TC\d+\x00$/.test(trimmed)) return trimmed;
+    return renderBlock(block);
+  }).filter(Boolean).join("");
+  let output = rendered;
+  output = codeBlocks.reduce(
+    (out, snippet, index) => out.replace(`\0CB${index}\0`, snippet),
+    output
   );
-  return purify.sanitize(withCodeBlocks, {
+  output = toolChips.reduce(
+    (out, snippet, index) => out.replace(`\0TC${index}\0`, snippet),
+    output
+  );
+  return purify.sanitize(output, {
     ALLOWED_TAGS: [
       "a",
       "blockquote",
       "br",
       "code",
+      "div",
       "em",
       "h1",
       "h2",
@@ -2705,10 +2840,17 @@ function renderMarkdown(source) {
       "ol",
       "p",
       "pre",
+      "span",
       "strong",
+      "table",
+      "tbody",
+      "td",
+      "th",
+      "thead",
+      "tr",
       "ul"
     ],
-    ALLOWED_ATTR: ["href", "target", "rel", "data-language"]
+    ALLOWED_ATTR: ["href", "target", "rel", "data-language", "style", "class"]
   });
 }
 const WORD_NORMALIZATIONS = [
@@ -2767,7 +2909,7 @@ function getBookmarkSearchMatch(args) {
   return { matchedFields, score };
 }
 const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
-var _tmpl$$3 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$4$2 = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$5$2 = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`), _tmpl$6$2 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$7$2 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$8$2 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$9$2 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$0$2 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$1$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2>`), _tmpl$10$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$11$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$12$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$13$1 = /* @__PURE__ */ template(`<span>`), _tmpl$14$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$15 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$16 = /* @__PURE__ */ template(`<div class=sidebar-empty><svg class=sidebar-empty-icon width=48 height=48 viewBox="0 0 48 48"aria-hidden=true><line x1=8 y1=8 x2=24 y2=5 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=24 y1=5 x2=40 y2=10 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=8 y1=8 x2=6 y2=24 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=40 y1=10 x2=44 y2=26 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=6 y1=24 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=44 y1=26 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=10 y1=38 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=38 y1=40 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=8 y1=8 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=24 y1=5 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=40 y1=10 x2=32 y2=20 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=20 y1=18 x2=32 y2=20 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.3></line><line x1=6 y1=24 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=20 y1=18 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=32 y1=20 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=44 y1=26 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=18 y1=30 x2=36 y2=30 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.25></line><line x1=18 y1=30 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=36 y1=30 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=18 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><line x1=36 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><circle cx=8 cy=8 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=24 cy=5 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=40 cy=10 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.7></circle><circle cx=6 cy=24 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=44 cy=26 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=10 cy=38 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=38 cy=40 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=24 cy=44 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=20 cy=18 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.85></circle><circle cx=32 cy=20 r=4 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.9></circle><circle cx=18 cy=30 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.75></circle><circle cx=36 cy=30 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.8></circle></svg><p class=sidebar-empty-title>Your move.</p><p class=sidebar-empty-hint>Configure a provider in Settings (Ctrl+,) then ask anything about the current page or beyond.`), _tmpl$17 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Stop generating"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><rect x=2 y=2 width=10 height=10 rx=1.5 fill=currentColor></rect></svg>Stop`), _tmpl$18 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Retry last prompt"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M11.5 7a4.5 4.5 0 1 1-1.3-3.2"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M10.5 1v3h-3"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Retry`), _tmpl$19 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$20 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2 placeholder="Ask anything..."></textarea><button class=sidebar-send>Send`), _tmpl$21 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-resize-handle></div><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button><button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat"><svg width=14 height=14 viewBox="0 0 14 14"aria-hidden=true><path d="M3.5 3.5l7 7M10.5 3.5l-7 7"fill=none stroke=currentColor stroke-width=1.4 stroke-linecap=round></path></svg></button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button></div><div class=sidebar-messages><div>`), _tmpl$22 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$23 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$24 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$25 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$26 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$27 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$28 = /* @__PURE__ */ template(`<div class=agent-card><div class=agent-action-row><span class=agent-card-title></span><span></span></div><div class=agent-card-copy>`), _tmpl$29 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$31 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$32 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><div class=bookmark-folder-form-fields><input class=bookmark-input><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=button>Save</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$33 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$34 = /* @__PURE__ */ template(`<div class=bookmark-folder-section><div class="bookmark-folder-header clickable"role=button tabindex=0><div class=bookmark-folder-overview><span class=bookmark-folder-chevron aria-hidden=true>▸</span><div><div class=bookmark-folder-name></div><div class=bookmark-folder-meta> saved`), _tmpl$35 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$36 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$37 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$38 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$39 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$40 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$41 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><button class=agent-control-button type=button>Restore`), _tmpl$42 = /* @__PURE__ */ template(`<div>`), _tmpl$43 = /* @__PURE__ */ template(`<div class=thinking-state><div class=thinking-orb aria-hidden=true><span></span><span></span><span></span></div><div class=thinking-copy><div class=thinking-title>Thinking`);
+var _tmpl$$3 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$4$2 = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$5$2 = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`), _tmpl$6$2 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$7$2 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$8$2 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$9$2 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$0$2 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$1$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2>`), _tmpl$10$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$11$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$12$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$13$1 = /* @__PURE__ */ template(`<span>`), _tmpl$14$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$15 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$16 = /* @__PURE__ */ template(`<div class=sidebar-empty><svg class=sidebar-empty-icon width=48 height=48 viewBox="0 0 48 48"aria-hidden=true><line x1=8 y1=8 x2=24 y2=5 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=24 y1=5 x2=40 y2=10 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=8 y1=8 x2=6 y2=24 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=40 y1=10 x2=44 y2=26 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=6 y1=24 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=44 y1=26 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=10 y1=38 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=38 y1=40 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=8 y1=8 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=24 y1=5 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=40 y1=10 x2=32 y2=20 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=20 y1=18 x2=32 y2=20 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.3></line><line x1=6 y1=24 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=20 y1=18 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=32 y1=20 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=44 y1=26 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=18 y1=30 x2=36 y2=30 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.25></line><line x1=18 y1=30 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=36 y1=30 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=18 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><line x1=36 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><circle cx=8 cy=8 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=24 cy=5 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=40 cy=10 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.7></circle><circle cx=6 cy=24 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=44 cy=26 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=10 cy=38 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=38 cy=40 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=24 cy=44 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=20 cy=18 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.85></circle><circle cx=32 cy=20 r=4 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.9></circle><circle cx=18 cy=30 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.75></circle><circle cx=36 cy=30 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.8></circle></svg><p class=sidebar-empty-title>Your move.</p><p class=sidebar-empty-hint>Configure a provider in Settings (Ctrl+,) then ask anything about the current page or beyond.`), _tmpl$17 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Stop generating"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><rect x=2 y=2 width=10 height=10 rx=1.5 fill=currentColor></rect></svg>Stop`), _tmpl$18 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Retry last prompt"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M11.5 7a4.5 4.5 0 1 1-1.3-3.2"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M10.5 1v3h-3"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Retry`), _tmpl$19 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$20 = /* @__PURE__ */ template(`<div class=highlight-nav><button class=highlight-nav-btn type=button title="Previous highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M8 10L4 6l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=highlight-nav-label type=button title="Go to current highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><circle cx=6 cy=6 r=3 fill="rgba(196, 160, 90, 0.6)"stroke="rgba(196, 160, 90, 0.9)"stroke-width=1></circle></svg></button><button class=highlight-nav-btn type=button title="Next highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M4 2l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$21 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2 placeholder="Ask anything..."></textarea><button class=sidebar-send>Send`), _tmpl$22 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-resize-handle></div><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button><button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat"><svg width=14 height=14 viewBox="0 0 14 14"aria-hidden=true><path d="M3.5 3.5l7 7M10.5 3.5l-7 7"fill=none stroke=currentColor stroke-width=1.4 stroke-linecap=round></path></svg></button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button></div><div class=sidebar-messages><div>`), _tmpl$23 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$24 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$25 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$26 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$27 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$28 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$29 = /* @__PURE__ */ template(`<div class=agent-card><div class=agent-action-row><span class=agent-card-title></span><span></span></div><div class=agent-card-copy>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$31 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$32 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$33 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><div class=bookmark-folder-form-fields><input class=bookmark-input><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=button>Save</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$34 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$35 = /* @__PURE__ */ template(`<div class=bookmark-folder-section><div class="bookmark-folder-header clickable"role=button tabindex=0><div class=bookmark-folder-overview><span class=bookmark-folder-chevron aria-hidden=true>▸</span><div><div class=bookmark-folder-name></div><div class=bookmark-folder-meta> saved`), _tmpl$36 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$37 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$38 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$39 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$40 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$41 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$42 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><button class=agent-control-button type=button>Restore`), _tmpl$43 = /* @__PURE__ */ template(`<div>`), _tmpl$44 = /* @__PURE__ */ template(`<div class=thinking-state><div class=thinking-orb aria-hidden=true><span></span><span></span><span></span></div><div class=thinking-copy><div class=thinking-title>Thinking`), _tmpl$45 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$46 = /* @__PURE__ */ template(`<div class=chat-approval><div class=chat-approval-icon aria-hidden=true><svg width=16 height=16 viewBox="0 0 16 16"fill=none><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7.25 4.75a.75.75 0 011.5 0v3.5a.75.75 0 01-1.5 0v-3.5zM8 11.5a.75.75 0 110-1.5.75.75 0 010 1.5z"fill=currentColor></path></svg></div><div class=chat-approval-body><div class=chat-approval-title>Approval needed: <strong></strong></div><div class=chat-approval-detail></div><div class=chat-approval-actions><button class="chat-approval-btn chat-approval-approve"type=button>Approve</button><button class="chat-approval-btn chat-approval-reject"type=button>Reject`);
 const UNSORTED_FOLDER = {
   id: "unsorted",
   name: "Unsorted",
@@ -2909,6 +3051,59 @@ const Sidebar = (props) => {
   } = useBookmarks();
   const [sidebarTab, setSidebarTab] = createSignal("supervisor");
   const [chatInput, setChatInput] = createSignal("");
+  const [highlightCount, setHighlightCount] = createSignal(0);
+  const [highlightIndex, setHighlightIndex] = createSignal(-1);
+  createEffect(() => {
+    if (sidebarTab() !== "chat") return;
+    const poll = async () => {
+      try {
+        const count = await window.vessel?.highlights?.getCount?.() ?? 0;
+        setHighlightCount(count);
+        if (count === 0 && highlightIndex() >= 0) setHighlightIndex(-1);
+      } catch {
+      }
+    };
+    void poll();
+    const id = setInterval(poll, 2e3);
+    onCleanup(() => clearInterval(id));
+  });
+  const scrollToHighlight = async (idx) => {
+    const count = highlightCount();
+    if (count === 0) return;
+    const clamped = Math.max(0, Math.min(idx, count - 1));
+    setHighlightIndex(clamped);
+    await window.vessel?.highlights?.scrollTo?.(clamped);
+  };
+  const removeCurrentHighlight = async () => {
+    const idx = highlightIndex();
+    if (idx < 0) return;
+    await window.vessel?.highlights?.remove?.(idx);
+    const newCount = await window.vessel?.highlights?.getCount?.() ?? 0;
+    setHighlightCount(newCount);
+    if (newCount === 0) {
+      setHighlightIndex(-1);
+    } else if (idx >= newCount) {
+      setHighlightIndex(newCount - 1);
+      await window.vessel?.highlights?.scrollTo?.(newCount - 1);
+    }
+  };
+  const clearAllHighlights = async () => {
+    await window.vessel?.highlights?.clearAll?.();
+    setHighlightCount(0);
+    setHighlightIndex(-1);
+  };
+  createEffect(() => {
+    const unsubscribe = window.vessel.highlights.onSidebarAction((action) => {
+      if (action === "remove-current") {
+        void removeCurrentHighlight();
+        return;
+      }
+      if (action === "clear-all") {
+        void clearAllHighlights();
+      }
+    });
+    onCleanup(unsubscribe);
+  });
   const handleChatSend = async () => {
     const prompt = chatInput().trim();
     if (!prompt || isStreaming2()) return;
@@ -3116,7 +3311,7 @@ const Sidebar = (props) => {
       return props.forceOpen || sidebarOpen2();
     },
     get children() {
-      var _el$1 = _tmpl$21(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$12.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling, _el$17 = _el$11.nextSibling, _el$18 = _el$17.firstChild;
+      var _el$1 = _tmpl$22(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$12.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling, _el$17 = _el$11.nextSibling, _el$18 = _el$17.firstChild;
       _el$18.firstChild;
       var _el$21 = _el$18.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$17.nextSibling, _el$81 = _el$24.firstChild;
       _el$10.$$pointerdown = startResize;
@@ -3170,7 +3365,7 @@ const Sidebar = (props) => {
               return runtimeState2().supervisor.pendingApprovals.length > 0;
             },
             get fallback() {
-              return _tmpl$22();
+              return _tmpl$23();
             },
             get children() {
               return [_tmpl$7$2(), createComponent(For, {
@@ -3178,13 +3373,13 @@ const Sidebar = (props) => {
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$89 = _tmpl$23(), _el$90 = _el$89.firstChild, _el$91 = _el$90.nextSibling, _el$92 = _el$91.nextSibling, _el$93 = _el$92.nextSibling, _el$94 = _el$93.nextSibling, _el$95 = _el$94.firstChild, _el$96 = _el$95.nextSibling;
-                  insert(_el$91, () => approval.name);
-                  insert(_el$92, () => approval.argsSummary);
-                  insert(_el$93, () => approval.reason);
-                  _el$95.$$click = () => void resolveApproval(approval.id, true);
-                  _el$96.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$89;
+                  var _el$94 = _tmpl$24(), _el$95 = _el$94.firstChild, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling, _el$98 = _el$97.nextSibling, _el$99 = _el$98.nextSibling, _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling;
+                  insert(_el$96, () => approval.name);
+                  insert(_el$97, () => approval.argsSummary);
+                  insert(_el$98, () => approval.reason);
+                  _el$100.$$click = () => void resolveApproval(approval.id, true);
+                  _el$101.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$94;
                 })()
               })];
             }
@@ -3208,7 +3403,7 @@ const Sidebar = (props) => {
               return recentActions().length > 0;
             },
             get fallback() {
-              return _tmpl$24();
+              return _tmpl$25();
             },
             get children() {
               return createComponent(Show, {
@@ -3216,7 +3411,7 @@ const Sidebar = (props) => {
                   return actionsExpanded();
                 },
                 get fallback() {
-                  return _tmpl$25();
+                  return _tmpl$26();
                 },
                 get children() {
                   return createComponent(For, {
@@ -3224,32 +3419,32 @@ const Sidebar = (props) => {
                       return recentActions();
                     },
                     children: (action) => (() => {
-                      var _el$99 = _tmpl$28(), _el$100 = _el$99.firstChild, _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling, _el$103 = _el$100.nextSibling;
-                      insert(_el$101, () => action.name);
-                      insert(_el$102, () => action.status);
-                      insert(_el$103, () => action.argsSummary);
-                      insert(_el$99, createComponent(Show, {
+                      var _el$104 = _tmpl$29(), _el$105 = _el$104.firstChild, _el$106 = _el$105.firstChild, _el$107 = _el$106.nextSibling, _el$108 = _el$105.nextSibling;
+                      insert(_el$106, () => action.name);
+                      insert(_el$107, () => action.status);
+                      insert(_el$108, () => action.argsSummary);
+                      insert(_el$104, createComponent(Show, {
                         get when() {
                           return action.resultSummary;
                         },
                         get children() {
-                          var _el$104 = _tmpl$26();
-                          insert(_el$104, () => action.resultSummary);
-                          return _el$104;
+                          var _el$109 = _tmpl$27();
+                          insert(_el$109, () => action.resultSummary);
+                          return _el$109;
                         }
                       }), null);
-                      insert(_el$99, createComponent(Show, {
+                      insert(_el$104, createComponent(Show, {
                         get when() {
                           return action.error;
                         },
                         get children() {
-                          var _el$105 = _tmpl$27();
-                          insert(_el$105, () => action.error);
-                          return _el$105;
+                          var _el$110 = _tmpl$28();
+                          insert(_el$110, () => action.error);
+                          return _el$110;
                         }
                       }), null);
-                      createRenderEffect(() => className(_el$102, `agent-action-status ${action.status}`));
-                      return _el$99;
+                      createRenderEffect(() => className(_el$107, `agent-action-status ${action.status}`));
+                      return _el$104;
                     })()
                   });
                 }
@@ -3315,12 +3510,12 @@ const Sidebar = (props) => {
             },
             get fallback() {
               return (() => {
-                var _el$106 = _tmpl$29();
-                insert(_el$106, (() => {
-                  var _c$4 = memo(() => !!normalizedBookmarkSearch());
-                  return () => _c$4() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
+                var _el$111 = _tmpl$30();
+                insert(_el$111, (() => {
+                  var _c$5 = memo(() => !!normalizedBookmarkSearch());
+                  return () => _c$5() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
                 })());
-                return _el$106;
+                return _el$111;
               })();
             },
             get children() {
@@ -3329,71 +3524,71 @@ const Sidebar = (props) => {
                   return filteredGroupedBookmarks();
                 },
                 children: (folder) => (() => {
-                  var _el$107 = _tmpl$34(), _el$108 = _el$107.firstChild, _el$109 = _el$108.firstChild, _el$110 = _el$109.firstChild, _el$111 = _el$110.nextSibling, _el$112 = _el$111.firstChild, _el$113 = _el$112.nextSibling, _el$114 = _el$113.firstChild;
-                  _el$108.$$keydown = (e) => {
+                  var _el$112 = _tmpl$35(), _el$113 = _el$112.firstChild, _el$114 = _el$113.firstChild, _el$115 = _el$114.firstChild, _el$116 = _el$115.nextSibling, _el$117 = _el$116.firstChild, _el$118 = _el$117.nextSibling, _el$119 = _el$118.firstChild;
+                  _el$113.$$keydown = (e) => {
                     if (e.key === "Enter" || e.key === " ") {
                       e.preventDefault();
                       toggleFolderExpanded(folder.id);
                     }
                   };
-                  _el$108.$$click = () => toggleFolderExpanded(folder.id);
-                  insert(_el$112, () => folder.name);
-                  insert(_el$113, () => folder.items.length, _el$114);
-                  insert(_el$111, createComponent(Show, {
+                  _el$113.$$click = () => toggleFolderExpanded(folder.id);
+                  insert(_el$117, () => folder.name);
+                  insert(_el$118, () => folder.items.length, _el$119);
+                  insert(_el$116, createComponent(Show, {
                     get when() {
                       return folder.summary;
                     },
                     get children() {
-                      var _el$115 = _tmpl$30();
-                      insert(_el$115, () => folder.summary);
-                      return _el$115;
+                      var _el$120 = _tmpl$31();
+                      insert(_el$120, () => folder.summary);
+                      return _el$120;
                     }
                   }), null);
-                  insert(_el$108, createComponent(Show, {
+                  insert(_el$113, createComponent(Show, {
                     get when() {
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$116 = _tmpl$31(), _el$117 = _el$116.firstChild, _el$118 = _el$117.nextSibling;
-                      _el$117.$$click = (e) => {
+                      var _el$121 = _tmpl$32(), _el$122 = _el$121.firstChild, _el$123 = _el$122.nextSibling;
+                      _el$122.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
                         setEditingFolderName(folder.name);
                         setEditingFolderSummary(folder.summary || "");
                       };
-                      _el$118.$$click = (e) => {
+                      _el$123.$$click = (e) => {
                         e.stopPropagation();
                         void handleRemoveFolder(folder.id);
                       };
-                      return _el$116;
+                      return _el$121;
                     }
                   }), null);
-                  insert(_el$107, createComponent(Show, {
+                  insert(_el$112, createComponent(Show, {
                     get when() {
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$119 = _tmpl$32(), _el$120 = _el$119.firstChild, _el$121 = _el$120.firstChild, _el$122 = _el$121.nextSibling, _el$123 = _el$120.nextSibling, _el$124 = _el$123.nextSibling;
-                      _el$121.$$input = (e) => setEditingFolderName(e.currentTarget.value);
-                      _el$122.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
-                      _el$123.$$click = () => void handleRenameFolder(folder.id);
-                      _el$124.$$click = () => {
+                      var _el$124 = _tmpl$33(), _el$125 = _el$124.firstChild, _el$126 = _el$125.firstChild, _el$127 = _el$126.nextSibling, _el$128 = _el$125.nextSibling, _el$129 = _el$128.nextSibling;
+                      _el$126.$$input = (e) => setEditingFolderName(e.currentTarget.value);
+                      _el$127.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
+                      _el$128.$$click = () => void handleRenameFolder(folder.id);
+                      _el$129.$$click = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$123.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$121.value = editingFolderName());
-                      createRenderEffect(() => _el$122.value = editingFolderSummary());
-                      return _el$119;
+                      createRenderEffect(() => _el$128.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$126.value = editingFolderName());
+                      createRenderEffect(() => _el$127.value = editingFolderSummary());
+                      return _el$124;
                     }
                   }), null);
-                  insert(_el$107, createComponent(Show, {
+                  insert(_el$112, createComponent(Show, {
                     get when() {
                       return isFolderExpanded(folder.id);
                     },
                     get fallback() {
-                      return _tmpl$35();
+                      return _tmpl$36();
                     },
                     get children() {
                       return createComponent(Show, {
@@ -3401,41 +3596,41 @@ const Sidebar = (props) => {
                           return folder.items.length > 0;
                         },
                         get fallback() {
-                          return _tmpl$36();
+                          return _tmpl$37();
                         },
                         get children() {
-                          var _el$125 = _tmpl$33();
-                          insert(_el$125, createComponent(For, {
+                          var _el$130 = _tmpl$34();
+                          insert(_el$130, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              var _el$128 = _tmpl$38(), _el$129 = _el$128.firstChild, _el$130 = _el$129.firstChild, _el$131 = _el$130.nextSibling, _el$133 = _el$129.nextSibling, _el$134 = _el$133.firstChild, _el$135 = _el$134.nextSibling;
-                              _el$129.$$click = () => void createTab(bookmark.url);
-                              insert(_el$130, () => bookmark.title || bookmark.url);
-                              insert(_el$131, () => bookmark.url);
-                              insert(_el$128, createComponent(Show, {
+                              var _el$133 = _tmpl$39(), _el$134 = _el$133.firstChild, _el$135 = _el$134.firstChild, _el$136 = _el$135.nextSibling, _el$138 = _el$134.nextSibling, _el$139 = _el$138.firstChild, _el$140 = _el$139.nextSibling;
+                              _el$134.$$click = () => void createTab(bookmark.url);
+                              insert(_el$135, () => bookmark.title || bookmark.url);
+                              insert(_el$136, () => bookmark.url);
+                              insert(_el$133, createComponent(Show, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$132 = _tmpl$37();
-                                  insert(_el$132, () => bookmark.note);
-                                  return _el$132;
+                                  var _el$137 = _tmpl$38();
+                                  insert(_el$137, () => bookmark.note);
+                                  return _el$137;
                                 }
-                              }), _el$133);
-                              insert(_el$134, () => formatBookmarkDate(bookmark.savedAt));
-                              _el$135.$$click = () => void removeBookmark(bookmark.id);
-                              return _el$128;
+                              }), _el$138);
+                              insert(_el$139, () => formatBookmarkDate(bookmark.savedAt));
+                              _el$140.$$click = () => void removeBookmark(bookmark.id);
+                              return _el$133;
                             })()
                           }));
-                          return _el$125;
+                          return _el$130;
                         }
                       });
                     }
                   }), null);
-                  createRenderEffect(() => _el$110.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
-                  return _el$107;
+                  createRenderEffect(() => _el$115.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
+                  return _el$112;
                 })()
               });
             }
@@ -3477,7 +3672,7 @@ const Sidebar = (props) => {
               return recentCheckpoints().length > 0;
             },
             get fallback() {
-              return _tmpl$39();
+              return _tmpl$40();
             },
             get children() {
               var _el$72 = _tmpl$11$2();
@@ -3486,20 +3681,20 @@ const Sidebar = (props) => {
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  var _el$137 = _tmpl$41(), _el$138 = _el$137.firstChild, _el$139 = _el$138.firstChild, _el$141 = _el$138.nextSibling, _el$142 = _el$141.firstChild, _el$143 = _el$142.nextSibling, _el$144 = _el$143.nextSibling;
-                  insert(_el$138, createComponent(Show, {
+                  var _el$142 = _tmpl$42(), _el$143 = _el$142.firstChild, _el$144 = _el$143.firstChild, _el$146 = _el$143.nextSibling, _el$147 = _el$146.firstChild, _el$148 = _el$147.nextSibling, _el$149 = _el$148.nextSibling;
+                  insert(_el$143, createComponent(Show, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
                     get children() {
-                      return _tmpl$40();
+                      return _tmpl$41();
                     }
                   }), null);
-                  insert(_el$142, () => checkpoint.name);
-                  insert(_el$143, () => new Date(checkpoint.createdAt).toLocaleString());
-                  _el$144.$$click = () => void restoreCheckpoint(checkpoint.id);
-                  createRenderEffect(() => _el$139.classList.toggle("latest", !!(i() === 0)));
-                  return _el$137;
+                  insert(_el$147, () => checkpoint.name);
+                  insert(_el$148, () => new Date(checkpoint.createdAt).toLocaleString());
+                  _el$149.$$click = () => void restoreCheckpoint(checkpoint.id);
+                  createRenderEffect(() => _el$144.classList.toggle("latest", !!(i() === 0)));
+                  return _el$142;
                 })()
               }));
               return _el$72;
@@ -3519,14 +3714,14 @@ const Sidebar = (props) => {
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$145 = _tmpl$42();
-              insert(_el$145, createComponent(MarkdownMessage, {
+              var _el$150 = _tmpl$43();
+              insert(_el$150, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }));
-              createRenderEffect(() => className(_el$145, `message message-${msg.role}`));
-              return _el$145;
+              createRenderEffect(() => className(_el$150, `message message-${msg.role}`));
+              return _el$150;
             })()
           }), createComponent(Show, {
             get when() {
@@ -3539,7 +3734,7 @@ const Sidebar = (props) => {
                   return hasFirstChunk2();
                 },
                 get fallback() {
-                  return _tmpl$43();
+                  return _tmpl$44();
                 },
                 get children() {
                   var _el$75 = _tmpl$14$1(), _el$76 = _el$75.firstChild, _el$77 = _el$76.firstChild;
@@ -3564,6 +3759,35 @@ const Sidebar = (props) => {
               }));
               return _el$73;
             }
+          }), createComponent(Show, {
+            get when() {
+              return runtimeState2().supervisor.pendingApprovals.length > 0;
+            },
+            get children() {
+              return createComponent(For, {
+                get each() {
+                  return runtimeState2().supervisor.pendingApprovals;
+                },
+                children: (approval) => (() => {
+                  var _el$152 = _tmpl$46(), _el$153 = _el$152.firstChild, _el$154 = _el$153.nextSibling, _el$155 = _el$154.firstChild, _el$156 = _el$155.firstChild, _el$157 = _el$156.nextSibling, _el$159 = _el$155.nextSibling, _el$160 = _el$159.nextSibling, _el$161 = _el$160.firstChild, _el$162 = _el$161.nextSibling;
+                  insert(_el$157, () => approval.name);
+                  insert(_el$154, createComponent(Show, {
+                    get when() {
+                      return approval.argsSummary;
+                    },
+                    get children() {
+                      var _el$158 = _tmpl$45();
+                      insert(_el$158, () => approval.argsSummary);
+                      return _el$158;
+                    }
+                  }), _el$159);
+                  insert(_el$159, () => approval.reason);
+                  _el$161.$$click = () => void resolveApproval(approval.id, true);
+                  _el$162.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$152;
+                })()
+              });
+            }
           }), createComponent(Show, {
             get when() {
               return memo(() => messages2().length === 0)() && !isStreaming2();
@@ -3609,34 +3833,60 @@ const Sidebar = (props) => {
               }), null);
               return _el$82;
             }
+          }), createComponent(Show, {
+            get when() {
+              return highlightCount() > 0;
+            },
+            get children() {
+              var _el$85 = _tmpl$20(), _el$86 = _el$85.firstChild, _el$87 = _el$86.nextSibling;
+              _el$87.firstChild;
+              var _el$89 = _el$87.nextSibling;
+              _el$86.$$click = () => void scrollToHighlight(highlightIndex() - 1);
+              _el$87.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
+              insert(_el$87, (() => {
+                var _c$4 = memo(() => highlightIndex() >= 0);
+                return () => _c$4() ? `${highlightIndex() + 1} / ${highlightCount()}` : `${highlightCount()} highlight${highlightCount() > 1 ? "s" : ""}`;
+              })(), null);
+              _el$89.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
+              createRenderEffect((_p$) => {
+                var _v$9 = highlightIndex() <= 0, _v$0 = highlightIndex() >= highlightCount() - 1;
+                _v$9 !== _p$.e && (_el$86.disabled = _p$.e = _v$9);
+                _v$0 !== _p$.t && (_el$89.disabled = _p$.t = _v$0);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0
+              });
+              return _el$85;
+            }
           }), (() => {
-            var _el$85 = _tmpl$20(), _el$86 = _el$85.firstChild, _el$87 = _el$86.nextSibling;
-            _el$86.$$keydown = (e) => {
+            var _el$90 = _tmpl$21(), _el$91 = _el$90.firstChild, _el$92 = _el$91.nextSibling;
+            _el$91.$$keydown = (e) => {
               if (e.key === "Enter" && !e.shiftKey) {
                 e.preventDefault();
                 void handleChatSend();
               }
             };
-            _el$86.$$input = (e) => setChatInput(e.currentTarget.value);
-            _el$87.$$click = () => void handleChatSend();
-            createRenderEffect(() => _el$87.disabled = !chatInput().trim() || isStreaming2());
-            createRenderEffect(() => _el$86.value = chatInput());
-            return _el$85;
+            _el$91.$$input = (e) => setChatInput(e.currentTarget.value);
+            _el$92.$$click = () => void handleChatSend();
+            createRenderEffect(() => _el$92.disabled = !chatInput().trim() || isStreaming2());
+            createRenderEffect(() => _el$91.value = chatInput());
+            return _el$90;
           })()];
         }
       }), null);
       createRenderEffect((_p$) => {
-        var _v$9 = `${sidebarWidth2()}px`, _v$0 = !!isDragging(), _v$1 = !!(sidebarTab() === "supervisor"), _v$10 = sidebarTab() === "supervisor", _v$11 = !!(sidebarTab() === "bookmarks"), _v$12 = sidebarTab() === "bookmarks", _v$13 = !!(sidebarTab() === "checkpoints"), _v$14 = sidebarTab() === "checkpoints", _v$15 = !!(sidebarTab() === "chat"), _v$16 = sidebarTab() === "chat";
-        _v$9 !== _p$.e && setStyleProperty(_el$1, "width", _p$.e = _v$9);
-        _v$0 !== _p$.t && _el$10.classList.toggle("dragging", _p$.t = _v$0);
-        _v$1 !== _p$.a && _el$18.classList.toggle("active", _p$.a = _v$1);
-        _v$10 !== _p$.o && setAttribute(_el$18, "aria-selected", _p$.o = _v$10);
-        _v$11 !== _p$.i && _el$21.classList.toggle("active", _p$.i = _v$11);
-        _v$12 !== _p$.n && setAttribute(_el$21, "aria-selected", _p$.n = _v$12);
-        _v$13 !== _p$.s && _el$22.classList.toggle("active", _p$.s = _v$13);
-        _v$14 !== _p$.h && setAttribute(_el$22, "aria-selected", _p$.h = _v$14);
-        _v$15 !== _p$.r && _el$23.classList.toggle("active", _p$.r = _v$15);
-        _v$16 !== _p$.d && setAttribute(_el$23, "aria-selected", _p$.d = _v$16);
+        var _v$1 = `${sidebarWidth2()}px`, _v$10 = !!isDragging(), _v$11 = !!(sidebarTab() === "supervisor"), _v$12 = sidebarTab() === "supervisor", _v$13 = !!(sidebarTab() === "bookmarks"), _v$14 = sidebarTab() === "bookmarks", _v$15 = !!(sidebarTab() === "checkpoints"), _v$16 = sidebarTab() === "checkpoints", _v$17 = !!(sidebarTab() === "chat"), _v$18 = sidebarTab() === "chat";
+        _v$1 !== _p$.e && setStyleProperty(_el$1, "width", _p$.e = _v$1);
+        _v$10 !== _p$.t && _el$10.classList.toggle("dragging", _p$.t = _v$10);
+        _v$11 !== _p$.a && _el$18.classList.toggle("active", _p$.a = _v$11);
+        _v$12 !== _p$.o && setAttribute(_el$18, "aria-selected", _p$.o = _v$12);
+        _v$13 !== _p$.i && _el$21.classList.toggle("active", _p$.i = _v$13);
+        _v$14 !== _p$.n && setAttribute(_el$21, "aria-selected", _p$.n = _v$14);
+        _v$15 !== _p$.s && _el$22.classList.toggle("active", _p$.s = _v$15);
+        _v$16 !== _p$.h && setAttribute(_el$22, "aria-selected", _p$.h = _v$16);
+        _v$17 !== _p$.r && _el$23.classList.toggle("active", _p$.r = _v$17);
+        _v$18 !== _p$.d && setAttribute(_el$23, "aria-selected", _p$.d = _v$18);
         return _p$;
       }, {
         e: void 0,
@@ -4102,7 +4352,7 @@ const DevToolsPanel = () => {
   })();
 };
 delegateEvents(["click", "input"]);
-var _tmpl$$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-provider>Provider</label><select id=chat-provider class="settings-input settings-select">`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-api-key>API Key</label><input id=chat-api-key class=settings-input type=password>`), _tmpl$3 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$4 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$5 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-model>Model</label><div style=display:flex;gap:6px;align-items:center><button type=button class=settings-refresh-btn title="Refresh model list">↺`), _tmpl$6 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-base-url>Base URL</label><input id=chat-base-url class=settings-input>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=settings-panel><h2 class=settings-title>Runtime Settings</h2><div class=settings-callout><div class=settings-callout-title>External Agent Control</div><p class=settings-callout-copy>Vessel is configured to run under an external harness such as Hermes Agent or OpenClaw. Provider and model selection are not configured inside Vessel.</p></div><div class=settings-field><label class=settings-label for=mcp-port>MCP Port</label><input id=mcp-port class=settings-input placeholder=3100><p class=settings-hint>External harnesses connect to Vessel at <code>http://127.0.0.1:&lt;port&gt;/mcp</code>. Changing this value restarts the MCP server immediately.</p></div><div class=settings-field><label class=settings-label for=obsidian-vault-path>Obsidian Vault Path</label><input id=obsidian-vault-path class=settings-input placeholder=/home/you/Documents/MyVault><p class=settings-hint>Optional. When set, Vessel memory tools can write markdown notes into this vault for research breadcrumbs and summaries.</p></div><div class=settings-field><label class=settings-label for=agent-transcript-mode>Agent Transcript Monitor</label><select id=agent-transcript-mode class="settings-input settings-select"><option value=off>Off</option><option value=summary>Summary HUD</option><option value=full>Full transcript</option></select><p class=settings-hint>Controls the in-browser transcript monitor when an external harness publishes reasoning or status updates into Vessel via the<code>vessel_publish_transcript</code> MCP tool. Summary HUD shows a compact 2-line status surface; Full transcript shows the recent entry list.</p></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Restore last browser session on launch</span></label></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Start bookmarks fresh on launch</span></label><p class=settings-hint>Off by default. When enabled, bookmark folders and saved pages are cleared each time Vessel starts.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Enable Chat Assistant</span></label><p class=settings-hint>Adds a Chat tab to the sidebar for conversing with an AI provider of your choice.</p></div><div class=settings-actions><button class=settings-save>Save</button><button class=settings-close>Close`), _tmpl$8 = /* @__PURE__ */ template(`<style>
+var _tmpl$$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-provider>Provider</label><select id=chat-provider class="settings-input settings-select">`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-api-key>API Key</label><input id=chat-api-key class=settings-input type=password>`), _tmpl$3 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$4 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$5 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-model>Model</label><div style=display:flex;gap:6px;align-items:center><button type=button class=settings-refresh-btn title="Refresh model list">↺`), _tmpl$6 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-base-url>Base URL</label><input id=chat-base-url class=settings-input>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=settings-panel><h2 class=settings-title>Runtime Settings</h2><div class=settings-callout><div class=settings-callout-title>External Agent Control</div><p class=settings-callout-copy>Vessel is configured to run under an external harness such as Hermes Agent or OpenClaw. Provider and model selection are not configured inside Vessel.</p></div><div class=settings-field><label class=settings-label for=mcp-port>MCP Port</label><input id=mcp-port class=settings-input placeholder=3100><p class=settings-hint>External harnesses connect to Vessel at <code>http://127.0.0.1:&lt;port&gt;/mcp</code>. Changing this value restarts the MCP server immediately.</p></div><div class=settings-field><label class=settings-label for=max-tool-iterations>Max Tool Iterations</label><input id=max-tool-iterations class=settings-input type=number min=10 max=1000 placeholder=200><p class=settings-hint>Maximum number of tool calls the AI agent can make per conversation turn before pausing. Higher values let the agent complete longer multi-step workflows without stopping. Range: 10–1000.</p></div><div class=settings-field><label class=settings-label for=obsidian-vault-path>Obsidian Vault Path</label><input id=obsidian-vault-path class=settings-input placeholder=/home/you/Documents/MyVault><p class=settings-hint>Optional. When set, Vessel memory tools can write markdown notes into this vault for research breadcrumbs and summaries.</p></div><div class=settings-field><label class=settings-label for=agent-transcript-mode>Agent Transcript Monitor</label><select id=agent-transcript-mode class="settings-input settings-select"><option value=off>Off</option><option value=summary>Summary HUD</option><option value=full>Full transcript</option></select><p class=settings-hint>Controls the in-browser transcript monitor when an external harness publishes reasoning or status updates into Vessel via the<code>vessel_publish_transcript</code> MCP tool. Summary HUD shows a compact 2-line status surface; Full transcript shows the recent entry list.</p></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Restore last browser session on launch</span></label></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Start bookmarks fresh on launch</span></label><p class=settings-hint>Off by default. When enabled, bookmark folders and saved pages are cleared each time Vessel starts.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Enable Chat Assistant</span></label><p class=settings-hint>Adds a Chat tab to the sidebar for conversing with an AI provider of your choice.</p></div><div class=settings-actions><button class=settings-save>Save</button><button class=settings-close>Close`), _tmpl$8 = /* @__PURE__ */ template(`<style>
         .settings-panel {
           width: min(440px, calc(100vw - 32px));
           max-height: calc(100vh - 48px);
@@ -4403,6 +4653,7 @@ const Settings = () => {
   const [clearBookmarksOnLaunch, setClearBookmarksOnLaunch] = createSignal(false);
   const [obsidianVaultPath, setObsidianVaultPath] = createSignal("");
   const [mcpPort, setMcpPort] = createSignal("3100");
+  const [maxToolIterations, setMaxToolIterations] = createSignal("200");
   const [agentTranscriptMode, setAgentTranscriptMode] = createSignal("summary");
   const [health, setHealth] = createSignal(null);
   const [status, setStatus] = createSignal(null);
@@ -4466,6 +4717,7 @@ const Settings = () => {
     setClearBookmarksOnLaunch(settings.clearBookmarksOnLaunch ?? false);
     setObsidianVaultPath(settings.obsidianVaultPath ?? "");
     setMcpPort(String(settings.mcpPort ?? 3100));
+    setMaxToolIterations(String(settings.maxToolIterations ?? 200));
     setAgentTranscriptMode(settings.agentTranscriptMode ?? "summary");
     setHealth(runtimeHealth);
     const cp = settings.chatProvider ?? null;
@@ -4499,6 +4751,8 @@ const Settings = () => {
       await window.vessel.settings.set("clearBookmarksOnLaunch", clearBookmarksOnLaunch());
       await window.vessel.settings.set("obsidianVaultPath", obsidianVaultPath());
       await window.vessel.settings.set("mcpPort", parsedPort);
+      const parsedIterations = Number(maxToolIterations().trim()) || 200;
+      await window.vessel.settings.set("maxToolIterations", Math.max(10, Math.min(1e3, parsedIterations)));
       await window.vessel.settings.set("agentTranscriptMode", agentTranscriptMode());
       const chatConfig = chatEnabled() ? {
         id: chatProviderId(),
@@ -4528,82 +4782,83 @@ const Settings = () => {
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$5.nextSibling, _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling, _el$1 = _el$8.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$1.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$15 = _el$12.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$15.nextSibling, _el$19 = _el$18.nextSibling, _el$20 = _el$19.firstChild, _el$21 = _el$20.firstChild, _el$37 = _el$19.nextSibling, _el$38 = _el$37.firstChild, _el$39 = _el$38.nextSibling;
+        var _el$ = _tmpl$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$5.nextSibling, _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling, _el$1 = _el$8.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$1.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$12.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$15.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$19.firstChild, _el$21 = _el$18.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.firstChild, _el$24 = _el$23.firstChild, _el$40 = _el$22.nextSibling, _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling;
         addEventListener(_el$, "click", closeSettings);
         _el$2.$$keydown = handleKeyDown;
         _el$2.$$click = (e) => e.stopPropagation();
         _el$7.$$input = (e) => setMcpPort(e.currentTarget.value);
         setAttribute(_el$7, "spellcheck", false);
+        _el$0.$$input = (e) => setMaxToolIterations(e.currentTarget.value);
         insert(_el$2, createComponent(Show, {
           get when() {
             return health();
           },
           children: (currentHealth) => (() => {
-            var _el$41 = _tmpl$0(), _el$42 = _el$41.firstChild, _el$43 = _el$42.nextSibling, _el$44 = _el$43.firstChild, _el$46 = _el$44.nextSibling;
-            _el$46.nextSibling;
-            insert(_el$46, () => currentHealth().mcp.status);
-            insert(_el$43, () => currentHealth().mcp.message, null);
-            insert(_el$41, createComponent(Show, {
+            var _el$44 = _tmpl$0(), _el$45 = _el$44.firstChild, _el$46 = _el$45.nextSibling, _el$47 = _el$46.firstChild, _el$49 = _el$47.nextSibling;
+            _el$49.nextSibling;
+            insert(_el$49, () => currentHealth().mcp.status);
+            insert(_el$46, () => currentHealth().mcp.message, null);
+            insert(_el$44, createComponent(Show, {
               get when() {
                 return currentHealth().mcp.endpoint;
               },
               children: (endpoint) => (() => {
-                var _el$49 = _tmpl$1(), _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling;
-                insert(_el$51, endpoint);
-                return _el$49;
+                var _el$52 = _tmpl$1(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
+                insert(_el$54, endpoint);
+                return _el$52;
               })()
             }), null);
-            insert(_el$41, createComponent(Show, {
+            insert(_el$44, createComponent(Show, {
               get when() {
                 return currentHealth().startupIssues.length > 0;
               },
               get children() {
-                var _el$48 = _tmpl$9();
-                insert(_el$48, () => currentHealth().startupIssues.map((issue) => (() => {
-                  var _el$52 = _tmpl$10(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
-                  insert(_el$53, () => issue.title);
-                  insert(_el$54, () => issue.detail);
-                  insert(_el$52, createComponent(Show, {
+                var _el$51 = _tmpl$9();
+                insert(_el$51, () => currentHealth().startupIssues.map((issue) => (() => {
+                  var _el$55 = _tmpl$10(), _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling;
+                  insert(_el$56, () => issue.title);
+                  insert(_el$57, () => issue.detail);
+                  insert(_el$55, createComponent(Show, {
                     get when() {
                       return issue.action;
                     },
                     children: (action) => (() => {
-                      var _el$55 = _tmpl$11();
-                      insert(_el$55, action);
-                      return _el$55;
+                      var _el$58 = _tmpl$11();
+                      insert(_el$58, action);
+                      return _el$58;
                     })()
                   }), null);
                   createRenderEffect((_p$) => {
                     var _v$7 = !!(issue.severity === "warning"), _v$8 = !!(issue.severity === "error");
-                    _v$7 !== _p$.e && _el$52.classList.toggle("warning", _p$.e = _v$7);
-                    _v$8 !== _p$.t && _el$52.classList.toggle("error", _p$.t = _v$8);
+                    _v$7 !== _p$.e && _el$55.classList.toggle("warning", _p$.e = _v$7);
+                    _v$8 !== _p$.t && _el$55.classList.toggle("error", _p$.t = _v$8);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$52;
+                  return _el$55;
                 })()));
-                return _el$48;
+                return _el$51;
               }
             }), null);
-            return _el$41;
+            return _el$44;
           })()
-        }), _el$8);
-        _el$0.$$input = (e) => setObsidianVaultPath(e.currentTarget.value);
-        setAttribute(_el$0, "spellcheck", false);
-        _el$11.addEventListener("change", (e) => setAgentTranscriptMode(e.currentTarget.value));
-        _el$14.$$click = () => setAutoRestoreSession(!autoRestoreSession());
-        _el$17.$$click = () => setClearBookmarksOnLaunch(!clearBookmarksOnLaunch());
-        _el$21.$$click = () => setChatEnabled(!chatEnabled());
+        }), _el$1);
+        _el$11.$$input = (e) => setObsidianVaultPath(e.currentTarget.value);
+        setAttribute(_el$11, "spellcheck", false);
+        _el$14.addEventListener("change", (e) => setAgentTranscriptMode(e.currentTarget.value));
+        _el$17.$$click = () => setAutoRestoreSession(!autoRestoreSession());
+        _el$20.$$click = () => setClearBookmarksOnLaunch(!clearBookmarksOnLaunch());
+        _el$24.$$click = () => setChatEnabled(!chatEnabled());
         insert(_el$2, createComponent(Show, {
           get when() {
             return chatEnabled();
           },
           get children() {
             return [(() => {
-              var _el$22 = _tmpl$$1(), _el$23 = _el$22.firstChild, _el$24 = _el$23.nextSibling;
-              _el$24.addEventListener("change", (e) => {
+              var _el$25 = _tmpl$$1(), _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling;
+              _el$27.addEventListener("change", (e) => {
                 const id = e.currentTarget.value;
                 setChatProviderId(id);
                 setChatModel("");
@@ -4612,65 +4867,65 @@ const Settings = () => {
                 setProviderModels([]);
                 setModelFetchState("idle");
               });
-              insert(_el$24, createComponent(For, {
+              insert(_el$27, createComponent(For, {
                 each: CHAT_PROVIDERS,
                 children: (p) => (() => {
-                  var _el$56 = _tmpl$12();
-                  insert(_el$56, () => p.name);
-                  createRenderEffect(() => _el$56.value = p.id);
-                  return _el$56;
+                  var _el$59 = _tmpl$12();
+                  insert(_el$59, () => p.name);
+                  createRenderEffect(() => _el$59.value = p.id);
+                  return _el$59;
                 })()
               }));
-              createRenderEffect(() => _el$24.value = chatProviderId());
-              return _el$22;
+              createRenderEffect(() => _el$27.value = chatProviderId());
+              return _el$25;
             })(), createComponent(Show, {
               get when() {
                 return chatProviderMeta().requiresKey;
               },
               get children() {
-                var _el$25 = _tmpl$2$1(), _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling;
-                _el$27.$$input = (e) => setChatApiKey(e.currentTarget.value);
-                setAttribute(_el$27, "spellcheck", false);
-                createRenderEffect(() => setAttribute(_el$27, "placeholder", chatProviderMeta().keyPlaceholder));
-                createRenderEffect(() => _el$27.value = chatApiKey());
-                return _el$25;
+                var _el$28 = _tmpl$2$1(), _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling;
+                _el$30.$$input = (e) => setChatApiKey(e.currentTarget.value);
+                setAttribute(_el$30, "spellcheck", false);
+                createRenderEffect(() => setAttribute(_el$30, "placeholder", chatProviderMeta().keyPlaceholder));
+                createRenderEffect(() => _el$30.value = chatApiKey());
+                return _el$28;
               }
             }), (() => {
-              var _el$28 = _tmpl$5(), _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$32 = _el$30.firstChild;
-              insert(_el$30, createComponent(Show, {
+              var _el$31 = _tmpl$5(), _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$35 = _el$33.firstChild;
+              insert(_el$33, createComponent(Show, {
                 get when() {
                   return providerModels().length > 0;
                 },
                 get fallback() {
                   return (() => {
-                    var _el$57 = _tmpl$13();
-                    _el$57.$$input = (e) => setChatModel(e.currentTarget.value);
-                    setAttribute(_el$57, "spellcheck", false);
-                    createRenderEffect(() => setAttribute(_el$57, "placeholder", modelFetchState() === "loading" ? "Fetching models…" : chatProviderMeta().requiresKey && !chatApiKey().trim() ? "Enter API key to load models" : chatProviderMeta().defaultModel || "model name"));
-                    createRenderEffect(() => _el$57.value = chatModel());
-                    return _el$57;
+                    var _el$60 = _tmpl$13();
+                    _el$60.$$input = (e) => setChatModel(e.currentTarget.value);
+                    setAttribute(_el$60, "spellcheck", false);
+                    createRenderEffect(() => setAttribute(_el$60, "placeholder", modelFetchState() === "loading" ? "Fetching models…" : chatProviderMeta().requiresKey && !chatApiKey().trim() ? "Enter API key to load models" : chatProviderMeta().defaultModel || "model name"));
+                    createRenderEffect(() => _el$60.value = chatModel());
+                    return _el$60;
                   })();
                 },
                 get children() {
-                  var _el$31 = _tmpl$3();
-                  _el$31.addEventListener("change", (e) => setChatModel(e.currentTarget.value));
-                  insert(_el$31, createComponent(For, {
+                  var _el$34 = _tmpl$3();
+                  _el$34.addEventListener("change", (e) => setChatModel(e.currentTarget.value));
+                  insert(_el$34, createComponent(For, {
                     get each() {
                       return providerModels();
                     },
                     children: (m) => (() => {
-                      var _el$58 = _tmpl$12();
-                      _el$58.value = m;
-                      insert(_el$58, m);
-                      return _el$58;
+                      var _el$61 = _tmpl$12();
+                      _el$61.value = m;
+                      insert(_el$61, m);
+                      return _el$61;
                     })()
                   }));
-                  createRenderEffect(() => _el$31.value = chatModel());
-                  return _el$31;
+                  createRenderEffect(() => _el$34.value = chatModel());
+                  return _el$34;
                 }
-              }), _el$32);
-              _el$32.$$click = doFetchModels;
-              insert(_el$28, createComponent(Show, {
+              }), _el$35);
+              _el$35.$$click = doFetchModels;
+              insert(_el$31, createComponent(Show, {
                 get when() {
                   return modelFetchState() === "error";
                 },
@@ -4678,52 +4933,52 @@ const Settings = () => {
                   return _tmpl$4();
                 }
               }), null);
-              createRenderEffect(() => _el$32.disabled = modelFetchState() === "loading");
-              return _el$28;
+              createRenderEffect(() => _el$35.disabled = modelFetchState() === "loading");
+              return _el$31;
             })(), createComponent(Show, {
               get when() {
                 return chatProviderMeta().needsBaseUrl || chatProviderId() === "custom";
               },
               get children() {
-                var _el$34 = _tmpl$6(), _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling;
-                _el$36.$$input = (e) => setChatBaseUrl(e.currentTarget.value);
-                setAttribute(_el$36, "spellcheck", false);
-                createRenderEffect(() => setAttribute(_el$36, "placeholder", chatProviderMeta().defaultBaseUrl ?? "https://..."));
-                createRenderEffect(() => _el$36.value = chatBaseUrl());
-                return _el$34;
+                var _el$37 = _tmpl$6(), _el$38 = _el$37.firstChild, _el$39 = _el$38.nextSibling;
+                _el$39.$$input = (e) => setChatBaseUrl(e.currentTarget.value);
+                setAttribute(_el$39, "spellcheck", false);
+                createRenderEffect(() => setAttribute(_el$39, "placeholder", chatProviderMeta().defaultBaseUrl ?? "https://..."));
+                createRenderEffect(() => _el$39.value = chatBaseUrl());
+                return _el$37;
               }
             })];
           }
-        }), _el$37);
-        _el$38.$$click = handleSave;
-        addEventListener(_el$39, "click", closeSettings);
+        }), _el$40);
+        _el$41.$$click = handleSave;
+        addEventListener(_el$42, "click", closeSettings);
         insert(_el$2, createComponent(Show, {
           get when() {
             return status();
           },
           children: (currentStatus) => (() => {
-            var _el$59 = _tmpl$14();
-            insert(_el$59, () => currentStatus().text);
+            var _el$62 = _tmpl$14();
+            insert(_el$62, () => currentStatus().text);
             createRenderEffect((_p$) => {
               var _v$9 = !!(currentStatus().kind === "success"), _v$0 = !!(currentStatus().kind === "error");
-              _v$9 !== _p$.e && _el$59.classList.toggle("success", _p$.e = _v$9);
-              _v$0 !== _p$.t && _el$59.classList.toggle("error", _p$.t = _v$0);
+              _v$9 !== _p$.e && _el$62.classList.toggle("success", _p$.e = _v$9);
+              _v$0 !== _p$.t && _el$62.classList.toggle("error", _p$.t = _v$0);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            return _el$59;
+            return _el$62;
           })()
         }), null);
         createRenderEffect((_p$) => {
           var _v$ = !!autoRestoreSession(), _v$2 = autoRestoreSession(), _v$3 = !!clearBookmarksOnLaunch(), _v$4 = clearBookmarksOnLaunch(), _v$5 = !!chatEnabled(), _v$6 = chatEnabled();
-          _v$ !== _p$.e && _el$14.classList.toggle("on", _p$.e = _v$);
-          _v$2 !== _p$.t && setAttribute(_el$14, "aria-checked", _p$.t = _v$2);
-          _v$3 !== _p$.a && _el$17.classList.toggle("on", _p$.a = _v$3);
-          _v$4 !== _p$.o && setAttribute(_el$17, "aria-checked", _p$.o = _v$4);
-          _v$5 !== _p$.i && _el$21.classList.toggle("on", _p$.i = _v$5);
-          _v$6 !== _p$.n && setAttribute(_el$21, "aria-checked", _p$.n = _v$6);
+          _v$ !== _p$.e && _el$17.classList.toggle("on", _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$17, "aria-checked", _p$.t = _v$2);
+          _v$3 !== _p$.a && _el$20.classList.toggle("on", _p$.a = _v$3);
+          _v$4 !== _p$.o && setAttribute(_el$20, "aria-checked", _p$.o = _v$4);
+          _v$5 !== _p$.i && _el$24.classList.toggle("on", _p$.i = _v$5);
+          _v$6 !== _p$.n && setAttribute(_el$24, "aria-checked", _p$.n = _v$6);
           return _p$;
         }, {
           e: void 0,
@@ -4734,8 +4989,9 @@ const Settings = () => {
           n: void 0
         });
         createRenderEffect(() => _el$7.value = mcpPort());
-        createRenderEffect(() => _el$0.value = obsidianVaultPath());
-        createRenderEffect(() => _el$11.value = agentTranscriptMode());
+        createRenderEffect(() => _el$0.value = maxToolIterations());
+        createRenderEffect(() => _el$11.value = obsidianVaultPath());
+        createRenderEffect(() => _el$14.value = agentTranscriptMode());
         return _el$;
       })(), _tmpl$8()];
     }