@quanta-intellect/vessel-browser 0.1.73 → 0.1.74

package/out/renderer/assets/{index-C2iAShPa.js → index-veJlL6xh.js}

@@ -778,6 +778,39 @@ function Show(props) {
     return props.fallback;
   }, void 0, void 0);
 }
+function Switch(props) {
+  const chs = children(() => props.children);
+  const switchFunc = createMemo(() => {
+    const ch = chs();
+    const mps = Array.isArray(ch) ? ch : [ch];
+    let func = () => void 0;
+    for (let i = 0; i < mps.length; i++) {
+      const index = i;
+      const mp = mps[i];
+      const prevFunc = func;
+      const conditionValue = createMemo(() => prevFunc() ? void 0 : mp.when, void 0, void 0);
+      const condition = mp.keyed ? conditionValue : createMemo(conditionValue, void 0, {
+        equals: (a, b) => !a === !b
+      });
+      func = () => prevFunc() || (condition() ? [index, conditionValue, mp] : void 0);
+    }
+    return func;
+  });
+  return createMemo(() => {
+    const sel = switchFunc()();
+    if (!sel) return props.fallback;
+    const [index, conditionValue, mp] = sel;
+    const child = mp.children;
+    const fn = typeof child === "function" && child.length > 0;
+    return fn ? untrack(() => child(mp.keyed ? conditionValue() : () => {
+      if (untrack(switchFunc)()?.[0] !== index) throw narrowedError("Match");
+      return conditionValue();
+    })) : child;
+  }, void 0, void 0);
+}
+function Match(props) {
+  return props;
+}
 const booleans = [
   "allowfullscreen",
   "async",
@@ -1433,7 +1466,7 @@ function Dynamic(props) {
   const [, others] = splitProps(props, ["component"]);
   return createDynamic(() => props.component, others);
 }
-var _tmpl$$i = /* @__PURE__ */ template(`<div class=title-bar><div class=title-bar-drag></div><div class=mcp-status-area><button class=mcp-status-indicator><span class=mcp-dot></span><span class=mcp-label>MCP</span></button></div><div class=window-controls><button class=window-btn data-tooltip=Minimize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=5 width=8 height=1 fill=currentColor></rect></svg></button><button class=window-btn data-tooltip=Maximize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=1 width=8 height=8 fill=none stroke=currentColor stroke-width=1></rect></svg></button><button class="window-btn window-btn-close"data-tooltip=Close><svg width=10 height=10 viewBox="0 0 10 10"><line x1=1 y1=1 x2=9 y2=9 stroke=currentColor stroke-width=1.2></line><line x1=9 y1=1 x2=1 y2=9 stroke=currentColor stroke-width=1.2>`);
+var _tmpl$$k = /* @__PURE__ */ template(`<div class=title-bar><div class=title-bar-drag></div><div class=mcp-status-area><button class=mcp-status-indicator><span class=mcp-dot></span><span class=mcp-label>MCP</span></button></div><div class=window-controls><button class=window-btn data-tooltip=Minimize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=5 width=8 height=1 fill=currentColor></rect></svg></button><button class=window-btn data-tooltip=Maximize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=1 width=8 height=8 fill=none stroke=currentColor stroke-width=1></rect></svg></button><button class="window-btn window-btn-close"data-tooltip=Close><svg width=10 height=10 viewBox="0 0 10 10"><line x1=1 y1=1 x2=9 y2=9 stroke=currentColor stroke-width=1.2></line><line x1=9 y1=1 x2=1 y2=9 stroke=currentColor stroke-width=1.2>`);
 const TitleBar = () => {
   const isPrivateWindow = new URLSearchParams(window.location.search).get("private") === "1";
   const [mcpStatus, setMcpStatus] = createSignal("starting");
@@ -1458,15 +1491,15 @@ const TitleBar = () => {
   };
   onMount(() => {
     void loadHealth();
-    const unsubscribe = window.vessel.settings.onHealthUpdate(applyHealth);
-    onCleanup(unsubscribe);
+    const unsubscribe2 = window.vessel.settings.onHealthUpdate(applyHealth);
+    onCleanup(unsubscribe2);
   });
   const handleMcpClick = () => {
     if (isPrivateWindow) return;
     window.vessel.ui.setSettingsVisibility(true);
   };
   return (() => {
-    var _el$ = _tmpl$$i(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling;
+    var _el$ = _tmpl$$k(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling;
     _el$4.$$click = handleMcpClick;
     _el$6.$$click = () => window.vessel.window.minimize();
     _el$7.$$click = () => window.vessel.window.maximize();
@@ -1507,7 +1540,7 @@ var LucideContext = createContext({
   absoluteStrokeWidth: false,
   class: ""
 });
-var _tmpl$$h = /* @__PURE__ */ template(`<svg>`);
+var _tmpl$$j = /* @__PURE__ */ template(`<svg>`);
 var hasA11yProp = (props) => {
   for (const prop in props) {
     if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
@@ -1529,7 +1562,7 @@ var Icon = (props) => {
   const [localProps, rest] = splitProps(props, ["color", "size", "strokeWidth", "children", "class", "name", "iconNode", "absoluteStrokeWidth"]);
   const globalProps = useContext(LucideContext);
   return (() => {
-    var _el$ = _tmpl$$h();
+    var _el$ = _tmpl$$j();
     spread(_el$, mergeProps(defaultAttributes_default, {
       get width() {
         return localProps.size ?? globalProps.size ?? defaultAttributes_default.width;
@@ -1564,7 +1597,7 @@ var Icon = (props) => {
   })();
 };
 var Icon_default = Icon;
-var iconNode$d = [["path", {
+var iconNode$g = [["path", {
   d: "M12 7v14",
   key: "1akyts"
 }], ["path", {
@@ -1572,11 +1605,20 @@ var iconNode$d = [["path", {
   key: "ruj8y"
 }]];
 var BookOpen = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$d,
+  iconNode: iconNode$g,
   name: "book-open"
 }));
 var book_open_default = BookOpen;
-var iconNode$c = [["rect", {
+var iconNode$f = [["path", {
+  d: "M20 6 9 17l-5-5",
+  key: "1gmf2c"
+}]];
+var Check = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$f,
+  name: "check"
+}));
+var check_default = Check;
+var iconNode$e = [["rect", {
   width: "8",
   height: "4",
   x: "8",
@@ -1601,11 +1643,11 @@ var iconNode$c = [["rect", {
   key: "18s6g9"
 }]];
 var ClipboardList = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$c,
+  iconNode: iconNode$e,
   name: "clipboard-list"
 }));
 var clipboard_list_default = ClipboardList;
-var iconNode$b = [["circle", {
+var iconNode$d = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1615,11 +1657,11 @@ var iconNode$b = [["circle", {
   key: "mmk7yg"
 }]];
 var Clock = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$b,
+  iconNode: iconNode$d,
   name: "clock"
 }));
 var clock_default = Clock;
-var iconNode$a = [["path", {
+var iconNode$c = [["path", {
   d: "M12 15V3",
   key: "m9g1x1"
 }], ["path", {
@@ -1630,11 +1672,11 @@ var iconNode$a = [["path", {
   key: "brsn70"
 }]];
 var Download = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$a,
+  iconNode: iconNode$c,
   name: "download"
 }));
 var download_default = Download;
-var iconNode$9 = [["circle", {
+var iconNode$b = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1647,11 +1689,11 @@ var iconNode$9 = [["circle", {
   key: "9i4pu4"
 }]];
 var Globe = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$9,
+  iconNode: iconNode$b,
   name: "globe"
 }));
 var globe_default = Globe;
-var iconNode$8 = [["path", {
+var iconNode$a = [["path", {
   d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 .83.18 2 2 0 0 0 .83-.18l8.58-3.9a1 1 0 0 0 0-1.831z",
   key: "zzgyd3"
 }], ["path", {
@@ -1668,11 +1710,11 @@ var iconNode$8 = [["path", {
   key: "jksky3"
 }]];
 var LayersPlus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$8,
+  iconNode: iconNode$a,
   name: "layers-plus"
 }));
 var layers_plus_default = LayersPlus;
-var iconNode$7 = [["rect", {
+var iconNode$9 = [["rect", {
   width: "18",
   height: "18",
   x: "3",
@@ -1684,11 +1726,11 @@ var iconNode$7 = [["rect", {
   key: "1pudct"
 }]];
 var PanelTop = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$7,
+  iconNode: iconNode$9,
   name: "panel-top"
 }));
 var panel_top_default = PanelTop;
-var iconNode$6 = [["path", {
+var iconNode$8 = [["path", {
   d: "M5 12h14",
   key: "1ays0h"
 }], ["path", {
@@ -1696,11 +1738,11 @@ var iconNode$6 = [["path", {
   key: "s699le"
 }]];
 var Plus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$6,
+  iconNode: iconNode$8,
   name: "plus"
 }));
 var plus_default = Plus;
-var iconNode$5 = [["path", {
+var iconNode$7 = [["path", {
   d: "m21 21-4.34-4.34",
   key: "14j7rj"
 }], ["circle", {
@@ -1710,20 +1752,20 @@ var iconNode$5 = [["path", {
   key: "4ej97u"
 }]];
 var Search = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$5,
+  iconNode: iconNode$7,
   name: "search"
 }));
 var search_default = Search;
-var iconNode$4 = [["path", {
+var iconNode$6 = [["path", {
   d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
   key: "r04s7s"
 }]];
 var Star = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$4,
+  iconNode: iconNode$6,
   name: "star"
 }));
 var star_default = Star;
-var iconNode$3 = [["path", {
+var iconNode$5 = [["path", {
   d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
   key: "vktsd0"
 }], ["circle", {
@@ -1734,11 +1776,32 @@ var iconNode$3 = [["path", {
   key: "kqv944"
 }]];
 var Tag = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$3,
+  iconNode: iconNode$5,
   name: "tag"
 }));
 var tag_default = Tag;
-var iconNode$2 = [["path", {
+var iconNode$4 = [["path", {
+  d: "M10 11v6",
+  key: "nco0om"
+}], ["path", {
+  d: "M14 11v6",
+  key: "outv1u"
+}], ["path", {
+  d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+  key: "miytrc"
+}], ["path", {
+  d: "M3 6h18",
+  key: "d0wm0j"
+}], ["path", {
+  d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
+  key: "e791ji"
+}]];
+var Trash2 = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$4,
+  name: "trash-2"
+}));
+var trash_2_default = Trash2;
+var iconNode$3 = [["path", {
   d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
   key: "uqj9uw"
 }], ["path", {
@@ -1749,11 +1812,11 @@ var iconNode$2 = [["path", {
   key: "ijwkga"
 }]];
 var Volume2 = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$2,
+  iconNode: iconNode$3,
   name: "volume-2"
 }));
 var volume_2_default = Volume2;
-var iconNode$1 = [["path", {
+var iconNode$2 = [["path", {
   d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
   key: "uqj9uw"
 }], ["line", {
@@ -1770,10 +1833,22 @@ var iconNode$1 = [["path", {
   key: "5ykzw1"
 }]];
 var VolumeX = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$1,
+  iconNode: iconNode$2,
   name: "volume-x"
 }));
 var volume_x_default = VolumeX;
+var iconNode$1 = [["path", {
+  d: "M18 6 6 18",
+  key: "1bl5f8"
+}], ["path", {
+  d: "m6 6 12 12",
+  key: "d8bk6v"
+}]];
+var X = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$1,
+  name: "x"
+}));
+var x_default = X;
 var iconNode = [["path", {
   d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
   key: "1xq2db"
@@ -1819,6 +1894,44 @@ function createLogger(scope) {
     error: (...args) => writeLog("error", scope, args)
   };
 }
+const [securityStates, setSecurityStates] = createSignal({});
+let unsubscribe = null;
+function initSecurityStore() {
+  if (unsubscribe) return;
+  unsubscribe = window.vessel.security.onStateUpdate((tabId, state) => {
+    setSecurityStates((prev) => ({ ...prev, [tabId]: state }));
+  });
+}
+function pruneSecurityStates(activeTabIds) {
+  setSecurityStates((prev) => {
+    const keys = Object.keys(prev);
+    if (keys.length === 0) return prev;
+    let changed = false;
+    const next = {};
+    for (const key of keys) {
+      if (activeTabIds.has(key)) {
+        next[key] = prev[key];
+      } else {
+        changed = true;
+      }
+    }
+    return changed ? next : prev;
+  });
+}
+function useSecurity() {
+  return {
+    securityStates,
+    getSecurityState(tabId) {
+      return securityStates()[tabId];
+    },
+    proceedAnyway(tabId) {
+      void window.vessel.security.proceedAnyway(tabId);
+    },
+    goBackToSafety(tabId) {
+      void window.vessel.security.goBackToSafety(tabId);
+    }
+  };
+}
 const logger$5 = createLogger("TabsStore");
 const [tabs, setTabs] = createSignal([]);
 const [activeTabId, setActiveTabId] = createSignal("");
@@ -1835,6 +1948,7 @@ async function doInit() {
       (newTabs, newActiveId) => {
         setTabs(newTabs);
         setActiveTabId(newActiveId);
+        pruneSecurityStates(new Set(newTabs.map((t) => t.id)));
       }
     );
     const initialState = await window.vessel.tabs.getState();
@@ -2085,7 +2199,7 @@ function getAgentPresence(state, currentTime = Date.now()) {
   }
   return "idle";
 }
-var _tmpl$$g = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$f = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list></div><div class=tab-actions><button class=tab-new data-tooltip="New window"data-tooltip-pos=left></button><button class=tab-new data-tooltip="Add active tab to group"data-tooltip-pos=left></button><button class=tab-new data-tooltip="New tab"data-tooltip-pos=left></button><button class="tab-new tab-new-private"data-tooltip="Private window"data-tooltip-pos=left><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11z">`), _tmpl$4$c = /* @__PURE__ */ template(`<button><span class=tab-group-dot></span><span class=tab-group-name></span><span class=tab-group-count>`), _tmpl$5$b = /* @__PURE__ */ template(`<button class="tab-audio tab-audio-pinned">`), _tmpl$6$a = /* @__PURE__ */ template(`<div role=tab>`), _tmpl$7$9 = /* @__PURE__ */ template(`<span class=tab-title>`), _tmpl$8$6 = /* @__PURE__ */ template(`<button class=tab-audio>`), _tmpl$9$5 = /* @__PURE__ */ template(`<button class=tab-close>×`), _tmpl$0$5 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$1$5 = /* @__PURE__ */ template(`<span class=tab-loading>`);
+var _tmpl$$i = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$h = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$d = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list></div><div class=tab-actions><button class=tab-new data-tooltip="New window"data-tooltip-pos=left></button><button class=tab-new data-tooltip="Add active tab to group"data-tooltip-pos=left></button><button class=tab-new data-tooltip="New tab"data-tooltip-pos=left></button><button class="tab-new tab-new-private"data-tooltip="Private window"data-tooltip-pos=left><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11z">`), _tmpl$4$d = /* @__PURE__ */ template(`<button><span class=tab-group-dot></span><span class=tab-group-name></span><span class=tab-group-count>`), _tmpl$5$c = /* @__PURE__ */ template(`<button class="tab-audio tab-audio-pinned">`), _tmpl$6$b = /* @__PURE__ */ template(`<div role=tab>`), _tmpl$7$a = /* @__PURE__ */ template(`<span class=tab-title>`), _tmpl$8$7 = /* @__PURE__ */ template(`<button class=tab-audio>`), _tmpl$9$5 = /* @__PURE__ */ template(`<button class=tab-close>×`), _tmpl$0$5 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$1$5 = /* @__PURE__ */ template(`<span class=tab-loading>`);
 const TAB_CLOSE_MS = 200;
 function stringToHue(str) {
   let hash = 0;
@@ -2112,14 +2226,14 @@ const TabFavicon = (props) => {
     },
     get fallback() {
       return (() => {
-        var _el$2 = _tmpl$2$f();
+        var _el$2 = _tmpl$2$h();
         insert(_el$2, letter);
         createRenderEffect((_$p) => setStyleProperty(_el$2, "--favicon-hue", `${hue()}`));
         return _el$2;
       })();
     },
     get children() {
-      var _el$ = _tmpl$$g();
+      var _el$ = _tmpl$$i();
       _el$.addEventListener("error", () => setFailed(true));
       createRenderEffect(() => setAttribute(_el$, "src", props.favicon));
       return _el$;
@@ -2179,7 +2293,7 @@ const TabBar = () => {
     }, TAB_CLOSE_MS);
   };
   return (() => {
-    var _el$3 = _tmpl$3$c(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
+    var _el$3 = _tmpl$3$d(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
     insert(_el$4, createComponent(For, {
       get each() {
         return tabEntries();
@@ -2190,7 +2304,7 @@ const TabBar = () => {
         },
         get fallback() {
           return memo(() => entry.type === "group")() && (() => {
-            var _el$0 = _tmpl$4$c(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling, _el$11 = _el$10.nextSibling;
+            var _el$0 = _tmpl$4$d(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling, _el$11 = _el$10.nextSibling;
             _el$0.$$contextmenu = (e) => {
               e.preventDefault();
               window.vessel.tabs.showGroupContextMenu(entry.groupId);
@@ -2216,7 +2330,7 @@ const TabBar = () => {
           return memo(() => entry.type === "tab")() && (() => {
             const tab = entry.tab;
             return (() => {
-              var _el$12 = _tmpl$6$a();
+              var _el$12 = _tmpl$6$b();
               _el$12.$$contextmenu = (e) => {
                 e.preventDefault();
                 window.vessel.tabs.showContextMenu(tab.id);
@@ -2241,7 +2355,7 @@ const TabBar = () => {
                   return memo(() => !!tab.isPinned)() && (tab.isAudible || tab.isMuted);
                 },
                 get children() {
-                  var _el$13 = _tmpl$5$b();
+                  var _el$13 = _tmpl$5$c();
                   _el$13.$$click = (e) => {
                     e.stopPropagation();
                     void toggleMute(tab.id);
@@ -2268,7 +2382,7 @@ const TabBar = () => {
               insert(_el$12, (() => {
                 var _c$ = memo(() => !!!tab.isPinned);
                 return () => _c$() && [memo(() => memo(() => !!modelActiveTabIds().has(tab.id))() && _tmpl$0$5()), (() => {
-                  var _el$14 = _tmpl$7$9();
+                  var _el$14 = _tmpl$7$a();
                   insert(_el$14, () => tab.title || "New Tab");
                   return _el$14;
                 })(), createComponent(Show, {
@@ -2276,7 +2390,7 @@ const TabBar = () => {
                     return tab.isAudible || tab.isMuted;
                   },
                   get children() {
-                    var _el$15 = _tmpl$8$6();
+                    var _el$15 = _tmpl$8$7();
                     _el$15.$$click = (e) => {
                       e.stopPropagation();
                       void toggleMute(tab.id);
@@ -2345,6 +2459,60 @@ const TabBar = () => {
   })();
 };
 delegateEvents(["click", "contextmenu"]);
+var _tmpl$$h = /* @__PURE__ */ template(`<div class=security-popup><div class=security-popup-content><p class=security-popup-text></p><button class=security-popup-link>Learn More`), _tmpl$2$g = /* @__PURE__ */ template(`<div class=security-popup-actions><button class=security-popup-action-proceed>Proceed Anyway</button><button class=security-popup-action-back>Go Back to Safety`);
+const SecurityPopup = (props) => {
+  const statusText = () => {
+    switch (props.state.status) {
+      case "secure":
+        return "Connection is secure. This site uses HTTPS.";
+      case "insecure":
+        return "Connection is not secure. Information sent to this site could be read by others.";
+      case "error":
+        return `Certificate error: ${props.state.errorMessage || "Unknown error"}. Proceed with caution.`;
+      default:
+        return "No security information available.";
+    }
+  };
+  const handleLearnMore = () => {
+    window.vessel.security.showDetails(props.state);
+    props.onClose();
+  };
+  const handleProceedAnyway = () => {
+    window.vessel.security.proceedAnyway(props.tabId);
+    props.onClose();
+  };
+  const handleGoBackToSafety = () => {
+    window.vessel.security.goBackToSafety(props.tabId);
+    props.onClose();
+  };
+  onMount(() => {
+    const handleClickOutside = (e) => {
+      const target = e.target;
+      if (!target.closest(".security-indicator-wrapper")) {
+        props.onClose();
+      }
+    };
+    document.addEventListener("click", handleClickOutside, true);
+    onCleanup(() => document.removeEventListener("click", handleClickOutside, true));
+  });
+  return (() => {
+    var _el$ = _tmpl$$h(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+    _el$.$$click = (e) => e.stopPropagation();
+    insert(_el$3, statusText);
+    _el$4.$$click = handleLearnMore;
+    insert(_el$2, (() => {
+      var _c$ = memo(() => !!props.state.canProceed);
+      return () => _c$() && (() => {
+        var _el$5 = _tmpl$2$g(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+        _el$6.$$click = handleProceedAnyway;
+        _el$7.$$click = handleGoBackToSafety;
+        return _el$5;
+      })();
+    })(), null);
+    return _el$;
+  })();
+};
+delegateEvents(["click"]);
 const DEFAULT_SIDEBAR_WIDTH = 400;
 const MIN_SIDEBAR = 240;
 const MAX_SIDEBAR = 800;
@@ -2615,8 +2783,8 @@ const SEARCH_ENGINE_PRESETS = {
   ecosia: { label: "Ecosia", url: "https://www.ecosia.org/search?q=" },
   kagi: { label: "Kagi", url: "https://kagi.com/search?q=" }
 };
-var _tmpl$$f = /* @__PURE__ */ template(`<div class=private-badge title="Private Browsing - history and cookies are not saved"><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11zM5.5 7a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zm3.5 3.5c0-1-1.5-2-2.5-2s-2.5 1-2.5 2"></path></svg><span>Private`), _tmpl$2$e = /* @__PURE__ */ template(`<div id=address-autocomplete class=autocomplete-dropdown role=listbox>`), _tmpl$3$b = /* @__PURE__ */ template(`<div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text>`), _tmpl$4$b = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Open the What Changed timeline"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>What Changed?`), _tmpl$5$a = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Changed recently`), _tmpl$7$8 = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>What changed since </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$8$5 = /* @__PURE__ */ template(`<svg><path d="M3 3 L11 3 L11 9 Q7 13 3 9 Z"fill=none stroke=currentColor stroke-width=1.2 stroke-linejoin=round></svg>`, false, true, false), _tmpl$9$4 = /* @__PURE__ */ template(`<svg><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.4 stroke-linecap=round></svg>`, false, true, false), _tmpl$0$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1>`), _tmpl$1$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round>`), _tmpl$10$4 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$11$4 = /* @__PURE__ */ template(`<button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2>`), _tmpl$12$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`), _tmpl$13$3 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"autocomplete=off aria-autocomplete=list aria-controls=address-autocomplete></form></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14">`), _tmpl$14$3 = /* @__PURE__ */ template(`<div role=option><span class=autocomplete-icon></span><span class=autocomplete-text><span class=autocomplete-title></span><span class=autocomplete-url>`), _tmpl$15$3 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$16$3 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$17$3 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$18$3 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$21$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><span class=page-diff-section></span><span class=page-diff-summary>`), _tmpl$22$3 = /* @__PURE__ */ template(`<li>`);
-const AddressBar = () => {
+var _tmpl$$g = /* @__PURE__ */ template(`<div class=private-badge title="Private Browsing - history and cookies are not saved"><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11zM5.5 7a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zm3.5 3.5c0-1-1.5-2-2.5-2s-2.5 1-2.5 2"></path></svg><span>Private`), _tmpl$2$f = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z">`), _tmpl$3$c = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.5>`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=security-indicator-wrapper><button>`), _tmpl$5$b = /* @__PURE__ */ template(`<div id=address-autocomplete class=autocomplete-dropdown role=listbox>`), _tmpl$6$a = /* @__PURE__ */ template(`<div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text>`), _tmpl$7$9 = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Open the What Changed timeline"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>What Changed?`), _tmpl$8$6 = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$9$4 = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Changed recently`), _tmpl$0$4 = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>What changed since </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$1$4 = /* @__PURE__ */ template(`<svg><path d="M3 3 L11 3 L11 9 Q7 13 3 9 Z"fill=none stroke=currentColor stroke-width=1.2 stroke-linejoin=round></svg>`, false, true, false), _tmpl$10$4 = /* @__PURE__ */ template(`<svg><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.4 stroke-linecap=round></svg>`, false, true, false), _tmpl$11$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1>`), _tmpl$12$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round>`), _tmpl$13$3 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$14$3 = /* @__PURE__ */ template(`<button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2>`), _tmpl$15$3 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Clear Data">`), _tmpl$16$3 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`), _tmpl$17$3 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"autocomplete=off aria-autocomplete=list aria-controls=address-autocomplete></form></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14">`), _tmpl$18$3 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><circle cx=7 cy=8 r=0.8 fill=white>`), _tmpl$19$3 = /* @__PURE__ */ template(`<div role=option><span class=autocomplete-icon></span><span class=autocomplete-text><span class=autocomplete-title></span><span class=autocomplete-url>`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$21$3 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$22$3 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$23$3 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$24$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$25$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$26$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><span class=page-diff-section></span><span class=page-diff-summary>`), _tmpl$27$3 = /* @__PURE__ */ template(`<li>`);
+const AddressBar = (props) => {
   const {
     activeTab,
     activeTabId: activeTabId2,
@@ -2642,12 +2810,20 @@ const AddressBar = () => {
   const {
     bookmarksState: bookmarksState2
   } = useBookmarks();
+  const {
+    getSecurityState
+  } = useSecurity();
   const [inputValue, setInputValue] = createSignal("");
   const [showSuggestions, setShowSuggestions] = createSignal(false);
   const [selectedIndex, setSelectedIndex] = createSignal(-1);
   const [searchEngine, setSearchEngine] = createSignal("duckduckgo");
+  const [showSecurityPopup, setShowSecurityPopup] = createSignal(false);
   const now2 = useNow();
   let inputRef;
+  const securityState = createMemo(() => {
+    const tabId = activeTabId2();
+    return tabId ? getSecurityState(tabId) : void 0;
+  });
   const agentPresence = createMemo(() => getAgentPresence(runtimeState2(), now2()));
   const agentStatusMessage = createMemo(() => getLatestAgentStatusMessage(runtimeState2(), now2()));
   const pendingApprovalCount = createMemo(() => runtimeState2().supervisor.pendingApprovals.length);
@@ -2667,12 +2843,12 @@ const AddressBar = () => {
       }
     }).catch(() => {
     });
-    const unsubscribe = window.vessel.settings.onUpdate((settings) => {
+    const unsubscribe2 = window.vessel.settings.onUpdate((settings) => {
       setSearchEngine(settings.defaultSearchEngine ?? "duckduckgo");
     });
     onCleanup(() => {
       disposed = true;
-      unsubscribe();
+      unsubscribe2();
     });
   });
   const showIncomingDiff = (diff) => {
@@ -2716,14 +2892,14 @@ const AddressBar = () => {
   };
   createEffect(() => {
     if (isPrivateWindow) return;
-    const unsubscribe = window.vessel.pageDiff.onChanged((diff) => {
+    const unsubscribe2 = window.vessel.pageDiff.onChanged((diff) => {
       const tab = activeTab();
       if (!tab) return;
       if (!matchesPageSnapshotUrl(tab.url, diff.url)) return;
       showIncomingDiff(diff);
     });
     onCleanup(() => {
-      unsubscribe();
+      unsubscribe2();
       if (diffCollapseTimer) {
         clearTimeout(diffCollapseTimer);
         diffCollapseTimer = null;
@@ -2864,102 +3040,167 @@ const AddressBar = () => {
   };
   const formatSectionLabel = (section) => section === "title" ? "Title" : section === "headings" ? "Headings" : "Content";
   return (() => {
-    var _el$ = _tmpl$13$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$7 = _el$2.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$28 = _el$7.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$29.firstChild;
+    var _el$ = _tmpl$17$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$11 = _el$2.nextSibling, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$34 = _el$11.nextSibling, _el$35 = _el$34.firstChild, _el$36 = _el$35.firstChild;
     addEventListener(_el$3, "click", goBack, true);
     addEventListener(_el$4, "click", goForward, true);
     addEventListener(_el$5, "click", reload, true);
     insert(_el$, createComponent(Show, {
       when: isPrivateWindow,
       get children() {
-        return _tmpl$$f();
+        return _tmpl$$g();
+      }
+    }), _el$11);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return memo(() => !!securityState()?.status)() && securityState()?.status !== "none";
+      },
+      get children() {
+        var _el$7 = _tmpl$4$c(), _el$8 = _el$7.firstChild;
+        _el$8.$$click = () => setShowSecurityPopup((prev) => !prev);
+        insert(_el$8, createComponent(Switch, {
+          get fallback() {
+            return (() => {
+              var _el$47 = _tmpl$18$3();
+              _el$47.firstChild;
+              return _el$47;
+            })();
+          },
+          get children() {
+            return [createComponent(Match, {
+              get when() {
+                return securityState()?.status === "secure";
+              },
+              get children() {
+                var _el$9 = _tmpl$2$f();
+                _el$9.firstChild;
+                return _el$9;
+              }
+            }), createComponent(Match, {
+              get when() {
+                return securityState()?.status === "insecure";
+              },
+              get children() {
+                var _el$1 = _tmpl$3$c();
+                _el$1.firstChild;
+                return _el$1;
+              }
+            })];
+          }
+        }));
+        insert(_el$7, createComponent(Show, {
+          get when() {
+            return showSecurityPopup();
+          },
+          get children() {
+            return createComponent(SecurityPopup, {
+              get state() {
+                return securityState();
+              },
+              get tabId() {
+                return activeTabId2();
+              },
+              onClose: () => setShowSecurityPopup(false)
+            });
+          }
+        }), null);
+        createRenderEffect((_p$) => {
+          var _v$ = `security-indicator ${securityState()?.status}`, _v$2 = securityState()?.status === "secure" ? "Secure connection" : securityState()?.status === "insecure" ? "Connection not secure" : "Certificate error";
+          _v$ !== _p$.e && className(_el$8, _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$8, "title", _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0
+        });
+        return _el$7;
       }
-    }), _el$7);
-    _el$8.addEventListener("submit", handleSubmit);
-    _el$9.addEventListener("blur", () => {
+    }), _el$11);
+    _el$12.addEventListener("submit", handleSubmit);
+    _el$13.addEventListener("blur", () => {
       setTimeout(() => {
         setShowSuggestions(false);
         setSelectedIndex(-1);
       }, 150);
     });
-    _el$9.$$keydown = handleInputKeyDown;
-    _el$9.addEventListener("focus", (e) => {
+    _el$13.$$keydown = handleInputKeyDown;
+    _el$13.addEventListener("focus", (e) => {
       e.currentTarget.select();
       const query = inputValue().trim();
       if (query.length >= 2) setShowSuggestions(true);
     });
-    _el$9.$$input = (e) => {
+    _el$13.$$input = (e) => {
       setInputValue(e.currentTarget.value);
       setShowSuggestions(true);
       setSelectedIndex(-1);
     };
     var _ref$ = inputRef;
-    typeof _ref$ === "function" ? use(_ref$, _el$9) : inputRef = _el$9;
-    setAttribute(_el$9, "spellcheck", false);
-    insert(_el$7, createComponent(Show, {
+    typeof _ref$ === "function" ? use(_ref$, _el$13) : inputRef = _el$13;
+    setAttribute(_el$13, "spellcheck", false);
+    insert(_el$11, createComponent(Show, {
       get when() {
         return memo(() => !!showSuggestions())() && suggestions().length > 0;
       },
       get children() {
-        var _el$0 = _tmpl$2$e();
-        insert(_el$0, createComponent(For, {
+        var _el$14 = _tmpl$5$b();
+        insert(_el$14, createComponent(For, {
           get each() {
             return suggestions();
           },
           children: (item, i) => (() => {
-            var _el$40 = _tmpl$14$3(), _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling, _el$43 = _el$42.firstChild, _el$44 = _el$43.nextSibling;
-            _el$40.addEventListener("mouseenter", () => setSelectedIndex(i()));
-            _el$40.$$mousedown = (e) => {
+            var _el$49 = _tmpl$19$3(), _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling;
+            _el$49.addEventListener("mouseenter", () => setSelectedIndex(i()));
+            _el$49.$$mousedown = (e) => {
               e.preventDefault();
               selectSuggestion(item.url);
             };
-            insert(_el$41, (() => {
+            insert(_el$50, (() => {
               var _c$ = memo(() => item.source === "bookmark");
               return () => _c$() ? "★" : item.source === "search" ? "⌕" : "◌";
             })());
-            insert(_el$43, () => item.title || item.url);
-            insert(_el$44, () => item.subtitle || item.url);
+            insert(_el$52, () => item.title || item.url);
+            insert(_el$53, () => item.subtitle || item.url);
             createRenderEffect((_p$) => {
-              var _v$10 = `address-autocomplete-${i()}`, _v$11 = `autocomplete-item ${selectedIndex() === i() ? "selected" : ""}`, _v$12 = selectedIndex() === i();
-              _v$10 !== _p$.e && setAttribute(_el$40, "id", _p$.e = _v$10);
-              _v$11 !== _p$.t && className(_el$40, _p$.t = _v$11);
-              _v$12 !== _p$.a && setAttribute(_el$40, "aria-selected", _p$.a = _v$12);
+              var _v$12 = `address-autocomplete-${i()}`, _v$13 = `autocomplete-item ${selectedIndex() === i() ? "selected" : ""}`, _v$14 = selectedIndex() === i();
+              _v$12 !== _p$.e && setAttribute(_el$49, "id", _p$.e = _v$12);
+              _v$13 !== _p$.t && className(_el$49, _p$.t = _v$13);
+              _v$14 !== _p$.a && setAttribute(_el$49, "aria-selected", _p$.a = _v$14);
               return _p$;
             }, {
               e: void 0,
               t: void 0,
               a: void 0
             });
-            return _el$40;
+            return _el$49;
           })()
         }));
-        return _el$0;
+        return _el$14;
       }
     }), null);
-    insert(_el$7, createComponent(Show, {
+    insert(_el$11, createComponent(Show, {
       when: !isPrivateWindow,
       get children() {
-        var _el$1 = _tmpl$3$b(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
-        insert(_el$11, () => agentStatusMessage() || (agentPresence() === "active" ? "Agent Active" : agentPresence() === "recent" ? "Agent Connected" : "Agent Offline"));
+        var _el$15 = _tmpl$6$a(), _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
+        insert(_el$17, () => agentStatusMessage() || (agentPresence() === "active" ? "Agent Active" : agentPresence() === "recent" ? "Agent Connected" : "Agent Offline"));
         createRenderEffect((_p$) => {
-          var _v$ = `agent-status-badge ${agentPresence()}`, _v$2 = agentStatusMessage() || (agentPresence() === "active" ? "Agent is actively using the browser" : agentPresence() === "recent" ? "Agent is connected" : "No agent connection detected");
-          _v$ !== _p$.e && className(_el$1, _p$.e = _v$);
-          _v$2 !== _p$.t && setAttribute(_el$1, "title", _p$.t = _v$2);
+          var _v$3 = `agent-status-badge ${agentPresence()}`, _v$4 = agentStatusMessage() || (agentPresence() === "active" ? "Agent is actively using the browser" : agentPresence() === "recent" ? "Agent is connected" : "No agent connection detected");
+          _v$3 !== _p$.e && className(_el$15, _p$.e = _v$3);
+          _v$4 !== _p$.t && setAttribute(_el$15, "title", _p$.t = _v$4);
           return _p$;
         }, {
           e: void 0,
           t: void 0
         });
-        return _el$1;
+        return _el$15;
       }
     }), null);
-    insert(_el$7, createComponent(Show, {
+    insert(_el$11, createComponent(Show, {
       get when() {
         return pageDiff();
       },
       get children() {
-        var _el$12 = _tmpl$4$b();
-        _el$12.$$click = () => void openDiffTimeline();
-        return _el$12;
+        var _el$18 = _tmpl$7$9();
+        _el$18.$$click = () => void openDiffTimeline();
+        return _el$18;
       }
     }), null);
     insert(_el$, createComponent(Show, {
@@ -2967,212 +3208,221 @@ const AddressBar = () => {
         return memo(() => !!pageDiff())() && diffExpanded();
       },
       get children() {
-        var _el$13 = _tmpl$7$8(), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild;
-        _el$16.firstChild;
-        var _el$23 = _el$15.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling;
-        insert(_el$16, () => formatRelativeTime(pageDiff().oldSnapshot.capturedAt), null);
-        insert(_el$15, createComponent(Show, {
+        var _el$19 = _tmpl$0$4(), _el$20 = _el$19.firstChild, _el$21 = _el$20.firstChild, _el$22 = _el$21.firstChild;
+        _el$22.firstChild;
+        var _el$29 = _el$21.nextSibling, _el$30 = _el$29.firstChild, _el$31 = _el$30.nextSibling;
+        insert(_el$22, () => formatRelativeTime(pageDiff().oldSnapshot.capturedAt), null);
+        insert(_el$21, createComponent(Show, {
           get when() {
             return memo(() => !!((pageDiff().burstCount || 0) > 1 && pageDiff().firstDetectedAt))() && pageDiff().lastDetectedAt;
           },
           get children() {
-            var _el$18 = _tmpl$5$a(), _el$19 = _el$18.firstChild, _el$22 = _el$19.nextSibling;
-            _el$22.nextSibling;
-            insert(_el$18, () => pageDiff().burstCount, _el$22);
-            insert(_el$18, () => formatElapsed(pageDiff().firstDetectedAt, pageDiff().lastDetectedAt), null);
-            return _el$18;
+            var _el$24 = _tmpl$8$6(), _el$25 = _el$24.firstChild, _el$28 = _el$25.nextSibling;
+            _el$28.nextSibling;
+            insert(_el$24, () => pageDiff().burstCount, _el$28);
+            insert(_el$24, () => formatElapsed(pageDiff().firstDetectedAt, pageDiff().lastDetectedAt), null);
+            return _el$24;
           }
         }), null);
-        _el$24.$$click = () => void openDiffTimeline();
-        _el$25.$$click = () => setDiffExpanded(false);
-        insert(_el$13, createComponent(Show, {
+        _el$30.$$click = () => void openDiffTimeline();
+        _el$31.$$click = () => setDiffExpanded(false);
+        insert(_el$19, createComponent(Show, {
           get when() {
             return memo(() => !!pageDiff().recentBursts?.length)() && (pageDiff().recentBursts?.length || 0) > 1;
           },
           get children() {
-            var _el$26 = _tmpl$6$9();
-            _el$26.firstChild;
-            insert(_el$26, createComponent(For, {
+            var _el$32 = _tmpl$9$4();
+            _el$32.firstChild;
+            insert(_el$32, createComponent(For, {
               get each() {
                 return pageDiff().recentBursts;
               },
               children: (burst) => (() => {
-                var _el$45 = _tmpl$15$3(), _el$46 = _el$45.firstChild, _el$47 = _el$46.nextSibling;
-                insert(_el$46, () => formatRelativeTime(burst.detectedAt));
-                insert(_el$47, () => burst.summary);
-                return _el$45;
+                var _el$54 = _tmpl$20$3(), _el$55 = _el$54.firstChild, _el$56 = _el$55.nextSibling;
+                insert(_el$55, () => formatRelativeTime(burst.detectedAt));
+                insert(_el$56, () => burst.summary);
+                return _el$54;
               })()
             }), null);
-            return _el$26;
+            return _el$32;
           }
         }), null);
-        insert(_el$13, createComponent(For, {
+        insert(_el$19, createComponent(For, {
           get each() {
             return pageDiff().changes;
           },
           children: (change) => (() => {
-            var _el$48 = _tmpl$21$3(), _el$49 = _el$48.firstChild, _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling;
-            insert(_el$50, () => formatSectionLabel(change.section));
-            insert(_el$51, () => change.summary);
-            insert(_el$48, createComponent(Show, {
+            var _el$57 = _tmpl$26$3(), _el$58 = _el$57.firstChild, _el$59 = _el$58.firstChild, _el$60 = _el$59.nextSibling;
+            insert(_el$59, () => formatSectionLabel(change.section));
+            insert(_el$60, () => change.summary);
+            insert(_el$57, createComponent(Show, {
               get when() {
                 return change.before || change.after;
               },
               get children() {
-                var _el$52 = _tmpl$18$3();
-                insert(_el$52, createComponent(Show, {
+                var _el$61 = _tmpl$23$3();
+                insert(_el$61, createComponent(Show, {
                   get when() {
                     return change.before;
                   },
                   get children() {
-                    var _el$53 = _tmpl$16$3(), _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling;
-                    insert(_el$55, () => change.before);
-                    return _el$53;
+                    var _el$62 = _tmpl$21$3(), _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling;
+                    insert(_el$64, () => change.before);
+                    return _el$62;
                   }
                 }), null);
-                insert(_el$52, createComponent(Show, {
+                insert(_el$61, createComponent(Show, {
                   get when() {
                     return change.after;
                   },
                   get children() {
-                    var _el$56 = _tmpl$17$3(), _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling;
-                    insert(_el$58, () => change.after);
-                    return _el$56;
+                    var _el$65 = _tmpl$22$3(), _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling;
+                    insert(_el$67, () => change.after);
+                    return _el$65;
                   }
                 }), null);
-                return _el$52;
+                return _el$61;
               }
             }), null);
-            insert(_el$48, createComponent(Show, {
+            insert(_el$57, createComponent(Show, {
               get when() {
                 return change.addedItems?.length;
               },
               get children() {
-                var _el$59 = _tmpl$19$3(), _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling;
-                insert(_el$61, createComponent(For, {
+                var _el$68 = _tmpl$24$3(), _el$69 = _el$68.firstChild, _el$70 = _el$69.nextSibling;
+                insert(_el$70, createComponent(For, {
                   get each() {
                     return change.addedItems;
                   },
                   children: (item) => (() => {
-                    var _el$65 = _tmpl$22$3();
-                    insert(_el$65, item);
-                    return _el$65;
+                    var _el$74 = _tmpl$27$3();
+                    insert(_el$74, item);
+                    return _el$74;
                   })()
                 }));
-                return _el$59;
+                return _el$68;
               }
             }), null);
-            insert(_el$48, createComponent(Show, {
+            insert(_el$57, createComponent(Show, {
               get when() {
                 return change.removedItems?.length;
               },
               get children() {
-                var _el$62 = _tmpl$20$3(), _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling;
-                insert(_el$64, createComponent(For, {
+                var _el$71 = _tmpl$25$3(), _el$72 = _el$71.firstChild, _el$73 = _el$72.nextSibling;
+                insert(_el$73, createComponent(For, {
                   get each() {
                     return change.removedItems;
                   },
                   children: (item) => (() => {
-                    var _el$66 = _tmpl$22$3();
-                    insert(_el$66, item);
-                    return _el$66;
+                    var _el$75 = _tmpl$27$3();
+                    insert(_el$75, item);
+                    return _el$75;
                   })()
                 }));
-                return _el$62;
+                return _el$71;
               }
             }), null);
-            createRenderEffect(() => className(_el$48, `page-diff-item page-diff-${change.kind}`));
-            return _el$48;
+            createRenderEffect(() => className(_el$57, `page-diff-item page-diff-${change.kind}`));
+            return _el$57;
           })()
         }), null);
-        return _el$13;
+        return _el$19;
       }
-    }), _el$28);
-    _el$29.$$click = async () => {
+    }), _el$34);
+    _el$35.$$click = async () => {
       const id = activeTabId2();
       if (!id) return;
       await toggleAdBlock(id);
     };
-    insert(_el$30, createComponent(Show, {
+    insert(_el$36, createComponent(Show, {
       get when() {
         return activeTab()?.adBlockingEnabled;
       },
       get children() {
-        return _tmpl$8$5();
+        return _tmpl$1$4();
       }
     }), null);
-    insert(_el$30, createComponent(Show, {
+    insert(_el$36, createComponent(Show, {
       get when() {
         return !activeTab()?.adBlockingEnabled;
       },
       get children() {
-        return [_tmpl$8$5(), _tmpl$9$4()];
+        return [_tmpl$1$4(), _tmpl$10$4()];
       }
     }), null);
-    insert(_el$28, createComponent(Show, {
+    insert(_el$34, createComponent(Show, {
       when: !isPrivateWindow,
       get children() {
-        var _el$34 = _tmpl$0$4();
-        _el$34.$$click = () => window.vessel.content.toggleReader();
-        createRenderEffect(() => _el$34.classList.toggle("active", !!activeTab()?.isReaderMode));
-        return _el$34;
+        var _el$40 = _tmpl$11$4();
+        _el$40.$$click = () => window.vessel.content.toggleReader();
+        createRenderEffect(() => _el$40.classList.toggle("active", !!activeTab()?.isReaderMode));
+        return _el$40;
       }
     }), null);
-    insert(_el$28, createComponent(Show, {
+    insert(_el$34, createComponent(Show, {
       when: !isPrivateWindow,
       get children() {
-        var _el$35 = _tmpl$1$4();
-        addEventListener(_el$35, "click", toggleDevTools, true);
-        createRenderEffect(() => _el$35.classList.toggle("active", !!devtoolsPanelOpen2()));
-        return _el$35;
+        var _el$41 = _tmpl$12$4();
+        addEventListener(_el$41, "click", toggleDevTools, true);
+        createRenderEffect(() => _el$41.classList.toggle("active", !!devtoolsPanelOpen2()));
+        return _el$41;
       }
     }), null);
-    insert(_el$28, createComponent(Show, {
+    insert(_el$34, createComponent(Show, {
       when: !isPrivateWindow,
       get children() {
-        var _el$36 = _tmpl$11$4();
-        _el$36.firstChild;
-        addEventListener(_el$36, "click", toggleSidebar, true);
-        insert(_el$36, createComponent(Show, {
+        var _el$42 = _tmpl$14$3();
+        _el$42.firstChild;
+        addEventListener(_el$42, "click", toggleSidebar, true);
+        insert(_el$42, createComponent(Show, {
           get when() {
             return pendingApprovalCount() > 0;
           },
           get children() {
-            var _el$38 = _tmpl$10$4();
-            insert(_el$38, pendingApprovalCount);
-            createRenderEffect(() => setAttribute(_el$38, "aria-label", `${pendingApprovalCount()} pending`));
-            return _el$38;
+            var _el$44 = _tmpl$13$3();
+            insert(_el$44, pendingApprovalCount);
+            createRenderEffect(() => setAttribute(_el$44, "aria-label", `${pendingApprovalCount()} pending`));
+            return _el$44;
           }
         }), null);
         createRenderEffect((_p$) => {
-          var _v$3 = !!(pendingApprovalCount() > 0), _v$4 = pendingApprovalCount() > 0 ? `AI Sidebar — ${pendingApprovalCount()} pending approval${pendingApprovalCount() > 1 ? "s" : ""}` : "AI Sidebar (Ctrl+Shift+L)";
-          _v$3 !== _p$.e && _el$36.classList.toggle("has-approvals", _p$.e = _v$3);
-          _v$4 !== _p$.t && setAttribute(_el$36, "title", _p$.t = _v$4);
+          var _v$5 = !!(pendingApprovalCount() > 0), _v$6 = pendingApprovalCount() > 0 ? `AI Sidebar — ${pendingApprovalCount()} pending approval${pendingApprovalCount() > 1 ? "s" : ""}` : "AI Sidebar (Ctrl+Shift+L)";
+          _v$5 !== _p$.e && _el$42.classList.toggle("has-approvals", _p$.e = _v$5);
+          _v$6 !== _p$.t && setAttribute(_el$42, "title", _p$.t = _v$6);
           return _p$;
         }, {
           e: void 0,
           t: void 0
         });
-        return _el$36;
+        return _el$42;
       }
     }), null);
-    insert(_el$28, createComponent(Show, {
+    insert(_el$34, createComponent(Show, {
       when: !isPrivateWindow,
       get children() {
-        var _el$39 = _tmpl$12$4();
-        addEventListener(_el$39, "click", openSettings, true);
-        return _el$39;
+        return [(() => {
+          var _el$45 = _tmpl$15$3();
+          addEventListener(_el$45, "click", props.onClearData, true);
+          insert(_el$45, createComponent(trash_2_default, {
+            size: 14
+          }));
+          return _el$45;
+        })(), (() => {
+          var _el$46 = _tmpl$16$3();
+          addEventListener(_el$46, "click", openSettings, true);
+          return _el$46;
+        })()];
       }
     }), null);
     createRenderEffect((_p$) => {
-      var _v$5 = !activeTab()?.canGoBack, _v$6 = !activeTab()?.canGoForward, _v$7 = showSuggestions() && suggestions().length > 0, _v$8 = selectedIndex() >= 0 ? `address-autocomplete-${selectedIndex()}` : void 0, _v$9 = !!activeTab()?.adBlockingEnabled, _v$0 = !activeTab()?.adBlockingEnabled, _v$1 = activeTab()?.adBlockingEnabled ? "Ad Block: On (click to disable)" : "Ad Block: Off (click to enable)";
-      _v$5 !== _p$.e && (_el$3.disabled = _p$.e = _v$5);
-      _v$6 !== _p$.t && (_el$4.disabled = _p$.t = _v$6);
-      _v$7 !== _p$.a && setAttribute(_el$9, "aria-expanded", _p$.a = _v$7);
-      _v$8 !== _p$.o && setAttribute(_el$9, "aria-activedescendant", _p$.o = _v$8);
-      _v$9 !== _p$.i && _el$29.classList.toggle("active", _p$.i = _v$9);
-      _v$0 !== _p$.n && _el$29.classList.toggle("nav-btn-muted", _p$.n = _v$0);
-      _v$1 !== _p$.s && setAttribute(_el$29, "title", _p$.s = _v$1);
+      var _v$7 = !activeTab()?.canGoBack, _v$8 = !activeTab()?.canGoForward, _v$9 = showSuggestions() && suggestions().length > 0, _v$0 = selectedIndex() >= 0 ? `address-autocomplete-${selectedIndex()}` : void 0, _v$1 = !!activeTab()?.adBlockingEnabled, _v$10 = !activeTab()?.adBlockingEnabled, _v$11 = activeTab()?.adBlockingEnabled ? "Ad Block: On (click to disable)" : "Ad Block: Off (click to enable)";
+      _v$7 !== _p$.e && (_el$3.disabled = _p$.e = _v$7);
+      _v$8 !== _p$.t && (_el$4.disabled = _p$.t = _v$8);
+      _v$9 !== _p$.a && setAttribute(_el$13, "aria-expanded", _p$.a = _v$9);
+      _v$0 !== _p$.o && setAttribute(_el$13, "aria-activedescendant", _p$.o = _v$0);
+      _v$1 !== _p$.i && _el$35.classList.toggle("active", _p$.i = _v$1);
+      _v$10 !== _p$.n && _el$35.classList.toggle("nav-btn-muted", _p$.n = _v$10);
+      _v$11 !== _p$.s && setAttribute(_el$35, "title", _p$.s = _v$11);
       return _p$;
     }, {
       e: void 0,
@@ -3183,12 +3433,12 @@ const AddressBar = () => {
       n: void 0,
       s: void 0
     });
-    createRenderEffect(() => _el$9.value = inputValue());
+    createRenderEffect(() => _el$13.value = inputValue());
     return _el$;
   })();
 };
 delegateEvents(["click", "input", "keydown", "mousedown"]);
-var _tmpl$$e = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$d = /* @__PURE__ */ template(`<div class=bookmark-toast role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
+var _tmpl$$f = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$e = /* @__PURE__ */ template(`<div class=bookmark-toast role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS$1 = 4200;
 const TOAST_EXIT_MS$2 = 300;
 function isBookmarkToastCandidate(action) {
@@ -3248,13 +3498,13 @@ const BookmarkNotifications = () => {
     timeoutIds.clear();
   });
   return (() => {
-    var _el$ = _tmpl$$e();
+    var _el$ = _tmpl$$f();
     insert(_el$, createComponent(For, {
       get each() {
         return toasts();
       },
       children: (toast) => (() => {
-        var _el$2 = _tmpl$2$d(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+        var _el$2 = _tmpl$2$e(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
         insert(_el$3, () => toast.title);
         insert(_el$4, () => toast.message);
         createRenderEffect(() => _el$2.classList.toggle("bookmark-toast-leaving", !!toast.leaving));
@@ -3264,7 +3514,7 @@ const BookmarkNotifications = () => {
     return _el$;
   })();
 };
-var _tmpl$$d = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite><div class="bookmark-toast highlight-toast"role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
+var _tmpl$$e = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite><div class="bookmark-toast highlight-toast"role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS = 3e3;
 const TOAST_EXIT_MS$1 = 300;
 const HighlightNotifications = (props) => {
@@ -3303,7 +3553,7 @@ const HighlightNotifications = (props) => {
       return memo(() => !!visible())() && current();
     },
     get children() {
-      var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+      var _el$ = _tmpl$$e(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
       insert(_el$3, () => current().title);
       insert(_el$4, () => current().message);
       createRenderEffect(() => _el$2.classList.toggle("bookmark-toast-leaving", !!leaving()));
@@ -3311,7 +3561,7 @@ const HighlightNotifications = (props) => {
     }
   });
 };
-var _tmpl$$c = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$c = /* @__PURE__ */ template(`<span class=download-toast-done>&#10003;`), _tmpl$3$a = /* @__PURE__ */ template(`<span class=download-toast-failed>!`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=download-toast-bar-track><div class=download-toast-bar-fill>`), _tmpl$5$9 = /* @__PURE__ */ template(`<div class=download-toast-size>`), _tmpl$6$8 = /* @__PURE__ */ template(`<div class="download-toast-size download-toast-size-done"> downloaded`), _tmpl$7$7 = /* @__PURE__ */ template(`<div class=download-toast role=status><div class=download-toast-header><span class=download-toast-filename>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$d = /* @__PURE__ */ template(`<span class=download-toast-done>&#10003;`), _tmpl$3$b = /* @__PURE__ */ template(`<span class=download-toast-failed>!`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=download-toast-bar-track><div class=download-toast-bar-fill>`), _tmpl$5$a = /* @__PURE__ */ template(`<div class=download-toast-size>`), _tmpl$6$9 = /* @__PURE__ */ template(`<div class="download-toast-size download-toast-size-done"> downloaded`), _tmpl$7$8 = /* @__PURE__ */ template(`<div class=download-toast role=status><div class=download-toast-header><span class=download-toast-filename>`);
 const TOAST_DONE_DURATION_MS = 4200;
 const TOAST_EXIT_MS = 300;
 function formatBytes(bytes) {
@@ -3402,20 +3652,20 @@ const DownloadToast = () => {
     return Math.min(100, Math.round(d.receivedBytes / d.totalBytes * 100));
   };
   return (() => {
-    var _el$ = _tmpl$$c();
+    var _el$ = _tmpl$$d();
     insert(_el$, createComponent(For, {
       get each() {
         return downloads();
       },
       children: (dl) => (() => {
-        var _el$2 = _tmpl$7$7(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
+        var _el$2 = _tmpl$7$8(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
         insert(_el$4, () => dl.filename);
         insert(_el$3, createComponent(Show, {
           get when() {
             return dl.state === "completed";
           },
           get children() {
-            return _tmpl$2$c();
+            return _tmpl$2$d();
           }
         }), null);
         insert(_el$3, createComponent(Show, {
@@ -3423,7 +3673,7 @@ const DownloadToast = () => {
             return dl.state === "cancelled" || dl.state === "interrupted";
           },
           get children() {
-            return _tmpl$3$a();
+            return _tmpl$3$b();
           }
         }), null);
         insert(_el$2, createComponent(Show, {
@@ -3432,11 +3682,11 @@ const DownloadToast = () => {
           },
           get children() {
             return [(() => {
-              var _el$7 = _tmpl$4$a(), _el$8 = _el$7.firstChild;
+              var _el$7 = _tmpl$4$b(), _el$8 = _el$7.firstChild;
               createRenderEffect((_$p) => setStyleProperty(_el$8, "width", `${progressPercent(dl)}%`));
               return _el$7;
             })(), (() => {
-              var _el$9 = _tmpl$5$9();
+              var _el$9 = _tmpl$5$a();
               insert(_el$9, () => formatBytes(dl.receivedBytes), null);
               insert(_el$9, createComponent(Show, {
                 get when() {
@@ -3455,7 +3705,7 @@ const DownloadToast = () => {
             return dl.state === "completed";
           },
           get children() {
-            var _el$0 = _tmpl$6$8(), _el$1 = _el$0.firstChild;
+            var _el$0 = _tmpl$6$9(), _el$1 = _el$0.firstChild;
             insert(_el$0, () => formatBytes(dl.receivedBytes), _el$1);
             return _el$0;
           }
@@ -3467,7 +3717,7 @@ const DownloadToast = () => {
     return _el$;
   })();
 };
-var _tmpl$$b = /* @__PURE__ */ template(`<div class=find-bar><input class=find-bar-input type=text placeholder="Find in page..."><button class=find-bar-btn title="Previous (Shift+Enter)">&#9650;</button><button class=find-bar-btn title="Next (Enter)">&#9660;</button><button class="find-bar-btn find-bar-close"title="Close (Escape)">&times;`), _tmpl$2$b = /* @__PURE__ */ template(`<span class=find-bar-count>`);
+var _tmpl$$c = /* @__PURE__ */ template(`<div class=find-bar><input class=find-bar-input type=text placeholder="Find in page..."><button class=find-bar-btn title="Previous (Shift+Enter)">&#9650;</button><button class=find-bar-btn title="Next (Enter)">&#9660;</button><button class="find-bar-btn find-bar-close"title="Close (Escape)">&times;`), _tmpl$2$c = /* @__PURE__ */ template(`<span class=find-bar-count>`);
 const FindBar = () => {
   const [open, setOpen] = createSignal(false);
   const [query, setQuery] = createSignal("");
@@ -3545,7 +3795,7 @@ const FindBar = () => {
       return open();
     },
     get children() {
-      var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
+      var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
       _el$2.$$input = (e) => handleInput(e.currentTarget.value);
       var _ref$ = inputRef;
       typeof _ref$ === "function" ? use(_ref$, _el$2) : inputRef = _el$2;
@@ -3555,7 +3805,7 @@ const FindBar = () => {
           return result();
         },
         children: (r) => (() => {
-          var _el$6 = _tmpl$2$b();
+          var _el$6 = _tmpl$2$c();
           insert(_el$6, (() => {
             var _c$ = memo(() => r().matches > 0);
             return () => _c$() ? `${r().activeMatchOrdinal} / ${r().matches}` : "No results";
@@ -3572,7 +3822,7 @@ const FindBar = () => {
   });
 };
 delegateEvents(["input", "click"]);
-var _tmpl$$a = /* @__PURE__ */ template(`<div class=flow-progress>`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=flow-progress-hint>Last: `), _tmpl$3$9 = /* @__PURE__ */ template(`<div class=flow-progress-hint>Next: `), _tmpl$4$9 = /* @__PURE__ */ template(`<div class=flow-progress-section><div class=flow-progress-header><span class=flow-progress-goal></span><span class=flow-progress-pct>%</span></div><div class=flow-progress-bar-track><div class=flow-progress-bar-fill></div></div><div class=flow-steps>`), _tmpl$5$8 = /* @__PURE__ */ template(`<div><span class=flow-step-dot></span><span class=flow-step-label>`);
+var _tmpl$$b = /* @__PURE__ */ template(`<div class=flow-progress>`), _tmpl$2$b = /* @__PURE__ */ template(`<div class=flow-progress-hint>Last: `), _tmpl$3$a = /* @__PURE__ */ template(`<div class=flow-progress-hint>Next: `), _tmpl$4$a = /* @__PURE__ */ template(`<div class=flow-progress-section><div class=flow-progress-header><span class=flow-progress-goal></span><span class=flow-progress-pct>%</span></div><div class=flow-progress-bar-track><div class=flow-progress-bar-fill></div></div><div class=flow-steps>`), _tmpl$5$9 = /* @__PURE__ */ template(`<div><span class=flow-step-dot></span><span class=flow-step-label>`);
 const FlowProgress = () => {
   const {
     runtimeState: runtimeState2
@@ -3603,13 +3853,13 @@ const FlowProgress = () => {
       return flow() || tracker();
     },
     get children() {
-      var _el$ = _tmpl$$a();
+      var _el$ = _tmpl$$b();
       insert(_el$, createComponent(Show, {
         get when() {
           return tracker();
         },
         children: (t) => (() => {
-          var _el$2 = _tmpl$4$9(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$3.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling;
+          var _el$2 = _tmpl$4$a(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$3.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling;
           insert(_el$4, () => t().goal);
           insert(_el$5, () => progressPercent(t().steps), _el$6);
           insert(_el$9, createComponent(For, {
@@ -3617,7 +3867,7 @@ const FlowProgress = () => {
               return t().steps;
             },
             children: (step) => (() => {
-              var _el$12 = _tmpl$5$8(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
+              var _el$12 = _tmpl$5$9(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
               insert(_el$14, () => step.label);
               createRenderEffect(() => className(_el$12, `flow-step ${stepStatusClass(step.status)}`));
               return _el$12;
@@ -3628,7 +3878,7 @@ const FlowProgress = () => {
               return t().lastAction;
             },
             get children() {
-              var _el$0 = _tmpl$2$a();
+              var _el$0 = _tmpl$2$b();
               _el$0.firstChild;
               insert(_el$0, () => t().lastAction, null);
               return _el$0;
@@ -3639,7 +3889,7 @@ const FlowProgress = () => {
               return memo(() => !!t().nextHint)() && !t().steps.every((s) => s.status === "done");
             },
             get children() {
-              var _el$10 = _tmpl$3$9();
+              var _el$10 = _tmpl$3$a();
               _el$10.firstChild;
               insert(_el$10, () => t().nextHint, null);
               return _el$10;
@@ -3654,7 +3904,7 @@ const FlowProgress = () => {
           return memo(() => !!flow())() && !tracker();
         },
         children: (f) => (() => {
-          var _el$15 = _tmpl$4$9(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$16.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling;
+          var _el$15 = _tmpl$4$a(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$16.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling;
           insert(_el$17, () => f().goal);
           insert(_el$18, () => progressPercent(f().steps), _el$19);
           insert(_el$22, createComponent(For, {
@@ -3662,7 +3912,7 @@ const FlowProgress = () => {
               return f().steps;
             },
             children: (step) => (() => {
-              var _el$23 = _tmpl$5$8(), _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling;
+              var _el$23 = _tmpl$5$9(), _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling;
               insert(_el$25, () => step.label);
               createRenderEffect(() => className(_el$23, `flow-step ${stepStatusClass(step.status)}`));
               return _el$23;
@@ -3703,7 +3953,7 @@ function formatTime(iso, options) {
     ...options?.includeSeconds && { second: "2-digit" }
   });
 }
-var _tmpl$$9 = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$9 = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$3$8 = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$4$8 = /* @__PURE__ */ template(`<aside class=agent-transcript-dock><div class=agent-transcript-header><div class=agent-transcript-title-row><span class=agent-transcript-title>Agent Transcript</span></div><div class=agent-transcript-actions><button class=agent-transcript-icon></button><button class=agent-transcript-icon data-tooltip=Hide>×`), _tmpl$5$7 = /* @__PURE__ */ template(`<span class=agent-summary-live-dot aria-hidden=true>`), _tmpl$6$7 = /* @__PURE__ */ template(`<span class=agent-summary-text>: `), _tmpl$7$6 = /* @__PURE__ */ template(`<article><div class=agent-transcript-meta><span class=agent-transcript-badge></span><span class=agent-transcript-time></span></div><div class=agent-transcript-text>`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$a = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$3$9 = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$4$9 = /* @__PURE__ */ template(`<aside class=agent-transcript-dock><div class=agent-transcript-header><div class=agent-transcript-title-row><span class=agent-transcript-title>Agent Transcript</span></div><div class=agent-transcript-actions><button class=agent-transcript-icon></button><button class=agent-transcript-icon data-tooltip=Hide>×`), _tmpl$5$8 = /* @__PURE__ */ template(`<span class=agent-summary-live-dot aria-hidden=true>`), _tmpl$6$8 = /* @__PURE__ */ template(`<span class=agent-summary-text>: `), _tmpl$7$7 = /* @__PURE__ */ template(`<article><div class=agent-transcript-meta><span class=agent-transcript-badge></span><span class=agent-transcript-time></span></div><div class=agent-transcript-text>`);
 const AgentTranscriptDock = () => {
   const {
     runtimeState: runtimeState2
@@ -3714,10 +3964,10 @@ const AgentTranscriptDock = () => {
     void window.vessel.settings.get().then((settings) => {
       setMode(settings.agentTranscriptMode ?? "summary");
     });
-    const unsubscribe = window.vessel.settings.onUpdate((settings) => {
+    const unsubscribe2 = window.vessel.settings.onUpdate((settings) => {
       setMode(settings.agentTranscriptMode ?? "summary");
     });
-    onCleanup(unsubscribe);
+    onCleanup(unsubscribe2);
   });
   const visibleEntries = createMemo(() => runtimeState2().transcript.slice(-6).reverse());
   const hasStreamingEntry = createMemo(() => visibleEntries().some((entry) => entry.status === "streaming"));
@@ -3740,7 +3990,7 @@ const AgentTranscriptDock = () => {
           return isSummary();
         },
         get children() {
-          var _el$ = _tmpl$$9();
+          var _el$ = _tmpl$$a();
           insert(_el$, createComponent(Show, {
             get when() {
               return latestEntry();
@@ -3750,10 +4000,10 @@ const AgentTranscriptDock = () => {
                 return hasStreamingEntry();
               },
               get children() {
-                return _tmpl$5$7();
+                return _tmpl$5$8();
               }
             }), (() => {
-              var _el$10 = _tmpl$6$7(), _el$11 = _el$10.firstChild;
+              var _el$10 = _tmpl$6$8(), _el$11 = _el$10.firstChild;
               insert(_el$10, () => entry().title || entry().kind, _el$11);
               insert(_el$10, (() => {
                 var _c$ = memo(() => entry().text.length > 80);
@@ -3769,7 +4019,7 @@ const AgentTranscriptDock = () => {
           return !isSummary();
         },
         get children() {
-          var _el$2 = _tmpl$4$8(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
+          var _el$2 = _tmpl$4$9(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
           _el$4.firstChild;
           var _el$7 = _el$4.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling;
           insert(_el$4, createComponent(Show, {
@@ -3777,7 +4027,7 @@ const AgentTranscriptDock = () => {
               return hasStreamingEntry();
             },
             get children() {
-              return _tmpl$2$9();
+              return _tmpl$2$a();
             }
           }), null);
           _el$8.$$click = () => setCollapsed((value) => !value);
@@ -3788,14 +4038,14 @@ const AgentTranscriptDock = () => {
               return !collapsed();
             },
             get children() {
-              var _el$0 = _tmpl$3$8();
+              var _el$0 = _tmpl$3$9();
               use((el) => useScrollFade(el), _el$0);
               insert(_el$0, createComponent(For, {
                 get each() {
                   return visibleEntries();
                 },
                 children: (entry) => (() => {
-                  var _el$12 = _tmpl$7$6(), _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling, _el$16 = _el$13.nextSibling;
+                  var _el$12 = _tmpl$7$7(), _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling, _el$16 = _el$13.nextSibling;
                   insert(_el$14, () => entry.title || entry.kind);
                   insert(_el$15, () => formatTime(entry.updatedAt));
                   insert(_el$16, () => entry.text);
@@ -4160,7 +4410,7 @@ function useAnimatedPresence(isOpen, exitDurationMs) {
   });
   return { visible, closing };
 }
-var _tmpl$$8 = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Configure a chat provider to start using the AI assistant.</p><button class=command-bar-no-provider-btn>Open Settings <kbd>Ctrl+,`), _tmpl$2$8 = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$3$7 = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$4$7 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=command-bar><form><div class=command-bar-icon><svg width=16 height=16 viewBox="0 0 16 16"><circle cx=8 cy=8 r=6 fill=none stroke=var(--accent-primary) stroke-width=1.5></circle><circle cx=6 cy=7 r=0.8 fill=var(--accent-primary)></circle><circle cx=10 cy=7 r=0.8 fill=var(--accent-primary)></circle><path d="M6 10c0.5 0.8 3.5 0.8 4 0"fill=none stroke=var(--accent-primary) stroke-width=0.8 stroke-linecap=round></path></svg></div><input class=command-bar-input type=text></form><div class=command-bar-hints><span><kbd>Enter</kbd> to ask</span><span><kbd>Esc</kbd> to close`), _tmpl$5$6 = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
+var _tmpl$$9 = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Configure a chat provider to start using the AI assistant.</p><button class=command-bar-no-provider-btn>Open Settings <kbd>Ctrl+,`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$3$8 = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$4$8 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=command-bar><form><div class=command-bar-icon><svg width=16 height=16 viewBox="0 0 16 16"><circle cx=8 cy=8 r=6 fill=none stroke=var(--accent-primary) stroke-width=1.5></circle><circle cx=6 cy=7 r=0.8 fill=var(--accent-primary)></circle><circle cx=10 cy=7 r=0.8 fill=var(--accent-primary)></circle><path d="M6 10c0.5 0.8 3.5 0.8 4 0"fill=none stroke=var(--accent-primary) stroke-width=0.8 stroke-linecap=round></path></svg></div><input class=command-bar-input type=text></form><div class=command-bar-hints><span><kbd>Enter</kbd> to ask</span><span><kbd>Esc</kbd> to close`), _tmpl$5$7 = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$6$7 = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
 const COMMAND_BAR_EXIT_MS = 200;
 const CommandBar = () => {
   const {
@@ -4214,7 +4464,7 @@ const CommandBar = () => {
       return visible();
     },
     get children() {
-      var _el$ = _tmpl$4$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$10 = _el$3.nextSibling, _el$11 = _el$10.firstChild;
+      var _el$ = _tmpl$4$8(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$10 = _el$3.nextSibling, _el$11 = _el$10.firstChild;
       _el$11.nextSibling;
       addEventListener(_el$, "click", closeCommandBar, true);
       _el$2.$$click = (e) => e.stopPropagation();
@@ -4228,7 +4478,7 @@ const CommandBar = () => {
           return !hasProvider();
         },
         get children() {
-          var _el$6 = _tmpl$$8(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
+          var _el$6 = _tmpl$$9(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
           _el$8.$$click = () => {
             closeCommandBar();
             openSettings();
@@ -4241,13 +4491,13 @@ const CommandBar = () => {
           return memo(() => !!(hasProvider() && recentQueries2().length > 0))() && !input().trim();
         },
         get children() {
-          var _el$9 = _tmpl$2$8(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
+          var _el$9 = _tmpl$2$9(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
           insert(_el$1, createComponent(For, {
             get each() {
               return recentQueries2();
             },
             children: (q) => (() => {
-              var _el$14 = _tmpl$5$6();
+              var _el$14 = _tmpl$5$7();
               _el$14.$$click = () => void handleRecentClick(q);
               insert(_el$14, q);
               return _el$14;
@@ -4261,10 +4511,10 @@ const CommandBar = () => {
           return hasProvider();
         },
         get fallback() {
-          return _tmpl$6$6();
+          return _tmpl$6$7();
         },
         get children() {
-          return _tmpl$3$7();
+          return _tmpl$3$8();
         }
       }), null);
       createRenderEffect((_p$) => {
@@ -5776,7 +6026,7 @@ function getBookmarkSearchMatch(args) {
   }
   return { matchedFields, score };
 }
-var _tmpl$$7 = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$2$7 = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$3$6 = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$4$6 = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`);
+var _tmpl$$8 = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$2$8 = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$3$7 = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$4$7 = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`);
 const DropdownSelect = (props) => {
   const [open, setOpen] = createSignal(false);
   let rootRef;
@@ -5800,7 +6050,7 @@ const DropdownSelect = (props) => {
     });
   });
   return (() => {
-    var _el$ = _tmpl$2$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+    var _el$ = _tmpl$2$8(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
     var _ref$ = rootRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : rootRef = _el$;
     _el$2.$$click = () => setOpen((current) => !current);
@@ -5810,13 +6060,13 @@ const DropdownSelect = (props) => {
         return open();
       },
       get children() {
-        var _el$5 = _tmpl$$7();
+        var _el$5 = _tmpl$$8();
         insert(_el$5, createComponent(For, {
           get each() {
             return props.options;
           },
           children: (option) => (() => {
-            var _el$6 = _tmpl$4$6(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild;
+            var _el$6 = _tmpl$4$7(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild;
             _el$6.$$click = () => {
               props.onChange(option.value);
               setOpen(false);
@@ -5827,7 +6077,7 @@ const DropdownSelect = (props) => {
                 return option.description;
               },
               get children() {
-                var _el$9 = _tmpl$3$6();
+                var _el$9 = _tmpl$3$7();
                 insert(_el$9, () => option.description);
                 return _el$9;
               }
@@ -6013,7 +6263,7 @@ function renderKitPrompt(kit, values) {
     (_, key) => values[key] ?? ""
   );
 }
-var _tmpl$$6 = /* @__PURE__ */ template(`<div class=kit-upsell><div class=kit-upsell-icon aria-hidden=true></div><p class=kit-upsell-title>Vessel Premium</p><p class=kit-upsell-body>Automation Kits are a premium feature. Upgrade to unlock pre-built workflows you can launch with one click.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$6 = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Automation Kits <span class=kit-beta-tag>Beta</span></span><div class=kit-list-header-actions><span class=kit-list-count> kits</span><button class=kit-install-btn type=button title="Install a kit from a .kit.json file">+ Install`), _tmpl$3$5 = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$5 = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$5 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$5 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to kits"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M9 11L5 7l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Back</button><div class=kit-form-title>`), _tmpl$0$3 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$3 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$3 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$13$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$14$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$16$2 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$2 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$18$2 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$2 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$23$2 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$2 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$25$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>×`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card role=button tabindex=0><span class=kit-card-icon aria-hidden=true></span><div class=kit-card-body><div class=kit-card-name></div><div class=kit-card-desc>`), _tmpl$27$2 = /* @__PURE__ */ template(`<svg class=kit-card-caret width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M5 3l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$28$2 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$29$2 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$30$2 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$31$2 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$2 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$33$2 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$2 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$2 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$2 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$2 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$2 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$39$2 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$40$2 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$41$2 = /* @__PURE__ */ template(`<option>`), _tmpl$42$2 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<div class=kit-upsell><div class=kit-upsell-icon aria-hidden=true></div><p class=kit-upsell-title>Vessel Premium</p><p class=kit-upsell-body>Automation Kits are a premium feature. Upgrade to unlock pre-built workflows you can launch with one click.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$7 = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Automation Kits <span class=kit-beta-tag>Beta</span></span><div class=kit-list-header-actions><span class=kit-list-count> kits</span><button class=kit-install-btn type=button title="Install a kit from a .kit.json file">+ Install`), _tmpl$3$6 = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$6 = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$6 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$6 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$6 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$5 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to kits"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M9 11L5 7l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Back</button><div class=kit-form-title>`), _tmpl$0$3 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$3 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$3 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$13$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$14$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$16$2 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$2 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$18$2 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$2 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$23$2 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$2 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$25$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>×`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card role=button tabindex=0><span class=kit-card-icon aria-hidden=true></span><div class=kit-card-body><div class=kit-card-name></div><div class=kit-card-desc>`), _tmpl$27$2 = /* @__PURE__ */ template(`<svg class=kit-card-caret width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M5 3l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$28$2 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$29$2 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$30$2 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$31$2 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$2 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$33$2 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$2 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$2 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$2 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$2 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$2 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$39$2 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$40$2 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$41$2 = /* @__PURE__ */ template(`<option>`), _tmpl$42$2 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
 const ICON_MAP = {
   BookOpen: book_open_default,
   Tag: tag_default,
@@ -6338,7 +6588,7 @@ const AutomationTab = (props) => {
         return memo(() => !!!premiumData.loading)() && !isPremium();
       },
       get children() {
-        var _el$2 = _tmpl$$6(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
+        var _el$2 = _tmpl$$7(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
         insert(_el$3, createComponent(zap_default, {
           size: 24
         }));
@@ -6352,7 +6602,7 @@ const AutomationTab = (props) => {
       },
       get children() {
         return [(() => {
-          var _el$7 = _tmpl$2$6(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling;
+          var _el$7 = _tmpl$2$7(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling;
           insert(_el$0, () => allKits().length, _el$1);
           _el$10.$$click = () => void handleInstall();
           return _el$7;
@@ -6361,13 +6611,13 @@ const AutomationTab = (props) => {
             return installError() !== null;
           },
           get children() {
-            var _el$11 = _tmpl$3$5(), _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling;
+            var _el$11 = _tmpl$3$6(), _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling;
             insert(_el$12, installError);
             _el$13.$$click = () => setInstallError(null);
             return _el$11;
           }
         }), (() => {
-          var _el$14 = _tmpl$4$5();
+          var _el$14 = _tmpl$4$6();
           insert(_el$14, createComponent(For, {
             get each() {
               return allKits();
@@ -6427,14 +6677,14 @@ const AutomationTab = (props) => {
           },
           get children() {
             return [(() => {
-              var _el$15 = _tmpl$5$5(), _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
+              var _el$15 = _tmpl$5$6(), _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
               insert(_el$15, createComponent(clock_default, {
                 size: 12
               }), _el$16);
               insert(_el$17, () => scheduledJobs().length);
               return _el$15;
             })(), (() => {
-              var _el$18 = _tmpl$6$5();
+              var _el$18 = _tmpl$6$6();
               insert(_el$18, createComponent(For, {
                 get each() {
                   return scheduledJobs();
@@ -6512,14 +6762,14 @@ const AutomationTab = (props) => {
           },
           get children() {
             return [(() => {
-              var _el$19 = _tmpl$7$5(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
+              var _el$19 = _tmpl$7$6(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
               insert(_el$19, createComponent(zap_default, {
                 size: 12
               }), _el$20);
               insert(_el$21, () => automationActivities2().length);
               return _el$19;
             })(), (() => {
-              var _el$22 = _tmpl$8$4();
+              var _el$22 = _tmpl$8$5();
               insert(_el$22, createComponent(For, {
                 get each() {
                   return automationActivities2();
@@ -6852,7 +7102,7 @@ const AutomationTab = (props) => {
   })();
 };
 delegateEvents(["click", "input", "keydown", "contextmenu"]);
-var _tmpl$$5 = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$4 = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$4 = /* @__PURE__ */ template(`<div class=agent-section-title>Recent page changes`), _tmpl$5$4 = /* @__PURE__ */ template(`<div class=page-diff-list>`), _tmpl$6$4 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$4 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$8$3 = /* @__PURE__ */ template(`<div class=page-diff-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=page-diff-content><div class=page-diff-time></div><div class=page-diff-summary>`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$6 = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$5 = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$5 = /* @__PURE__ */ template(`<div class=agent-section-title>Recent page changes`), _tmpl$5$5 = /* @__PURE__ */ template(`<div class=page-diff-list>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$5 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=page-diff-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=page-diff-content><div class=page-diff-time></div><div class=page-diff-summary>`);
 const PageDiffTimeline = () => {
   const {
     activeTab
@@ -6895,22 +7145,22 @@ const PageDiffTimeline = () => {
     void activeTab()?.url;
     void loadHistory();
   });
-  const unsubscribe = window.vessel.pageDiff.onChanged((diff) => {
+  const unsubscribe2 = window.vessel.pageDiff.onChanged((diff) => {
     const tab = activeTab();
     if (!tab || !matchesPageSnapshotUrl(tab.url, diff.url)) return;
     void loadHistory();
   });
   onCleanup(() => {
-    unsubscribe();
+    unsubscribe2();
   });
   return (() => {
-    var _el$ = _tmpl$6$4();
+    var _el$ = _tmpl$6$5();
     insert(_el$, createComponent(Show, {
       get when() {
         return loading();
       },
       get children() {
-        return _tmpl$$5();
+        return _tmpl$$6();
       }
     }), null);
     insert(_el$, createComponent(Show, {
@@ -6918,7 +7168,7 @@ const PageDiffTimeline = () => {
         return memo(() => !!!loading())() && error();
       },
       get children() {
-        var _el$3 = _tmpl$2$5();
+        var _el$3 = _tmpl$2$6();
         insert(_el$3, error);
         return _el$3;
       }
@@ -6928,7 +7178,7 @@ const PageDiffTimeline = () => {
         return memo(() => !!(!loading() && !error()))() && bursts().length === 0;
       },
       get children() {
-        return _tmpl$3$4();
+        return _tmpl$3$5();
       }
     }), null);
     insert(_el$, createComponent(Show, {
@@ -6936,20 +7186,20 @@ const PageDiffTimeline = () => {
         return memo(() => !!(!loading() && !error()))() && bursts().length > 0;
       },
       get children() {
-        return [_tmpl$4$4(), (() => {
-          var _el$6 = _tmpl$5$4();
+        return [_tmpl$4$5(), (() => {
+          var _el$6 = _tmpl$5$5();
           insert(_el$6, createComponent(For, {
             get each() {
               return bursts();
             },
             children: (burst, i) => (() => {
-              var _el$7 = _tmpl$8$3(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$1 = _el$8.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
+              var _el$7 = _tmpl$8$4(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$1 = _el$8.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
               insert(_el$8, createComponent(Show, {
                 get when() {
                   return i() < bursts().length - 1;
                 },
                 get children() {
-                  return _tmpl$7$4();
+                  return _tmpl$7$5();
                 }
               }), null);
               insert(_el$10, () => new Date(burst.detectedAt).toLocaleString());
@@ -6966,7 +7216,7 @@ const PageDiffTimeline = () => {
   })();
 };
 const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
-var _tmpl$$4 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$4 = /* @__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$3 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$4$3 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$5$3 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$6$3 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$7$3 = /* @__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$2 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$9$2 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$0$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></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$1$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-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-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$10$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$11$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><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$12$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$13$1 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><button class=history-clear-btn>Clear</button></div><div class=history-list>`), _tmpl$14$1 = /* @__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$15$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$16$1 = /* @__PURE__ */ template(`<span>`), _tmpl$17$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$18$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$19$1 = /* @__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$20$1 = /* @__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$21$1 = /* @__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$22$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$23$1 = /* @__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$24$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$25$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$28$1 = /* @__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$29$1 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$30$1 = /* @__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$31$1 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$34$1 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$35$1 = /* @__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$36$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$37$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$38$1 = /* @__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$39$1 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$40$1 = /* @__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$41$1 = /* @__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$42$1 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$43 = /* @__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$44 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$45 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$46 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$47 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$48 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$49 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$50 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$51 = /* @__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$52 = /* @__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$53 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$54 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$55 = /* @__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$56 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$57 = /* @__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$58 = /* @__PURE__ */ template(`<div>`), _tmpl$59 = /* @__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$60 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$61 = /* @__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$62 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
+var _tmpl$$5 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$5 = /* @__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$4 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$4$4 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$5$4 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$6$4 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$7$4 = /* @__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$3 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$9$2 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$0$2 = /* @__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$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></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$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-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$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$12$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><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$1 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$14$1 = /* @__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$1 = /* @__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$1 = /* @__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$1 = /* @__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$1 = /* @__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$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$24$1 = /* @__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$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$29$1 = /* @__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$1 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$31$1 = /* @__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$1 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$34$1 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$35$1 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$36$1 = /* @__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$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$38$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$39$1 = /* @__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$1 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$41$1 = /* @__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$1 = /* @__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$1 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$44$1 = /* @__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$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$46$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$47$1 = /* @__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",
@@ -6975,7 +7225,7 @@ const UNSORTED_FOLDER = {
 const MarkdownMessage = (props) => {
   const html2 = createMemo(() => renderMarkdown(props.content));
   return (() => {
-    var _el$ = _tmpl$$4();
+    var _el$ = _tmpl$$5();
     createRenderEffect(() => _el$.innerHTML = html2());
     return _el$;
   })();
@@ -6993,7 +7243,7 @@ const PremiumPromptCard = (props) => {
   const title = props.kind === "premium_gate" ? "This workflow needs Premium" : "Need a longer autonomous run?";
   const body = props.kind === "premium_gate" ? "Unlock screenshots, saved sessions, workflow tracking, table extraction, and the credential vault with a 7-day free trial." : "Free chats pause after 50 tool calls in a turn. Vessel Premium raises the ceiling so the agent can finish longer workflows without stopping.";
   return (() => {
-    var _el$2 = _tmpl$2$4(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
+    var _el$2 = _tmpl$2$5(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
     insert(_el$4, title);
     insert(_el$5, body);
     addEventListener(_el$7, "click", props.onStartTrial, true);
@@ -7131,7 +7381,7 @@ const Sidebar = (props) => {
     }
   });
   createEffect(() => {
-    const unsubscribe = window.vessel.highlights.onCountUpdate((count) => {
+    const unsubscribe2 = window.vessel.highlights.onCountUpdate((count) => {
       setHighlightCount(count);
       if (count === 0) {
         setHighlightIndex(-1);
@@ -7141,7 +7391,7 @@ const Sidebar = (props) => {
         setHighlightIndex(count - 1);
       }
     });
-    onCleanup(unsubscribe);
+    onCleanup(unsubscribe2);
   });
   const scrollToHighlight = async (idx) => {
     const count = highlightCount();
@@ -7168,7 +7418,7 @@ const Sidebar = (props) => {
     setHighlightIndex(-1);
   };
   createEffect(() => {
-    const unsubscribe = window.vessel.highlights.onSidebarAction((action) => {
+    const unsubscribe2 = window.vessel.highlights.onSidebarAction((action) => {
       if (action === "remove-current") {
         void removeCurrentHighlight();
         return;
@@ -7177,10 +7427,10 @@ const Sidebar = (props) => {
         void clearAllHighlights();
       }
     });
-    onCleanup(unsubscribe);
+    onCleanup(unsubscribe2);
   });
   createEffect(() => {
-    const unsubscribe = window.vessel.bookmarks.onAddContextToChat((bookmarkId) => {
+    const unsubscribe2 = window.vessel.bookmarks.onAddContextToChat((bookmarkId) => {
       const bookmark = bookmarksState2().bookmarks.find((item) => item.id === bookmarkId);
       if (!bookmark) return;
       const folder = bookmark.folderId === UNSORTED_FOLDER.id ? UNSORTED_FOLDER : bookmarksState2().folders.find((item) => item.id === bookmark.folderId) ?? null;
@@ -7199,7 +7449,7 @@ ${contextBlock}` : contextBlock);
         chatInputRef?.setSelectionRange(length, length);
       });
     });
-    onCleanup(unsubscribe);
+    onCleanup(unsubscribe2);
   });
   const handleChatSend = async () => {
     const prompt = chatInput().trim();
@@ -7232,6 +7482,9 @@ ${contextBlock}` : contextBlock);
   const [bookmarkSearchQuery, setBookmarkSearchQuery] = createSignal("");
   const [bookmarkExportMessage, setBookmarkExportMessage] = createSignal("");
   const [bookmarkExporting, setBookmarkExporting] = createSignal(false);
+  const [bookmarkImportExpanded, setBookmarkImportExpanded] = createSignal(false);
+  const [bookmarkImporting, setBookmarkImporting] = createSignal(false);
+  const [bookmarkImportMessage, setBookmarkImportMessage] = createSignal("");
   const [editingFolderId, setEditingFolderId] = createSignal(null);
   const [editingFolderName, setEditingFolderName] = createSignal("");
   const [editingFolderSummary, setEditingFolderSummary] = createSignal("");
@@ -7526,6 +7779,22 @@ ${contextBlock}` : contextBlock);
       setBookmarkExporting(false);
     }
   };
+  const handleImportBookmarks = async (format) => {
+    setBookmarkImporting(true);
+    setBookmarkImportMessage("");
+    try {
+      const result = format === "json" ? await window.vessel.bookmarks.importJson() : await window.vessel.bookmarks.importHtml();
+      if (!result) {
+        setBookmarkImportMessage("Import canceled.");
+        return;
+      }
+      setBookmarkImportMessage(`Imported ${result.imported} bookmarks (${result.skipped} duplicates skipped, ${result.errors} errors)`);
+    } catch (error) {
+      setBookmarkImportMessage(error instanceof Error ? error.message : "Could not import bookmarks.");
+    } finally {
+      setBookmarkImporting(false);
+    }
+  };
   const toggleFolderExpanded = (folderId) => {
     setExpandedFolderIds((current) => current.includes(folderId) ? current.filter((id) => id !== folderId) : [...current, folderId]);
   };
@@ -7543,9 +7812,9 @@ ${contextBlock}` : contextBlock);
       return props.forceOpen || sidebarOpen2();
     },
     get children() {
-      var _el$9 = _tmpl$28$1(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$1.nextSibling, _el$16 = _el$15.firstChild;
+      var _el$9 = _tmpl$29$1(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$1.nextSibling, _el$16 = _el$15.firstChild;
       _el$16.firstChild;
-      var _el$19 = _el$16.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.nextSibling, _el$25 = _el$15.nextSibling, _el$111 = _el$25.firstChild;
+      var _el$19 = _el$16.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.nextSibling, _el$25 = _el$15.nextSibling, _el$124 = _el$25.firstChild;
       _el$0.$$pointerdown = startResize;
       setAttribute(_el$11, "src", vesselLogo);
       addEventListener(_el$13, "click", clearHistory, true);
@@ -7556,7 +7825,7 @@ ${contextBlock}` : contextBlock);
           return runtimeState2().supervisor.pendingApprovals.length > 0;
         },
         get children() {
-          var _el$18 = _tmpl$3$3();
+          var _el$18 = _tmpl$3$4();
           insert(_el$18, () => runtimeState2().supervisor.pendingApprovals.length);
           return _el$18;
         }
@@ -7576,7 +7845,7 @@ ${contextBlock}` : contextBlock);
           return sidebarTab() === "supervisor";
         },
         get children() {
-          var _el$26 = _tmpl$7$3(), _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$28.nextSibling, _el$32 = _el$27.nextSibling, _el$33 = _el$32.firstChild, _el$34 = _el$33.nextSibling, _el$36 = _el$32.nextSibling, _el$38 = _el$36.nextSibling;
+          var _el$26 = _tmpl$7$4(), _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$28.nextSibling, _el$32 = _el$27.nextSibling, _el$33 = _el$32.firstChild, _el$34 = _el$33.nextSibling, _el$36 = _el$32.nextSibling, _el$38 = _el$36.nextSibling;
           _el$38.firstChild;
           insert(_el$30, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
           insert(_el$31, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
@@ -7599,7 +7868,7 @@ ${contextBlock}` : contextBlock);
               return runtimeState2().canUndo;
             },
             get children() {
-              var _el$35 = _tmpl$4$3();
+              var _el$35 = _tmpl$4$4();
               _el$35.$$click = () => void undoLastAction();
               createRenderEffect(() => setAttribute(_el$35, "title", runtimeState2().undoInfo ? `Undo: ${runtimeState2().undoInfo.actionName}` : "Undo last action"));
               return _el$35;
@@ -7611,21 +7880,21 @@ ${contextBlock}` : contextBlock);
               return runtimeState2().supervisor.pendingApprovals.length > 0;
             },
             get fallback() {
-              return _tmpl$29$1();
+              return _tmpl$30$1();
             },
             get children() {
-              return [_tmpl$5$3(), createComponent(For, {
+              return [_tmpl$5$4(), createComponent(For, {
                 get each() {
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$129 = _tmpl$30$1(), _el$130 = _el$129.firstChild, _el$131 = _el$130.nextSibling, _el$132 = _el$131.nextSibling, _el$133 = _el$132.nextSibling, _el$134 = _el$133.nextSibling, _el$135 = _el$134.firstChild, _el$136 = _el$135.nextSibling;
-                  insert(_el$131, () => approval.name);
-                  insert(_el$132, () => approval.argsSummary);
-                  insert(_el$133, () => approval.reason);
-                  _el$135.$$click = () => void resolveApproval(approval.id, true);
-                  _el$136.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$129;
+                  var _el$142 = _tmpl$31$1(), _el$143 = _el$142.firstChild, _el$144 = _el$143.nextSibling, _el$145 = _el$144.nextSibling, _el$146 = _el$145.nextSibling, _el$147 = _el$146.nextSibling, _el$148 = _el$147.firstChild, _el$149 = _el$148.nextSibling;
+                  insert(_el$144, () => approval.name);
+                  insert(_el$145, () => approval.argsSummary);
+                  insert(_el$146, () => approval.reason);
+                  _el$148.$$click = () => void resolveApproval(approval.id, true);
+                  _el$149.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$142;
                 })()
               })];
             }
@@ -7635,7 +7904,7 @@ ${contextBlock}` : contextBlock);
               return recentActions().length > 0;
             },
             get children() {
-              var _el$40 = _tmpl$6$3();
+              var _el$40 = _tmpl$6$4();
               _el$40.$$click = () => setActionsExpanded((current) => !current);
               insert(_el$40, (() => {
                 var _c$ = memo(() => !!actionsExpanded());
@@ -7649,7 +7918,7 @@ ${contextBlock}` : contextBlock);
               return recentActions().length > 0;
             },
             get fallback() {
-              return _tmpl$31$1();
+              return _tmpl$32$1();
             },
             get children() {
               return createComponent(Show, {
@@ -7657,7 +7926,7 @@ ${contextBlock}` : contextBlock);
                   return actionsExpanded();
                 },
                 get fallback() {
-                  return _tmpl$32$1();
+                  return _tmpl$33$1();
                 },
                 get children() {
                   return createComponent(For, {
@@ -7665,32 +7934,32 @@ ${contextBlock}` : contextBlock);
                       return recentActions();
                     },
                     children: (action) => (() => {
-                      var _el$139 = _tmpl$35$1(), _el$140 = _el$139.firstChild, _el$141 = _el$140.firstChild, _el$142 = _el$141.nextSibling, _el$143 = _el$140.nextSibling;
-                      insert(_el$141, () => action.name);
-                      insert(_el$142, () => action.status);
-                      insert(_el$143, () => action.argsSummary);
-                      insert(_el$139, createComponent(Show, {
+                      var _el$152 = _tmpl$36$1(), _el$153 = _el$152.firstChild, _el$154 = _el$153.firstChild, _el$155 = _el$154.nextSibling, _el$156 = _el$153.nextSibling;
+                      insert(_el$154, () => action.name);
+                      insert(_el$155, () => action.status);
+                      insert(_el$156, () => action.argsSummary);
+                      insert(_el$152, createComponent(Show, {
                         get when() {
                           return action.resultSummary;
                         },
                         get children() {
-                          var _el$144 = _tmpl$33$1();
-                          insert(_el$144, () => action.resultSummary);
-                          return _el$144;
+                          var _el$157 = _tmpl$34$1();
+                          insert(_el$157, () => action.resultSummary);
+                          return _el$157;
                         }
                       }), null);
-                      insert(_el$139, createComponent(Show, {
+                      insert(_el$152, createComponent(Show, {
                         get when() {
                           return action.error;
                         },
                         get children() {
-                          var _el$145 = _tmpl$34$1();
-                          insert(_el$145, () => action.error);
-                          return _el$145;
+                          var _el$158 = _tmpl$35$1();
+                          insert(_el$158, () => action.error);
+                          return _el$158;
                         }
                       }), null);
-                      createRenderEffect(() => className(_el$142, `agent-action-status ${action.status}`));
-                      return _el$139;
+                      createRenderEffect(() => className(_el$155, `agent-action-status ${action.status}`));
+                      return _el$152;
                     })()
                   });
                 }
@@ -7700,13 +7969,13 @@ ${contextBlock}` : contextBlock);
           createRenderEffect(() => _el$31.classList.toggle("paused", !!runtimeState2().supervisor.paused));
           return _el$26;
         }
-      }), _el$111);
+      }), _el$124);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "bookmarks";
         },
         get children() {
-          var _el$41 = _tmpl$1$2(), _el$42 = _el$41.firstChild, _el$43 = _el$42.firstChild, _el$44 = _el$43.firstChild, _el$45 = _el$44.nextSibling, _el$47 = _el$42.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling, _el$53 = _el$52.nextSibling, _el$55 = _el$48.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling, _el$69 = _el$55.nextSibling, _el$70 = _el$69.firstChild, _el$71 = _el$70.firstChild, _el$72 = _el$71.nextSibling, _el$73 = _el$70.nextSibling, _el$74 = _el$69.nextSibling;
+          var _el$41 = _tmpl$10$2(), _el$42 = _el$41.firstChild, _el$43 = _el$42.firstChild, _el$44 = _el$43.firstChild, _el$45 = _el$44.nextSibling, _el$47 = _el$42.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling, _el$53 = _el$52.nextSibling, _el$55 = _el$48.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling, _el$64 = _el$55.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$78 = _el$64.nextSibling, _el$79 = _el$78.firstChild, _el$80 = _el$79.firstChild, _el$81 = _el$80.nextSibling, _el$82 = _el$79.nextSibling, _el$83 = _el$78.nextSibling;
           insert(_el$45, (() => {
             var _c$2 = memo(() => !!normalizedBookmarkSearch());
             return () => _c$2() ? `${bookmarkMatchCount()} matches for "${bookmarkSearchQuery().trim()}"` : `${bookmarksState2().bookmarks.length} saved across ${bookmarkFolders().length} folders`;
@@ -7716,7 +7985,7 @@ ${contextBlock}` : contextBlock);
               return currentTabSaved();
             },
             get children() {
-              return _tmpl$8$2();
+              return _tmpl$8$3();
             }
           }), null);
           _el$47.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
@@ -7733,16 +8002,47 @@ ${contextBlock}` : contextBlock);
               return _el$54;
             }
           }), null);
-          _el$56.$$click = () => setBookmarkSaveExpanded((current) => !current);
+          _el$56.$$click = () => setBookmarkImportExpanded((current) => !current);
           insert(_el$55, createComponent(Show, {
+            get when() {
+              return bookmarkImportExpanded();
+            },
+            get children() {
+              var _el$59 = _tmpl$0$2(), _el$60 = _el$59.firstChild, _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling;
+              _el$61.$$click = () => void handleImportBookmarks("html");
+              _el$62.$$click = () => void handleImportBookmarks("json");
+              insert(_el$59, createComponent(Show, {
+                get when() {
+                  return bookmarkImportMessage();
+                },
+                get children() {
+                  var _el$63 = _tmpl$9$2();
+                  insert(_el$63, bookmarkImportMessage);
+                  return _el$63;
+                }
+              }), null);
+              createRenderEffect((_p$) => {
+                var _v$ = bookmarkImporting(), _v$2 = bookmarkImporting();
+                _v$ !== _p$.e && (_el$61.disabled = _p$.e = _v$);
+                _v$2 !== _p$.t && (_el$62.disabled = _p$.t = _v$2);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0
+              });
+              return _el$59;
+            }
+          }), null);
+          _el$65.$$click = () => setBookmarkSaveExpanded((current) => !current);
+          insert(_el$64, createComponent(Show, {
             get when() {
               return bookmarkSaveExpanded();
             },
             get children() {
-              var _el$59 = _tmpl$0$2(), _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling, _el$62 = _el$61.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$62.nextSibling, _el$65 = _el$64.nextSibling, _el$66 = _el$65.nextSibling, _el$67 = _el$66.nextSibling, _el$68 = _el$67.nextSibling;
-              insert(_el$60, () => currentTab()?.title || "No active page");
-              insert(_el$61, () => currentTab()?.url || "Open a page to save it here.");
-              insert(_el$62, createComponent(DropdownSelect, {
+              var _el$68 = _tmpl$1$2(), _el$69 = _el$68.firstChild, _el$70 = _el$69.nextSibling, _el$71 = _el$70.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$71.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.nextSibling;
+              insert(_el$69, () => currentTab()?.title || "No active page");
+              insert(_el$70, () => currentTab()?.url || "Open a page to save it here.");
+              insert(_el$71, createComponent(DropdownSelect, {
                 "class": "bookmark-select",
                 get value() {
                   return selectedFolderId();
@@ -7752,37 +8052,37 @@ ${contextBlock}` : contextBlock);
                 },
                 ariaLabel: "Bookmark folder",
                 onChange: (value) => setSelectedFolderId(value)
-              }), _el$63);
-              _el$63.$$click = () => void handleSaveBookmark();
-              _el$64.$$input = (e) => setBookmarkNote(e.currentTarget.value);
-              _el$65.$$input = (e) => setBookmarkIntent(e.currentTarget.value);
-              _el$66.$$input = (e) => setBookmarkExpectedContent(e.currentTarget.value);
-              _el$67.$$input = (e) => setBookmarkKeyFields(e.currentTarget.value);
-              _el$68.$$input = (e) => setBookmarkAgentHints(e.currentTarget.value);
-              createRenderEffect(() => _el$63.disabled = !currentTab()?.url);
-              createRenderEffect(() => _el$64.value = bookmarkNote());
-              createRenderEffect(() => _el$65.value = bookmarkIntent());
-              createRenderEffect(() => _el$66.value = bookmarkExpectedContent());
-              createRenderEffect(() => _el$67.value = bookmarkKeyFields());
-              createRenderEffect(() => _el$68.value = bookmarkAgentHints());
-              return _el$59;
+              }), _el$72);
+              _el$72.$$click = () => void handleSaveBookmark();
+              _el$73.$$input = (e) => setBookmarkNote(e.currentTarget.value);
+              _el$74.$$input = (e) => setBookmarkIntent(e.currentTarget.value);
+              _el$75.$$input = (e) => setBookmarkExpectedContent(e.currentTarget.value);
+              _el$76.$$input = (e) => setBookmarkKeyFields(e.currentTarget.value);
+              _el$77.$$input = (e) => setBookmarkAgentHints(e.currentTarget.value);
+              createRenderEffect(() => _el$72.disabled = !currentTab()?.url);
+              createRenderEffect(() => _el$73.value = bookmarkNote());
+              createRenderEffect(() => _el$74.value = bookmarkIntent());
+              createRenderEffect(() => _el$75.value = bookmarkExpectedContent());
+              createRenderEffect(() => _el$76.value = bookmarkKeyFields());
+              createRenderEffect(() => _el$77.value = bookmarkAgentHints());
+              return _el$68;
             }
           }), null);
-          _el$69.addEventListener("submit", handleCreateFolder);
-          _el$71.$$input = (e) => setNewFolderName(e.currentTarget.value);
-          _el$72.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
-          insert(_el$74, createComponent(Show, {
+          _el$78.addEventListener("submit", handleCreateFolder);
+          _el$80.$$input = (e) => setNewFolderName(e.currentTarget.value);
+          _el$81.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
+          insert(_el$83, createComponent(Show, {
             get when() {
               return filteredGroupedBookmarks().length > 0;
             },
             get fallback() {
               return (() => {
-                var _el$146 = _tmpl$36$1();
-                insert(_el$146, (() => {
+                var _el$159 = _tmpl$37$1();
+                insert(_el$159, (() => {
                   var _c$5 = memo(() => !!normalizedBookmarkSearch());
                   return () => _c$5() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
                 })());
-                return _el$146;
+                return _el$159;
               })();
             },
             get children() {
@@ -7791,100 +8091,100 @@ ${contextBlock}` : contextBlock);
                   return filteredGroupedBookmarks();
                 },
                 children: (folder) => (() => {
-                  var _el$147 = _tmpl$43(), _el$148 = _el$147.firstChild, _el$149 = _el$148.firstChild, _el$150 = _el$149.firstChild, _el$151 = _el$150.nextSibling, _el$152 = _el$151.firstChild, _el$153 = _el$152.nextSibling, _el$154 = _el$153.firstChild;
-                  _el$148.$$keydown = (e) => {
+                  var _el$160 = _tmpl$44$1(), _el$161 = _el$160.firstChild, _el$162 = _el$161.firstChild, _el$163 = _el$162.firstChild, _el$164 = _el$163.nextSibling, _el$165 = _el$164.firstChild, _el$166 = _el$165.nextSibling, _el$167 = _el$166.firstChild;
+                  _el$161.$$keydown = (e) => {
                     if (e.key === "Enter" || e.key === " ") {
                       e.preventDefault();
                       toggleFolderExpanded(folder.id);
                     }
                   };
-                  _el$148.$$click = () => toggleFolderExpanded(folder.id);
-                  insert(_el$152, () => folder.name);
-                  insert(_el$153, () => folder.items.length, _el$154);
-                  insert(_el$151, createComponent(Show, {
+                  _el$161.$$click = () => toggleFolderExpanded(folder.id);
+                  insert(_el$165, () => folder.name);
+                  insert(_el$166, () => folder.items.length, _el$167);
+                  insert(_el$164, createComponent(Show, {
                     get when() {
                       return folder.summary;
                     },
                     get children() {
-                      var _el$155 = _tmpl$37$1();
-                      insert(_el$155, () => folder.summary);
-                      return _el$155;
+                      var _el$168 = _tmpl$38$1();
+                      insert(_el$168, () => folder.summary);
+                      return _el$168;
                     }
                   }), null);
-                  insert(_el$148, createComponent(Show, {
+                  insert(_el$161, createComponent(Show, {
                     get when() {
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$156 = _tmpl$38$1(), _el$157 = _el$156.firstChild, _el$158 = _el$157.nextSibling;
-                      _el$157.$$click = (e) => {
+                      var _el$169 = _tmpl$39$1(), _el$170 = _el$169.firstChild, _el$171 = _el$170.nextSibling;
+                      _el$170.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
                         setEditingFolderName(folder.name);
                         setEditingFolderSummary(folder.summary || "");
                       };
-                      _el$158.$$click = (e) => {
+                      _el$171.$$click = (e) => {
                         e.stopPropagation();
                         setDeletingFolderId(folder.id);
                       };
-                      return _el$156;
+                      return _el$169;
                     }
                   }), null);
-                  insert(_el$147, createComponent(Show, {
+                  insert(_el$160, createComponent(Show, {
                     get when() {
                       return deletingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$159 = _tmpl$40$1(), _el$160 = _el$159.firstChild, _el$161 = _el$160.firstChild, _el$163 = _el$161.nextSibling;
-                      _el$163.nextSibling;
-                      var _el$164 = _el$160.nextSibling, _el$166 = _el$164.firstChild, _el$167 = _el$166.nextSibling;
-                      insert(_el$160, () => folder.name, _el$163);
-                      insert(_el$160, (() => {
+                      var _el$172 = _tmpl$41$1(), _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 _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$164, createComponent(Show, {
+                      insert(_el$177, createComponent(Show, {
                         get when() {
                           return folder.items.length > 0;
                         },
                         get children() {
-                          var _el$165 = _tmpl$39$1();
-                          _el$165.$$click = () => void handleRemoveFolder(folder.id, false);
-                          return _el$165;
+                          var _el$178 = _tmpl$40$1();
+                          _el$178.$$click = () => void handleRemoveFolder(folder.id, false);
+                          return _el$178;
                         }
-                      }), _el$166);
-                      _el$166.$$click = () => void handleRemoveFolder(folder.id, true);
-                      insert(_el$166, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
-                      _el$167.$$click = () => setDeletingFolderId(null);
-                      return _el$159;
+                      }), _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;
                     }
                   }), null);
-                  insert(_el$147, createComponent(Show, {
+                  insert(_el$160, createComponent(Show, {
                     get when() {
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$168 = _tmpl$41$1(), _el$169 = _el$168.firstChild, _el$170 = _el$169.firstChild, _el$171 = _el$170.nextSibling, _el$172 = _el$169.nextSibling, _el$173 = _el$172.nextSibling;
-                      _el$170.$$input = (e) => setEditingFolderName(e.currentTarget.value);
-                      _el$171.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
-                      _el$172.$$click = () => void handleRenameFolder(folder.id);
-                      _el$173.$$click = () => {
+                      var _el$181 = _tmpl$42$1(), _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 = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$172.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$170.value = editingFolderName());
-                      createRenderEffect(() => _el$171.value = editingFolderSummary());
-                      return _el$168;
+                      createRenderEffect(() => _el$185.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$183.value = editingFolderName());
+                      createRenderEffect(() => _el$184.value = editingFolderSummary());
+                      return _el$181;
                     }
                   }), null);
-                  insert(_el$147, createComponent(Show, {
+                  insert(_el$160, createComponent(Show, {
                     get when() {
                       return isFolderExpanded(folder.id);
                     },
                     get fallback() {
-                      return _tmpl$44();
+                      return _tmpl$45$1();
                     },
                     get children() {
                       return createComponent(Show, {
@@ -7892,209 +8192,211 @@ ${contextBlock}` : contextBlock);
                           return folder.items.length > 0;
                         },
                         get fallback() {
-                          return _tmpl$45();
+                          return _tmpl$46$1();
                         },
                         get children() {
-                          var _el$174 = _tmpl$42$1();
-                          insert(_el$174, createComponent(For, {
+                          var _el$187 = _tmpl$43$1();
+                          insert(_el$187, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              var _el$177 = _tmpl$52(), _el$178 = _el$177.firstChild, _el$179 = _el$178.firstChild, _el$180 = _el$179.nextSibling, _el$205 = _el$178.nextSibling, _el$206 = _el$205.firstChild, _el$207 = _el$206.nextSibling, _el$208 = _el$207.nextSibling;
-                              _el$178.$$click = () => void createTab(bookmark.url);
-                              insert(_el$179, () => bookmark.title || bookmark.url);
-                              insert(_el$180, () => bookmark.url);
-                              insert(_el$177, createComponent(Show, {
+                              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, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$181 = _tmpl$46();
-                                  insert(_el$181, () => bookmark.note);
-                                  return _el$181;
+                                  var _el$194 = _tmpl$47$1();
+                                  insert(_el$194, () => bookmark.note);
+                                  return _el$194;
                                 }
-                              }), _el$205);
-                              insert(_el$177, createComponent(Show, {
+                              }), _el$218);
+                              insert(_el$190, 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$182 = _tmpl$46();
-                                  insert(_el$182, createComponent(Show, {
+                                  var _el$195 = _tmpl$47$1();
+                                  insert(_el$195, createComponent(Show, {
                                     get when() {
                                       return bookmark.intent;
                                     },
                                     get children() {
-                                      var _el$183 = _tmpl$47(), _el$184 = _el$183.firstChild;
-                                      _el$184.nextSibling;
-                                      insert(_el$183, () => bookmark.intent, null);
-                                      return _el$183;
+                                      var _el$196 = _tmpl$48(), _el$197 = _el$196.firstChild;
+                                      _el$197.nextSibling;
+                                      insert(_el$196, () => bookmark.intent, null);
+                                      return _el$196;
                                     }
                                   }), null);
-                                  insert(_el$182, createComponent(Show, {
+                                  insert(_el$195, createComponent(Show, {
                                     get when() {
                                       return bookmark.expectedContent;
                                     },
                                     get children() {
-                                      var _el$186 = _tmpl$48(), _el$187 = _el$186.firstChild;
-                                      _el$187.nextSibling;
-                                      insert(_el$186, () => bookmark.expectedContent, null);
-                                      return _el$186;
+                                      var _el$199 = _tmpl$49(), _el$200 = _el$199.firstChild;
+                                      _el$200.nextSibling;
+                                      insert(_el$199, () => bookmark.expectedContent, null);
+                                      return _el$199;
                                     }
                                   }), null);
-                                  insert(_el$182, createComponent(Show, {
+                                  insert(_el$195, createComponent(Show, {
                                     get when() {
                                       return (bookmark.keyFields?.length || 0) > 0;
                                     },
                                     get children() {
-                                      var _el$189 = _tmpl$49(), _el$190 = _el$189.firstChild;
-                                      _el$190.nextSibling;
-                                      insert(_el$189, () => bookmark.keyFields?.join(", "), null);
-                                      return _el$189;
+                                      var _el$202 = _tmpl$50(), _el$203 = _el$202.firstChild;
+                                      _el$203.nextSibling;
+                                      insert(_el$202, () => bookmark.keyFields?.join(", "), null);
+                                      return _el$202;
                                     }
                                   }), null);
-                                  insert(_el$182, createComponent(Show, {
+                                  insert(_el$195, createComponent(Show, {
                                     get when() {
                                       return memo(() => !!bookmark.agentHints)() && Object.keys(bookmark.agentHints).length > 0;
                                     },
                                     get children() {
-                                      var _el$192 = _tmpl$50(), _el$193 = _el$192.firstChild;
-                                      _el$193.nextSibling;
-                                      insert(_el$192, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
-                                      return _el$192;
+                                      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;
                                     }
                                   }), null);
-                                  return _el$182;
+                                  return _el$195;
                                 }
-                              }), _el$205);
-                              insert(_el$177, createComponent(Show, {
+                              }), _el$218);
+                              insert(_el$190, createComponent(Show, {
                                 get when() {
                                   return editingBookmarkId() === bookmark.id;
                                 },
                                 get children() {
-                                  var _el$195 = _tmpl$51(), _el$196 = _el$195.firstChild, _el$197 = _el$196.nextSibling, _el$198 = _el$197.nextSibling, _el$199 = _el$198.nextSibling, _el$200 = _el$199.nextSibling, _el$201 = _el$200.nextSibling, _el$202 = _el$201.nextSibling, _el$203 = _el$202.firstChild, _el$204 = _el$203.nextSibling;
-                                  _el$196.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
-                                  _el$197.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
-                                  _el$198.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
-                                  _el$199.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
-                                  _el$200.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
-                                  _el$201.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
-                                  _el$203.$$click = () => void handleUpdateBookmark(bookmark.id);
-                                  _el$204.$$click = resetBookmarkEditor;
-                                  createRenderEffect(() => _el$196.value = editingBookmarkTitle());
-                                  createRenderEffect(() => _el$197.value = editingBookmarkNote());
-                                  createRenderEffect(() => _el$198.value = editingBookmarkIntent());
-                                  createRenderEffect(() => _el$199.value = editingBookmarkExpectedContent());
-                                  createRenderEffect(() => _el$200.value = editingBookmarkKeyFields());
-                                  createRenderEffect(() => _el$201.value = editingBookmarkAgentHints());
-                                  return _el$195;
+                                  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;
                                 }
-                              }), _el$205);
-                              insert(_el$206, () => formatBookmarkDate(bookmark.savedAt));
-                              _el$207.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
-                              insert(_el$207, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
-                              _el$208.$$click = () => {
+                              }), _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 = () => {
                                 if (editingBookmarkId() === bookmark.id) {
                                   resetBookmarkEditor();
                                 }
                                 void removeBookmark(bookmark.id);
                               };
-                              createRenderEffect(() => setAttribute(_el$177, "data-bookmark-id", bookmark.id));
-                              return _el$177;
+                              createRenderEffect(() => setAttribute(_el$190, "data-bookmark-id", bookmark.id));
+                              return _el$190;
                             })()
                           }));
-                          return _el$174;
+                          return _el$187;
                         }
                       });
                     }
                   }), null);
-                  createRenderEffect(() => _el$150.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
-                  return _el$147;
+                  createRenderEffect(() => _el$163.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
+                  return _el$160;
                 })()
               });
             }
           }));
           createRenderEffect((_p$) => {
-            var _v$ = bookmarkExporting(), _v$2 = bookmarkExporting(), _v$3 = bookmarkExporting(), _v$4 = !!bookmarkSaveExpanded(), _v$5 = !newFolderName().trim();
-            _v$ !== _p$.e && (_el$51.disabled = _p$.e = _v$);
-            _v$2 !== _p$.t && (_el$52.disabled = _p$.t = _v$2);
-            _v$3 !== _p$.a && (_el$53.disabled = _p$.a = _v$3);
-            _v$4 !== _p$.o && _el$58.classList.toggle("expanded", _p$.o = _v$4);
-            _v$5 !== _p$.i && (_el$73.disabled = _p$.i = _v$5);
+            var _v$3 = bookmarkExporting(), _v$4 = bookmarkExporting(), _v$5 = bookmarkExporting(), _v$6 = !!bookmarkImportExpanded(), _v$7 = !!bookmarkSaveExpanded(), _v$8 = !newFolderName().trim();
+            _v$3 !== _p$.e && (_el$51.disabled = _p$.e = _v$3);
+            _v$4 !== _p$.t && (_el$52.disabled = _p$.t = _v$4);
+            _v$5 !== _p$.a && (_el$53.disabled = _p$.a = _v$5);
+            _v$6 !== _p$.o && _el$58.classList.toggle("expanded", _p$.o = _v$6);
+            _v$7 !== _p$.i && _el$67.classList.toggle("expanded", _p$.i = _v$7);
+            _v$8 !== _p$.n && (_el$82.disabled = _p$.n = _v$8);
             return _p$;
           }, {
             e: void 0,
             t: void 0,
             a: void 0,
             o: void 0,
-            i: void 0
+            i: void 0,
+            n: void 0
           });
           createRenderEffect(() => _el$47.value = bookmarkSearchQuery());
-          createRenderEffect(() => _el$71.value = newFolderName());
-          createRenderEffect(() => _el$72.value = newFolderSummary());
+          createRenderEffect(() => _el$80.value = newFolderName());
+          createRenderEffect(() => _el$81.value = newFolderSummary());
           return _el$41;
         }
-      }), _el$111);
+      }), _el$124);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "checkpoints";
         },
         get children() {
-          var _el$75 = _tmpl$11$2(), _el$76 = _el$75.firstChild, _el$77 = _el$76.firstChild, _el$78 = _el$77.firstChild, _el$79 = _el$78.nextSibling, _el$80 = _el$76.nextSibling, _el$81 = _el$80.firstChild, _el$82 = _el$81.firstChild, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling;
-          _el$81.nextSibling;
-          insert(_el$79, (() => {
+          var _el$84 = _tmpl$12$2(), _el$85 = _el$84.firstChild, _el$86 = _el$85.firstChild, _el$87 = _el$86.firstChild, _el$88 = _el$87.nextSibling, _el$89 = _el$85.nextSibling, _el$90 = _el$89.firstChild, _el$91 = _el$90.firstChild, _el$92 = _el$91.nextSibling, _el$93 = _el$92.nextSibling;
+          _el$90.nextSibling;
+          insert(_el$88, (() => {
             var _c$3 = memo(() => recentCheckpoints().length > 0);
             return () => _c$3() ? `${recentCheckpoints().length} saved snapshots` : "Save and restore session snapshots";
           })());
-          _el$82.$$input = (e) => setCheckpointName(e.currentTarget.value);
-          _el$83.$$input = (e) => setCheckpointNote(e.currentTarget.value);
-          _el$84.$$click = async () => {
+          _el$91.$$input = (e) => setCheckpointName(e.currentTarget.value);
+          _el$92.$$input = (e) => setCheckpointNote(e.currentTarget.value);
+          _el$93.$$click = async () => {
             const name = checkpointName().trim();
             await createCheckpoint(name || void 0, checkpointNote() || void 0);
             setCheckpointName("");
             setCheckpointNote("");
           };
-          insert(_el$80, createComponent(Show, {
+          insert(_el$89, createComponent(Show, {
             get when() {
               return recentCheckpoints().length > 0;
             },
             get fallback() {
-              return _tmpl$53();
+              return _tmpl$54();
             },
             get children() {
-              var _el$86 = _tmpl$10$2();
-              insert(_el$86, createComponent(For, {
+              var _el$95 = _tmpl$11$2();
+              insert(_el$95, createComponent(For, {
                 get each() {
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  var _el$210 = _tmpl$55(), _el$211 = _el$210.firstChild, _el$212 = _el$211.firstChild, _el$214 = _el$211.nextSibling, _el$215 = _el$214.firstChild, _el$216 = _el$215.nextSibling, _el$217 = _el$216.nextSibling, _el$218 = _el$217.nextSibling;
-                  insert(_el$211, createComponent(Show, {
+                  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, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
                     get children() {
-                      return _tmpl$54();
+                      return _tmpl$55();
                     }
                   }), null);
-                  insert(_el$215, () => checkpoint.name);
-                  insert(_el$216, () => new Date(checkpoint.createdAt).toLocaleString());
-                  _el$217.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
-                  _el$218.$$click = () => void restoreCheckpoint(checkpoint.id);
-                  createRenderEffect(() => _el$212.classList.toggle("latest", !!(i() === 0)));
-                  createRenderEffect(() => _el$217.value = checkpoint.note || "");
-                  return _el$210;
+                  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;
                 })()
               }));
-              return _el$86;
+              return _el$95;
             }
           }), null);
-          createRenderEffect(() => _el$82.value = checkpointName());
-          createRenderEffect(() => _el$83.value = checkpointNote());
-          return _el$75;
+          createRenderEffect(() => _el$91.value = checkpointName());
+          createRenderEffect(() => _el$92.value = checkpointNote());
+          return _el$84;
         }
-      }), _el$111);
+      }), _el$124);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "automation";
@@ -8104,67 +8406,79 @@ ${contextBlock}` : contextBlock);
             onRun: () => setSidebarTab("supervisor")
           });
         }
-      }), _el$111);
+      }), _el$124);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "history";
         },
         get children() {
-          var _el$87 = _tmpl$13$1(), _el$88 = _el$87.firstChild, _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling, _el$91 = _el$88.nextSibling;
-          _el$90.$$click = async () => {
+          var _el$96 = _tmpl$14$1(), _el$97 = _el$96.firstChild, _el$98 = _el$97.firstChild, _el$99 = _el$98.nextSibling, _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling, _el$102 = _el$101.nextSibling, _el$103 = _el$102.nextSibling, _el$104 = _el$97.nextSibling;
+          _el$100.$$click = async () => {
             await history.clear();
           };
-          insert(_el$91, createComponent(For, {
+          _el$101.$$click = async () => {
+            const result = await window.vessel.history.exportHtml();
+            if (!result) return;
+          };
+          _el$102.$$click = async () => {
+            const result = await window.vessel.history.exportJson();
+            if (!result) return;
+          };
+          _el$103.$$click = async () => {
+            const result = await window.vessel.history.importFile();
+            if (!result) return;
+          };
+          insert(_el$104, createComponent(For, {
             get each() {
               return history.historyState().entries;
             },
             children: (entry) => (() => {
-              var _el$219 = _tmpl$56(), _el$220 = _el$219.firstChild, _el$221 = _el$220.nextSibling, _el$222 = _el$221.nextSibling;
-              _el$219.$$click = () => createTab(entry.url);
-              insert(_el$220, () => entry.title || entry.url);
-              insert(_el$221, () => entry.url);
-              insert(_el$222, () => new Date(entry.visitedAt).toLocaleString());
-              return _el$219;
+              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;
             })()
           }), null);
-          insert(_el$91, createComponent(Show, {
+          insert(_el$104, createComponent(Show, {
             get when() {
               return history.historyState().entries.length === 0;
             },
             get children() {
-              return _tmpl$12$2();
+              return _tmpl$13$1();
             }
           }), null);
-          return _el$87;
+          return _el$96;
         }
-      }), _el$111);
+      }), _el$124);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "diff";
         },
         get children() {
-          var _el$93 = _tmpl$14$1(), _el$94 = _el$93.firstChild, _el$95 = _el$94.firstChild, _el$96 = _el$95.nextSibling;
-          insert(_el$96, () => isPremium() ? "Page change timeline" : "Premium feature");
-          insert(_el$93, createComponent(Show, {
+          var _el$106 = _tmpl$15$1(), _el$107 = _el$106.firstChild, _el$108 = _el$107.firstChild, _el$109 = _el$108.nextSibling;
+          insert(_el$109, () => isPremium() ? "Page change timeline" : "Premium feature");
+          insert(_el$106, createComponent(Show, {
             get when() {
               return isPremium();
             },
             get fallback() {
               return (() => {
-                var _el$223 = _tmpl$57(), _el$224 = _el$223.firstChild, _el$225 = _el$224.nextSibling, _el$226 = _el$225.nextSibling, _el$227 = _el$226.firstChild, _el$228 = _el$227.nextSibling;
-                _el$227.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
+                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(() => {
                 });
-                _el$228.$$click = openPremiumDetails;
-                return _el$223;
+                _el$241.$$click = openPremiumDetails;
+                return _el$236;
               })();
             },
             get children() {
               return createComponent(PageDiffTimeline, {});
             }
           }), null);
-          return _el$93;
+          return _el$106;
         }
-      }), _el$111);
+      }), _el$124);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -8175,23 +8489,23 @@ ${contextBlock}` : contextBlock);
               return !isPremium();
             },
             get children() {
-              var _el$97 = _tmpl$15$1(), _el$98 = _el$97.firstChild, _el$99 = _el$98.nextSibling, _el$100 = _el$99.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling;
-              _el$101.$$click = () => openPremiumCheckout("chat_banner_clicked");
-              _el$102.$$click = openPremiumDetails;
-              return _el$97;
+              var _el$110 = _tmpl$16$1(), _el$111 = _el$110.firstChild, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.firstChild, _el$115 = _el$114.nextSibling;
+              _el$114.$$click = () => openPremiumCheckout("chat_banner_clicked");
+              _el$115.$$click = openPremiumDetails;
+              return _el$110;
             }
           }), createComponent(For, {
             get each() {
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$229 = _tmpl$58();
-              insert(_el$229, createComponent(MarkdownMessage, {
+              var _el$242 = _tmpl$59();
+              insert(_el$242, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }), null);
-              insert(_el$229, createComponent(Show, {
+              insert(_el$242, createComponent(Show, {
                 get when() {
                   return memo(() => msg.role === "assistant")() ? getPremiumPromptKind(msg.content) : null;
                 },
@@ -8204,31 +8518,31 @@ ${contextBlock}` : contextBlock);
                   onOpenSettings: openPremiumDetails
                 })
               }), null);
-              createRenderEffect(() => className(_el$229, `message message-${msg.role}`));
-              return _el$229;
+              createRenderEffect(() => className(_el$242, `message message-${msg.role}`));
+              return _el$242;
             })()
           }), createComponent(Show, {
             get when() {
               return isStreaming2();
             },
             get children() {
-              var _el$103 = _tmpl$18$1(), _el$104 = _el$103.firstChild;
-              insert(_el$104, createComponent(Show, {
+              var _el$116 = _tmpl$19$1(), _el$117 = _el$116.firstChild;
+              insert(_el$117, createComponent(Show, {
                 get when() {
                   return hasFirstChunk2();
                 },
                 get fallback() {
-                  return _tmpl$59();
+                  return _tmpl$60();
                 },
                 get children() {
-                  var _el$105 = _tmpl$17$1(), _el$106 = _el$105.firstChild, _el$107 = _el$106.firstChild;
-                  _el$107.nextSibling;
-                  insert(_el$105, createComponent(MarkdownMessage, {
+                  var _el$118 = _tmpl$18$1(), _el$119 = _el$118.firstChild, _el$120 = _el$119.firstChild;
+                  _el$120.nextSibling;
+                  insert(_el$118, createComponent(MarkdownMessage, {
                     get content() {
                       return streamingText2();
                     }
-                  }), _el$106);
-                  insert(_el$105, createComponent(Show, {
+                  }), _el$119);
+                  insert(_el$118, createComponent(Show, {
                     get when() {
                       return getPremiumPromptKind(streamingText2());
                     },
@@ -8240,21 +8554,21 @@ ${contextBlock}` : contextBlock);
                       onStartTrial: () => openPremiumCheckout(kind() === "premium_gate" ? "premium_gate_clicked" : "iteration_limit_clicked"),
                       onOpenSettings: openPremiumDetails
                     })
-                  }), _el$106);
-                  insert(_el$106, createComponent(Show, {
+                  }), _el$119);
+                  insert(_el$119, createComponent(Show, {
                     get when() {
                       return elapsedSeconds() > 0;
                     },
                     get children() {
-                      var _el$109 = _tmpl$16$1();
-                      insert(_el$109, () => ` • ${elapsedSeconds()}s`);
-                      return _el$109;
+                      var _el$122 = _tmpl$17$1();
+                      insert(_el$122, () => ` • ${elapsedSeconds()}s`);
+                      return _el$122;
                     }
                   }), null);
-                  return _el$105;
+                  return _el$118;
                 }
               }));
-              return _el$103;
+              return _el$116;
             }
           }), createComponent(Show, {
             get when() {
@@ -8266,22 +8580,22 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$231 = _tmpl$61(), _el$232 = _el$231.firstChild, _el$233 = _el$232.nextSibling, _el$234 = _el$233.firstChild, _el$235 = _el$234.firstChild, _el$236 = _el$235.nextSibling, _el$238 = _el$234.nextSibling, _el$239 = _el$238.nextSibling, _el$240 = _el$239.firstChild, _el$241 = _el$240.nextSibling;
-                  insert(_el$236, () => approval.name);
-                  insert(_el$233, createComponent(Show, {
+                  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, {
                     get when() {
                       return approval.argsSummary;
                     },
                     get children() {
-                      var _el$237 = _tmpl$60();
-                      insert(_el$237, () => approval.argsSummary);
-                      return _el$237;
+                      var _el$250 = _tmpl$61();
+                      insert(_el$250, () => approval.argsSummary);
+                      return _el$250;
                     }
-                  }), _el$238);
-                  insert(_el$238, () => approval.reason);
-                  _el$240.$$click = () => void resolveApproval(approval.id, true);
-                  _el$241.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$231;
+                  }), _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;
                 })()
               });
             }
@@ -8290,13 +8604,13 @@ ${contextBlock}` : contextBlock);
               return memo(() => messages2().length === 0)() && !isStreaming2();
             },
             get children() {
-              return _tmpl$19$1();
+              return _tmpl$20$1();
             }
           })];
         }
-      }), _el$111);
+      }), _el$124);
       var _ref$ = messagesEndRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$111) : messagesEndRef = _el$111;
+      typeof _ref$ === "function" ? use(_ref$, _el$124) : messagesEndRef = _el$124;
       insert(_el$9, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -8307,141 +8621,141 @@ ${contextBlock}` : contextBlock);
               return isStreaming2() || messages2().length > 0;
             },
             get children() {
-              var _el$112 = _tmpl$22$1();
-              insert(_el$112, createComponent(Show, {
+              var _el$125 = _tmpl$23$1();
+              insert(_el$125, createComponent(Show, {
                 get when() {
                   return isStreaming2();
                 },
                 get children() {
-                  var _el$113 = _tmpl$20$1();
-                  _el$113.$$click = () => cancel();
-                  return _el$113;
+                  var _el$126 = _tmpl$21$1();
+                  _el$126.$$click = () => cancel();
+                  return _el$126;
                 }
               }), null);
-              insert(_el$112, createComponent(Show, {
+              insert(_el$125, createComponent(Show, {
                 get when() {
                   return memo(() => !!!isStreaming2())() && messages2().length > 0;
                 },
                 get children() {
-                  var _el$114 = _tmpl$21$1();
-                  _el$114.$$click = handleRetry;
-                  return _el$114;
+                  var _el$127 = _tmpl$22$1();
+                  _el$127.$$click = handleRetry;
+                  return _el$127;
                 }
               }), null);
-              return _el$112;
+              return _el$125;
             }
           }), createComponent(Show, {
             get when() {
               return highlightCount() > 0;
             },
             get children() {
-              var _el$115 = _tmpl$23$1(), _el$116 = _el$115.firstChild, _el$117 = _el$116.nextSibling;
-              _el$117.firstChild;
-              var _el$119 = _el$117.nextSibling;
-              _el$116.$$click = () => void scrollToHighlight(highlightIndex() - 1);
-              _el$117.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
-              insert(_el$117, (() => {
+              var _el$128 = _tmpl$24$1(), _el$129 = _el$128.firstChild, _el$130 = _el$129.nextSibling;
+              _el$130.firstChild;
+              var _el$132 = _el$130.nextSibling;
+              _el$129.$$click = () => void scrollToHighlight(highlightIndex() - 1);
+              _el$130.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
+              insert(_el$130, (() => {
                 var _c$4 = memo(() => highlightIndex() >= 0);
                 return () => _c$4() ? `${highlightIndex() + 1} / ${highlightCount()}` : `${highlightCount()} highlight${highlightCount() > 1 ? "s" : ""}`;
               })(), null);
-              _el$119.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
+              _el$132.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
               createRenderEffect((_p$) => {
-                var _v$6 = highlightIndex() <= 0, _v$7 = highlightIndex() >= highlightCount() - 1;
-                _v$6 !== _p$.e && (_el$116.disabled = _p$.e = _v$6);
-                _v$7 !== _p$.t && (_el$119.disabled = _p$.t = _v$7);
+                var _v$9 = highlightIndex() <= 0, _v$0 = highlightIndex() >= highlightCount() - 1;
+                _v$9 !== _p$.e && (_el$129.disabled = _p$.e = _v$9);
+                _v$0 !== _p$.t && (_el$132.disabled = _p$.t = _v$0);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$115;
+              return _el$128;
             }
           }), createComponent(Show, {
             get when() {
               return queueNotice2() !== null || pendingQueryCount() > 0;
             },
             get children() {
-              var _el$120 = _tmpl$26$1(), _el$121 = _el$120.firstChild, _el$122 = _el$121.firstChild;
-              insert(_el$122, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
-              insert(_el$121, createComponent(Show, {
+              var _el$133 = _tmpl$27$1(), _el$134 = _el$133.firstChild, _el$135 = _el$134.firstChild;
+              insert(_el$135, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
+              insert(_el$134, createComponent(Show, {
                 get when() {
                   return pendingQueryCount() > 0;
                 },
                 get children() {
-                  var _el$123 = _tmpl$24$1();
-                  _el$123.$$click = () => clearPendingQueries();
-                  return _el$123;
+                  var _el$136 = _tmpl$25$1();
+                  _el$136.$$click = () => clearPendingQueries();
+                  return _el$136;
                 }
               }), null);
-              insert(_el$120, createComponent(Show, {
+              insert(_el$133, createComponent(Show, {
                 get when() {
                   return pendingQueries2().length > 0;
                 },
                 get children() {
-                  var _el$124 = _tmpl$25$1();
-                  insert(_el$124, createComponent(For, {
+                  var _el$137 = _tmpl$26$1();
+                  insert(_el$137, createComponent(For, {
                     get each() {
                       return pendingQueries2();
                     },
                     children: (pendingPrompt, index) => (() => {
-                      var _el$242 = _tmpl$62(), _el$243 = _el$242.firstChild, _el$244 = _el$243.nextSibling;
-                      setAttribute(_el$243, "title", pendingPrompt);
-                      insert(_el$243, pendingPrompt);
-                      _el$244.$$click = () => removePendingQuery(index());
-                      createRenderEffect(() => setAttribute(_el$244, "aria-label", `Remove queued prompt ${index() + 1}`));
-                      return _el$242;
+                      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;
                     })()
                   }));
-                  return _el$124;
+                  return _el$137;
                 }
               }), null);
-              return _el$120;
+              return _el$133;
             }
           }), (() => {
-            var _el$125 = _tmpl$27$1(), _el$126 = _el$125.firstChild, _el$127 = _el$126.nextSibling;
-            _el$126.$$keydown = (e) => {
+            var _el$138 = _tmpl$28$1(), _el$139 = _el$138.firstChild, _el$140 = _el$139.nextSibling;
+            _el$139.$$keydown = (e) => {
               if (e.key === "Enter" && !e.shiftKey) {
                 e.preventDefault();
                 void handleChatSend();
               }
             };
-            _el$126.$$input = (e) => setChatInput(e.currentTarget.value);
+            _el$139.$$input = (e) => setChatInput(e.currentTarget.value);
             var _ref$2 = chatInputRef;
-            typeof _ref$2 === "function" ? use(_ref$2, _el$126) : chatInputRef = _el$126;
-            _el$127.$$click = () => void handleChatSend();
-            insert(_el$127, () => isStreaming2() ? "Queue" : "Send");
+            typeof _ref$2 === "function" ? use(_ref$2, _el$139) : chatInputRef = _el$139;
+            _el$140.$$click = () => void handleChatSend();
+            insert(_el$140, () => isStreaming2() ? "Queue" : "Send");
             createRenderEffect((_p$) => {
-              var _v$8 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything...", _v$9 = !chatInput().trim();
-              _v$8 !== _p$.e && setAttribute(_el$126, "placeholder", _p$.e = _v$8);
-              _v$9 !== _p$.t && (_el$127.disabled = _p$.t = _v$9);
+              var _v$1 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything...", _v$10 = !chatInput().trim();
+              _v$1 !== _p$.e && setAttribute(_el$139, "placeholder", _p$.e = _v$1);
+              _v$10 !== _p$.t && (_el$140.disabled = _p$.t = _v$10);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            createRenderEffect(() => _el$126.value = chatInput());
-            return _el$125;
+            createRenderEffect(() => _el$139.value = chatInput());
+            return _el$138;
           })()];
         }
       }), null);
       createRenderEffect((_p$) => {
-        var _v$0 = `${sidebarWidth2()}px`, _v$1 = !!isDragging(), _v$10 = !!(sidebarTab() === "supervisor"), _v$11 = sidebarTab() === "supervisor", _v$12 = !!(sidebarTab() === "bookmarks"), _v$13 = sidebarTab() === "bookmarks", _v$14 = !!(sidebarTab() === "checkpoints"), _v$15 = sidebarTab() === "checkpoints", _v$16 = !!(sidebarTab() === "chat"), _v$17 = sidebarTab() === "chat", _v$18 = !!(sidebarTab() === "automation"), _v$19 = sidebarTab() === "automation", _v$20 = !!(sidebarTab() === "history"), _v$21 = sidebarTab() === "history", _v$22 = !!(sidebarTab() === "diff"), _v$23 = sidebarTab() === "diff";
-        _v$0 !== _p$.e && setStyleProperty(_el$9, "width", _p$.e = _v$0);
-        _v$1 !== _p$.t && _el$0.classList.toggle("dragging", _p$.t = _v$1);
-        _v$10 !== _p$.a && _el$16.classList.toggle("active", _p$.a = _v$10);
-        _v$11 !== _p$.o && setAttribute(_el$16, "aria-selected", _p$.o = _v$11);
-        _v$12 !== _p$.i && _el$19.classList.toggle("active", _p$.i = _v$12);
-        _v$13 !== _p$.n && setAttribute(_el$19, "aria-selected", _p$.n = _v$13);
-        _v$14 !== _p$.s && _el$20.classList.toggle("active", _p$.s = _v$14);
-        _v$15 !== _p$.h && setAttribute(_el$20, "aria-selected", _p$.h = _v$15);
-        _v$16 !== _p$.r && _el$21.classList.toggle("active", _p$.r = _v$16);
-        _v$17 !== _p$.d && setAttribute(_el$21, "aria-selected", _p$.d = _v$17);
-        _v$18 !== _p$.l && _el$22.classList.toggle("active", _p$.l = _v$18);
-        _v$19 !== _p$.u && setAttribute(_el$22, "aria-selected", _p$.u = _v$19);
-        _v$20 !== _p$.c && _el$23.classList.toggle("active", _p$.c = _v$20);
-        _v$21 !== _p$.w && setAttribute(_el$23, "aria-selected", _p$.w = _v$21);
-        _v$22 !== _p$.m && _el$24.classList.toggle("active", _p$.m = _v$22);
-        _v$23 !== _p$.f && setAttribute(_el$24, "aria-selected", _p$.f = _v$23);
+        var _v$11 = `${sidebarWidth2()}px`, _v$12 = !!isDragging(), _v$13 = !!(sidebarTab() === "supervisor"), _v$14 = sidebarTab() === "supervisor", _v$15 = !!(sidebarTab() === "bookmarks"), _v$16 = sidebarTab() === "bookmarks", _v$17 = !!(sidebarTab() === "checkpoints"), _v$18 = sidebarTab() === "checkpoints", _v$19 = !!(sidebarTab() === "chat"), _v$20 = sidebarTab() === "chat", _v$21 = !!(sidebarTab() === "automation"), _v$22 = sidebarTab() === "automation", _v$23 = !!(sidebarTab() === "history"), _v$24 = sidebarTab() === "history", _v$25 = !!(sidebarTab() === "diff"), _v$26 = sidebarTab() === "diff";
+        _v$11 !== _p$.e && setStyleProperty(_el$9, "width", _p$.e = _v$11);
+        _v$12 !== _p$.t && _el$0.classList.toggle("dragging", _p$.t = _v$12);
+        _v$13 !== _p$.a && _el$16.classList.toggle("active", _p$.a = _v$13);
+        _v$14 !== _p$.o && setAttribute(_el$16, "aria-selected", _p$.o = _v$14);
+        _v$15 !== _p$.i && _el$19.classList.toggle("active", _p$.i = _v$15);
+        _v$16 !== _p$.n && setAttribute(_el$19, "aria-selected", _p$.n = _v$16);
+        _v$17 !== _p$.s && _el$20.classList.toggle("active", _p$.s = _v$17);
+        _v$18 !== _p$.h && setAttribute(_el$20, "aria-selected", _p$.h = _v$18);
+        _v$19 !== _p$.r && _el$21.classList.toggle("active", _p$.r = _v$19);
+        _v$20 !== _p$.d && setAttribute(_el$21, "aria-selected", _p$.d = _v$20);
+        _v$21 !== _p$.l && _el$22.classList.toggle("active", _p$.l = _v$21);
+        _v$22 !== _p$.u && setAttribute(_el$22, "aria-selected", _p$.u = _v$22);
+        _v$23 !== _p$.c && _el$23.classList.toggle("active", _p$.c = _v$23);
+        _v$24 !== _p$.w && setAttribute(_el$23, "aria-selected", _p$.w = _v$24);
+        _v$25 !== _p$.m && _el$24.classList.toggle("active", _p$.m = _v$25);
+        _v$26 !== _p$.f && setAttribute(_el$24, "aria-selected", _p$.f = _v$26);
         return _p$;
       }, {
         e: void 0,
@@ -8466,7 +8780,7 @@ ${contextBlock}` : contextBlock);
   });
 };
 delegateEvents(["click", "pointerdown", "input", "keydown"]);
-var _tmpl$$3 = /* @__PURE__ */ template(`<div class=devtools-console>`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for console output... Console monitoring activates when an agent uses devtools.`), _tmpl$3$2 = /* @__PURE__ */ template(`<div><span></span><span class=console-time></span><span class=console-text></span><span class=console-source>`), _tmpl$4$2 = /* @__PURE__ */ template(`<div class=devtools-network><div class=network-header><span>Method</span><span>URL</span><span>Status</span><span>Type</span><span>Time`), _tmpl$5$2 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for network requests... Network monitoring activates when an agent uses devtools.`), _tmpl$6$2 = /* @__PURE__ */ template(`<div><span class=network-method></span><span class=network-url></span><span></span><span class=network-type></span><span class=network-duration>`), _tmpl$7$2 = /* @__PURE__ */ template(`<div class=devtools-activity>`), _tmpl$8$1 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for agent devtools activity...`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=activity-entry><span class=activity-time></span><span class=activity-tool></span><span class=activity-args></span><span></span><span class=activity-duration>`), _tmpl$0$1 = /* @__PURE__ */ template(`<span class="devtools-tab-badge error">`), _tmpl$1$1 = /* @__PURE__ */ template(`<span class="devtools-tab-badge count">`), _tmpl$10$1 = /* @__PURE__ */ template(`<div class=export-date-inputs><div class=export-date-row><span class=export-date-label>From</span><input class=export-date-input type=date></div><div class=export-date-row><span class=export-date-label>To</span><input class=export-date-input type=date>`), _tmpl$11$1 = /* @__PURE__ */ template(`<div class=devtools-export-dropdown><div class=export-section><div class=export-section-label>Log Types</div><label class=export-checkbox><input type=checkbox>Console</label><label class=export-checkbox><input type=checkbox>Network</label><label class=export-checkbox><input type=checkbox>Activity</label></div><div class=export-section><div class=export-section-label>Date Range</div><div class=export-date-btns><button>Today</button><button>Custom</button></div></div><button class=export-submit>Export JSON`), _tmpl$12$1 = /* @__PURE__ */ template(`<div class=devtools-panel><div class=devtools-tabs><button>Console</button><button>Network</button><button>Activity</button><div class=devtools-tab-spacer></div><div class=devtools-export-wrap><button title="Export Logs"><svg width=13 height=13 viewBox="0 0 13 13"fill=none style=vertical-align:middle><path d="M6.5 1v7M3.5 5l3 3 3-3"stroke=currentColor stroke-width=1.3 stroke-linecap=round stroke-linejoin=round></path><path d="M1 9.5v1A1.5 1.5 0 0 0 2.5 12h8A1.5 1.5 0 0 0 12 10.5v-1"stroke=currentColor stroke-width=1.3 stroke-linecap=round></path></svg></button></div><button class=devtools-close-btn title="Close DevTools">×</button></div><div class=devtools-content>`);
+var _tmpl$$4 = /* @__PURE__ */ template(`<div class=devtools-console>`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for console output... Console monitoring activates when an agent uses devtools.`), _tmpl$3$3 = /* @__PURE__ */ template(`<div><span></span><span class=console-time></span><span class=console-text></span><span class=console-source>`), _tmpl$4$3 = /* @__PURE__ */ template(`<div class=devtools-network><div class=network-header><span>Method</span><span>URL</span><span>Status</span><span>Type</span><span>Time`), _tmpl$5$3 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for network requests... Network monitoring activates when an agent uses devtools.`), _tmpl$6$3 = /* @__PURE__ */ template(`<div><span class=network-method></span><span class=network-url></span><span></span><span class=network-type></span><span class=network-duration>`), _tmpl$7$3 = /* @__PURE__ */ template(`<div class=devtools-activity>`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for agent devtools activity...`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=activity-entry><span class=activity-time></span><span class=activity-tool></span><span class=activity-args></span><span></span><span class=activity-duration>`), _tmpl$0$1 = /* @__PURE__ */ template(`<span class="devtools-tab-badge error">`), _tmpl$1$1 = /* @__PURE__ */ template(`<span class="devtools-tab-badge count">`), _tmpl$10$1 = /* @__PURE__ */ template(`<div class=export-date-inputs><div class=export-date-row><span class=export-date-label>From</span><input class=export-date-input type=date></div><div class=export-date-row><span class=export-date-label>To</span><input class=export-date-input type=date>`), _tmpl$11$1 = /* @__PURE__ */ template(`<div class=devtools-export-dropdown><div class=export-section><div class=export-section-label>Log Types</div><label class=export-checkbox><input type=checkbox>Console</label><label class=export-checkbox><input type=checkbox>Network</label><label class=export-checkbox><input type=checkbox>Activity</label></div><div class=export-section><div class=export-section-label>Date Range</div><div class=export-date-btns><button>Today</button><button>Custom</button></div></div><button class=export-submit>Export JSON`), _tmpl$12$1 = /* @__PURE__ */ template(`<div class=devtools-panel><div class=devtools-tabs><button>Console</button><button>Network</button><button>Activity</button><div class=devtools-tab-spacer></div><div class=devtools-export-wrap><button title="Export Logs"><svg width=13 height=13 viewBox="0 0 13 13"fill=none style=vertical-align:middle><path d="M6.5 1v7M3.5 5l3 3 3-3"stroke=currentColor stroke-width=1.3 stroke-linecap=round stroke-linejoin=round></path><path d="M1 9.5v1A1.5 1.5 0 0 0 2.5 12h8A1.5 1.5 0 0 0 12 10.5v-1"stroke=currentColor stroke-width=1.3 stroke-linecap=round></path></svg></button></div><button class=devtools-close-btn title="Close DevTools">×</button></div><div class=devtools-content>`);
 function statusClass(status) {
   if (status == null) return "pending";
   if (status >= 200 && status < 300) return "ok";
@@ -8527,10 +8841,10 @@ const ConsoleView = (props) => {
       return props.entries.length > 0;
     },
     get fallback() {
-      return _tmpl$2$3();
+      return _tmpl$2$4();
     },
     get children() {
-      var _el$ = _tmpl$$3();
+      var _el$ = _tmpl$$4();
       _el$.addEventListener("scroll", onScroll);
       var _ref$ = scrollRef;
       typeof _ref$ === "function" ? use(_ref$, _el$) : scrollRef = _el$;
@@ -8539,7 +8853,7 @@ const ConsoleView = (props) => {
           return props.entries;
         },
         children: (entry) => (() => {
-          var _el$3 = _tmpl$3$2(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling;
+          var _el$3 = _tmpl$3$3(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.nextSibling;
           insert(_el$4, () => entry.level);
           insert(_el$5, () => formatTime(entry.timestamp, {
             includeSeconds: true
@@ -8583,10 +8897,10 @@ const NetworkView = (props) => {
       return props.entries.length > 0;
     },
     get fallback() {
-      return _tmpl$5$2();
+      return _tmpl$5$3();
     },
     get children() {
-      var _el$8 = _tmpl$4$2();
+      var _el$8 = _tmpl$4$3();
       _el$8.firstChild;
       _el$8.addEventListener("scroll", onScroll);
       var _ref$2 = scrollRef;
@@ -8596,7 +8910,7 @@ const NetworkView = (props) => {
           return props.entries;
         },
         children: (entry) => (() => {
-          var _el$1 = _tmpl$6$2(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.nextSibling, _el$13 = _el$12.nextSibling, _el$14 = _el$13.nextSibling;
+          var _el$1 = _tmpl$6$3(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.nextSibling, _el$13 = _el$12.nextSibling, _el$14 = _el$13.nextSibling;
           insert(_el$10, () => entry.method);
           insert(_el$11, () => shortenUrl(entry.url));
           insert(_el$12, (() => {
@@ -8632,10 +8946,10 @@ const ActivityView = (props) => {
       return props.entries.length > 0;
     },
     get fallback() {
-      return _tmpl$8$1();
+      return _tmpl$8$2();
     },
     get children() {
-      var _el$15 = _tmpl$7$2();
+      var _el$15 = _tmpl$7$3();
       insert(_el$15, createComponent(For, {
         get each() {
           return [...props.entries].reverse();
@@ -8987,7 +9301,7 @@ const PROVIDERS = {
     apiKeyHint: "Optional — only if your endpoint requires authentication"
   }
 };
-var _tmpl$$2 = /* @__PURE__ */ template(`<div class=welcome-banner-actions><button class="premium-btn premium-btn-upgrade">Try Premium free for 7 days — $5.99/mo after</button><span class=welcome-banner-note>Best for screenshots, saved sessions, credential vault, and longer autonomous runs.`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=welcome-banner><div class=welcome-banner-header><span class=welcome-banner-title>Welcome to Vessel</span><button class=welcome-banner-dismiss>&times;</button></div><p class=welcome-banner-text>Get started in three steps:</p><ol class=welcome-banner-steps><li><strong>Configure a chat provider</strong> — scroll to Chat Assistant below and add an API key</li><li><strong>Connect your agent harness</strong> — point it at the MCP endpoint shown below</li><li><strong>Learn the shortcuts</strong> — press <kbd>?</kbd> anytime for a quick reference`), _tmpl$3$1 = /* @__PURE__ */ template(`<div class="settings-callout settings-premium-callout"><div class=settings-callout-title>Start Vessel Premium with a 7-day free trial</div><p class=settings-callout-copy>Unlock screenshots, saved sessions, workflow tracking, table extraction, the credential vault, and longer autonomous runs without leaving the app.</p><div class=settings-premium-callout-actions><button class="premium-btn premium-btn-upgrade">Start 7-day free trial — $5.99/mo after</button><button class="premium-btn premium-btn-activate">See activation steps`), _tmpl$4$1 = /* @__PURE__ */ template(`<input id=max-tool-iterations class=settings-input type=number min=10 max=1000 placeholder=200>`), _tmpl$5$1 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$6$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-provider>Provider</label><select id=chat-provider class="settings-input settings-select">`), _tmpl$7$1 = /* @__PURE__ */ template(`<span class=settings-label-optional> (optional)`), _tmpl$8 = /* @__PURE__ */ template(`<p class=settings-hint>An API key is already stored securely for this provider. Leave this blank to keep it, or enter a new key to replace it.`), _tmpl$9 = /* @__PURE__ */ template(`<p class=settings-hint>If your endpoint requires authentication, enter the API key or bearer token here.`), _tmpl$0 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-api-key>API Key</label><input id=chat-api-key class=settings-input type=password>`), _tmpl$1 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$10 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$11 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-model>Model</label><div style=display:flex;gap:6px;align-items:center><button type=button class=settings-refresh-btn title="Refresh model list">↺`), _tmpl$12 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-base-url>Base URL</label><input id=chat-base-url class=settings-input>`), _tmpl$13 = /* @__PURE__ */ template(`<p class=settings-hint>Vessel auto-detects the active model from your configured \`llama-server\` base URL. For agent loops, run \`llama-server\` with \`--ctx-size 16384\` minimum and \`32768\` recommended.`), _tmpl$14 = /* @__PURE__ */ template(`<div class=premium-section><div class=premium-active-badge>Premium Active</div><p class=premium-detail></p><div class=premium-actions-row><button class="premium-btn premium-btn-manage">Manage Subscription</button><button class="premium-btn premium-btn-reset">Sign Out`), _tmpl$15 = /* @__PURE__ */ template(`<span class=vault-premium-badge>Premium`), _tmpl$16 = /* @__PURE__ */ template(`<p class=settings-hint style=margin-bottom:10px>Store credentials for agent-driven logins. Credentials are encrypted at rest and never sent to AI providers — they are filled directly into login forms with your consent.`), _tmpl$17 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Credential`), _tmpl$18 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Label (e.g. Work GitHub)"><input class=settings-input placeholder="Domain pattern (e.g. github.com, *.aws.amazon.com)"><input class=settings-input placeholder="Username / email"><input class=settings-input type=password placeholder=Password><input class=settings-input placeholder="TOTP secret (optional, base32)"><input class=settings-input placeholder="Notes (optional)"><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Credential</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$19 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Profile`), _tmpl$20 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Profile name (e.g. Personal, Work)"><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px"><input class=settings-input placeholder="First name"><input class=settings-input placeholder="Last name"></div><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px"><input class=settings-input placeholder=Email><input class=settings-input placeholder=Phone></div><input class=settings-input placeholder="Organization (optional)"><input class=settings-input placeholder="Address line 1"><input class=settings-input placeholder="Address line 2 (optional)"><div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px"><input class=settings-input placeholder=City><input class=settings-input placeholder=State><input class=settings-input placeholder="ZIP / Postal"></div><input class=settings-input placeholder=Country><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Profile</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$21 = /* @__PURE__ */ template(`<textarea class="settings-input settings-textarea"rows=4>`), _tmpl$22 = /* @__PURE__ */ template(`<p class=settings-hint>`), _tmpl$23 = /* @__PURE__ */ template(`<p class=settings-hint>Restrict which domains can be navigated to. Use allowlist mode for kiosk or supervised browsing, blocklist to block specific sites.`), _tmpl$24 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=settings-panel><h2 class=settings-title>Runtime Settings</h2><div class=settings-callout><div class=settings-callout-title>External Agent Control</div><p class=settings-callout-copy>Vessel is configured to run under an external harness such as Hermes Agent or OpenClaw. Provider and model selection are not configured inside Vessel.</p></div><div class=settings-field><label class=settings-label for=default-homepage>Homepage</label><input id=default-homepage class=settings-input placeholder=https://start.duckduckgo.com><p class=settings-hint>The page that opens when you create a new tab or launch Vessel without restoring a previous session.</p></div><div class=settings-field><label class=settings-label for=default-search-engine>Default Search Engine</label><select id=default-search-engine class=settings-input><option value=none>None (disabled)</option></select><p class=settings-hint>The search engine used by the AI agent when it needs to search the web. "None" disables the fallback and forces the agent to use on-page search inputs only.</p></div><div class=settings-field><label class=settings-label for=download-path>Download Location</label><input id=download-path class=settings-input placeholder="Default: ~/Downloads"><p class=settings-hint>Directory for saved files. Leave blank to use the system default Downloads folder.</p></div><div class=settings-field><label class=settings-label for=mcp-port>MCP Port</label><input id=mcp-port class=settings-input placeholder=3100><p class=settings-hint>External harnesses connect to Vessel at <code>http://127.0.0.1:&lt;port&gt;/mcp</code>. Changing this value restarts the MCP server immediately.</p></div><div class=settings-field><label class=settings-label for=max-tool-iterations>Max Tool Iterations</label><p class=settings-hint></p></div><div class=settings-field><label class=settings-label for=obsidian-vault-path>Obsidian Vault Path</label><input id=obsidian-vault-path class=settings-input placeholder=/home/you/Documents/MyVault><p class=settings-hint>Optional. When set, Vessel memory tools can write markdown notes into this vault for research breadcrumbs and summaries.</p></div><div class=settings-field><label class=settings-label for=agent-transcript-mode>Agent Transcript Monitor</label><select id=agent-transcript-mode class="settings-input settings-select"><option value=off>Off</option><option value=summary>Summary HUD</option><option value=full>Full transcript</option></select><p class=settings-hint>Controls the in-browser transcript monitor when an external harness publishes reasoning or status updates into Vessel via the<code>vessel_publish_transcript</code> MCP tool. Summary HUD shows a compact 2-line status surface; Full transcript shows the recent entry list.</p></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Restore last browser session on launch</span></label></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Start bookmarks fresh on launch</span></label><p class=settings-hint>Off by default. When enabled, bookmark folders and saved pages are cleared each time Vessel starts.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Saved Sessions</label><p class=settings-hint style=margin-bottom:10px>Save the current browser state (tabs, cookies, storage) as a named session. Restore it later from this panel.</p><div class=premium-activate-row style=margin-bottom:8px><input class="settings-input premium-email-input"placeholder="Session name"><button class="premium-btn premium-btn-activate">Save Current</button></div></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Enable Chat Assistant</span></label><p class=settings-hint>Adds a Chat tab to the sidebar for conversing with an AI provider of your choice.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Vessel Premium</label></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Agent Credential Vault</label></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Form Autofill</label><p class=settings-hint style=margin-bottom:10px>Store your info once. Vessel matches it to form fields on any site using labels, field names, and autocomplete hints.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Anonymous Usage Analytics</span></label><p class=settings-hint>Help improve Vessel by sending anonymous usage data (tool popularity, session duration, provider type). No URLs, page content, queries, or personal data is ever collected.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label for=theme-select>Theme</label><select id=theme-select class="settings-input settings-select"><option value=dark>Dark</option><option value=light>Light</option></select><p class=settings-hint>Choose the application color scheme. Takes effect after saving.</p></div><div class=settings-field><label class=settings-label for=domain-policy-mode>Domain Restrictions</label><select id=domain-policy-mode class="settings-input settings-select"><option value=none>No restrictions</option><option value=allowlist>Allowlist (only listed domains)</option><option value=blocklist>Blocklist (block listed domains)</option></select></div><div class=settings-actions><button class=settings-save>Save</button><button class=settings-close>Close`), _tmpl$25 = /* @__PURE__ */ template(`<style>
+var _tmpl$$3 = /* @__PURE__ */ template(`<div class=welcome-banner-actions><button class="premium-btn premium-btn-upgrade">Try Premium free for 7 days — $5.99/mo after</button><span class=welcome-banner-note>Best for screenshots, saved sessions, credential vault, and longer autonomous runs.`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=welcome-banner><div class=welcome-banner-header><span class=welcome-banner-title>Welcome to Vessel</span><button class=welcome-banner-dismiss>&times;</button></div><p class=welcome-banner-text>Get started in three steps:</p><ol class=welcome-banner-steps><li><strong>Configure a chat provider</strong> — scroll to Chat Assistant below and add an API key</li><li><strong>Connect your agent harness</strong> — point it at the MCP endpoint shown below</li><li><strong>Learn the shortcuts</strong> — press <kbd>?</kbd> anytime for a quick reference`), _tmpl$3$2 = /* @__PURE__ */ template(`<div class="settings-callout settings-premium-callout"><div class=settings-callout-title>Start Vessel Premium with a 7-day free trial</div><p class=settings-callout-copy>Unlock screenshots, saved sessions, workflow tracking, table extraction, the credential vault, and longer autonomous runs without leaving the app.</p><div class=settings-premium-callout-actions><button class="premium-btn premium-btn-upgrade">Start 7-day free trial — $5.99/mo after</button><button class="premium-btn premium-btn-activate">See activation steps`), _tmpl$4$2 = /* @__PURE__ */ template(`<input id=max-tool-iterations class=settings-input type=number min=10 max=1000 placeholder=200>`), _tmpl$5$2 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$6$2 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-provider>Provider</label><select id=chat-provider class="settings-input settings-select">`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=settings-label-optional> (optional)`), _tmpl$8$1 = /* @__PURE__ */ template(`<p class=settings-hint>An API key is already stored securely for this provider. Leave this blank to keep it, or enter a new key to replace it.`), _tmpl$9 = /* @__PURE__ */ template(`<p class=settings-hint>If your endpoint requires authentication, enter the API key or bearer token here.`), _tmpl$0 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-api-key>API Key</label><input id=chat-api-key class=settings-input type=password>`), _tmpl$1 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$10 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$11 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-model>Model</label><div style=display:flex;gap:6px;align-items:center><button type=button class=settings-refresh-btn title="Refresh model list">↺`), _tmpl$12 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-base-url>Base URL</label><input id=chat-base-url class=settings-input>`), _tmpl$13 = /* @__PURE__ */ template(`<p class=settings-hint>Vessel auto-detects the active model from your configured \`llama-server\` base URL. For agent loops, run \`llama-server\` with \`--ctx-size 16384\` minimum and \`32768\` recommended.`), _tmpl$14 = /* @__PURE__ */ template(`<div class=premium-section><div class=premium-active-badge>Premium Active</div><p class=premium-detail></p><div class=premium-actions-row><button class="premium-btn premium-btn-manage">Manage Subscription</button><button class="premium-btn premium-btn-reset">Sign Out`), _tmpl$15 = /* @__PURE__ */ template(`<span class=vault-premium-badge>Premium`), _tmpl$16 = /* @__PURE__ */ template(`<p class=settings-hint style=margin-bottom:10px>Store credentials for agent-driven logins. Credentials are encrypted at rest and never sent to AI providers — they are filled directly into login forms with your consent.`), _tmpl$17 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Credential`), _tmpl$18 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Label (e.g. Work GitHub)"><input class=settings-input placeholder="Domain pattern (e.g. github.com, *.aws.amazon.com)"><input class=settings-input placeholder="Username / email"><input class=settings-input type=password placeholder=Password><input class=settings-input placeholder="TOTP secret (optional, base32)"><input class=settings-input placeholder="Notes (optional)"><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Credential</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$19 = /* @__PURE__ */ template(`<p class=settings-hint style=margin-bottom:10px>Save login credentials for any website. Passwords are encrypted locally and filled directly into login forms. The agent can list and fill them with your consent, but passwords are never sent to AI providers.`), _tmpl$20 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Password`), _tmpl$21 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Title (e.g. GitHub Personal)"><input class=settings-input placeholder="URL (e.g. https://github.com)"><input class=settings-input placeholder="Username / email"><input class=settings-input type=password placeholder=Password><select class=settings-input><option value=login>Login</option><option value=credit_card>Credit Card</option><option value=identity>Identity</option><option value=secure_note>Secure Note</option></select><input class=settings-input placeholder="Notes (optional)"><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Password</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$22 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Profile`), _tmpl$23 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Profile name (e.g. Personal, Work)"><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px"><input class=settings-input placeholder="First name"><input class=settings-input placeholder="Last name"></div><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px"><input class=settings-input placeholder=Email><input class=settings-input placeholder=Phone></div><input class=settings-input placeholder="Organization (optional)"><input class=settings-input placeholder="Address line 1"><input class=settings-input placeholder="Address line 2 (optional)"><div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px"><input class=settings-input placeholder=City><input class=settings-input placeholder=State><input class=settings-input placeholder="ZIP / Postal"></div><input class=settings-input placeholder=Country><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Profile</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$24 = /* @__PURE__ */ template(`<textarea class="settings-input settings-textarea"rows=4>`), _tmpl$25 = /* @__PURE__ */ template(`<p class=settings-hint>`), _tmpl$26 = /* @__PURE__ */ template(`<p class=settings-hint>Restrict which domains can be navigated to. Use allowlist mode for kiosk or supervised browsing, blocklist to block specific sites.`), _tmpl$27 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=settings-panel><h2 class=settings-title>Runtime Settings</h2><div class=settings-callout><div class=settings-callout-title>External Agent Control</div><p class=settings-callout-copy>Vessel is configured to run under an external harness such as Hermes Agent or OpenClaw. Provider and model selection are not configured inside Vessel.</p></div><div class=settings-field><label class=settings-label for=default-homepage>Homepage</label><input id=default-homepage class=settings-input placeholder=https://start.duckduckgo.com><p class=settings-hint>The page that opens when you create a new tab or launch Vessel without restoring a previous session.</p></div><div class=settings-field><label class=settings-label for=default-search-engine>Default Search Engine</label><select id=default-search-engine class=settings-input><option value=none>None (disabled)</option></select><p class=settings-hint>The search engine used by the AI agent when it needs to search the web. "None" disables the fallback and forces the agent to use on-page search inputs only.</p></div><div class=settings-field><label class=settings-label for=download-path>Download Location</label><input id=download-path class=settings-input placeholder="Default: ~/Downloads"><p class=settings-hint>Directory for saved files. Leave blank to use the system default Downloads folder.</p></div><div class=settings-field><label class=settings-label for=mcp-port>MCP Port</label><input id=mcp-port class=settings-input placeholder=3100><p class=settings-hint>External harnesses connect to Vessel at <code>http://127.0.0.1:&lt;port&gt;/mcp</code>. Changing this value restarts the MCP server immediately.</p></div><div class=settings-field><label class=settings-label for=max-tool-iterations>Max Tool Iterations</label><p class=settings-hint></p></div><div class=settings-field><label class=settings-label for=obsidian-vault-path>Obsidian Vault Path</label><input id=obsidian-vault-path class=settings-input placeholder=/home/you/Documents/MyVault><p class=settings-hint>Optional. When set, Vessel memory tools can write markdown notes into this vault for research breadcrumbs and summaries.</p></div><div class=settings-field><label class=settings-label for=agent-transcript-mode>Agent Transcript Monitor</label><select id=agent-transcript-mode class="settings-input settings-select"><option value=off>Off</option><option value=summary>Summary HUD</option><option value=full>Full transcript</option></select><p class=settings-hint>Controls the in-browser transcript monitor when an external harness publishes reasoning or status updates into Vessel via the<code>vessel_publish_transcript</code> MCP tool. Summary HUD shows a compact 2-line status surface; Full transcript shows the recent entry list.</p></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Restore last browser session on launch</span></label></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Start bookmarks fresh on launch</span></label><p class=settings-hint>Off by default. When enabled, bookmark folders and saved pages are cleared each time Vessel starts.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Saved Sessions</label><p class=settings-hint style=margin-bottom:10px>Save the current browser state (tabs, cookies, storage) as a named session. Restore it later from this panel.</p><div class=premium-activate-row style=margin-bottom:8px><input class="settings-input premium-email-input"placeholder="Session name"><button class="premium-btn premium-btn-activate">Save Current</button></div></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Enable Chat Assistant</span></label><p class=settings-hint>Adds a Chat tab to the sidebar for conversing with an AI provider of your choice.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Vessel Premium</label></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Agent Credential Vault</label></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Passwords</label></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Form Autofill</label><p class=settings-hint style=margin-bottom:10px>Store your info once. Vessel matches it to form fields on any site using labels, field names, and autocomplete hints.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Anonymous Usage Analytics</span></label><p class=settings-hint>Help improve Vessel by sending anonymous usage data (tool popularity, session duration, provider type). No URLs, page content, queries, or personal data is ever collected.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label for=theme-select>Theme</label><select id=theme-select class="settings-input settings-select"><option value=dark>Dark</option><option value=light>Light</option></select><p class=settings-hint>Choose the application color scheme. Takes effect after saving.</p></div><div class=settings-field><label class=settings-label for=domain-policy-mode>Domain Restrictions</label><select id=domain-policy-mode class="settings-input settings-select"><option value=none>No restrictions</option><option value=allowlist>Allowlist (only listed domains)</option><option value=blocklist>Blocklist (block listed domains)</option></select></div><div class=settings-actions><button class=settings-save>Save</button><button class=settings-close>Close`), _tmpl$28 = /* @__PURE__ */ template(`<style>
         .settings-panel {
           width: min(440px, calc(100vw - 32px));
           max-height: calc(100vh - 48px);
@@ -9529,7 +9843,7 @@ var _tmpl$$2 = /* @__PURE__ */ template(`<div class=welcome-banner-actions><butt
           justify-content: flex-end;
           margin-top: 4px;
         }
-      `), _tmpl$26 = /* @__PURE__ */ template(`<option>`), _tmpl$27 = /* @__PURE__ */ template(`<div class="settings-input settings-input-disabled"title="Upgrade to Vessel Premium for unlimited tool iterations">50`), _tmpl$28 = /* @__PURE__ */ template(`<div class=settings-health-issues>`), _tmpl$29 = /* @__PURE__ */ template(`<div class=settings-health><div class=settings-callout-title>Runtime Health</div><p class=settings-hint>MCP status: <strong></strong> `), _tmpl$30 = /* @__PURE__ */ template(`<p class=settings-hint>Active endpoint: <code>`), _tmpl$31 = /* @__PURE__ */ template(`<div class=settings-health-issue><strong></strong><div>`), _tmpl$32 = /* @__PURE__ */ template(`<div>`), _tmpl$33 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail> &middot; <!> cookies &middot; <!> domains</span></div><div style=display:flex;gap:6px;align-items:center><button class="premium-btn premium-btn-activate"title="Restore this session (replaces current tabs and cookies)"style="padding:2px 10px;font-size:12px">Load</button><button class=vault-entry-remove title="Delete session">&times;`), _tmpl$34 = /* @__PURE__ */ template(`<input id=chat-model class=settings-input style=flex:1>`), _tmpl$35 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--accent-primary)>`), _tmpl$36 = /* @__PURE__ */ template(`<div class=premium-activate-row><input class="settings-input premium-email-input"inputmode=numeric maxlength=6 placeholder="Enter 6-digit code"><button class="premium-btn premium-btn-activate">`), _tmpl$37 = /* @__PURE__ */ template(`<button class="premium-btn premium-btn-reset">Clear Saved Email`), _tmpl$38 = /* @__PURE__ */ template(`<div class=premium-section><p class=premium-description>Unlock screenshot/vision analysis, session management, Obsidian integration, workflow tracking, DevTools tools, table extraction, Agent Credential Vault, and unlimited tool iterations.</p><div class=premium-activate-row><input class="settings-input premium-email-input"type=email placeholder="Enter your subscription email"><button class="premium-btn premium-btn-activate"></button></div><button class="premium-btn premium-btn-upgrade">Subscribe to Premium — $5.99/mo after 7-day free trial`), _tmpl$39 = /* @__PURE__ */ template(`<p class=settings-status>`), _tmpl$40 = /* @__PURE__ */ template(`<p class=settings-hint>Securely store credentials for agent-driven logins. Upgrade to Premium to unlock the Agent Credential Vault.`), _tmpl$41 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail> &middot; </span></div><button class=vault-entry-remove title="Remove credential">&times;`), _tmpl$42 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail></span></div><div style=display:flex;gap:6px;align-items:center><button class="premium-btn premium-btn-activate"title="Fill forms on current page with this profile"style="padding:2px 10px;font-size:12px">Fill</button><button class=vault-entry-remove title="Remove profile">&times;`);
+      `), _tmpl$29 = /* @__PURE__ */ template(`<option>`), _tmpl$30 = /* @__PURE__ */ template(`<div class="settings-input settings-input-disabled"title="Upgrade to Vessel Premium for unlimited tool iterations">50`), _tmpl$31 = /* @__PURE__ */ template(`<div class=settings-health-issues>`), _tmpl$32 = /* @__PURE__ */ template(`<div class=settings-health><div class=settings-callout-title>Runtime Health</div><p class=settings-hint>MCP status: <strong></strong> `), _tmpl$33 = /* @__PURE__ */ template(`<p class=settings-hint>Active endpoint: <code>`), _tmpl$34 = /* @__PURE__ */ template(`<div class=settings-health-issue><strong></strong><div>`), _tmpl$35 = /* @__PURE__ */ template(`<div>`), _tmpl$36 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail> &middot; <!> cookies &middot; <!> domains</span></div><div style=display:flex;gap:6px;align-items:center><button class="premium-btn premium-btn-activate"title="Restore this session (replaces current tabs and cookies)"style="padding:2px 10px;font-size:12px">Load</button><button class=vault-entry-remove title="Delete session">&times;`), _tmpl$37 = /* @__PURE__ */ template(`<input id=chat-model class=settings-input style=flex:1>`), _tmpl$38 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--accent-primary)>`), _tmpl$39 = /* @__PURE__ */ template(`<div class=premium-activate-row><input class="settings-input premium-email-input"inputmode=numeric maxlength=6 placeholder="Enter 6-digit code"><button class="premium-btn premium-btn-activate">`), _tmpl$40 = /* @__PURE__ */ template(`<button class="premium-btn premium-btn-reset">Clear Saved Email`), _tmpl$41 = /* @__PURE__ */ template(`<div class=premium-section><p class=premium-description>Unlock screenshot/vision analysis, session management, Obsidian integration, workflow tracking, DevTools tools, table extraction, Agent Credential Vault, and unlimited tool iterations.</p><div class=premium-activate-row><input class="settings-input premium-email-input"type=email placeholder="Enter your subscription email"><button class="premium-btn premium-btn-activate"></button></div><button class="premium-btn premium-btn-upgrade">Subscribe to Premium — $5.99/mo after 7-day free trial`), _tmpl$42 = /* @__PURE__ */ template(`<p class=settings-status>`), _tmpl$43 = /* @__PURE__ */ template(`<p class=settings-hint>Securely store credentials for agent-driven logins. Upgrade to Premium to unlock the Agent Credential Vault.`), _tmpl$44 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail> &middot; </span></div><button class=vault-entry-remove title="Remove credential">&times;`), _tmpl$45 = /* @__PURE__ */ template(`<p class=settings-hint>Your personal password manager. Save, organize, and autofill login credentials. Upgrade to Premium to unlock Passwords.`), _tmpl$46 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail> &middot; </span></div><button class=vault-entry-remove title="Remove password">&times;`), _tmpl$47 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail></span></div><div style=display:flex;gap:6px;align-items:center><button class="premium-btn premium-btn-activate"title="Fill forms on current page with this profile"style="padding:2px 10px;font-size:12px">Fill</button><button class=vault-entry-remove title="Remove profile">&times;`);
 const CHAT_PROVIDERS = Object.values(PROVIDERS).map((p) => ({
   id: p.id,
   name: p.name,
@@ -9585,6 +9899,67 @@ const Settings = () => {
   const [vaultNewTotp, setVaultNewTotp] = createSignal("");
   const [vaultNewNotes, setVaultNewNotes] = createSignal("");
   const [vaultMessage, setVaultMessage] = createSignal(null);
+  const [humanEntries, setHumanEntries] = createSignal([]);
+  const [humanAdding, setHumanAdding] = createSignal(false);
+  const [humanNewTitle, setHumanNewTitle] = createSignal("");
+  const [humanNewUrl, setHumanNewUrl] = createSignal("");
+  const [humanNewUsername, setHumanNewUsername] = createSignal("");
+  const [humanNewPassword, setHumanNewPassword] = createSignal("");
+  const [humanNewNotes, setHumanNewNotes] = createSignal("");
+  const [humanNewCategory, setHumanNewCategory] = createSignal("login");
+  const [humanMessage, setHumanMessage] = createSignal(null);
+  const loadHumanEntries = async () => {
+    try {
+      const entries2 = await window.vessel.humanVault.list();
+      setHumanEntries(entries2);
+    } catch (err) {
+      logger.warn("Failed to load human vault entries:", err);
+    }
+  };
+  const handleHumanAdd = async () => {
+    if (!humanNewTitle().trim() || !humanNewUrl().trim() || !humanNewUsername().trim() || !humanNewPassword().trim()) {
+      setHumanMessage({
+        kind: "error",
+        text: "Title, URL, username, and password are required."
+      });
+      return;
+    }
+    try {
+      await window.vessel.humanVault.save({
+        title: humanNewTitle().trim(),
+        url: humanNewUrl().trim(),
+        username: humanNewUsername().trim(),
+        password: humanNewPassword(),
+        notes: humanNewNotes().trim() || void 0,
+        category: humanNewCategory()
+      });
+      setHumanMessage({
+        kind: "success",
+        text: "Password saved."
+      });
+      setHumanAdding(false);
+      setHumanNewTitle("");
+      setHumanNewUrl("");
+      setHumanNewUsername("");
+      setHumanNewPassword("");
+      setHumanNewNotes("");
+      setHumanNewCategory("login");
+      loadHumanEntries();
+    } catch (err) {
+      setHumanMessage({
+        kind: "error",
+        text: err?.message || "Failed to save."
+      });
+    }
+  };
+  const handleHumanRemove = async (id) => {
+    try {
+      await window.vessel.humanVault.remove(id);
+      loadHumanEntries();
+    } catch (err) {
+      logger.warn("Failed to remove human vault entry:", err);
+    }
+  };
   const [autofillProfiles, setAutofillProfiles] = createSignal([]);
   const [autofillAdding, setAutofillAdding] = createSignal(false);
   const [autofillLabel, setAutofillLabel] = createSignal("");
@@ -9892,12 +10267,13 @@ const Settings = () => {
       logger.warn("Failed to load premium state:", err);
     }
     await loadVaultEntries();
+    await loadHumanEntries();
     await loadSessionList();
   };
   onMount(() => {
     void loadState();
     void loadAutofillProfiles();
-    const unsubscribe = window.vessel.settings.onHealthUpdate((nextHealth) => {
+    const unsubscribe2 = window.vessel.settings.onHealthUpdate((nextHealth) => {
       setHealth(nextHealth);
     });
     const unsubscribePremium = window.vessel.premium.onUpdate((nextState) => {
@@ -9914,7 +10290,7 @@ const Settings = () => {
       }
     });
     onCleanup(() => {
-      unsubscribe();
+      unsubscribe2();
       unsubscribePremium();
     });
   });
@@ -9992,13 +10368,15 @@ const Settings = () => {
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$24(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$11 = _el$3.nextSibling, _el$18 = _el$11.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling, _el$21 = _el$18.nextSibling, _el$22 = _el$21.firstChild, _el$23 = _el$22.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$21.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling, _el$28 = _el$25.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$28.nextSibling, _el$32 = _el$31.firstChild, _el$34 = _el$32.nextSibling, _el$35 = _el$31.nextSibling, _el$36 = _el$35.firstChild, _el$37 = _el$36.nextSibling, _el$38 = _el$35.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$39.nextSibling, _el$41 = _el$38.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$42.firstChild, _el$44 = _el$41.nextSibling, _el$45 = _el$44.firstChild, _el$46 = _el$45.firstChild, _el$47 = _el$44.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling, _el$55 = _el$48.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$56.firstChild, _el$58 = _el$57.firstChild, _el$79 = _el$56.nextSibling, _el$80 = _el$79.nextSibling;
+        var _el$ = _tmpl$27(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$11 = _el$3.nextSibling, _el$18 = _el$11.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling, _el$21 = _el$18.nextSibling, _el$22 = _el$21.firstChild, _el$23 = _el$22.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$21.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling, _el$28 = _el$25.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$28.nextSibling, _el$32 = _el$31.firstChild, _el$34 = _el$32.nextSibling, _el$35 = _el$31.nextSibling, _el$36 = _el$35.firstChild, _el$37 = _el$36.nextSibling, _el$38 = _el$35.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$39.nextSibling, _el$41 = _el$38.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$42.firstChild, _el$44 = _el$41.nextSibling, _el$45 = _el$44.firstChild, _el$46 = _el$45.firstChild, _el$47 = _el$44.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling, _el$55 = _el$48.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$56.firstChild, _el$58 = _el$57.firstChild, _el$79 = _el$56.nextSibling, _el$80 = _el$79.nextSibling;
         _el$80.firstChild;
         var _el$89 = _el$80.nextSibling, _el$90 = _el$89.nextSibling, _el$91 = _el$90.firstChild;
         _el$91.firstChild;
         var _el$107 = _el$90.nextSibling, _el$108 = _el$107.nextSibling, _el$109 = _el$108.firstChild;
-        _el$109.nextSibling;
-        var _el$132 = _el$108.nextSibling, _el$133 = _el$132.nextSibling, _el$134 = _el$133.firstChild, _el$135 = _el$134.firstChild, _el$136 = _el$133.nextSibling, _el$137 = _el$136.nextSibling, _el$138 = _el$137.firstChild, _el$139 = _el$138.nextSibling, _el$140 = _el$137.nextSibling, _el$141 = _el$140.firstChild, _el$142 = _el$141.nextSibling, _el$146 = _el$140.nextSibling, _el$147 = _el$146.firstChild, _el$148 = _el$147.nextSibling;
+        _el$109.firstChild;
+        var _el$125 = _el$108.nextSibling, _el$126 = _el$125.nextSibling, _el$127 = _el$126.firstChild;
+        _el$127.nextSibling;
+        var _el$150 = _el$126.nextSibling, _el$151 = _el$150.nextSibling, _el$152 = _el$151.firstChild, _el$153 = _el$152.firstChild, _el$154 = _el$151.nextSibling, _el$155 = _el$154.nextSibling, _el$156 = _el$155.firstChild, _el$157 = _el$156.nextSibling, _el$158 = _el$155.nextSibling, _el$159 = _el$158.firstChild, _el$160 = _el$159.nextSibling, _el$164 = _el$158.nextSibling, _el$165 = _el$164.firstChild, _el$166 = _el$165.nextSibling;
         addEventListener(_el$, "click", closeSettings, true);
         _el$2.$$keydown = handleKeyDown;
         _el$2.$$click = (e) => e.stopPropagation();
@@ -10007,14 +10385,14 @@ const Settings = () => {
             return showWelcome();
           },
           get children() {
-            var _el$4 = _tmpl$2$2(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$5.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild;
+            var _el$4 = _tmpl$2$3(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$5.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild;
             _el$7.$$click = dismissWelcome;
             insert(_el$4, createComponent(Show, {
               get when() {
                 return !premiumActive();
               },
               get children() {
-                var _el$1 = _tmpl$$2(), _el$10 = _el$1.firstChild;
+                var _el$1 = _tmpl$$3(), _el$10 = _el$1.firstChild;
                 _el$10.$$click = () => {
                   void trackPremiumContext("welcome_banner_clicked");
                   startPremiumCheckout();
@@ -10031,7 +10409,7 @@ const Settings = () => {
             return !premiumActive();
           },
           get children() {
-            var _el$12 = _tmpl$3$1(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
+            var _el$12 = _tmpl$3$2(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
             _el$16.$$click = () => {
               void trackPremiumContext("settings_banner_clicked");
               startPremiumCheckout();
@@ -10054,10 +10432,10 @@ const Settings = () => {
             return Object.entries(SEARCH_ENGINE_PRESETS);
           },
           children: ([id, preset]) => (() => {
-            var _el$150 = _tmpl$26();
-            _el$150.value = id;
-            insert(_el$150, () => preset.label);
-            return _el$150;
+            var _el$168 = _tmpl$29();
+            _el$168.value = id;
+            insert(_el$168, () => preset.label);
+            return _el$168;
           })()
         }), _el$24);
         _el$27.$$input = (e) => setDownloadPath(e.currentTarget.value);
@@ -10069,10 +10447,10 @@ const Settings = () => {
             return premiumActive();
           },
           get fallback() {
-            return _tmpl$27();
+            return _tmpl$30();
           },
           get children() {
-            var _el$33 = _tmpl$4$1();
+            var _el$33 = _tmpl$4$2();
             _el$33.$$input = (e) => setMaxToolIterations(e.currentTarget.value);
             createRenderEffect(() => _el$33.value = maxToolIterations());
             return _el$33;
@@ -10090,55 +10468,55 @@ const Settings = () => {
             return health();
           },
           children: (currentHealth) => (() => {
-            var _el$152 = _tmpl$29(), _el$153 = _el$152.firstChild, _el$154 = _el$153.nextSibling, _el$155 = _el$154.firstChild, _el$157 = _el$155.nextSibling;
-            _el$157.nextSibling;
-            insert(_el$157, () => currentHealth().mcp.status);
-            insert(_el$154, () => currentHealth().mcp.message, null);
-            insert(_el$152, createComponent(Show, {
+            var _el$170 = _tmpl$32(), _el$171 = _el$170.firstChild, _el$172 = _el$171.nextSibling, _el$173 = _el$172.firstChild, _el$175 = _el$173.nextSibling;
+            _el$175.nextSibling;
+            insert(_el$175, () => currentHealth().mcp.status);
+            insert(_el$172, () => currentHealth().mcp.message, null);
+            insert(_el$170, createComponent(Show, {
               get when() {
                 return currentHealth().mcp.endpoint;
               },
               children: (endpoint) => (() => {
-                var _el$160 = _tmpl$30(), _el$161 = _el$160.firstChild, _el$162 = _el$161.nextSibling;
-                insert(_el$162, endpoint);
-                return _el$160;
+                var _el$178 = _tmpl$33(), _el$179 = _el$178.firstChild, _el$180 = _el$179.nextSibling;
+                insert(_el$180, endpoint);
+                return _el$178;
               })()
             }), null);
-            insert(_el$152, createComponent(Show, {
+            insert(_el$170, createComponent(Show, {
               get when() {
                 return currentHealth().startupIssues.length > 0;
               },
               get children() {
-                var _el$159 = _tmpl$28();
-                insert(_el$159, () => currentHealth().startupIssues.map((issue) => (() => {
-                  var _el$163 = _tmpl$31(), _el$164 = _el$163.firstChild, _el$165 = _el$164.nextSibling;
-                  insert(_el$164, () => issue.title);
-                  insert(_el$165, () => issue.detail);
-                  insert(_el$163, createComponent(Show, {
+                var _el$177 = _tmpl$31();
+                insert(_el$177, () => currentHealth().startupIssues.map((issue) => (() => {
+                  var _el$181 = _tmpl$34(), _el$182 = _el$181.firstChild, _el$183 = _el$182.nextSibling;
+                  insert(_el$182, () => issue.title);
+                  insert(_el$183, () => issue.detail);
+                  insert(_el$181, createComponent(Show, {
                     get when() {
                       return issue.action;
                     },
                     children: (action) => (() => {
-                      var _el$166 = _tmpl$32();
-                      insert(_el$166, action);
-                      return _el$166;
+                      var _el$184 = _tmpl$35();
+                      insert(_el$184, action);
+                      return _el$184;
                     })()
                   }), null);
                   createRenderEffect((_p$) => {
                     var _v$1 = !!(issue.severity === "warning"), _v$10 = !!(issue.severity === "error");
-                    _v$1 !== _p$.e && _el$163.classList.toggle("warning", _p$.e = _v$1);
-                    _v$10 !== _p$.t && _el$163.classList.toggle("error", _p$.t = _v$10);
+                    _v$1 !== _p$.e && _el$181.classList.toggle("warning", _p$.e = _v$1);
+                    _v$10 !== _p$.t && _el$181.classList.toggle("error", _p$.t = _v$10);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$163;
+                  return _el$181;
                 })()));
-                return _el$159;
+                return _el$177;
               }
             }), null);
-            return _el$152;
+            return _el$170;
           })()
         }), _el$35);
         _el$37.$$input = (e) => setObsidianVaultPath(e.currentTarget.value);
@@ -10170,20 +10548,20 @@ const Settings = () => {
             return sessionList().length > 0;
           },
           get children() {
-            var _el$54 = _tmpl$5$1();
+            var _el$54 = _tmpl$5$2();
             insert(_el$54, createComponent(For, {
               get each() {
                 return sessionList();
               },
               children: (s) => (() => {
-                var _el$167 = _tmpl$33(), _el$168 = _el$167.firstChild, _el$169 = _el$168.firstChild, _el$170 = _el$169.nextSibling, _el$171 = _el$170.firstChild, _el$177 = _el$171.nextSibling, _el$173 = _el$177.nextSibling, _el$178 = _el$173.nextSibling;
-                _el$178.nextSibling;
-                var _el$179 = _el$168.nextSibling, _el$180 = _el$179.firstChild, _el$181 = _el$180.nextSibling;
-                insert(_el$169, () => s.name);
-                insert(_el$170, () => new Date(s.updatedAt).toLocaleDateString(), _el$171);
-                insert(_el$170, () => s.cookieCount, _el$177);
-                insert(_el$170, () => s.domains.length, _el$178);
-                _el$180.$$click = async () => {
+                var _el$185 = _tmpl$36(), _el$186 = _el$185.firstChild, _el$187 = _el$186.firstChild, _el$188 = _el$187.nextSibling, _el$189 = _el$188.firstChild, _el$195 = _el$189.nextSibling, _el$191 = _el$195.nextSibling, _el$196 = _el$191.nextSibling;
+                _el$196.nextSibling;
+                var _el$197 = _el$186.nextSibling, _el$198 = _el$197.firstChild, _el$199 = _el$198.nextSibling;
+                insert(_el$187, () => s.name);
+                insert(_el$188, () => new Date(s.updatedAt).toLocaleDateString(), _el$189);
+                insert(_el$188, () => s.cookieCount, _el$195);
+                insert(_el$188, () => s.domains.length, _el$196);
+                _el$198.$$click = async () => {
                   try {
                     await window.vessel.sessions.load(s.name);
                     setStatus({
@@ -10198,11 +10576,11 @@ const Settings = () => {
                     });
                   }
                 };
-                _el$181.$$click = async () => {
+                _el$199.$$click = async () => {
                   await window.vessel.sessions.delete(s.name);
                   await loadSessionList();
                 };
-                return _el$167;
+                return _el$185;
               })()
             }));
             return _el$54;
@@ -10215,7 +10593,7 @@ const Settings = () => {
           },
           get children() {
             return [(() => {
-              var _el$59 = _tmpl$6$1(), _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling;
+              var _el$59 = _tmpl$6$2(), _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling;
               _el$61.addEventListener("change", (e) => {
                 const id = e.currentTarget.value;
                 setChatProviderId(id);
@@ -10229,10 +10607,10 @@ const Settings = () => {
               insert(_el$61, createComponent(For, {
                 each: CHAT_PROVIDERS,
                 children: (p) => (() => {
-                  var _el$182 = _tmpl$26();
-                  insert(_el$182, () => p.name);
-                  createRenderEffect(() => _el$182.value = p.id);
-                  return _el$182;
+                  var _el$200 = _tmpl$29();
+                  insert(_el$200, () => p.name);
+                  createRenderEffect(() => _el$200.value = p.id);
+                  return _el$200;
                 })()
               }));
               createRenderEffect(() => _el$61.value = chatProviderId());
@@ -10250,7 +10628,7 @@ const Settings = () => {
                     return !chatProviderMeta().requiresKey;
                   },
                   get children() {
-                    return _tmpl$7$1();
+                    return _tmpl$7$2();
                   }
                 }), null);
                 _el$66.$$input = (e) => {
@@ -10265,7 +10643,7 @@ const Settings = () => {
                     return memo(() => !!chatHasStoredApiKey())() && !chatApiKey().trim();
                   },
                   get children() {
-                    return _tmpl$8();
+                    return _tmpl$8$1();
                   }
                 }), null);
                 insert(_el$62, createComponent(Show, {
@@ -10288,12 +10666,12 @@ const Settings = () => {
                 },
                 get fallback() {
                   return (() => {
-                    var _el$183 = _tmpl$34();
-                    _el$183.$$input = (e) => setChatModel(e.currentTarget.value);
-                    setAttribute(_el$183, "spellcheck", false);
-                    createRenderEffect(() => setAttribute(_el$183, "placeholder", modelFetchState() === "loading" ? "Fetching models…" : chatProviderMeta().requiresKey && !chatApiKey().trim() && !chatHasStoredApiKey() ? "Enter API key to load models" : chatProviderMeta().defaultModel || "model name"));
-                    createRenderEffect(() => _el$183.value = chatModel());
-                    return _el$183;
+                    var _el$201 = _tmpl$37();
+                    _el$201.$$input = (e) => setChatModel(e.currentTarget.value);
+                    setAttribute(_el$201, "spellcheck", false);
+                    createRenderEffect(() => setAttribute(_el$201, "placeholder", modelFetchState() === "loading" ? "Fetching models…" : chatProviderMeta().requiresKey && !chatApiKey().trim() && !chatHasStoredApiKey() ? "Enter API key to load models" : chatProviderMeta().defaultModel || "model name"));
+                    createRenderEffect(() => _el$201.value = chatModel());
+                    return _el$201;
                   })();
                 },
                 get children() {
@@ -10304,10 +10682,10 @@ const Settings = () => {
                       return providerModels();
                     },
                     children: (m) => (() => {
-                      var _el$184 = _tmpl$26();
-                      _el$184.value = m;
-                      insert(_el$184, m);
-                      return _el$184;
+                      var _el$202 = _tmpl$29();
+                      _el$202.value = m;
+                      insert(_el$202, m);
+                      return _el$202;
                     })()
                   }));
                   createRenderEffect(() => _el$72.value = chatModel());
@@ -10328,9 +10706,9 @@ const Settings = () => {
                   return modelFetchWarning();
                 },
                 children: (warning) => (() => {
-                  var _el$185 = _tmpl$35();
-                  insert(_el$185, warning);
-                  return _el$185;
+                  var _el$203 = _tmpl$38();
+                  insert(_el$203, warning);
+                  return _el$203;
                 })()
               }), null);
               createRenderEffect(() => _el$73.disabled = modelFetchState() === "loading");
@@ -10363,8 +10741,8 @@ const Settings = () => {
           },
           get fallback() {
             return (() => {
-              var _el$186 = _tmpl$38(), _el$187 = _el$186.firstChild, _el$188 = _el$187.nextSibling, _el$189 = _el$188.firstChild, _el$190 = _el$189.nextSibling, _el$194 = _el$188.nextSibling;
-              _el$189.$$input = (e) => {
+              var _el$204 = _tmpl$41(), _el$205 = _el$204.firstChild, _el$206 = _el$205.nextSibling, _el$207 = _el$206.firstChild, _el$208 = _el$207.nextSibling, _el$212 = _el$206.nextSibling;
+              _el$207.$$input = (e) => {
                 const nextEmail = e.currentTarget.value;
                 if (nextEmail.trim().toLowerCase() !== premiumEmail().trim().toLowerCase()) {
                   resetPremiumActivationFlow();
@@ -10372,8 +10750,8 @@ const Settings = () => {
                 }
                 setPremiumEmail(nextEmail);
               };
-              setAttribute(_el$189, "spellcheck", false);
-              _el$190.$$click = async () => {
+              setAttribute(_el$207, "spellcheck", false);
+              _el$208.$$click = async () => {
                 setPremiumLoading(true);
                 setPremiumMessage(null);
                 try {
@@ -10402,23 +10780,23 @@ const Settings = () => {
                   setPremiumLoading(false);
                 }
               };
-              insert(_el$190, (() => {
+              insert(_el$208, (() => {
                 var _c$ = memo(() => !!premiumLoading());
                 return () => _c$() ? "Sending..." : premiumCodeSent() ? "Resend Code" : "Send Code";
               })());
-              insert(_el$186, createComponent(Show, {
+              insert(_el$204, createComponent(Show, {
                 get when() {
                   return premiumCodeSent();
                 },
                 get children() {
-                  var _el$191 = _tmpl$36(), _el$192 = _el$191.firstChild, _el$193 = _el$192.nextSibling;
-                  _el$192.$$input = (e) => {
+                  var _el$209 = _tmpl$39(), _el$210 = _el$209.firstChild, _el$211 = _el$210.nextSibling;
+                  _el$210.$$input = (e) => {
                     const nextCode = e.currentTarget.value.replace(/\D+/g, "").slice(0, 6);
                     setPremiumCode(nextCode);
                     setPremiumMessage(null);
                   };
-                  setAttribute(_el$192, "spellcheck", false);
-                  _el$193.$$click = async () => {
+                  setAttribute(_el$210, "spellcheck", false);
+                  _el$211.$$click = async () => {
                     setPremiumLoading(true);
                     setPremiumMessage(null);
                     try {
@@ -10445,53 +10823,53 @@ const Settings = () => {
                       setPremiumLoading(false);
                     }
                   };
-                  insert(_el$193, () => premiumLoading() ? "Verifying..." : "Verify Code");
-                  createRenderEffect(() => _el$193.disabled = premiumLoading() || !premiumEmail().trim() || premiumCode().trim().length !== 6 || !premiumChallengeToken());
-                  createRenderEffect(() => _el$192.value = premiumCode());
-                  return _el$191;
+                  insert(_el$211, () => premiumLoading() ? "Verifying..." : "Verify Code");
+                  createRenderEffect(() => _el$211.disabled = premiumLoading() || !premiumEmail().trim() || premiumCode().trim().length !== 6 || !premiumChallengeToken());
+                  createRenderEffect(() => _el$210.value = premiumCode());
+                  return _el$209;
                 }
-              }), _el$194);
-              _el$194.$$click = () => {
+              }), _el$212);
+              _el$212.$$click = () => {
                 startPremiumCheckout();
               };
-              insert(_el$186, createComponent(Show, {
+              insert(_el$204, createComponent(Show, {
                 get when() {
                   return premiumMessage();
                 },
                 children: (msg) => (() => {
-                  var _el$196 = _tmpl$39();
-                  insert(_el$196, () => msg().text);
+                  var _el$214 = _tmpl$42();
+                  insert(_el$214, () => msg().text);
                   createRenderEffect((_p$) => {
                     var _v$11 = !!(msg().kind === "success"), _v$12 = !!(msg().kind === "error");
-                    _v$11 !== _p$.e && _el$196.classList.toggle("success", _p$.e = _v$11);
-                    _v$12 !== _p$.t && _el$196.classList.toggle("error", _p$.t = _v$12);
+                    _v$11 !== _p$.e && _el$214.classList.toggle("success", _p$.e = _v$11);
+                    _v$12 !== _p$.t && _el$214.classList.toggle("error", _p$.t = _v$12);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$196;
+                  return _el$214;
                 })()
               }), null);
-              insert(_el$186, createComponent(Show, {
+              insert(_el$204, createComponent(Show, {
                 get when() {
                   return premiumState().email || premiumEmail();
                 },
                 get children() {
-                  var _el$195 = _tmpl$37();
-                  _el$195.$$click = async () => {
+                  var _el$213 = _tmpl$40();
+                  _el$213.$$click = async () => {
                     const state = await window.vessel.premium.reset();
                     setPremiumState(state);
                     setPremiumEmail("");
                     resetPremiumActivationFlow();
                     setPremiumMessage(null);
                   };
-                  return _el$195;
+                  return _el$213;
                 }
               }), null);
-              createRenderEffect(() => _el$190.disabled = premiumLoading() || !premiumEmail().trim());
-              createRenderEffect(() => _el$189.value = premiumEmail());
-              return _el$186;
+              createRenderEffect(() => _el$208.disabled = premiumLoading() || !premiumEmail().trim());
+              createRenderEffect(() => _el$207.value = premiumEmail());
+              return _el$204;
             })();
           },
           get children() {
@@ -10537,18 +10915,18 @@ const Settings = () => {
                 return premiumMessage();
               },
               children: (msg) => (() => {
-                var _el$197 = _tmpl$39();
-                insert(_el$197, () => msg().text);
+                var _el$215 = _tmpl$42();
+                insert(_el$215, () => msg().text);
                 createRenderEffect((_p$) => {
                   var _v$13 = !!(msg().kind === "success"), _v$14 = !!(msg().kind === "error");
-                  _v$13 !== _p$.e && _el$197.classList.toggle("success", _p$.e = _v$13);
-                  _v$14 !== _p$.t && _el$197.classList.toggle("error", _p$.t = _v$14);
+                  _v$13 !== _p$.e && _el$215.classList.toggle("success", _p$.e = _v$13);
+                  _v$14 !== _p$.t && _el$215.classList.toggle("error", _p$.t = _v$14);
                   return _p$;
                 }, {
                   e: void 0,
                   t: void 0
                 });
-                return _el$197;
+                return _el$215;
               })()
             }), null);
             return _el$82;
@@ -10567,7 +10945,7 @@ const Settings = () => {
             return premiumActive();
           },
           get fallback() {
-            return _tmpl$40();
+            return _tmpl$43();
           },
           get children() {
             return [_tmpl$16(), createComponent(Show, {
@@ -10575,17 +10953,17 @@ const Settings = () => {
                 return vaultEntries().length > 0;
               },
               get children() {
-                var _el$95 = _tmpl$5$1();
+                var _el$95 = _tmpl$5$2();
                 insert(_el$95, createComponent(For, {
                   get each() {
                     return vaultEntries();
                   },
                   children: (entry) => (() => {
-                    var _el$199 = _tmpl$41(), _el$200 = _el$199.firstChild, _el$201 = _el$200.firstChild, _el$202 = _el$201.nextSibling, _el$203 = _el$202.firstChild, _el$204 = _el$200.nextSibling;
-                    insert(_el$201, () => entry.label);
-                    insert(_el$202, () => entry.username, _el$203);
-                    insert(_el$202, () => entry.domainPattern, null);
-                    insert(_el$202, createComponent(Show, {
+                    var _el$217 = _tmpl$44(), _el$218 = _el$217.firstChild, _el$219 = _el$218.firstChild, _el$220 = _el$219.nextSibling, _el$221 = _el$220.firstChild, _el$222 = _el$218.nextSibling;
+                    insert(_el$219, () => entry.label);
+                    insert(_el$220, () => entry.username, _el$221);
+                    insert(_el$220, () => entry.domainPattern, null);
+                    insert(_el$220, createComponent(Show, {
                       get when() {
                         return entry.useCount > 0;
                       },
@@ -10593,8 +10971,8 @@ const Settings = () => {
                         return [" ", "· Used ", memo(() => entry.useCount), "x"];
                       }
                     }), null);
-                    _el$204.$$click = () => handleVaultRemove(entry.id);
-                    return _el$199;
+                    _el$222.$$click = () => handleVaultRemove(entry.id);
+                    return _el$217;
                   })()
                 }));
                 return _el$95;
@@ -10651,87 +11029,207 @@ const Settings = () => {
                 return vaultMessage();
               },
               children: (msg) => (() => {
-                var _el$205 = _tmpl$39();
-                insert(_el$205, () => msg().text);
+                var _el$223 = _tmpl$42();
+                insert(_el$223, () => msg().text);
                 createRenderEffect((_p$) => {
                   var _v$15 = !!(msg().kind === "success"), _v$16 = !!(msg().kind === "error");
-                  _v$15 !== _p$.e && _el$205.classList.toggle("success", _p$.e = _v$15);
-                  _v$16 !== _p$.t && _el$205.classList.toggle("error", _p$.t = _v$16);
+                  _v$15 !== _p$.e && _el$223.classList.toggle("success", _p$.e = _v$15);
+                  _v$16 !== _p$.t && _el$223.classList.toggle("error", _p$.t = _v$16);
                   return _p$;
                 }, {
                   e: void 0,
                   t: void 0
                 });
-                return _el$205;
+                return _el$223;
               })()
             })];
           }
         }), null);
+        insert(_el$109, createComponent(Show, {
+          get when() {
+            return !premiumActive();
+          },
+          get children() {
+            return _tmpl$15();
+          }
+        }), null);
         insert(_el$108, createComponent(Show, {
+          get when() {
+            return premiumActive();
+          },
+          get fallback() {
+            return _tmpl$45();
+          },
+          get children() {
+            return [_tmpl$19(), createComponent(Show, {
+              get when() {
+                return humanEntries().length > 0;
+              },
+              get children() {
+                var _el$113 = _tmpl$5$2();
+                insert(_el$113, createComponent(For, {
+                  get each() {
+                    return humanEntries();
+                  },
+                  children: (entry) => (() => {
+                    var _el$225 = _tmpl$46(), _el$226 = _el$225.firstChild, _el$227 = _el$226.firstChild, _el$228 = _el$227.nextSibling, _el$229 = _el$228.firstChild, _el$230 = _el$226.nextSibling;
+                    insert(_el$227, () => entry.title);
+                    insert(_el$228, () => entry.username, _el$229);
+                    insert(_el$228, () => entry.domain, null);
+                    insert(_el$228, createComponent(Show, {
+                      get when() {
+                        return memo(() => !!entry.category)() && entry.category !== "login";
+                      },
+                      get children() {
+                        return [" ", "· ", memo(() => entry.category)];
+                      }
+                    }), null);
+                    insert(_el$228, createComponent(Show, {
+                      get when() {
+                        return entry.useCount > 0;
+                      },
+                      get children() {
+                        return [" ", "· Used ", memo(() => entry.useCount), "x"];
+                      }
+                    }), null);
+                    _el$230.$$click = () => handleHumanRemove(entry.id);
+                    return _el$225;
+                  })()
+                }));
+                return _el$113;
+              }
+            }), createComponent(Show, {
+              get when() {
+                return !humanAdding();
+              },
+              get children() {
+                var _el$114 = _tmpl$20();
+                _el$114.$$click = () => {
+                  setHumanAdding(true);
+                  setHumanMessage(null);
+                };
+                return _el$114;
+              }
+            }), createComponent(Show, {
+              get when() {
+                return humanAdding();
+              },
+              get children() {
+                var _el$115 = _tmpl$21(), _el$116 = _el$115.firstChild, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling, _el$119 = _el$118.nextSibling, _el$120 = _el$119.nextSibling, _el$121 = _el$120.nextSibling, _el$122 = _el$121.nextSibling, _el$123 = _el$122.firstChild, _el$124 = _el$123.nextSibling;
+                _el$116.$$input = (e) => setHumanNewTitle(e.currentTarget.value);
+                setAttribute(_el$116, "spellcheck", false);
+                _el$117.$$input = (e) => setHumanNewUrl(e.currentTarget.value);
+                setAttribute(_el$117, "spellcheck", false);
+                _el$118.$$input = (e) => setHumanNewUsername(e.currentTarget.value);
+                setAttribute(_el$118, "spellcheck", false);
+                _el$119.$$input = (e) => setHumanNewPassword(e.currentTarget.value);
+                _el$120.addEventListener("change", (e) => setHumanNewCategory(e.currentTarget.value));
+                _el$121.$$input = (e) => setHumanNewNotes(e.currentTarget.value);
+                setAttribute(_el$121, "spellcheck", false);
+                _el$123.$$click = handleHumanAdd;
+                _el$124.$$click = () => {
+                  setHumanAdding(false);
+                  setHumanNewTitle("");
+                  setHumanNewUrl("");
+                  setHumanNewUsername("");
+                  setHumanNewPassword("");
+                  setHumanNewNotes("");
+                  setHumanNewCategory("login");
+                };
+                createRenderEffect(() => _el$116.value = humanNewTitle());
+                createRenderEffect(() => _el$117.value = humanNewUrl());
+                createRenderEffect(() => _el$118.value = humanNewUsername());
+                createRenderEffect(() => _el$119.value = humanNewPassword());
+                createRenderEffect(() => _el$120.value = humanNewCategory());
+                createRenderEffect(() => _el$121.value = humanNewNotes());
+                return _el$115;
+              }
+            }), createComponent(Show, {
+              get when() {
+                return humanMessage();
+              },
+              children: (msg) => (() => {
+                var _el$231 = _tmpl$42();
+                insert(_el$231, () => msg().text);
+                createRenderEffect((_p$) => {
+                  var _v$17 = !!(msg().kind === "success"), _v$18 = !!(msg().kind === "error");
+                  _v$17 !== _p$.e && _el$231.classList.toggle("success", _p$.e = _v$17);
+                  _v$18 !== _p$.t && _el$231.classList.toggle("error", _p$.t = _v$18);
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0
+                });
+                return _el$231;
+              })()
+            })];
+          }
+        }), null);
+        insert(_el$126, createComponent(Show, {
           get when() {
             return autofillProfiles().length > 0;
           },
           get children() {
-            var _el$111 = _tmpl$5$1();
-            insert(_el$111, createComponent(For, {
+            var _el$129 = _tmpl$5$2();
+            insert(_el$129, createComponent(For, {
               get each() {
                 return autofillProfiles();
               },
               children: (profile) => (() => {
-                var _el$206 = _tmpl$42(), _el$207 = _el$206.firstChild, _el$208 = _el$207.firstChild, _el$209 = _el$208.nextSibling, _el$210 = _el$207.nextSibling, _el$211 = _el$210.firstChild, _el$212 = _el$211.nextSibling;
-                insert(_el$208, () => profile.label);
-                insert(_el$209, () => profile.firstName, null);
-                insert(_el$209, (() => {
+                var _el$232 = _tmpl$47(), _el$233 = _el$232.firstChild, _el$234 = _el$233.firstChild, _el$235 = _el$234.nextSibling, _el$236 = _el$233.nextSibling, _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling;
+                insert(_el$234, () => profile.label);
+                insert(_el$235, () => profile.firstName, null);
+                insert(_el$235, (() => {
                   var _c$2 = memo(() => !!profile.lastName);
                   return () => _c$2() ? ` ${profile.lastName}` : "";
                 })(), null);
-                insert(_el$209, (() => {
+                insert(_el$235, (() => {
                   var _c$3 = memo(() => !!profile.email);
                   return () => _c$3() ? ` · ${profile.email}` : "";
                 })(), null);
-                _el$211.$$click = () => handleAutofillFill(profile.id);
-                _el$212.$$click = () => handleAutofillRemove(profile.id);
-                return _el$206;
+                _el$237.$$click = () => handleAutofillFill(profile.id);
+                _el$238.$$click = () => handleAutofillRemove(profile.id);
+                return _el$232;
               })()
             }));
-            return _el$111;
+            return _el$129;
           }
         }), null);
-        insert(_el$108, createComponent(Show, {
+        insert(_el$126, createComponent(Show, {
           get when() {
             return !autofillAdding();
           },
           get children() {
-            var _el$112 = _tmpl$19();
-            _el$112.$$click = () => {
+            var _el$130 = _tmpl$22();
+            _el$130.$$click = () => {
               setAutofillAdding(true);
               setAutofillMessage(null);
             };
-            return _el$112;
+            return _el$130;
           }
         }), null);
-        insert(_el$108, createComponent(Show, {
+        insert(_el$126, createComponent(Show, {
           get when() {
             return autofillAdding();
           },
           get children() {
-            var _el$113 = _tmpl$20(), _el$114 = _el$113.firstChild, _el$115 = _el$114.nextSibling, _el$116 = _el$115.firstChild, _el$117 = _el$116.nextSibling, _el$118 = _el$115.nextSibling, _el$119 = _el$118.firstChild, _el$120 = _el$119.nextSibling, _el$121 = _el$118.nextSibling, _el$122 = _el$121.nextSibling, _el$123 = _el$122.nextSibling, _el$124 = _el$123.nextSibling, _el$125 = _el$124.firstChild, _el$126 = _el$125.nextSibling, _el$127 = _el$126.nextSibling, _el$128 = _el$124.nextSibling, _el$129 = _el$128.nextSibling, _el$130 = _el$129.firstChild, _el$131 = _el$130.nextSibling;
-            _el$114.$$input = (e) => setAutofillLabel(e.currentTarget.value);
-            setAttribute(_el$114, "spellcheck", false);
-            _el$116.$$input = (e) => setAutofillFirstName(e.currentTarget.value);
-            _el$117.$$input = (e) => setAutofillLastName(e.currentTarget.value);
-            _el$119.$$input = (e) => setAutofillEmail(e.currentTarget.value);
-            setAttribute(_el$119, "spellcheck", false);
-            _el$120.$$input = (e) => setAutofillPhone(e.currentTarget.value);
-            _el$121.$$input = (e) => setAutofillOrg(e.currentTarget.value);
-            _el$122.$$input = (e) => setAutofillAddr1(e.currentTarget.value);
-            _el$123.$$input = (e) => setAutofillAddr2(e.currentTarget.value);
-            _el$125.$$input = (e) => setAutofillCity(e.currentTarget.value);
-            _el$126.$$input = (e) => setAutofillState(e.currentTarget.value);
-            _el$127.$$input = (e) => setAutofillZip(e.currentTarget.value);
-            _el$128.$$input = (e) => setAutofillCountry(e.currentTarget.value);
-            _el$130.$$click = handleAutofillAdd;
-            _el$131.$$click = () => {
+            var _el$131 = _tmpl$23(), _el$132 = _el$131.firstChild, _el$133 = _el$132.nextSibling, _el$134 = _el$133.firstChild, _el$135 = _el$134.nextSibling, _el$136 = _el$133.nextSibling, _el$137 = _el$136.firstChild, _el$138 = _el$137.nextSibling, _el$139 = _el$136.nextSibling, _el$140 = _el$139.nextSibling, _el$141 = _el$140.nextSibling, _el$142 = _el$141.nextSibling, _el$143 = _el$142.firstChild, _el$144 = _el$143.nextSibling, _el$145 = _el$144.nextSibling, _el$146 = _el$142.nextSibling, _el$147 = _el$146.nextSibling, _el$148 = _el$147.firstChild, _el$149 = _el$148.nextSibling;
+            _el$132.$$input = (e) => setAutofillLabel(e.currentTarget.value);
+            setAttribute(_el$132, "spellcheck", false);
+            _el$134.$$input = (e) => setAutofillFirstName(e.currentTarget.value);
+            _el$135.$$input = (e) => setAutofillLastName(e.currentTarget.value);
+            _el$137.$$input = (e) => setAutofillEmail(e.currentTarget.value);
+            setAttribute(_el$137, "spellcheck", false);
+            _el$138.$$input = (e) => setAutofillPhone(e.currentTarget.value);
+            _el$139.$$input = (e) => setAutofillOrg(e.currentTarget.value);
+            _el$140.$$input = (e) => setAutofillAddr1(e.currentTarget.value);
+            _el$141.$$input = (e) => setAutofillAddr2(e.currentTarget.value);
+            _el$143.$$input = (e) => setAutofillCity(e.currentTarget.value);
+            _el$144.$$input = (e) => setAutofillState(e.currentTarget.value);
+            _el$145.$$input = (e) => setAutofillZip(e.currentTarget.value);
+            _el$146.$$input = (e) => setAutofillCountry(e.currentTarget.value);
+            _el$148.$$click = handleAutofillAdd;
+            _el$149.$$click = () => {
               setAutofillAdding(false);
               setAutofillLabel("");
               setAutofillFirstName("");
@@ -10746,89 +11244,89 @@ const Settings = () => {
               setAutofillZip("");
               setAutofillCountry("");
             };
-            createRenderEffect(() => _el$114.value = autofillLabel());
-            createRenderEffect(() => _el$116.value = autofillFirstName());
-            createRenderEffect(() => _el$117.value = autofillLastName());
-            createRenderEffect(() => _el$119.value = autofillEmail());
-            createRenderEffect(() => _el$120.value = autofillPhone());
-            createRenderEffect(() => _el$121.value = autofillOrg());
-            createRenderEffect(() => _el$122.value = autofillAddr1());
-            createRenderEffect(() => _el$123.value = autofillAddr2());
-            createRenderEffect(() => _el$125.value = autofillCity());
-            createRenderEffect(() => _el$126.value = autofillState());
-            createRenderEffect(() => _el$127.value = autofillZip());
-            createRenderEffect(() => _el$128.value = autofillCountry());
-            return _el$113;
+            createRenderEffect(() => _el$132.value = autofillLabel());
+            createRenderEffect(() => _el$134.value = autofillFirstName());
+            createRenderEffect(() => _el$135.value = autofillLastName());
+            createRenderEffect(() => _el$137.value = autofillEmail());
+            createRenderEffect(() => _el$138.value = autofillPhone());
+            createRenderEffect(() => _el$139.value = autofillOrg());
+            createRenderEffect(() => _el$140.value = autofillAddr1());
+            createRenderEffect(() => _el$141.value = autofillAddr2());
+            createRenderEffect(() => _el$143.value = autofillCity());
+            createRenderEffect(() => _el$144.value = autofillState());
+            createRenderEffect(() => _el$145.value = autofillZip());
+            createRenderEffect(() => _el$146.value = autofillCountry());
+            return _el$131;
           }
         }), null);
-        insert(_el$108, createComponent(Show, {
+        insert(_el$126, createComponent(Show, {
           get when() {
             return autofillMessage();
           },
           children: (msg) => (() => {
-            var _el$213 = _tmpl$39();
-            insert(_el$213, () => msg().text);
+            var _el$239 = _tmpl$42();
+            insert(_el$239, () => msg().text);
             createRenderEffect((_p$) => {
-              var _v$17 = !!(msg().kind === "success"), _v$18 = !!(msg().kind === "error");
-              _v$17 !== _p$.e && _el$213.classList.toggle("success", _p$.e = _v$17);
-              _v$18 !== _p$.t && _el$213.classList.toggle("error", _p$.t = _v$18);
+              var _v$19 = !!(msg().kind === "success"), _v$20 = !!(msg().kind === "error");
+              _v$19 !== _p$.e && _el$239.classList.toggle("success", _p$.e = _v$19);
+              _v$20 !== _p$.t && _el$239.classList.toggle("error", _p$.t = _v$20);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            return _el$213;
+            return _el$239;
           })()
         }), null);
-        _el$135.$$click = () => setTelemetryEnabled(!telemetryEnabled());
-        _el$139.addEventListener("change", (e) => setTheme(e.currentTarget.value));
-        _el$142.addEventListener("change", (e) => setDomainMode(e.currentTarget.value));
-        insert(_el$140, createComponent(Show, {
+        _el$153.$$click = () => setTelemetryEnabled(!telemetryEnabled());
+        _el$157.addEventListener("change", (e) => setTheme(e.currentTarget.value));
+        _el$160.addEventListener("change", (e) => setDomainMode(e.currentTarget.value));
+        insert(_el$158, createComponent(Show, {
           get when() {
             return domainMode() !== "none";
           },
           get children() {
             return [(() => {
-              var _el$143 = _tmpl$21();
-              _el$143.$$input = (e) => setDomainList(e.currentTarget.value);
-              setAttribute(_el$143, "spellcheck", false);
-              createRenderEffect(() => setAttribute(_el$143, "placeholder", domainMode() === "allowlist" ? "example.com\napi.example.com" : "ads.example.com\ntracker.io"));
-              createRenderEffect(() => _el$143.value = domainList());
-              return _el$143;
+              var _el$161 = _tmpl$24();
+              _el$161.$$input = (e) => setDomainList(e.currentTarget.value);
+              setAttribute(_el$161, "spellcheck", false);
+              createRenderEffect(() => setAttribute(_el$161, "placeholder", domainMode() === "allowlist" ? "example.com\napi.example.com" : "ads.example.com\ntracker.io"));
+              createRenderEffect(() => _el$161.value = domainList());
+              return _el$161;
             })(), (() => {
-              var _el$144 = _tmpl$22();
-              insert(_el$144, () => domainMode() === "allowlist" ? "One domain per line. Subdomains of listed domains are also allowed." : "One domain per line. Subdomains of listed domains are also blocked.");
-              return _el$144;
+              var _el$162 = _tmpl$25();
+              insert(_el$162, () => domainMode() === "allowlist" ? "One domain per line. Subdomains of listed domains are also allowed." : "One domain per line. Subdomains of listed domains are also blocked.");
+              return _el$162;
             })()];
           }
         }), null);
-        insert(_el$140, createComponent(Show, {
+        insert(_el$158, createComponent(Show, {
           get when() {
             return domainMode() === "none";
           },
           get children() {
-            return _tmpl$23();
+            return _tmpl$26();
           }
         }), null);
-        _el$147.$$click = handleSave;
-        addEventListener(_el$148, "click", closeSettings, true);
+        _el$165.$$click = handleSave;
+        addEventListener(_el$166, "click", closeSettings, true);
         insert(_el$2, createComponent(Show, {
           get when() {
             return status();
           },
           children: (currentStatus) => (() => {
-            var _el$214 = _tmpl$39();
-            insert(_el$214, () => currentStatus().text);
+            var _el$240 = _tmpl$42();
+            insert(_el$240, () => currentStatus().text);
             createRenderEffect((_p$) => {
-              var _v$19 = !!(currentStatus().kind === "success"), _v$20 = !!(currentStatus().kind === "error");
-              _v$19 !== _p$.e && _el$214.classList.toggle("success", _p$.e = _v$19);
-              _v$20 !== _p$.t && _el$214.classList.toggle("error", _p$.t = _v$20);
+              var _v$21 = !!(currentStatus().kind === "success"), _v$22 = !!(currentStatus().kind === "error");
+              _v$21 !== _p$.e && _el$240.classList.toggle("success", _p$.e = _v$21);
+              _v$22 !== _p$.t && _el$240.classList.toggle("error", _p$.t = _v$22);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            return _el$214;
+            return _el$240;
           })()
         }), null);
         createRenderEffect((_p$) => {
@@ -10841,8 +11339,8 @@ const Settings = () => {
           _v$6 !== _p$.n && (_el$53.disabled = _p$.n = _v$6);
           _v$7 !== _p$.s && _el$58.classList.toggle("on", _p$.s = _v$7);
           _v$8 !== _p$.h && setAttribute(_el$58, "aria-checked", _p$.h = _v$8);
-          _v$9 !== _p$.r && _el$135.classList.toggle("on", _p$.r = _v$9);
-          _v$0 !== _p$.d && setAttribute(_el$135, "aria-checked", _p$.d = _v$0);
+          _v$9 !== _p$.r && _el$153.classList.toggle("on", _p$.r = _v$9);
+          _v$0 !== _p$.d && setAttribute(_el$153, "aria-checked", _p$.d = _v$0);
           return _p$;
         }, {
           e: void 0,
@@ -10863,15 +11361,15 @@ const Settings = () => {
         createRenderEffect(() => _el$37.value = obsidianVaultPath());
         createRenderEffect(() => _el$40.value = agentTranscriptMode());
         createRenderEffect(() => _el$52.value = sessionSaveName());
-        createRenderEffect(() => _el$139.value = theme());
-        createRenderEffect(() => _el$142.value = domainMode());
+        createRenderEffect(() => _el$157.value = theme());
+        createRenderEffect(() => _el$160.value = domainMode());
         return _el$;
-      })(), _tmpl$25()];
+      })(), _tmpl$28()];
     }
   });
 };
 delegateEvents(["click", "keydown", "input"]);
-var _tmpl$$1 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=keyboard-help><div class=keyboard-help-header><h2 class=keyboard-help-title>Keyboard Shortcuts</h2><button class=keyboard-help-close><kbd>Esc</kbd></button></div><div class=keyboard-help-grid>`), _tmpl$2$1 = /* @__PURE__ */ template(`<style>
+var _tmpl$$2 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=keyboard-help><div class=keyboard-help-header><h2 class=keyboard-help-title>Keyboard Shortcuts</h2><button class=keyboard-help-close><kbd>Esc</kbd></button></div><div class=keyboard-help-grid>`), _tmpl$2$2 = /* @__PURE__ */ template(`<style>
         .keyboard-help {
           width: min(380px, calc(100vw - 32px));
           background: var(--bg-elevated);
@@ -10953,7 +11451,7 @@ var _tmpl$$1 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div cla
           font-size: 13px;
           color: var(--text-secondary);
         }
-      `), _tmpl$3 = /* @__PURE__ */ template(`<div class=keyboard-help-keys>`), _tmpl$4 = /* @__PURE__ */ template(`<div class=keyboard-help-action>`), _tmpl$5 = /* @__PURE__ */ template(`<span class=keyboard-help-plus>/`), _tmpl$6 = /* @__PURE__ */ template(`<kbd>`), _tmpl$7 = /* @__PURE__ */ template(`<span class=keyboard-help-plus>+`);
+      `), _tmpl$3$1 = /* @__PURE__ */ template(`<div class=keyboard-help-keys>`), _tmpl$4$1 = /* @__PURE__ */ template(`<div class=keyboard-help-action>`), _tmpl$5$1 = /* @__PURE__ */ template(`<span class=keyboard-help-plus>/`), _tmpl$6$1 = /* @__PURE__ */ template(`<kbd>`), _tmpl$7$1 = /* @__PURE__ */ template(`<span class=keyboard-help-plus>+`);
 const SHORTCUTS = [{
   keys: "Ctrl+L",
   action: "AI Command Bar",
@@ -11003,6 +11501,14 @@ const SHORTCUTS = [{
 }, {
   keys: "Ctrl+Shift+P",
   action: "Save Page as PDF"
+}, {
+  keys: "Ctrl+Shift+I",
+  action: "Toggle Picture-in-Picture",
+  privateMode: false
+}, {
+  keys: "Ctrl+Shift+Delete",
+  action: "Clear Browsing Data",
+  privateMode: false
 }, {
   keys: "Ctrl+,",
   action: "Settings",
@@ -11030,26 +11536,165 @@ const KeyboardHelp = (props) => {
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$$1(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
+        var _el$ = _tmpl$$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
         addEventListener(_el$, "click", props.onClose, true);
         _el$2.$$click = (e) => e.stopPropagation();
         addEventListener(_el$5, "click", props.onClose, true);
         insert(_el$6, () => shortcuts().map((s) => [(() => {
-          var _el$8 = _tmpl$3();
-          insert(_el$8, () => shortcutParts(s.keys).map((combo, comboIndex) => [comboIndex > 0 && _tmpl$5(), memo(() => combo.map((key, keyIndex) => [keyIndex > 0 && _tmpl$7(), (() => {
-            var _el$1 = _tmpl$6();
+          var _el$8 = _tmpl$3$1();
+          insert(_el$8, () => shortcutParts(s.keys).map((combo, comboIndex) => [comboIndex > 0 && _tmpl$5$1(), memo(() => combo.map((key, keyIndex) => [keyIndex > 0 && _tmpl$7$1(), (() => {
+            var _el$1 = _tmpl$6$1();
             insert(_el$1, key);
             return _el$1;
           })()]))]));
           return _el$8;
         })(), (() => {
-          var _el$9 = _tmpl$4();
+          var _el$9 = _tmpl$4$1();
           insert(_el$9, () => s.action);
           return _el$9;
         })()]));
         createRenderEffect(() => _el$.classList.toggle("closing", !!closing()));
         return _el$;
-      })(), _tmpl$2$1()];
+      })(), _tmpl$2$2()];
+    }
+  });
+};
+delegateEvents(["click"]);
+var _tmpl$$1 = /* @__PURE__ */ template(`<div class=clear-data-header><h3>Clear browsing data</h3><button class=clear-data-close>`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=clear-data-range><label>Time range</label><select class=clear-data-select>`), _tmpl$3 = /* @__PURE__ */ template(`<div class=clear-data-checks><label class=clear-data-check><input type=checkbox><span>Cached images and files</span></label><label class=clear-data-check><input type=checkbox><span>Cookies and other site data</span></label><label class=clear-data-check><input type=checkbox><span>Browsing history</span></label><label class=clear-data-check><input type=checkbox><span>Local storage`), _tmpl$4 = /* @__PURE__ */ template(`<div class=clear-data-error>`), _tmpl$5 = /* @__PURE__ */ template(`<div class=clear-data-actions><button class=clear-data-cancel>Cancel</button><button class=clear-data-confirm>`), _tmpl$6 = /* @__PURE__ */ template(`<div class=clear-data-overlay><div class=clear-data-dialog>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=clear-data-done><span>Browsing data cleared`), _tmpl$8 = /* @__PURE__ */ template(`<option>`);
+const TIME_RANGES = [{
+  value: "hour",
+  label: "Last hour"
+}, {
+  value: "day",
+  label: "Last 24 hours"
+}, {
+  value: "week",
+  label: "Last 7 days"
+}, {
+  value: "month",
+  label: "Last 30 days"
+}, {
+  value: "all",
+  label: "All time"
+}];
+const ClearBrowsingData = (props) => {
+  const [cache, setCache] = createSignal(true);
+  const [cookies, setCookies] = createSignal(false);
+  const [history, setHistory] = createSignal(true);
+  const [localStorage2, setLocalStorage] = createSignal(false);
+  const [timeRange, setTimeRange] = createSignal("all");
+  const [clearing, setClearing] = createSignal(false);
+  const [done, setDone] = createSignal(false);
+  const [error, setError] = createSignal("");
+  const handleClear = async () => {
+    setClearing(true);
+    setError("");
+    try {
+      await window.vessel.browsingData.clear({
+        cache: cache(),
+        cookies: cookies(),
+        history: history(),
+        localStorage: localStorage2(),
+        timeRange: timeRange()
+      });
+      setDone(true);
+      setTimeout(() => {
+        props.onClose();
+        setDone(false);
+      }, 1500);
+    } catch {
+      setError("Could not clear browsing data.");
+    } finally {
+      setClearing(false);
+    }
+  };
+  const reset = () => {
+    setCache(true);
+    setCookies(false);
+    setHistory(true);
+    setLocalStorage(false);
+    setTimeRange("all");
+    setDone(false);
+    setError("");
+  };
+  return createComponent(Show, {
+    get when() {
+      return props.open;
+    },
+    get children() {
+      var _el$ = _tmpl$6(), _el$2 = _el$.firstChild;
+      addEventListener(_el$, "click", props.onClose, true);
+      _el$2.$$click = (e) => e.stopPropagation();
+      insert(_el$2, createComponent(Show, {
+        get when() {
+          return !done();
+        },
+        get fallback() {
+          return (() => {
+            var _el$20 = _tmpl$7(), _el$21 = _el$20.firstChild;
+            insert(_el$20, createComponent(check_default, {
+              size: 20,
+              "stroke-width": 2.5
+            }), _el$21);
+            return _el$20;
+          })();
+        },
+        get children() {
+          return [(() => {
+            var _el$3 = _tmpl$$1(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling;
+            _el$5.$$click = () => {
+              reset();
+              props.onClose();
+            };
+            insert(_el$5, createComponent(x_default, {
+              size: 14
+            }));
+            return _el$3;
+          })(), (() => {
+            var _el$6 = _tmpl$2$1(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
+            _el$8.addEventListener("change", (e) => setTimeRange(e.currentTarget.value));
+            insert(_el$8, () => TIME_RANGES.map((r) => (() => {
+              var _el$22 = _tmpl$8();
+              insert(_el$22, () => r.label);
+              createRenderEffect(() => _el$22.value = r.value);
+              return _el$22;
+            })()));
+            createRenderEffect(() => _el$8.value = timeRange());
+            return _el$6;
+          })(), (() => {
+            var _el$9 = _tmpl$3(), _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$12.nextSibling, _el$15 = _el$14.firstChild;
+            _el$1.addEventListener("change", (e) => setCache(e.currentTarget.checked));
+            _el$11.addEventListener("change", (e) => setCookies(e.currentTarget.checked));
+            _el$13.addEventListener("change", (e) => setHistory(e.currentTarget.checked));
+            _el$15.addEventListener("change", (e) => setLocalStorage(e.currentTarget.checked));
+            createRenderEffect(() => _el$1.checked = cache());
+            createRenderEffect(() => _el$11.checked = cookies());
+            createRenderEffect(() => _el$13.checked = history());
+            createRenderEffect(() => _el$15.checked = localStorage2());
+            return _el$9;
+          })(), createComponent(Show, {
+            get when() {
+              return error();
+            },
+            get children() {
+              var _el$16 = _tmpl$4();
+              insert(_el$16, error);
+              return _el$16;
+            }
+          }), (() => {
+            var _el$17 = _tmpl$5(), _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling;
+            _el$18.$$click = () => {
+              reset();
+              props.onClose();
+            };
+            _el$19.$$click = handleClear;
+            insert(_el$19, () => clearing() ? "Clearing..." : "Clear data");
+            createRenderEffect(() => _el$19.disabled = clearing() || !cache() && !cookies() && !history() && !localStorage2());
+            return _el$17;
+          })()];
+        }
+      }));
+      return _el$;
     }
   });
 };
@@ -11103,6 +11748,16 @@ function setupKeybindings(handlers) {
       handlers.printToPdf?.();
       return;
     }
+    if (ctrl && key === "i" && e.shiftKey) {
+      e.preventDefault();
+      handlers.togglePip?.();
+      return;
+    }
+    if (ctrl && e.shiftKey && e.key === "Delete") {
+      e.preventDefault();
+      handlers.clearBrowsingData?.();
+      return;
+    }
     if (ctrl && key === "p" && !e.shiftKey) {
       e.preventDefault();
       handlers.print?.();
@@ -11182,6 +11837,7 @@ const App = () => {
   } = useTabs();
   const [highlightToast, setHighlightToast] = createSignal(null);
   const [keyboardHelpOpen, setKeyboardHelpOpen] = createSignal(false);
+  const [clearDataOpen, setClearDataOpen] = createSignal(false);
   const loadingPresence = useAnimatedPresence(() => !!activeTab()?.isLoading, 300);
   const showHighlightResult = (result) => {
     if (result.success && result.text) {
@@ -11220,6 +11876,7 @@ const App = () => {
     applyTheme(s.theme ?? "dark");
   };
   onMount(() => {
+    initSecurityStore();
     void loadAndApplyTheme();
     window.vessel.ui.rendererReady(view);
     const cleanupSettings = window.vessel.settings.onUpdate((settings) => {
@@ -11266,12 +11923,20 @@ const App = () => {
       toggleDevTools: isChromeOnlyWindow ? void 0 : () => {
         window.vessel.devtoolsPanel.toggle();
       },
-      toggleKeyboardHelp: () => setKeyboardHelpOpen((v) => !v)
+      toggleKeyboardHelp: () => setKeyboardHelpOpen((v) => !v),
+      togglePip: isChromeOnlyWindow ? void 0 : () => {
+        void window.vessel.pip.toggle();
+      },
+      clearBrowsingData: isChromeOnlyWindow ? void 0 : () => {
+        setClearDataOpen(true);
+      }
     });
     const cleanupCapture = window.vessel.highlights.onCaptureResult(showHighlightResult);
+    const cleanupClearData = window.vessel.browsingData.onOpenDialog(() => setClearDataOpen(true));
     onCleanup(() => {
       cleanupKeys();
       cleanupCapture();
+      cleanupClearData();
     });
   });
   if (view === "sidebar") {
@@ -11305,7 +11970,9 @@ const App = () => {
     }), _el$2);
     insert(_el$2, createComponent(TitleBar, {}), null);
     insert(_el$2, createComponent(TabBar, {}), null);
-    insert(_el$2, createComponent(AddressBar, {}), null);
+    insert(_el$2, createComponent(AddressBar, {
+      onClearData: () => setClearDataOpen(true)
+    }), null);
     insert(_el$2, createComponent(Show, {
       get when() {
         return loadingPresence.visible();
@@ -11322,6 +11989,12 @@ const App = () => {
         return [createComponent(CommandBar, {}), createComponent(Settings, {})];
       }
     }), null);
+    insert(_el$, createComponent(ClearBrowsingData, {
+      get open() {
+        return clearDataOpen();
+      },
+      onClose: () => setClearDataOpen(false)
+    }), null);
     insert(_el$, createComponent(KeyboardHelp, {
       get open() {
         return keyboardHelpOpen();