@quanta-intellect/vessel-browser 0.1.80 → 0.1.83

package/README.md

@@ -1,5 +1,5 @@
 <div align="center">
-  
+
 ![quanta-intellect-logo-transparent](https://cdn-uploads.huggingface.co/production/uploads/686c460ba3fc457ad14ab6f8/gB6J60f9Yeyb3Thop2dUa.png)
 
 <a href="https://snapcraft.io/vessel-browser">
@@ -22,11 +22,9 @@ Vessel gives external agent harnesses a real browser with durable state, MCP con
 *Vessel is in active development and currently makes no security assurances. Use and deploy it with care.*
 
 
-
 https://github.com/user-attachments/assets/0a72b48a-873a-4eb0-b8f2-23e34d8472c4
 
 
-
 ## Quick Start
 
 Want the full agent toolkit from day one? [Start a 7-Day Free Trial of Vessel Premium — $5.99/mo](https://vesselpremium.quantaintellect.com/checkout).
@@ -80,7 +78,6 @@ Most browser automation stacks are either headless, stateless, or designed aroun
 <img width="1280" height="800" alt="@quanta-intellectvessel-browser_2026-03-17_195754_6624" src="https://github.com/user-attachments/assets/3b3d2033-5a59-4806-bbc1-359efb7b43a9" />
 
 
-
 <img width="1280" height="800" alt="vessel_2026-03-17_145154_5389" src="https://github.com/user-attachments/assets/b1c08d6c-bcdf-4c9a-8429-a71a23a61903" />
 
 Vessel is built for persistent web agents that need a real browser, durable state, and a human-visible interface. The agent is the primary operator. The human follows along in the live browser UI, audits what the agent is doing, and steers when needed.
@@ -420,7 +417,7 @@ mcp_servers:
     connect_timeout: 30
 ```
 
-## Configuration 
+## Configuration
 
 The installer writes three snippets to:
 

package/out/main/index.js

@@ -3284,6 +3284,7 @@ const Channels = {
   FOLDER_CREATE: "bookmarks:folder-create",
   FOLDER_REMOVE: "bookmarks:folder-remove",
   FOLDER_RENAME: "bookmarks:folder-rename",
+  FOLDER_EXPORT_HTML: "bookmarks:folder-export-html",
   // Highlights
   HIGHLIGHT_CAPTURE: "highlights:capture",
   HIGHLIGHT_CAPTURE_RESULT: "highlights:capture-result",
@@ -11759,6 +11760,41 @@ function exportBookmarksHtml(options = {}) {
   return `${lines.join("\n")}
 `;
 }
+function exportBookmarkFolderHtml(folderId, options = {}) {
+  const current = getState();
+  const folder = current.folders.find((item) => item.id === folderId);
+  if (!folder) return null;
+  const resolvedOptions = {
+    includeNotes: options.includeNotes ?? false
+  };
+  const now = Math.floor(Date.now() / 1e3);
+  const items = current.bookmarks.filter(
+    (bookmark) => bookmark.folderId === folder.id
+  );
+  const addDate = toNetscapeTimestamp(folder.createdAt) || now;
+  const lines = [
+    NETSCAPE_BOOKMARKS_DOCTYPE,
+    '<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">',
+    `<TITLE>${escapeBookmarkHtml(folder.name)}</TITLE>`,
+    `<H1>${escapeBookmarkHtml(folder.name)}</H1>`,
+    "<DL><p>",
+    `    <DT><H3 ADD_DATE="${addDate}" LAST_MODIFIED="${now}">${escapeBookmarkHtml(folder.name)}</H3>`
+  ];
+  if (resolvedOptions.includeNotes && folder.summary) {
+    lines.push(`    <DD>${escapeBookmarkHtml(folder.summary)}`);
+  }
+  lines.push("    <DL><p>");
+  for (const bookmark of items) {
+    appendBookmarkHtml(lines, bookmark, resolvedOptions, "        ");
+  }
+  lines.push("    </DL><p>", "</DL><p>");
+  return {
+    content: `${lines.join("\n")}
+`,
+    count: items.length,
+    folderName: folder.name
+  };
+}
 function exportBookmarksJson() {
   return `${JSON.stringify(getState(), null, 2)}
 `;
@@ -23941,8 +23977,7 @@ const THIRD_PARTY_PATH_PATTERNS = [
   /\/beacon/i,
   /\/pixel/i
 ];
-let installed = false;
-const defaultSessionTabManagers = /* @__PURE__ */ new Set();
+const EMPTY_BLOCKED_FRAME_URL = "data:text/html;charset=utf-8,%3C!doctype%20html%3E%3Chtml%3E%3Cbody%3E%3C!--%20blocked%20by%20Vessel%20ad%20blocker%20--%3E%3C%2Fbody%3E%3C%2Fhtml%3E";
 function normalizeHostname(value) {
   return value.trim().toLowerCase().replace(/\.$/, "");
 }
@@ -23980,11 +24015,20 @@ function shouldBlockRequest(details) {
   if (BLOCKED_HOST_SUFFIXES.some((suffix) => hostnameMatches(hostname, suffix))) {
     return true;
   }
-  const firstPartyHost = parseHostname(details.referrer) || parseHostname(details.initiator || "");
+  const firstPartyHost = parseHostname(details.referrer || "") || parseHostname(details.initiator || "");
   if (!isThirdParty(parsed, firstPartyHost)) return false;
   const candidate = `${hostname}${parsed.pathname}${parsed.search}`;
   return THIRD_PARTY_PATH_PATTERNS.some((pattern) => pattern.test(candidate));
 }
+function getAdBlockDecision(details) {
+  if (!shouldBlockRequest(details)) return { cancel: false };
+  if (details.resourceType === "subFrame") {
+    return { redirectURL: EMPTY_BLOCKED_FRAME_URL };
+  }
+  return { cancel: true };
+}
+let installed = false;
+const defaultSessionTabManagers = /* @__PURE__ */ new Set();
 function installAdBlocking(tabManager) {
   defaultSessionTabManagers.add(tabManager);
   if (installed) return;
@@ -24002,7 +24046,7 @@ function installAdBlocking(tabManager) {
       callback({});
       return;
     }
-    callback({ cancel: shouldBlockRequest(details) });
+    callback(getAdBlockDecision(details));
   });
 }
 function unregisterAdBlockingTabManager(tabManager) {
@@ -24019,7 +24063,7 @@ function installAdBlockingForSession(ses, tabManager) {
       callback({});
       return;
     }
-    callback({ cancel: shouldBlockRequest(details) });
+    callback(getAdBlockDecision(details));
   });
 }
 const defaultDownloadViews = /* @__PURE__ */ new Set();
@@ -24742,6 +24786,10 @@ function createSecondaryWindow() {
   win.show();
   return state2;
 }
+function getSafeBookmarkExportName(name) {
+  const safeName = name.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+  return safeName || "folder";
+}
 function registerBookmarkHandlers() {
   electron.ipcMain.handle(Channels.BOOKMARKS_GET, () => {
     return getState();
@@ -24820,6 +24868,29 @@ function registerBookmarkHandlers() {
       count: getState().bookmarks.length
     };
   });
+  electron.ipcMain.handle(
+    Channels.FOLDER_EXPORT_HTML,
+    async (_, folderId, options) => {
+      const folder = getFolder(folderId);
+      if (!folder) return null;
+      const { canceled, filePath } = await electron.dialog.showSaveDialog({
+        title: `Export ${folder.name}`,
+        defaultPath: `vessel-bookmarks-${getSafeBookmarkExportName(folder.name)}.html`,
+        filters: [{ name: "HTML Bookmarks", extensions: ["html"] }]
+      });
+      if (canceled || !filePath) return null;
+      const result = exportBookmarkFolderHtml(folderId, {
+        includeNotes: options?.includeNotes ?? true
+      });
+      if (!result) return null;
+      await fs.promises.writeFile(filePath, result.content, "utf-8");
+      trackBookmarkAction("export");
+      return {
+        filePath,
+        count: result.count
+      };
+    }
+  );
   electron.ipcMain.handle(Channels.BOOKMARKS_IMPORT_HTML, async () => {
     const { canceled, filePaths } = await electron.dialog.showOpenDialog({
       title: "Import Bookmarks",

package/out/preload/index.js

@@ -67,6 +67,7 @@ const Channels = {
   FOLDER_CREATE: "bookmarks:folder-create",
   FOLDER_REMOVE: "bookmarks:folder-remove",
   FOLDER_RENAME: "bookmarks:folder-rename",
+  FOLDER_EXPORT_HTML: "bookmarks:folder-export-html",
   // Highlights
   HIGHLIGHT_CAPTURE: "highlights:capture",
   HIGHLIGHT_CAPTURE_RESULT: "highlights:capture-result",
@@ -359,6 +360,7 @@ const api = {
     removeBookmark: (id) => electron.ipcRenderer.invoke(Channels.BOOKMARK_REMOVE, id),
     exportHtml: (options) => electron.ipcRenderer.invoke(Channels.BOOKMARKS_EXPORT_HTML, options),
     exportJson: () => electron.ipcRenderer.invoke(Channels.BOOKMARKS_EXPORT_JSON),
+    exportFolderHtml: (folderId, options) => electron.ipcRenderer.invoke(Channels.FOLDER_EXPORT_HTML, folderId, options),
     importHtml: () => electron.ipcRenderer.invoke(Channels.BOOKMARKS_IMPORT_HTML),
     importJson: () => electron.ipcRenderer.invoke(Channels.BOOKMARKS_IMPORT_JSON),
     createFolder: (name) => electron.ipcRenderer.invoke(Channels.FOLDER_CREATE, name),

package/out/renderer/assets/{index-Dhg4KPX1.js → index-DM2iGE8-.js}

@@ -2752,6 +2752,7 @@ function useBookmarks() {
     removeBookmark: (id) => window.vessel.bookmarks.removeBookmark(id),
     exportHtml: (options) => window.vessel.bookmarks.exportHtml(options),
     exportJson: () => window.vessel.bookmarks.exportJson(),
+    exportFolderHtml: (folderId, options) => window.vessel.bookmarks.exportFolderHtml(folderId, options),
     createFolder: (name) => window.vessel.bookmarks.createFolder(name),
     createFolderWithSummary: (name, summary) => window.vessel.bookmarks.createFolderWithSummary(name, summary),
     removeFolder: (id, deleteContents) => window.vessel.bookmarks.removeFolder(id, deleteContents),
@@ -2881,15 +2882,16 @@ function cleanDiffSummaryText(value) {
   return value.replace(
     /```[\s\S]*?```/g,
     (match) => match.replace(/```[a-z]*\n?/gi, "").replace(/```/g, "")
-  ).replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/`([^`]+)`/g, "$1").replace(/(\*\*|__)(.*?)\1/g, "$2").replace(/(\*|_)(.*?)\1/g, "$2").replace(/^#{1,6}\s+/gm, "").replace(/^\s*[-*+]\s+/gm, "").replace(/^\s*>\s?/gm, "").replace(/\s+/g, " ").trim();
+  ).replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/`([^`]+)`/g, "$1").replace(/(\*\*|__)(.*?)\1/g, "$2").replace(/(\*|_)(.*?)\1/g, "$2").replace(/^\s*>\s?/gm, "").replace(/^#{1,6}\s+/gm, "").replace(/^\s*[-*+]\s+/gm, "").replace(/\s+/g, " ").trim();
 }
 function formatDiffSectionLabel(section) {
-  const normalized = section.trim().toLowerCase();
-  return SECTION_LABELS[normalized] ?? section.trim();
+  const trimmed = section.trim();
+  const normalized = trimmed.toLowerCase();
+  return SECTION_LABELS[normalized] ?? trimmed;
 }
 function parseDiffSummaryParts(summary) {
-  return summary.split(/\s+\|\s+/).map((part) => {
-    const match = part.match(/^([a-z]+):\s*(.+)$/i);
+  const parts = summary.split(/\s*\|\s*/).map((part) => {
+    const match = part.match(/^([a-z][a-z\s-]*):\s*(.+)$/i);
     if (!match) {
       return { text: cleanDiffSummaryText(part) };
     }
@@ -2898,6 +2900,48 @@ function parseDiffSummaryParts(summary) {
       text: cleanDiffSummaryText(match[2])
     };
   }).filter((part) => part.text.length > 0);
+  return parts.length > 0 ? parts : [{ text: "Change detected." }];
+}
+function resolveNow(options) {
+  if (options?.now instanceof Date) return options.now.getTime();
+  return Date.now();
+}
+function formatRelativeTime(isoDate, options) {
+  const timestamp = new Date(isoDate).getTime();
+  if (Number.isNaN(timestamp)) return "recently";
+  const now2 = resolveNow(options);
+  if (Number.isNaN(now2)) return "recently";
+  const diff = Math.max(0, now2 - timestamp);
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins}m ago`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 7) return `${days}d ago`;
+  return new Date(timestamp).toLocaleDateString();
+}
+function formatShortDateTime(isoDate) {
+  const date = new Date(isoDate);
+  if (Number.isNaN(date.getTime())) return "Unknown time";
+  return date.toLocaleString([], {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function formatElapsedTime(startIso, endIso) {
+  const start = new Date(startIso).getTime();
+  const end = new Date(endIso).getTime();
+  if (Number.isNaN(start) || Number.isNaN(end)) return "unknown duration";
+  const elapsedMs = Math.max(0, end - start);
+  const secs = Math.round(elapsedMs / 1e3);
+  if (secs < 60) return `${secs}s`;
+  const mins = Math.round(secs / 60);
+  if (mins < 60) return `${mins}m`;
+  const hours = Math.round(mins / 60);
+  return `${hours}h`;
 }
 const SEARCH_ENGINE_PRESETS = {
   duckduckgo: { label: "DuckDuckGo", url: "https://duckduckgo.com/?q=" },
@@ -2942,8 +2986,14 @@ const AddressBar = (props) => {
   const [selectedIndex, setSelectedIndex] = createSignal(-1);
   const [searchEngine, setSearchEngine] = createSignal("duckduckgo");
   const [showSecurityPopup, setShowSecurityPopup] = createSignal(false);
+  const [hasEditedAddress, setHasEditedAddress] = createSignal(false);
   const now2 = useNow();
   let inputRef;
+  let addressBlurTimer = null;
+  let skipNextAddressBlurSync = false;
+  onCleanup(() => {
+    if (addressBlurTimer) clearTimeout(addressBlurTimer);
+  });
   const securityState = createMemo(() => {
     const tabId = activeTabId2();
     return tabId ? getSecurityState(tabId) : void 0;
@@ -2994,26 +3044,6 @@ const AddressBar = (props) => {
     }
     await window.vessel.ui.openSidebarTab("diff");
   };
-  const formatRelativeTime2 = (isoDate) => {
-    const diff = Date.now() - new Date(isoDate).getTime();
-    const mins = Math.floor(diff / 6e4);
-    if (mins < 1) return "just now";
-    if (mins < 60) return `${mins}m ago`;
-    const hours = Math.floor(mins / 60);
-    if (hours < 24) return `${hours}h ago`;
-    const days = Math.floor(hours / 24);
-    if (days < 7) return `${days}d ago`;
-    return new Date(isoDate).toLocaleDateString();
-  };
-  const formatElapsed = (startIso, endIso) => {
-    const elapsedMs = Math.max(0, new Date(endIso).getTime() - new Date(startIso).getTime());
-    const secs = Math.round(elapsedMs / 1e3);
-    if (secs < 60) return `${secs}s`;
-    const mins = Math.round(secs / 60);
-    if (mins < 60) return `${mins}m`;
-    const hours = Math.round(mins / 60);
-    return `${hours}h`;
-  };
   const getChangeKindLabel = (kind) => kind === "added" ? "Added" : kind === "removed" ? "Removed" : "Changed";
   createEffect(() => {
     if (isPrivateWindow) return;
@@ -3031,10 +3061,16 @@ const AddressBar = (props) => {
       }
     });
   });
+  const syncInputValueFromActiveTab = () => {
+    const tab = activeTab();
+    if (!tab) return;
+    setInputValue(tab.url === "about:blank" ? "" : tab.url);
+  };
   createEffect(() => {
     const tab = activeTab();
-    if (tab && !inputRef?.matches(":focus")) {
-      setInputValue(tab.url === "about:blank" ? "" : tab.url);
+    const inputHasFocus = inputRef && document.activeElement === inputRef;
+    if (tab && !hasEditedAddress() && !inputHasFocus) {
+      syncInputValueFromActiveTab();
       setShowSuggestions(false);
       setSelectedIndex(-1);
     }
@@ -3117,12 +3153,46 @@ const AddressBar = (props) => {
       cancelled = true;
     });
   });
-  const selectSuggestion = (url) => {
-    setInputValue(url);
+  const clearAddressBlurTimer = () => {
+    if (!addressBlurTimer) return;
+    clearTimeout(addressBlurTimer);
+    addressBlurTimer = null;
+  };
+  const closeAddressSuggestions = () => {
     setShowSuggestions(false);
     setSelectedIndex(-1);
+  };
+  const commitAddressNavigation = (url) => {
+    clearAddressBlurTimer();
+    setHasEditedAddress(false);
+    skipNextAddressBlurSync = true;
     navigate(url);
     inputRef?.blur();
+    closeAddressSuggestions();
+  };
+  const cancelAddressEditing = () => {
+    clearAddressBlurTimer();
+    setHasEditedAddress(false);
+    syncInputValueFromActiveTab();
+    inputRef?.blur();
+    closeAddressSuggestions();
+  };
+  const scheduleAddressBlurReset = () => {
+    clearAddressBlurTimer();
+    addressBlurTimer = setTimeout(() => {
+      setHasEditedAddress(false);
+      if (skipNextAddressBlurSync) {
+        skipNextAddressBlurSync = false;
+      } else {
+        syncInputValueFromActiveTab();
+      }
+      closeAddressSuggestions();
+      addressBlurTimer = null;
+    }, 150);
+  };
+  const selectSuggestion = (url) => {
+    setInputValue(url);
+    commitAddressNavigation(url);
   };
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -3132,11 +3202,7 @@ const AddressBar = (props) => {
       selectSuggestion(items[idx].url);
     } else {
       const val = inputValue().trim();
-      if (val) {
-        navigate(val);
-        inputRef?.blur();
-        setShowSuggestions(false);
-      }
+      if (val) commitAddressNavigation(val);
     }
   };
   const handleInputKeyDown = (e) => {
@@ -3156,10 +3222,11 @@ const AddressBar = (props) => {
       }
     } else if (e.key === "Escape") {
       if (showSuggestions()) {
-        setShowSuggestions(false);
-        setSelectedIndex(-1);
+        syncInputValueFromActiveTab();
+        setHasEditedAddress(false);
+        closeAddressSuggestions();
       } else {
-        inputRef?.blur();
+        cancelAddressEditing();
       }
     }
   };
@@ -3242,18 +3309,17 @@ const AddressBar = (props) => {
     }), _el$11);
     _el$12.addEventListener("submit", handleSubmit);
     _el$13.addEventListener("blur", () => {
-      setTimeout(() => {
-        setShowSuggestions(false);
-        setSelectedIndex(-1);
-      }, 150);
+      scheduleAddressBlurReset();
     });
     _el$13.$$keydown = handleInputKeyDown;
     _el$13.addEventListener("focus", (e) => {
+      clearAddressBlurTimer();
       e.currentTarget.select();
       const query = inputValue().trim();
       if (query.length >= 2) setShowSuggestions(true);
     });
     _el$13.$$input = (e) => {
+      setHasEditedAddress(true);
       setInputValue(e.currentTarget.value);
       setShowSuggestions(true);
       setSelectedIndex(-1);
@@ -3336,7 +3402,7 @@ const AddressBar = (props) => {
         var _el$19 = _tmpl$0$5(), _el$20 = _el$19.firstChild, _el$21 = _el$20.firstChild, _el$22 = _el$21.firstChild, _el$23 = _el$22.nextSibling;
         _el$23.firstChild;
         var _el$30 = _el$21.nextSibling, _el$31 = _el$30.firstChild, _el$32 = _el$31.nextSibling;
-        insert(_el$23, () => formatRelativeTime2(pageDiff().oldSnapshot.capturedAt), null);
+        insert(_el$23, () => formatRelativeTime(pageDiff().oldSnapshot.capturedAt), null);
         insert(_el$21, createComponent(Show, {
           get when() {
             return memo(() => !!((pageDiff().burstCount || 0) > 1 && pageDiff().firstDetectedAt))() && pageDiff().lastDetectedAt;
@@ -3345,7 +3411,7 @@ const AddressBar = (props) => {
             var _el$25 = _tmpl$8$8(), _el$26 = _el$25.firstChild, _el$29 = _el$26.nextSibling;
             _el$29.nextSibling;
             insert(_el$25, () => pageDiff().burstCount, _el$29);
-            insert(_el$25, () => formatElapsed(pageDiff().firstDetectedAt, pageDiff().lastDetectedAt), null);
+            insert(_el$25, () => formatElapsedTime(pageDiff().firstDetectedAt, pageDiff().lastDetectedAt), null);
             return _el$25;
           }
         }), null);
@@ -3366,7 +3432,7 @@ const AddressBar = (props) => {
                 var _el$55 = _tmpl$20$2(), _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling;
                 insert(_el$56, (() => {
                   var _c$2 = memo(() => i() === 0);
-                  return () => _c$2() ? "Latest" : formatRelativeTime2(burst.detectedAt);
+                  return () => _c$2() ? "Latest" : formatRelativeTime(burst.detectedAt);
                 })());
                 insert(_el$57, createComponent(For, {
                   get each() {
@@ -7313,23 +7379,6 @@ const AutomationTab = (props) => {
 };
 delegateEvents(["click", "input", "keydown", "contextmenu"]);
 var _tmpl$$b = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$b = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$a = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=page-diff-timeline-header><div class=agent-section-title>Change history for this page</div><div class=agent-muted>Newest detections are first. Each entry is a saved change burst.`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=page-diff-history-list>`), _tmpl$6$7 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$7 = /* @__PURE__ */ template(`<div class=page-diff-history-item><div class=page-diff-history-time><span class=page-diff-history-label></span><span></span></div><div class=page-diff-history-card><div class=page-diff-history-summary-list></div><div class=page-diff-history-position>Entry <!> of `), _tmpl$8$6 = /* @__PURE__ */ template(`<span class=page-diff-history-summary-section>`), _tmpl$9$4 = /* @__PURE__ */ template(`<div class=page-diff-history-summary-row><span class=page-diff-history-summary>`);
-const formatChangeTime = (isoDate) => new Date(isoDate).toLocaleString([], {
-  month: "short",
-  day: "numeric",
-  hour: "numeric",
-  minute: "2-digit"
-});
-const formatRelativeTime = (isoDate) => {
-  const diff = Date.now() - new Date(isoDate).getTime();
-  const mins = Math.floor(diff / 6e4);
-  if (mins < 1) return "just now";
-  if (mins < 60) return `${mins}m ago`;
-  const hours = Math.floor(mins / 60);
-  if (hours < 24) return `${hours}h ago`;
-  const days = Math.floor(hours / 24);
-  if (days < 7) return `${days}d ago`;
-  return new Date(isoDate).toLocaleDateString();
-};
 const PageDiffTimeline = () => {
   const {
     activeTab
@@ -7426,7 +7475,7 @@ const PageDiffTimeline = () => {
                 var _c$ = memo(() => i() === 0);
                 return () => _c$() ? "Latest change" : formatRelativeTime(burst.detectedAt);
               })());
-              insert(_el$0, () => formatChangeTime(burst.detectedAt));
+              insert(_el$0, () => formatShortDateTime(burst.detectedAt));
               insert(_el$10, createComponent(For, {
                 get each() {
                   return parseDiffSummaryParts(burst.summary);
@@ -7460,7 +7509,7 @@ const PageDiffTimeline = () => {
   })();
 };
 const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
-var _tmpl$$a = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$9 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$4$9 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$5$6 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$6$6 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$7$6 = /* @__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$8$5 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$0$3 = /* @__PURE__ */ template(`<div class=bookmark-save-body><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Import HTML</button><button class=bookmark-secondary-button type=button>Import JSON`), _tmpl$1$3 = /* @__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></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$10$3 = /* @__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-export-card><div><div class=bookmark-panel-title>Export</div><div class=bookmark-panel-subtitle>Save browser-ready HTML or a full Vessel archive</div></div><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Browser HTML</button><button class=bookmark-secondary-button type=button>HTML + notes</button><button class=bookmark-secondary-button type=button>Vessel JSON</button></div></div><div class=bookmark-import-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Import Bookmarks</span><span class=bookmark-save-toggle-subtitle>Import from HTML or Vessel JSON</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><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$3 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$12$3 = /* @__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"><textarea class=agent-textarea rows=2 placeholder="Optional note for this checkpoint"></textarea><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$13$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$14$2 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><div class=history-panel-actions><button class=history-clear-btn>Clear</button><button class=history-clear-btn>Export HTML</button><button class=history-clear-btn>Export JSON</button><button class=history-clear-btn>Import</button></div></div><div class=history-list>`), _tmpl$15$2 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div class=agent-panel-title>What Changed</div><div class=agent-panel-subtitle>`), _tmpl$16$1 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">Give the built-in agent a bigger toolbox and longer runway: screenshots, saved sessions, workflow tracking, table extraction, and up to 1,000 tool calls per turn.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$17$1 = /* @__PURE__ */ template(`<span>`), _tmpl$18$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$19$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$20 = /* @__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$21 = /* @__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$22 = /* @__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$23 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$24 = /* @__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$25 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$26 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$27 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$28 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$29 = /* @__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><button class=sidebar-tab role=tab>Automate</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button></div><div class=sidebar-messages><div>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$31 = /* @__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$32 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$33 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$34 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$35 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$36 = /* @__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$37 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$38 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$39 = /* @__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$40 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$41 = /* @__PURE__ */ template(`<div class=bookmark-folder-delete-confirm><p class=bookmark-delete-prompt>Delete "<!>"?</p><div class=bookmark-delete-options><button class="bookmark-ghost-button danger"type=button></button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$42 = /* @__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$43 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$44 = /* @__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$45 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$46 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$47 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$48 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$49 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$50 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$51 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$52 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><input class=bookmark-input placeholder="Bookmark title"><textarea class=bookmark-note-input rows=2 placeholder="Why this bookmark matters"></textarea><textarea class=bookmark-note-input rows=1 placeholder=Intent></textarea><textarea class=bookmark-note-input rows=1 placeholder="Expected content"></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input rows=2 placeholder="Agent hints (one key:value per line)"></textarea><div class=bookmark-item-footer><button class=bookmark-secondary-button type=button>Save edits</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$53 = /* @__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 type=button></button><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$54 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$55 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$56 = /* @__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><textarea class=agent-textarea rows=2 placeholder="Add a note..."></textarea><button class=agent-control-button type=button>Restore`), _tmpl$57 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$58 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">The Diff timeline is a premium feature. Upgrade to see a full history of what changed on this page.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$59 = /* @__PURE__ */ template(`<div>`), _tmpl$60 = /* @__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$61 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$62 = /* @__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`), _tmpl$63 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$9 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$4$9 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$5$6 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$6$6 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$7$6 = /* @__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$8$5 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$0$3 = /* @__PURE__ */ template(`<div class=bookmark-save-body><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Import HTML</button><button class=bookmark-secondary-button type=button>Import JSON`), _tmpl$1$3 = /* @__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></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$10$3 = /* @__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-export-card><div><div class=bookmark-panel-title>Export</div><div class=bookmark-panel-subtitle>Save browser-ready HTML or a full Vessel archive</div></div><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Browser HTML</button><button class=bookmark-secondary-button type=button>HTML + notes</button><button class=bookmark-secondary-button type=button>Vessel JSON</button></div></div><div class=bookmark-import-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Import Bookmarks</span><span class=bookmark-save-toggle-subtitle>Import from HTML or Vessel JSON</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><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$3 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$12$3 = /* @__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"><textarea class=agent-textarea rows=2 placeholder="Optional note for this checkpoint"></textarea><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$13$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$14$2 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><div class=history-panel-actions><button class=history-clear-btn>Clear</button><button class=history-clear-btn>Export HTML</button><button class=history-clear-btn>Export JSON</button><button class=history-clear-btn>Import</button></div></div><div class=history-list>`), _tmpl$15$2 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div class=agent-panel-title>What Changed</div><div class=agent-panel-subtitle>`), _tmpl$16$1 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">Give the built-in agent a bigger toolbox and longer runway: screenshots, saved sessions, workflow tracking, table extraction, and up to 1,000 tool calls per turn.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$17$1 = /* @__PURE__ */ template(`<span>`), _tmpl$18$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$19$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$20 = /* @__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$21 = /* @__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$22 = /* @__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$23 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$24 = /* @__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$25 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$26 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$27 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$28 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$29 = /* @__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><button class=sidebar-tab role=tab>Automate</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button></div><div class=sidebar-messages><div>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$31 = /* @__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$32 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$33 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$34 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$35 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$36 = /* @__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$37 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$38 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$39 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class=bookmark-ghost-button type=button>Export</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$40 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$41 = /* @__PURE__ */ template(`<div class=bookmark-folder-delete-confirm><p class=bookmark-delete-prompt>Delete "<!>"?</p><div class=bookmark-delete-options><button class="bookmark-ghost-button danger"type=button></button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$42 = /* @__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$43 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$44 = /* @__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$45 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$46 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$47 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$48 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$49 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$50 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$51 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$52 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><input class=bookmark-input placeholder="Bookmark title"><textarea class=bookmark-note-input rows=2 placeholder="Why this bookmark matters"></textarea><textarea class=bookmark-note-input rows=1 placeholder=Intent></textarea><textarea class=bookmark-note-input rows=1 placeholder="Expected content"></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input rows=2 placeholder="Agent hints (one key:value per line)"></textarea><div class=bookmark-item-footer><button class=bookmark-secondary-button type=button>Save edits</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$53 = /* @__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 type=button></button><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$54 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$55 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$56 = /* @__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><textarea class=agent-textarea rows=2 placeholder="Add a note..."></textarea><button class=agent-control-button type=button>Restore`), _tmpl$57 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$58 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">The Diff timeline is a premium feature. Upgrade to see a full history of what changed on this page.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$59 = /* @__PURE__ */ template(`<div>`), _tmpl$60 = /* @__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$61 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$62 = /* @__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`), _tmpl$63 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
 const UNSORTED_FOLDER = {
   id: "unsorted",
   name: "Unsorted",
@@ -7545,6 +7594,7 @@ const Sidebar = (props) => {
     removeBookmark,
     exportHtml,
     exportJson,
+    exportFolderHtml,
     createFolderWithSummary,
     removeFolder,
     renameFolder
@@ -8005,6 +8055,24 @@ ${contextBlock}` : contextBlock);
       setEditingFolderSummary("");
     }
   };
+  const handleExportFolder = async (folderId, folderName) => {
+    setBookmarkExporting(true);
+    setBookmarkExportMessage("");
+    try {
+      const result = await exportFolderHtml(folderId, {
+        includeNotes: true
+      });
+      if (!result) {
+        setBookmarkExportMessage("Export canceled.");
+        return;
+      }
+      setBookmarkExportMessage(`Exported ${folderName} (${result.count} bookmarks) to ${result.filePath}`);
+    } catch (error) {
+      setBookmarkExportMessage(error instanceof Error ? error.message : `Could not export ${folderName}.`);
+    } finally {
+      setBookmarkExporting(false);
+    }
+  };
   const handleExportBookmarks = async (format) => {
     setBookmarkExporting(true);
     setBookmarkExportMessage("");
@@ -8360,7 +8428,7 @@ ${contextBlock}` : contextBlock);
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$169 = _tmpl$39(), _el$170 = _el$169.firstChild, _el$171 = _el$170.nextSibling;
+                      var _el$169 = _tmpl$39(), _el$170 = _el$169.firstChild, _el$171 = _el$170.nextSibling, _el$172 = _el$171.nextSibling;
                       _el$170.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
@@ -8368,9 +8436,14 @@ ${contextBlock}` : contextBlock);
                         setEditingFolderSummary(folder.summary || "");
                       };
                       _el$171.$$click = (e) => {
+                        e.stopPropagation();
+                        void handleExportFolder(folder.id, folder.name);
+                      };
+                      _el$172.$$click = (e) => {
                         e.stopPropagation();
                         setDeletingFolderId(folder.id);
                       };
+                      createRenderEffect(() => _el$171.disabled = bookmarkExporting());
                       return _el$169;
                     }
                   }), null);
@@ -8379,28 +8452,28 @@ ${contextBlock}` : contextBlock);
                       return deletingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$172 = _tmpl$41(), _el$173 = _el$172.firstChild, _el$174 = _el$173.firstChild, _el$176 = _el$174.nextSibling;
-                      _el$176.nextSibling;
-                      var _el$177 = _el$173.nextSibling, _el$179 = _el$177.firstChild, _el$180 = _el$179.nextSibling;
-                      insert(_el$173, () => folder.name, _el$176);
-                      insert(_el$173, (() => {
+                      var _el$173 = _tmpl$41(), _el$174 = _el$173.firstChild, _el$175 = _el$174.firstChild, _el$177 = _el$175.nextSibling;
+                      _el$177.nextSibling;
+                      var _el$178 = _el$174.nextSibling, _el$180 = _el$178.firstChild, _el$181 = _el$180.nextSibling;
+                      insert(_el$174, () => folder.name, _el$177);
+                      insert(_el$174, (() => {
                         var _c$6 = memo(() => folder.items.length > 0);
                         return () => _c$6() ? ` This folder has ${folder.items.length} bookmark${folder.items.length === 1 ? "" : "s"}.` : "";
                       })(), null);
-                      insert(_el$177, createComponent(Show, {
+                      insert(_el$178, createComponent(Show, {
                         get when() {
                           return folder.items.length > 0;
                         },
                         get children() {
-                          var _el$178 = _tmpl$40();
-                          _el$178.$$click = () => void handleRemoveFolder(folder.id, false);
-                          return _el$178;
+                          var _el$179 = _tmpl$40();
+                          _el$179.$$click = () => void handleRemoveFolder(folder.id, false);
+                          return _el$179;
                         }
-                      }), _el$179);
-                      _el$179.$$click = () => void handleRemoveFolder(folder.id, true);
-                      insert(_el$179, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
-                      _el$180.$$click = () => setDeletingFolderId(null);
-                      return _el$172;
+                      }), _el$180);
+                      _el$180.$$click = () => void handleRemoveFolder(folder.id, true);
+                      insert(_el$180, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
+                      _el$181.$$click = () => setDeletingFolderId(null);
+                      return _el$173;
                     }
                   }), null);
                   insert(_el$160, createComponent(Show, {
@@ -8408,19 +8481,19 @@ ${contextBlock}` : contextBlock);
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$181 = _tmpl$42(), _el$182 = _el$181.firstChild, _el$183 = _el$182.firstChild, _el$184 = _el$183.nextSibling, _el$185 = _el$182.nextSibling, _el$186 = _el$185.nextSibling;
-                      _el$183.$$input = (e) => setEditingFolderName(e.currentTarget.value);
-                      _el$184.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
-                      _el$185.$$click = () => void handleRenameFolder(folder.id);
-                      _el$186.$$click = () => {
+                      var _el$182 = _tmpl$42(), _el$183 = _el$182.firstChild, _el$184 = _el$183.firstChild, _el$185 = _el$184.nextSibling, _el$186 = _el$183.nextSibling, _el$187 = _el$186.nextSibling;
+                      _el$184.$$input = (e) => setEditingFolderName(e.currentTarget.value);
+                      _el$185.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
+                      _el$186.$$click = () => void handleRenameFolder(folder.id);
+                      _el$187.$$click = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$185.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$183.value = editingFolderName());
-                      createRenderEffect(() => _el$184.value = editingFolderSummary());
-                      return _el$181;
+                      createRenderEffect(() => _el$186.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$184.value = editingFolderName());
+                      createRenderEffect(() => _el$185.value = editingFolderSummary());
+                      return _el$182;
                     }
                   }), null);
                   insert(_el$160, createComponent(Show, {
@@ -8439,116 +8512,116 @@ ${contextBlock}` : contextBlock);
                           return _tmpl$46();
                         },
                         get children() {
-                          var _el$187 = _tmpl$43();
-                          insert(_el$187, createComponent(For, {
+                          var _el$188 = _tmpl$43();
+                          insert(_el$188, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              var _el$190 = _tmpl$53(), _el$191 = _el$190.firstChild, _el$192 = _el$191.firstChild, _el$193 = _el$192.nextSibling, _el$218 = _el$191.nextSibling, _el$219 = _el$218.firstChild, _el$220 = _el$219.nextSibling, _el$221 = _el$220.nextSibling;
-                              _el$191.$$click = () => void createTab(bookmark.url);
-                              insert(_el$192, () => bookmark.title || bookmark.url);
-                              insert(_el$193, () => bookmark.url);
-                              insert(_el$190, createComponent(Show, {
+                              var _el$191 = _tmpl$53(), _el$192 = _el$191.firstChild, _el$193 = _el$192.firstChild, _el$194 = _el$193.nextSibling, _el$219 = _el$192.nextSibling, _el$220 = _el$219.firstChild, _el$221 = _el$220.nextSibling, _el$222 = _el$221.nextSibling;
+                              _el$192.$$click = () => void createTab(bookmark.url);
+                              insert(_el$193, () => bookmark.title || bookmark.url);
+                              insert(_el$194, () => bookmark.url);
+                              insert(_el$191, createComponent(Show, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$194 = _tmpl$47();
-                                  insert(_el$194, () => bookmark.note);
-                                  return _el$194;
+                                  var _el$195 = _tmpl$47();
+                                  insert(_el$195, () => bookmark.note);
+                                  return _el$195;
                                 }
-                              }), _el$218);
-                              insert(_el$190, createComponent(Show, {
+                              }), _el$219);
+                              insert(_el$191, createComponent(Show, {
                                 get when() {
                                   return bookmark.intent || bookmark.expectedContent || (bookmark.keyFields?.length || 0) > 0 || (bookmark.agentHints && Object.keys(bookmark.agentHints).length || 0) > 0;
                                 },
                                 get children() {
-                                  var _el$195 = _tmpl$47();
-                                  insert(_el$195, createComponent(Show, {
+                                  var _el$196 = _tmpl$47();
+                                  insert(_el$196, createComponent(Show, {
                                     get when() {
                                       return bookmark.intent;
                                     },
                                     get children() {
-                                      var _el$196 = _tmpl$48(), _el$197 = _el$196.firstChild;
-                                      _el$197.nextSibling;
-                                      insert(_el$196, () => bookmark.intent, null);
-                                      return _el$196;
+                                      var _el$197 = _tmpl$48(), _el$198 = _el$197.firstChild;
+                                      _el$198.nextSibling;
+                                      insert(_el$197, () => bookmark.intent, null);
+                                      return _el$197;
                                     }
                                   }), null);
-                                  insert(_el$195, createComponent(Show, {
+                                  insert(_el$196, createComponent(Show, {
                                     get when() {
                                       return bookmark.expectedContent;
                                     },
                                     get children() {
-                                      var _el$199 = _tmpl$49(), _el$200 = _el$199.firstChild;
-                                      _el$200.nextSibling;
-                                      insert(_el$199, () => bookmark.expectedContent, null);
-                                      return _el$199;
+                                      var _el$200 = _tmpl$49(), _el$201 = _el$200.firstChild;
+                                      _el$201.nextSibling;
+                                      insert(_el$200, () => bookmark.expectedContent, null);
+                                      return _el$200;
                                     }
                                   }), null);
-                                  insert(_el$195, createComponent(Show, {
+                                  insert(_el$196, createComponent(Show, {
                                     get when() {
                                       return (bookmark.keyFields?.length || 0) > 0;
                                     },
                                     get children() {
-                                      var _el$202 = _tmpl$50(), _el$203 = _el$202.firstChild;
-                                      _el$203.nextSibling;
-                                      insert(_el$202, () => bookmark.keyFields?.join(", "), null);
-                                      return _el$202;
+                                      var _el$203 = _tmpl$50(), _el$204 = _el$203.firstChild;
+                                      _el$204.nextSibling;
+                                      insert(_el$203, () => bookmark.keyFields?.join(", "), null);
+                                      return _el$203;
                                     }
                                   }), null);
-                                  insert(_el$195, createComponent(Show, {
+                                  insert(_el$196, createComponent(Show, {
                                     get when() {
                                       return memo(() => !!bookmark.agentHints)() && Object.keys(bookmark.agentHints).length > 0;
                                     },
                                     get children() {
-                                      var _el$205 = _tmpl$51(), _el$206 = _el$205.firstChild;
-                                      _el$206.nextSibling;
-                                      insert(_el$205, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
-                                      return _el$205;
+                                      var _el$206 = _tmpl$51(), _el$207 = _el$206.firstChild;
+                                      _el$207.nextSibling;
+                                      insert(_el$206, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
+                                      return _el$206;
                                     }
                                   }), null);
-                                  return _el$195;
+                                  return _el$196;
                                 }
-                              }), _el$218);
-                              insert(_el$190, createComponent(Show, {
+                              }), _el$219);
+                              insert(_el$191, createComponent(Show, {
                                 get when() {
                                   return editingBookmarkId() === bookmark.id;
                                 },
                                 get children() {
-                                  var _el$208 = _tmpl$52(), _el$209 = _el$208.firstChild, _el$210 = _el$209.nextSibling, _el$211 = _el$210.nextSibling, _el$212 = _el$211.nextSibling, _el$213 = _el$212.nextSibling, _el$214 = _el$213.nextSibling, _el$215 = _el$214.nextSibling, _el$216 = _el$215.firstChild, _el$217 = _el$216.nextSibling;
-                                  _el$209.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
-                                  _el$210.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
-                                  _el$211.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
-                                  _el$212.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
-                                  _el$213.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
-                                  _el$214.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
-                                  _el$216.$$click = () => void handleUpdateBookmark(bookmark.id);
-                                  _el$217.$$click = resetBookmarkEditor;
-                                  createRenderEffect(() => _el$209.value = editingBookmarkTitle());
-                                  createRenderEffect(() => _el$210.value = editingBookmarkNote());
-                                  createRenderEffect(() => _el$211.value = editingBookmarkIntent());
-                                  createRenderEffect(() => _el$212.value = editingBookmarkExpectedContent());
-                                  createRenderEffect(() => _el$213.value = editingBookmarkKeyFields());
-                                  createRenderEffect(() => _el$214.value = editingBookmarkAgentHints());
-                                  return _el$208;
+                                  var _el$209 = _tmpl$52(), _el$210 = _el$209.firstChild, _el$211 = _el$210.nextSibling, _el$212 = _el$211.nextSibling, _el$213 = _el$212.nextSibling, _el$214 = _el$213.nextSibling, _el$215 = _el$214.nextSibling, _el$216 = _el$215.nextSibling, _el$217 = _el$216.firstChild, _el$218 = _el$217.nextSibling;
+                                  _el$210.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
+                                  _el$211.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
+                                  _el$212.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
+                                  _el$213.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
+                                  _el$214.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
+                                  _el$215.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
+                                  _el$217.$$click = () => void handleUpdateBookmark(bookmark.id);
+                                  _el$218.$$click = resetBookmarkEditor;
+                                  createRenderEffect(() => _el$210.value = editingBookmarkTitle());
+                                  createRenderEffect(() => _el$211.value = editingBookmarkNote());
+                                  createRenderEffect(() => _el$212.value = editingBookmarkIntent());
+                                  createRenderEffect(() => _el$213.value = editingBookmarkExpectedContent());
+                                  createRenderEffect(() => _el$214.value = editingBookmarkKeyFields());
+                                  createRenderEffect(() => _el$215.value = editingBookmarkAgentHints());
+                                  return _el$209;
                                 }
-                              }), _el$218);
-                              insert(_el$219, () => formatBookmarkDate(bookmark.savedAt));
-                              _el$220.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
-                              insert(_el$220, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
-                              _el$221.$$click = () => {
+                              }), _el$219);
+                              insert(_el$220, () => formatBookmarkDate(bookmark.savedAt));
+                              _el$221.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
+                              insert(_el$221, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
+                              _el$222.$$click = () => {
                                 if (editingBookmarkId() === bookmark.id) {
                                   resetBookmarkEditor();
                                 }
                                 void removeBookmark(bookmark.id);
                               };
-                              createRenderEffect(() => setAttribute(_el$190, "data-bookmark-id", bookmark.id));
-                              return _el$190;
+                              createRenderEffect(() => setAttribute(_el$191, "data-bookmark-id", bookmark.id));
+                              return _el$191;
                             })()
                           }));
-                          return _el$187;
+                          return _el$188;
                         }
                       });
                     }
@@ -8615,8 +8688,8 @@ ${contextBlock}` : contextBlock);
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  var _el$223 = _tmpl$56(), _el$224 = _el$223.firstChild, _el$225 = _el$224.firstChild, _el$227 = _el$224.nextSibling, _el$228 = _el$227.firstChild, _el$229 = _el$228.nextSibling, _el$230 = _el$229.nextSibling, _el$231 = _el$230.nextSibling;
-                  insert(_el$224, createComponent(Show, {
+                  var _el$224 = _tmpl$56(), _el$225 = _el$224.firstChild, _el$226 = _el$225.firstChild, _el$228 = _el$225.nextSibling, _el$229 = _el$228.firstChild, _el$230 = _el$229.nextSibling, _el$231 = _el$230.nextSibling, _el$232 = _el$231.nextSibling;
+                  insert(_el$225, createComponent(Show, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
@@ -8624,13 +8697,13 @@ ${contextBlock}` : contextBlock);
                       return _tmpl$55();
                     }
                   }), null);
-                  insert(_el$228, () => checkpoint.name);
-                  insert(_el$229, () => new Date(checkpoint.createdAt).toLocaleString());
-                  _el$230.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
-                  _el$231.$$click = () => void restoreCheckpoint(checkpoint.id);
-                  createRenderEffect(() => _el$225.classList.toggle("latest", !!(i() === 0)));
-                  createRenderEffect(() => _el$230.value = checkpoint.note || "");
-                  return _el$223;
+                  insert(_el$229, () => checkpoint.name);
+                  insert(_el$230, () => new Date(checkpoint.createdAt).toLocaleString());
+                  _el$231.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
+                  _el$232.$$click = () => void restoreCheckpoint(checkpoint.id);
+                  createRenderEffect(() => _el$226.classList.toggle("latest", !!(i() === 0)));
+                  createRenderEffect(() => _el$231.value = checkpoint.note || "");
+                  return _el$224;
                 })()
               }));
               return _el$95;
@@ -8677,12 +8750,12 @@ ${contextBlock}` : contextBlock);
               return history.historyState().entries;
             },
             children: (entry) => (() => {
-              var _el$232 = _tmpl$57(), _el$233 = _el$232.firstChild, _el$234 = _el$233.nextSibling, _el$235 = _el$234.nextSibling;
-              _el$232.$$click = () => createTab(entry.url);
-              insert(_el$233, () => entry.title || entry.url);
-              insert(_el$234, () => entry.url);
-              insert(_el$235, () => new Date(entry.visitedAt).toLocaleString());
-              return _el$232;
+              var _el$233 = _tmpl$57(), _el$234 = _el$233.firstChild, _el$235 = _el$234.nextSibling, _el$236 = _el$235.nextSibling;
+              _el$233.$$click = () => createTab(entry.url);
+              insert(_el$234, () => entry.title || entry.url);
+              insert(_el$235, () => entry.url);
+              insert(_el$236, () => new Date(entry.visitedAt).toLocaleString());
+              return _el$233;
             })()
           }), null);
           insert(_el$104, createComponent(Show, {
@@ -8709,11 +8782,11 @@ ${contextBlock}` : contextBlock);
             },
             get fallback() {
               return (() => {
-                var _el$236 = _tmpl$58(), _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling, _el$239 = _el$238.nextSibling, _el$240 = _el$239.firstChild, _el$241 = _el$240.nextSibling;
-                _el$240.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
+                var _el$237 = _tmpl$58(), _el$238 = _el$237.firstChild, _el$239 = _el$238.nextSibling, _el$240 = _el$239.nextSibling, _el$241 = _el$240.firstChild, _el$242 = _el$241.nextSibling;
+                _el$241.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
                 });
-                _el$241.$$click = openPremiumDetails;
-                return _el$236;
+                _el$242.$$click = openPremiumDetails;
+                return _el$237;
               })();
             },
             get children() {
@@ -8743,13 +8816,13 @@ ${contextBlock}` : contextBlock);
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$242 = _tmpl$59();
-              insert(_el$242, createComponent(MarkdownMessage, {
+              var _el$243 = _tmpl$59();
+              insert(_el$243, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }), null);
-              insert(_el$242, createComponent(Show, {
+              insert(_el$243, createComponent(Show, {
                 get when() {
                   return memo(() => msg.role === "assistant")() ? getPremiumPromptKind(msg.content) : null;
                 },
@@ -8762,8 +8835,8 @@ ${contextBlock}` : contextBlock);
                   onOpenSettings: openPremiumDetails
                 })
               }), null);
-              createRenderEffect(() => className(_el$242, `message message-${msg.role}`));
-              return _el$242;
+              createRenderEffect(() => className(_el$243, `message message-${msg.role}`));
+              return _el$243;
             })()
           }), createComponent(Show, {
             get when() {
@@ -8824,22 +8897,22 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$244 = _tmpl$62(), _el$245 = _el$244.firstChild, _el$246 = _el$245.nextSibling, _el$247 = _el$246.firstChild, _el$248 = _el$247.firstChild, _el$249 = _el$248.nextSibling, _el$251 = _el$247.nextSibling, _el$252 = _el$251.nextSibling, _el$253 = _el$252.firstChild, _el$254 = _el$253.nextSibling;
-                  insert(_el$249, () => approval.name);
-                  insert(_el$246, createComponent(Show, {
+                  var _el$245 = _tmpl$62(), _el$246 = _el$245.firstChild, _el$247 = _el$246.nextSibling, _el$248 = _el$247.firstChild, _el$249 = _el$248.firstChild, _el$250 = _el$249.nextSibling, _el$252 = _el$248.nextSibling, _el$253 = _el$252.nextSibling, _el$254 = _el$253.firstChild, _el$255 = _el$254.nextSibling;
+                  insert(_el$250, () => approval.name);
+                  insert(_el$247, createComponent(Show, {
                     get when() {
                       return approval.argsSummary;
                     },
                     get children() {
-                      var _el$250 = _tmpl$61();
-                      insert(_el$250, () => approval.argsSummary);
-                      return _el$250;
+                      var _el$251 = _tmpl$61();
+                      insert(_el$251, () => approval.argsSummary);
+                      return _el$251;
                     }
-                  }), _el$251);
-                  insert(_el$251, () => approval.reason);
-                  _el$253.$$click = () => void resolveApproval(approval.id, true);
-                  _el$254.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$244;
+                  }), _el$252);
+                  insert(_el$252, () => approval.reason);
+                  _el$254.$$click = () => void resolveApproval(approval.id, true);
+                  _el$255.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$245;
                 })()
               });
             }
@@ -8942,12 +9015,12 @@ ${contextBlock}` : contextBlock);
                       return pendingQueries2();
                     },
                     children: (pendingPrompt, index) => (() => {
-                      var _el$255 = _tmpl$63(), _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling;
-                      setAttribute(_el$256, "title", pendingPrompt);
-                      insert(_el$256, pendingPrompt);
-                      _el$257.$$click = () => removePendingQuery(index());
-                      createRenderEffect(() => setAttribute(_el$257, "aria-label", `Remove queued prompt ${index() + 1}`));
-                      return _el$255;
+                      var _el$256 = _tmpl$63(), _el$257 = _el$256.firstChild, _el$258 = _el$257.nextSibling;
+                      setAttribute(_el$257, "title", pendingPrompt);
+                      insert(_el$257, pendingPrompt);
+                      _el$258.$$click = () => removePendingQuery(index());
+                      createRenderEffect(() => setAttribute(_el$258, "aria-label", `Remove queued prompt ${index() + 1}`));
+                      return _el$256;
                     })()
                   }));
                   return _el$137;

package/out/renderer/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self'; font-src 'self' data:;" />
     <title>Vessel</title>
-    <script type="module" crossorigin src="./assets/index-Dhg4KPX1.js"></script>
+    <script type="module" crossorigin src="./assets/index-DM2iGE8-.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-CHSGQlQr.css">
   </head>
   <body>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quanta-intellect/vessel-browser",
   "mcpName": "io.github.unmodeled-tyler/vessel-browser",
-  "version": "0.1.80",
+  "version": "0.1.83",
   "description": "AI-native web browser runtime for autonomous agents with human supervision",
   "main": "./out/main/index.js",
   "bin": {