@quanta-intellect/vessel-browser 0.1.58 → 0.1.61

package/out/renderer/assets/{index-DGIC7Iij.js → index-Di64dPm5.js}

@@ -1088,11 +1088,11 @@ function render(code, element, init2, options = {}) {
 function template(html2, isImportNode, isSVG, isMathML) {
   let node;
   const create2 = () => {
-    const t = document.createElement("template");
+    const t = isMathML ? document.createElementNS("http://www.w3.org/1998/Math/MathML", "template") : document.createElement("template");
     t.innerHTML = html2;
-    return t.content.firstChild;
+    return isSVG ? t.content.firstChild.firstChild : isMathML ? t.firstChild : t.content.firstChild;
   };
-  const fn = () => (node || (node = create2())).cloneNode(true);
+  const fn = isImportNode ? () => untrack(() => document.importNode(node || (node = create2()), true)) : () => (node || (node = create2())).cloneNode(true);
   fn.cloneNode = fn;
   return fn;
 }
@@ -1433,7 +1433,7 @@ function Dynamic(props) {
   const [, others] = splitProps(props, ["component"]);
   return createDynamic(() => props.component, others);
 }
-var _tmpl$$e = /* @__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$$h = /* @__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 [mcpStatus, setMcpStatus] = createSignal("starting");
   const [mcpTooltip, setMcpTooltip] = createSignal("MCP: starting...");
@@ -1464,7 +1464,7 @@ const TitleBar = () => {
     window.vessel.ui.setSettingsVisibility(true);
   };
   return (() => {
-    var _el$ = _tmpl$$e(), _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$$h(), _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();
@@ -1488,34 +1488,46 @@ const TitleBar = () => {
 delegateEvents(["click"]);
 const [tabs, setTabs] = createSignal([]);
 const [activeTabId, setActiveTabId] = createSignal("");
-let initialized$3 = false;
-let initPromise$2 = null;
-function init$3() {
-  if (initPromise$2) return initPromise$2;
-  if (initialized$3) return;
-  initialized$3 = true;
-  initPromise$2 = (async () => {
-    try {
-      window.vessel.tabs.onStateUpdate(
-        (newTabs, newActiveId) => {
-          setTabs(newTabs);
-          setActiveTabId(newActiveId);
-        }
-      );
-      const initialState = await window.vessel.tabs.getState();
-      setTabs(initialState.tabs);
-      setActiveTabId(initialState.activeId);
-    } catch (error) {
-      initialized$3 = false;
-      console.error("Failed to initialize tabs store", error);
-    } finally {
-      initPromise$2 = null;
-    }
-  })();
-  return initPromise$2;
+let initialized$4 = false;
+let initPromise$3 = null;
+let unsubscribeStateUpdate = null;
+async function doInit() {
+  try {
+    if (unsubscribeStateUpdate) {
+      unsubscribeStateUpdate();
+      unsubscribeStateUpdate = null;
+    }
+    unsubscribeStateUpdate = window.vessel.tabs.onStateUpdate(
+      (newTabs, newActiveId) => {
+        setTabs(newTabs);
+        setActiveTabId(newActiveId);
+      }
+    );
+    const initialState = await window.vessel.tabs.getState();
+    setTabs(initialState.tabs);
+    setActiveTabId(initialState.activeId);
+  } catch (error) {
+    initialized$4 = false;
+    console.error("Failed to initialize tabs store", error);
+    throw error;
+  }
 }
+function init$4() {
+  if (initPromise$3) return initPromise$3;
+  if (initialized$4) return;
+  initialized$4 = true;
+  initPromise$3 = doInit().finally(() => {
+    initPromise$3 = null;
+  });
+  return initPromise$3;
+}
+const patchTab = (id, patch) => {
+  setTabs(
+    (prev) => prev.map((t) => t.id === id ? { ...t, ...patch } : t)
+  );
+};
 function useTabs() {
-  init$3();
+  init$4();
   return {
     tabs,
     activeTabId,
@@ -1538,6 +1550,13 @@ function useTabs() {
     reload: () => {
       const id = activeTabId();
       if (id) window.vessel.tabs.reload(id);
+    },
+    toggleAdBlock: async (id) => {
+      const newState = await window.vessel.tabs.toggleAdBlock(id);
+      if (newState !== null && newState !== void 0) {
+        patchTab(id, { adBlockingEnabled: newState });
+      }
+      return newState;
     }
   };
 }
@@ -1568,13 +1587,13 @@ const DEFAULT_RUNTIME_STATE = {
 const [runtimeState, setRuntimeState] = createSignal(
   DEFAULT_RUNTIME_STATE
 );
-let initialized$2 = false;
-let initPromise$1 = null;
-async function init$2() {
-  if (initPromise$1) return initPromise$1;
-  if (initialized$2) return;
-  initialized$2 = true;
-  initPromise$1 = (async () => {
+let initialized$3 = false;
+let initPromise$2 = null;
+async function init$3() {
+  if (initPromise$2) return initPromise$2;
+  if (initialized$3) return;
+  initialized$3 = true;
+  initPromise$2 = (async () => {
     try {
       const initial = await window.vessel.ai.getRuntime();
       setRuntimeState(initial);
@@ -1582,16 +1601,16 @@ async function init$2() {
         setRuntimeState(state);
       });
     } catch (error) {
-      initialized$2 = false;
+      initialized$3 = false;
       console.error("Failed to initialize runtime store", error);
     } finally {
-      initPromise$1 = null;
+      initPromise$2 = null;
     }
   })();
-  return initPromise$1;
+  return initPromise$2;
 }
 function useRuntime() {
-  void init$2();
+  void init$3();
   return {
     runtimeState,
     pause: () => window.vessel.ai.pause(),
@@ -1712,7 +1731,7 @@ function getAgentPresence(state, currentTime = Date.now()) {
   }
   return "idle";
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$b = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$9 = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list><button class=tab-new data-tooltip="New Tab">+`), _tmpl$4$9 = /* @__PURE__ */ template(`<div role=tab><span class=tab-title></span><button class=tab-close>×`), _tmpl$5$7 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$6$7 = /* @__PURE__ */ template(`<span class=tab-loading>`);
+var _tmpl$$g = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$e = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$b = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list><button class=tab-new data-tooltip="New Tab">+`), _tmpl$4$b = /* @__PURE__ */ template(`<div role=tab><span class=tab-title></span><button class=tab-close>×`), _tmpl$5$a = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$6$9 = /* @__PURE__ */ template(`<span class=tab-loading>`);
 const TAB_CLOSE_MS = 200;
 function stringToHue(str) {
   let hash = 0;
@@ -1739,14 +1758,14 @@ const TabFavicon = (props) => {
     },
     get fallback() {
       return (() => {
-        var _el$2 = _tmpl$2$b();
+        var _el$2 = _tmpl$2$e();
         insert(_el$2, letter);
         createRenderEffect((_$p) => setStyleProperty(_el$2, "--favicon-hue", `${hue()}`));
         return _el$2;
       })();
     },
     get children() {
-      var _el$ = _tmpl$$d();
+      var _el$ = _tmpl$$g();
       _el$.addEventListener("error", () => setFailed(true));
       createRenderEffect(() => setAttribute(_el$, "src", props.favicon));
       return _el$;
@@ -1779,13 +1798,13 @@ const TabBar = () => {
     }, TAB_CLOSE_MS);
   };
   return (() => {
-    var _el$3 = _tmpl$3$9(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+    var _el$3 = _tmpl$3$b(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
     insert(_el$4, createComponent(For, {
       get each() {
         return tabs2();
       },
       children: (tab) => (() => {
-        var _el$6 = _tmpl$4$9(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
+        var _el$6 = _tmpl$4$b(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
         _el$6.addEventListener("auxclick", (e) => {
           if (e.button === 1) handleClose(tab.id);
         });
@@ -1803,12 +1822,12 @@ const TabBar = () => {
         }), _el$7);
         insert(_el$6, (() => {
           var _c$ = memo(() => !!modelActiveTabIds().has(tab.id));
-          return () => _c$() && _tmpl$5$7();
+          return () => _c$() && _tmpl$5$a();
         })(), _el$7);
         insert(_el$7, () => tab.title || "New Tab");
         insert(_el$6, (() => {
           var _c$2 = memo(() => !!tab.isLoading);
-          return () => _c$2() && _tmpl$6$7();
+          return () => _c$2() && _tmpl$6$9();
         })(), _el$8);
         _el$8.$$click = (e) => {
           e.stopPropagation();
@@ -1850,29 +1869,8 @@ const [focusMode, setFocusMode] = createSignal(false);
 const [commandBarOpen, setCommandBarOpen] = createSignal(false);
 const [settingsOpen, setSettingsOpen] = createSignal(false);
 const [devtoolsPanelOpen, setDevtoolsPanelOpen] = createSignal(false);
-let pendingWidth = null;
-let resizeInFlight = null;
-async function flushResize() {
-  if (resizeInFlight) {
-    await resizeInFlight;
-    if (pendingWidth !== null) {
-      return flushResize();
-    }
-    return;
-  }
-  resizeInFlight = (async () => {
-    while (pendingWidth !== null) {
-      const nextWidth = pendingWidth;
-      pendingWidth = null;
-      await window.vessel.ui.resizeSidebar(nextWidth);
-    }
-  })();
-  try {
-    await resizeInFlight;
-  } finally {
-    resizeInFlight = null;
-  }
-}
+let lastIpcTime = 0;
+const IPC_THROTTLE_MS = 8;
 function useUI() {
   return {
     sidebarOpen,
@@ -1892,12 +1890,13 @@ function useUI() {
         Math.min(MAX_SIDEBAR, Math.round(width))
       );
       setSidebarWidth(clamped);
-      pendingWidth = clamped;
-      void flushResize();
+      const now2 = performance.now();
+      if (now2 - lastIpcTime >= IPC_THROTTLE_MS) {
+        lastIpcTime = now2;
+        void window.vessel.ui.resizeSidebar(clamped);
+      }
     },
     commitResize: async () => {
-      pendingWidth = sidebarWidth();
-      await flushResize();
       await window.vessel.ui.commitSidebarResize();
     },
     toggleFocusMode: async () => {
@@ -2034,14 +2033,16 @@ function buildPageSnapshotKey(rawUrl) {
 function matchesPageSnapshotUrl(left, right) {
   return buildPageSnapshotKey(left) === buildPageSnapshotKey(right);
 }
-var _tmpl$$c = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Page content has changed since your last visit"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>Changed`), _tmpl$2$a = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$3$8 = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Changed recently`), _tmpl$4$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><button class=page-diff-popup-close>&times;`), _tmpl$5$6 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$6$6 = /* @__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"></form><div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text></span></div></div><div class=toolbar-actions><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></line></svg></button><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></line></svg></button><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></line></svg></button><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$7$4 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$9$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$0$4 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$1$4 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$10$4 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$11$4 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><span class=page-diff-section></span><span class=page-diff-summary>`), _tmpl$12$4 = /* @__PURE__ */ template(`<li>`);
+var _tmpl$$f = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Page content has changed since your last visit"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>Changed`), _tmpl$2$d = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$3$a = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Changed recently`), _tmpl$4$a = /* @__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><button class=page-diff-popup-close>&times;`), _tmpl$5$9 = /* @__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$6$8 = /* @__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$7$6 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$8$4 = /* @__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"></form><div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text></span></div></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14"></svg></button><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></line></svg></button><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></line></svg></button><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></line></svg></button><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$9$4 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$0$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$1$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$10$4 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$11$4 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$12$4 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$13$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><span class=page-diff-section></span><span class=page-diff-summary>`), _tmpl$14$3 = /* @__PURE__ */ template(`<li>`);
 const AddressBar = () => {
   const {
     activeTab,
+    activeTabId: activeTabId2,
     navigate,
     goBack,
     goForward,
-    reload
+    reload,
+    toggleAdBlock
   } = useTabs();
   const {
     runtimeState: runtimeState2
@@ -2146,9 +2147,9 @@ const AddressBar = () => {
   };
   const formatSectionLabel = (section) => section === "title" ? "Title" : section === "headings" ? "Headings" : "Content";
   return (() => {
-    var _el$ = _tmpl$6$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$24 = _el$6.nextSibling, _el$25 = _el$24.firstChild, _el$26 = _el$25.nextSibling, _el$27 = _el$26.nextSibling;
-    _el$27.firstChild;
-    var _el$30 = _el$27.nextSibling;
+    var _el$ = _tmpl$8$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$24 = _el$6.nextSibling, _el$25 = _el$24.firstChild, _el$26 = _el$25.firstChild, _el$30 = _el$25.nextSibling, _el$31 = _el$30.nextSibling, _el$32 = _el$31.nextSibling;
+    _el$32.firstChild;
+    var _el$35 = _el$32.nextSibling;
     addEventListener(_el$3, "click", goBack, true);
     addEventListener(_el$4, "click", goForward, true);
     addEventListener(_el$5, "click", reload, true);
@@ -2164,7 +2165,7 @@ const AddressBar = () => {
         return pageDiff();
       },
       get children() {
-        var _el$10 = _tmpl$$c();
+        var _el$10 = _tmpl$$f();
         _el$10.$$click = () => setDiffExpanded(!diffExpanded());
         return _el$10;
       }
@@ -2174,7 +2175,7 @@ const AddressBar = () => {
         return memo(() => !!pageDiff())() && diffExpanded();
       },
       get children() {
-        var _el$11 = _tmpl$4$8(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild;
+        var _el$11 = _tmpl$4$a(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild;
         _el$14.firstChild;
         var _el$21 = _el$13.nextSibling;
         insert(_el$14, () => formatRelativeTime(pageDiff().oldSnapshot.capturedAt), null);
@@ -2183,7 +2184,7 @@ const AddressBar = () => {
             return memo(() => !!((pageDiff().burstCount || 0) > 1 && pageDiff().firstDetectedAt))() && pageDiff().lastDetectedAt;
           },
           get children() {
-            var _el$16 = _tmpl$2$a(), _el$17 = _el$16.firstChild, _el$20 = _el$17.nextSibling;
+            var _el$16 = _tmpl$2$d(), _el$17 = _el$16.firstChild, _el$20 = _el$17.nextSibling;
             _el$20.nextSibling;
             insert(_el$16, () => pageDiff().burstCount, _el$20);
             insert(_el$16, () => formatElapsed(pageDiff().firstDetectedAt, pageDiff().lastDetectedAt), null);
@@ -2196,17 +2197,17 @@ const AddressBar = () => {
             return memo(() => !!pageDiff().recentBursts?.length)() && (pageDiff().recentBursts?.length || 0) > 1;
           },
           get children() {
-            var _el$22 = _tmpl$3$8();
+            var _el$22 = _tmpl$3$a();
             _el$22.firstChild;
             insert(_el$22, createComponent(For, {
               get each() {
                 return pageDiff().recentBursts;
               },
               children: (burst) => (() => {
-                var _el$31 = _tmpl$7$4(), _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling;
-                insert(_el$32, () => formatRelativeTime(burst.detectedAt));
-                insert(_el$33, () => burst.summary);
-                return _el$31;
+                var _el$36 = _tmpl$9$4(), _el$37 = _el$36.firstChild, _el$38 = _el$37.nextSibling;
+                insert(_el$37, () => formatRelativeTime(burst.detectedAt));
+                insert(_el$38, () => burst.summary);
+                return _el$36;
               })()
             }), null);
             return _el$22;
@@ -2217,108 +2218,132 @@ const AddressBar = () => {
             return pageDiff().changes;
           },
           children: (change) => (() => {
-            var _el$34 = _tmpl$11$4(), _el$35 = _el$34.firstChild, _el$36 = _el$35.firstChild, _el$37 = _el$36.nextSibling;
-            insert(_el$36, () => formatSectionLabel(change.section));
-            insert(_el$37, () => change.summary);
-            insert(_el$34, createComponent(Show, {
+            var _el$39 = _tmpl$13$3(), _el$40 = _el$39.firstChild, _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling;
+            insert(_el$41, () => formatSectionLabel(change.section));
+            insert(_el$42, () => change.summary);
+            insert(_el$39, createComponent(Show, {
               get when() {
                 return change.before || change.after;
               },
               get children() {
-                var _el$38 = _tmpl$0$4();
-                insert(_el$38, createComponent(Show, {
+                var _el$43 = _tmpl$10$4();
+                insert(_el$43, createComponent(Show, {
                   get when() {
                     return change.before;
                   },
                   get children() {
-                    var _el$39 = _tmpl$8$4(), _el$40 = _el$39.firstChild, _el$41 = _el$40.nextSibling;
-                    insert(_el$41, () => change.before);
-                    return _el$39;
+                    var _el$44 = _tmpl$0$4(), _el$45 = _el$44.firstChild, _el$46 = _el$45.nextSibling;
+                    insert(_el$46, () => change.before);
+                    return _el$44;
                   }
                 }), null);
-                insert(_el$38, createComponent(Show, {
+                insert(_el$43, createComponent(Show, {
                   get when() {
                     return change.after;
                   },
                   get children() {
-                    var _el$42 = _tmpl$9$4(), _el$43 = _el$42.firstChild, _el$44 = _el$43.nextSibling;
-                    insert(_el$44, () => change.after);
-                    return _el$42;
+                    var _el$47 = _tmpl$1$4(), _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling;
+                    insert(_el$49, () => change.after);
+                    return _el$47;
                   }
                 }), null);
-                return _el$38;
+                return _el$43;
               }
             }), null);
-            insert(_el$34, createComponent(Show, {
+            insert(_el$39, createComponent(Show, {
               get when() {
                 return change.addedItems?.length;
               },
               get children() {
-                var _el$45 = _tmpl$1$4(), _el$46 = _el$45.firstChild, _el$47 = _el$46.nextSibling;
-                insert(_el$47, createComponent(For, {
+                var _el$50 = _tmpl$11$4(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling;
+                insert(_el$52, createComponent(For, {
                   get each() {
                     return change.addedItems;
                   },
                   children: (item) => (() => {
-                    var _el$51 = _tmpl$12$4();
-                    insert(_el$51, item);
-                    return _el$51;
+                    var _el$56 = _tmpl$14$3();
+                    insert(_el$56, item);
+                    return _el$56;
                   })()
                 }));
-                return _el$45;
+                return _el$50;
               }
             }), null);
-            insert(_el$34, createComponent(Show, {
+            insert(_el$39, createComponent(Show, {
               get when() {
                 return change.removedItems?.length;
               },
               get children() {
-                var _el$48 = _tmpl$10$4(), _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling;
-                insert(_el$50, createComponent(For, {
+                var _el$53 = _tmpl$12$4(), _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling;
+                insert(_el$55, createComponent(For, {
                   get each() {
                     return change.removedItems;
                   },
                   children: (item) => (() => {
-                    var _el$52 = _tmpl$12$4();
-                    insert(_el$52, item);
-                    return _el$52;
+                    var _el$57 = _tmpl$14$3();
+                    insert(_el$57, item);
+                    return _el$57;
                   })()
                 }));
-                return _el$48;
+                return _el$53;
               }
             }), null);
-            createRenderEffect(() => className(_el$34, `page-diff-item page-diff-${change.kind}`));
-            return _el$34;
+            createRenderEffect(() => className(_el$39, `page-diff-item page-diff-${change.kind}`));
+            return _el$39;
           })()
         }), null);
         return _el$11;
       }
     }), _el$24);
-    _el$25.$$click = () => window.vessel.content.toggleReader();
-    addEventListener(_el$26, "click", toggleDevTools, true);
-    addEventListener(_el$27, "click", toggleSidebar, true);
-    insert(_el$27, createComponent(Show, {
+    _el$25.$$click = async () => {
+      const id = activeTabId2();
+      if (!id) return;
+      await toggleAdBlock(id);
+    };
+    insert(_el$26, createComponent(Show, {
+      get when() {
+        return activeTab()?.adBlockingEnabled;
+      },
+      get children() {
+        return _tmpl$5$9();
+      }
+    }), null);
+    insert(_el$26, createComponent(Show, {
+      get when() {
+        return !activeTab()?.adBlockingEnabled;
+      },
+      get children() {
+        return [_tmpl$5$9(), _tmpl$6$8()];
+      }
+    }), null);
+    _el$30.$$click = () => window.vessel.content.toggleReader();
+    addEventListener(_el$31, "click", toggleDevTools, true);
+    addEventListener(_el$32, "click", toggleSidebar, true);
+    insert(_el$32, createComponent(Show, {
       get when() {
         return pendingApprovalCount() > 0;
       },
       get children() {
-        var _el$29 = _tmpl$5$6();
-        insert(_el$29, pendingApprovalCount);
-        createRenderEffect(() => setAttribute(_el$29, "aria-label", `${pendingApprovalCount()} pending`));
-        return _el$29;
+        var _el$34 = _tmpl$7$6();
+        insert(_el$34, pendingApprovalCount);
+        createRenderEffect(() => setAttribute(_el$34, "aria-label", `${pendingApprovalCount()} pending`));
+        return _el$34;
       }
     }), null);
-    addEventListener(_el$30, "click", openSettings, true);
+    addEventListener(_el$35, "click", openSettings, true);
     createRenderEffect((_p$) => {
-      var _v$ = !activeTab()?.canGoBack, _v$2 = !activeTab()?.canGoForward, _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$5 = !!activeTab()?.isReaderMode, _v$6 = !!devtoolsPanelOpen2(), _v$7 = !!(pendingApprovalCount() > 0), _v$8 = pendingApprovalCount() > 0 ? `AI Sidebar — ${pendingApprovalCount()} pending approval${pendingApprovalCount() > 1 ? "s" : ""}` : "AI Sidebar (Ctrl+Shift+L)";
+      var _v$ = !activeTab()?.canGoBack, _v$2 = !activeTab()?.canGoForward, _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$5 = !!activeTab()?.adBlockingEnabled, _v$6 = !activeTab()?.adBlockingEnabled, _v$7 = activeTab()?.adBlockingEnabled ? "Ad Block: On (click to disable)" : "Ad Block: Off (click to enable)", _v$8 = !!activeTab()?.isReaderMode, _v$9 = !!devtoolsPanelOpen2(), _v$0 = !!(pendingApprovalCount() > 0), _v$1 = pendingApprovalCount() > 0 ? `AI Sidebar — ${pendingApprovalCount()} pending approval${pendingApprovalCount() > 1 ? "s" : ""}` : "AI Sidebar (Ctrl+Shift+L)";
       _v$ !== _p$.e && (_el$3.disabled = _p$.e = _v$);
       _v$2 !== _p$.t && (_el$4.disabled = _p$.t = _v$2);
       _v$3 !== _p$.a && className(_el$9, _p$.a = _v$3);
       _v$4 !== _p$.o && setAttribute(_el$9, "title", _p$.o = _v$4);
       _v$5 !== _p$.i && _el$25.classList.toggle("active", _p$.i = _v$5);
-      _v$6 !== _p$.n && _el$26.classList.toggle("active", _p$.n = _v$6);
-      _v$7 !== _p$.s && _el$27.classList.toggle("has-approvals", _p$.s = _v$7);
-      _v$8 !== _p$.h && setAttribute(_el$27, "title", _p$.h = _v$8);
+      _v$6 !== _p$.n && _el$25.classList.toggle("nav-btn-muted", _p$.n = _v$6);
+      _v$7 !== _p$.s && setAttribute(_el$25, "title", _p$.s = _v$7);
+      _v$8 !== _p$.h && _el$30.classList.toggle("active", _p$.h = _v$8);
+      _v$9 !== _p$.r && _el$31.classList.toggle("active", _p$.r = _v$9);
+      _v$0 !== _p$.d && _el$32.classList.toggle("has-approvals", _p$.d = _v$0);
+      _v$1 !== _p$.l && setAttribute(_el$32, "title", _p$.l = _v$1);
       return _p$;
     }, {
       e: void 0,
@@ -2328,16 +2353,19 @@ const AddressBar = () => {
       i: void 0,
       n: void 0,
       s: void 0,
-      h: void 0
+      h: void 0,
+      r: void 0,
+      d: void 0,
+      l: void 0
     });
     createRenderEffect(() => _el$8.value = inputValue());
     return _el$;
   })();
 };
 delegateEvents(["click", "input"]);
-var _tmpl$$b = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=bookmark-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 aria-atomic=true>`), _tmpl$2$c = /* @__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$1 = 300;
+const TOAST_EXIT_MS$2 = 300;
 function isBookmarkToastCandidate(action) {
   return (action.source === "ai" || action.source === "mcp") && action.status === "completed" && (action.name === "create_bookmark_folder" || action.name === "save_bookmark");
 }
@@ -2361,7 +2389,7 @@ const BookmarkNotifications = () => {
     } : t));
     window.setTimeout(() => {
       setToasts((current) => current.filter((t) => t.id !== toastId));
-    }, TOAST_EXIT_MS$1);
+    }, TOAST_EXIT_MS$2);
   };
   createEffect(() => {
     const actions = runtimeState2().actions;
@@ -2395,13 +2423,13 @@ const BookmarkNotifications = () => {
     timeoutIds.clear();
   });
   return (() => {
-    var _el$ = _tmpl$$b();
+    var _el$ = _tmpl$$e();
     insert(_el$, createComponent(For, {
       get each() {
         return toasts();
       },
       children: (toast) => (() => {
-        var _el$2 = _tmpl$2$9(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+        var _el$2 = _tmpl$2$c(), _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));
@@ -2411,9 +2439,9 @@ const BookmarkNotifications = () => {
     return _el$;
   })();
 };
-var _tmpl$$a = /* @__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$$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>`);
 const TOAST_DURATION_MS = 3e3;
-const TOAST_EXIT_MS = 300;
+const TOAST_EXIT_MS$1 = 300;
 const HighlightNotifications = (props) => {
   const [visible, setVisible] = createSignal(false);
   const [leaving, setLeaving] = createSignal(false);
@@ -2428,7 +2456,7 @@ const HighlightNotifications = (props) => {
       setLeaving(false);
       setCurrent(null);
       props.onDismiss();
-    }, TOAST_EXIT_MS);
+    }, TOAST_EXIT_MS$1);
   };
   createEffect(() => {
     const toast = props.toast;
@@ -2450,7 +2478,7 @@ const HighlightNotifications = (props) => {
       return memo(() => !!visible())() && current();
     },
     get children() {
-      var _el$ = _tmpl$$a(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+      var _el$ = _tmpl$$d(), _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()));
@@ -2458,6 +2486,371 @@ const HighlightNotifications = (props) => {
     }
   });
 };
+var _tmpl$$c = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$b = /* @__PURE__ */ template(`<span class=download-toast-done>&#10003;`), _tmpl$3$9 = /* @__PURE__ */ template(`<span class=download-toast-failed>!`), _tmpl$4$9 = /* @__PURE__ */ template(`<div class=download-toast-bar-track><div class=download-toast-bar-fill>`), _tmpl$5$8 = /* @__PURE__ */ template(`<div class=download-toast-size>`), _tmpl$6$7 = /* @__PURE__ */ template(`<div class="download-toast-size download-toast-size-done"> downloaded`), _tmpl$7$5 = /* @__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) {
+  if (bytes <= 0) return "";
+  const units = ["B", "KB", "MB", "GB"];
+  let i = 0;
+  let val = bytes;
+  while (val >= 1024 && i < units.length - 1) {
+    val /= 1024;
+    i++;
+  }
+  return `${val.toFixed(i === 0 ? 0 : 1)} ${units[i]}`;
+}
+const DownloadToast = () => {
+  const [downloads, setDownloads] = createSignal([]);
+  const downloadMap = /* @__PURE__ */ new Map();
+  const timeoutIds = /* @__PURE__ */ new Map();
+  let idCounter = 0;
+  const scheduleRemoval = (id) => {
+    const timeoutId = window.setTimeout(() => dismissDownload(id), TOAST_EXIT_MS);
+    timeoutIds.set(id, timeoutId);
+    setDownloads((current) => current.map((d) => d.id === id ? {
+      ...d,
+      leaving: true
+    } : d));
+  };
+  const dismissDownload = (id) => {
+    setDownloads((current) => {
+      const item = current.find((d) => d.id === id);
+      if (item) downloadMap.delete(item.savePath);
+      return current.filter((d) => d.id !== id);
+    });
+  };
+  const scheduleDoneRemoval = (id) => {
+    const tid = window.setTimeout(() => scheduleRemoval(id), TOAST_DONE_DURATION_MS);
+    timeoutIds.set(id, tid);
+  };
+  onMount(() => {
+    const cleanupStarted = window.vessel.downloads.onStarted((info) => {
+      const id = `dl-${++idCounter}`;
+      const item = {
+        id,
+        savePath: info.savePath,
+        filename: info.filename,
+        totalBytes: info.totalBytes,
+        receivedBytes: info.receivedBytes,
+        state: "progressing",
+        leaving: false
+      };
+      downloadMap.set(info.savePath, item);
+      setDownloads((current) => [...current.slice(-4), item]);
+    });
+    const cleanupProgress = window.vessel.downloads.onProgress((info) => {
+      const item = downloadMap.get(info.savePath);
+      if (!item) return;
+      item.receivedBytes = info.receivedBytes;
+      item.totalBytes = info.totalBytes;
+      setDownloads((current) => current.map((d) => d.id === item.id ? {
+        ...d,
+        receivedBytes: info.receivedBytes,
+        totalBytes: info.totalBytes
+      } : d));
+    });
+    const cleanupDone = window.vessel.downloads.onDone((info) => {
+      const item = downloadMap.get(info.savePath);
+      if (!item) return;
+      const finalState = info.state === "completed" ? "completed" : info.state === "cancelled" ? "cancelled" : "interrupted";
+      item.state = finalState;
+      setDownloads((current) => current.map((d) => d.id === item.id ? {
+        ...d,
+        state: finalState,
+        receivedBytes: info.receivedBytes
+      } : d));
+      scheduleDoneRemoval(item.id);
+    });
+    onCleanup(() => {
+      cleanupStarted();
+      cleanupProgress();
+      cleanupDone();
+      for (const tid of timeoutIds.values()) {
+        window.clearTimeout(tid);
+      }
+      timeoutIds.clear();
+    });
+  });
+  const progressPercent = (d) => {
+    if (d.totalBytes <= 0) return 0;
+    return Math.min(100, Math.round(d.receivedBytes / d.totalBytes * 100));
+  };
+  return (() => {
+    var _el$ = _tmpl$$c();
+    insert(_el$, createComponent(For, {
+      get each() {
+        return downloads();
+      },
+      children: (dl) => (() => {
+        var _el$2 = _tmpl$7$5(), _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$b();
+          }
+        }), null);
+        insert(_el$3, createComponent(Show, {
+          get when() {
+            return dl.state === "cancelled" || dl.state === "interrupted";
+          },
+          get children() {
+            return _tmpl$3$9();
+          }
+        }), null);
+        insert(_el$2, createComponent(Show, {
+          get when() {
+            return dl.state === "progressing";
+          },
+          get children() {
+            return [(() => {
+              var _el$7 = _tmpl$4$9(), _el$8 = _el$7.firstChild;
+              createRenderEffect((_$p) => setStyleProperty(_el$8, "width", `${progressPercent(dl)}%`));
+              return _el$7;
+            })(), (() => {
+              var _el$9 = _tmpl$5$8();
+              insert(_el$9, () => formatBytes(dl.receivedBytes), null);
+              insert(_el$9, createComponent(Show, {
+                get when() {
+                  return dl.totalBytes > 0;
+                },
+                get children() {
+                  return [" / ", memo(() => formatBytes(dl.totalBytes))];
+                }
+              }), null);
+              return _el$9;
+            })()];
+          }
+        }), null);
+        insert(_el$2, createComponent(Show, {
+          get when() {
+            return dl.state === "completed";
+          },
+          get children() {
+            var _el$0 = _tmpl$6$7(), _el$1 = _el$0.firstChild;
+            insert(_el$0, () => formatBytes(dl.receivedBytes), _el$1);
+            return _el$0;
+          }
+        }), null);
+        createRenderEffect(() => _el$2.classList.toggle("download-toast-leaving", !!dl.leaving));
+        return _el$2;
+      })()
+    }));
+    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$a = /* @__PURE__ */ template(`<span class=find-bar-count>`);
+const FindBar = () => {
+  const [open, setOpen] = createSignal(false);
+  const [query, setQuery] = createSignal("");
+  const [result, setResult] = createSignal(null);
+  let inputRef;
+  const startFind = (text2) => {
+    if (!text2) {
+      window.vessel.find.stop();
+      setResult(null);
+      return;
+    }
+    window.vessel.find.start(text2, {
+      forward: true
+    });
+  };
+  const findNext = (forward = true) => {
+    const q = query();
+    if (!q) return;
+    window.vessel.find.next(forward);
+  };
+  const close = () => {
+    setOpen(false);
+    setQuery("");
+    setResult(null);
+    window.vessel.find.stop();
+  };
+  onMount(() => {
+    const cleanupResult = window.vessel.find.onResult((r) => {
+      if (r.finalUpdate) {
+        setResult(r);
+      }
+    });
+    const listener = (e) => {
+      const ctrl = e.ctrlKey || e.metaKey;
+      if (ctrl && e.key === "f") {
+        e.preventDefault();
+        if (!open()) {
+          setOpen(true);
+          setTimeout(() => inputRef?.focus(), 0);
+        } else {
+          inputRef?.focus();
+          inputRef?.select();
+        }
+        return;
+      }
+      if (!open()) return;
+      if (e.key === "Escape") {
+        e.preventDefault();
+        close();
+        return;
+      }
+      if (e.key === "Enter") {
+        e.preventDefault();
+        findNext(!e.shiftKey);
+        return;
+      }
+    };
+    document.addEventListener("keydown", listener);
+    onCleanup(() => {
+      document.removeEventListener("keydown", listener);
+      cleanupResult();
+    });
+  });
+  createEffect(() => {
+    if (open() && inputRef) {
+      inputRef.focus();
+    }
+  });
+  const handleInput = (value) => {
+    setQuery(value);
+    startFind(value);
+  };
+  return createComponent(Show, {
+    get when() {
+      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;
+      _el$2.$$input = (e) => handleInput(e.currentTarget.value);
+      var _ref$ = inputRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$2) : inputRef = _el$2;
+      setAttribute(_el$2, "spellcheck", false);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return result();
+        },
+        children: (r) => (() => {
+          var _el$6 = _tmpl$2$a();
+          insert(_el$6, (() => {
+            var _c$ = memo(() => r().matches > 0);
+            return () => _c$() ? `${r().activeMatchOrdinal} / ${r().matches}` : "No results";
+          })());
+          return _el$6;
+        })()
+      }), _el$3);
+      _el$3.$$click = () => findNext(false);
+      _el$4.$$click = () => findNext(true);
+      _el$5.$$click = close;
+      createRenderEffect(() => _el$2.value = query());
+      return _el$;
+    }
+  });
+};
+delegateEvents(["input", "click"]);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class=flow-progress>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=flow-progress-hint>Last: `), _tmpl$3$8 = /* @__PURE__ */ template(`<div class=flow-progress-hint>Next: `), _tmpl$4$8 = /* @__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$7 = /* @__PURE__ */ template(`<div><span class=flow-step-dot></span><span class=flow-step-label>`);
+const FlowProgress = () => {
+  const {
+    runtimeState: runtimeState2
+  } = useRuntime();
+  const flow = createMemo(() => runtimeState2().flowState);
+  const tracker = createMemo(() => runtimeState2().taskTracker);
+  const stepStatusClass = (status) => {
+    switch (status) {
+      case "done":
+        return "flow-step-done";
+      case "active":
+        return "flow-step-active";
+      case "failed":
+        return "flow-step-failed";
+      case "skipped":
+        return "flow-step-skipped";
+      default:
+        return "flow-step-pending";
+    }
+  };
+  const progressPercent = (steps) => {
+    if (steps.length === 0) return 0;
+    const done = steps.filter((s) => s.status === "done" || s.status === "skipped").length;
+    return Math.round(done / steps.length * 100);
+  };
+  return createComponent(Show, {
+    get when() {
+      return flow() || tracker();
+    },
+    get children() {
+      var _el$ = _tmpl$$a();
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return tracker();
+        },
+        children: (t) => (() => {
+          var _el$2 = _tmpl$4$8(), _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, {
+            get each() {
+              return t().steps;
+            },
+            children: (step) => (() => {
+              var _el$12 = _tmpl$5$7(), _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;
+            })()
+          }));
+          insert(_el$2, createComponent(Show, {
+            get when() {
+              return t().lastAction;
+            },
+            get children() {
+              var _el$0 = _tmpl$2$9();
+              _el$0.firstChild;
+              insert(_el$0, () => t().lastAction, null);
+              return _el$0;
+            }
+          }), null);
+          insert(_el$2, createComponent(Show, {
+            get when() {
+              return memo(() => !!t().nextHint)() && !t().steps.every((s) => s.status === "done");
+            },
+            get children() {
+              var _el$10 = _tmpl$3$8();
+              _el$10.firstChild;
+              insert(_el$10, () => t().nextHint, null);
+              return _el$10;
+            }
+          }), null);
+          createRenderEffect((_$p) => setStyleProperty(_el$8, "width", `${progressPercent(t().steps)}%`));
+          return _el$2;
+        })()
+      }), null);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return memo(() => !!flow())() && !tracker();
+        },
+        children: (f) => (() => {
+          var _el$15 = _tmpl$4$8(), _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, {
+            get each() {
+              return f().steps;
+            },
+            children: (step) => (() => {
+              var _el$23 = _tmpl$5$7(), _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;
+            })()
+          }));
+          createRenderEffect((_$p) => setStyleProperty(_el$21, "width", `${progressPercent(f().steps)}%`));
+          return _el$15;
+        })()
+      }), null);
+      return _el$;
+    }
+  });
+};
 function useScrollFade(el) {
   const update = () => {
     const { scrollTop, scrollHeight, clientHeight } = el;
@@ -2485,7 +2878,7 @@ function formatTime(iso, options) {
     ...options?.includeSeconds && { second: "2-digit" }
   });
 }
-var _tmpl$$9 = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$2$8 = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$3$7 = /* @__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$4$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>`);
+var _tmpl$$9 = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$8 = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$3$7 = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$4$7 = /* @__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$6 = /* @__PURE__ */ template(`<span class=agent-summary-live-dot aria-hidden=true>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span class=agent-summary-text>: `), _tmpl$7$4 = /* @__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
@@ -2507,66 +2900,107 @@ const AgentTranscriptDock = () => {
     setMode("off");
     await window.vessel.settings.set("agentTranscriptMode", "off");
   };
+  const isSummary = createMemo(() => mode() === "summary");
+  const latestEntry = createMemo(() => {
+    const entries2 = visibleEntries();
+    return entries2.length > 0 ? entries2[0] : null;
+  });
   return createComponent(Show, {
     get when() {
-      return memo(() => mode() === "full")() && visibleEntries().length > 0;
+      return memo(() => mode() !== "off")() && visibleEntries().length > 0;
     },
     get children() {
-      var _el$ = _tmpl$3$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
-      _el$3.firstChild;
-      var _el$6 = _el$3.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
-      insert(_el$3, createComponent(Show, {
+      return [createComponent(Show, {
         get when() {
-          return hasStreamingEntry();
+          return isSummary();
         },
         get children() {
-          return _tmpl$$9();
+          var _el$ = _tmpl$$9();
+          insert(_el$, createComponent(Show, {
+            get when() {
+              return latestEntry();
+            },
+            children: (entry) => [createComponent(Show, {
+              get when() {
+                return hasStreamingEntry();
+              },
+              get children() {
+                return _tmpl$5$6();
+              }
+            }), (() => {
+              var _el$10 = _tmpl$6$6(), _el$11 = _el$10.firstChild;
+              insert(_el$10, () => entry().title || entry().kind, _el$11);
+              insert(_el$10, (() => {
+                var _c$ = memo(() => entry().text.length > 80);
+                return () => _c$() ? entry().text.slice(0, 77) + "..." : entry().text;
+              })(), null);
+              return _el$10;
+            })()]
+          }));
+          return _el$;
         }
-      }), null);
-      _el$7.$$click = () => setCollapsed((value) => !value);
-      insert(_el$7, () => collapsed() ? "▴" : "▾");
-      _el$8.$$click = () => void hideDock();
-      insert(_el$, createComponent(Show, {
+      }), createComponent(Show, {
         get when() {
-          return !collapsed();
+          return !isSummary();
         },
         get children() {
-          var _el$9 = _tmpl$2$8();
-          use((el) => useScrollFade(el), _el$9);
-          insert(_el$9, createComponent(For, {
-            get each() {
-              return visibleEntries();
+          var _el$2 = _tmpl$4$7(), _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, {
+            get when() {
+              return hasStreamingEntry();
             },
-            children: (entry) => (() => {
-              var _el$0 = _tmpl$4$7(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$1.nextSibling;
-              insert(_el$10, () => entry.title || entry.kind);
-              insert(_el$11, () => formatTime(entry.updatedAt));
-              insert(_el$12, () => entry.text);
-              createRenderEffect((_p$) => {
-                var _v$3 = `agent-transcript-entry ${entry.kind}`, _v$4 = !!(entry.status === "streaming");
-                _v$3 !== _p$.e && className(_el$0, _p$.e = _v$3);
-                _v$4 !== _p$.t && _el$0.classList.toggle("streaming", _p$.t = _v$4);
-                return _p$;
-              }, {
-                e: void 0,
-                t: void 0
-              });
+            get children() {
+              return _tmpl$2$8();
+            }
+          }), null);
+          _el$8.$$click = () => setCollapsed((value) => !value);
+          insert(_el$8, () => collapsed() ? "▴" : "▾");
+          _el$9.$$click = () => void hideDock();
+          insert(_el$2, createComponent(Show, {
+            get when() {
+              return !collapsed();
+            },
+            get children() {
+              var _el$0 = _tmpl$3$7();
+              use((el) => useScrollFade(el), _el$0);
+              insert(_el$0, createComponent(For, {
+                get each() {
+                  return visibleEntries();
+                },
+                children: (entry) => (() => {
+                  var _el$12 = _tmpl$7$4(), _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);
+                  createRenderEffect((_p$) => {
+                    var _v$3 = `agent-transcript-entry ${entry.kind}`, _v$4 = !!(entry.status === "streaming");
+                    _v$3 !== _p$.e && className(_el$12, _p$.e = _v$3);
+                    _v$4 !== _p$.t && _el$12.classList.toggle("streaming", _p$.t = _v$4);
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0
+                  });
+                  return _el$12;
+                })()
+              }));
               return _el$0;
-            })()
-          }));
-          return _el$9;
+            }
+          }), null);
+          createRenderEffect((_p$) => {
+            var _v$ = !!collapsed(), _v$2 = collapsed() ? "Expand" : "Collapse";
+            _v$ !== _p$.e && _el$2.classList.toggle("collapsed", _p$.e = _v$);
+            _v$2 !== _p$.t && setAttribute(_el$8, "data-tooltip", _p$.t = _v$2);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
+          return _el$2;
         }
-      }), null);
-      createRenderEffect((_p$) => {
-        var _v$ = !!collapsed(), _v$2 = collapsed() ? "Expand" : "Collapse";
-        _v$ !== _p$.e && _el$.classList.toggle("collapsed", _p$.e = _v$);
-        _v$2 !== _p$.t && setAttribute(_el$7, "data-tooltip", _p$.t = _v$2);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0
-      });
-      return _el$;
+      })];
     }
   });
 };
@@ -2666,7 +3100,7 @@ const [pendingQueries, setPendingQueries] = createSignal([]);
 const [pendingQueryActivities, setPendingQueryActivities] = createSignal([]);
 const [queueNotice, setQueueNotice] = createSignal(null);
 const [automationActivities, setAutomationActivities] = createSignal([]);
-let initialized$1 = false;
+let initialized$2 = false;
 let pendingDrainScheduled = false;
 let listenerCleanups = [];
 let pendingAutomationActivity = null;
@@ -2724,9 +3158,9 @@ function schedulePendingDrain() {
     }
   });
 }
-function init$1() {
-  if (initialized$1) return;
-  initialized$1 = true;
+function init$2() {
+  if (initialized$2) return;
+  initialized$2 = true;
   listenerCleanups.push(window.vessel.ai.onStreamStart((prompt) => {
     setMessages((prev) => {
       const next = [...prev, { role: "user", content: prompt }];
@@ -2809,7 +3243,7 @@ function init$1() {
   }));
 }
 function useAI() {
-  init$1();
+  init$2();
   const query = async (prompt, activity = null) => {
     recordRecentQuery(prompt);
     if (isStreaming()) {
@@ -3025,6 +3459,36 @@ const CommandBar = () => {
   });
 };
 delegateEvents(["click", "input", "keydown"]);
+const INITIAL$1 = { entries: [] };
+const [historyState, setHistoryState] = createSignal(INITIAL$1);
+let initialized$1 = false;
+let initPromise$1 = null;
+async function init$1() {
+  if (initPromise$1) return initPromise$1;
+  if (initialized$1) return;
+  initialized$1 = true;
+  initPromise$1 = (async () => {
+    try {
+      const state = await window.vessel.history.get();
+      setHistoryState(state);
+      window.vessel.history.onUpdate((s) => setHistoryState(s));
+    } catch (error) {
+      initialized$1 = false;
+      console.error("Failed to initialize history store", error);
+    } finally {
+      initPromise$1 = null;
+    }
+  })();
+  return initPromise$1;
+}
+function useHistory() {
+  void init$1();
+  return {
+    historyState,
+    search: (query) => window.vessel.history.search(query),
+    clear: () => window.vessel.history.clear()
+  };
+}
 const INITIAL = { folders: [], bookmarks: [] };
 const [bookmarksState, setBookmarksState] = createSignal(INITIAL);
 let initialized = false;
@@ -3051,7 +3515,16 @@ function useBookmarks() {
   void init();
   return {
     bookmarksState,
-    saveBookmark: (url, title, folderId, note) => window.vessel.bookmarks.saveBookmark(url, title, folderId, note),
+    saveBookmark: (url, title, folderId, note, intent, expectedContent, keyFields, agentHints) => window.vessel.bookmarks.saveBookmark(
+      url,
+      title,
+      folderId,
+      note,
+      intent,
+      expectedContent,
+      keyFields,
+      agentHints
+    ),
     removeBookmark: (id) => window.vessel.bookmarks.removeBookmark(id),
     createFolder: (name) => window.vessel.bookmarks.createFolder(name),
     createFolderWithSummary: (name, summary) => window.vessel.bookmarks.createFolderWithSummary(name, summary),
@@ -4499,7 +4972,9 @@ const FIELD_WEIGHTS = {
   note: 5,
   folder: 3,
   folderSummary: 2,
-  url: 1
+  url: 1,
+  intent: 4,
+  expectedContent: 3
 };
 function normalizeBookmarkSearchText(value) {
   let normalized = value.toLowerCase();
@@ -4530,7 +5005,9 @@ function getBookmarkSearchMatch(args) {
     url: args.url,
     note: args.note,
     folder: args.folder,
-    folderSummary: args.folderSummary
+    folderSummary: args.folderSummary,
+    intent: args.intent,
+    expectedContent: args.expectedContent
   };
   for (const field of Object.keys(values)) {
     if (!bookmarkFieldMatchesQuery(values[field], normalizedQuery, tokens)) {
@@ -4987,7 +5464,7 @@ function renderKitPrompt(kit, values) {
     (_, key) => values[key] ?? ""
   );
 }
-var _tmpl$$5 = /* @__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$5 = /* @__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$4 = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$4 = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$4 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$4 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$3 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$3 = /* @__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$1 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$40$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$41$1 = /* @__PURE__ */ template(`<option>`), _tmpl$42$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
+var _tmpl$$5 = /* @__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$5 = /* @__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$4 = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$4 = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$4 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$4 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$3 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$3 = /* @__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,
@@ -5645,7 +6122,7 @@ const AutomationTab = (props) => {
               return !isStreaming2();
             },
             get fallback() {
-              return [_tmpl$39$1(), "Agent busy…"];
+              return [_tmpl$39$2(), "Agent busy…"];
             },
             children: "Run Kit"
           }));
@@ -5666,7 +6143,7 @@ const AutomationTab = (props) => {
               insert(_el$38, createComponent(For, {
                 each: ["once", "hourly", "daily", "weekly"],
                 children: (type) => (() => {
-                  var _el$117 = _tmpl$40$1(), _el$118 = _el$117.firstChild;
+                  var _el$117 = _tmpl$40$2(), _el$118 = _el$117.firstChild;
                   _el$118.addEventListener("change", () => setSchedType(type));
                   _el$118.value = type;
                   insert(_el$117, () => type.charAt(0).toUpperCase() + type.slice(1), null);
@@ -5707,7 +6184,7 @@ const AutomationTab = (props) => {
                     insert(_el$47, createComponent(For, {
                       each: DAY_NAMES,
                       children: (day, i) => (() => {
-                        var _el$119 = _tmpl$41$1();
+                        var _el$119 = _tmpl$41$2();
                         insert(_el$119, day);
                         createRenderEffect(() => _el$119.value = i());
                         return _el$119;
@@ -5756,7 +6233,7 @@ const AutomationTab = (props) => {
         insert(_el$59, createComponent(For, {
           each: ["once", "hourly", "daily", "weekly"],
           children: (t) => (() => {
-            var _el$120 = _tmpl$42$1(), _el$121 = _el$120.firstChild;
+            var _el$120 = _tmpl$42$2(), _el$121 = _el$120.firstChild;
             _el$121.addEventListener("change", () => setEditType(t));
             _el$121.value = t;
             insert(_el$120, () => t.charAt(0).toUpperCase() + t.slice(1), null);
@@ -5790,7 +6267,7 @@ const AutomationTab = (props) => {
                 insert(_el$65, createComponent(For, {
                   each: DAY_NAMES,
                   children: (name, i) => (() => {
-                    var _el$122 = _tmpl$41$1();
+                    var _el$122 = _tmpl$41$2();
                     insert(_el$122, name);
                     createRenderEffect(() => _el$122.value = i());
                     return _el$122;
@@ -5827,7 +6304,7 @@ const AutomationTab = (props) => {
 };
 delegateEvents(["click", "input", "keydown", "contextmenu"]);
 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(`<div class=agent-section-title>Pending approvals`), _tmpl$5$3 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$6$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$7$2 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2>`), _tmpl$9$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$0$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$1$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$10$2 = /* @__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$11$2 = /* @__PURE__ */ template(`<span>`), _tmpl$12$2 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$13$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$14$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$15$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$16$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$17$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$18$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$19$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$20$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$21$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$22$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$23$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></div><div class=sidebar-messages><div>`), _tmpl$24$1 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$25$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$26$1 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$30$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$31$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$33$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$34$1 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$35$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$36$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$37$1 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$38$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$39 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$40 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$41 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$42 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$43 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$44 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$45 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><button class=agent-control-button type=button>Restore`), _tmpl$46 = /* @__PURE__ */ template(`<div>`), _tmpl$47 = /* @__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$48 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$49 = /* @__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$50 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
+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(`<div class=agent-section-title>Pending approvals`), _tmpl$5$3 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$6$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$7$2 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2>`), _tmpl$9$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$0$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$1$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$10$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$11$2 = /* @__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$12$2 = /* @__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$13$1 = /* @__PURE__ */ template(`<span>`), _tmpl$14$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$15$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$16$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$17$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$18$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$19$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$20$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$21$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$22$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$23$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$24$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$25$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></div><div class=sidebar-messages><div>`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$27$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$28$1 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$30$1 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$31$1 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$32$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$33$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$34$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$35$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$36$1 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$37$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$38$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$39$1 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$40$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$41$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$42$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$43 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$44 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$45 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$46 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$47 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><button class=agent-control-button type=button>Restore`), _tmpl$48 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$49 = /* @__PURE__ */ template(`<div>`), _tmpl$50 = /* @__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$51 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$52 = /* @__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$53 = /* @__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",
@@ -5902,6 +6379,7 @@ const Sidebar = (props) => {
     activeTab,
     createTab
   } = useTabs();
+  const history = useHistory();
   const {
     bookmarksState: bookmarksState2,
     saveBookmark,
@@ -6188,6 +6666,18 @@ ${contextBlock}` : contextBlock);
     const startX = e.screenX;
     const startWidth = sidebarWidth2();
     let finished = false;
+    const state = {
+      currentX: startX,
+      rafId: null
+    };
+    const flushResizeUpdate = () => {
+      state.rafId = null;
+      if (finished) return;
+      const totalDelta = startX - state.currentX;
+      const targetWidth = startWidth + totalDelta;
+      const newWidth = Math.max(240, Math.min(800, Math.round(targetWidth)));
+      resizeSidebar(newWidth);
+    };
     const clearPointerTracking = () => {
       window.removeEventListener("pointermove", onPointerMove);
       window.removeEventListener("pointerup", onPointerUp);
@@ -6198,14 +6688,25 @@ ${contextBlock}` : contextBlock);
       if (target.hasPointerCapture?.(e.pointerId)) {
         target.releasePointerCapture(e.pointerId);
       }
+      if (state.rafId !== null) {
+        cancelAnimationFrame(state.rafId);
+        state.rafId = null;
+      }
     };
     const onPointerMove = (ev) => {
-      const delta = startX - ev.screenX;
-      resizeSidebar(startWidth + delta);
+      state.currentX = ev.screenX;
+      if (state.rafId === null) {
+        state.rafId = requestAnimationFrame(flushResizeUpdate);
+      }
     };
     const finishResize = () => {
       if (finished) return;
       finished = true;
+      if (state.rafId !== null) {
+        cancelAnimationFrame(state.rafId);
+        state.rafId = null;
+      }
+      flushResizeUpdate();
       setIsDragging(false);
       clearPointerTracking();
       document.body.style.cursor = "";
@@ -6285,9 +6786,9 @@ ${contextBlock}` : contextBlock);
       return props.forceOpen || sidebarOpen2();
     },
     get children() {
-      var _el$9 = _tmpl$23$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$25$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$15.nextSibling, _el$86 = _el$23.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$15.nextSibling, _el$93 = _el$24.firstChild;
       _el$0.$$pointerdown = startResize;
       setAttribute(_el$11, "src", vesselLogo);
       addEventListener(_el$13, "click", clearHistory, true);
@@ -6307,20 +6808,21 @@ ${contextBlock}` : contextBlock);
       _el$20.$$click = () => setSidebarTab("checkpoints");
       _el$21.$$click = () => setSidebarTab("chat");
       _el$22.$$click = () => setSidebarTab("automation");
+      _el$23.$$click = () => setSidebarTab("history");
       use((el) => {
         messagesContainerRef = el;
         useScrollFade(el);
-      }, _el$23);
-      insert(_el$23, createComponent(Show, {
+      }, _el$24);
+      insert(_el$24, createComponent(Show, {
         get when() {
           return sidebarTab() === "supervisor";
         },
         get children() {
-          var _el$24 = _tmpl$6$3(), _el$25 = _el$24.firstChild, _el$26 = _el$25.firstChild, _el$27 = _el$26.firstChild, _el$28 = _el$27.nextSibling, _el$29 = _el$26.nextSibling, _el$30 = _el$25.nextSibling, _el$31 = _el$30.firstChild, _el$32 = _el$31.nextSibling, _el$33 = _el$30.nextSibling, _el$35 = _el$33.nextSibling;
-          _el$35.firstChild;
-          insert(_el$28, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
-          insert(_el$29, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
-          insert(_el$30, createComponent(DropdownSelect, {
+          var _el$25 = _tmpl$6$3(), _el$26 = _el$25.firstChild, _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$29 = _el$28.nextSibling, _el$30 = _el$27.nextSibling, _el$31 = _el$26.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$34 = _el$31.nextSibling, _el$36 = _el$34.nextSibling;
+          _el$36.firstChild;
+          insert(_el$29, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
+          insert(_el$30, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
+          insert(_el$31, createComponent(DropdownSelect, {
             "class": "agent-select",
             get value() {
               return runtimeState2().supervisor.approvalMode;
@@ -6330,17 +6832,17 @@ ${contextBlock}` : contextBlock);
             },
             ariaLabel: "Approval mode",
             onChange: (value) => void setApprovalMode(value)
-          }), _el$31);
-          _el$31.$$click = () => void (runtimeState2().supervisor.paused ? resume() : pause());
-          insert(_el$31, () => runtimeState2().supervisor.paused ? "Resume" : "Pause");
-          _el$32.$$click = () => void restoreSession();
-          insert(_el$33, approvalModeDescription);
-          insert(_el$24, createComponent(Show, {
+          }), _el$32);
+          _el$32.$$click = () => void (runtimeState2().supervisor.paused ? resume() : pause());
+          insert(_el$32, () => runtimeState2().supervisor.paused ? "Resume" : "Pause");
+          _el$33.$$click = () => void restoreSession();
+          insert(_el$34, approvalModeDescription);
+          insert(_el$25, createComponent(Show, {
             get when() {
               return runtimeState2().supervisor.pendingApprovals.length > 0;
             },
             get fallback() {
-              return _tmpl$24$1();
+              return _tmpl$26$1();
             },
             get children() {
               return [_tmpl$4$3(), createComponent(For, {
@@ -6348,37 +6850,37 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$104 = _tmpl$25$1(), _el$105 = _el$104.firstChild, _el$106 = _el$105.nextSibling, _el$107 = _el$106.nextSibling, _el$108 = _el$107.nextSibling, _el$109 = _el$108.nextSibling, _el$110 = _el$109.firstChild, _el$111 = _el$110.nextSibling;
-                  insert(_el$106, () => approval.name);
-                  insert(_el$107, () => approval.argsSummary);
-                  insert(_el$108, () => approval.reason);
-                  _el$110.$$click = () => void resolveApproval(approval.id, true);
-                  _el$111.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$104;
+                  var _el$111 = _tmpl$27$1(), _el$112 = _el$111.firstChild, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.firstChild, _el$118 = _el$117.nextSibling;
+                  insert(_el$113, () => approval.name);
+                  insert(_el$114, () => approval.argsSummary);
+                  insert(_el$115, () => approval.reason);
+                  _el$117.$$click = () => void resolveApproval(approval.id, true);
+                  _el$118.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$111;
                 })()
               })];
             }
-          }), _el$35);
-          insert(_el$35, createComponent(Show, {
+          }), _el$36);
+          insert(_el$36, createComponent(Show, {
             get when() {
               return recentActions().length > 0;
             },
             get children() {
-              var _el$37 = _tmpl$5$3();
-              _el$37.$$click = () => setActionsExpanded((current) => !current);
-              insert(_el$37, (() => {
+              var _el$38 = _tmpl$5$3();
+              _el$38.$$click = () => setActionsExpanded((current) => !current);
+              insert(_el$38, (() => {
                 var _c$ = memo(() => !!actionsExpanded());
                 return () => _c$() ? "Hide history" : `Show history (${recentActions().length})`;
               })());
-              return _el$37;
+              return _el$38;
             }
           }), null);
-          insert(_el$24, createComponent(Show, {
+          insert(_el$25, createComponent(Show, {
             get when() {
               return recentActions().length > 0;
             },
             get fallback() {
-              return _tmpl$26$1();
+              return _tmpl$28$1();
             },
             get children() {
               return createComponent(Show, {
@@ -6386,7 +6888,7 @@ ${contextBlock}` : contextBlock);
                   return actionsExpanded();
                 },
                 get fallback() {
-                  return _tmpl$27$1();
+                  return _tmpl$29$1();
                 },
                 get children() {
                   return createComponent(For, {
@@ -6394,53 +6896,53 @@ ${contextBlock}` : contextBlock);
                       return recentActions();
                     },
                     children: (action) => (() => {
-                      var _el$114 = _tmpl$30$1(), _el$115 = _el$114.firstChild, _el$116 = _el$115.firstChild, _el$117 = _el$116.nextSibling, _el$118 = _el$115.nextSibling;
-                      insert(_el$116, () => action.name);
-                      insert(_el$117, () => action.status);
-                      insert(_el$118, () => action.argsSummary);
-                      insert(_el$114, createComponent(Show, {
+                      var _el$121 = _tmpl$32$1(), _el$122 = _el$121.firstChild, _el$123 = _el$122.firstChild, _el$124 = _el$123.nextSibling, _el$125 = _el$122.nextSibling;
+                      insert(_el$123, () => action.name);
+                      insert(_el$124, () => action.status);
+                      insert(_el$125, () => action.argsSummary);
+                      insert(_el$121, createComponent(Show, {
                         get when() {
                           return action.resultSummary;
                         },
                         get children() {
-                          var _el$119 = _tmpl$28$1();
-                          insert(_el$119, () => action.resultSummary);
-                          return _el$119;
+                          var _el$126 = _tmpl$30$1();
+                          insert(_el$126, () => action.resultSummary);
+                          return _el$126;
                         }
                       }), null);
-                      insert(_el$114, createComponent(Show, {
+                      insert(_el$121, createComponent(Show, {
                         get when() {
                           return action.error;
                         },
                         get children() {
-                          var _el$120 = _tmpl$29$1();
-                          insert(_el$120, () => action.error);
-                          return _el$120;
+                          var _el$127 = _tmpl$31$1();
+                          insert(_el$127, () => action.error);
+                          return _el$127;
                         }
                       }), null);
-                      createRenderEffect(() => className(_el$117, `agent-action-status ${action.status}`));
-                      return _el$114;
+                      createRenderEffect(() => className(_el$124, `agent-action-status ${action.status}`));
+                      return _el$121;
                     })()
                   });
                 }
               });
             }
           }), null);
-          createRenderEffect(() => _el$29.classList.toggle("paused", !!runtimeState2().supervisor.paused));
-          return _el$24;
+          createRenderEffect(() => _el$30.classList.toggle("paused", !!runtimeState2().supervisor.paused));
+          return _el$25;
         }
-      }), _el$86);
-      insert(_el$23, createComponent(Show, {
+      }), _el$93);
+      insert(_el$24, createComponent(Show, {
         get when() {
           return sidebarTab() === "bookmarks";
         },
         get children() {
-          var _el$38 = _tmpl$9$2(), _el$39 = _el$38.firstChild, _el$40 = _el$39.firstChild, _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling, _el$44 = _el$39.nextSibling, _el$45 = _el$44.nextSibling, _el$46 = _el$45.firstChild, _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling, _el$55 = _el$45.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling, _el$59 = _el$56.nextSibling, _el$60 = _el$55.nextSibling;
-          insert(_el$42, (() => {
+          var _el$39 = _tmpl$9$2(), _el$40 = _el$39.firstChild, _el$41 = _el$40.firstChild, _el$42 = _el$41.firstChild, _el$43 = _el$42.nextSibling, _el$45 = _el$40.nextSibling, _el$46 = _el$45.nextSibling, _el$47 = _el$46.firstChild, _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling, _el$56 = _el$46.nextSibling, _el$57 = _el$56.firstChild, _el$58 = _el$57.firstChild, _el$59 = _el$58.nextSibling, _el$60 = _el$57.nextSibling, _el$61 = _el$56.nextSibling;
+          insert(_el$43, (() => {
             var _c$2 = memo(() => !!normalizedBookmarkSearch());
             return () => _c$2() ? `${bookmarkMatchCount()} matches for "${bookmarkSearchQuery().trim()}"` : `${bookmarksState2().bookmarks.length} saved across ${bookmarkFolders().length} folders`;
           })());
-          insert(_el$39, createComponent(Show, {
+          insert(_el$40, createComponent(Show, {
             get when() {
               return currentTabSaved();
             },
@@ -6448,17 +6950,17 @@ ${contextBlock}` : contextBlock);
               return _tmpl$7$2();
             }
           }), null);
-          _el$44.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
-          _el$46.$$click = () => setBookmarkSaveExpanded((current) => !current);
-          insert(_el$45, createComponent(Show, {
+          _el$45.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
+          _el$47.$$click = () => setBookmarkSaveExpanded((current) => !current);
+          insert(_el$46, createComponent(Show, {
             get when() {
               return bookmarkSaveExpanded();
             },
             get children() {
-              var _el$49 = _tmpl$8$2(), _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling, _el$52 = _el$51.nextSibling, _el$53 = _el$52.firstChild, _el$54 = _el$52.nextSibling;
-              insert(_el$50, () => currentTab()?.title || "No active page");
-              insert(_el$51, () => currentTab()?.url || "Open a page to save it here.");
-              insert(_el$52, createComponent(DropdownSelect, {
+              var _el$50 = _tmpl$8$2(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling, _el$53 = _el$52.nextSibling, _el$54 = _el$53.firstChild, _el$55 = _el$53.nextSibling;
+              insert(_el$51, () => currentTab()?.title || "No active page");
+              insert(_el$52, () => currentTab()?.url || "Open a page to save it here.");
+              insert(_el$53, createComponent(DropdownSelect, {
                 "class": "bookmark-select",
                 get value() {
                   return selectedFolderId();
@@ -6468,29 +6970,29 @@ ${contextBlock}` : contextBlock);
                 },
                 ariaLabel: "Bookmark folder",
                 onChange: (value) => setSelectedFolderId(value)
-              }), _el$53);
-              _el$53.$$click = () => void handleSaveBookmark();
-              _el$54.$$input = (e) => setBookmarkNote(e.currentTarget.value);
-              createRenderEffect(() => _el$53.disabled = !currentTab()?.url);
-              createRenderEffect(() => _el$54.value = bookmarkNote());
-              return _el$49;
+              }), _el$54);
+              _el$54.$$click = () => void handleSaveBookmark();
+              _el$55.$$input = (e) => setBookmarkNote(e.currentTarget.value);
+              createRenderEffect(() => _el$54.disabled = !currentTab()?.url);
+              createRenderEffect(() => _el$55.value = bookmarkNote());
+              return _el$50;
             }
           }), null);
-          _el$55.addEventListener("submit", handleCreateFolder);
-          _el$57.$$input = (e) => setNewFolderName(e.currentTarget.value);
-          _el$58.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
-          insert(_el$60, createComponent(Show, {
+          _el$56.addEventListener("submit", handleCreateFolder);
+          _el$58.$$input = (e) => setNewFolderName(e.currentTarget.value);
+          _el$59.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
+          insert(_el$61, createComponent(Show, {
             get when() {
               return filteredGroupedBookmarks().length > 0;
             },
             get fallback() {
               return (() => {
-                var _el$121 = _tmpl$31$1();
-                insert(_el$121, (() => {
+                var _el$128 = _tmpl$33$1();
+                insert(_el$128, (() => {
                   var _c$5 = memo(() => !!normalizedBookmarkSearch());
                   return () => _c$5() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
                 })());
-                return _el$121;
+                return _el$128;
               })();
             },
             get children() {
@@ -6499,100 +7001,100 @@ ${contextBlock}` : contextBlock);
                   return filteredGroupedBookmarks();
                 },
                 children: (folder) => (() => {
-                  var _el$122 = _tmpl$38$1(), _el$123 = _el$122.firstChild, _el$124 = _el$123.firstChild, _el$125 = _el$124.firstChild, _el$126 = _el$125.nextSibling, _el$127 = _el$126.firstChild, _el$128 = _el$127.nextSibling, _el$129 = _el$128.firstChild;
-                  _el$123.$$keydown = (e) => {
+                  var _el$129 = _tmpl$40$1(), _el$130 = _el$129.firstChild, _el$131 = _el$130.firstChild, _el$132 = _el$131.firstChild, _el$133 = _el$132.nextSibling, _el$134 = _el$133.firstChild, _el$135 = _el$134.nextSibling, _el$136 = _el$135.firstChild;
+                  _el$130.$$keydown = (e) => {
                     if (e.key === "Enter" || e.key === " ") {
                       e.preventDefault();
                       toggleFolderExpanded(folder.id);
                     }
                   };
-                  _el$123.$$click = () => toggleFolderExpanded(folder.id);
-                  insert(_el$127, () => folder.name);
-                  insert(_el$128, () => folder.items.length, _el$129);
-                  insert(_el$126, createComponent(Show, {
+                  _el$130.$$click = () => toggleFolderExpanded(folder.id);
+                  insert(_el$134, () => folder.name);
+                  insert(_el$135, () => folder.items.length, _el$136);
+                  insert(_el$133, createComponent(Show, {
                     get when() {
                       return folder.summary;
                     },
                     get children() {
-                      var _el$130 = _tmpl$32$1();
-                      insert(_el$130, () => folder.summary);
-                      return _el$130;
+                      var _el$137 = _tmpl$34$1();
+                      insert(_el$137, () => folder.summary);
+                      return _el$137;
                     }
                   }), null);
-                  insert(_el$123, createComponent(Show, {
+                  insert(_el$130, createComponent(Show, {
                     get when() {
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$131 = _tmpl$33$1(), _el$132 = _el$131.firstChild, _el$133 = _el$132.nextSibling;
-                      _el$132.$$click = (e) => {
+                      var _el$138 = _tmpl$35$1(), _el$139 = _el$138.firstChild, _el$140 = _el$139.nextSibling;
+                      _el$139.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
                         setEditingFolderName(folder.name);
                         setEditingFolderSummary(folder.summary || "");
                       };
-                      _el$133.$$click = (e) => {
+                      _el$140.$$click = (e) => {
                         e.stopPropagation();
                         setDeletingFolderId(folder.id);
                       };
-                      return _el$131;
+                      return _el$138;
                     }
                   }), null);
-                  insert(_el$122, createComponent(Show, {
+                  insert(_el$129, createComponent(Show, {
                     get when() {
                       return deletingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$134 = _tmpl$35$1(), _el$135 = _el$134.firstChild, _el$136 = _el$135.firstChild, _el$138 = _el$136.nextSibling;
-                      _el$138.nextSibling;
-                      var _el$139 = _el$135.nextSibling, _el$141 = _el$139.firstChild, _el$142 = _el$141.nextSibling;
-                      insert(_el$135, () => folder.name, _el$138);
-                      insert(_el$135, (() => {
+                      var _el$141 = _tmpl$37$1(), _el$142 = _el$141.firstChild, _el$143 = _el$142.firstChild, _el$145 = _el$143.nextSibling;
+                      _el$145.nextSibling;
+                      var _el$146 = _el$142.nextSibling, _el$148 = _el$146.firstChild, _el$149 = _el$148.nextSibling;
+                      insert(_el$142, () => folder.name, _el$145);
+                      insert(_el$142, (() => {
                         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$139, createComponent(Show, {
+                      insert(_el$146, createComponent(Show, {
                         get when() {
                           return folder.items.length > 0;
                         },
                         get children() {
-                          var _el$140 = _tmpl$34$1();
-                          _el$140.$$click = () => void handleRemoveFolder(folder.id, false);
-                          return _el$140;
+                          var _el$147 = _tmpl$36$1();
+                          _el$147.$$click = () => void handleRemoveFolder(folder.id, false);
+                          return _el$147;
                         }
-                      }), _el$141);
-                      _el$141.$$click = () => void handleRemoveFolder(folder.id, true);
-                      insert(_el$141, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
-                      _el$142.$$click = () => setDeletingFolderId(null);
-                      return _el$134;
+                      }), _el$148);
+                      _el$148.$$click = () => void handleRemoveFolder(folder.id, true);
+                      insert(_el$148, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
+                      _el$149.$$click = () => setDeletingFolderId(null);
+                      return _el$141;
                     }
                   }), null);
-                  insert(_el$122, createComponent(Show, {
+                  insert(_el$129, createComponent(Show, {
                     get when() {
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$143 = _tmpl$36$1(), _el$144 = _el$143.firstChild, _el$145 = _el$144.firstChild, _el$146 = _el$145.nextSibling, _el$147 = _el$144.nextSibling, _el$148 = _el$147.nextSibling;
-                      _el$145.$$input = (e) => setEditingFolderName(e.currentTarget.value);
-                      _el$146.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
-                      _el$147.$$click = () => void handleRenameFolder(folder.id);
-                      _el$148.$$click = () => {
+                      var _el$150 = _tmpl$38$1(), _el$151 = _el$150.firstChild, _el$152 = _el$151.firstChild, _el$153 = _el$152.nextSibling, _el$154 = _el$151.nextSibling, _el$155 = _el$154.nextSibling;
+                      _el$152.$$input = (e) => setEditingFolderName(e.currentTarget.value);
+                      _el$153.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
+                      _el$154.$$click = () => void handleRenameFolder(folder.id);
+                      _el$155.$$click = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$147.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$145.value = editingFolderName());
-                      createRenderEffect(() => _el$146.value = editingFolderSummary());
-                      return _el$143;
+                      createRenderEffect(() => _el$154.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$152.value = editingFolderName());
+                      createRenderEffect(() => _el$153.value = editingFolderSummary());
+                      return _el$150;
                     }
                   }), null);
-                  insert(_el$122, createComponent(Show, {
+                  insert(_el$129, createComponent(Show, {
                     get when() {
                       return isFolderExpanded(folder.id);
                     },
                     get fallback() {
-                      return _tmpl$39();
+                      return _tmpl$41$1();
                     },
                     get children() {
                       return createComponent(Show, {
@@ -6600,116 +7102,116 @@ ${contextBlock}` : contextBlock);
                           return folder.items.length > 0;
                         },
                         get fallback() {
-                          return _tmpl$40();
+                          return _tmpl$42$1();
                         },
                         get children() {
-                          var _el$149 = _tmpl$37$1();
-                          insert(_el$149, createComponent(For, {
+                          var _el$156 = _tmpl$39$1();
+                          insert(_el$156, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              var _el$152 = _tmpl$42(), _el$153 = _el$152.firstChild, _el$154 = _el$153.firstChild, _el$155 = _el$154.nextSibling, _el$157 = _el$153.nextSibling, _el$158 = _el$157.firstChild, _el$159 = _el$158.nextSibling;
-                              _el$153.$$click = () => void createTab(bookmark.url);
-                              insert(_el$154, () => bookmark.title || bookmark.url);
-                              insert(_el$155, () => bookmark.url);
-                              insert(_el$152, createComponent(Show, {
+                              var _el$159 = _tmpl$44(), _el$160 = _el$159.firstChild, _el$161 = _el$160.firstChild, _el$162 = _el$161.nextSibling, _el$164 = _el$160.nextSibling, _el$165 = _el$164.firstChild, _el$166 = _el$165.nextSibling;
+                              _el$160.$$click = () => void createTab(bookmark.url);
+                              insert(_el$161, () => bookmark.title || bookmark.url);
+                              insert(_el$162, () => bookmark.url);
+                              insert(_el$159, createComponent(Show, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$156 = _tmpl$41();
-                                  insert(_el$156, () => bookmark.note);
-                                  return _el$156;
+                                  var _el$163 = _tmpl$43();
+                                  insert(_el$163, () => bookmark.note);
+                                  return _el$163;
                                 }
-                              }), _el$157);
-                              insert(_el$158, () => formatBookmarkDate(bookmark.savedAt));
-                              _el$159.$$click = () => void removeBookmark(bookmark.id);
-                              createRenderEffect(() => setAttribute(_el$152, "data-bookmark-id", bookmark.id));
-                              return _el$152;
+                              }), _el$164);
+                              insert(_el$165, () => formatBookmarkDate(bookmark.savedAt));
+                              _el$166.$$click = () => void removeBookmark(bookmark.id);
+                              createRenderEffect(() => setAttribute(_el$159, "data-bookmark-id", bookmark.id));
+                              return _el$159;
                             })()
                           }));
-                          return _el$149;
+                          return _el$156;
                         }
                       });
                     }
                   }), null);
-                  createRenderEffect(() => _el$125.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
-                  return _el$122;
+                  createRenderEffect(() => _el$132.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
+                  return _el$129;
                 })()
               });
             }
           }));
           createRenderEffect((_p$) => {
             var _v$ = !!bookmarkSaveExpanded(), _v$2 = !newFolderName().trim();
-            _v$ !== _p$.e && _el$48.classList.toggle("expanded", _p$.e = _v$);
-            _v$2 !== _p$.t && (_el$59.disabled = _p$.t = _v$2);
+            _v$ !== _p$.e && _el$49.classList.toggle("expanded", _p$.e = _v$);
+            _v$2 !== _p$.t && (_el$60.disabled = _p$.t = _v$2);
             return _p$;
           }, {
             e: void 0,
             t: void 0
           });
-          createRenderEffect(() => _el$44.value = bookmarkSearchQuery());
-          createRenderEffect(() => _el$57.value = newFolderName());
-          createRenderEffect(() => _el$58.value = newFolderSummary());
-          return _el$38;
+          createRenderEffect(() => _el$45.value = bookmarkSearchQuery());
+          createRenderEffect(() => _el$58.value = newFolderName());
+          createRenderEffect(() => _el$59.value = newFolderSummary());
+          return _el$39;
         }
-      }), _el$86);
-      insert(_el$23, createComponent(Show, {
+      }), _el$93);
+      insert(_el$24, createComponent(Show, {
         get when() {
           return sidebarTab() === "checkpoints";
         },
         get children() {
-          var _el$61 = _tmpl$1$2(), _el$62 = _el$61.firstChild, _el$63 = _el$62.firstChild, _el$64 = _el$63.firstChild, _el$65 = _el$64.nextSibling, _el$66 = _el$62.nextSibling, _el$67 = _el$66.firstChild, _el$68 = _el$67.firstChild, _el$69 = _el$68.nextSibling;
-          _el$67.nextSibling;
-          insert(_el$65, (() => {
+          var _el$62 = _tmpl$1$2(), _el$63 = _el$62.firstChild, _el$64 = _el$63.firstChild, _el$65 = _el$64.firstChild, _el$66 = _el$65.nextSibling, _el$67 = _el$63.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.firstChild, _el$70 = _el$69.nextSibling;
+          _el$68.nextSibling;
+          insert(_el$66, (() => {
             var _c$3 = memo(() => recentCheckpoints().length > 0);
             return () => _c$3() ? `${recentCheckpoints().length} saved snapshots` : "Save and restore session snapshots";
           })());
-          _el$68.$$input = (e) => setCheckpointName(e.currentTarget.value);
-          _el$69.$$click = async () => {
+          _el$69.$$input = (e) => setCheckpointName(e.currentTarget.value);
+          _el$70.$$click = async () => {
             const name = checkpointName().trim();
             await createCheckpoint(name || void 0);
             setCheckpointName("");
           };
-          insert(_el$66, createComponent(Show, {
+          insert(_el$67, createComponent(Show, {
             get when() {
               return recentCheckpoints().length > 0;
             },
             get fallback() {
-              return _tmpl$43();
+              return _tmpl$45();
             },
             get children() {
-              var _el$71 = _tmpl$0$2();
-              insert(_el$71, createComponent(For, {
+              var _el$72 = _tmpl$0$2();
+              insert(_el$72, createComponent(For, {
                 get each() {
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  var _el$161 = _tmpl$45(), _el$162 = _el$161.firstChild, _el$163 = _el$162.firstChild, _el$165 = _el$162.nextSibling, _el$166 = _el$165.firstChild, _el$167 = _el$166.nextSibling, _el$168 = _el$167.nextSibling;
-                  insert(_el$162, createComponent(Show, {
+                  var _el$168 = _tmpl$47(), _el$169 = _el$168.firstChild, _el$170 = _el$169.firstChild, _el$172 = _el$169.nextSibling, _el$173 = _el$172.firstChild, _el$174 = _el$173.nextSibling, _el$175 = _el$174.nextSibling;
+                  insert(_el$169, createComponent(Show, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
                     get children() {
-                      return _tmpl$44();
+                      return _tmpl$46();
                     }
                   }), null);
-                  insert(_el$166, () => checkpoint.name);
-                  insert(_el$167, () => new Date(checkpoint.createdAt).toLocaleString());
-                  _el$168.$$click = () => void restoreCheckpoint(checkpoint.id);
-                  createRenderEffect(() => _el$163.classList.toggle("latest", !!(i() === 0)));
-                  return _el$161;
+                  insert(_el$173, () => checkpoint.name);
+                  insert(_el$174, () => new Date(checkpoint.createdAt).toLocaleString());
+                  _el$175.$$click = () => void restoreCheckpoint(checkpoint.id);
+                  createRenderEffect(() => _el$170.classList.toggle("latest", !!(i() === 0)));
+                  return _el$168;
                 })()
               }));
-              return _el$71;
+              return _el$72;
             }
           }), null);
-          createRenderEffect(() => _el$68.value = checkpointName());
-          return _el$61;
+          createRenderEffect(() => _el$69.value = checkpointName());
+          return _el$62;
         }
-      }), _el$86);
-      insert(_el$23, createComponent(Show, {
+      }), _el$93);
+      insert(_el$24, createComponent(Show, {
         get when() {
           return sidebarTab() === "automation";
         },
@@ -6718,8 +7220,41 @@ ${contextBlock}` : contextBlock);
             onRun: () => setSidebarTab("supervisor")
           });
         }
-      }), _el$86);
-      insert(_el$23, createComponent(Show, {
+      }), _el$93);
+      insert(_el$24, createComponent(Show, {
+        get when() {
+          return sidebarTab() === "history";
+        },
+        get children() {
+          var _el$73 = _tmpl$11$2(), _el$74 = _el$73.firstChild, _el$75 = _el$74.firstChild, _el$76 = _el$75.nextSibling, _el$77 = _el$74.nextSibling;
+          _el$76.$$click = async () => {
+            await history.clear();
+          };
+          insert(_el$77, createComponent(For, {
+            get each() {
+              return history.historyState().entries;
+            },
+            children: (entry) => (() => {
+              var _el$176 = _tmpl$48(), _el$177 = _el$176.firstChild, _el$178 = _el$177.nextSibling, _el$179 = _el$178.nextSibling;
+              _el$176.$$click = () => createTab(entry.url);
+              insert(_el$177, () => entry.title || entry.url);
+              insert(_el$178, () => entry.url);
+              insert(_el$179, () => new Date(entry.visitedAt).toLocaleString());
+              return _el$176;
+            })()
+          }), null);
+          insert(_el$77, createComponent(Show, {
+            get when() {
+              return history.historyState().entries.length === 0;
+            },
+            get children() {
+              return _tmpl$10$2();
+            }
+          }), null);
+          return _el$73;
+        }
+      }), _el$93);
+      insert(_el$24, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
         },
@@ -6729,23 +7264,23 @@ ${contextBlock}` : contextBlock);
               return !isPremium();
             },
             get children() {
-              var _el$72 = _tmpl$10$2(), _el$73 = _el$72.firstChild, _el$74 = _el$73.nextSibling, _el$75 = _el$74.nextSibling, _el$76 = _el$75.firstChild, _el$77 = _el$76.nextSibling;
-              _el$76.$$click = () => openPremiumCheckout("chat_banner_clicked");
-              _el$77.$$click = openPremiumDetails;
-              return _el$72;
+              var _el$79 = _tmpl$12$2(), _el$80 = _el$79.firstChild, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.firstChild, _el$84 = _el$83.nextSibling;
+              _el$83.$$click = () => openPremiumCheckout("chat_banner_clicked");
+              _el$84.$$click = openPremiumDetails;
+              return _el$79;
             }
           }), createComponent(For, {
             get each() {
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$169 = _tmpl$46();
-              insert(_el$169, createComponent(MarkdownMessage, {
+              var _el$180 = _tmpl$49();
+              insert(_el$180, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }), null);
-              insert(_el$169, createComponent(Show, {
+              insert(_el$180, createComponent(Show, {
                 get when() {
                   return memo(() => msg.role === "assistant")() ? getPremiumPromptKind(msg.content) : null;
                 },
@@ -6758,31 +7293,31 @@ ${contextBlock}` : contextBlock);
                   onOpenSettings: openPremiumDetails
                 })
               }), null);
-              createRenderEffect(() => className(_el$169, `message message-${msg.role}`));
-              return _el$169;
+              createRenderEffect(() => className(_el$180, `message message-${msg.role}`));
+              return _el$180;
             })()
           }), createComponent(Show, {
             get when() {
               return isStreaming2();
             },
             get children() {
-              var _el$78 = _tmpl$13$1(), _el$79 = _el$78.firstChild;
-              insert(_el$79, createComponent(Show, {
+              var _el$85 = _tmpl$15$1(), _el$86 = _el$85.firstChild;
+              insert(_el$86, createComponent(Show, {
                 get when() {
                   return hasFirstChunk2();
                 },
                 get fallback() {
-                  return _tmpl$47();
+                  return _tmpl$50();
                 },
                 get children() {
-                  var _el$80 = _tmpl$12$2(), _el$81 = _el$80.firstChild, _el$82 = _el$81.firstChild;
-                  _el$82.nextSibling;
-                  insert(_el$80, createComponent(MarkdownMessage, {
+                  var _el$87 = _tmpl$14$1(), _el$88 = _el$87.firstChild, _el$89 = _el$88.firstChild;
+                  _el$89.nextSibling;
+                  insert(_el$87, createComponent(MarkdownMessage, {
                     get content() {
                       return streamingText2();
                     }
-                  }), _el$81);
-                  insert(_el$80, createComponent(Show, {
+                  }), _el$88);
+                  insert(_el$87, createComponent(Show, {
                     get when() {
                       return getPremiumPromptKind(streamingText2());
                     },
@@ -6794,21 +7329,21 @@ ${contextBlock}` : contextBlock);
                       onStartTrial: () => openPremiumCheckout(kind() === "premium_gate" ? "premium_gate_clicked" : "iteration_limit_clicked"),
                       onOpenSettings: openPremiumDetails
                     })
-                  }), _el$81);
-                  insert(_el$81, createComponent(Show, {
+                  }), _el$88);
+                  insert(_el$88, createComponent(Show, {
                     get when() {
                       return elapsedSeconds() > 0;
                     },
                     get children() {
-                      var _el$84 = _tmpl$11$2();
-                      insert(_el$84, () => ` • ${elapsedSeconds()}s`);
-                      return _el$84;
+                      var _el$91 = _tmpl$13$1();
+                      insert(_el$91, () => ` • ${elapsedSeconds()}s`);
+                      return _el$91;
                     }
                   }), null);
-                  return _el$80;
+                  return _el$87;
                 }
               }));
-              return _el$78;
+              return _el$85;
             }
           }), createComponent(Show, {
             get when() {
@@ -6820,22 +7355,22 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$171 = _tmpl$49(), _el$172 = _el$171.firstChild, _el$173 = _el$172.nextSibling, _el$174 = _el$173.firstChild, _el$175 = _el$174.firstChild, _el$176 = _el$175.nextSibling, _el$178 = _el$174.nextSibling, _el$179 = _el$178.nextSibling, _el$180 = _el$179.firstChild, _el$181 = _el$180.nextSibling;
-                  insert(_el$176, () => approval.name);
-                  insert(_el$173, createComponent(Show, {
+                  var _el$182 = _tmpl$52(), _el$183 = _el$182.firstChild, _el$184 = _el$183.nextSibling, _el$185 = _el$184.firstChild, _el$186 = _el$185.firstChild, _el$187 = _el$186.nextSibling, _el$189 = _el$185.nextSibling, _el$190 = _el$189.nextSibling, _el$191 = _el$190.firstChild, _el$192 = _el$191.nextSibling;
+                  insert(_el$187, () => approval.name);
+                  insert(_el$184, createComponent(Show, {
                     get when() {
                       return approval.argsSummary;
                     },
                     get children() {
-                      var _el$177 = _tmpl$48();
-                      insert(_el$177, () => approval.argsSummary);
-                      return _el$177;
+                      var _el$188 = _tmpl$51();
+                      insert(_el$188, () => approval.argsSummary);
+                      return _el$188;
                     }
-                  }), _el$178);
-                  insert(_el$178, () => approval.reason);
-                  _el$180.$$click = () => void resolveApproval(approval.id, true);
-                  _el$181.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$171;
+                  }), _el$189);
+                  insert(_el$189, () => approval.reason);
+                  _el$191.$$click = () => void resolveApproval(approval.id, true);
+                  _el$192.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$182;
                 })()
               });
             }
@@ -6844,13 +7379,13 @@ ${contextBlock}` : contextBlock);
               return memo(() => messages2().length === 0)() && !isStreaming2();
             },
             get children() {
-              return _tmpl$14$1();
+              return _tmpl$16$1();
             }
           })];
         }
-      }), _el$86);
+      }), _el$93);
       var _ref$ = messagesEndRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$86) : messagesEndRef = _el$86;
+      typeof _ref$ === "function" ? use(_ref$, _el$93) : messagesEndRef = _el$93;
       insert(_el$9, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -6861,125 +7396,125 @@ ${contextBlock}` : contextBlock);
               return isStreaming2() || messages2().length > 0;
             },
             get children() {
-              var _el$87 = _tmpl$17$1();
-              insert(_el$87, createComponent(Show, {
+              var _el$94 = _tmpl$19$1();
+              insert(_el$94, createComponent(Show, {
                 get when() {
                   return isStreaming2();
                 },
                 get children() {
-                  var _el$88 = _tmpl$15$1();
-                  _el$88.$$click = () => cancel();
-                  return _el$88;
+                  var _el$95 = _tmpl$17$1();
+                  _el$95.$$click = () => cancel();
+                  return _el$95;
                 }
               }), null);
-              insert(_el$87, createComponent(Show, {
+              insert(_el$94, createComponent(Show, {
                 get when() {
                   return memo(() => !!!isStreaming2())() && messages2().length > 0;
                 },
                 get children() {
-                  var _el$89 = _tmpl$16$1();
-                  _el$89.$$click = handleRetry;
-                  return _el$89;
+                  var _el$96 = _tmpl$18$1();
+                  _el$96.$$click = handleRetry;
+                  return _el$96;
                 }
               }), null);
-              return _el$87;
+              return _el$94;
             }
           }), createComponent(Show, {
             get when() {
               return highlightCount() > 0;
             },
             get children() {
-              var _el$90 = _tmpl$18$1(), _el$91 = _el$90.firstChild, _el$92 = _el$91.nextSibling;
-              _el$92.firstChild;
-              var _el$94 = _el$92.nextSibling;
-              _el$91.$$click = () => void scrollToHighlight(highlightIndex() - 1);
-              _el$92.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
-              insert(_el$92, (() => {
+              var _el$97 = _tmpl$20$1(), _el$98 = _el$97.firstChild, _el$99 = _el$98.nextSibling;
+              _el$99.firstChild;
+              var _el$101 = _el$99.nextSibling;
+              _el$98.$$click = () => void scrollToHighlight(highlightIndex() - 1);
+              _el$99.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
+              insert(_el$99, (() => {
                 var _c$4 = memo(() => highlightIndex() >= 0);
                 return () => _c$4() ? `${highlightIndex() + 1} / ${highlightCount()}` : `${highlightCount()} highlight${highlightCount() > 1 ? "s" : ""}`;
               })(), null);
-              _el$94.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
+              _el$101.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
               createRenderEffect((_p$) => {
                 var _v$3 = highlightIndex() <= 0, _v$4 = highlightIndex() >= highlightCount() - 1;
-                _v$3 !== _p$.e && (_el$91.disabled = _p$.e = _v$3);
-                _v$4 !== _p$.t && (_el$94.disabled = _p$.t = _v$4);
+                _v$3 !== _p$.e && (_el$98.disabled = _p$.e = _v$3);
+                _v$4 !== _p$.t && (_el$101.disabled = _p$.t = _v$4);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$90;
+              return _el$97;
             }
           }), createComponent(Show, {
             get when() {
               return queueNotice2() !== null || pendingQueryCount() > 0;
             },
             get children() {
-              var _el$95 = _tmpl$21$1(), _el$96 = _el$95.firstChild, _el$97 = _el$96.firstChild;
-              insert(_el$97, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
-              insert(_el$96, createComponent(Show, {
+              var _el$102 = _tmpl$23$1(), _el$103 = _el$102.firstChild, _el$104 = _el$103.firstChild;
+              insert(_el$104, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
+              insert(_el$103, createComponent(Show, {
                 get when() {
                   return pendingQueryCount() > 0;
                 },
                 get children() {
-                  var _el$98 = _tmpl$19$1();
-                  _el$98.$$click = () => clearPendingQueries();
-                  return _el$98;
+                  var _el$105 = _tmpl$21$1();
+                  _el$105.$$click = () => clearPendingQueries();
+                  return _el$105;
                 }
               }), null);
-              insert(_el$95, createComponent(Show, {
+              insert(_el$102, createComponent(Show, {
                 get when() {
                   return pendingQueries2().length > 0;
                 },
                 get children() {
-                  var _el$99 = _tmpl$20$1();
-                  insert(_el$99, createComponent(For, {
+                  var _el$106 = _tmpl$22$1();
+                  insert(_el$106, createComponent(For, {
                     get each() {
                       return pendingQueries2();
                     },
                     children: (pendingPrompt, index) => (() => {
-                      var _el$182 = _tmpl$50(), _el$183 = _el$182.firstChild, _el$184 = _el$183.nextSibling;
-                      setAttribute(_el$183, "title", pendingPrompt);
-                      insert(_el$183, pendingPrompt);
-                      _el$184.$$click = () => removePendingQuery(index());
-                      createRenderEffect(() => setAttribute(_el$184, "aria-label", `Remove queued prompt ${index() + 1}`));
-                      return _el$182;
+                      var _el$193 = _tmpl$53(), _el$194 = _el$193.firstChild, _el$195 = _el$194.nextSibling;
+                      setAttribute(_el$194, "title", pendingPrompt);
+                      insert(_el$194, pendingPrompt);
+                      _el$195.$$click = () => removePendingQuery(index());
+                      createRenderEffect(() => setAttribute(_el$195, "aria-label", `Remove queued prompt ${index() + 1}`));
+                      return _el$193;
                     })()
                   }));
-                  return _el$99;
+                  return _el$106;
                 }
               }), null);
-              return _el$95;
+              return _el$102;
             }
           }), (() => {
-            var _el$100 = _tmpl$22$1(), _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling;
-            _el$101.$$keydown = (e) => {
+            var _el$107 = _tmpl$24$1(), _el$108 = _el$107.firstChild, _el$109 = _el$108.nextSibling;
+            _el$108.$$keydown = (e) => {
               if (e.key === "Enter" && !e.shiftKey) {
                 e.preventDefault();
                 void handleChatSend();
               }
             };
-            _el$101.$$input = (e) => setChatInput(e.currentTarget.value);
+            _el$108.$$input = (e) => setChatInput(e.currentTarget.value);
             var _ref$2 = chatInputRef;
-            typeof _ref$2 === "function" ? use(_ref$2, _el$101) : chatInputRef = _el$101;
-            _el$102.$$click = () => void handleChatSend();
-            insert(_el$102, () => isStreaming2() ? "Queue" : "Send");
+            typeof _ref$2 === "function" ? use(_ref$2, _el$108) : chatInputRef = _el$108;
+            _el$109.$$click = () => void handleChatSend();
+            insert(_el$109, () => isStreaming2() ? "Queue" : "Send");
             createRenderEffect((_p$) => {
               var _v$5 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything...", _v$6 = !chatInput().trim();
-              _v$5 !== _p$.e && setAttribute(_el$101, "placeholder", _p$.e = _v$5);
-              _v$6 !== _p$.t && (_el$102.disabled = _p$.t = _v$6);
+              _v$5 !== _p$.e && setAttribute(_el$108, "placeholder", _p$.e = _v$5);
+              _v$6 !== _p$.t && (_el$109.disabled = _p$.t = _v$6);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            createRenderEffect(() => _el$101.value = chatInput());
-            return _el$100;
+            createRenderEffect(() => _el$108.value = chatInput());
+            return _el$107;
           })()];
         }
       }), null);
       createRenderEffect((_p$) => {
-        var _v$7 = `${sidebarWidth2()}px`, _v$8 = !!isDragging(), _v$9 = !!(sidebarTab() === "supervisor"), _v$0 = sidebarTab() === "supervisor", _v$1 = !!(sidebarTab() === "bookmarks"), _v$10 = sidebarTab() === "bookmarks", _v$11 = !!(sidebarTab() === "checkpoints"), _v$12 = sidebarTab() === "checkpoints", _v$13 = !!(sidebarTab() === "chat"), _v$14 = sidebarTab() === "chat", _v$15 = !!(sidebarTab() === "automation"), _v$16 = sidebarTab() === "automation";
+        var _v$7 = `${sidebarWidth2()}px`, _v$8 = !!isDragging(), _v$9 = !!(sidebarTab() === "supervisor"), _v$0 = sidebarTab() === "supervisor", _v$1 = !!(sidebarTab() === "bookmarks"), _v$10 = sidebarTab() === "bookmarks", _v$11 = !!(sidebarTab() === "checkpoints"), _v$12 = sidebarTab() === "checkpoints", _v$13 = !!(sidebarTab() === "chat"), _v$14 = sidebarTab() === "chat", _v$15 = !!(sidebarTab() === "automation"), _v$16 = sidebarTab() === "automation", _v$17 = !!(sidebarTab() === "history"), _v$18 = sidebarTab() === "history";
         _v$7 !== _p$.e && setStyleProperty(_el$9, "width", _p$.e = _v$7);
         _v$8 !== _p$.t && _el$0.classList.toggle("dragging", _p$.t = _v$8);
         _v$9 !== _p$.a && _el$16.classList.toggle("active", _p$.a = _v$9);
@@ -6992,6 +7527,8 @@ ${contextBlock}` : contextBlock);
         _v$14 !== _p$.d && setAttribute(_el$21, "aria-selected", _p$.d = _v$14);
         _v$15 !== _p$.l && _el$22.classList.toggle("active", _p$.l = _v$15);
         _v$16 !== _p$.u && setAttribute(_el$22, "aria-selected", _p$.u = _v$16);
+        _v$17 !== _p$.c && _el$23.classList.toggle("active", _p$.c = _v$17);
+        _v$18 !== _p$.w && setAttribute(_el$23, "aria-selected", _p$.w = _v$18);
         return _p$;
       }, {
         e: void 0,
@@ -7005,7 +7542,9 @@ ${contextBlock}` : contextBlock);
         r: void 0,
         d: void 0,
         l: void 0,
-        u: void 0
+        u: void 0,
+        c: void 0,
+        w: void 0
       });
       return _el$9;
     }
@@ -7533,7 +8072,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=settings-field><label class=settings-label for=chat-provider>Provider</label><select id=chat-provider class="settings-input settings-select">`), _tmpl$6$1 = /* @__PURE__ */ template(`<span class=settings-label-optional> (optional)`), _tmpl$7 = /* @__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$8 = /* @__PURE__ */ template(`<p class=settings-hint>If your endpoint requires authentication, enter the API key or bearer token here.`), _tmpl$9 = /* @__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$0 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$1 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$10 = /* @__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$11 = /* @__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$12 = /* @__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$13 = /* @__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$14 = /* @__PURE__ */ template(`<span class=vault-premium-badge>Premium`), _tmpl$15 = /* @__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$16 = /* @__PURE__ */ template(`<div class=vault-entries>`), _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(`<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=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-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-actions><button class=settings-save>Save</button><button class=settings-close>Close`), _tmpl$22 = /* @__PURE__ */ template(`<style>
+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 = /* @__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=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>
         .settings-panel {
           width: min(440px, calc(100vw - 32px));
           max-height: calc(100vh - 48px);
@@ -7653,6 +8192,14 @@ var _tmpl$$2 = /* @__PURE__ */ template(`<div class=welcome-banner-actions><butt
         .settings-select {
           appearance: none;
         }
+        .settings-textarea {
+          height: auto;
+          min-height: 70px;
+          padding: 8px 12px;
+          resize: vertical;
+          line-height: 1.5;
+          margin-top: 8px;
+        }
         .settings-input:focus {
           border-color: var(--accent-primary);
           box-shadow: 0 0 0 2px rgba(196, 160, 90, 0.1);
@@ -8067,7 +8614,7 @@ var _tmpl$$2 = /* @__PURE__ */ template(`<div class=welcome-banner-actions><butt
           justify-content: flex-end;
           margin-top: 4px;
         }
-      `), _tmpl$23 = /* @__PURE__ */ template(`<div class="settings-input settings-input-disabled"title="Upgrade to Vessel Premium for unlimited tool iterations">50`), _tmpl$24 = /* @__PURE__ */ template(`<div class=settings-health-issues>`), _tmpl$25 = /* @__PURE__ */ template(`<div class=settings-health><div class=settings-callout-title>Runtime Health</div><p class=settings-hint>MCP status: <strong></strong> `), _tmpl$26 = /* @__PURE__ */ template(`<p class=settings-hint>Active endpoint: <code>`), _tmpl$27 = /* @__PURE__ */ template(`<div class=settings-health-issue><strong></strong><div>`), _tmpl$28 = /* @__PURE__ */ template(`<div>`), _tmpl$29 = /* @__PURE__ */ template(`<option>`), _tmpl$30 = /* @__PURE__ */ template(`<input id=chat-model class=settings-input style=flex:1>`), _tmpl$31 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--accent-primary)>`), _tmpl$32 = /* @__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$33 = /* @__PURE__ */ template(`<button class="premium-btn premium-btn-reset">Clear Saved Email`), _tmpl$34 = /* @__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$35 = /* @__PURE__ */ template(`<p class=settings-status>`), _tmpl$36 = /* @__PURE__ */ template(`<p class=settings-hint>Securely store credentials for agent-driven logins. Upgrade to Premium to unlock the Agent Credential Vault.`), _tmpl$37 = /* @__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$38 = /* @__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$26 = /* @__PURE__ */ template(`<div class="settings-input settings-input-disabled"title="Upgrade to Vessel Premium for unlimited tool iterations">50`), _tmpl$27 = /* @__PURE__ */ template(`<div class=settings-health-issues>`), _tmpl$28 = /* @__PURE__ */ template(`<div class=settings-health><div class=settings-callout-title>Runtime Health</div><p class=settings-hint>MCP status: <strong></strong> `), _tmpl$29 = /* @__PURE__ */ template(`<p class=settings-hint>Active endpoint: <code>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=settings-health-issue><strong></strong><div>`), _tmpl$31 = /* @__PURE__ */ template(`<div>`), _tmpl$32 = /* @__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$33 = /* @__PURE__ */ template(`<option>`), _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;`);
 const CHAT_PROVIDERS = Object.values(PROVIDERS).map((p) => ({
   id: p.id,
   name: p.name,
@@ -8095,8 +8642,21 @@ const Settings = () => {
   const [agentTranscriptMode, setAgentTranscriptMode] = createSignal("summary");
   const [health, setHealth] = createSignal(null);
   const [defaultUrl, setDefaultUrl] = createSignal("https://start.duckduckgo.com");
+  const [downloadPath, setDownloadPath] = createSignal("");
   const [status, setStatus] = createSignal(null);
   const [telemetryEnabled, setTelemetryEnabled] = createSignal(true);
+  const [theme, setTheme] = createSignal("dark");
+  const [domainMode, setDomainMode] = createSignal("none");
+  const [domainList, setDomainList] = createSignal("");
+  const [sessionList, setSessionList] = createSignal([]);
+  const [sessionSaveName, setSessionSaveName] = createSignal("");
+  const loadSessionList = async () => {
+    try {
+      const sessions = await window.vessel.sessions.list();
+      setSessionList(sessions);
+    } catch {
+    }
+  };
   const [vaultEntries, setVaultEntries] = createSignal([]);
   const [vaultExpanded, setVaultExpanded] = createSignal(false);
   const [vaultAdding, setVaultAdding] = createSignal(false);
@@ -8363,7 +8923,9 @@ const Settings = () => {
   const loadState = async () => {
     const settings = await window.vessel.settings.get();
     const runtimeHealth = await window.vessel.settings.getHealth();
+    setTheme(settings.theme ?? "dark");
     setDefaultUrl(settings.defaultUrl ?? "https://start.duckduckgo.com");
+    setDownloadPath(settings.downloadPath ?? "");
     setAutoRestoreSession(settings.autoRestoreSession ?? true);
     setClearBookmarksOnLaunch(settings.clearBookmarksOnLaunch ?? false);
     setObsidianVaultPath(settings.obsidianVaultPath ?? "");
@@ -8384,6 +8946,20 @@ const Settings = () => {
       setChatHasStoredApiKey(false);
     }
     setTelemetryEnabled(settings.telemetryEnabled !== false);
+    const dp = settings.domainPolicy ?? {
+      allowedDomains: [],
+      blockedDomains: []
+    };
+    if (dp.allowedDomains.length > 0) {
+      setDomainMode("allowlist");
+      setDomainList(dp.allowedDomains.join("\n"));
+    } else if (dp.blockedDomains.length > 0) {
+      setDomainMode("blocklist");
+      setDomainList(dp.blockedDomains.join("\n"));
+    } else {
+      setDomainMode("none");
+      setDomainList("");
+    }
     try {
       const ps = await window.vessel.premium.getState();
       setPremiumState(ps);
@@ -8391,6 +8967,7 @@ const Settings = () => {
     } catch {
     }
     await loadVaultEntries();
+    await loadSessionList();
   };
   onMount(() => {
     void loadState();
@@ -8437,6 +9014,8 @@ const Settings = () => {
         });
         return;
       }
+      await window.vessel.settings.set("theme", theme());
+      await window.vessel.settings.set("downloadPath", downloadPath().trim());
       await window.vessel.settings.set("defaultUrl", defaultUrl().trim() || "https://start.duckduckgo.com");
       await window.vessel.settings.set("autoRestoreSession", autoRestoreSession());
       await window.vessel.settings.set("clearBookmarksOnLaunch", clearBookmarksOnLaunch());
@@ -8446,6 +9025,18 @@ const Settings = () => {
       await window.vessel.settings.set("maxToolIterations", Math.max(10, Math.min(1e3, parsedIterations)));
       await window.vessel.settings.set("agentTranscriptMode", agentTranscriptMode());
       await window.vessel.settings.set("telemetryEnabled", telemetryEnabled());
+      const domains = domainList().split("\n").map((d) => d.trim()).filter((d) => d.length > 0);
+      const domainPolicy = domainMode() === "allowlist" ? {
+        allowedDomains: domains,
+        blockedDomains: []
+      } : domainMode() === "blocklist" ? {
+        allowedDomains: [],
+        blockedDomains: domains
+      } : {
+        allowedDomains: [],
+        blockedDomains: []
+      };
+      await window.vessel.settings.set("domainPolicy", domainPolicy);
       const chatConfig = chatEnabled() ? {
         id: chatProviderId(),
         apiKey: chatApiKey().trim(),
@@ -8475,13 +9066,13 @@ const Settings = () => {
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$21(), _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$21.nextSibling, _el$25 = _el$24.firstChild, _el$27 = _el$25.nextSibling, _el$28 = _el$24.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$28.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$34 = _el$31.nextSibling, _el$35 = _el$34.firstChild, _el$36 = _el$35.firstChild, _el$37 = _el$34.nextSibling, _el$38 = _el$37.firstChild, _el$39 = _el$38.firstChild, _el$40 = _el$37.nextSibling, _el$41 = _el$40.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$42.firstChild, _el$64 = _el$41.nextSibling, _el$65 = _el$64.nextSibling;
-        _el$65.firstChild;
-        var _el$74 = _el$65.nextSibling, _el$75 = _el$74.nextSibling, _el$76 = _el$75.firstChild;
+        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$21.nextSibling, _el$25 = _el$24.firstChild, _el$26 = _el$25.nextSibling, _el$27 = _el$24.nextSibling, _el$28 = _el$27.firstChild, _el$30 = _el$28.nextSibling, _el$31 = _el$27.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$34 = _el$31.nextSibling, _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling, _el$37 = _el$34.nextSibling, _el$38 = _el$37.firstChild, _el$39 = _el$38.firstChild, _el$40 = _el$37.nextSibling, _el$41 = _el$40.firstChild, _el$42 = _el$41.firstChild, _el$43 = _el$40.nextSibling, _el$44 = _el$43.nextSibling, _el$45 = _el$44.firstChild, _el$46 = _el$45.nextSibling, _el$47 = _el$46.nextSibling, _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling, _el$51 = _el$44.nextSibling, _el$52 = _el$51.nextSibling, _el$53 = _el$52.firstChild, _el$54 = _el$53.firstChild, _el$75 = _el$52.nextSibling, _el$76 = _el$75.nextSibling;
         _el$76.firstChild;
-        var _el$92 = _el$75.nextSibling, _el$93 = _el$92.nextSibling, _el$94 = _el$93.firstChild;
-        _el$94.nextSibling;
-        var _el$117 = _el$93.nextSibling, _el$118 = _el$117.nextSibling, _el$119 = _el$118.firstChild, _el$120 = _el$119.firstChild, _el$121 = _el$118.nextSibling, _el$122 = _el$121.firstChild, _el$123 = _el$122.nextSibling;
+        var _el$85 = _el$76.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.firstChild;
+        _el$87.firstChild;
+        var _el$103 = _el$86.nextSibling, _el$104 = _el$103.nextSibling, _el$105 = _el$104.firstChild;
+        _el$105.nextSibling;
+        var _el$128 = _el$104.nextSibling, _el$129 = _el$128.nextSibling, _el$130 = _el$129.firstChild, _el$131 = _el$130.firstChild, _el$132 = _el$129.nextSibling, _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$142 = _el$136.nextSibling, _el$143 = _el$142.firstChild, _el$144 = _el$143.nextSibling;
         addEventListener(_el$, "click", closeSettings, true);
         _el$2.$$keydown = handleKeyDown;
         _el$2.$$click = (e) => e.stopPropagation();
@@ -8531,23 +9122,25 @@ const Settings = () => {
         }), _el$18);
         _el$20.$$input = (e) => setDefaultUrl(e.currentTarget.value);
         setAttribute(_el$20, "spellcheck", false);
-        _el$23.$$input = (e) => setMcpPort(e.currentTarget.value);
+        _el$23.$$input = (e) => setDownloadPath(e.currentTarget.value);
         setAttribute(_el$23, "spellcheck", false);
-        insert(_el$24, createComponent(Show, {
+        _el$26.$$input = (e) => setMcpPort(e.currentTarget.value);
+        setAttribute(_el$26, "spellcheck", false);
+        insert(_el$27, createComponent(Show, {
           get when() {
             return premiumActive();
           },
           get fallback() {
-            return _tmpl$23();
+            return _tmpl$26();
           },
           get children() {
-            var _el$26 = _tmpl$4$1();
-            _el$26.$$input = (e) => setMaxToolIterations(e.currentTarget.value);
-            createRenderEffect(() => _el$26.value = maxToolIterations());
-            return _el$26;
+            var _el$29 = _tmpl$4$1();
+            _el$29.$$input = (e) => setMaxToolIterations(e.currentTarget.value);
+            createRenderEffect(() => _el$29.value = maxToolIterations());
+            return _el$29;
           }
-        }), _el$27);
-        insert(_el$27, createComponent(Show, {
+        }), _el$30);
+        insert(_el$30, createComponent(Show, {
           get when() {
             return premiumActive();
           },
@@ -8559,71 +9152,133 @@ const Settings = () => {
             return health();
           },
           children: (currentHealth) => (() => {
-            var _el$126 = _tmpl$25(), _el$127 = _el$126.firstChild, _el$128 = _el$127.nextSibling, _el$129 = _el$128.firstChild, _el$131 = _el$129.nextSibling;
-            _el$131.nextSibling;
-            insert(_el$131, () => currentHealth().mcp.status);
-            insert(_el$128, () => currentHealth().mcp.message, null);
-            insert(_el$126, createComponent(Show, {
+            var _el$147 = _tmpl$28(), _el$148 = _el$147.firstChild, _el$149 = _el$148.nextSibling, _el$150 = _el$149.firstChild, _el$152 = _el$150.nextSibling;
+            _el$152.nextSibling;
+            insert(_el$152, () => currentHealth().mcp.status);
+            insert(_el$149, () => currentHealth().mcp.message, null);
+            insert(_el$147, createComponent(Show, {
               get when() {
                 return currentHealth().mcp.endpoint;
               },
               children: (endpoint) => (() => {
-                var _el$134 = _tmpl$26(), _el$135 = _el$134.firstChild, _el$136 = _el$135.nextSibling;
-                insert(_el$136, endpoint);
-                return _el$134;
+                var _el$155 = _tmpl$29(), _el$156 = _el$155.firstChild, _el$157 = _el$156.nextSibling;
+                insert(_el$157, endpoint);
+                return _el$155;
               })()
             }), null);
-            insert(_el$126, createComponent(Show, {
+            insert(_el$147, createComponent(Show, {
               get when() {
                 return currentHealth().startupIssues.length > 0;
               },
               get children() {
-                var _el$133 = _tmpl$24();
-                insert(_el$133, () => currentHealth().startupIssues.map((issue) => (() => {
-                  var _el$137 = _tmpl$27(), _el$138 = _el$137.firstChild, _el$139 = _el$138.nextSibling;
-                  insert(_el$138, () => issue.title);
-                  insert(_el$139, () => issue.detail);
-                  insert(_el$137, createComponent(Show, {
+                var _el$154 = _tmpl$27();
+                insert(_el$154, () => currentHealth().startupIssues.map((issue) => (() => {
+                  var _el$158 = _tmpl$30(), _el$159 = _el$158.firstChild, _el$160 = _el$159.nextSibling;
+                  insert(_el$159, () => issue.title);
+                  insert(_el$160, () => issue.detail);
+                  insert(_el$158, createComponent(Show, {
                     get when() {
                       return issue.action;
                     },
                     children: (action) => (() => {
-                      var _el$140 = _tmpl$28();
-                      insert(_el$140, action);
-                      return _el$140;
+                      var _el$161 = _tmpl$31();
+                      insert(_el$161, action);
+                      return _el$161;
                     })()
                   }), null);
                   createRenderEffect((_p$) => {
-                    var _v$0 = !!(issue.severity === "warning"), _v$1 = !!(issue.severity === "error");
-                    _v$0 !== _p$.e && _el$137.classList.toggle("warning", _p$.e = _v$0);
-                    _v$1 !== _p$.t && _el$137.classList.toggle("error", _p$.t = _v$1);
+                    var _v$1 = !!(issue.severity === "warning"), _v$10 = !!(issue.severity === "error");
+                    _v$1 !== _p$.e && _el$158.classList.toggle("warning", _p$.e = _v$1);
+                    _v$10 !== _p$.t && _el$158.classList.toggle("error", _p$.t = _v$10);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$137;
+                  return _el$158;
                 })()));
-                return _el$133;
+                return _el$154;
               }
             }), null);
-            return _el$126;
+            return _el$147;
           })()
-        }), _el$28);
-        _el$30.$$input = (e) => setObsidianVaultPath(e.currentTarget.value);
-        setAttribute(_el$30, "spellcheck", false);
-        _el$33.addEventListener("change", (e) => setAgentTranscriptMode(e.currentTarget.value));
-        _el$36.$$click = () => setAutoRestoreSession(!autoRestoreSession());
-        _el$39.$$click = () => setClearBookmarksOnLaunch(!clearBookmarksOnLaunch());
-        _el$43.$$click = () => setChatEnabled(!chatEnabled());
+        }), _el$31);
+        _el$33.$$input = (e) => setObsidianVaultPath(e.currentTarget.value);
+        setAttribute(_el$33, "spellcheck", false);
+        _el$36.addEventListener("change", (e) => setAgentTranscriptMode(e.currentTarget.value));
+        _el$39.$$click = () => setAutoRestoreSession(!autoRestoreSession());
+        _el$42.$$click = () => setClearBookmarksOnLaunch(!clearBookmarksOnLaunch());
+        _el$48.$$input = (e) => setSessionSaveName(e.currentTarget.value);
+        setAttribute(_el$48, "spellcheck", false);
+        _el$49.$$click = async () => {
+          try {
+            await window.vessel.sessions.save(sessionSaveName().trim());
+            setSessionSaveName("");
+            await loadSessionList();
+            setStatus({
+              kind: "success",
+              text: "Session saved."
+            });
+            setTimeout(() => setStatus(null), 3e3);
+          } catch (err) {
+            setStatus({
+              kind: "error",
+              text: String(err)
+            });
+          }
+        };
+        insert(_el$44, createComponent(Show, {
+          get when() {
+            return sessionList().length > 0;
+          },
+          get children() {
+            var _el$50 = _tmpl$5$1();
+            insert(_el$50, createComponent(For, {
+              get each() {
+                return sessionList();
+              },
+              children: (s) => (() => {
+                var _el$162 = _tmpl$32(), _el$163 = _el$162.firstChild, _el$164 = _el$163.firstChild, _el$165 = _el$164.nextSibling, _el$166 = _el$165.firstChild, _el$172 = _el$166.nextSibling, _el$168 = _el$172.nextSibling, _el$173 = _el$168.nextSibling;
+                _el$173.nextSibling;
+                var _el$174 = _el$163.nextSibling, _el$175 = _el$174.firstChild, _el$176 = _el$175.nextSibling;
+                insert(_el$164, () => s.name);
+                insert(_el$165, () => new Date(s.updatedAt).toLocaleDateString(), _el$166);
+                insert(_el$165, () => s.cookieCount, _el$172);
+                insert(_el$165, () => s.domains.length, _el$173);
+                _el$175.$$click = async () => {
+                  try {
+                    await window.vessel.sessions.load(s.name);
+                    setStatus({
+                      kind: "success",
+                      text: `Session "${s.name}" restored.`
+                    });
+                    setTimeout(() => setStatus(null), 3e3);
+                  } catch (err) {
+                    setStatus({
+                      kind: "error",
+                      text: String(err)
+                    });
+                  }
+                };
+                _el$176.$$click = async () => {
+                  await window.vessel.sessions.delete(s.name);
+                  await loadSessionList();
+                };
+                return _el$162;
+              })()
+            }));
+            return _el$50;
+          }
+        }), null);
+        _el$54.$$click = () => setChatEnabled(!chatEnabled());
         insert(_el$2, createComponent(Show, {
           get when() {
             return chatEnabled();
           },
           get children() {
             return [(() => {
-              var _el$44 = _tmpl$5$1(), _el$45 = _el$44.firstChild, _el$46 = _el$45.nextSibling;
-              _el$46.addEventListener("change", (e) => {
+              var _el$55 = _tmpl$6$1(), _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling;
+              _el$57.addEventListener("change", (e) => {
                 const id = e.currentTarget.value;
                 setChatProviderId(id);
                 setChatModel("");
@@ -8633,145 +9288,145 @@ const Settings = () => {
                 setProviderModels([]);
                 setModelFetchState("idle");
               });
-              insert(_el$46, createComponent(For, {
+              insert(_el$57, createComponent(For, {
                 each: CHAT_PROVIDERS,
                 children: (p) => (() => {
-                  var _el$141 = _tmpl$29();
-                  insert(_el$141, () => p.name);
-                  createRenderEffect(() => _el$141.value = p.id);
-                  return _el$141;
+                  var _el$177 = _tmpl$33();
+                  insert(_el$177, () => p.name);
+                  createRenderEffect(() => _el$177.value = p.id);
+                  return _el$177;
                 })()
               }));
-              createRenderEffect(() => _el$46.value = chatProviderId());
-              return _el$44;
+              createRenderEffect(() => _el$57.value = chatProviderId());
+              return _el$55;
             })(), createComponent(Show, {
               get when() {
                 return chatProviderMeta().requiresKey || chatProviderId() === "custom";
               },
               get children() {
-                var _el$47 = _tmpl$9(), _el$48 = _el$47.firstChild;
-                _el$48.firstChild;
-                var _el$51 = _el$48.nextSibling;
-                insert(_el$48, createComponent(Show, {
+                var _el$58 = _tmpl$0(), _el$59 = _el$58.firstChild;
+                _el$59.firstChild;
+                var _el$62 = _el$59.nextSibling;
+                insert(_el$59, createComponent(Show, {
                   get when() {
                     return !chatProviderMeta().requiresKey;
                   },
                   get children() {
-                    return _tmpl$6$1();
+                    return _tmpl$7();
                   }
                 }), null);
-                _el$51.$$input = (e) => {
+                _el$62.$$input = (e) => {
                   setChatApiKey(e.currentTarget.value);
                   if (e.currentTarget.value.trim()) {
                     setChatHasStoredApiKey(true);
                   }
                 };
-                setAttribute(_el$51, "spellcheck", false);
-                insert(_el$47, createComponent(Show, {
+                setAttribute(_el$62, "spellcheck", false);
+                insert(_el$58, createComponent(Show, {
                   get when() {
                     return memo(() => !!chatHasStoredApiKey())() && !chatApiKey().trim();
                   },
                   get children() {
-                    return _tmpl$7();
+                    return _tmpl$8();
                   }
                 }), null);
-                insert(_el$47, createComponent(Show, {
+                insert(_el$58, createComponent(Show, {
                   get when() {
                     return chatProviderId() === "custom";
                   },
                   get children() {
-                    return _tmpl$8();
+                    return _tmpl$9();
                   }
                 }), null);
-                createRenderEffect(() => setAttribute(_el$51, "placeholder", chatHasStoredApiKey() && !chatApiKey().trim() ? "Stored securely. Enter a new key to replace it." : chatProviderMeta().keyPlaceholder || "Bearer token or API key"));
-                createRenderEffect(() => _el$51.value = chatApiKey());
-                return _el$47;
+                createRenderEffect(() => setAttribute(_el$62, "placeholder", chatHasStoredApiKey() && !chatApiKey().trim() ? "Stored securely. Enter a new key to replace it." : chatProviderMeta().keyPlaceholder || "Bearer token or API key"));
+                createRenderEffect(() => _el$62.value = chatApiKey());
+                return _el$58;
               }
             }), (() => {
-              var _el$54 = _tmpl$10(), _el$55 = _el$54.firstChild, _el$56 = _el$55.nextSibling, _el$58 = _el$56.firstChild;
-              insert(_el$56, createComponent(Show, {
+              var _el$65 = _tmpl$11(), _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$69 = _el$67.firstChild;
+              insert(_el$67, createComponent(Show, {
                 get when() {
                   return providerModels().length > 0;
                 },
                 get fallback() {
                   return (() => {
-                    var _el$142 = _tmpl$30();
-                    _el$142.$$input = (e) => setChatModel(e.currentTarget.value);
-                    setAttribute(_el$142, "spellcheck", false);
-                    createRenderEffect(() => setAttribute(_el$142, "placeholder", modelFetchState() === "loading" ? "Fetching models…" : chatProviderMeta().requiresKey && !chatApiKey().trim() && !chatHasStoredApiKey() ? "Enter API key to load models" : chatProviderMeta().defaultModel || "model name"));
-                    createRenderEffect(() => _el$142.value = chatModel());
-                    return _el$142;
+                    var _el$178 = _tmpl$34();
+                    _el$178.$$input = (e) => setChatModel(e.currentTarget.value);
+                    setAttribute(_el$178, "spellcheck", false);
+                    createRenderEffect(() => setAttribute(_el$178, "placeholder", modelFetchState() === "loading" ? "Fetching models…" : chatProviderMeta().requiresKey && !chatApiKey().trim() && !chatHasStoredApiKey() ? "Enter API key to load models" : chatProviderMeta().defaultModel || "model name"));
+                    createRenderEffect(() => _el$178.value = chatModel());
+                    return _el$178;
                   })();
                 },
                 get children() {
-                  var _el$57 = _tmpl$0();
-                  _el$57.addEventListener("change", (e) => setChatModel(e.currentTarget.value));
-                  insert(_el$57, createComponent(For, {
+                  var _el$68 = _tmpl$1();
+                  _el$68.addEventListener("change", (e) => setChatModel(e.currentTarget.value));
+                  insert(_el$68, createComponent(For, {
                     get each() {
                       return providerModels();
                     },
                     children: (m) => (() => {
-                      var _el$143 = _tmpl$29();
-                      _el$143.value = m;
-                      insert(_el$143, m);
-                      return _el$143;
+                      var _el$179 = _tmpl$33();
+                      _el$179.value = m;
+                      insert(_el$179, m);
+                      return _el$179;
                     })()
                   }));
-                  createRenderEffect(() => _el$57.value = chatModel());
-                  return _el$57;
+                  createRenderEffect(() => _el$68.value = chatModel());
+                  return _el$68;
                 }
-              }), _el$58);
-              _el$58.$$click = doFetchModels;
-              insert(_el$54, createComponent(Show, {
+              }), _el$69);
+              _el$69.$$click = doFetchModels;
+              insert(_el$65, createComponent(Show, {
                 get when() {
                   return modelFetchState() === "error";
                 },
                 get children() {
-                  return _tmpl$1();
+                  return _tmpl$10();
                 }
               }), null);
-              insert(_el$54, createComponent(Show, {
+              insert(_el$65, createComponent(Show, {
                 get when() {
                   return modelFetchWarning();
                 },
                 children: (warning) => (() => {
-                  var _el$144 = _tmpl$31();
-                  insert(_el$144, warning);
-                  return _el$144;
+                  var _el$180 = _tmpl$35();
+                  insert(_el$180, warning);
+                  return _el$180;
                 })()
               }), null);
-              createRenderEffect(() => _el$58.disabled = modelFetchState() === "loading");
-              return _el$54;
+              createRenderEffect(() => _el$69.disabled = modelFetchState() === "loading");
+              return _el$65;
             })(), createComponent(Show, {
               get when() {
                 return chatProviderMeta().needsBaseUrl || chatProviderId() === "custom";
               },
               get children() {
-                var _el$60 = _tmpl$11(), _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling;
-                _el$62.$$input = (e) => setChatBaseUrl(e.currentTarget.value);
-                setAttribute(_el$62, "spellcheck", false);
-                createRenderEffect(() => setAttribute(_el$62, "placeholder", chatProviderMeta().defaultBaseUrl ?? "https://..."));
-                createRenderEffect(() => _el$62.value = chatBaseUrl());
-                return _el$60;
+                var _el$71 = _tmpl$12(), _el$72 = _el$71.firstChild, _el$73 = _el$72.nextSibling;
+                _el$73.$$input = (e) => setChatBaseUrl(e.currentTarget.value);
+                setAttribute(_el$73, "spellcheck", false);
+                createRenderEffect(() => setAttribute(_el$73, "placeholder", chatProviderMeta().defaultBaseUrl ?? "https://..."));
+                createRenderEffect(() => _el$73.value = chatBaseUrl());
+                return _el$71;
               }
             }), createComponent(Show, {
               get when() {
                 return chatProviderId() === "llama_cpp";
               },
               get children() {
-                return _tmpl$12();
+                return _tmpl$13();
               }
             })];
           }
-        }), _el$64);
-        insert(_el$65, createComponent(Show, {
+        }), _el$75);
+        insert(_el$76, createComponent(Show, {
           get when() {
             return premiumActive();
           },
           get fallback() {
             return (() => {
-              var _el$145 = _tmpl$34(), _el$146 = _el$145.firstChild, _el$147 = _el$146.nextSibling, _el$148 = _el$147.firstChild, _el$149 = _el$148.nextSibling, _el$153 = _el$147.nextSibling;
-              _el$148.$$input = (e) => {
+              var _el$181 = _tmpl$38(), _el$182 = _el$181.firstChild, _el$183 = _el$182.nextSibling, _el$184 = _el$183.firstChild, _el$185 = _el$184.nextSibling, _el$189 = _el$183.nextSibling;
+              _el$184.$$input = (e) => {
                 const nextEmail = e.currentTarget.value;
                 if (nextEmail.trim().toLowerCase() !== premiumEmail().trim().toLowerCase()) {
                   resetPremiumActivationFlow();
@@ -8779,8 +9434,8 @@ const Settings = () => {
                 }
                 setPremiumEmail(nextEmail);
               };
-              setAttribute(_el$148, "spellcheck", false);
-              _el$149.$$click = async () => {
+              setAttribute(_el$184, "spellcheck", false);
+              _el$185.$$click = async () => {
                 setPremiumLoading(true);
                 setPremiumMessage(null);
                 try {
@@ -8809,23 +9464,23 @@ const Settings = () => {
                   setPremiumLoading(false);
                 }
               };
-              insert(_el$149, (() => {
+              insert(_el$185, (() => {
                 var _c$ = memo(() => !!premiumLoading());
                 return () => _c$() ? "Sending..." : premiumCodeSent() ? "Resend Code" : "Send Code";
               })());
-              insert(_el$145, createComponent(Show, {
+              insert(_el$181, createComponent(Show, {
                 get when() {
                   return premiumCodeSent();
                 },
                 get children() {
-                  var _el$150 = _tmpl$32(), _el$151 = _el$150.firstChild, _el$152 = _el$151.nextSibling;
-                  _el$151.$$input = (e) => {
+                  var _el$186 = _tmpl$36(), _el$187 = _el$186.firstChild, _el$188 = _el$187.nextSibling;
+                  _el$187.$$input = (e) => {
                     const nextCode = e.currentTarget.value.replace(/\D+/g, "").slice(0, 6);
                     setPremiumCode(nextCode);
                     setPremiumMessage(null);
                   };
-                  setAttribute(_el$151, "spellcheck", false);
-                  _el$152.$$click = async () => {
+                  setAttribute(_el$187, "spellcheck", false);
+                  _el$188.$$click = async () => {
                     setPremiumLoading(true);
                     setPremiumMessage(null);
                     try {
@@ -8852,60 +9507,60 @@ const Settings = () => {
                       setPremiumLoading(false);
                     }
                   };
-                  insert(_el$152, () => premiumLoading() ? "Verifying..." : "Verify Code");
-                  createRenderEffect(() => _el$152.disabled = premiumLoading() || !premiumEmail().trim() || premiumCode().trim().length !== 6 || !premiumChallengeToken());
-                  createRenderEffect(() => _el$151.value = premiumCode());
-                  return _el$150;
+                  insert(_el$188, () => premiumLoading() ? "Verifying..." : "Verify Code");
+                  createRenderEffect(() => _el$188.disabled = premiumLoading() || !premiumEmail().trim() || premiumCode().trim().length !== 6 || !premiumChallengeToken());
+                  createRenderEffect(() => _el$187.value = premiumCode());
+                  return _el$186;
                 }
-              }), _el$153);
-              _el$153.$$click = () => {
+              }), _el$189);
+              _el$189.$$click = () => {
                 startPremiumCheckout();
               };
-              insert(_el$145, createComponent(Show, {
+              insert(_el$181, createComponent(Show, {
                 get when() {
                   return premiumMessage();
                 },
                 children: (msg) => (() => {
-                  var _el$155 = _tmpl$35();
-                  insert(_el$155, () => msg().text);
+                  var _el$191 = _tmpl$39();
+                  insert(_el$191, () => msg().text);
                   createRenderEffect((_p$) => {
-                    var _v$10 = !!(msg().kind === "success"), _v$11 = !!(msg().kind === "error");
-                    _v$10 !== _p$.e && _el$155.classList.toggle("success", _p$.e = _v$10);
-                    _v$11 !== _p$.t && _el$155.classList.toggle("error", _p$.t = _v$11);
+                    var _v$11 = !!(msg().kind === "success"), _v$12 = !!(msg().kind === "error");
+                    _v$11 !== _p$.e && _el$191.classList.toggle("success", _p$.e = _v$11);
+                    _v$12 !== _p$.t && _el$191.classList.toggle("error", _p$.t = _v$12);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$155;
+                  return _el$191;
                 })()
               }), null);
-              insert(_el$145, createComponent(Show, {
+              insert(_el$181, createComponent(Show, {
                 get when() {
                   return premiumState().email || premiumEmail();
                 },
                 get children() {
-                  var _el$154 = _tmpl$33();
-                  _el$154.$$click = async () => {
+                  var _el$190 = _tmpl$37();
+                  _el$190.$$click = async () => {
                     const state = await window.vessel.premium.reset();
                     setPremiumState(state);
                     setPremiumEmail("");
                     resetPremiumActivationFlow();
                     setPremiumMessage(null);
                   };
-                  return _el$154;
+                  return _el$190;
                 }
               }), null);
-              createRenderEffect(() => _el$149.disabled = premiumLoading() || !premiumEmail().trim());
-              createRenderEffect(() => _el$148.value = premiumEmail());
-              return _el$145;
+              createRenderEffect(() => _el$185.disabled = premiumLoading() || !premiumEmail().trim());
+              createRenderEffect(() => _el$184.value = premiumEmail());
+              return _el$181;
             })();
           },
           get children() {
-            var _el$67 = _tmpl$13(), _el$68 = _el$67.firstChild;
-            _el$68.firstChild;
-            var _el$70 = _el$68.nextSibling, _el$71 = _el$70.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$72.nextSibling;
-            insert(_el$68, createComponent(Show, {
+            var _el$78 = _tmpl$14(), _el$79 = _el$78.firstChild;
+            _el$79.firstChild;
+            var _el$81 = _el$79.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.firstChild, _el$84 = _el$83.nextSibling;
+            insert(_el$79, createComponent(Show, {
               get when() {
                 return premiumState().status === "trialing";
               },
@@ -8913,8 +9568,8 @@ const Settings = () => {
                 return [" ", "(Trial)"];
               }
             }), null);
-            insert(_el$70, () => premiumState().email, null);
-            insert(_el$70, createComponent(Show, {
+            insert(_el$81, () => premiumState().email, null);
+            insert(_el$81, createComponent(Show, {
               get when() {
                 return premiumState().expiresAt;
               },
@@ -8922,51 +9577,77 @@ const Settings = () => {
                 return [" ", "· Renews", " ", memo(() => new Date(premiumState().expiresAt).toLocaleDateString())];
               }
             }), null);
-            _el$72.$$click = () => {
-              void window.vessel.premium.portal();
+            _el$83.$$click = async () => {
+              const result = await window.vessel.premium.portal();
+              if (!result.ok) {
+                setPremiumMessage({
+                  kind: "error",
+                  text: result.error || "Could not open billing portal."
+                });
+                setTimeout(() => setPremiumMessage(null), 5e3);
+              }
             };
-            _el$73.$$click = async () => {
+            _el$84.$$click = async () => {
               const state = await window.vessel.premium.reset();
               setPremiumState(state);
               setPremiumEmail("");
               resetPremiumActivationFlow();
               setPremiumMessage(null);
             };
-            return _el$67;
+            insert(_el$78, createComponent(Show, {
+              get when() {
+                return premiumMessage();
+              },
+              children: (msg) => (() => {
+                var _el$192 = _tmpl$39();
+                insert(_el$192, () => msg().text);
+                createRenderEffect((_p$) => {
+                  var _v$13 = !!(msg().kind === "success"), _v$14 = !!(msg().kind === "error");
+                  _v$13 !== _p$.e && _el$192.classList.toggle("success", _p$.e = _v$13);
+                  _v$14 !== _p$.t && _el$192.classList.toggle("error", _p$.t = _v$14);
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0
+                });
+                return _el$192;
+              })()
+            }), null);
+            return _el$78;
           }
         }), null);
-        insert(_el$76, createComponent(Show, {
+        insert(_el$87, createComponent(Show, {
           get when() {
             return !premiumActive();
           },
           get children() {
-            return _tmpl$14();
+            return _tmpl$15();
           }
         }), null);
-        insert(_el$75, createComponent(Show, {
+        insert(_el$86, createComponent(Show, {
           get when() {
             return premiumActive();
           },
           get fallback() {
-            return _tmpl$36();
+            return _tmpl$40();
           },
           get children() {
-            return [_tmpl$15(), createComponent(Show, {
+            return [_tmpl$16(), createComponent(Show, {
               get when() {
                 return vaultEntries().length > 0;
               },
               get children() {
-                var _el$80 = _tmpl$16();
-                insert(_el$80, createComponent(For, {
+                var _el$91 = _tmpl$5$1();
+                insert(_el$91, createComponent(For, {
                   get each() {
                     return vaultEntries();
                   },
                   children: (entry) => (() => {
-                    var _el$157 = _tmpl$37(), _el$158 = _el$157.firstChild, _el$159 = _el$158.firstChild, _el$160 = _el$159.nextSibling, _el$161 = _el$160.firstChild, _el$162 = _el$158.nextSibling;
-                    insert(_el$159, () => entry.label);
-                    insert(_el$160, () => entry.username, _el$161);
-                    insert(_el$160, () => entry.domainPattern, null);
-                    insert(_el$160, createComponent(Show, {
+                    var _el$194 = _tmpl$41(), _el$195 = _el$194.firstChild, _el$196 = _el$195.firstChild, _el$197 = _el$196.nextSibling, _el$198 = _el$197.firstChild, _el$199 = _el$195.nextSibling;
+                    insert(_el$196, () => entry.label);
+                    insert(_el$197, () => entry.username, _el$198);
+                    insert(_el$197, () => entry.domainPattern, null);
+                    insert(_el$197, createComponent(Show, {
                       get when() {
                         return entry.useCount > 0;
                       },
@@ -8974,43 +9655,43 @@ const Settings = () => {
                         return [" ", "· Used ", memo(() => entry.useCount), "x"];
                       }
                     }), null);
-                    _el$162.$$click = () => handleVaultRemove(entry.id);
-                    return _el$157;
+                    _el$199.$$click = () => handleVaultRemove(entry.id);
+                    return _el$194;
                   })()
                 }));
-                return _el$80;
+                return _el$91;
               }
             }), createComponent(Show, {
               get when() {
                 return !vaultAdding();
               },
               get children() {
-                var _el$81 = _tmpl$17();
-                _el$81.$$click = () => {
+                var _el$92 = _tmpl$17();
+                _el$92.$$click = () => {
                   setVaultAdding(true);
                   setVaultMessage(null);
                 };
-                return _el$81;
+                return _el$92;
               }
             }), createComponent(Show, {
               get when() {
                 return vaultAdding();
               },
               get children() {
-                var _el$82 = _tmpl$18(), _el$83 = _el$82.firstChild, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling, _el$90 = _el$89.firstChild, _el$91 = _el$90.nextSibling;
-                _el$83.$$input = (e) => setVaultNewLabel(e.currentTarget.value);
-                setAttribute(_el$83, "spellcheck", false);
-                _el$84.$$input = (e) => setVaultNewDomain(e.currentTarget.value);
-                setAttribute(_el$84, "spellcheck", false);
-                _el$85.$$input = (e) => setVaultNewUsername(e.currentTarget.value);
-                setAttribute(_el$85, "spellcheck", false);
-                _el$86.$$input = (e) => setVaultNewPassword(e.currentTarget.value);
-                _el$87.$$input = (e) => setVaultNewTotp(e.currentTarget.value);
-                setAttribute(_el$87, "spellcheck", false);
-                _el$88.$$input = (e) => setVaultNewNotes(e.currentTarget.value);
-                setAttribute(_el$88, "spellcheck", false);
-                _el$90.$$click = handleVaultAdd;
-                _el$91.$$click = () => {
+                var _el$93 = _tmpl$18(), _el$94 = _el$93.firstChild, _el$95 = _el$94.nextSibling, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling, _el$98 = _el$97.nextSibling, _el$99 = _el$98.nextSibling, _el$100 = _el$99.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling;
+                _el$94.$$input = (e) => setVaultNewLabel(e.currentTarget.value);
+                setAttribute(_el$94, "spellcheck", false);
+                _el$95.$$input = (e) => setVaultNewDomain(e.currentTarget.value);
+                setAttribute(_el$95, "spellcheck", false);
+                _el$96.$$input = (e) => setVaultNewUsername(e.currentTarget.value);
+                setAttribute(_el$96, "spellcheck", false);
+                _el$97.$$input = (e) => setVaultNewPassword(e.currentTarget.value);
+                _el$98.$$input = (e) => setVaultNewTotp(e.currentTarget.value);
+                setAttribute(_el$98, "spellcheck", false);
+                _el$99.$$input = (e) => setVaultNewNotes(e.currentTarget.value);
+                setAttribute(_el$99, "spellcheck", false);
+                _el$101.$$click = handleVaultAdd;
+                _el$102.$$click = () => {
                   setVaultAdding(false);
                   setVaultNewLabel("");
                   setVaultNewDomain("");
@@ -9019,100 +9700,100 @@ const Settings = () => {
                   setVaultNewTotp("");
                   setVaultNewNotes("");
                 };
-                createRenderEffect(() => _el$83.value = vaultNewLabel());
-                createRenderEffect(() => _el$84.value = vaultNewDomain());
-                createRenderEffect(() => _el$85.value = vaultNewUsername());
-                createRenderEffect(() => _el$86.value = vaultNewPassword());
-                createRenderEffect(() => _el$87.value = vaultNewTotp());
-                createRenderEffect(() => _el$88.value = vaultNewNotes());
-                return _el$82;
+                createRenderEffect(() => _el$94.value = vaultNewLabel());
+                createRenderEffect(() => _el$95.value = vaultNewDomain());
+                createRenderEffect(() => _el$96.value = vaultNewUsername());
+                createRenderEffect(() => _el$97.value = vaultNewPassword());
+                createRenderEffect(() => _el$98.value = vaultNewTotp());
+                createRenderEffect(() => _el$99.value = vaultNewNotes());
+                return _el$93;
               }
             }), createComponent(Show, {
               get when() {
                 return vaultMessage();
               },
               children: (msg) => (() => {
-                var _el$163 = _tmpl$35();
-                insert(_el$163, () => msg().text);
+                var _el$200 = _tmpl$39();
+                insert(_el$200, () => msg().text);
                 createRenderEffect((_p$) => {
-                  var _v$12 = !!(msg().kind === "success"), _v$13 = !!(msg().kind === "error");
-                  _v$12 !== _p$.e && _el$163.classList.toggle("success", _p$.e = _v$12);
-                  _v$13 !== _p$.t && _el$163.classList.toggle("error", _p$.t = _v$13);
+                  var _v$15 = !!(msg().kind === "success"), _v$16 = !!(msg().kind === "error");
+                  _v$15 !== _p$.e && _el$200.classList.toggle("success", _p$.e = _v$15);
+                  _v$16 !== _p$.t && _el$200.classList.toggle("error", _p$.t = _v$16);
                   return _p$;
                 }, {
                   e: void 0,
                   t: void 0
                 });
-                return _el$163;
+                return _el$200;
               })()
             })];
           }
         }), null);
-        insert(_el$93, createComponent(Show, {
+        insert(_el$104, createComponent(Show, {
           get when() {
             return autofillProfiles().length > 0;
           },
           get children() {
-            var _el$96 = _tmpl$16();
-            insert(_el$96, createComponent(For, {
+            var _el$107 = _tmpl$5$1();
+            insert(_el$107, createComponent(For, {
               get each() {
                 return autofillProfiles();
               },
               children: (profile) => (() => {
-                var _el$164 = _tmpl$38(), _el$165 = _el$164.firstChild, _el$166 = _el$165.firstChild, _el$167 = _el$166.nextSibling, _el$168 = _el$165.nextSibling, _el$169 = _el$168.firstChild, _el$170 = _el$169.nextSibling;
-                insert(_el$166, () => profile.label);
-                insert(_el$167, () => profile.firstName, null);
-                insert(_el$167, (() => {
+                var _el$201 = _tmpl$42(), _el$202 = _el$201.firstChild, _el$203 = _el$202.firstChild, _el$204 = _el$203.nextSibling, _el$205 = _el$202.nextSibling, _el$206 = _el$205.firstChild, _el$207 = _el$206.nextSibling;
+                insert(_el$203, () => profile.label);
+                insert(_el$204, () => profile.firstName, null);
+                insert(_el$204, (() => {
                   var _c$2 = memo(() => !!profile.lastName);
                   return () => _c$2() ? ` ${profile.lastName}` : "";
                 })(), null);
-                insert(_el$167, (() => {
+                insert(_el$204, (() => {
                   var _c$3 = memo(() => !!profile.email);
                   return () => _c$3() ? ` · ${profile.email}` : "";
                 })(), null);
-                _el$169.$$click = () => handleAutofillFill(profile.id);
-                _el$170.$$click = () => handleAutofillRemove(profile.id);
-                return _el$164;
+                _el$206.$$click = () => handleAutofillFill(profile.id);
+                _el$207.$$click = () => handleAutofillRemove(profile.id);
+                return _el$201;
               })()
             }));
-            return _el$96;
+            return _el$107;
           }
         }), null);
-        insert(_el$93, createComponent(Show, {
+        insert(_el$104, createComponent(Show, {
           get when() {
             return !autofillAdding();
           },
           get children() {
-            var _el$97 = _tmpl$19();
-            _el$97.$$click = () => {
+            var _el$108 = _tmpl$19();
+            _el$108.$$click = () => {
               setAutofillAdding(true);
               setAutofillMessage(null);
             };
-            return _el$97;
+            return _el$108;
           }
         }), null);
-        insert(_el$93, createComponent(Show, {
+        insert(_el$104, createComponent(Show, {
           get when() {
             return autofillAdding();
           },
           get children() {
-            var _el$98 = _tmpl$20(), _el$99 = _el$98.firstChild, _el$100 = _el$99.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling, _el$103 = _el$100.nextSibling, _el$104 = _el$103.firstChild, _el$105 = _el$104.nextSibling, _el$106 = _el$103.nextSibling, _el$107 = _el$106.nextSibling, _el$108 = _el$107.nextSibling, _el$109 = _el$108.nextSibling, _el$110 = _el$109.firstChild, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$109.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.firstChild, _el$116 = _el$115.nextSibling;
-            _el$99.$$input = (e) => setAutofillLabel(e.currentTarget.value);
-            setAttribute(_el$99, "spellcheck", false);
-            _el$101.$$input = (e) => setAutofillFirstName(e.currentTarget.value);
-            _el$102.$$input = (e) => setAutofillLastName(e.currentTarget.value);
-            _el$104.$$input = (e) => setAutofillEmail(e.currentTarget.value);
-            setAttribute(_el$104, "spellcheck", false);
-            _el$105.$$input = (e) => setAutofillPhone(e.currentTarget.value);
-            _el$106.$$input = (e) => setAutofillOrg(e.currentTarget.value);
-            _el$107.$$input = (e) => setAutofillAddr1(e.currentTarget.value);
-            _el$108.$$input = (e) => setAutofillAddr2(e.currentTarget.value);
-            _el$110.$$input = (e) => setAutofillCity(e.currentTarget.value);
-            _el$111.$$input = (e) => setAutofillState(e.currentTarget.value);
-            _el$112.$$input = (e) => setAutofillZip(e.currentTarget.value);
-            _el$113.$$input = (e) => setAutofillCountry(e.currentTarget.value);
-            _el$115.$$click = handleAutofillAdd;
-            _el$116.$$click = () => {
+            var _el$109 = _tmpl$20(), _el$110 = _el$109.firstChild, _el$111 = _el$110.nextSibling, _el$112 = _el$111.firstChild, _el$113 = _el$112.nextSibling, _el$114 = _el$111.nextSibling, _el$115 = _el$114.firstChild, _el$116 = _el$115.nextSibling, _el$117 = _el$114.nextSibling, _el$118 = _el$117.nextSibling, _el$119 = _el$118.nextSibling, _el$120 = _el$119.nextSibling, _el$121 = _el$120.firstChild, _el$122 = _el$121.nextSibling, _el$123 = _el$122.nextSibling, _el$124 = _el$120.nextSibling, _el$125 = _el$124.nextSibling, _el$126 = _el$125.firstChild, _el$127 = _el$126.nextSibling;
+            _el$110.$$input = (e) => setAutofillLabel(e.currentTarget.value);
+            setAttribute(_el$110, "spellcheck", false);
+            _el$112.$$input = (e) => setAutofillFirstName(e.currentTarget.value);
+            _el$113.$$input = (e) => setAutofillLastName(e.currentTarget.value);
+            _el$115.$$input = (e) => setAutofillEmail(e.currentTarget.value);
+            setAttribute(_el$115, "spellcheck", false);
+            _el$116.$$input = (e) => setAutofillPhone(e.currentTarget.value);
+            _el$117.$$input = (e) => setAutofillOrg(e.currentTarget.value);
+            _el$118.$$input = (e) => setAutofillAddr1(e.currentTarget.value);
+            _el$119.$$input = (e) => setAutofillAddr2(e.currentTarget.value);
+            _el$121.$$input = (e) => setAutofillCity(e.currentTarget.value);
+            _el$122.$$input = (e) => setAutofillState(e.currentTarget.value);
+            _el$123.$$input = (e) => setAutofillZip(e.currentTarget.value);
+            _el$124.$$input = (e) => setAutofillCountry(e.currentTarget.value);
+            _el$126.$$click = handleAutofillAdd;
+            _el$127.$$click = () => {
               setAutofillAdding(false);
               setAutofillLabel("");
               setAutofillFirstName("");
@@ -9127,73 +9808,103 @@ const Settings = () => {
               setAutofillZip("");
               setAutofillCountry("");
             };
-            createRenderEffect(() => _el$99.value = autofillLabel());
-            createRenderEffect(() => _el$101.value = autofillFirstName());
-            createRenderEffect(() => _el$102.value = autofillLastName());
-            createRenderEffect(() => _el$104.value = autofillEmail());
-            createRenderEffect(() => _el$105.value = autofillPhone());
-            createRenderEffect(() => _el$106.value = autofillOrg());
-            createRenderEffect(() => _el$107.value = autofillAddr1());
-            createRenderEffect(() => _el$108.value = autofillAddr2());
-            createRenderEffect(() => _el$110.value = autofillCity());
-            createRenderEffect(() => _el$111.value = autofillState());
-            createRenderEffect(() => _el$112.value = autofillZip());
-            createRenderEffect(() => _el$113.value = autofillCountry());
-            return _el$98;
+            createRenderEffect(() => _el$110.value = autofillLabel());
+            createRenderEffect(() => _el$112.value = autofillFirstName());
+            createRenderEffect(() => _el$113.value = autofillLastName());
+            createRenderEffect(() => _el$115.value = autofillEmail());
+            createRenderEffect(() => _el$116.value = autofillPhone());
+            createRenderEffect(() => _el$117.value = autofillOrg());
+            createRenderEffect(() => _el$118.value = autofillAddr1());
+            createRenderEffect(() => _el$119.value = autofillAddr2());
+            createRenderEffect(() => _el$121.value = autofillCity());
+            createRenderEffect(() => _el$122.value = autofillState());
+            createRenderEffect(() => _el$123.value = autofillZip());
+            createRenderEffect(() => _el$124.value = autofillCountry());
+            return _el$109;
           }
         }), null);
-        insert(_el$93, createComponent(Show, {
+        insert(_el$104, createComponent(Show, {
           get when() {
             return autofillMessage();
           },
           children: (msg) => (() => {
-            var _el$171 = _tmpl$35();
-            insert(_el$171, () => msg().text);
+            var _el$208 = _tmpl$39();
+            insert(_el$208, () => msg().text);
             createRenderEffect((_p$) => {
-              var _v$14 = !!(msg().kind === "success"), _v$15 = !!(msg().kind === "error");
-              _v$14 !== _p$.e && _el$171.classList.toggle("success", _p$.e = _v$14);
-              _v$15 !== _p$.t && _el$171.classList.toggle("error", _p$.t = _v$15);
+              var _v$17 = !!(msg().kind === "success"), _v$18 = !!(msg().kind === "error");
+              _v$17 !== _p$.e && _el$208.classList.toggle("success", _p$.e = _v$17);
+              _v$18 !== _p$.t && _el$208.classList.toggle("error", _p$.t = _v$18);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            return _el$171;
+            return _el$208;
           })()
         }), null);
-        _el$120.$$click = () => setTelemetryEnabled(!telemetryEnabled());
-        _el$122.$$click = handleSave;
-        addEventListener(_el$123, "click", closeSettings, true);
+        _el$131.$$click = () => setTelemetryEnabled(!telemetryEnabled());
+        _el$135.addEventListener("change", (e) => setTheme(e.currentTarget.value));
+        _el$138.addEventListener("change", (e) => setDomainMode(e.currentTarget.value));
+        insert(_el$136, createComponent(Show, {
+          get when() {
+            return domainMode() !== "none";
+          },
+          get children() {
+            return [(() => {
+              var _el$139 = _tmpl$21();
+              _el$139.$$input = (e) => setDomainList(e.currentTarget.value);
+              setAttribute(_el$139, "spellcheck", false);
+              createRenderEffect(() => setAttribute(_el$139, "placeholder", domainMode() === "allowlist" ? "example.com\napi.example.com" : "ads.example.com\ntracker.io"));
+              createRenderEffect(() => _el$139.value = domainList());
+              return _el$139;
+            })(), (() => {
+              var _el$140 = _tmpl$22();
+              insert(_el$140, () => 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$140;
+            })()];
+          }
+        }), null);
+        insert(_el$136, createComponent(Show, {
+          get when() {
+            return domainMode() === "none";
+          },
+          get children() {
+            return _tmpl$23();
+          }
+        }), null);
+        _el$143.$$click = handleSave;
+        addEventListener(_el$144, "click", closeSettings, true);
         insert(_el$2, createComponent(Show, {
           get when() {
             return status();
           },
           children: (currentStatus) => (() => {
-            var _el$172 = _tmpl$35();
-            insert(_el$172, () => currentStatus().text);
+            var _el$209 = _tmpl$39();
+            insert(_el$209, () => currentStatus().text);
             createRenderEffect((_p$) => {
-              var _v$16 = !!(currentStatus().kind === "success"), _v$17 = !!(currentStatus().kind === "error");
-              _v$16 !== _p$.e && _el$172.classList.toggle("success", _p$.e = _v$16);
-              _v$17 !== _p$.t && _el$172.classList.toggle("error", _p$.t = _v$17);
+              var _v$19 = !!(currentStatus().kind === "success"), _v$20 = !!(currentStatus().kind === "error");
+              _v$19 !== _p$.e && _el$209.classList.toggle("success", _p$.e = _v$19);
+              _v$20 !== _p$.t && _el$209.classList.toggle("error", _p$.t = _v$20);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            return _el$172;
+            return _el$209;
           })()
         }), null);
         createRenderEffect((_p$) => {
-          var _v$ = !!settingsClosing(), _v$2 = !!autoRestoreSession(), _v$3 = autoRestoreSession(), _v$4 = !!clearBookmarksOnLaunch(), _v$5 = clearBookmarksOnLaunch(), _v$6 = !!chatEnabled(), _v$7 = chatEnabled(), _v$8 = !!telemetryEnabled(), _v$9 = telemetryEnabled();
+          var _v$ = !!settingsClosing(), _v$2 = !!autoRestoreSession(), _v$3 = autoRestoreSession(), _v$4 = !!clearBookmarksOnLaunch(), _v$5 = clearBookmarksOnLaunch(), _v$6 = !sessionSaveName().trim(), _v$7 = !!chatEnabled(), _v$8 = chatEnabled(), _v$9 = !!telemetryEnabled(), _v$0 = telemetryEnabled();
           _v$ !== _p$.e && _el$.classList.toggle("closing", _p$.e = _v$);
-          _v$2 !== _p$.t && _el$36.classList.toggle("on", _p$.t = _v$2);
-          _v$3 !== _p$.a && setAttribute(_el$36, "aria-checked", _p$.a = _v$3);
-          _v$4 !== _p$.o && _el$39.classList.toggle("on", _p$.o = _v$4);
-          _v$5 !== _p$.i && setAttribute(_el$39, "aria-checked", _p$.i = _v$5);
-          _v$6 !== _p$.n && _el$43.classList.toggle("on", _p$.n = _v$6);
-          _v$7 !== _p$.s && setAttribute(_el$43, "aria-checked", _p$.s = _v$7);
-          _v$8 !== _p$.h && _el$120.classList.toggle("on", _p$.h = _v$8);
-          _v$9 !== _p$.r && setAttribute(_el$120, "aria-checked", _p$.r = _v$9);
+          _v$2 !== _p$.t && _el$39.classList.toggle("on", _p$.t = _v$2);
+          _v$3 !== _p$.a && setAttribute(_el$39, "aria-checked", _p$.a = _v$3);
+          _v$4 !== _p$.o && _el$42.classList.toggle("on", _p$.o = _v$4);
+          _v$5 !== _p$.i && setAttribute(_el$42, "aria-checked", _p$.i = _v$5);
+          _v$6 !== _p$.n && (_el$49.disabled = _p$.n = _v$6);
+          _v$7 !== _p$.s && _el$54.classList.toggle("on", _p$.s = _v$7);
+          _v$8 !== _p$.h && setAttribute(_el$54, "aria-checked", _p$.h = _v$8);
+          _v$9 !== _p$.r && _el$131.classList.toggle("on", _p$.r = _v$9);
+          _v$0 !== _p$.d && setAttribute(_el$131, "aria-checked", _p$.d = _v$0);
           return _p$;
         }, {
           e: void 0,
@@ -9204,14 +9915,19 @@ const Settings = () => {
           n: void 0,
           s: void 0,
           h: void 0,
-          r: void 0
+          r: void 0,
+          d: void 0
         });
         createRenderEffect(() => _el$20.value = defaultUrl());
-        createRenderEffect(() => _el$23.value = mcpPort());
-        createRenderEffect(() => _el$30.value = obsidianVaultPath());
-        createRenderEffect(() => _el$33.value = agentTranscriptMode());
+        createRenderEffect(() => _el$23.value = downloadPath());
+        createRenderEffect(() => _el$26.value = mcpPort());
+        createRenderEffect(() => _el$33.value = obsidianVaultPath());
+        createRenderEffect(() => _el$36.value = agentTranscriptMode());
+        createRenderEffect(() => _el$48.value = sessionSaveName());
+        createRenderEffect(() => _el$135.value = theme());
+        createRenderEffect(() => _el$138.value = domainMode());
         return _el$;
-      })(), _tmpl$22()];
+      })(), _tmpl$25()];
     }
   });
 };
@@ -9418,6 +10134,13 @@ function setupKeybindings(handlers) {
   return () => document.removeEventListener("keydown", listener);
 }
 var _tmpl$ = /* @__PURE__ */ template(`<div class=loading-bar>`), _tmpl$2 = /* @__PURE__ */ template(`<div class=app><div class=chrome>`);
+try {
+  const cached = localStorage.getItem("vessel:theme");
+  if (cached) document.documentElement.setAttribute("data-theme", cached);
+  else document.documentElement.setAttribute("data-theme", "dark");
+} catch {
+  document.documentElement.setAttribute("data-theme", "dark");
+}
 const App = () => {
   const view = new URLSearchParams(window.location.search).get("view") || "chrome";
   const {
@@ -9461,7 +10184,19 @@ const App = () => {
       });
     }
   };
+  const applyTheme = (theme) => {
+    document.documentElement.setAttribute("data-theme", theme);
+    try {
+      localStorage.setItem("vessel:theme", theme);
+    } catch {
+    }
+  };
+  const loadAndApplyTheme = async () => {
+    const s = await window.vessel.settings.get();
+    applyTheme(s.theme ?? "dark");
+  };
   onMount(() => {
+    void loadAndApplyTheme();
     window.vessel.ui.rendererReady(view);
     if (view !== "chrome") return;
     const cleanupKeys = setupKeybindings({
@@ -9481,9 +10216,13 @@ const App = () => {
       toggleKeyboardHelp: () => setKeyboardHelpOpen((v) => !v)
     });
     const cleanupCapture = window.vessel.highlights.onCaptureResult(showHighlightResult);
+    const cleanupSettings = window.vessel.settings.onUpdate((settings) => {
+      applyTheme(settings.theme ?? "dark");
+    });
     onCleanup(() => {
       cleanupKeys();
       cleanupCapture();
+      cleanupSettings();
     });
   });
   if (view === "sidebar") {
@@ -9503,6 +10242,9 @@ const App = () => {
       },
       onDismiss: () => setHighlightToast(null)
     }), _el$2);
+    insert(_el$, createComponent(DownloadToast, {}), _el$2);
+    insert(_el$, createComponent(FindBar, {}), _el$2);
+    insert(_el$, createComponent(FlowProgress, {}), _el$2);
     insert(_el$, createComponent(AgentTranscriptDock, {}), _el$2);
     insert(_el$2, createComponent(TitleBar, {}), null);
     insert(_el$2, createComponent(TabBar, {}), null);