@quanta-intellect/vessel-browser 0.1.104 → 0.1.115

package/out/renderer/assets/{index-D3ABnKy4.js → index-CWiMuKTX.js}

@@ -2301,7 +2301,7 @@ function getAgentPresence(state, currentTime = Date.now()) {
   }
   return "idle";
 }
-var _tmpl$$p = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$o = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$l = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list></div><div class=tab-actions><button class=tab-new data-tooltip="New window"data-tooltip-pos=left></button><button class=tab-new data-tooltip="Add active tab to group"data-tooltip-pos=left></button><button class=tab-new data-tooltip="New tab"data-tooltip-pos=left></button><button class="tab-new tab-new-private"data-tooltip="Private window"data-tooltip-pos=left><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11z">`), _tmpl$4$l = /* @__PURE__ */ template(`<button><span class=tab-group-dot></span><span class=tab-group-name></span><span class=tab-group-count>`), _tmpl$5$i = /* @__PURE__ */ template(`<button class="tab-audio tab-audio-pinned">`), _tmpl$6$g = /* @__PURE__ */ template(`<div role=tab>`), _tmpl$7$d = /* @__PURE__ */ template(`<span class=tab-title>`), _tmpl$8$a = /* @__PURE__ */ template(`<button class=tab-audio>`), _tmpl$9$8 = /* @__PURE__ */ template(`<button class=tab-close>×`), _tmpl$0$7 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$1$7 = /* @__PURE__ */ template(`<span class=tab-loading>`);
+var _tmpl$$p = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$o = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$l = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list></div><div class=tab-actions><button class=tab-new data-tooltip="New window"data-tooltip-pos=left></button><button class=tab-new data-tooltip="Add active tab to group"data-tooltip-pos=left></button><button class=tab-new data-tooltip="New tab"data-tooltip-pos=left></button><button class="tab-new tab-new-private"data-tooltip="Private window"data-tooltip-pos=left><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11z">`), _tmpl$4$l = /* @__PURE__ */ template(`<button><span class=tab-group-dot></span><span class=tab-group-name></span><span class=tab-group-count>`), _tmpl$5$i = /* @__PURE__ */ template(`<button class="tab-audio tab-audio-pinned">`), _tmpl$6$g = /* @__PURE__ */ template(`<div role=tab>`), _tmpl$7$e = /* @__PURE__ */ template(`<span class=tab-title>`), _tmpl$8$a = /* @__PURE__ */ template(`<button class=tab-audio>`), _tmpl$9$9 = /* @__PURE__ */ template(`<button class=tab-close>×`), _tmpl$0$7 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$1$7 = /* @__PURE__ */ template(`<span class=tab-loading>`);
 const TAB_CLOSE_MS = 200;
 function stringToHue(str) {
   let hash = 0;
@@ -2360,6 +2360,12 @@ const TabBar = () => {
   const [closingTabIds, setClosingTabIds] = createSignal(/* @__PURE__ */ new Set());
   const modelActiveTabIds = createMemo(() => getAgentActiveTabIds(runtimeState2(), now2()));
   const tabEntries = createMemo(() => {
+    const groupCounts = /* @__PURE__ */ new Map();
+    for (const tab of tabs2()) {
+      if (tab.groupId) {
+        groupCounts.set(tab.groupId, (groupCounts.get(tab.groupId) ?? 0) + 1);
+      }
+    }
     const seenGroups = /* @__PURE__ */ new Set();
     return tabs2().flatMap((tab) => {
       const entries2 = [];
@@ -2371,7 +2377,7 @@ const TabBar = () => {
           name: tab.groupName || "Group",
           color: tab.groupColor || "blue",
           collapsed: !!tab.groupCollapsed,
-          count: tabs2().filter((candidate) => candidate.groupId === tab.groupId).length
+          count: groupCounts.get(tab.groupId) ?? 0
         });
       }
       if (!tab.groupCollapsed || tab.id === activeTabId2()) {
@@ -2484,7 +2490,7 @@ const TabBar = () => {
               insert(_el$12, (() => {
                 var _c$ = memo(() => !!!tab.isPinned);
                 return () => _c$() && [memo(() => memo(() => !!modelActiveTabIds().has(tab.id))() && _tmpl$0$7()), (() => {
-                  var _el$14 = _tmpl$7$d();
+                  var _el$14 = _tmpl$7$e();
                   insert(_el$14, () => tab.title || "New Tab");
                   return _el$14;
                 })(), createComponent(Show, {
@@ -2516,7 +2522,7 @@ const TabBar = () => {
                     return _el$15;
                   }
                 }), memo(() => memo(() => !!tab.isLoading)() && _tmpl$1$7()), (() => {
-                  var _el$16 = _tmpl$9$8();
+                  var _el$16 = _tmpl$9$9();
                   _el$16.$$click = (e) => {
                     e.stopPropagation();
                     handleClose(tab.id);
@@ -2733,8 +2739,10 @@ function useUI() {
   };
 }
 const logger$3 = createLogger("HistoryStore");
+const HISTORY_PAGE_SIZE = 200;
 const INITIAL$1 = { entries: [] };
 const [historyState, setHistoryState] = createSignal(INITIAL$1);
+const [historyTotal, setHistoryTotal] = createSignal(0);
 let initialized$3 = false;
 let initPromise$1 = null;
 async function init$3() {
@@ -2743,9 +2751,13 @@ async function init$3() {
   initialized$3 = true;
   initPromise$1 = (async () => {
     try {
-      const state = await window.vessel.history.get();
-      setHistoryState(state);
-      window.vessel.history.onUpdate((s) => setHistoryState(s));
+      const page = await window.vessel.history.list(0, HISTORY_PAGE_SIZE);
+      setHistoryState({ entries: page.entries });
+      setHistoryTotal(page.total);
+      window.vessel.history.onUpdate((page2) => {
+        setHistoryState({ entries: page2.entries });
+        setHistoryTotal(page2.total);
+      });
     } catch (error) {
       initialized$3 = false;
       logger$3.error("Failed to initialize history store:", error);
@@ -2757,8 +2769,19 @@ async function init$3() {
 }
 function useHistory() {
   void init$3();
+  const loadMore = async (limit = HISTORY_PAGE_SIZE) => {
+    const current = historyState().entries;
+    const page = await window.vessel.history.list(current.length, limit);
+    setHistoryState({ entries: [...current, ...page.entries] });
+    setHistoryTotal(page.total);
+    return page;
+  };
   return {
     historyState,
+    historyTotal,
+    hasMore: () => historyState().entries.length < historyTotal(),
+    loadMore,
+    list: (offset, limit) => window.vessel.history.list(offset, limit),
     search: (query) => window.vessel.history.search(query),
     clear: () => window.vessel.history.clear()
   };
@@ -3003,7 +3026,7 @@ const SEARCH_ENGINE_PRESETS = {
   ecosia: { label: "Ecosia", url: "https://www.ecosia.org/search?q=" },
   kagi: { label: "Kagi", url: "https://kagi.com/search?q=" }
 };
-var _tmpl$$n = /* @__PURE__ */ template(`<div class=private-badge title="Private Browsing - history and cookies are not saved"><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11zM5.5 7a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zm3.5 3.5c0-1-1.5-2-2.5-2s-2.5 1-2.5 2"></path></svg><span>Private`), _tmpl$2$m = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z">`), _tmpl$3$j = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.5>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=security-indicator-wrapper><button>`), _tmpl$5$g = /* @__PURE__ */ template(`<div id=address-autocomplete class=autocomplete-dropdown role=listbox>`), _tmpl$6$f = /* @__PURE__ */ template(`<div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text>`), _tmpl$7$c = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Open the What Changed timeline"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>What Changed?`), _tmpl$8$9 = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$9$7 = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Recent detections`), _tmpl$0$6 = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>Compared with your last visit</span><span class=page-diff-burst-meta>Previous snapshot from </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$1$6 = /* @__PURE__ */ template(`<svg><path d="M3 3 L11 3 L11 9 Q7 13 3 9 Z"fill=none stroke=currentColor stroke-width=1.2 stroke-linejoin=round></svg>`, false, true, false), _tmpl$10$6 = /* @__PURE__ */ template(`<svg><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.4 stroke-linecap=round></svg>`, false, true, false), _tmpl$11$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1>`), _tmpl$12$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round>`), _tmpl$13$5 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$14$5 = /* @__PURE__ */ template(`<button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2>`), _tmpl$15$5 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Clear Data">`), _tmpl$16$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`), _tmpl$17$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"autocomplete=off aria-autocomplete=list aria-controls=address-autocomplete></form></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14">`), _tmpl$18$4 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><circle cx=7 cy=8 r=0.8 fill=white>`), _tmpl$19$4 = /* @__PURE__ */ template(`<div role=option><span class=autocomplete-icon></span><span class=autocomplete-text><span class=autocomplete-title></span><span class=autocomplete-url>`), _tmpl$20$4 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$21$4 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-section>`), _tmpl$22$4 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-part><span>`), _tmpl$23$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$24$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$25$3 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$26$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$27$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$28$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><div class=page-diff-badges><span class=page-diff-kind></span><span class=page-diff-section></span></div><span class=page-diff-summary>`), _tmpl$29$2 = /* @__PURE__ */ template(`<li>`);
+var _tmpl$$n = /* @__PURE__ */ template(`<div class=private-badge title="Private Browsing - history and cookies are not saved"><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11zM5.5 7a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zm3.5 3.5c0-1-1.5-2-2.5-2s-2.5 1-2.5 2"></path></svg><span>Private`), _tmpl$2$m = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z">`), _tmpl$3$j = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.5>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=security-indicator-wrapper><button>`), _tmpl$5$g = /* @__PURE__ */ template(`<div id=address-autocomplete class=autocomplete-dropdown role=listbox>`), _tmpl$6$f = /* @__PURE__ */ template(`<div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text>`), _tmpl$7$d = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Open the What Changed timeline"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>What Changed?`), _tmpl$8$9 = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$9$8 = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Recent detections`), _tmpl$0$6 = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>Compared with your last visit</span><span class=page-diff-burst-meta>Previous snapshot from </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$1$6 = /* @__PURE__ */ template(`<svg><path d="M3 3 L11 3 L11 9 Q7 13 3 9 Z"fill=none stroke=currentColor stroke-width=1.2 stroke-linejoin=round></svg>`, false, true, false), _tmpl$10$6 = /* @__PURE__ */ template(`<svg><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.4 stroke-linecap=round></svg>`, false, true, false), _tmpl$11$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1>`), _tmpl$12$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round>`), _tmpl$13$5 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$14$5 = /* @__PURE__ */ template(`<button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2>`), _tmpl$15$5 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Clear Data">`), _tmpl$16$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`), _tmpl$17$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"autocomplete=off aria-autocomplete=list aria-controls=address-autocomplete></form></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14">`), _tmpl$18$4 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><circle cx=7 cy=8 r=0.8 fill=white>`), _tmpl$19$4 = /* @__PURE__ */ template(`<div role=option><span class=autocomplete-icon></span><span class=autocomplete-text><span class=autocomplete-title></span><span class=autocomplete-url>`), _tmpl$20$4 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$21$4 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-section>`), _tmpl$22$4 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-part><span>`), _tmpl$23$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$24$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$25$3 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$26$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$27$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$28$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><div class=page-diff-badges><span class=page-diff-kind></span><span class=page-diff-section></span></div><span class=page-diff-summary>`), _tmpl$29$3 = /* @__PURE__ */ template(`<li>`);
 const AddressBar = (props) => {
   const {
     activeTab,
@@ -3456,7 +3479,7 @@ const AddressBar = (props) => {
         return pageDiff();
       },
       get children() {
-        var _el$18 = _tmpl$7$c();
+        var _el$18 = _tmpl$7$d();
         _el$18.$$click = () => void openDiffTimeline();
         return _el$18;
       }
@@ -3489,7 +3512,7 @@ const AddressBar = (props) => {
             return memo(() => !!pageDiff().recentBursts?.length)() && (pageDiff().recentBursts?.length || 0) > 1;
           },
           get children() {
-            var _el$33 = _tmpl$9$7();
+            var _el$33 = _tmpl$9$8();
             _el$33.firstChild;
             insert(_el$33, createComponent(For, {
               get each() {
@@ -3577,7 +3600,7 @@ const AddressBar = (props) => {
                     return change.addedItems;
                   },
                   children: (item) => (() => {
-                    var _el$80 = _tmpl$29$2();
+                    var _el$80 = _tmpl$29$3();
                     insert(_el$80, item);
                     return _el$80;
                   })()
@@ -3596,7 +3619,7 @@ const AddressBar = (props) => {
                     return change.removedItems;
                   },
                   children: (item) => (() => {
-                    var _el$81 = _tmpl$29$2();
+                    var _el$81 = _tmpl$29$3();
                     insert(_el$81, item);
                     return _el$81;
                   })()
@@ -3847,7 +3870,7 @@ const HighlightNotifications = (props) => {
   });
 };
 delegateEvents(["click"]);
-var _tmpl$$k = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$k = /* @__PURE__ */ template(`<span class=download-toast-done>&#10003;`), _tmpl$3$i = /* @__PURE__ */ template(`<span class=download-toast-failed>!`), _tmpl$4$i = /* @__PURE__ */ template(`<div class=download-toast-bar-track><div class=download-toast-bar-fill>`), _tmpl$5$f = /* @__PURE__ */ template(`<div class=download-toast-size>`), _tmpl$6$e = /* @__PURE__ */ template(`<div class="download-toast-size download-toast-size-done"> downloaded`), _tmpl$7$b = /* @__PURE__ */ template(`<div class=download-toast role=status><div class=download-toast-header><span class=download-toast-filename>`);
+var _tmpl$$k = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$k = /* @__PURE__ */ template(`<span class=download-toast-done>&#10003;`), _tmpl$3$i = /* @__PURE__ */ template(`<span class=download-toast-failed>!`), _tmpl$4$i = /* @__PURE__ */ template(`<div class=download-toast-bar-track><div class=download-toast-bar-fill>`), _tmpl$5$f = /* @__PURE__ */ template(`<div class=download-toast-size>`), _tmpl$6$e = /* @__PURE__ */ template(`<div class="download-toast-size download-toast-size-done"> downloaded`), _tmpl$7$c = /* @__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$1(bytes) {
@@ -3944,7 +3967,7 @@ const DownloadToast = () => {
         return downloads();
       },
       children: (dl) => (() => {
-        var _el$2 = _tmpl$7$b(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
+        var _el$2 = _tmpl$7$c(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
         insert(_el$4, () => dl.filename);
         insert(_el$3, createComponent(Show, {
           get when() {
@@ -4311,7 +4334,7 @@ function formatTime(iso, options) {
     ...options?.includeSeconds && { second: "2-digit" }
   });
 }
-var _tmpl$$g = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$g = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$4$f = /* @__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$d = /* @__PURE__ */ template(`<span class=agent-summary-live-dot aria-hidden=true>`), _tmpl$6$d = /* @__PURE__ */ template(`<span class=agent-summary-text>: `), _tmpl$7$a = /* @__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$$g = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$g = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$4$f = /* @__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$d = /* @__PURE__ */ template(`<span class=agent-summary-live-dot aria-hidden=true>`), _tmpl$6$d = /* @__PURE__ */ template(`<span class=agent-summary-text>: `), _tmpl$7$b = /* @__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
@@ -4403,7 +4426,7 @@ const AgentTranscriptDock = () => {
                   return visibleEntries();
                 },
                 children: (entry) => (() => {
-                  var _el$12 = _tmpl$7$a(), _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling, _el$16 = _el$13.nextSibling;
+                  var _el$12 = _tmpl$7$b(), _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);
@@ -4438,6 +4461,57 @@ const AgentTranscriptDock = () => {
   });
 };
 delegateEvents(["click"]);
+const MAX_PROVIDER_HISTORY_MESSAGES = 24;
+const MAX_PROVIDER_HISTORY_CHARS = 24e3;
+const MAX_PROVIDER_HISTORY_MESSAGE_CHARS = 3e3;
+const MAX_PROVIDER_HISTORY_SUMMARY_CHARS = 2e3;
+function truncateText(value, maxLength) {
+  if (value.length <= maxLength) return value;
+  return `${value.slice(0, maxLength - 3).trimEnd()}...`;
+}
+function normalizeHistoryMessage(message) {
+  return {
+    role: message.role,
+    content: truncateText(message.content, MAX_PROVIDER_HISTORY_MESSAGE_CHARS)
+  };
+}
+function totalHistoryChars(history) {
+  return history.reduce((total, message) => total + message.content.length, 0);
+}
+function summarizeOmittedHistory(history) {
+  const snippets = history.slice(-12).map((message) => `${message.role}: ${truncateText(message.content.replace(/\s+/g, " ").trim(), 220)}`).filter((line) => line.length > "assistant: ".length);
+  const content = truncateText(
+    [
+      `[Earlier conversation compacted: ${history.length} message${history.length === 1 ? "" : "s"} omitted.]`,
+      ...snippets
+    ].join("\n"),
+    MAX_PROVIDER_HISTORY_SUMMARY_CHARS
+  );
+  return { role: "user", content };
+}
+function compactProviderHistory(history = []) {
+  const normalized = history.map(normalizeHistoryMessage);
+  if (normalized.length <= MAX_PROVIDER_HISTORY_MESSAGES && totalHistoryChars(normalized) <= MAX_PROVIDER_HISTORY_CHARS) {
+    return normalized;
+  }
+  const recent = [];
+  const recentBudget = MAX_PROVIDER_HISTORY_CHARS - MAX_PROVIDER_HISTORY_SUMMARY_CHARS;
+  let usedChars = 0;
+  for (let index = normalized.length - 1; index >= 0; index--) {
+    const message = normalized[index];
+    const nextChars = usedChars + message.content.length;
+    if (recent.length >= MAX_PROVIDER_HISTORY_MESSAGES || nextChars > recentBudget) {
+      break;
+    }
+    recent.unshift(message);
+    usedChars = nextChars;
+  }
+  if (recent.length === 0 && normalized.length > 0) {
+    recent.unshift(normalized[normalized.length - 1]);
+  }
+  const omitted = normalized.slice(0, normalized.length - recent.length);
+  return omitted.length > 0 ? [summarizeOmittedHistory(omitted), ...recent] : recent;
+}
 const MAX_AUTOMATION_ACTIVITY_ENTRIES = 8;
 function trimActivities(entries2, limit = MAX_AUTOMATION_ACTIVITY_ENTRIES) {
   return entries2.length > limit ? entries2.slice(0, limit) : entries2;
@@ -4549,10 +4623,7 @@ function recordRecentQuery(prompt) {
   });
 }
 function buildHistory() {
-  return messages().map((message) => ({
-    role: message.role,
-    content: message.content
-  }));
+  return compactProviderHistory(messages());
 }
 async function dispatchQuery(prompt) {
   const result = await window.vessel.ai.query(prompt, buildHistory());
@@ -4790,7 +4861,101 @@ function useAnimatedPresence(isOpen, exitDurationMs) {
   });
   return { visible, closing };
 }
-var _tmpl$$f = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Configure a chat provider to start using the AI assistant.</p><button class=command-bar-no-provider-btn>Open Settings <kbd>Ctrl+,`), _tmpl$2$f = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$3$e = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$4$e = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=command-bar><form><div class=command-bar-icon><svg width=16 height=16 viewBox="0 0 16 16"><circle cx=8 cy=8 r=6 fill=none stroke=var(--accent-primary) stroke-width=1.5></circle><circle cx=6 cy=7 r=0.8 fill=var(--accent-primary)></circle><circle cx=10 cy=7 r=0.8 fill=var(--accent-primary)></circle><path d="M6 10c0.5 0.8 3.5 0.8 4 0"fill=none stroke=var(--accent-primary) stroke-width=0.8 stroke-linecap=round></path></svg></div><input class=command-bar-input type=text></form><div class=command-bar-hints><span><kbd>Enter</kbd> to ask</span><span><kbd>Esc</kbd> to close`), _tmpl$5$c = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$6$c = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
+function useProviderAuthSetup(options = {}) {
+  const [codexAuthStatus, setCodexAuthStatus] = createSignal("idle");
+  const [codexAccountEmail, setCodexAccountEmail] = createSignal("");
+  const [codexAuthError, setCodexAuthError] = createSignal("");
+  const [openRouterAuthStatus, setOpenRouterAuthStatus] = createSignal("idle");
+  const [openRouterAuthError, setOpenRouterAuthError] = createSignal("");
+  const markProviderConnected = (providerId, hasApiKey) => {
+    setCodexAuthStatus(providerId === "openai_codex" && hasApiKey ? "connected" : "idle");
+    setOpenRouterAuthStatus(providerId === "openrouter" && hasApiKey ? "connected" : "idle");
+  };
+  const startCodexAuth = async () => {
+    setCodexAuthStatus("waiting");
+    setCodexAuthError("");
+    try {
+      const result = await window.vessel.codex.startAuth();
+      if (result.ok) {
+        setCodexAccountEmail(result.accountEmail);
+        setCodexAuthStatus("connected");
+        await options.onCodexConnected?.();
+      } else {
+        setCodexAuthStatus("error");
+        setCodexAuthError(result.error);
+      }
+    } catch (err) {
+      setCodexAuthStatus("error");
+      setCodexAuthError(err instanceof Error ? err.message : "Unknown error");
+    }
+  };
+  const disconnectCodex = async () => {
+    await window.vessel.codex.disconnect();
+    setCodexAuthStatus("idle");
+    setCodexAccountEmail("");
+    await options.onCodexDisconnected?.();
+  };
+  const startOpenRouterAuth = async () => {
+    setOpenRouterAuthStatus("waiting");
+    setOpenRouterAuthError("");
+    try {
+      const result = await window.vessel.openrouter.startAuth();
+      if (result.ok) {
+        setOpenRouterAuthStatus("connected");
+        await options.onOpenRouterConnected?.(result);
+      } else {
+        setOpenRouterAuthStatus("error");
+        setOpenRouterAuthError(result.error);
+      }
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Unknown error";
+      setOpenRouterAuthStatus("error");
+      setOpenRouterAuthError(message);
+    }
+  };
+  onMount(() => {
+    const unsubCodex = window.vessel.codex.onAuthStatus((payload) => {
+      if (payload.status === "waiting") {
+        setCodexAuthStatus("waiting");
+      } else if (payload.status === "exchanging") {
+        setCodexAuthStatus("exchanging");
+      } else if (payload.status === "error") {
+        setCodexAuthStatus("error");
+        setCodexAuthError(payload.error || "Unknown error");
+      }
+    });
+    const unsubOpenRouter = window.vessel.openrouter.onAuthStatus((payload) => {
+      if (payload.status === "waiting") {
+        setOpenRouterAuthStatus("waiting");
+      } else if (payload.status === "exchanging") {
+        setOpenRouterAuthStatus("exchanging");
+      } else if (payload.status === "connected") {
+        setOpenRouterAuthStatus("connected");
+      } else if (payload.status === "error") {
+        setOpenRouterAuthStatus("error");
+        setOpenRouterAuthError(payload.error || "Unknown error");
+      }
+    });
+    onCleanup(() => {
+      unsubCodex();
+      unsubOpenRouter();
+    });
+  });
+  return {
+    codexAuthStatus,
+    codexAccountEmail,
+    setCodexAccountEmail,
+    codexAuthError,
+    setCodexAuthError,
+    openRouterAuthStatus,
+    openRouterAuthError,
+    markProviderConnected,
+    startCodexAuth,
+    disconnectCodex,
+    startOpenRouterAuth
+  };
+}
+var _tmpl$$f = /* @__PURE__ */ template(`<p class=command-bar-no-provider-error>`), _tmpl$2$f = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Start with OpenRouter's free model router, or open Settings for more providers.</p><button class=command-bar-no-provider-btn></button><button class=command-bar-no-provider-link>More options`), _tmpl$3$e = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$4$e = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$5$c = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=command-bar><form><div class=command-bar-icon><svg width=16 height=16 viewBox="0 0 16 16"><circle cx=8 cy=8 r=6 fill=none stroke=var(--accent-primary) stroke-width=1.5></circle><circle cx=6 cy=7 r=0.8 fill=var(--accent-primary)></circle><circle cx=10 cy=7 r=0.8 fill=var(--accent-primary)></circle><path d="M6 10c0.5 0.8 3.5 0.8 4 0"fill=none stroke=var(--accent-primary) stroke-width=0.8 stroke-linecap=round></path></svg></div><input class=command-bar-input type=text></form><div class=command-bar-hints><span><kbd>Enter</kbd> to ask</span><span><kbd>Esc</kbd> to close`), _tmpl$6$c = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$7$a = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
 const COMMAND_BAR_EXIT_MS = 200;
 const CommandBar = () => {
   const {
@@ -4810,8 +4975,18 @@ const CommandBar = () => {
     cancel
   } = useAI();
   const [input, setInput] = createSignal("");
-  const [settings] = createResource(() => commandBarOpen2(), async (open) => open ? window.vessel.settings.get() : null);
+  let inputRef;
+  const [settings, {
+    refetch: refetchSettings
+  }] = createResource(() => commandBarOpen2(), async (open) => open ? window.vessel.settings.get() : null);
+  const providerAuth = useProviderAuthSetup({
+    onOpenRouterConnected: async () => {
+      await refetchSettings();
+      setTimeout(() => inputRef?.focus(), 0);
+    }
+  });
   const hasProvider = () => settings()?.chatProvider !== null && settings()?.chatProvider !== void 0;
+  const openRouterWorking = () => providerAuth.openRouterAuthStatus() === "waiting" || providerAuth.openRouterAuthStatus() === "exchanging";
   const handleSubmit = async (e) => {
     e.preventDefault();
     const val = input().trim();
@@ -4837,6 +5012,7 @@ const CommandBar = () => {
     }
   };
   const setRef = (el) => {
+    inputRef = el;
     setTimeout(() => el.focus(), 0);
   };
   return createComponent(Show, {
@@ -4844,8 +5020,8 @@ const CommandBar = () => {
       return visible();
     },
     get children() {
-      var _el$ = _tmpl$4$e(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$10 = _el$3.nextSibling, _el$11 = _el$10.firstChild;
-      _el$11.nextSibling;
+      var _el$ = _tmpl$5$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$12 = _el$3.nextSibling, _el$13 = _el$12.firstChild;
+      _el$13.nextSibling;
       addEventListener(_el$, "click", closeCommandBar, true);
       _el$2.$$click = (e) => e.stopPropagation();
       _el$3.addEventListener("submit", handleSubmit);
@@ -4858,43 +5034,62 @@ const CommandBar = () => {
           return !hasProvider();
         },
         get children() {
-          var _el$6 = _tmpl$$f(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
-          _el$8.$$click = () => {
+          var _el$6 = _tmpl$2$f(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
+          _el$8.$$click = () => void providerAuth.startOpenRouterAuth();
+          insert(_el$8, createComponent(Show, {
+            get when() {
+              return !openRouterWorking();
+            },
+            fallback: "Opening OpenRouter...",
+            children: "Start free with OpenRouter"
+          }));
+          _el$9.$$click = () => {
             closeCommandBar();
             openSettings();
           };
+          insert(_el$6, createComponent(Show, {
+            get when() {
+              return providerAuth.openRouterAuthStatus() === "error";
+            },
+            get children() {
+              var _el$0 = _tmpl$$f();
+              insert(_el$0, () => providerAuth.openRouterAuthError());
+              return _el$0;
+            }
+          }), null);
+          createRenderEffect(() => _el$8.disabled = openRouterWorking());
           return _el$6;
         }
-      }), _el$10);
+      }), _el$12);
       insert(_el$2, createComponent(Show, {
         get when() {
           return memo(() => !!(hasProvider() && recentQueries2().length > 0))() && !input().trim();
         },
         get children() {
-          var _el$9 = _tmpl$2$f(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
-          insert(_el$1, createComponent(For, {
+          var _el$1 = _tmpl$3$e(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
+          insert(_el$11, createComponent(For, {
             get each() {
               return recentQueries2();
             },
             children: (q) => (() => {
-              var _el$14 = _tmpl$5$c();
-              _el$14.$$click = () => void handleRecentClick(q);
-              insert(_el$14, q);
-              return _el$14;
+              var _el$16 = _tmpl$6$c();
+              _el$16.$$click = () => void handleRecentClick(q);
+              insert(_el$16, q);
+              return _el$16;
             })()
           }));
-          return _el$9;
+          return _el$1;
         }
-      }), _el$10);
-      insert(_el$10, createComponent(Show, {
+      }), _el$12);
+      insert(_el$12, createComponent(Show, {
         get when() {
           return hasProvider();
         },
         get fallback() {
-          return _tmpl$6$c();
+          return _tmpl$7$a();
         },
         get children() {
-          return _tmpl$3$e();
+          return _tmpl$4$e();
         }
       }), null);
       createRenderEffect((_p$) => {
@@ -6746,7 +6941,7 @@ function renderKitPrompt(kit, values) {
     (_, key) => values[key] ?? ""
   );
 }
-var _tmpl$$d = /* @__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$d = /* @__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$c = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$b = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$9 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$8 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$6 = /* @__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$5 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$5 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$5 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$5 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$5 = /* @__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$4 = /* @__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$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$4 = /* @__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$3 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$3 = /* @__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$3 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$3 = /* @__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$3 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$3 = /* @__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$1 = /* @__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$1 = /* @__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$1 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$1 = /* @__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$1 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$1 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$1 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$1 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$1 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$1 = /* @__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$$d = /* @__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$d = /* @__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$c = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$b = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$9 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$8 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$7 = /* @__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$5 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$5 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$5 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$5 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$5 = /* @__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$4 = /* @__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$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$4 = /* @__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$3 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$3 = /* @__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$3 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$3 = /* @__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$3 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$3 = /* @__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$1 = /* @__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$1 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$1 = /* @__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$1 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$1 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$1 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$1 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$1 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$1 = /* @__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>`);
 const ICON_MAP = {
   BookOpen: book_open_default,
   Tag: tag_default,
@@ -7206,7 +7401,7 @@ const AutomationTab = (props) => {
                       return openMenuJobId() === job.id;
                     },
                     get children() {
-                      var _el$94 = _tmpl$29$1(), _el$95 = _el$94.firstChild, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling, _el$98 = _el$97.nextSibling, _el$99 = _el$98.nextSibling;
+                      var _el$94 = _tmpl$29$2(), _el$95 = _el$94.firstChild, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling, _el$98 = _el$97.nextSibling, _el$99 = _el$98.nextSibling;
                       _el$94.$$click = (e) => e.stopPropagation();
                       _el$95.$$click = () => handleOpenEditTask(job);
                       _el$96.$$click = () => handleOpenEditSchedule(job);
@@ -7309,7 +7504,7 @@ const AutomationTab = (props) => {
       },
       get children() {
         return [(() => {
-          var _el$23 = _tmpl$9$6(), _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling;
+          var _el$23 = _tmpl$9$7(), _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling;
           _el$24.$$click = () => {
             setSelectedKit(null);
             setEditingTaskJobId(null);
@@ -7662,7 +7857,7 @@ function useResearch() {
     }
   };
 }
-var _tmpl$$c = /* @__PURE__ */ template(`<div class=markdown-content>`), _tmpl$2$c = /* @__PURE__ */ template(`<div>`), _tmpl$3$b = /* @__PURE__ */ template(`<div class=research-premium-notice><span class=premium-badge>Premium</span> Brief is free; full research and export require Vessel Premium.`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=research-brief-status>`), _tmpl$5$a = /* @__PURE__ */ template(`<div class=research-idle><h3>Research Desk</h3><p>Start with a topic. Vessel will shape it into a focused brief, draft a research plan, and then send sub-agents after the strongest sources.</p><form class=research-topic-form><textarea class=research-topic-input rows=3 placeholder="What should we research?"></textarea><button class=research-start-btn type=submit>Start Briefing`), _tmpl$6$a = /* @__PURE__ */ template(`<div class=research-brief-loading role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><div><div class=research-loading-title>Brief started</div><div class=research-loading-copy>Preparing the first briefing question...`), _tmpl$7$8 = /* @__PURE__ */ template(`<div class="research-brief-status thinking"role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><span>Thinking...`), _tmpl$8$7 = /* @__PURE__ */ template(`<div class=research-brief-status> queued`), _tmpl$9$5 = /* @__PURE__ */ template(`<div class=research-phase><h3>Briefing</h3><p>Work through the brief here. Once the assistant has enough context, turn it into a research plan.</p><div class=research-brief-thread></div><form class=research-brief-form><textarea class=research-brief-input rows=2></textarea><button type=submit></button></form><div class=phase-controls><button>Build Research Plan</button><button class=secondary>Cancel`), _tmpl$0$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Planning Research</h3><p>Creating Research Objectives based on your brief...`), _tmpl$1$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Research Objectives`), _tmpl$10$4 = /* @__PURE__ */ template(`<div class=research-thread-progress-list>`), _tmpl$11$4 = /* @__PURE__ */ template(`<button>Switch to Walk-Away`), _tmpl$12$4 = /* @__PURE__ */ template(`<button>Switch to Interactive`), _tmpl$13$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Researching</h3><div class=research-active-card role=status aria-live=polite><span class="research-spinner research-active-spinner"aria-hidden=true></span><div class=research-active-copy><div class=research-active-title>Agents are working</div><p> of <!> threads complete</p></div></div><div class=phase-controls><button class=secondary>Stop Research</button><button>Stop Research &amp; Synthesize Current Findings`), _tmpl$14$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Synthesizing Report</h3><p>Compiling findings into the Research Report...`), _tmpl$15$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Report Ready`), _tmpl$16$2 = /* @__PURE__ */ template(`<div class=research-desk>`), _tmpl$17$2 = /* @__PURE__ */ template(`<div class="research-quick-replies inline"aria-label="Suggested briefing responses">`), _tmpl$18$2 = /* @__PURE__ */ template(`<button type=button class=research-quick-reply>`), _tmpl$19$2 = /* @__PURE__ */ template(`<div class=objectives-card><section class=objectives-section><p class=objectives-label>Question</p><p class=objectives-question></p></section><section class=objectives-section><div class=objectives-section-header><p class=objectives-label>Research Threads</p><span></span></div><ul class=objectives-thread-list></ul></section><section class="objectives-section objectives-settings"><label class=mode-toggle><input type=checkbox><span>Walk-away mode (notified when done)</span></label><label class=traces-toggle><input type=checkbox><span>Include agent traces with report</span></label></section><div class=phase-controls><button>Start Research</button><button class=secondary>Cancel`), _tmpl$20$2 = /* @__PURE__ */ template(`<li><span></span><small> sources`), _tmpl$21$2 = /* @__PURE__ */ template(`<section class=objectives-section><p class=objectives-label>Excluded Sources</p><div class=objectives-source-list>`), _tmpl$22$2 = /* @__PURE__ */ template(`<span>`), _tmpl$23$2 = /* @__PURE__ */ template(`<div><span></span><small>`), _tmpl$24$2 = /* @__PURE__ */ template(`<div class=report-card><h4></h4><p>...</p><p> sources cited</p><button>Export as Markdown</button><button class=secondary>New Research`);
+var _tmpl$$c = /* @__PURE__ */ template(`<div class=markdown-content>`), _tmpl$2$c = /* @__PURE__ */ template(`<div>`), _tmpl$3$b = /* @__PURE__ */ template(`<div class=research-premium-notice><span class=premium-badge>Premium</span> Brief is free; full research and export require Vessel Premium.`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=research-brief-status>`), _tmpl$5$a = /* @__PURE__ */ template(`<div class=research-idle><h3>Research Desk</h3><p>Start with a topic. Vessel will shape it into a focused brief, draft a research plan, and then send sub-agents after the strongest sources.</p><form class=research-topic-form><textarea class=research-topic-input rows=3 placeholder="What should we research?"></textarea><button class=research-start-btn type=submit>Start Briefing`), _tmpl$6$a = /* @__PURE__ */ template(`<div class=research-brief-loading role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><div><div class=research-loading-title>Brief started</div><div class=research-loading-copy>Preparing the first briefing question...`), _tmpl$7$8 = /* @__PURE__ */ template(`<div class="research-brief-status thinking"role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><span>Thinking...`), _tmpl$8$7 = /* @__PURE__ */ template(`<div class=research-brief-status> queued`), _tmpl$9$6 = /* @__PURE__ */ template(`<div class=research-phase><h3>Briefing</h3><p>Work through the brief here. Once the assistant has enough context, turn it into a research plan.</p><div class=research-brief-thread></div><form class=research-brief-form><textarea class=research-brief-input rows=2></textarea><button type=submit></button></form><div class=phase-controls><button>Build Research Plan</button><button class=secondary>Cancel`), _tmpl$0$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Planning Research</h3><p>Creating Research Objectives based on your brief...`), _tmpl$1$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Research Objectives`), _tmpl$10$4 = /* @__PURE__ */ template(`<div class=research-thread-progress-list>`), _tmpl$11$4 = /* @__PURE__ */ template(`<button>Switch to Walk-Away`), _tmpl$12$4 = /* @__PURE__ */ template(`<button>Switch to Interactive`), _tmpl$13$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Researching</h3><div class=research-active-card role=status aria-live=polite><span class="research-spinner research-active-spinner"aria-hidden=true></span><div class=research-active-copy><div class=research-active-title>Agents are working</div><p> of <!> threads complete</p></div></div><div class=phase-controls><button class=secondary>Stop Research</button><button>Stop Research &amp; Synthesize Current Findings`), _tmpl$14$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Synthesizing Report</h3><p>Compiling findings into the Research Report...`), _tmpl$15$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Report Ready`), _tmpl$16$2 = /* @__PURE__ */ template(`<div class=research-desk>`), _tmpl$17$2 = /* @__PURE__ */ template(`<div class="research-quick-replies inline"aria-label="Suggested briefing responses">`), _tmpl$18$2 = /* @__PURE__ */ template(`<button type=button class=research-quick-reply>`), _tmpl$19$2 = /* @__PURE__ */ template(`<div class=objectives-card><section class=objectives-section><p class=objectives-label>Question</p><p class=objectives-question></p></section><section class=objectives-section><div class=objectives-section-header><p class=objectives-label>Research Threads</p><span></span></div><ul class=objectives-thread-list></ul></section><section class="objectives-section objectives-settings"><label class=mode-toggle><input type=checkbox><span>Walk-away mode (notified when done)</span></label><label class=traces-toggle><input type=checkbox><span>Include agent traces with report</span></label></section><div class=phase-controls><button>Start Research</button><button class=secondary>Cancel`), _tmpl$20$2 = /* @__PURE__ */ template(`<li><span></span><small> sources`), _tmpl$21$2 = /* @__PURE__ */ template(`<section class=objectives-section><p class=objectives-label>Excluded Sources</p><div class=objectives-source-list>`), _tmpl$22$2 = /* @__PURE__ */ template(`<span>`), _tmpl$23$2 = /* @__PURE__ */ template(`<div><span></span><small>`), _tmpl$24$2 = /* @__PURE__ */ template(`<div class=report-card><h4></h4><p>...</p><p> sources cited</p><button>Export as Markdown</button><button class=secondary>New Research`);
 const ResearchBriefMarkdown = (props) => {
   const html2 = createMemo(() => renderMarkdown(props.content));
   return (() => {
@@ -8044,7 +8239,7 @@ const ResearchDesk = () => {
             return state().phase === "briefing";
           },
           get children() {
-            var _el$10 = _tmpl$9$5(), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.nextSibling, _el$18 = _el$13.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;
+            var _el$10 = _tmpl$9$6(), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.nextSibling, _el$18 = _el$13.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;
             insert(_el$13, createComponent(Show, {
               get when() {
                 return isBriefStarting();
@@ -8317,7 +8512,7 @@ const ResearchDesk = () => {
   })();
 };
 delegateEvents(["input", "keydown", "click"]);
-var _tmpl$$b = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$b = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$a = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=page-diff-timeline-header><div class=agent-section-title>Change history for this page</div><div class=agent-muted>Newest detections are first. Each entry is a saved change burst.`), _tmpl$5$9 = /* @__PURE__ */ template(`<div class=page-diff-history-list>`), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$7 = /* @__PURE__ */ template(`<div class=page-diff-history-item><div class=page-diff-history-time><span class=page-diff-history-label></span><span></span></div><div class=page-diff-history-card><div class=page-diff-history-summary-list></div><div class=page-diff-history-position>Entry <!> of `), _tmpl$8$6 = /* @__PURE__ */ template(`<span class=page-diff-history-summary-section>`), _tmpl$9$4 = /* @__PURE__ */ template(`<div class=page-diff-history-summary-row><span class=page-diff-history-summary>`);
+var _tmpl$$b = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$b = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$a = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=page-diff-timeline-header><div class=agent-section-title>Change history for this page</div><div class=agent-muted>Newest detections are first. Each entry is a saved change burst.`), _tmpl$5$9 = /* @__PURE__ */ template(`<div class=page-diff-history-list>`), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$7 = /* @__PURE__ */ template(`<div class=page-diff-history-item><div class=page-diff-history-time><span class=page-diff-history-label></span><span></span></div><div class=page-diff-history-card><div class=page-diff-history-summary-list></div><div class=page-diff-history-position>Entry <!> of `), _tmpl$8$6 = /* @__PURE__ */ template(`<span class=page-diff-history-summary-section>`), _tmpl$9$5 = /* @__PURE__ */ template(`<div class=page-diff-history-summary-row><span class=page-diff-history-summary>`);
 const PageDiffTimeline = () => {
   const {
     activeTab
@@ -8420,7 +8615,7 @@ const PageDiffTimeline = () => {
                   return parseDiffSummaryParts(burst.summary);
                 },
                 children: (part) => (() => {
-                  var _el$15 = _tmpl$9$4(), _el$17 = _el$15.firstChild;
+                  var _el$15 = _tmpl$9$5(), _el$17 = _el$15.firstChild;
                   insert(_el$15, createComponent(Show, {
                     get when() {
                       return part.section;
@@ -8448,7 +8643,7 @@ const PageDiffTimeline = () => {
   })();
 };
 const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
-var _tmpl$$a = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$9 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$4$9 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$5$8 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$6$8 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$7$6 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$8$5 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$0$3 = /* @__PURE__ */ template(`<div class=bookmark-save-body><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Import HTML</button><button class=bookmark-secondary-button type=button>Import JSON`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$10$3 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-export-card><div><div class=bookmark-panel-title>Export</div><div class=bookmark-panel-subtitle>Save browser-ready HTML or a full Vessel archive</div></div><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Browser HTML</button><button class=bookmark-secondary-button type=button>HTML + notes</button><button class=bookmark-secondary-button type=button>Vessel JSON</button></div></div><div class=bookmark-import-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Import Bookmarks</span><span class=bookmark-save-toggle-subtitle>Import from HTML or Vessel JSON</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$11$3 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$12$3 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><textarea class=agent-textarea rows=2 placeholder="Optional note for this checkpoint"></textarea><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$13$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$14$2 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><div class=history-panel-actions><button class=history-clear-btn>Clear</button><button class=history-clear-btn>Export HTML</button><button class=history-clear-btn>Export JSON</button><button class=history-clear-btn>Import</button></div></div><div class=history-list>`), _tmpl$15$2 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div class=agent-panel-title>What Changed</div><div class=agent-panel-subtitle>`), _tmpl$16$1 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">Give the built-in agent a bigger toolbox and longer runway: screenshots, saved sessions, workflow tracking, table extraction, and up to 1,000 tool calls per turn.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$17$1 = /* @__PURE__ */ template(`<span>`), _tmpl$18$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$19$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$20$1 = /* @__PURE__ */ template(`<div class=sidebar-empty><svg class=sidebar-empty-icon width=48 height=48 viewBox="0 0 48 48"aria-hidden=true><line x1=8 y1=8 x2=24 y2=5 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=24 y1=5 x2=40 y2=10 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=8 y1=8 x2=6 y2=24 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=40 y1=10 x2=44 y2=26 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=6 y1=24 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=44 y1=26 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=10 y1=38 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=38 y1=40 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=8 y1=8 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=24 y1=5 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=40 y1=10 x2=32 y2=20 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=20 y1=18 x2=32 y2=20 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.3></line><line x1=6 y1=24 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=20 y1=18 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=32 y1=20 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=44 y1=26 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=18 y1=30 x2=36 y2=30 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.25></line><line x1=18 y1=30 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=36 y1=30 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=18 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><line x1=36 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><circle cx=8 cy=8 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=24 cy=5 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=40 cy=10 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.7></circle><circle cx=6 cy=24 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=44 cy=26 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=10 cy=38 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=38 cy=40 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=24 cy=44 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=20 cy=18 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.85></circle><circle cx=32 cy=20 r=4 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.9></circle><circle cx=18 cy=30 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.75></circle><circle cx=36 cy=30 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.8></circle></svg><p class=sidebar-empty-title>Your move.</p><p class=sidebar-empty-hint>Configure a provider in Settings (Ctrl+,) then ask anything about the current page or beyond.`), _tmpl$21$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Stop generating"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><rect x=2 y=2 width=10 height=10 rx=1.5 fill=currentColor></rect></svg>Stop`), _tmpl$22$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Retry last prompt"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M11.5 7a4.5 4.5 0 1 1-1.3-3.2"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M10.5 1v3h-3"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Retry`), _tmpl$23$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$24$1 = /* @__PURE__ */ template(`<div class=highlight-nav><button class=highlight-nav-btn type=button title="Previous highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M8 10L4 6l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=highlight-nav-label type=button title="Go to current highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><circle cx=6 cy=6 r=3 fill="rgba(196, 160, 90, 0.6)"stroke="rgba(196, 160, 90, 0.9)"stroke-width=1></circle></svg></button><button class=highlight-nav-btn type=button title="Next highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M4 2l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$25$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$29 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-resize-handle></div><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button><button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat"><svg width=14 height=14 viewBox="0 0 14 14"aria-hidden=true><path d="M3.5 3.5l7 7M10.5 3.5l-7 7"fill=none stroke=currentColor stroke-width=1.4 stroke-linecap=round></path></svg></button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button><button class=sidebar-tab role=tab>Automate</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button><button class=sidebar-tab role=tab>Research<span class=sidebar-tab-beta>Beta</span></button></div><div class=sidebar-messages><div>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$31 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$32 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$33 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$34 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$35 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$36 = /* @__PURE__ */ template(`<div class=agent-card><div class=agent-action-row><span class=agent-card-title></span><span></span></div><div class=agent-card-copy>`), _tmpl$37 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$38 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$39 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class=bookmark-ghost-button type=button>Export</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$40 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$41 = /* @__PURE__ */ template(`<div class=bookmark-folder-delete-confirm><p class=bookmark-delete-prompt>Delete "<!>"?</p><div class=bookmark-delete-options><button class="bookmark-ghost-button danger"type=button></button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$42 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><div class=bookmark-folder-form-fields><input class=bookmark-input><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=button>Save</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$43 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$44 = /* @__PURE__ */ template(`<div class=bookmark-folder-section><div class="bookmark-folder-header clickable"role=button tabindex=0><div class=bookmark-folder-overview><span class=bookmark-folder-chevron aria-hidden=true>▸</span><div><div class=bookmark-folder-name></div><div class=bookmark-folder-meta> saved`), _tmpl$45 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$46 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$47 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$48 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$49 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$50 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$51 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$52 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><input class=bookmark-input placeholder="Bookmark title"><textarea class=bookmark-note-input rows=2 placeholder="Why this bookmark matters"></textarea><textarea class=bookmark-note-input rows=1 placeholder=Intent></textarea><textarea class=bookmark-note-input rows=1 placeholder="Expected content"></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input rows=2 placeholder="Agent hints (one key:value per line)"></textarea><div class=bookmark-item-footer><button class=bookmark-secondary-button type=button>Save edits</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$53 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class=bookmark-ghost-button type=button></button><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$54 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$55 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$56 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><textarea class=agent-textarea rows=2 placeholder="Add a note..."></textarea><button class=agent-control-button type=button>Restore`), _tmpl$57 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$58 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">The Diff timeline is a premium feature. Upgrade to see a full history of what changed on this page.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$59 = /* @__PURE__ */ template(`<div>`), _tmpl$60 = /* @__PURE__ */ template(`<div class=thinking-state><div class=thinking-orb aria-hidden=true><span></span><span></span><span></span></div><div class=thinking-copy><div class=thinking-title>Thinking`), _tmpl$61 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$62 = /* @__PURE__ */ template(`<div class=chat-approval><div class=chat-approval-icon aria-hidden=true><svg width=16 height=16 viewBox="0 0 16 16"fill=none><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7.25 4.75a.75.75 0 011.5 0v3.5a.75.75 0 01-1.5 0v-3.5zM8 11.5a.75.75 0 110-1.5.75.75 0 010 1.5z"fill=currentColor></path></svg></div><div class=chat-approval-body><div class=chat-approval-title>Approval needed: <strong></strong></div><div class=chat-approval-detail></div><div class=chat-approval-actions><button class="chat-approval-btn chat-approval-approve"type=button>Approve</button><button class="chat-approval-btn chat-approval-reject"type=button>Reject`), _tmpl$63 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$9 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$4$9 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$5$8 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$6$8 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$7$6 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$8$5 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$9$4 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$0$3 = /* @__PURE__ */ template(`<div class=bookmark-save-body><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Import HTML</button><button class=bookmark-secondary-button type=button>Import JSON`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$10$3 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-export-card><div><div class=bookmark-panel-title>Export</div><div class=bookmark-panel-subtitle>Save browser-ready HTML or a full Vessel archive</div></div><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Browser HTML</button><button class=bookmark-secondary-button type=button>HTML + notes</button><button class=bookmark-secondary-button type=button>Vessel JSON</button></div></div><div class=bookmark-import-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Import Bookmarks</span><span class=bookmark-save-toggle-subtitle>Import from HTML or Vessel JSON</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$11$3 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$12$3 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><textarea class=agent-textarea rows=2 placeholder="Optional note for this checkpoint"></textarea><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$13$2 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title>Load more history</span><span class=history-entry-url>Showing <!> of `), _tmpl$14$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$15$2 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><div class=history-panel-actions><button class=history-clear-btn>Clear</button><button class=history-clear-btn>Export HTML</button><button class=history-clear-btn>Export JSON</button><button class=history-clear-btn>Import</button></div></div><div class=history-list>`), _tmpl$16$1 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div class=agent-panel-title>What Changed</div><div class=agent-panel-subtitle>`), _tmpl$17$1 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">Give the built-in agent a bigger toolbox and longer runway: screenshots, saved sessions, workflow tracking, table extraction, and up to 1,000 tool calls per turn.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$18$1 = /* @__PURE__ */ template(`<span>`), _tmpl$19$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$20$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$21$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$22$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$23$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$24$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$25$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$26$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-resize-handle></div><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button><button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat"><svg width=14 height=14 viewBox="0 0 14 14"aria-hidden=true><path d="M3.5 3.5l7 7M10.5 3.5l-7 7"fill=none stroke=currentColor stroke-width=1.4 stroke-linecap=round></path></svg></button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button><button class=sidebar-tab role=tab>Automate</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button><button class=sidebar-tab role=tab>Research<span class=sidebar-tab-beta>Beta</span></button></div><div class=sidebar-messages><div>`), _tmpl$31 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$32 = /* @__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$33 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$34 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$35 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$36 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$37 = /* @__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$38 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$39 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$40 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class=bookmark-ghost-button type=button>Export</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$41 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$42 = /* @__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$43 = /* @__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$44 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$45 = /* @__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$46 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$47 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$48 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$49 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$50 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$51 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$52 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$53 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><input class=bookmark-input placeholder="Bookmark title"><textarea class=bookmark-note-input rows=2 placeholder="Why this bookmark matters"></textarea><textarea class=bookmark-note-input rows=1 placeholder=Intent></textarea><textarea class=bookmark-note-input rows=1 placeholder="Expected content"></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input rows=2 placeholder="Agent hints (one key:value per line)"></textarea><div class=bookmark-item-footer><button class=bookmark-secondary-button type=button>Save edits</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$54 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class=bookmark-ghost-button type=button></button><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$55 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$56 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$57 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><textarea class=agent-textarea rows=2 placeholder="Add a note..."></textarea><button class=agent-control-button type=button>Restore`), _tmpl$58 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$59 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">The Diff timeline is a premium feature. Upgrade to see a full history of what changed on this page.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$60 = /* @__PURE__ */ template(`<div>`), _tmpl$61 = /* @__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$62 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$63 = /* @__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$64 = /* @__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",
@@ -8762,10 +8957,18 @@ ${contextBlock}` : contextBlock);
     value: folder.id,
     label: folder.name
   })));
-  const groupedBookmarks = createMemo(() => bookmarkFolders().map((folder) => ({
-    ...folder,
-    items: bookmarksState2().bookmarks.filter((bookmark) => bookmark.folderId === folder.id).sort((a, b) => b.savedAt.localeCompare(a.savedAt))
-  })));
+  const groupedBookmarks = createMemo(() => {
+    const byFolder = /* @__PURE__ */ new Map();
+    for (const bookmark of bookmarksState2().bookmarks) {
+      const items = byFolder.get(bookmark.folderId) ?? [];
+      items.push(bookmark);
+      byFolder.set(bookmark.folderId, items);
+    }
+    return bookmarkFolders().map((folder) => ({
+      ...folder,
+      items: (byFolder.get(folder.id) ?? []).slice().sort((a, b) => b.savedAt.localeCompare(a.savedAt))
+    }));
+  });
   const normalizedBookmarkSearch = createMemo(() => normalizeBookmarkSearchText(bookmarkSearchQuery()));
   const filteredGroupedBookmarks = createMemo(() => {
     const query2 = bookmarkSearchQuery().trim();
@@ -9063,9 +9266,9 @@ ${contextBlock}` : contextBlock);
       return props.forceOpen || sidebarOpen2();
     },
     get children() {
-      var _el$9 = _tmpl$29(), _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$30(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$1.nextSibling, _el$16 = _el$15.firstChild;
       _el$16.firstChild;
-      var _el$19 = _el$16.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.nextSibling, _el$25 = _el$24.nextSibling, _el$26 = _el$15.nextSibling, _el$125 = _el$26.firstChild;
+      var _el$19 = _el$16.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.nextSibling, _el$25 = _el$24.nextSibling, _el$26 = _el$15.nextSibling, _el$132 = _el$26.firstChild;
       _el$0.$$pointerdown = startResize;
       setAttribute(_el$11, "src", vesselLogo);
       addEventListener(_el$13, "click", clearHistory, true);
@@ -9132,7 +9335,7 @@ ${contextBlock}` : contextBlock);
               return runtimeState2().supervisor.pendingApprovals.length > 0;
             },
             get fallback() {
-              return _tmpl$30();
+              return _tmpl$31();
             },
             get children() {
               return [_tmpl$5$8(), createComponent(For, {
@@ -9140,13 +9343,13 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$143 = _tmpl$31(), _el$144 = _el$143.firstChild, _el$145 = _el$144.nextSibling, _el$146 = _el$145.nextSibling, _el$147 = _el$146.nextSibling, _el$148 = _el$147.nextSibling, _el$149 = _el$148.firstChild, _el$150 = _el$149.nextSibling;
-                  insert(_el$145, () => approval.name);
-                  insert(_el$146, () => approval.argsSummary);
-                  insert(_el$147, () => approval.reason);
-                  _el$149.$$click = () => void resolveApproval(approval.id, true);
-                  _el$150.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$143;
+                  var _el$150 = _tmpl$32(), _el$151 = _el$150.firstChild, _el$152 = _el$151.nextSibling, _el$153 = _el$152.nextSibling, _el$154 = _el$153.nextSibling, _el$155 = _el$154.nextSibling, _el$156 = _el$155.firstChild, _el$157 = _el$156.nextSibling;
+                  insert(_el$152, () => approval.name);
+                  insert(_el$153, () => approval.argsSummary);
+                  insert(_el$154, () => approval.reason);
+                  _el$156.$$click = () => void resolveApproval(approval.id, true);
+                  _el$157.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$150;
                 })()
               })];
             }
@@ -9170,7 +9373,7 @@ ${contextBlock}` : contextBlock);
               return recentActions().length > 0;
             },
             get fallback() {
-              return _tmpl$32();
+              return _tmpl$33();
             },
             get children() {
               return createComponent(Show, {
@@ -9178,7 +9381,7 @@ ${contextBlock}` : contextBlock);
                   return actionsExpanded();
                 },
                 get fallback() {
-                  return _tmpl$33();
+                  return _tmpl$34();
                 },
                 get children() {
                   return createComponent(For, {
@@ -9186,32 +9389,32 @@ ${contextBlock}` : contextBlock);
                       return recentActions();
                     },
                     children: (action) => (() => {
-                      var _el$153 = _tmpl$36(), _el$154 = _el$153.firstChild, _el$155 = _el$154.firstChild, _el$156 = _el$155.nextSibling, _el$157 = _el$154.nextSibling;
-                      insert(_el$155, () => action.name);
-                      insert(_el$156, () => action.status);
-                      insert(_el$157, () => action.argsSummary);
-                      insert(_el$153, createComponent(Show, {
+                      var _el$160 = _tmpl$37(), _el$161 = _el$160.firstChild, _el$162 = _el$161.firstChild, _el$163 = _el$162.nextSibling, _el$164 = _el$161.nextSibling;
+                      insert(_el$162, () => action.name);
+                      insert(_el$163, () => action.status);
+                      insert(_el$164, () => action.argsSummary);
+                      insert(_el$160, createComponent(Show, {
                         get when() {
                           return action.resultSummary;
                         },
                         get children() {
-                          var _el$158 = _tmpl$34();
-                          insert(_el$158, () => action.resultSummary);
-                          return _el$158;
+                          var _el$165 = _tmpl$35();
+                          insert(_el$165, () => action.resultSummary);
+                          return _el$165;
                         }
                       }), null);
-                      insert(_el$153, createComponent(Show, {
+                      insert(_el$160, createComponent(Show, {
                         get when() {
                           return action.error;
                         },
                         get children() {
-                          var _el$159 = _tmpl$35();
-                          insert(_el$159, () => action.error);
-                          return _el$159;
+                          var _el$166 = _tmpl$36();
+                          insert(_el$166, () => action.error);
+                          return _el$166;
                         }
                       }), null);
-                      createRenderEffect(() => className(_el$156, `agent-action-status ${action.status}`));
-                      return _el$153;
+                      createRenderEffect(() => className(_el$163, `agent-action-status ${action.status}`));
+                      return _el$160;
                     })()
                   });
                 }
@@ -9221,7 +9424,7 @@ ${contextBlock}` : contextBlock);
           createRenderEffect(() => _el$32.classList.toggle("paused", !!runtimeState2().supervisor.paused));
           return _el$27;
         }
-      }), _el$125);
+      }), _el$132);
       insert(_el$26, createComponent(Show, {
         get when() {
           return sidebarTab() === "bookmarks";
@@ -9249,7 +9452,7 @@ ${contextBlock}` : contextBlock);
               return bookmarkExportMessage();
             },
             get children() {
-              var _el$55 = _tmpl$9$3();
+              var _el$55 = _tmpl$9$4();
               insert(_el$55, bookmarkExportMessage);
               return _el$55;
             }
@@ -9268,7 +9471,7 @@ ${contextBlock}` : contextBlock);
                   return bookmarkImportMessage();
                 },
                 get children() {
-                  var _el$64 = _tmpl$9$3();
+                  var _el$64 = _tmpl$9$4();
                   insert(_el$64, bookmarkImportMessage);
                   return _el$64;
                 }
@@ -9329,12 +9532,12 @@ ${contextBlock}` : contextBlock);
             },
             get fallback() {
               return (() => {
-                var _el$160 = _tmpl$37();
-                insert(_el$160, (() => {
+                var _el$167 = _tmpl$38();
+                insert(_el$167, (() => {
                   var _c$5 = memo(() => !!normalizedBookmarkSearch());
                   return () => _c$5() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
                 })());
-                return _el$160;
+                return _el$167;
               })();
             },
             get children() {
@@ -9343,105 +9546,105 @@ ${contextBlock}` : contextBlock);
                   return filteredGroupedBookmarks();
                 },
                 children: (folder) => (() => {
-                  var _el$161 = _tmpl$44(), _el$162 = _el$161.firstChild, _el$163 = _el$162.firstChild, _el$164 = _el$163.firstChild, _el$165 = _el$164.nextSibling, _el$166 = _el$165.firstChild, _el$167 = _el$166.nextSibling, _el$168 = _el$167.firstChild;
-                  _el$162.$$keydown = (e) => {
+                  var _el$168 = _tmpl$45(), _el$169 = _el$168.firstChild, _el$170 = _el$169.firstChild, _el$171 = _el$170.firstChild, _el$172 = _el$171.nextSibling, _el$173 = _el$172.firstChild, _el$174 = _el$173.nextSibling, _el$175 = _el$174.firstChild;
+                  _el$169.$$keydown = (e) => {
                     if (e.key === "Enter" || e.key === " ") {
                       e.preventDefault();
                       toggleFolderExpanded(folder.id);
                     }
                   };
-                  _el$162.$$click = () => toggleFolderExpanded(folder.id);
-                  insert(_el$166, () => folder.name);
-                  insert(_el$167, () => folder.items.length, _el$168);
-                  insert(_el$165, createComponent(Show, {
+                  _el$169.$$click = () => toggleFolderExpanded(folder.id);
+                  insert(_el$173, () => folder.name);
+                  insert(_el$174, () => folder.items.length, _el$175);
+                  insert(_el$172, createComponent(Show, {
                     get when() {
                       return folder.summary;
                     },
                     get children() {
-                      var _el$169 = _tmpl$38();
-                      insert(_el$169, () => folder.summary);
-                      return _el$169;
+                      var _el$176 = _tmpl$39();
+                      insert(_el$176, () => folder.summary);
+                      return _el$176;
                     }
                   }), null);
-                  insert(_el$162, createComponent(Show, {
+                  insert(_el$169, createComponent(Show, {
                     get when() {
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$170 = _tmpl$39(), _el$171 = _el$170.firstChild, _el$172 = _el$171.nextSibling, _el$173 = _el$172.nextSibling;
-                      _el$171.$$click = (e) => {
+                      var _el$177 = _tmpl$40(), _el$178 = _el$177.firstChild, _el$179 = _el$178.nextSibling, _el$180 = _el$179.nextSibling;
+                      _el$178.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
                         setEditingFolderName(folder.name);
                         setEditingFolderSummary(folder.summary || "");
                       };
-                      _el$172.$$click = (e) => {
+                      _el$179.$$click = (e) => {
                         e.stopPropagation();
                         void handleExportFolder(folder.id, folder.name);
                       };
-                      _el$173.$$click = (e) => {
+                      _el$180.$$click = (e) => {
                         e.stopPropagation();
                         setDeletingFolderId(folder.id);
                       };
-                      createRenderEffect(() => _el$172.disabled = bookmarkExporting());
-                      return _el$170;
+                      createRenderEffect(() => _el$179.disabled = bookmarkExporting());
+                      return _el$177;
                     }
                   }), null);
-                  insert(_el$161, createComponent(Show, {
+                  insert(_el$168, createComponent(Show, {
                     get when() {
                       return deletingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$174 = _tmpl$41(), _el$175 = _el$174.firstChild, _el$176 = _el$175.firstChild, _el$178 = _el$176.nextSibling;
-                      _el$178.nextSibling;
-                      var _el$179 = _el$175.nextSibling, _el$181 = _el$179.firstChild, _el$182 = _el$181.nextSibling;
-                      insert(_el$175, () => folder.name, _el$178);
-                      insert(_el$175, (() => {
+                      var _el$181 = _tmpl$42(), _el$182 = _el$181.firstChild, _el$183 = _el$182.firstChild, _el$185 = _el$183.nextSibling;
+                      _el$185.nextSibling;
+                      var _el$186 = _el$182.nextSibling, _el$188 = _el$186.firstChild, _el$189 = _el$188.nextSibling;
+                      insert(_el$182, () => folder.name, _el$185);
+                      insert(_el$182, (() => {
                         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$179, createComponent(Show, {
+                      insert(_el$186, createComponent(Show, {
                         get when() {
                           return folder.items.length > 0;
                         },
                         get children() {
-                          var _el$180 = _tmpl$40();
-                          _el$180.$$click = () => void handleRemoveFolder(folder.id, false);
-                          return _el$180;
+                          var _el$187 = _tmpl$41();
+                          _el$187.$$click = () => void handleRemoveFolder(folder.id, false);
+                          return _el$187;
                         }
-                      }), _el$181);
-                      _el$181.$$click = () => void handleRemoveFolder(folder.id, true);
-                      insert(_el$181, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
-                      _el$182.$$click = () => setDeletingFolderId(null);
-                      return _el$174;
+                      }), _el$188);
+                      _el$188.$$click = () => void handleRemoveFolder(folder.id, true);
+                      insert(_el$188, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
+                      _el$189.$$click = () => setDeletingFolderId(null);
+                      return _el$181;
                     }
                   }), null);
-                  insert(_el$161, createComponent(Show, {
+                  insert(_el$168, createComponent(Show, {
                     get when() {
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$183 = _tmpl$42(), _el$184 = _el$183.firstChild, _el$185 = _el$184.firstChild, _el$186 = _el$185.nextSibling, _el$187 = _el$184.nextSibling, _el$188 = _el$187.nextSibling;
-                      _el$185.$$input = (e) => setEditingFolderName(e.currentTarget.value);
-                      _el$186.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
-                      _el$187.$$click = () => void handleRenameFolder(folder.id);
-                      _el$188.$$click = () => {
+                      var _el$190 = _tmpl$43(), _el$191 = _el$190.firstChild, _el$192 = _el$191.firstChild, _el$193 = _el$192.nextSibling, _el$194 = _el$191.nextSibling, _el$195 = _el$194.nextSibling;
+                      _el$192.$$input = (e) => setEditingFolderName(e.currentTarget.value);
+                      _el$193.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
+                      _el$194.$$click = () => void handleRenameFolder(folder.id);
+                      _el$195.$$click = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$187.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$185.value = editingFolderName());
-                      createRenderEffect(() => _el$186.value = editingFolderSummary());
-                      return _el$183;
+                      createRenderEffect(() => _el$194.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$192.value = editingFolderName());
+                      createRenderEffect(() => _el$193.value = editingFolderSummary());
+                      return _el$190;
                     }
                   }), null);
-                  insert(_el$161, createComponent(Show, {
+                  insert(_el$168, createComponent(Show, {
                     get when() {
                       return isFolderExpanded(folder.id);
                     },
                     get fallback() {
-                      return _tmpl$45();
+                      return _tmpl$46();
                     },
                     get children() {
                       return createComponent(Show, {
@@ -9449,125 +9652,125 @@ ${contextBlock}` : contextBlock);
                           return folder.items.length > 0;
                         },
                         get fallback() {
-                          return _tmpl$46();
+                          return _tmpl$47();
                         },
                         get children() {
-                          var _el$189 = _tmpl$43();
-                          insert(_el$189, createComponent(For, {
+                          var _el$196 = _tmpl$44();
+                          insert(_el$196, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              var _el$192 = _tmpl$53(), _el$193 = _el$192.firstChild, _el$194 = _el$193.firstChild, _el$195 = _el$194.nextSibling, _el$220 = _el$193.nextSibling, _el$221 = _el$220.firstChild, _el$222 = _el$221.nextSibling, _el$223 = _el$222.nextSibling;
-                              _el$193.$$click = () => void createTab(bookmark.url);
-                              insert(_el$194, () => bookmark.title || bookmark.url);
-                              insert(_el$195, () => bookmark.url);
-                              insert(_el$192, createComponent(Show, {
+                              var _el$199 = _tmpl$54(), _el$200 = _el$199.firstChild, _el$201 = _el$200.firstChild, _el$202 = _el$201.nextSibling, _el$227 = _el$200.nextSibling, _el$228 = _el$227.firstChild, _el$229 = _el$228.nextSibling, _el$230 = _el$229.nextSibling;
+                              _el$200.$$click = () => void createTab(bookmark.url);
+                              insert(_el$201, () => bookmark.title || bookmark.url);
+                              insert(_el$202, () => bookmark.url);
+                              insert(_el$199, createComponent(Show, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$196 = _tmpl$47();
-                                  insert(_el$196, () => bookmark.note);
-                                  return _el$196;
+                                  var _el$203 = _tmpl$48();
+                                  insert(_el$203, () => bookmark.note);
+                                  return _el$203;
                                 }
-                              }), _el$220);
-                              insert(_el$192, createComponent(Show, {
+                              }), _el$227);
+                              insert(_el$199, createComponent(Show, {
                                 get when() {
                                   return bookmark.intent || bookmark.expectedContent || (bookmark.keyFields?.length || 0) > 0 || (bookmark.agentHints && Object.keys(bookmark.agentHints).length || 0) > 0;
                                 },
                                 get children() {
-                                  var _el$197 = _tmpl$47();
-                                  insert(_el$197, createComponent(Show, {
+                                  var _el$204 = _tmpl$48();
+                                  insert(_el$204, createComponent(Show, {
                                     get when() {
                                       return bookmark.intent;
                                     },
                                     get children() {
-                                      var _el$198 = _tmpl$48(), _el$199 = _el$198.firstChild;
-                                      _el$199.nextSibling;
-                                      insert(_el$198, () => bookmark.intent, null);
-                                      return _el$198;
+                                      var _el$205 = _tmpl$49(), _el$206 = _el$205.firstChild;
+                                      _el$206.nextSibling;
+                                      insert(_el$205, () => bookmark.intent, null);
+                                      return _el$205;
                                     }
                                   }), null);
-                                  insert(_el$197, createComponent(Show, {
+                                  insert(_el$204, createComponent(Show, {
                                     get when() {
                                       return bookmark.expectedContent;
                                     },
                                     get children() {
-                                      var _el$201 = _tmpl$49(), _el$202 = _el$201.firstChild;
-                                      _el$202.nextSibling;
-                                      insert(_el$201, () => bookmark.expectedContent, null);
-                                      return _el$201;
+                                      var _el$208 = _tmpl$50(), _el$209 = _el$208.firstChild;
+                                      _el$209.nextSibling;
+                                      insert(_el$208, () => bookmark.expectedContent, null);
+                                      return _el$208;
                                     }
                                   }), null);
-                                  insert(_el$197, createComponent(Show, {
+                                  insert(_el$204, createComponent(Show, {
                                     get when() {
                                       return (bookmark.keyFields?.length || 0) > 0;
                                     },
                                     get children() {
-                                      var _el$204 = _tmpl$50(), _el$205 = _el$204.firstChild;
-                                      _el$205.nextSibling;
-                                      insert(_el$204, () => bookmark.keyFields?.join(", "), null);
-                                      return _el$204;
+                                      var _el$211 = _tmpl$51(), _el$212 = _el$211.firstChild;
+                                      _el$212.nextSibling;
+                                      insert(_el$211, () => bookmark.keyFields?.join(", "), null);
+                                      return _el$211;
                                     }
                                   }), null);
-                                  insert(_el$197, createComponent(Show, {
+                                  insert(_el$204, createComponent(Show, {
                                     get when() {
                                       return memo(() => !!bookmark.agentHints)() && Object.keys(bookmark.agentHints).length > 0;
                                     },
                                     get children() {
-                                      var _el$207 = _tmpl$51(), _el$208 = _el$207.firstChild;
-                                      _el$208.nextSibling;
-                                      insert(_el$207, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
-                                      return _el$207;
+                                      var _el$214 = _tmpl$52(), _el$215 = _el$214.firstChild;
+                                      _el$215.nextSibling;
+                                      insert(_el$214, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
+                                      return _el$214;
                                     }
                                   }), null);
-                                  return _el$197;
+                                  return _el$204;
                                 }
-                              }), _el$220);
-                              insert(_el$192, createComponent(Show, {
+                              }), _el$227);
+                              insert(_el$199, createComponent(Show, {
                                 get when() {
                                   return editingBookmarkId() === bookmark.id;
                                 },
                                 get children() {
-                                  var _el$210 = _tmpl$52(), _el$211 = _el$210.firstChild, _el$212 = _el$211.nextSibling, _el$213 = _el$212.nextSibling, _el$214 = _el$213.nextSibling, _el$215 = _el$214.nextSibling, _el$216 = _el$215.nextSibling, _el$217 = _el$216.nextSibling, _el$218 = _el$217.firstChild, _el$219 = _el$218.nextSibling;
-                                  _el$211.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
-                                  _el$212.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
-                                  _el$213.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
-                                  _el$214.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
-                                  _el$215.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
-                                  _el$216.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
-                                  _el$218.$$click = () => void handleUpdateBookmark(bookmark.id);
-                                  _el$219.$$click = resetBookmarkEditor;
-                                  createRenderEffect(() => _el$211.value = editingBookmarkTitle());
-                                  createRenderEffect(() => _el$212.value = editingBookmarkNote());
-                                  createRenderEffect(() => _el$213.value = editingBookmarkIntent());
-                                  createRenderEffect(() => _el$214.value = editingBookmarkExpectedContent());
-                                  createRenderEffect(() => _el$215.value = editingBookmarkKeyFields());
-                                  createRenderEffect(() => _el$216.value = editingBookmarkAgentHints());
-                                  return _el$210;
+                                  var _el$217 = _tmpl$53(), _el$218 = _el$217.firstChild, _el$219 = _el$218.nextSibling, _el$220 = _el$219.nextSibling, _el$221 = _el$220.nextSibling, _el$222 = _el$221.nextSibling, _el$223 = _el$222.nextSibling, _el$224 = _el$223.nextSibling, _el$225 = _el$224.firstChild, _el$226 = _el$225.nextSibling;
+                                  _el$218.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
+                                  _el$219.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
+                                  _el$220.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
+                                  _el$221.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
+                                  _el$222.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
+                                  _el$223.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
+                                  _el$225.$$click = () => void handleUpdateBookmark(bookmark.id);
+                                  _el$226.$$click = resetBookmarkEditor;
+                                  createRenderEffect(() => _el$218.value = editingBookmarkTitle());
+                                  createRenderEffect(() => _el$219.value = editingBookmarkNote());
+                                  createRenderEffect(() => _el$220.value = editingBookmarkIntent());
+                                  createRenderEffect(() => _el$221.value = editingBookmarkExpectedContent());
+                                  createRenderEffect(() => _el$222.value = editingBookmarkKeyFields());
+                                  createRenderEffect(() => _el$223.value = editingBookmarkAgentHints());
+                                  return _el$217;
                                 }
-                              }), _el$220);
-                              insert(_el$221, () => formatBookmarkDate(bookmark.savedAt));
-                              _el$222.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
-                              insert(_el$222, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
-                              _el$223.$$click = () => {
+                              }), _el$227);
+                              insert(_el$228, () => formatBookmarkDate(bookmark.savedAt));
+                              _el$229.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
+                              insert(_el$229, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
+                              _el$230.$$click = () => {
                                 if (editingBookmarkId() === bookmark.id) {
                                   resetBookmarkEditor();
                                 }
                                 void removeBookmark(bookmark.id);
                               };
-                              createRenderEffect(() => setAttribute(_el$192, "data-bookmark-id", bookmark.id));
-                              return _el$192;
+                              createRenderEffect(() => setAttribute(_el$199, "data-bookmark-id", bookmark.id));
+                              return _el$199;
                             })()
                           }));
-                          return _el$189;
+                          return _el$196;
                         }
                       });
                     }
                   }), null);
-                  createRenderEffect(() => _el$164.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
-                  return _el$161;
+                  createRenderEffect(() => _el$171.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
+                  return _el$168;
                 })()
               });
             }
@@ -9594,7 +9797,7 @@ ${contextBlock}` : contextBlock);
           createRenderEffect(() => _el$82.value = newFolderSummary());
           return _el$42;
         }
-      }), _el$125);
+      }), _el$132);
       insert(_el$26, createComponent(Show, {
         get when() {
           return sidebarTab() === "checkpoints";
@@ -9619,7 +9822,7 @@ ${contextBlock}` : contextBlock);
               return recentCheckpoints().length > 0;
             },
             get fallback() {
-              return _tmpl$54();
+              return _tmpl$55();
             },
             get children() {
               var _el$96 = _tmpl$11$3();
@@ -9628,22 +9831,22 @@ ${contextBlock}` : contextBlock);
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  var _el$225 = _tmpl$56(), _el$226 = _el$225.firstChild, _el$227 = _el$226.firstChild, _el$229 = _el$226.nextSibling, _el$230 = _el$229.firstChild, _el$231 = _el$230.nextSibling, _el$232 = _el$231.nextSibling, _el$233 = _el$232.nextSibling;
-                  insert(_el$226, createComponent(Show, {
+                  var _el$232 = _tmpl$57(), _el$233 = _el$232.firstChild, _el$234 = _el$233.firstChild, _el$236 = _el$233.nextSibling, _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling, _el$239 = _el$238.nextSibling, _el$240 = _el$239.nextSibling;
+                  insert(_el$233, createComponent(Show, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
                     get children() {
-                      return _tmpl$55();
+                      return _tmpl$56();
                     }
                   }), null);
-                  insert(_el$230, () => checkpoint.name);
-                  insert(_el$231, () => new Date(checkpoint.createdAt).toLocaleString());
-                  _el$232.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
-                  _el$233.$$click = () => void restoreCheckpoint(checkpoint.id);
-                  createRenderEffect(() => _el$227.classList.toggle("latest", !!(i() === 0)));
-                  createRenderEffect(() => _el$232.value = checkpoint.note || "");
-                  return _el$225;
+                  insert(_el$237, () => checkpoint.name);
+                  insert(_el$238, () => new Date(checkpoint.createdAt).toLocaleString());
+                  _el$239.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
+                  _el$240.$$click = () => void restoreCheckpoint(checkpoint.id);
+                  createRenderEffect(() => _el$234.classList.toggle("latest", !!(i() === 0)));
+                  createRenderEffect(() => _el$239.value = checkpoint.note || "");
+                  return _el$232;
                 })()
               }));
               return _el$96;
@@ -9653,7 +9856,7 @@ ${contextBlock}` : contextBlock);
           createRenderEffect(() => _el$93.value = checkpointNote());
           return _el$85;
         }
-      }), _el$125);
+      }), _el$132);
       insert(_el$26, createComponent(Show, {
         get when() {
           return sidebarTab() === "automation";
@@ -9663,7 +9866,7 @@ ${contextBlock}` : contextBlock);
             onRun: () => setSidebarTab("supervisor")
           });
         }
-      }), _el$125);
+      }), _el$132);
       insert(_el$26, createComponent(Show, {
         get when() {
           return sidebarTab() === "research";
@@ -9671,13 +9874,13 @@ ${contextBlock}` : contextBlock);
         get children() {
           return createComponent(ResearchDesk, {});
         }
-      }), _el$125);
+      }), _el$132);
       insert(_el$26, createComponent(Show, {
         get when() {
           return sidebarTab() === "history";
         },
         get children() {
-          var _el$97 = _tmpl$14$2(), _el$98 = _el$97.firstChild, _el$99 = _el$98.firstChild, _el$100 = _el$99.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling, _el$103 = _el$102.nextSibling, _el$104 = _el$103.nextSibling, _el$105 = _el$98.nextSibling;
+          var _el$97 = _tmpl$15$2(), _el$98 = _el$97.firstChild, _el$99 = _el$98.firstChild, _el$100 = _el$99.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling, _el$103 = _el$102.nextSibling, _el$104 = _el$103.nextSibling, _el$105 = _el$98.nextSibling;
           _el$101.$$click = async () => {
             await history.clear();
           };
@@ -9698,52 +9901,65 @@ ${contextBlock}` : contextBlock);
               return history.historyState().entries;
             },
             children: (entry) => (() => {
-              var _el$234 = _tmpl$57(), _el$235 = _el$234.firstChild, _el$236 = _el$235.nextSibling, _el$237 = _el$236.nextSibling;
-              _el$234.$$click = () => createTab(entry.url);
-              insert(_el$235, () => entry.title || entry.url);
-              insert(_el$236, () => entry.url);
-              insert(_el$237, () => new Date(entry.visitedAt).toLocaleString());
-              return _el$234;
+              var _el$241 = _tmpl$58(), _el$242 = _el$241.firstChild, _el$243 = _el$242.nextSibling, _el$244 = _el$243.nextSibling;
+              _el$241.$$click = () => createTab(entry.url);
+              insert(_el$242, () => entry.title || entry.url);
+              insert(_el$243, () => entry.url);
+              insert(_el$244, () => new Date(entry.visitedAt).toLocaleString());
+              return _el$241;
             })()
           }), null);
+          insert(_el$105, createComponent(Show, {
+            get when() {
+              return history.hasMore();
+            },
+            get children() {
+              var _el$106 = _tmpl$13$2(), _el$107 = _el$106.firstChild, _el$108 = _el$107.nextSibling, _el$109 = _el$108.firstChild, _el$112 = _el$109.nextSibling;
+              _el$112.nextSibling;
+              _el$106.$$click = () => void history.loadMore();
+              insert(_el$108, () => history.historyState().entries.length, _el$112);
+              insert(_el$108, () => history.historyTotal(), null);
+              return _el$106;
+            }
+          }), null);
           insert(_el$105, createComponent(Show, {
             get when() {
               return history.historyState().entries.length === 0;
             },
             get children() {
-              return _tmpl$13$2();
+              return _tmpl$14$2();
             }
           }), null);
           return _el$97;
         }
-      }), _el$125);
+      }), _el$132);
       insert(_el$26, createComponent(Show, {
         get when() {
           return sidebarTab() === "diff";
         },
         get children() {
-          var _el$107 = _tmpl$15$2(), _el$108 = _el$107.firstChild, _el$109 = _el$108.firstChild, _el$110 = _el$109.nextSibling;
-          insert(_el$110, () => isPremium() ? "Page change timeline" : "Premium feature");
-          insert(_el$107, createComponent(Show, {
+          var _el$114 = _tmpl$16$1(), _el$115 = _el$114.firstChild, _el$116 = _el$115.firstChild, _el$117 = _el$116.nextSibling;
+          insert(_el$117, () => isPremium() ? "Page change timeline" : "Premium feature");
+          insert(_el$114, createComponent(Show, {
             get when() {
               return isPremium();
             },
             get fallback() {
               return (() => {
-                var _el$238 = _tmpl$58(), _el$239 = _el$238.firstChild, _el$240 = _el$239.nextSibling, _el$241 = _el$240.nextSibling, _el$242 = _el$241.firstChild, _el$243 = _el$242.nextSibling;
-                _el$242.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
+                var _el$245 = _tmpl$59(), _el$246 = _el$245.firstChild, _el$247 = _el$246.nextSibling, _el$248 = _el$247.nextSibling, _el$249 = _el$248.firstChild, _el$250 = _el$249.nextSibling;
+                _el$249.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
                 });
-                _el$243.$$click = openPremiumDetails;
-                return _el$238;
+                _el$250.$$click = openPremiumDetails;
+                return _el$245;
               })();
             },
             get children() {
               return createComponent(PageDiffTimeline, {});
             }
           }), null);
-          return _el$107;
+          return _el$114;
         }
-      }), _el$125);
+      }), _el$132);
       insert(_el$26, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -9754,23 +9970,23 @@ ${contextBlock}` : contextBlock);
               return !isPremium();
             },
             get children() {
-              var _el$111 = _tmpl$16$1(), _el$112 = _el$111.firstChild, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.firstChild, _el$116 = _el$115.nextSibling;
-              _el$115.$$click = () => openPremiumCheckout("chat_banner_clicked");
-              _el$116.$$click = openPremiumDetails;
-              return _el$111;
+              var _el$118 = _tmpl$17$1(), _el$119 = _el$118.firstChild, _el$120 = _el$119.nextSibling, _el$121 = _el$120.nextSibling, _el$122 = _el$121.firstChild, _el$123 = _el$122.nextSibling;
+              _el$122.$$click = () => openPremiumCheckout("chat_banner_clicked");
+              _el$123.$$click = openPremiumDetails;
+              return _el$118;
             }
           }), createComponent(For, {
             get each() {
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$244 = _tmpl$59();
-              insert(_el$244, createComponent(MarkdownMessage, {
+              var _el$251 = _tmpl$60();
+              insert(_el$251, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }), null);
-              insert(_el$244, createComponent(Show, {
+              insert(_el$251, createComponent(Show, {
                 get when() {
                   return memo(() => msg.role === "assistant")() ? getPremiumPromptKind(msg.content) : null;
                 },
@@ -9783,31 +9999,31 @@ ${contextBlock}` : contextBlock);
                   onOpenSettings: openPremiumDetails
                 })
               }), null);
-              createRenderEffect(() => className(_el$244, `message message-${msg.role}`));
-              return _el$244;
+              createRenderEffect(() => className(_el$251, `message message-${msg.role}`));
+              return _el$251;
             })()
           }), createComponent(Show, {
             get when() {
               return isStreaming2();
             },
             get children() {
-              var _el$117 = _tmpl$19$1(), _el$118 = _el$117.firstChild;
-              insert(_el$118, createComponent(Show, {
+              var _el$124 = _tmpl$20$1(), _el$125 = _el$124.firstChild;
+              insert(_el$125, createComponent(Show, {
                 get when() {
                   return hasFirstChunk2();
                 },
                 get fallback() {
-                  return _tmpl$60();
+                  return _tmpl$61();
                 },
                 get children() {
-                  var _el$119 = _tmpl$18$1(), _el$120 = _el$119.firstChild, _el$121 = _el$120.firstChild;
-                  _el$121.nextSibling;
-                  insert(_el$119, createComponent(MarkdownMessage, {
+                  var _el$126 = _tmpl$19$1(), _el$127 = _el$126.firstChild, _el$128 = _el$127.firstChild;
+                  _el$128.nextSibling;
+                  insert(_el$126, createComponent(MarkdownMessage, {
                     get content() {
                       return streamingText2();
                     }
-                  }), _el$120);
-                  insert(_el$119, createComponent(Show, {
+                  }), _el$127);
+                  insert(_el$126, createComponent(Show, {
                     get when() {
                       return getPremiumPromptKind(streamingText2());
                     },
@@ -9819,21 +10035,21 @@ ${contextBlock}` : contextBlock);
                       onStartTrial: () => openPremiumCheckout(kind() === "premium_gate" ? "premium_gate_clicked" : "iteration_limit_clicked"),
                       onOpenSettings: openPremiumDetails
                     })
-                  }), _el$120);
-                  insert(_el$120, createComponent(Show, {
+                  }), _el$127);
+                  insert(_el$127, createComponent(Show, {
                     get when() {
                       return elapsedSeconds() > 0;
                     },
                     get children() {
-                      var _el$123 = _tmpl$17$1();
-                      insert(_el$123, () => ` • ${elapsedSeconds()}s`);
-                      return _el$123;
+                      var _el$130 = _tmpl$18$1();
+                      insert(_el$130, () => ` • ${elapsedSeconds()}s`);
+                      return _el$130;
                     }
                   }), null);
-                  return _el$119;
+                  return _el$126;
                 }
               }));
-              return _el$117;
+              return _el$124;
             }
           }), createComponent(Show, {
             get when() {
@@ -9845,22 +10061,22 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$246 = _tmpl$62(), _el$247 = _el$246.firstChild, _el$248 = _el$247.nextSibling, _el$249 = _el$248.firstChild, _el$250 = _el$249.firstChild, _el$251 = _el$250.nextSibling, _el$253 = _el$249.nextSibling, _el$254 = _el$253.nextSibling, _el$255 = _el$254.firstChild, _el$256 = _el$255.nextSibling;
-                  insert(_el$251, () => approval.name);
-                  insert(_el$248, createComponent(Show, {
+                  var _el$253 = _tmpl$63(), _el$254 = _el$253.firstChild, _el$255 = _el$254.nextSibling, _el$256 = _el$255.firstChild, _el$257 = _el$256.firstChild, _el$258 = _el$257.nextSibling, _el$260 = _el$256.nextSibling, _el$261 = _el$260.nextSibling, _el$262 = _el$261.firstChild, _el$263 = _el$262.nextSibling;
+                  insert(_el$258, () => approval.name);
+                  insert(_el$255, createComponent(Show, {
                     get when() {
                       return approval.argsSummary;
                     },
                     get children() {
-                      var _el$252 = _tmpl$61();
-                      insert(_el$252, () => approval.argsSummary);
-                      return _el$252;
+                      var _el$259 = _tmpl$62();
+                      insert(_el$259, () => approval.argsSummary);
+                      return _el$259;
                     }
-                  }), _el$253);
-                  insert(_el$253, () => approval.reason);
-                  _el$255.$$click = () => void resolveApproval(approval.id, true);
-                  _el$256.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$246;
+                  }), _el$260);
+                  insert(_el$260, () => approval.reason);
+                  _el$262.$$click = () => void resolveApproval(approval.id, true);
+                  _el$263.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$253;
                 })()
               });
             }
@@ -9869,13 +10085,13 @@ ${contextBlock}` : contextBlock);
               return memo(() => messages2().length === 0)() && !isStreaming2();
             },
             get children() {
-              return _tmpl$20$1();
+              return _tmpl$21$1();
             }
           })];
         }
-      }), _el$125);
+      }), _el$132);
       var _ref$ = messagesEndRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$125) : messagesEndRef = _el$125;
+      typeof _ref$ === "function" ? use(_ref$, _el$132) : messagesEndRef = _el$132;
       insert(_el$9, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -9886,120 +10102,120 @@ ${contextBlock}` : contextBlock);
               return isStreaming2() || messages2().length > 0;
             },
             get children() {
-              var _el$126 = _tmpl$23$1();
-              insert(_el$126, createComponent(Show, {
+              var _el$133 = _tmpl$24$1();
+              insert(_el$133, createComponent(Show, {
                 get when() {
                   return isStreaming2();
                 },
                 get children() {
-                  var _el$127 = _tmpl$21$1();
-                  _el$127.$$click = () => cancel();
-                  return _el$127;
+                  var _el$134 = _tmpl$22$1();
+                  _el$134.$$click = () => cancel();
+                  return _el$134;
                 }
               }), null);
-              insert(_el$126, createComponent(Show, {
+              insert(_el$133, createComponent(Show, {
                 get when() {
                   return memo(() => !!!isStreaming2())() && messages2().length > 0;
                 },
                 get children() {
-                  var _el$128 = _tmpl$22$1();
-                  _el$128.$$click = handleRetry;
-                  return _el$128;
+                  var _el$135 = _tmpl$23$1();
+                  _el$135.$$click = handleRetry;
+                  return _el$135;
                 }
               }), null);
-              return _el$126;
+              return _el$133;
             }
           }), createComponent(Show, {
             get when() {
               return highlightCount() > 0;
             },
             get children() {
-              var _el$129 = _tmpl$24$1(), _el$130 = _el$129.firstChild, _el$131 = _el$130.nextSibling;
-              _el$131.firstChild;
-              var _el$133 = _el$131.nextSibling;
-              _el$130.$$click = () => void scrollToHighlight(highlightIndex() - 1);
-              _el$131.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
-              insert(_el$131, (() => {
+              var _el$136 = _tmpl$25$1(), _el$137 = _el$136.firstChild, _el$138 = _el$137.nextSibling;
+              _el$138.firstChild;
+              var _el$140 = _el$138.nextSibling;
+              _el$137.$$click = () => void scrollToHighlight(highlightIndex() - 1);
+              _el$138.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
+              insert(_el$138, (() => {
                 var _c$4 = memo(() => highlightIndex() >= 0);
                 return () => _c$4() ? `${highlightIndex() + 1} / ${highlightCount()}` : `${highlightCount()} highlight${highlightCount() > 1 ? "s" : ""}`;
               })(), null);
-              _el$133.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
+              _el$140.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
               createRenderEffect((_p$) => {
                 var _v$9 = highlightIndex() <= 0, _v$0 = highlightIndex() >= highlightCount() - 1;
-                _v$9 !== _p$.e && (_el$130.disabled = _p$.e = _v$9);
-                _v$0 !== _p$.t && (_el$133.disabled = _p$.t = _v$0);
+                _v$9 !== _p$.e && (_el$137.disabled = _p$.e = _v$9);
+                _v$0 !== _p$.t && (_el$140.disabled = _p$.t = _v$0);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$129;
+              return _el$136;
             }
           }), createComponent(Show, {
             get when() {
               return queueNotice2() !== null || pendingQueryCount() > 0;
             },
             get children() {
-              var _el$134 = _tmpl$27$1(), _el$135 = _el$134.firstChild, _el$136 = _el$135.firstChild;
-              insert(_el$136, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
-              insert(_el$135, createComponent(Show, {
+              var _el$141 = _tmpl$28$1(), _el$142 = _el$141.firstChild, _el$143 = _el$142.firstChild;
+              insert(_el$143, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
+              insert(_el$142, createComponent(Show, {
                 get when() {
                   return pendingQueryCount() > 0;
                 },
                 get children() {
-                  var _el$137 = _tmpl$25$1();
-                  _el$137.$$click = () => clearPendingQueries();
-                  return _el$137;
+                  var _el$144 = _tmpl$26$1();
+                  _el$144.$$click = () => clearPendingQueries();
+                  return _el$144;
                 }
               }), null);
-              insert(_el$134, createComponent(Show, {
+              insert(_el$141, createComponent(Show, {
                 get when() {
                   return pendingQueries2().length > 0;
                 },
                 get children() {
-                  var _el$138 = _tmpl$26$1();
-                  insert(_el$138, createComponent(For, {
+                  var _el$145 = _tmpl$27$1();
+                  insert(_el$145, createComponent(For, {
                     get each() {
                       return pendingQueries2();
                     },
                     children: (pendingPrompt, index) => (() => {
-                      var _el$257 = _tmpl$63(), _el$258 = _el$257.firstChild, _el$259 = _el$258.nextSibling;
-                      setAttribute(_el$258, "title", pendingPrompt);
-                      insert(_el$258, pendingPrompt);
-                      _el$259.$$click = () => removePendingQuery(index());
-                      createRenderEffect(() => setAttribute(_el$259, "aria-label", `Remove queued prompt ${index() + 1}`));
-                      return _el$257;
+                      var _el$264 = _tmpl$64(), _el$265 = _el$264.firstChild, _el$266 = _el$265.nextSibling;
+                      setAttribute(_el$265, "title", pendingPrompt);
+                      insert(_el$265, pendingPrompt);
+                      _el$266.$$click = () => removePendingQuery(index());
+                      createRenderEffect(() => setAttribute(_el$266, "aria-label", `Remove queued prompt ${index() + 1}`));
+                      return _el$264;
                     })()
                   }));
-                  return _el$138;
+                  return _el$145;
                 }
               }), null);
-              return _el$134;
+              return _el$141;
             }
           }), (() => {
-            var _el$139 = _tmpl$28$1(), _el$140 = _el$139.firstChild, _el$141 = _el$140.nextSibling;
-            _el$140.$$keydown = (e) => {
+            var _el$146 = _tmpl$29$1(), _el$147 = _el$146.firstChild, _el$148 = _el$147.nextSibling;
+            _el$147.$$keydown = (e) => {
               if (e.key === "Enter" && !e.shiftKey) {
                 e.preventDefault();
                 void handleChatSend();
               }
             };
-            _el$140.$$input = (e) => setChatInput(e.currentTarget.value);
+            _el$147.$$input = (e) => setChatInput(e.currentTarget.value);
             var _ref$2 = chatInputRef;
-            typeof _ref$2 === "function" ? use(_ref$2, _el$140) : chatInputRef = _el$140;
-            _el$141.$$click = () => void handleChatSend();
-            insert(_el$141, () => isStreaming2() ? "Queue" : "Send");
+            typeof _ref$2 === "function" ? use(_ref$2, _el$147) : chatInputRef = _el$147;
+            _el$148.$$click = () => void handleChatSend();
+            insert(_el$148, () => isStreaming2() ? "Queue" : "Send");
             createRenderEffect((_p$) => {
               var _v$1 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything...", _v$10 = !chatInput().trim();
-              _v$1 !== _p$.e && setAttribute(_el$140, "placeholder", _p$.e = _v$1);
-              _v$10 !== _p$.t && (_el$141.disabled = _p$.t = _v$10);
+              _v$1 !== _p$.e && setAttribute(_el$147, "placeholder", _p$.e = _v$1);
+              _v$10 !== _p$.t && (_el$148.disabled = _p$.t = _v$10);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            createRenderEffect(() => _el$140.value = chatInput());
-            return _el$139;
+            createRenderEffect(() => _el$147.value = chatInput());
+            return _el$146;
           })()];
         }
       }), null);
@@ -10049,7 +10265,7 @@ ${contextBlock}` : contextBlock);
   });
 };
 delegateEvents(["click", "pointerdown", "input", "keydown"]);
-var _tmpl$$9 = /* @__PURE__ */ template(`<div class=devtools-console>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for console output... Console monitoring activates when an agent uses devtools.`), _tmpl$3$8 = /* @__PURE__ */ template(`<div><span></span><span class=console-time></span><span class=console-text></span><span class=console-source>`), _tmpl$4$8 = /* @__PURE__ */ template(`<div class=devtools-network><div class=network-header><span>Method</span><span>URL</span><span>Status</span><span>Type</span><span>Time`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for network requests... Network monitoring activates when an agent uses devtools.`), _tmpl$6$7 = /* @__PURE__ */ template(`<div><span class=network-method></span><span class=network-url></span><span></span><span class=network-type></span><span class=network-duration>`), _tmpl$7$5 = /* @__PURE__ */ template(`<div class=devtools-activity>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for agent devtools activity...`), _tmpl$9$2 = /* @__PURE__ */ template(`<div class=activity-entry><span class=activity-time></span><span class=activity-tool></span><span class=activity-args></span><span></span><span class=activity-duration>`), _tmpl$0$2 = /* @__PURE__ */ template(`<span class="devtools-tab-badge error">`), _tmpl$1$2 = /* @__PURE__ */ template(`<span class="devtools-tab-badge count">`), _tmpl$10$2 = /* @__PURE__ */ template(`<div class=export-date-inputs><div class=export-date-row><span class=export-date-label>From</span><input class=export-date-input type=date></div><div class=export-date-row><span class=export-date-label>To</span><input class=export-date-input type=date>`), _tmpl$11$2 = /* @__PURE__ */ template(`<div class=devtools-export-dropdown><div class=export-section><div class=export-section-label>Log Types</div><label class=export-checkbox><input type=checkbox>Console</label><label class=export-checkbox><input type=checkbox>Network</label><label class=export-checkbox><input type=checkbox>Activity</label></div><div class=export-section><div class=export-section-label>Date Range</div><div class=export-date-btns><button>Today</button><button>Custom</button></div></div><button class=export-submit>Export JSON`), _tmpl$12$2 = /* @__PURE__ */ template(`<div class=devtools-panel><div class=devtools-tabs><button>Console</button><button>Network</button><button>Activity</button><div class=devtools-tab-spacer></div><div class=devtools-export-wrap><button title="Export Logs"><svg width=13 height=13 viewBox="0 0 13 13"fill=none style=vertical-align:middle><path d="M6.5 1v7M3.5 5l3 3 3-3"stroke=currentColor stroke-width=1.3 stroke-linecap=round stroke-linejoin=round></path><path d="M1 9.5v1A1.5 1.5 0 0 0 2.5 12h8A1.5 1.5 0 0 0 12 10.5v-1"stroke=currentColor stroke-width=1.3 stroke-linecap=round></path></svg></button></div><button class=devtools-close-btn title="Close DevTools">×</button></div><div class=devtools-content>`);
+var _tmpl$$9 = /* @__PURE__ */ template(`<div class=devtools-console>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for console output... Console monitoring activates when an agent uses devtools.`), _tmpl$3$8 = /* @__PURE__ */ template(`<div><span></span><span class=console-time></span><span class=console-text></span><span class=console-source>`), _tmpl$4$8 = /* @__PURE__ */ template(`<div class=devtools-network><div class=network-header><span>Method</span><span>URL</span><span>Status</span><span>Type</span><span>Time`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for network requests... Network monitoring activates when an agent uses devtools.`), _tmpl$6$7 = /* @__PURE__ */ template(`<div><span class=network-method></span><span class=network-url></span><span></span><span class=network-type></span><span class=network-duration>`), _tmpl$7$5 = /* @__PURE__ */ template(`<div class=devtools-activity>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for agent devtools activity...`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=activity-entry><span class=activity-time></span><span class=activity-tool></span><span class=activity-args></span><span></span><span class=activity-duration>`), _tmpl$0$2 = /* @__PURE__ */ template(`<span class="devtools-tab-badge error">`), _tmpl$1$2 = /* @__PURE__ */ template(`<span class="devtools-tab-badge count">`), _tmpl$10$2 = /* @__PURE__ */ template(`<div class=export-date-inputs><div class=export-date-row><span class=export-date-label>From</span><input class=export-date-input type=date></div><div class=export-date-row><span class=export-date-label>To</span><input class=export-date-input type=date>`), _tmpl$11$2 = /* @__PURE__ */ template(`<div class=devtools-export-dropdown><div class=export-section><div class=export-section-label>Log Types</div><label class=export-checkbox><input type=checkbox>Console</label><label class=export-checkbox><input type=checkbox>Network</label><label class=export-checkbox><input type=checkbox>Activity</label></div><div class=export-section><div class=export-section-label>Date Range</div><div class=export-date-btns><button>Today</button><button>Custom</button></div></div><button class=export-submit>Export JSON`), _tmpl$12$2 = /* @__PURE__ */ template(`<div class=devtools-panel><div class=devtools-tabs><button>Console</button><button>Network</button><button>Activity</button><div class=devtools-tab-spacer></div><div class=devtools-export-wrap><button title="Export Logs"><svg width=13 height=13 viewBox="0 0 13 13"fill=none style=vertical-align:middle><path d="M6.5 1v7M3.5 5l3 3 3-3"stroke=currentColor stroke-width=1.3 stroke-linecap=round stroke-linejoin=round></path><path d="M1 9.5v1A1.5 1.5 0 0 0 2.5 12h8A1.5 1.5 0 0 0 12 10.5v-1"stroke=currentColor stroke-width=1.3 stroke-linecap=round></path></svg></button></div><button class=devtools-close-btn title="Close DevTools">×</button></div><div class=devtools-content>`);
 function statusClass(status) {
   if (status == null) return "pending";
   if (status >= 200 && status < 300) return "ok";
@@ -10224,7 +10440,7 @@ const ActivityView = (props) => {
           return [...props.entries].reverse();
         },
         children: (entry) => (() => {
-          var _el$17 = _tmpl$9$2(), _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling;
+          var _el$17 = _tmpl$9$3(), _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling;
           insert(_el$18, () => formatTime(entry.timestamp, {
             includeSeconds: true
           }));
@@ -10507,8 +10723,9 @@ const PROVIDERS = {
   openrouter: {
     id: "openrouter",
     name: "OpenRouter",
-    defaultModel: "anthropic/claude-sonnet-4",
+    defaultModel: "openrouter/free",
     models: [
+      "openrouter/free",
       "anthropic/claude-sonnet-4",
       "anthropic/claude-haiku-4",
       "openai/gpt-4o",
@@ -10700,7 +10917,7 @@ const SettingsGeneral = (props) => {
   })();
 };
 delegateEvents(["click", "input"]);
-var _tmpl$$7 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-provider>Provider</label><select id=chat-provider class="settings-input settings-select">`), _tmpl$2$7 = /* @__PURE__ */ template(`<div style=display:flex;align-items:center;gap:8px><span style=width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block></span><span>Connected as `), _tmpl$3$6 = /* @__PURE__ */ template(`<p class=settings-hint><button type=button class=settings-link-btn>Disconnect`), _tmpl$4$6 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label>Account`), _tmpl$5$5 = /* @__PURE__ */ template(`<span class=settings-label-optional> (optional)`), _tmpl$6$5 = /* @__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$7$4 = /* @__PURE__ */ template(`<p class=settings-hint>If your endpoint requires authentication, enter the API key or bearer token here.`), _tmpl$8$3 = /* @__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$9$1 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$0$1 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$1$1 = /* @__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$10$1 = /* @__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$11$1 = /* @__PURE__ */ template(`<p class=settings-hint>Vessel auto-detects the active model from your configured <code>llama-server</code> base URL. For agent loops, run <code>llama-server</code> with <code>--ctx-size 16384</code> minimum and <code>32768</code> recommended.`), _tmpl$12$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-reasoning-effort>Reasoning Level</label><select id=chat-reasoning-effort class="settings-input settings-select"></select><p class=settings-hint>Applies to providers and models that expose reasoning controls. Off requests no reasoning where supported and otherwise leaves the model at its normal behavior; Max requests the strongest supported reasoning tier.`), _tmpl$13$1 = /* @__PURE__ */ template(`<input id=max-tool-iterations class=settings-input type=number min=10 max=1000 placeholder=200>`), _tmpl$14$1 = /* @__PURE__ */ template(`<div class=settings-category-panel><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-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-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 class=settings-inline-actions><button type=button class=settings-secondary-btn>Regenerate MCP token</button></div></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=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-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.`), _tmpl$15$1 = /* @__PURE__ */ template(`<option>`), _tmpl$16 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--accent-primary)> <button type=button class=settings-link-btn>Cancel`), _tmpl$17 = /* @__PURE__ */ template(`<div>`), _tmpl$18 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>`), _tmpl$19 = /* @__PURE__ */ template(`<button type=button class=settings-btn>Try Again`), _tmpl$20 = /* @__PURE__ */ template(`<div><button type=button class=settings-btn>Connect with ChatGPT</button><p class=settings-hint>Sign in with your ChatGPT Plus or Pro subscription. A browser tab will open where you'll authorize Vessel.`), _tmpl$21 = /* @__PURE__ */ template(`<input id=chat-model class=settings-input style=flex:1>`), _tmpl$22 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--accent-primary)>`), _tmpl$23 = /* @__PURE__ */ template(`<p class=settings-hint>`), _tmpl$24 = /* @__PURE__ */ template(`<div class="settings-input settings-input-disabled"title="Upgrade to Vessel Premium for unlimited tool iterations">50`), _tmpl$25 = /* @__PURE__ */ template(`<div class=settings-health-issues>`), _tmpl$26 = /* @__PURE__ */ template(`<div class=settings-health><div class=settings-callout-title>Runtime Health</div><p class=settings-hint>MCP status: <strong></strong> `), _tmpl$27 = /* @__PURE__ */ template(`<p class=settings-hint>Active endpoint: <code>`), _tmpl$28 = /* @__PURE__ */ template(`<div class=settings-health-issue><strong></strong><div>`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>`), _tmpl$2$7 = /* @__PURE__ */ template(`<div class=settings-callout><div class=settings-callout-title>Start With Free AI</div><p class=settings-callout-copy>Connect OpenRouter and Vessel will use the free model router automatically.</p><div class=settings-inline-actions style=margin-top:12px><button type=button class=settings-secondary-btn>`), _tmpl$3$6 = /* @__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$4$6 = /* @__PURE__ */ template(`<div style=display:flex;align-items:center;gap:8px><span style=width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block></span><span>Connected as `), _tmpl$5$5 = /* @__PURE__ */ template(`<p class=settings-hint><button type=button class=settings-link-btn>Disconnect`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label>Account`), _tmpl$7$4 = /* @__PURE__ */ template(`<span class=settings-label-optional> (optional)`), _tmpl$8$3 = /* @__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$2 = /* @__PURE__ */ template(`<p class=settings-hint>If your endpoint requires authentication, enter the API key or bearer token here.`), _tmpl$0$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-api-key>API Key</label><input id=chat-api-key class=settings-input type=password>`), _tmpl$1$1 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$10$1 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$11$1 = /* @__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$1 = /* @__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$1 = /* @__PURE__ */ template(`<p class=settings-hint>Vessel auto-detects the active model from your configured <code>llama-server</code> base URL. For agent loops, run <code>llama-server</code> with <code>--ctx-size 16384</code> minimum and <code>32768</code> recommended.`), _tmpl$14$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-reasoning-effort>Reasoning Level</label><select id=chat-reasoning-effort class="settings-input settings-select"></select><p class=settings-hint>Applies to providers and models that expose reasoning controls. Off requests no reasoning where supported and otherwise leaves the model at its normal behavior; Max requests the strongest supported reasoning tier.`), _tmpl$15$1 = /* @__PURE__ */ template(`<input id=max-tool-iterations class=settings-input type=number min=10 max=1000 placeholder=200>`), _tmpl$16 = /* @__PURE__ */ template(`<div class=settings-category-panel><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-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-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 class=settings-inline-actions><button type=button class=settings-secondary-btn>Regenerate MCP token</button></div></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=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-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.`), _tmpl$17 = /* @__PURE__ */ template(`<option>`), _tmpl$18 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--accent-primary)> <button type=button class=settings-link-btn>Cancel`), _tmpl$19 = /* @__PURE__ */ template(`<div>`), _tmpl$20 = /* @__PURE__ */ template(`<button type=button class=settings-btn>Try Again`), _tmpl$21 = /* @__PURE__ */ template(`<div><button type=button class=settings-btn>Connect with ChatGPT</button><p class=settings-hint>Sign in with your ChatGPT Plus or Pro subscription. A browser tab will open where you'll authorize Vessel.`), _tmpl$22 = /* @__PURE__ */ template(`<input id=chat-model class=settings-input style=flex:1>`), _tmpl$23 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--accent-primary)>`), _tmpl$24 = /* @__PURE__ */ template(`<p class=settings-hint>`), _tmpl$25 = /* @__PURE__ */ template(`<div class="settings-input settings-input-disabled"title="Upgrade to Vessel Premium for unlimited tool iterations">50`), _tmpl$26 = /* @__PURE__ */ template(`<div class=settings-health-issues>`), _tmpl$27 = /* @__PURE__ */ template(`<div class=settings-health><div class=settings-callout-title>Runtime Health</div><p class=settings-hint>MCP status: <strong></strong> `), _tmpl$28 = /* @__PURE__ */ template(`<p class=settings-hint>Active endpoint: <code>`), _tmpl$29 = /* @__PURE__ */ template(`<div class=settings-health-issue><strong></strong><div>`);
 const CHAT_PROVIDERS$1 = Object.values(PROVIDERS).map((p) => ({
   id: p.id,
   name: p.name,
@@ -10730,17 +10947,48 @@ const REASONING_EFFORT_OPTIONS = [{
 const SettingsAgent = (props) => {
   const [mcpTokenMessage, setMcpTokenMessage] = createSignal(null);
   const chatMeta = () => CHAT_PROVIDERS$1.find((p) => p.id === props.chat.providerId()) ?? CHAT_PROVIDERS$1[0];
+  const openRouterConnecting = () => props.chat.openRouterAuthStatus() === "waiting" || props.chat.openRouterAuthStatus() === "exchanging";
   return (() => {
-    var _el$ = _tmpl$14$1(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$35 = _el$3.nextSibling, _el$36 = _el$35.firstChild, _el$37 = _el$36.nextSibling, _el$38 = _el$37.nextSibling, _el$39 = _el$38.nextSibling, _el$40 = _el$39.firstChild, _el$41 = _el$35.nextSibling, _el$42 = _el$41.firstChild, _el$44 = _el$42.nextSibling, _el$45 = _el$41.nextSibling, _el$46 = _el$45.firstChild, _el$47 = _el$46.nextSibling, _el$48 = _el$45.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling;
-    _el$5.$$click = () => props.chat.setEnabled(!props.chat.enabled());
+    var _el$ = _tmpl$16(), _el$2 = _el$.firstChild, _el$9 = _el$2.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$41 = _el$9.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$42.nextSibling, _el$44 = _el$43.nextSibling, _el$45 = _el$44.nextSibling, _el$46 = _el$45.firstChild, _el$47 = _el$41.nextSibling, _el$48 = _el$47.firstChild, _el$50 = _el$48.nextSibling, _el$51 = _el$47.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling, _el$54 = _el$51.nextSibling, _el$55 = _el$54.firstChild, _el$56 = _el$55.nextSibling;
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return !props.chat.enabled() || props.chat.providerId() === "openrouter" && !props.chat.hasStoredApiKey();
+      },
+      get children() {
+        var _el$3 = _tmpl$2$7(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.firstChild;
+        _el$7.$$click = () => props.chat.startOpenRouterAuth();
+        insert(_el$7, createComponent(Show, {
+          get when() {
+            return !openRouterConnecting();
+          },
+          get fallback() {
+            return props.chat.openRouterAuthStatus() === "exchanging" ? "Finishing setup..." : "Opening OpenRouter...";
+          },
+          children: "Start free with OpenRouter"
+        }));
+        insert(_el$3, createComponent(Show, {
+          get when() {
+            return props.chat.openRouterAuthStatus() === "error";
+          },
+          get children() {
+            var _el$8 = _tmpl$$7();
+            insert(_el$8, () => props.chat.openRouterAuthError());
+            return _el$8;
+          }
+        }), null);
+        createRenderEffect(() => _el$7.disabled = openRouterConnecting());
+        return _el$3;
+      }
+    }), _el$9);
+    _el$1.$$click = () => props.chat.setEnabled(!props.chat.enabled());
     insert(_el$, createComponent(Show, {
       get when() {
         return props.chat.enabled();
       },
       get children() {
         return [(() => {
-          var _el$6 = _tmpl$$7(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
-          _el$8.addEventListener("change", (e) => {
+          var _el$10 = _tmpl$3$6(), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling;
+          _el$12.addEventListener("change", (e) => {
             const id = e.currentTarget.value;
             props.chat.setProviderId(id);
             props.chat.setModel("");
@@ -10749,32 +10997,32 @@ const SettingsAgent = (props) => {
             props.chat.setHasStoredApiKey(false);
             props.chat.resetProviderModels();
           });
-          insert(_el$8, createComponent(For, {
+          insert(_el$12, createComponent(For, {
             each: CHAT_PROVIDERS$1,
             children: (p) => (() => {
-              var _el$51 = _tmpl$15$1();
-              insert(_el$51, () => p.name);
-              createRenderEffect(() => _el$51.value = p.id);
-              return _el$51;
+              var _el$57 = _tmpl$17();
+              insert(_el$57, () => p.name);
+              createRenderEffect(() => _el$57.value = p.id);
+              return _el$57;
             })()
           }));
-          createRenderEffect(() => _el$8.value = props.chat.providerId());
-          return _el$6;
+          createRenderEffect(() => _el$12.value = props.chat.providerId());
+          return _el$10;
         })(), createComponent(Show, {
           get when() {
             return props.chat.providerType() === "codex_oauth";
           },
           get children() {
-            var _el$9 = _tmpl$4$6();
-            _el$9.firstChild;
-            insert(_el$9, createComponent(Show, {
+            var _el$13 = _tmpl$6$5();
+            _el$13.firstChild;
+            insert(_el$13, createComponent(Show, {
               get when() {
                 return props.chat.codexAuthStatus() === "connected";
               },
               get fallback() {
                 return (() => {
-                  var _el$52 = _tmpl$17();
-                  insert(_el$52, createComponent(Show, {
+                  var _el$58 = _tmpl$19();
+                  insert(_el$58, createComponent(Show, {
                     get when() {
                       return props.chat.codexAuthStatus() === "waiting" || props.chat.codexAuthStatus() === "exchanging";
                     },
@@ -10785,302 +11033,302 @@ const SettingsAgent = (props) => {
                         },
                         get fallback() {
                           return (() => {
-                            var _el$58 = _tmpl$20(), _el$59 = _el$58.firstChild;
-                            _el$59.$$click = () => props.chat.startCodexAuth();
-                            return _el$58;
+                            var _el$64 = _tmpl$21(), _el$65 = _el$64.firstChild;
+                            _el$65.$$click = () => props.chat.startCodexAuth();
+                            return _el$64;
                           })();
                         },
                         get children() {
                           return [(() => {
-                            var _el$56 = _tmpl$18();
-                            insert(_el$56, () => props.chat.codexAuthError());
-                            return _el$56;
+                            var _el$62 = _tmpl$$7();
+                            insert(_el$62, () => props.chat.codexAuthError());
+                            return _el$62;
                           })(), (() => {
-                            var _el$57 = _tmpl$19();
-                            _el$57.$$click = () => props.chat.startCodexAuth();
-                            return _el$57;
+                            var _el$63 = _tmpl$20();
+                            _el$63.$$click = () => props.chat.startCodexAuth();
+                            return _el$63;
                           })()];
                         }
                       });
                     },
                     get children() {
-                      var _el$53 = _tmpl$16(), _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling;
-                      insert(_el$53, createComponent(Show, {
+                      var _el$59 = _tmpl$18(), _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling;
+                      insert(_el$59, createComponent(Show, {
                         get when() {
                           return props.chat.codexAuthStatus() === "waiting";
                         },
                         fallback: "Exchanging authorization...",
                         children: "Waiting for browser login..."
-                      }), _el$54);
-                      _el$55.$$click = () => window.vessel.codex.cancelAuth();
-                      return _el$53;
+                      }), _el$60);
+                      _el$61.$$click = () => window.vessel.codex.cancelAuth();
+                      return _el$59;
                     }
                   }));
-                  return _el$52;
+                  return _el$58;
                 })();
               },
               get children() {
                 return [(() => {
-                  var _el$1 = _tmpl$2$7(), _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
-                  _el$11.firstChild;
-                  insert(_el$11, () => props.chat.codexAccountEmail() || "ChatGPT", null);
-                  return _el$1;
+                  var _el$15 = _tmpl$4$6(), _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
+                  _el$17.firstChild;
+                  insert(_el$17, () => props.chat.codexAccountEmail() || "ChatGPT", null);
+                  return _el$15;
                 })(), (() => {
-                  var _el$13 = _tmpl$3$6(), _el$14 = _el$13.firstChild;
-                  _el$14.$$click = () => props.chat.disconnectCodex();
-                  return _el$13;
+                  var _el$19 = _tmpl$5$5(), _el$20 = _el$19.firstChild;
+                  _el$20.$$click = () => props.chat.disconnectCodex();
+                  return _el$19;
                 })()];
               }
             }), null);
-            return _el$9;
+            return _el$13;
           }
         }), createComponent(Show, {
           get when() {
             return memo(() => props.chat.providerType() !== "codex_oauth")() && (chatMeta().requiresKey || props.chat.providerId() === "custom");
           },
           get children() {
-            var _el$15 = _tmpl$8$3(), _el$16 = _el$15.firstChild;
-            _el$16.firstChild;
-            var _el$19 = _el$16.nextSibling;
-            insert(_el$16, createComponent(Show, {
+            var _el$21 = _tmpl$0$1(), _el$22 = _el$21.firstChild;
+            _el$22.firstChild;
+            var _el$25 = _el$22.nextSibling;
+            insert(_el$22, createComponent(Show, {
               get when() {
                 return !chatMeta().requiresKey;
               },
               get children() {
-                return _tmpl$5$5();
+                return _tmpl$7$4();
               }
             }), null);
-            _el$19.$$input = (e) => {
+            _el$25.$$input = (e) => {
               props.chat.setApiKey(e.currentTarget.value);
               if (e.currentTarget.value.trim()) {
                 props.chat.setHasStoredApiKey(true);
               }
             };
-            setAttribute(_el$19, "spellcheck", false);
-            insert(_el$15, createComponent(Show, {
+            setAttribute(_el$25, "spellcheck", false);
+            insert(_el$21, createComponent(Show, {
               get when() {
                 return memo(() => !!props.chat.hasStoredApiKey())() && !props.chat.apiKey().trim();
               },
               get children() {
-                return _tmpl$6$5();
+                return _tmpl$8$3();
               }
             }), null);
-            insert(_el$15, createComponent(Show, {
+            insert(_el$21, createComponent(Show, {
               get when() {
                 return props.chat.providerId() === "custom";
               },
               get children() {
-                return _tmpl$7$4();
+                return _tmpl$9$2();
               }
             }), null);
-            createRenderEffect(() => setAttribute(_el$19, "placeholder", props.chat.hasStoredApiKey() && !props.chat.apiKey().trim() ? "Stored securely. Enter a new key to replace it." : chatMeta().keyPlaceholder || "Bearer token or API key"));
-            createRenderEffect(() => _el$19.value = props.chat.apiKey());
-            return _el$15;
+            createRenderEffect(() => setAttribute(_el$25, "placeholder", props.chat.hasStoredApiKey() && !props.chat.apiKey().trim() ? "Stored securely. Enter a new key to replace it." : chatMeta().keyPlaceholder || "Bearer token or API key"));
+            createRenderEffect(() => _el$25.value = props.chat.apiKey());
+            return _el$21;
           }
         }), (() => {
-          var _el$22 = _tmpl$1$1(), _el$23 = _el$22.firstChild, _el$24 = _el$23.nextSibling, _el$26 = _el$24.firstChild;
-          insert(_el$24, createComponent(Show, {
+          var _el$28 = _tmpl$11$1(), _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$32 = _el$30.firstChild;
+          insert(_el$30, createComponent(Show, {
             get when() {
               return props.chat.providerModels().length > 0;
             },
             get fallback() {
               return (() => {
-                var _el$60 = _tmpl$21();
-                _el$60.$$input = (e) => props.chat.setModel(e.currentTarget.value);
-                setAttribute(_el$60, "spellcheck", false);
-                createRenderEffect(() => setAttribute(_el$60, "placeholder", props.chat.modelFetchState() === "loading" ? "Fetching models…" : chatMeta().requiresKey && !props.chat.apiKey().trim() && !props.chat.hasStoredApiKey() ? "Enter API key to load models" : chatMeta().defaultModel || "model name"));
-                createRenderEffect(() => _el$60.value = props.chat.model());
-                return _el$60;
+                var _el$66 = _tmpl$22();
+                _el$66.$$input = (e) => props.chat.setModel(e.currentTarget.value);
+                setAttribute(_el$66, "spellcheck", false);
+                createRenderEffect(() => setAttribute(_el$66, "placeholder", props.chat.modelFetchState() === "loading" ? "Fetching models…" : chatMeta().requiresKey && !props.chat.apiKey().trim() && !props.chat.hasStoredApiKey() ? "Enter API key to load models" : chatMeta().defaultModel || "model name"));
+                createRenderEffect(() => _el$66.value = props.chat.model());
+                return _el$66;
               })();
             },
             get children() {
-              var _el$25 = _tmpl$9$1();
-              _el$25.addEventListener("change", (e) => props.chat.setModel(e.currentTarget.value));
-              insert(_el$25, createComponent(For, {
+              var _el$31 = _tmpl$1$1();
+              _el$31.addEventListener("change", (e) => props.chat.setModel(e.currentTarget.value));
+              insert(_el$31, createComponent(For, {
                 get each() {
                   return props.chat.providerModels();
                 },
                 children: (m) => (() => {
-                  var _el$61 = _tmpl$15$1();
-                  _el$61.value = m;
-                  insert(_el$61, m);
-                  return _el$61;
+                  var _el$67 = _tmpl$17();
+                  _el$67.value = m;
+                  insert(_el$67, m);
+                  return _el$67;
                 })()
               }));
-              createRenderEffect(() => _el$25.value = props.chat.model());
-              return _el$25;
+              createRenderEffect(() => _el$31.value = props.chat.model());
+              return _el$31;
             }
-          }), _el$26);
-          _el$26.$$click = () => props.chat.doFetchModels();
-          insert(_el$22, createComponent(Show, {
+          }), _el$32);
+          _el$32.$$click = () => props.chat.doFetchModels();
+          insert(_el$28, createComponent(Show, {
             get when() {
               return props.chat.modelFetchState() === "error";
             },
             get children() {
-              return _tmpl$0$1();
+              return _tmpl$10$1();
             }
           }), null);
-          insert(_el$22, createComponent(Show, {
+          insert(_el$28, createComponent(Show, {
             get when() {
               return props.chat.modelFetchWarning();
             },
             children: (warning) => (() => {
-              var _el$62 = _tmpl$22();
-              insert(_el$62, warning);
-              return _el$62;
+              var _el$68 = _tmpl$23();
+              insert(_el$68, warning);
+              return _el$68;
             })()
           }), null);
-          createRenderEffect(() => _el$26.disabled = props.chat.modelFetchState() === "loading");
-          return _el$22;
+          createRenderEffect(() => _el$32.disabled = props.chat.modelFetchState() === "loading");
+          return _el$28;
         })(), createComponent(Show, {
           get when() {
             return chatMeta().needsBaseUrl || props.chat.providerId() === "custom";
           },
           get children() {
-            var _el$28 = _tmpl$10$1(), _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling;
-            _el$30.$$input = (e) => props.chat.setBaseUrl(e.currentTarget.value);
-            setAttribute(_el$30, "spellcheck", false);
-            createRenderEffect(() => setAttribute(_el$30, "placeholder", chatMeta().defaultBaseUrl ?? "https://..."));
-            createRenderEffect(() => _el$30.value = props.chat.baseUrl());
-            return _el$28;
+            var _el$34 = _tmpl$12$1(), _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling;
+            _el$36.$$input = (e) => props.chat.setBaseUrl(e.currentTarget.value);
+            setAttribute(_el$36, "spellcheck", false);
+            createRenderEffect(() => setAttribute(_el$36, "placeholder", chatMeta().defaultBaseUrl ?? "https://..."));
+            createRenderEffect(() => _el$36.value = props.chat.baseUrl());
+            return _el$34;
           }
         }), createComponent(Show, {
           get when() {
             return props.chat.providerId() === "llama_cpp";
           },
           get children() {
-            return _tmpl$11$1();
+            return _tmpl$13$1();
           }
         }), (() => {
-          var _el$32 = _tmpl$12$1(), _el$33 = _el$32.firstChild, _el$34 = _el$33.nextSibling;
-          _el$34.addEventListener("change", (e) => props.chat.setReasoningEffort(e.currentTarget.value));
-          insert(_el$34, createComponent(For, {
+          var _el$38 = _tmpl$14$1(), _el$39 = _el$38.firstChild, _el$40 = _el$39.nextSibling;
+          _el$40.addEventListener("change", (e) => props.chat.setReasoningEffort(e.currentTarget.value));
+          insert(_el$40, createComponent(For, {
             each: REASONING_EFFORT_OPTIONS,
             children: (option) => (() => {
-              var _el$63 = _tmpl$15$1();
-              insert(_el$63, () => option.label);
-              createRenderEffect(() => _el$63.value = option.value);
-              return _el$63;
+              var _el$69 = _tmpl$17();
+              insert(_el$69, () => option.label);
+              createRenderEffect(() => _el$69.value = option.value);
+              return _el$69;
             })()
           }));
-          createRenderEffect(() => _el$34.value = props.chat.reasoningEffort());
-          return _el$32;
+          createRenderEffect(() => _el$40.value = props.chat.reasoningEffort());
+          return _el$38;
         })()];
       }
-    }), _el$35);
-    _el$37.$$input = (e) => props.setMcpPort(e.currentTarget.value);
-    setAttribute(_el$37, "spellcheck", false);
-    _el$40.$$click = async () => {
+    }), _el$41);
+    _el$43.$$input = (e) => props.setMcpPort(e.currentTarget.value);
+    setAttribute(_el$43, "spellcheck", false);
+    _el$46.$$click = async () => {
       const result = await window.vessel.settings.regenerateMcpToken();
       setMcpTokenMessage(result ? "MCP token regenerated. Update any external client config using Vessel's auth file." : "MCP server is not running, so no token was regenerated.");
     };
-    insert(_el$35, createComponent(Show, {
+    insert(_el$41, createComponent(Show, {
       get when() {
         return mcpTokenMessage();
       },
       children: (message) => (() => {
-        var _el$64 = _tmpl$23();
-        insert(_el$64, message);
-        return _el$64;
+        var _el$70 = _tmpl$24();
+        insert(_el$70, message);
+        return _el$70;
       })()
     }), null);
-    insert(_el$41, createComponent(Show, {
+    insert(_el$47, createComponent(Show, {
       get when() {
         return props.premiumActive();
       },
       get fallback() {
-        return _tmpl$24();
+        return _tmpl$25();
       },
       get children() {
-        var _el$43 = _tmpl$13$1();
-        _el$43.$$input = (e) => props.setMaxToolIterations(e.currentTarget.value);
-        createRenderEffect(() => _el$43.value = props.maxToolIterations());
-        return _el$43;
+        var _el$49 = _tmpl$15$1();
+        _el$49.$$input = (e) => props.setMaxToolIterations(e.currentTarget.value);
+        createRenderEffect(() => _el$49.value = props.maxToolIterations());
+        return _el$49;
       }
-    }), _el$44);
-    insert(_el$44, createComponent(Show, {
+    }), _el$50);
+    insert(_el$50, createComponent(Show, {
       get when() {
         return props.premiumActive();
       },
       fallback: "Free tier: 50 tool calls per conversation turn. Upgrade to Vessel Premium to customize this limit (up to 1,000).",
       children: "Maximum number of tool calls the AI agent can make per conversation turn before pausing. Higher values let the agent complete longer multi-step workflows without stopping. Range: 10–1000."
     }));
-    _el$47.addEventListener("change", (e) => props.setAgentTranscriptMode(e.currentTarget.value));
+    _el$53.addEventListener("change", (e) => props.setAgentTranscriptMode(e.currentTarget.value));
     insert(_el$, createComponent(Show, {
       get when() {
         return props.health();
       },
       children: (currentHealth) => (() => {
-        var _el$66 = _tmpl$26(), _el$67 = _el$66.firstChild, _el$68 = _el$67.nextSibling, _el$69 = _el$68.firstChild, _el$70 = _el$69.nextSibling;
-        _el$70.nextSibling;
-        insert(_el$70, () => currentHealth().mcp.status);
-        insert(_el$68, () => currentHealth().mcp.message, null);
-        insert(_el$66, createComponent(Show, {
+        var _el$72 = _tmpl$27(), _el$73 = _el$72.firstChild, _el$74 = _el$73.nextSibling, _el$75 = _el$74.firstChild, _el$76 = _el$75.nextSibling;
+        _el$76.nextSibling;
+        insert(_el$76, () => currentHealth().mcp.status);
+        insert(_el$74, () => currentHealth().mcp.message, null);
+        insert(_el$72, createComponent(Show, {
           get when() {
             return currentHealth().mcp.endpoint;
           },
           children: (endpoint) => (() => {
-            var _el$73 = _tmpl$27(), _el$74 = _el$73.firstChild, _el$75 = _el$74.nextSibling;
-            insert(_el$75, endpoint);
-            return _el$73;
+            var _el$79 = _tmpl$28(), _el$80 = _el$79.firstChild, _el$81 = _el$80.nextSibling;
+            insert(_el$81, endpoint);
+            return _el$79;
           })()
         }), null);
-        insert(_el$66, createComponent(Show, {
+        insert(_el$72, createComponent(Show, {
           get when() {
             return currentHealth().startupIssues.length > 0;
           },
           get children() {
-            var _el$72 = _tmpl$25();
-            insert(_el$72, () => currentHealth().startupIssues.map((issue) => (() => {
-              var _el$76 = _tmpl$28(), _el$77 = _el$76.firstChild, _el$78 = _el$77.nextSibling;
-              insert(_el$77, () => issue.title);
-              insert(_el$78, () => issue.detail);
-              insert(_el$76, createComponent(Show, {
+            var _el$78 = _tmpl$26();
+            insert(_el$78, () => currentHealth().startupIssues.map((issue) => (() => {
+              var _el$82 = _tmpl$29(), _el$83 = _el$82.firstChild, _el$84 = _el$83.nextSibling;
+              insert(_el$83, () => issue.title);
+              insert(_el$84, () => issue.detail);
+              insert(_el$82, createComponent(Show, {
                 get when() {
                   return issue.action;
                 },
                 children: (action) => (() => {
-                  var _el$79 = _tmpl$17();
-                  insert(_el$79, action);
-                  return _el$79;
+                  var _el$85 = _tmpl$19();
+                  insert(_el$85, action);
+                  return _el$85;
                 })()
               }), null);
               createRenderEffect((_p$) => {
                 var _v$3 = !!(issue.severity === "warning"), _v$4 = !!(issue.severity === "error");
-                _v$3 !== _p$.e && _el$76.classList.toggle("warning", _p$.e = _v$3);
-                _v$4 !== _p$.t && _el$76.classList.toggle("error", _p$.t = _v$4);
+                _v$3 !== _p$.e && _el$82.classList.toggle("warning", _p$.e = _v$3);
+                _v$4 !== _p$.t && _el$82.classList.toggle("error", _p$.t = _v$4);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$76;
+              return _el$82;
             })()));
-            return _el$72;
+            return _el$78;
           }
         }), null);
-        return _el$66;
+        return _el$72;
       })()
-    }), _el$48);
-    _el$50.$$input = (e) => props.setObsidianVaultPath(e.currentTarget.value);
-    setAttribute(_el$50, "spellcheck", false);
+    }), _el$54);
+    _el$56.$$input = (e) => props.setObsidianVaultPath(e.currentTarget.value);
+    setAttribute(_el$56, "spellcheck", false);
     createRenderEffect((_p$) => {
       var _v$ = !!props.chat.enabled(), _v$2 = props.chat.enabled();
-      _v$ !== _p$.e && _el$5.classList.toggle("on", _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$5, "aria-checked", _p$.t = _v$2);
+      _v$ !== _p$.e && _el$1.classList.toggle("on", _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$1, "aria-checked", _p$.t = _v$2);
       return _p$;
     }, {
       e: void 0,
       t: void 0
     });
-    createRenderEffect(() => _el$37.value = props.mcpPort());
-    createRenderEffect(() => _el$47.value = props.agentTranscriptMode());
-    createRenderEffect(() => _el$50.value = props.obsidianVaultPath());
+    createRenderEffect(() => _el$43.value = props.mcpPort());
+    createRenderEffect(() => _el$53.value = props.agentTranscriptMode());
+    createRenderEffect(() => _el$56.value = props.obsidianVaultPath());
     return _el$;
   })();
 };
 delegateEvents(["click", "input"]);
-var _tmpl$$6 = /* @__PURE__ */ template(`<span class=vault-premium-badge>Premium`), _tmpl$2$6 = /* @__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$3$5 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$4$5 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Credential`), _tmpl$5$4 = /* @__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$6$4 = /* @__PURE__ */ template(`<p class=settings-hint style=margin-bottom:10px>Save login credentials for any website. Passwords are encrypted locally and filled directly into login forms. The agent can list and fill them with your consent, but passwords are never sent to AI providers.`), _tmpl$7$3 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Password`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Title (e.g. GitHub Personal)"><input class=settings-input placeholder="URL (e.g. https://github.com)"><input class=settings-input placeholder="Username / email"><input class=settings-input type=password placeholder=Password><select class=settings-input><option value=login>Login</option><option value=credit_card>Credit Card</option><option value=identity>Identity</option><option value=secure_note>Secure Note</option></select><input class=settings-input placeholder="Notes (optional)"><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Password</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$9 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Profile`), _tmpl$0 = /* @__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$1 = /* @__PURE__ */ template(`<div class=settings-category-panel><div class=settings-field><label class=settings-label>Agent Credential Vault</label></div><div class=settings-field><label class=settings-label>Passwords</label></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.`), _tmpl$10 = /* @__PURE__ */ template(`<p class=settings-hint>Securely store credentials for agent-driven logins. Upgrade to Premium to unlock the Agent Credential Vault.`), _tmpl$11 = /* @__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$12 = /* @__PURE__ */ template(`<p class=settings-status>`), _tmpl$13 = /* @__PURE__ */ template(`<p class=settings-hint>Your personal password manager. Save, organize, and autofill login credentials. Upgrade to Premium to unlock Passwords.`), _tmpl$14 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail> &middot; </span></div><button class=vault-entry-remove title="Remove password">&times;`), _tmpl$15 = /* @__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;`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<span class=vault-premium-badge>Premium`), _tmpl$2$6 = /* @__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$3$5 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$4$5 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Credential`), _tmpl$5$4 = /* @__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$6$4 = /* @__PURE__ */ template(`<p class=settings-hint style=margin-bottom:10px>Save login credentials for any website. Passwords are encrypted locally and filled directly into login forms. The agent can list and fill them with your consent, but passwords are never sent to AI providers.`), _tmpl$7$3 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Password`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Title (e.g. GitHub Personal)"><input class=settings-input placeholder="URL (e.g. https://github.com)"><input class=settings-input placeholder="Username / email"><input class=settings-input type=password placeholder=Password><select class=settings-input><option value=login>Login</option><option value=credit_card>Credit Card</option><option value=identity>Identity</option><option value=secure_note>Secure Note</option></select><input class=settings-input placeholder="Notes (optional)"><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Password</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$9$1 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Profile`), _tmpl$0 = /* @__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$1 = /* @__PURE__ */ template(`<div class=settings-category-panel><div class=settings-field><label class=settings-label>Agent Credential Vault</label></div><div class=settings-field><label class=settings-label>Passwords</label></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.`), _tmpl$10 = /* @__PURE__ */ template(`<p class=settings-hint>Securely store credentials for agent-driven logins. Upgrade to Premium to unlock the Agent Credential Vault.`), _tmpl$11 = /* @__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$12 = /* @__PURE__ */ template(`<p class=settings-status>`), _tmpl$13 = /* @__PURE__ */ template(`<p class=settings-hint>Your personal password manager. Save, organize, and autofill login credentials. Upgrade to Premium to unlock Passwords.`), _tmpl$14 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail> &middot; </span></div><button class=vault-entry-remove title="Remove password">&times;`), _tmpl$15 = /* @__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 SettingsVaults = (props) => {
   const v = props.vault;
   const h = props.humanVault;
@@ -11359,7 +11607,7 @@ const SettingsVaults = (props) => {
         return !a.adding();
       },
       get children() {
-        var _el$38 = _tmpl$9();
+        var _el$38 = _tmpl$9$1();
         _el$38.$$click = () => {
           a.setAdding(true);
         };
@@ -11515,22 +11763,96 @@ const SettingsPrivacy = (props) => {
   })();
 };
 delegateEvents(["input", "click"]);
-var _tmpl$$4 = /* @__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$2$4 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$3$3 = /* @__PURE__ */ template(`<div class=settings-category-panel><div class=settings-field><label class=settings-label>Vessel Premium</label></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`), _tmpl$4$3 = /* @__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$5$2 = /* @__PURE__ */ template(`<button class="premium-btn premium-btn-reset">Clear Saved Email`), _tmpl$6$2 = /* @__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">`), _tmpl$7$2 = /* @__PURE__ */ template(`<p class=settings-status>`), _tmpl$8$1 = /* @__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;`);
+var _tmpl$$4 = /* @__PURE__ */ template(`<div class=settings-feedback-form><input class=settings-input type=email placeholder="Your reply email"><textarea class="settings-textarea settings-feedback-textarea"placeholder="Tell us what happened, what you expected, or what would make Vessel better."></textarea><div class=settings-inline-actions><button class=settings-secondary-btn>`), _tmpl$2$4 = /* @__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$3$3 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$4$3 = /* @__PURE__ */ template(`<div class=settings-category-panel><div class=settings-field><label class=settings-label>Support</label><div class=settings-inline-actions><button class=settings-secondary-btn></button></div></div><div class=settings-field><label class=settings-label>Vessel Premium</label></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`), _tmpl$5$2 = /* @__PURE__ */ template(`<p class=settings-status>`), _tmpl$6$2 = /* @__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$7$2 = /* @__PURE__ */ template(`<button class="premium-btn premium-btn-reset">Clear Saved Email`), _tmpl$8$1 = /* @__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">`), _tmpl$9 = /* @__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;`);
 const SettingsAccount = (props) => {
   const p = props.premium;
   const s = props.sessions;
+  const [feedbackExpanded, setFeedbackExpanded] = createSignal(false);
+  const [feedbackEmail, setFeedbackEmail] = createSignal(p.state().email || "");
+  const [feedbackMessage, setFeedbackMessage] = createSignal("");
+  const [feedbackSending, setFeedbackSending] = createSignal(false);
+  const [feedbackStatus, setFeedbackStatus] = createSignal(null);
+  const handleSubmitFeedback = async () => {
+    setFeedbackSending(true);
+    setFeedbackStatus(null);
+    try {
+      const result = await window.vessel.support.submitFeedback(feedbackEmail(), feedbackMessage());
+      if (result.ok) {
+        setFeedbackMessage("");
+        setFeedbackExpanded(false);
+        setFeedbackStatus({
+          kind: "success",
+          text: "Feedback sent. Thank you."
+        });
+        return;
+      }
+      setFeedbackStatus({
+        kind: "error",
+        text: result.error || "Could not send feedback."
+      });
+    } finally {
+      setFeedbackSending(false);
+    }
+  };
   return (() => {
-    var _el$ = _tmpl$3$3(), _el$2 = _el$.firstChild;
-    _el$2.firstChild;
-    var _el$1 = _el$2.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
+    var _el$ = _tmpl$4$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$1 = _el$2.nextSibling;
+    _el$1.firstChild;
+    var _el$18 = _el$1.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.firstChild, _el$23 = _el$22.nextSibling;
+    _el$5.$$click = () => {
+      setFeedbackExpanded(!feedbackExpanded());
+      setFeedbackStatus(null);
+    };
+    insert(_el$5, () => feedbackExpanded() ? "Cancel" : "Submit Feedback");
+    insert(_el$2, createComponent(Show, {
+      get when() {
+        return feedbackExpanded();
+      },
+      get children() {
+        var _el$6 = _tmpl$$4(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild;
+        _el$7.$$input = (event) => {
+          setFeedbackEmail(event.currentTarget.value);
+          setFeedbackStatus(null);
+        };
+        setAttribute(_el$7, "spellcheck", false);
+        _el$8.$$input = (event) => {
+          setFeedbackMessage(event.currentTarget.value);
+          setFeedbackStatus(null);
+        };
+        _el$0.$$click = handleSubmitFeedback;
+        insert(_el$0, () => feedbackSending() ? "Sending..." : "Send Feedback");
+        createRenderEffect(() => _el$0.disabled = feedbackSending() || !feedbackEmail().trim() || !feedbackMessage().trim());
+        createRenderEffect(() => _el$7.value = feedbackEmail());
+        createRenderEffect(() => _el$8.value = feedbackMessage());
+        return _el$6;
+      }
+    }), null);
     insert(_el$2, createComponent(Show, {
+      get when() {
+        return feedbackStatus();
+      },
+      children: (status) => (() => {
+        var _el$25 = _tmpl$5$2();
+        insert(_el$25, () => status().text);
+        createRenderEffect((_p$) => {
+          var _v$ = !!(status().kind === "success"), _v$2 = !!(status().kind === "error");
+          _v$ !== _p$.e && _el$25.classList.toggle("success", _p$.e = _v$);
+          _v$2 !== _p$.t && _el$25.classList.toggle("error", _p$.t = _v$2);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0
+        });
+        return _el$25;
+      })()
+    }), null);
+    insert(_el$1, createComponent(Show, {
       get when() {
         return p.active();
       },
       get fallback() {
         return (() => {
-          var _el$16 = _tmpl$6$2(), _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling, _el$24 = _el$18.nextSibling;
-          _el$19.$$input = (e) => {
+          var _el$26 = _tmpl$8$1(), _el$27 = _el$26.firstChild, _el$28 = _el$27.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$34 = _el$28.nextSibling;
+          _el$29.$$input = (e) => {
             const nextEmail = e.currentTarget.value;
             if (nextEmail.trim().toLowerCase() !== p.email().trim().toLowerCase()) {
               p.resetFlow();
@@ -11538,8 +11860,8 @@ const SettingsAccount = (props) => {
             }
             p.setEmail(nextEmail);
           };
-          setAttribute(_el$19, "spellcheck", false);
-          _el$20.$$click = async () => {
+          setAttribute(_el$29, "spellcheck", false);
+          _el$30.$$click = async () => {
             p.setLoading(true);
             p.setMessage(null);
             try {
@@ -11568,23 +11890,23 @@ const SettingsAccount = (props) => {
               p.setLoading(false);
             }
           };
-          insert(_el$20, (() => {
+          insert(_el$30, (() => {
             var _c$ = memo(() => !!p.loading());
             return () => _c$() ? "Sending..." : p.codeSent() ? "Resend Code" : "Send Code";
           })());
-          insert(_el$16, createComponent(Show, {
+          insert(_el$26, createComponent(Show, {
             get when() {
               return p.codeSent();
             },
             get children() {
-              var _el$21 = _tmpl$4$3(), _el$22 = _el$21.firstChild, _el$23 = _el$22.nextSibling;
-              _el$22.$$input = (e) => {
+              var _el$31 = _tmpl$6$2(), _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling;
+              _el$32.$$input = (e) => {
                 const nextCode = e.currentTarget.value.replace(/\D+/g, "").slice(0, 6);
                 p.setCode(nextCode);
                 p.setMessage(null);
               };
-              setAttribute(_el$22, "spellcheck", false);
-              _el$23.$$click = async () => {
+              setAttribute(_el$32, "spellcheck", false);
+              _el$33.$$click = async () => {
                 p.setLoading(true);
                 p.setMessage(null);
                 try {
@@ -11611,69 +11933,69 @@ const SettingsAccount = (props) => {
                   p.setLoading(false);
                 }
               };
-              insert(_el$23, () => p.loading() ? "Verifying..." : "Verify Code");
-              createRenderEffect(() => _el$23.disabled = p.loading() || !p.email().trim() || p.code().trim().length !== 6 || !p.challengeToken());
-              createRenderEffect(() => _el$22.value = p.code());
-              return _el$21;
+              insert(_el$33, () => p.loading() ? "Verifying..." : "Verify Code");
+              createRenderEffect(() => _el$33.disabled = p.loading() || !p.email().trim() || p.code().trim().length !== 6 || !p.challengeToken());
+              createRenderEffect(() => _el$32.value = p.code());
+              return _el$31;
             }
-          }), _el$24);
-          _el$24.$$click = () => {
+          }), _el$34);
+          _el$34.$$click = () => {
             p.startCheckout();
           };
-          insert(_el$24, () => p.loading() ? "Opening Checkout..." : "Subscribe to Premium — $5.99/mo after 7-day free trial");
-          insert(_el$16, createComponent(Show, {
+          insert(_el$34, () => p.loading() ? "Opening Checkout..." : "Subscribe to Premium — $5.99/mo after 7-day free trial");
+          insert(_el$26, createComponent(Show, {
             get when() {
               return p.message();
             },
             children: (msg) => (() => {
-              var _el$26 = _tmpl$7$2();
-              insert(_el$26, () => msg().text);
+              var _el$36 = _tmpl$5$2();
+              insert(_el$36, () => msg().text);
               createRenderEffect((_p$) => {
-                var _v$3 = !!(msg().kind === "success"), _v$4 = !!(msg().kind === "error");
-                _v$3 !== _p$.e && _el$26.classList.toggle("success", _p$.e = _v$3);
-                _v$4 !== _p$.t && _el$26.classList.toggle("error", _p$.t = _v$4);
+                var _v$5 = !!(msg().kind === "success"), _v$6 = !!(msg().kind === "error");
+                _v$5 !== _p$.e && _el$36.classList.toggle("success", _p$.e = _v$5);
+                _v$6 !== _p$.t && _el$36.classList.toggle("error", _p$.t = _v$6);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$26;
+              return _el$36;
             })()
           }), null);
-          insert(_el$16, createComponent(Show, {
+          insert(_el$26, createComponent(Show, {
             get when() {
               return p.state().email || p.email();
             },
             get children() {
-              var _el$25 = _tmpl$5$2();
-              _el$25.$$click = async () => {
+              var _el$35 = _tmpl$7$2();
+              _el$35.$$click = async () => {
                 const nextState = await window.vessel.premium.reset();
                 p.setState(nextState);
                 p.setEmail("");
                 p.resetFlow();
                 p.setMessage(null);
               };
-              return _el$25;
+              return _el$35;
             }
           }), null);
           createRenderEffect((_p$) => {
-            var _v$ = p.loading() || !p.email().trim(), _v$2 = p.loading();
-            _v$ !== _p$.e && (_el$20.disabled = _p$.e = _v$);
-            _v$2 !== _p$.t && (_el$24.disabled = _p$.t = _v$2);
+            var _v$3 = p.loading() || !p.email().trim(), _v$4 = p.loading();
+            _v$3 !== _p$.e && (_el$30.disabled = _p$.e = _v$3);
+            _v$4 !== _p$.t && (_el$34.disabled = _p$.t = _v$4);
             return _p$;
           }, {
             e: void 0,
             t: void 0
           });
-          createRenderEffect(() => _el$19.value = p.email());
-          return _el$16;
+          createRenderEffect(() => _el$29.value = p.email());
+          return _el$26;
         })();
       },
       get children() {
-        var _el$4 = _tmpl$$4(), _el$5 = _el$4.firstChild;
-        _el$5.firstChild;
-        var _el$7 = _el$5.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
-        insert(_el$5, createComponent(Show, {
+        var _el$11 = _tmpl$2$4(), _el$12 = _el$11.firstChild;
+        _el$12.firstChild;
+        var _el$14 = _el$12.nextSibling, _el$15 = _el$14.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
+        insert(_el$12, createComponent(Show, {
           get when() {
             return p.state().status === "trialing";
           },
@@ -11681,8 +12003,8 @@ const SettingsAccount = (props) => {
             return [" ", "(Trial)"];
           }
         }), null);
-        insert(_el$7, () => p.state().email, null);
-        insert(_el$7, createComponent(Show, {
+        insert(_el$14, () => p.state().email, null);
+        insert(_el$14, createComponent(Show, {
           get when() {
             return p.state().expiresAt;
           },
@@ -11690,7 +12012,7 @@ const SettingsAccount = (props) => {
             return [" ", "· Renews", " ", memo(() => new Date(p.state().expiresAt).toLocaleDateString())];
           }
         }), null);
-        _el$9.$$click = async () => {
+        _el$16.$$click = async () => {
           const result = await window.vessel.premium.portal();
           if (!result.ok) {
             p.setMessage({
@@ -11700,38 +12022,38 @@ const SettingsAccount = (props) => {
             setTimeout(() => p.setMessage(null), 5e3);
           }
         };
-        _el$0.$$click = async () => {
+        _el$17.$$click = async () => {
           const nextState = await window.vessel.premium.reset();
           p.setState(nextState);
           p.setEmail("");
           p.resetFlow();
           p.setMessage(null);
         };
-        insert(_el$4, createComponent(Show, {
+        insert(_el$11, createComponent(Show, {
           get when() {
             return p.message();
           },
           children: (msg) => (() => {
-            var _el$27 = _tmpl$7$2();
-            insert(_el$27, () => msg().text);
+            var _el$37 = _tmpl$5$2();
+            insert(_el$37, () => msg().text);
             createRenderEffect((_p$) => {
-              var _v$5 = !!(msg().kind === "success"), _v$6 = !!(msg().kind === "error");
-              _v$5 !== _p$.e && _el$27.classList.toggle("success", _p$.e = _v$5);
-              _v$6 !== _p$.t && _el$27.classList.toggle("error", _p$.t = _v$6);
+              var _v$7 = !!(msg().kind === "success"), _v$8 = !!(msg().kind === "error");
+              _v$7 !== _p$.e && _el$37.classList.toggle("success", _p$.e = _v$7);
+              _v$8 !== _p$.t && _el$37.classList.toggle("error", _p$.t = _v$8);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            return _el$27;
+            return _el$37;
           })()
         }), null);
-        return _el$4;
+        return _el$11;
       }
     }), null);
-    _el$13.$$input = (e) => s.setSaveName(e.currentTarget.value);
-    setAttribute(_el$13, "spellcheck", false);
-    _el$14.$$click = async () => {
+    _el$22.$$input = (e) => s.setSaveName(e.currentTarget.value);
+    setAttribute(_el$22, "spellcheck", false);
+    _el$23.$$click = async () => {
       try {
         await window.vessel.sessions.save(s.saveName().trim());
         s.setSaveName("");
@@ -11748,25 +12070,25 @@ const SettingsAccount = (props) => {
         });
       }
     };
-    insert(_el$1, createComponent(Show, {
+    insert(_el$18, createComponent(Show, {
       get when() {
         return s.list().length > 0;
       },
       get children() {
-        var _el$15 = _tmpl$2$4();
-        insert(_el$15, createComponent(For, {
+        var _el$24 = _tmpl$3$3();
+        insert(_el$24, createComponent(For, {
           get each() {
             return s.list();
           },
           children: (session) => (() => {
-            var _el$28 = _tmpl$8$1(), _el$29 = _el$28.firstChild, _el$30 = _el$29.firstChild, _el$31 = _el$30.nextSibling, _el$32 = _el$31.firstChild, _el$38 = _el$32.nextSibling, _el$34 = _el$38.nextSibling, _el$39 = _el$34.nextSibling;
-            _el$39.nextSibling;
-            var _el$40 = _el$29.nextSibling, _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling;
-            insert(_el$30, () => session.name);
-            insert(_el$31, () => new Date(session.updatedAt).toLocaleDateString(), _el$32);
-            insert(_el$31, () => session.cookieCount, _el$38);
-            insert(_el$31, () => session.domains.length, _el$39);
-            _el$41.$$click = async () => {
+            var _el$38 = _tmpl$9(), _el$39 = _el$38.firstChild, _el$40 = _el$39.firstChild, _el$41 = _el$40.nextSibling, _el$42 = _el$41.firstChild, _el$48 = _el$42.nextSibling, _el$44 = _el$48.nextSibling, _el$49 = _el$44.nextSibling;
+            _el$49.nextSibling;
+            var _el$50 = _el$39.nextSibling, _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling;
+            insert(_el$40, () => session.name);
+            insert(_el$41, () => new Date(session.updatedAt).toLocaleDateString(), _el$42);
+            insert(_el$41, () => session.cookieCount, _el$48);
+            insert(_el$41, () => session.domains.length, _el$49);
+            _el$51.$$click = async () => {
               try {
                 await window.vessel.sessions.load(session.name);
                 props.setStatus({
@@ -11781,18 +12103,18 @@ const SettingsAccount = (props) => {
                 });
               }
             };
-            _el$42.$$click = async () => {
+            _el$52.$$click = async () => {
               await window.vessel.sessions.delete(session.name);
               await s.loadList();
             };
-            return _el$28;
+            return _el$38;
           })()
         }));
-        return _el$15;
+        return _el$24;
       }
     }), null);
-    createRenderEffect(() => _el$14.disabled = !s.saveName().trim());
-    createRenderEffect(() => _el$13.value = s.saveName());
+    createRenderEffect(() => _el$23.disabled = !s.saveName().trim());
+    createRenderEffect(() => _el$22.value = s.saveName());
     return _el$;
   })();
 };
@@ -12084,6 +12406,10 @@ var _tmpl$$3 = /* @__PURE__ */ template(`<div class=settings-compact-upsell><spa
           box-sizing: border-box;
           line-height: 1.5;
         }
+        .settings-feedback-textarea {
+          margin-top: 8px;
+          min-height: 96px;
+        }
         .settings-input:focus,
         .settings-textarea:focus {
           outline: none;
@@ -12847,7 +13173,7 @@ const Settings = () => {
     setPremiumCodeSent(false);
   };
   const [chatEnabled, setChatEnabled] = createSignal(false);
-  const [chatProviderId, setChatProviderId] = createSignal("anthropic");
+  const [chatProviderId, setChatProviderId] = createSignal("openrouter");
   const [chatApiKey, setChatApiKey] = createSignal("");
   const [chatHasStoredApiKey, setChatHasStoredApiKey] = createSignal(false);
   const [chatModel, setChatModel] = createSignal("");
@@ -12858,9 +13184,24 @@ const Settings = () => {
   const [providerModels, setProviderModels] = createSignal([]);
   const [modelFetchState, setModelFetchState] = createSignal("idle");
   const [modelFetchWarning, setModelFetchWarning] = createSignal(null);
-  const [codexAuthStatus, setCodexAuthStatus] = createSignal("idle");
-  const [codexAccountEmail, setCodexAccountEmail] = createSignal("");
-  const [codexAuthError, setCodexAuthError] = createSignal("");
+  const providerAuth = useProviderAuthSetup({
+    onCodexConnected: () => {
+      setChatHasStoredApiKey(true);
+    },
+    onCodexDisconnected: () => {
+      setChatHasStoredApiKey(false);
+    },
+    onOpenRouterConnected: async (result) => {
+      setChatEnabled(true);
+      setChatProviderId("openrouter");
+      setChatApiKey("");
+      setChatHasStoredApiKey(true);
+      setChatModel(result.model || PROVIDERS.openrouter.defaultModel);
+      setChatBaseUrl(PROVIDERS.openrouter.defaultBaseUrl);
+      setChatReasoningEffort("off");
+      await loadState();
+    }
+  });
   const resetProviderModels = () => {
     setProviderModels([]);
     setModelFetchState("idle");
@@ -12905,30 +13246,6 @@ const Settings = () => {
       setModelFetchState("error");
     });
   };
-  const startCodexAuth = async () => {
-    setCodexAuthStatus("waiting");
-    setCodexAuthError("");
-    try {
-      const result = await window.vessel.codex.startAuth();
-      if (result.ok) {
-        setCodexAccountEmail(result.accountEmail);
-        setCodexAuthStatus("connected");
-        setChatHasStoredApiKey(true);
-      } else {
-        setCodexAuthStatus("error");
-        setCodexAuthError(result.error);
-      }
-    } catch (err) {
-      setCodexAuthStatus("error");
-      setCodexAuthError(err instanceof Error ? err.message : "Unknown error");
-    }
-  };
-  const disconnectCodex = async () => {
-    await window.vessel.codex.disconnect();
-    setCodexAuthStatus("idle");
-    setCodexAccountEmail("");
-    setChatHasStoredApiKey(false);
-  };
   createEffect(() => {
     if (!chatEnabled()) return;
     const meta = chatProviderMeta();
@@ -12972,9 +13289,7 @@ const Settings = () => {
       setChatHasStoredApiKey(false);
       setChatReasoningEffort("off");
     }
-    if (cp?.id === "openai_codex" && cp.hasApiKey) {
-      setCodexAuthStatus("connected");
-    }
+    providerAuth.markProviderConnected(cp?.id, cp?.hasApiKey === true);
     setTelemetryEnabled(settings.telemetryEnabled !== false);
     const dp = settings.domainPolicy ?? {
       allowedDomains: [],
@@ -13021,20 +13336,9 @@ const Settings = () => {
         });
       }
     });
-    const unsubCodex = window.vessel.codex.onAuthStatus((payload) => {
-      if (payload.status === "waiting") {
-        setCodexAuthStatus("waiting");
-      } else if (payload.status === "exchanging") {
-        setCodexAuthStatus("exchanging");
-      } else if (payload.status === "error") {
-        setCodexAuthStatus("error");
-        setCodexAuthError(payload.error || "Unknown error");
-      }
-    });
     onCleanup(() => {
       unsubscribe2();
       unsubscribePremium();
-      unsubCodex();
     });
   });
   createEffect(() => {
@@ -13187,34 +13491,39 @@ const Settings = () => {
           },
           get children() {
             return createComponent(SettingsAgent, {
-              chat: {
-                enabled: chatEnabled,
-                setEnabled: setChatEnabled,
-                providerId: chatProviderId,
-                setProviderId: setChatProviderId,
-                apiKey: chatApiKey,
-                setApiKey: setChatApiKey,
-                hasStoredApiKey: chatHasStoredApiKey,
-                setHasStoredApiKey: setChatHasStoredApiKey,
-                model: chatModel,
-                setModel: setChatModel,
-                baseUrl: chatBaseUrl,
-                setBaseUrl: setChatBaseUrl,
-                reasoningEffort: chatReasoningEffort,
-                setReasoningEffort: setChatReasoningEffort,
-                providerModels,
-                modelFetchState,
-                modelFetchWarning,
-                doFetchModels,
-                resetProviderModels,
-                codexAuthStatus,
-                codexAccountEmail,
-                setCodexAccountEmail,
-                codexAuthError,
-                setCodexAuthError,
-                providerType,
-                startCodexAuth,
-                disconnectCodex
+              get chat() {
+                return {
+                  enabled: chatEnabled,
+                  setEnabled: setChatEnabled,
+                  providerId: chatProviderId,
+                  setProviderId: setChatProviderId,
+                  apiKey: chatApiKey,
+                  setApiKey: setChatApiKey,
+                  hasStoredApiKey: chatHasStoredApiKey,
+                  setHasStoredApiKey: setChatHasStoredApiKey,
+                  model: chatModel,
+                  setModel: setChatModel,
+                  baseUrl: chatBaseUrl,
+                  setBaseUrl: setChatBaseUrl,
+                  reasoningEffort: chatReasoningEffort,
+                  setReasoningEffort: setChatReasoningEffort,
+                  providerModels,
+                  modelFetchState,
+                  modelFetchWarning,
+                  doFetchModels,
+                  resetProviderModels,
+                  codexAuthStatus: providerAuth.codexAuthStatus,
+                  codexAccountEmail: providerAuth.codexAccountEmail,
+                  setCodexAccountEmail: providerAuth.setCodexAccountEmail,
+                  codexAuthError: providerAuth.codexAuthError,
+                  setCodexAuthError: providerAuth.setCodexAuthError,
+                  openRouterAuthStatus: providerAuth.openRouterAuthStatus,
+                  openRouterAuthError: providerAuth.openRouterAuthError,
+                  providerType,
+                  startCodexAuth: providerAuth.startCodexAuth,
+                  disconnectCodex: providerAuth.disconnectCodex,
+                  startOpenRouterAuth: providerAuth.startOpenRouterAuth
+                };
               },
               mcpPort,
               setMcpPort,