@quanta-intellect/vessel-browser 0.1.11 → 0.1.13

package/out/renderer/assets/{index-BUYEjb3N.js → index-DiB_DxLD.js}

@@ -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);
@@ -1579,6 +1587,157 @@ function useBookmarks() {
     renameFolder: (id, newName, summary) => window.vessel.bookmarks.renameFolder(id, newName, summary)
   };
 }
+const MEMORY_STORAGE_KEY = "vessel.bookmark-context.memories";
+const MAX_MEMORY_LINES = 4;
+const MAX_MEMORY_CHARS = 420;
+function collapseWhitespace(value) {
+  return value.replace(/\s+/g, " ").trim();
+}
+function cleanSnippet(value, maxLength = 140) {
+  const cleaned = collapseWhitespace(
+    value.replace(/`+/g, "").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1")
+  );
+  if (cleaned.length <= maxLength) return cleaned;
+  return `${cleaned.slice(0, maxLength - 1).trimEnd()}...`;
+}
+function dedupe(values) {
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  for (const value of values) {
+    const normalized = value.trim().toLowerCase();
+    if (!normalized || seen.has(normalized)) continue;
+    seen.add(normalized);
+    result.push(value.trim());
+  }
+  return result;
+}
+function bookmarkMemoryKey(url) {
+  try {
+    return new URL(url).hostname.replace(/^www\./i, "").toLowerCase();
+  } catch {
+    return url.trim().toLowerCase();
+  }
+}
+function tokenize(value) {
+  return dedupe(
+    value.toLowerCase().split(/[^a-z0-9]+/i).filter((token) => token.length >= 4).slice(0, 8)
+  );
+}
+function collectBookmarkConversationCues(bookmark, messages2) {
+  const host = bookmarkMemoryKey(bookmark.url);
+  const hostTokens = dedupe(
+    host.split(".").filter((token) => token.length >= 4)
+  );
+  const titleTokens = tokenize(bookmark.title);
+  const noteTokens = tokenize(bookmark.note || "").slice(0, 4);
+  const urlLower = bookmark.url.toLowerCase();
+  const cues = [];
+  for (let index = messages2.length - 1; index >= 0; index -= 1) {
+    const message = messages2[index];
+    const content = collapseWhitespace(message.content);
+    if (!content) continue;
+    const lowered = content.toLowerCase();
+    const matchedTokens = [...titleTokens, ...noteTokens].filter(
+      (token) => lowered.includes(token)
+    );
+    const matchesBookmark = lowered.includes(host) || hostTokens.some((token) => lowered.includes(token)) || lowered.includes(urlLower) || matchedTokens.length >= 2 || matchedTokens.length >= 1 && titleTokens.length <= 1;
+    if (!matchesBookmark) continue;
+    const prefix = message.role === "user" ? "You" : "Assistant";
+    cues.push(`${prefix}: ${cleanSnippet(content)}`);
+    if (cues.length >= MAX_MEMORY_LINES) break;
+  }
+  return dedupe(cues);
+}
+function mergeBookmarkMemorySummary(existingSummary, cues) {
+  const merged = dedupe([
+    ...existingSummary ? existingSummary.split(" • ").map((item) => cleanSnippet(item, 160)) : [],
+    ...cues
+  ]).slice(0, MAX_MEMORY_LINES);
+  if (merged.length === 0) return void 0;
+  let summary = merged.join(" • ");
+  if (summary.length > MAX_MEMORY_CHARS) {
+    summary = `${summary.slice(0, MAX_MEMORY_CHARS - 3).trimEnd()}...`;
+  }
+  return summary;
+}
+function getStorage(storage) {
+  if (storage) return storage;
+  if (typeof window !== "undefined" && window.localStorage) {
+    return window.localStorage;
+  }
+  return null;
+}
+function readMemoryMap(storage) {
+  const target = getStorage(storage);
+  if (!target) return {};
+  try {
+    const raw = target.getItem(MEMORY_STORAGE_KEY);
+    if (!raw) return {};
+    const parsed = JSON.parse(raw);
+    return parsed && typeof parsed === "object" ? parsed : {};
+  } catch {
+    return {};
+  }
+}
+function writeMemoryMap(map, storage) {
+  const target = getStorage(storage);
+  if (!target) return;
+  try {
+    target.setItem(MEMORY_STORAGE_KEY, JSON.stringify(map));
+  } catch {
+  }
+}
+function rememberBookmarkContext(args) {
+  const key = bookmarkMemoryKey(args.bookmark.url);
+  const map = readMemoryMap(args.storage);
+  const existing = map[key];
+  const cues = collectBookmarkConversationCues(args.bookmark, args.messages);
+  const summary = mergeBookmarkMemorySummary(existing?.summary, cues);
+  if (!summary) {
+    return existing ?? null;
+  }
+  const entry = {
+    summary,
+    title: args.bookmark.title || args.bookmark.url,
+    url: args.bookmark.url,
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  };
+  map[key] = entry;
+  writeMemoryMap(map, args.storage);
+  return entry;
+}
+function buildBookmarkContextDraft(args) {
+  const lines = [
+    "Saved bookmark context for the next step:",
+    `- Title: ${args.bookmark.title || args.bookmark.url}`,
+    `- URL: ${args.bookmark.url}`
+  ];
+  if (args.folder?.name) {
+    lines.push(`- Folder: ${args.folder.name}`);
+  }
+  if (args.folder?.summary) {
+    lines.push(`- Folder summary: ${cleanSnippet(args.folder.summary, 180)}`);
+  }
+  if (args.bookmark.note) {
+    lines.push(`- Saved note: ${cleanSnippet(args.bookmark.note, 180)}`);
+  }
+  if (args.rememberedSummary) {
+    lines.push(`- Remembered site context: ${args.rememberedSummary}`);
+  }
+  return lines.join("\n");
+}
+function buildAndRememberBookmarkContext(args) {
+  const remembered = rememberBookmarkContext({
+    bookmark: args.bookmark,
+    messages: args.messages,
+    storage: args.storage
+  });
+  return buildBookmarkContextDraft({
+    bookmark: args.bookmark,
+    folder: args.folder,
+    rememberedSummary: remembered?.summary ?? null
+  });
+}
 const {
   entries,
   setPrototypeOf,
@@ -2683,10 +2842,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");
@@ -2698,6 +2864,24 @@ function renderBlock(block) {
   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);
   }
@@ -2876,7 +3060,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`), _tmpl$44 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$45 = /* @__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`);
+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",
@@ -3018,6 +3202,81 @@ 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);
+  });
+  createEffect(() => {
+    const unsubscribe = window.vessel.bookmarks.onAddContextToChat((bookmarkId) => {
+      const bookmark = bookmarksState2().bookmarks.find((item) => item.id === bookmarkId);
+      if (!bookmark) return;
+      const folder = bookmark.folderId === UNSORTED_FOLDER.id ? UNSORTED_FOLDER : bookmarksState2().folders.find((item) => item.id === bookmark.folderId) ?? null;
+      const contextBlock = buildAndRememberBookmarkContext({
+        bookmark,
+        folder,
+        messages: messages2()
+      });
+      setSidebarTab("chat");
+      setChatInput((current) => current.trim() ? `${current.trim()}
+
+${contextBlock}` : contextBlock);
+      queueMicrotask(() => {
+        chatInputRef?.focus();
+        const length = chatInputRef?.value.length ?? 0;
+        chatInputRef?.setSelectionRange(length, length);
+      });
+    });
+    onCleanup(unsubscribe);
+  });
   const handleChatSend = async () => {
     const prompt = chatInput().trim();
     if (!prompt || isStreaming2()) return;
@@ -3050,6 +3309,7 @@ const Sidebar = (props) => {
   const [elapsedSeconds, setElapsedSeconds] = createSignal(0);
   let messagesContainerRef;
   let messagesEndRef;
+  let chatInputRef;
   let hasInitializedMessageScroll = false;
   const recentActions = createMemo(() => runtimeState2().actions.slice(-8).reverse());
   const recentCheckpoints = createMemo(() => runtimeState2().checkpoints.slice(-5).reverse());
@@ -3225,7 +3485,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;
@@ -3279,7 +3539,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, {
@@ -3287,13 +3547,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;
                 })()
               })];
             }
@@ -3317,7 +3577,7 @@ const Sidebar = (props) => {
               return recentActions().length > 0;
             },
             get fallback() {
-              return _tmpl$24();
+              return _tmpl$25();
             },
             get children() {
               return createComponent(Show, {
@@ -3325,7 +3585,7 @@ const Sidebar = (props) => {
                   return actionsExpanded();
                 },
                 get fallback() {
-                  return _tmpl$25();
+                  return _tmpl$26();
                 },
                 get children() {
                   return createComponent(For, {
@@ -3333,32 +3593,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;
                     })()
                   });
                 }
@@ -3424,12 +3684,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() {
@@ -3438,71 +3698,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, {
@@ -3510,41 +3770,42 @@ 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);
+                              createRenderEffect(() => setAttribute(_el$133, "data-bookmark-id", 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;
                 })()
               });
             }
@@ -3586,7 +3847,7 @@ const Sidebar = (props) => {
               return recentCheckpoints().length > 0;
             },
             get fallback() {
-              return _tmpl$39();
+              return _tmpl$40();
             },
             get children() {
               var _el$72 = _tmpl$11$2();
@@ -3595,20 +3856,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;
@@ -3628,14 +3889,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() {
@@ -3648,7 +3909,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;
@@ -3683,22 +3944,22 @@ const Sidebar = (props) => {
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$147 = _tmpl$45(), _el$148 = _el$147.firstChild, _el$149 = _el$148.nextSibling, _el$150 = _el$149.firstChild, _el$151 = _el$150.firstChild, _el$152 = _el$151.nextSibling, _el$154 = _el$150.nextSibling, _el$155 = _el$154.nextSibling, _el$156 = _el$155.firstChild, _el$157 = _el$156.nextSibling;
-                  insert(_el$152, () => approval.name);
-                  insert(_el$149, createComponent(Show, {
+                  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$153 = _tmpl$44();
-                      insert(_el$153, () => approval.argsSummary);
-                      return _el$153;
+                      var _el$158 = _tmpl$45();
+                      insert(_el$158, () => approval.argsSummary);
+                      return _el$158;
                     }
-                  }), _el$154);
-                  insert(_el$154, () => approval.reason);
-                  _el$156.$$click = () => void resolveApproval(approval.id, true);
-                  _el$157.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$147;
+                  }), _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;
                 })()
               });
             }
@@ -3747,34 +4008,62 @@ 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);
+            var _ref$3 = chatInputRef;
+            typeof _ref$3 === "function" ? use(_ref$3, _el$91) : chatInputRef = _el$91;
+            _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,