@quanta-intellect/vessel-browser 0.1.67 → 0.1.68

package/out/renderer/assets/{index-BQjjFSb1.js → index-BCEB2epC.js}

@@ -1433,7 +1433,7 @@ function Dynamic(props) {
   const [, others] = splitProps(props, ["component"]);
   return createDynamic(() => props.component, others);
 }
-var _tmpl$$h = /* @__PURE__ */ template(`<div class=title-bar><div class=title-bar-drag></div><div class=mcp-status-area><button class=mcp-status-indicator><span class=mcp-dot></span><span class=mcp-label>MCP</span></button></div><div class=window-controls><button class=window-btn data-tooltip=Minimize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=5 width=8 height=1 fill=currentColor></rect></svg></button><button class=window-btn data-tooltip=Maximize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=1 width=8 height=8 fill=none stroke=currentColor stroke-width=1></rect></svg></button><button class="window-btn window-btn-close"data-tooltip=Close><svg width=10 height=10 viewBox="0 0 10 10"><line x1=1 y1=1 x2=9 y2=9 stroke=currentColor stroke-width=1.2></line><line x1=9 y1=1 x2=1 y2=9 stroke=currentColor stroke-width=1.2>`);
+var _tmpl$$i = /* @__PURE__ */ template(`<div class=title-bar><div class=title-bar-drag></div><div class=mcp-status-area><button class=mcp-status-indicator><span class=mcp-dot></span><span class=mcp-label>MCP</span></button></div><div class=window-controls><button class=window-btn data-tooltip=Minimize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=5 width=8 height=1 fill=currentColor></rect></svg></button><button class=window-btn data-tooltip=Maximize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=1 width=8 height=8 fill=none stroke=currentColor stroke-width=1></rect></svg></button><button class="window-btn window-btn-close"data-tooltip=Close><svg width=10 height=10 viewBox="0 0 10 10"><line x1=1 y1=1 x2=9 y2=9 stroke=currentColor stroke-width=1.2></line><line x1=9 y1=1 x2=1 y2=9 stroke=currentColor stroke-width=1.2>`);
 const TitleBar = () => {
   const [mcpStatus, setMcpStatus] = createSignal("starting");
   const [mcpTooltip, setMcpTooltip] = createSignal("MCP: starting...");
@@ -1464,7 +1464,7 @@ const TitleBar = () => {
     window.vessel.ui.setSettingsVisibility(true);
   };
   return (() => {
-    var _el$ = _tmpl$$h(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling;
+    var _el$ = _tmpl$$i(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling;
     _el$4.$$click = handleMcpClick;
     _el$6.$$click = () => window.vessel.window.minimize();
     _el$7.$$click = () => window.vessel.window.maximize();
@@ -1620,7 +1620,9 @@ const DEFAULT_RUNTIME_STATE = {
   transcript: [],
   mcpStatus: "stopped",
   flowState: null,
-  taskTracker: null
+  taskTracker: null,
+  canUndo: false,
+  undoInfo: null
 };
 const [runtimeState, setRuntimeState] = createSignal(
   DEFAULT_RUNTIME_STATE
@@ -1657,6 +1659,8 @@ function useRuntime() {
     resolveApproval: (approvalId, approved) => window.vessel.ai.resolveApproval(approvalId, approved),
     createCheckpoint: (name, note) => window.vessel.ai.createCheckpoint(name, note),
     restoreCheckpoint: (checkpointId) => window.vessel.ai.restoreCheckpoint(checkpointId),
+    updateCheckpointNote: (checkpointId, note) => window.vessel.ai.updateCheckpointNote(checkpointId, note),
+    undoLastAction: () => window.vessel.ai.undoLastAction(),
     captureSession: (note) => window.vessel.ai.captureSession(note),
     restoreSession: () => window.vessel.ai.restoreSession()
   };
@@ -1769,7 +1773,7 @@ function getAgentPresence(state, currentTime = Date.now()) {
   }
   return "idle";
 }
-var _tmpl$$g = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$e = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$b = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list><button class=tab-new data-tooltip="New Tab">+`), _tmpl$4$b = /* @__PURE__ */ template(`<div role=tab><span class=tab-title></span><button class=tab-close>×`), _tmpl$5$a = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$6$9 = /* @__PURE__ */ template(`<span class=tab-loading>`);
+var _tmpl$$h = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$f = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list><button class=tab-new data-tooltip="New Tab">+`), _tmpl$4$c = /* @__PURE__ */ template(`<div role=tab><span class=tab-title></span><button class=tab-close>×`), _tmpl$5$b = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$6$a = /* @__PURE__ */ template(`<span class=tab-loading>`);
 const TAB_CLOSE_MS = 200;
 function stringToHue(str) {
   let hash = 0;
@@ -1796,14 +1800,14 @@ const TabFavicon = (props) => {
     },
     get fallback() {
       return (() => {
-        var _el$2 = _tmpl$2$e();
+        var _el$2 = _tmpl$2$f();
         insert(_el$2, letter);
         createRenderEffect((_$p) => setStyleProperty(_el$2, "--favicon-hue", `${hue()}`));
         return _el$2;
       })();
     },
     get children() {
-      var _el$ = _tmpl$$g();
+      var _el$ = _tmpl$$h();
       _el$.addEventListener("error", () => setFailed(true));
       createRenderEffect(() => setAttribute(_el$, "src", props.favicon));
       return _el$;
@@ -1836,13 +1840,13 @@ const TabBar = () => {
     }, TAB_CLOSE_MS);
   };
   return (() => {
-    var _el$3 = _tmpl$3$b(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+    var _el$3 = _tmpl$3$c(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
     insert(_el$4, createComponent(For, {
       get each() {
         return tabs2();
       },
       children: (tab) => (() => {
-        var _el$6 = _tmpl$4$b(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
+        var _el$6 = _tmpl$4$c(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
         _el$6.addEventListener("auxclick", (e) => {
           if (e.button === 1) handleClose(tab.id);
         });
@@ -1860,12 +1864,12 @@ const TabBar = () => {
         }), _el$7);
         insert(_el$6, (() => {
           var _c$ = memo(() => !!modelActiveTabIds().has(tab.id));
-          return () => _c$() && _tmpl$5$a();
+          return () => _c$() && _tmpl$5$b();
         })(), _el$7);
         insert(_el$7, () => tab.title || "New Tab");
         insert(_el$6, (() => {
           var _c$2 = memo(() => !!tab.isLoading);
-          return () => _c$2() && _tmpl$6$9();
+          return () => _c$2() && _tmpl$6$a();
         })(), _el$8);
         _el$8.$$click = (e) => {
           e.stopPropagation();
@@ -2074,7 +2078,7 @@ function buildPageSnapshotKey(rawUrl) {
 function matchesPageSnapshotUrl(left, right) {
   return buildPageSnapshotKey(left) === buildPageSnapshotKey(right);
 }
-var _tmpl$$f = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Page content has changed since your last visit"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>Changed`), _tmpl$2$d = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$3$a = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Changed recently`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>What changed since </span></div><button class=page-diff-popup-close>&times;`), _tmpl$5$9 = /* @__PURE__ */ template(`<svg><path d="M3 3 L11 3 L11 9 Q7 13 3 9 Z"fill=none stroke=currentColor stroke-width=1.2 stroke-linejoin=round></svg>`, false, true, false), _tmpl$6$8 = /* @__PURE__ */ template(`<svg><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.4 stroke-linecap=round></svg>`, false, true, false), _tmpl$7$6 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"></form><div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text></span></div></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14"></svg></button><button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1></line></svg></button><button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round></line></svg></button><button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2></line></svg></button><button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`), _tmpl$9$4 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$0$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$1$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$10$4 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$11$4 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$12$4 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$13$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><span class=page-diff-section></span><span class=page-diff-summary>`), _tmpl$14$3 = /* @__PURE__ */ template(`<li>`);
+var _tmpl$$g = /* @__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$2$e = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$3$b = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Changed recently`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>What changed since </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$5$a = /* @__PURE__ */ template(`<svg><path d="M3 3 L11 3 L11 9 Q7 13 3 9 Z"fill=none stroke=currentColor stroke-width=1.2 stroke-linejoin=round></svg>`, false, true, false), _tmpl$6$9 = /* @__PURE__ */ template(`<svg><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.4 stroke-linecap=round></svg>`, false, true, false), _tmpl$7$7 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$8$5 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"></form><div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text></span></div></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14"></svg></button><button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1></line></svg></button><button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round></line></svg></button><button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2></line></svg></button><button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`), _tmpl$9$4 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$0$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$1$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$10$4 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$11$4 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$12$4 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$13$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><span class=page-diff-section></span><span class=page-diff-summary>`), _tmpl$14$3 = /* @__PURE__ */ template(`<li>`);
 const AddressBar = () => {
   const {
     activeTab,
@@ -2112,6 +2116,14 @@ const AddressBar = () => {
       diffCollapseTimer = null;
     }, 8e3);
   };
+  const openDiffTimeline = async () => {
+    setDiffExpanded(false);
+    if (diffCollapseTimer) {
+      clearTimeout(diffCollapseTimer);
+      diffCollapseTimer = null;
+    }
+    await window.vessel.ui.openSidebarTab("diff");
+  };
   const formatRelativeTime = (isoDate) => {
     const diff = Date.now() - new Date(isoDate).getTime();
     const mins = Math.floor(diff / 6e4);
@@ -2188,9 +2200,9 @@ const AddressBar = () => {
   };
   const formatSectionLabel = (section) => section === "title" ? "Title" : section === "headings" ? "Headings" : "Content";
   return (() => {
-    var _el$ = _tmpl$8$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$24 = _el$6.nextSibling, _el$25 = _el$24.firstChild, _el$26 = _el$25.firstChild, _el$30 = _el$25.nextSibling, _el$31 = _el$30.nextSibling, _el$32 = _el$31.nextSibling;
-    _el$32.firstChild;
-    var _el$35 = _el$32.nextSibling;
+    var _el$ = _tmpl$8$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$26 = _el$6.nextSibling, _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$32 = _el$27.nextSibling, _el$33 = _el$32.nextSibling, _el$34 = _el$33.nextSibling;
+    _el$34.firstChild;
+    var _el$37 = _el$34.nextSibling;
     addEventListener(_el$3, "click", goBack, true);
     addEventListener(_el$4, "click", goForward, true);
     addEventListener(_el$5, "click", reload, true);
@@ -2206,8 +2218,8 @@ const AddressBar = () => {
         return pageDiff();
       },
       get children() {
-        var _el$10 = _tmpl$$f();
-        _el$10.$$click = () => setDiffExpanded(!diffExpanded());
+        var _el$10 = _tmpl$$g();
+        _el$10.$$click = () => void openDiffTimeline();
         return _el$10;
       }
     }), null);
@@ -2216,42 +2228,43 @@ const AddressBar = () => {
         return memo(() => !!pageDiff())() && diffExpanded();
       },
       get children() {
-        var _el$11 = _tmpl$4$a(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild;
+        var _el$11 = _tmpl$4$b(), _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild;
         _el$14.firstChild;
-        var _el$21 = _el$13.nextSibling;
+        var _el$21 = _el$13.nextSibling, _el$22 = _el$21.firstChild, _el$23 = _el$22.nextSibling;
         insert(_el$14, () => formatRelativeTime(pageDiff().oldSnapshot.capturedAt), null);
         insert(_el$13, createComponent(Show, {
           get when() {
             return memo(() => !!((pageDiff().burstCount || 0) > 1 && pageDiff().firstDetectedAt))() && pageDiff().lastDetectedAt;
           },
           get children() {
-            var _el$16 = _tmpl$2$d(), _el$17 = _el$16.firstChild, _el$20 = _el$17.nextSibling;
+            var _el$16 = _tmpl$2$e(), _el$17 = _el$16.firstChild, _el$20 = _el$17.nextSibling;
             _el$20.nextSibling;
             insert(_el$16, () => pageDiff().burstCount, _el$20);
             insert(_el$16, () => formatElapsed(pageDiff().firstDetectedAt, pageDiff().lastDetectedAt), null);
             return _el$16;
           }
         }), null);
-        _el$21.$$click = () => setDiffExpanded(false);
+        _el$22.$$click = () => void openDiffTimeline();
+        _el$23.$$click = () => setDiffExpanded(false);
         insert(_el$11, createComponent(Show, {
           get when() {
             return memo(() => !!pageDiff().recentBursts?.length)() && (pageDiff().recentBursts?.length || 0) > 1;
           },
           get children() {
-            var _el$22 = _tmpl$3$a();
-            _el$22.firstChild;
-            insert(_el$22, createComponent(For, {
+            var _el$24 = _tmpl$3$b();
+            _el$24.firstChild;
+            insert(_el$24, createComponent(For, {
               get each() {
                 return pageDiff().recentBursts;
               },
               children: (burst) => (() => {
-                var _el$36 = _tmpl$9$4(), _el$37 = _el$36.firstChild, _el$38 = _el$37.nextSibling;
-                insert(_el$37, () => formatRelativeTime(burst.detectedAt));
-                insert(_el$38, () => burst.summary);
-                return _el$36;
+                var _el$38 = _tmpl$9$4(), _el$39 = _el$38.firstChild, _el$40 = _el$39.nextSibling;
+                insert(_el$39, () => formatRelativeTime(burst.detectedAt));
+                insert(_el$40, () => burst.summary);
+                return _el$38;
               })()
             }), null);
-            return _el$22;
+            return _el$24;
           }
         }), null);
         insert(_el$11, createComponent(For, {
@@ -2259,132 +2272,132 @@ const AddressBar = () => {
             return pageDiff().changes;
           },
           children: (change) => (() => {
-            var _el$39 = _tmpl$13$3(), _el$40 = _el$39.firstChild, _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling;
-            insert(_el$41, () => formatSectionLabel(change.section));
-            insert(_el$42, () => change.summary);
-            insert(_el$39, createComponent(Show, {
+            var _el$41 = _tmpl$13$3(), _el$42 = _el$41.firstChild, _el$43 = _el$42.firstChild, _el$44 = _el$43.nextSibling;
+            insert(_el$43, () => formatSectionLabel(change.section));
+            insert(_el$44, () => change.summary);
+            insert(_el$41, createComponent(Show, {
               get when() {
                 return change.before || change.after;
               },
               get children() {
-                var _el$43 = _tmpl$10$4();
-                insert(_el$43, createComponent(Show, {
+                var _el$45 = _tmpl$10$4();
+                insert(_el$45, createComponent(Show, {
                   get when() {
                     return change.before;
                   },
                   get children() {
-                    var _el$44 = _tmpl$0$4(), _el$45 = _el$44.firstChild, _el$46 = _el$45.nextSibling;
-                    insert(_el$46, () => change.before);
-                    return _el$44;
+                    var _el$46 = _tmpl$0$4(), _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling;
+                    insert(_el$48, () => change.before);
+                    return _el$46;
                   }
                 }), null);
-                insert(_el$43, createComponent(Show, {
+                insert(_el$45, createComponent(Show, {
                   get when() {
                     return change.after;
                   },
                   get children() {
-                    var _el$47 = _tmpl$1$4(), _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling;
-                    insert(_el$49, () => change.after);
-                    return _el$47;
+                    var _el$49 = _tmpl$1$4(), _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling;
+                    insert(_el$51, () => change.after);
+                    return _el$49;
                   }
                 }), null);
-                return _el$43;
+                return _el$45;
               }
             }), null);
-            insert(_el$39, createComponent(Show, {
+            insert(_el$41, createComponent(Show, {
               get when() {
                 return change.addedItems?.length;
               },
               get children() {
-                var _el$50 = _tmpl$11$4(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling;
-                insert(_el$52, createComponent(For, {
+                var _el$52 = _tmpl$11$4(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
+                insert(_el$54, createComponent(For, {
                   get each() {
                     return change.addedItems;
                   },
                   children: (item) => (() => {
-                    var _el$56 = _tmpl$14$3();
-                    insert(_el$56, item);
-                    return _el$56;
+                    var _el$58 = _tmpl$14$3();
+                    insert(_el$58, item);
+                    return _el$58;
                   })()
                 }));
-                return _el$50;
+                return _el$52;
               }
             }), null);
-            insert(_el$39, createComponent(Show, {
+            insert(_el$41, createComponent(Show, {
               get when() {
                 return change.removedItems?.length;
               },
               get children() {
-                var _el$53 = _tmpl$12$4(), _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling;
-                insert(_el$55, createComponent(For, {
+                var _el$55 = _tmpl$12$4(), _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling;
+                insert(_el$57, createComponent(For, {
                   get each() {
                     return change.removedItems;
                   },
                   children: (item) => (() => {
-                    var _el$57 = _tmpl$14$3();
-                    insert(_el$57, item);
-                    return _el$57;
+                    var _el$59 = _tmpl$14$3();
+                    insert(_el$59, item);
+                    return _el$59;
                   })()
                 }));
-                return _el$53;
+                return _el$55;
               }
             }), null);
-            createRenderEffect(() => className(_el$39, `page-diff-item page-diff-${change.kind}`));
-            return _el$39;
+            createRenderEffect(() => className(_el$41, `page-diff-item page-diff-${change.kind}`));
+            return _el$41;
           })()
         }), null);
         return _el$11;
       }
-    }), _el$24);
-    _el$25.$$click = async () => {
+    }), _el$26);
+    _el$27.$$click = async () => {
       const id = activeTabId2();
       if (!id) return;
       await toggleAdBlock(id);
     };
-    insert(_el$26, createComponent(Show, {
+    insert(_el$28, createComponent(Show, {
       get when() {
         return activeTab()?.adBlockingEnabled;
       },
       get children() {
-        return _tmpl$5$9();
+        return _tmpl$5$a();
       }
     }), null);
-    insert(_el$26, createComponent(Show, {
+    insert(_el$28, createComponent(Show, {
       get when() {
         return !activeTab()?.adBlockingEnabled;
       },
       get children() {
-        return [_tmpl$5$9(), _tmpl$6$8()];
+        return [_tmpl$5$a(), _tmpl$6$9()];
       }
     }), null);
-    _el$30.$$click = () => window.vessel.content.toggleReader();
-    addEventListener(_el$31, "click", toggleDevTools, true);
-    addEventListener(_el$32, "click", toggleSidebar, true);
-    insert(_el$32, createComponent(Show, {
+    _el$32.$$click = () => window.vessel.content.toggleReader();
+    addEventListener(_el$33, "click", toggleDevTools, true);
+    addEventListener(_el$34, "click", toggleSidebar, true);
+    insert(_el$34, createComponent(Show, {
       get when() {
         return pendingApprovalCount() > 0;
       },
       get children() {
-        var _el$34 = _tmpl$7$6();
-        insert(_el$34, pendingApprovalCount);
-        createRenderEffect(() => setAttribute(_el$34, "aria-label", `${pendingApprovalCount()} pending`));
-        return _el$34;
+        var _el$36 = _tmpl$7$7();
+        insert(_el$36, pendingApprovalCount);
+        createRenderEffect(() => setAttribute(_el$36, "aria-label", `${pendingApprovalCount()} pending`));
+        return _el$36;
       }
     }), null);
-    addEventListener(_el$35, "click", openSettings, true);
+    addEventListener(_el$37, "click", openSettings, true);
     createRenderEffect((_p$) => {
       var _v$ = !activeTab()?.canGoBack, _v$2 = !activeTab()?.canGoForward, _v$3 = `agent-status-badge ${agentPresence()}`, _v$4 = agentStatusMessage() || (agentPresence() === "active" ? "Agent is actively using the browser" : agentPresence() === "recent" ? "Agent is connected" : "No agent connection detected"), _v$5 = !!activeTab()?.adBlockingEnabled, _v$6 = !activeTab()?.adBlockingEnabled, _v$7 = activeTab()?.adBlockingEnabled ? "Ad Block: On (click to disable)" : "Ad Block: Off (click to enable)", _v$8 = !!activeTab()?.isReaderMode, _v$9 = !!devtoolsPanelOpen2(), _v$0 = !!(pendingApprovalCount() > 0), _v$1 = pendingApprovalCount() > 0 ? `AI Sidebar — ${pendingApprovalCount()} pending approval${pendingApprovalCount() > 1 ? "s" : ""}` : "AI Sidebar (Ctrl+Shift+L)";
       _v$ !== _p$.e && (_el$3.disabled = _p$.e = _v$);
       _v$2 !== _p$.t && (_el$4.disabled = _p$.t = _v$2);
       _v$3 !== _p$.a && className(_el$9, _p$.a = _v$3);
       _v$4 !== _p$.o && setAttribute(_el$9, "title", _p$.o = _v$4);
-      _v$5 !== _p$.i && _el$25.classList.toggle("active", _p$.i = _v$5);
-      _v$6 !== _p$.n && _el$25.classList.toggle("nav-btn-muted", _p$.n = _v$6);
-      _v$7 !== _p$.s && setAttribute(_el$25, "title", _p$.s = _v$7);
-      _v$8 !== _p$.h && _el$30.classList.toggle("active", _p$.h = _v$8);
-      _v$9 !== _p$.r && _el$31.classList.toggle("active", _p$.r = _v$9);
-      _v$0 !== _p$.d && _el$32.classList.toggle("has-approvals", _p$.d = _v$0);
-      _v$1 !== _p$.l && setAttribute(_el$32, "title", _p$.l = _v$1);
+      _v$5 !== _p$.i && _el$27.classList.toggle("active", _p$.i = _v$5);
+      _v$6 !== _p$.n && _el$27.classList.toggle("nav-btn-muted", _p$.n = _v$6);
+      _v$7 !== _p$.s && setAttribute(_el$27, "title", _p$.s = _v$7);
+      _v$8 !== _p$.h && _el$32.classList.toggle("active", _p$.h = _v$8);
+      _v$9 !== _p$.r && _el$33.classList.toggle("active", _p$.r = _v$9);
+      _v$0 !== _p$.d && _el$34.classList.toggle("has-approvals", _p$.d = _v$0);
+      _v$1 !== _p$.l && setAttribute(_el$34, "title", _p$.l = _v$1);
       return _p$;
     }, {
       e: void 0,
@@ -2404,7 +2417,7 @@ const AddressBar = () => {
   })();
 };
 delegateEvents(["click", "input"]);
-var _tmpl$$e = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$c = /* @__PURE__ */ template(`<div class=bookmark-toast role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
+var _tmpl$$f = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$d = /* @__PURE__ */ template(`<div class=bookmark-toast role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS$1 = 4200;
 const TOAST_EXIT_MS$2 = 300;
 function isBookmarkToastCandidate(action) {
@@ -2464,13 +2477,13 @@ const BookmarkNotifications = () => {
     timeoutIds.clear();
   });
   return (() => {
-    var _el$ = _tmpl$$e();
+    var _el$ = _tmpl$$f();
     insert(_el$, createComponent(For, {
       get each() {
         return toasts();
       },
       children: (toast) => (() => {
-        var _el$2 = _tmpl$2$c(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+        var _el$2 = _tmpl$2$d(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
         insert(_el$3, () => toast.title);
         insert(_el$4, () => toast.message);
         createRenderEffect(() => _el$2.classList.toggle("bookmark-toast-leaving", !!toast.leaving));
@@ -2480,7 +2493,7 @@ const BookmarkNotifications = () => {
     return _el$;
   })();
 };
-var _tmpl$$d = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite><div class="bookmark-toast highlight-toast"role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
+var _tmpl$$e = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite><div class="bookmark-toast highlight-toast"role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS = 3e3;
 const TOAST_EXIT_MS$1 = 300;
 const HighlightNotifications = (props) => {
@@ -2519,7 +2532,7 @@ const HighlightNotifications = (props) => {
       return memo(() => !!visible())() && current();
     },
     get children() {
-      var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+      var _el$ = _tmpl$$e(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
       insert(_el$3, () => current().title);
       insert(_el$4, () => current().message);
       createRenderEffect(() => _el$2.classList.toggle("bookmark-toast-leaving", !!leaving()));
@@ -2527,7 +2540,7 @@ const HighlightNotifications = (props) => {
     }
   });
 };
-var _tmpl$$c = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$b = /* @__PURE__ */ template(`<span class=download-toast-done>&#10003;`), _tmpl$3$9 = /* @__PURE__ */ template(`<span class=download-toast-failed>!`), _tmpl$4$9 = /* @__PURE__ */ template(`<div class=download-toast-bar-track><div class=download-toast-bar-fill>`), _tmpl$5$8 = /* @__PURE__ */ template(`<div class=download-toast-size>`), _tmpl$6$7 = /* @__PURE__ */ template(`<div class="download-toast-size download-toast-size-done"> downloaded`), _tmpl$7$5 = /* @__PURE__ */ template(`<div class=download-toast role=status><div class=download-toast-header><span class=download-toast-filename>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$c = /* @__PURE__ */ template(`<span class=download-toast-done>&#10003;`), _tmpl$3$a = /* @__PURE__ */ template(`<span class=download-toast-failed>!`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=download-toast-bar-track><div class=download-toast-bar-fill>`), _tmpl$5$9 = /* @__PURE__ */ template(`<div class=download-toast-size>`), _tmpl$6$8 = /* @__PURE__ */ template(`<div class="download-toast-size download-toast-size-done"> downloaded`), _tmpl$7$6 = /* @__PURE__ */ template(`<div class=download-toast role=status><div class=download-toast-header><span class=download-toast-filename>`);
 const TOAST_DONE_DURATION_MS = 4200;
 const TOAST_EXIT_MS = 300;
 function formatBytes(bytes) {
@@ -2618,20 +2631,20 @@ const DownloadToast = () => {
     return Math.min(100, Math.round(d.receivedBytes / d.totalBytes * 100));
   };
   return (() => {
-    var _el$ = _tmpl$$c();
+    var _el$ = _tmpl$$d();
     insert(_el$, createComponent(For, {
       get each() {
         return downloads();
       },
       children: (dl) => (() => {
-        var _el$2 = _tmpl$7$5(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
+        var _el$2 = _tmpl$7$6(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
         insert(_el$4, () => dl.filename);
         insert(_el$3, createComponent(Show, {
           get when() {
             return dl.state === "completed";
           },
           get children() {
-            return _tmpl$2$b();
+            return _tmpl$2$c();
           }
         }), null);
         insert(_el$3, createComponent(Show, {
@@ -2639,7 +2652,7 @@ const DownloadToast = () => {
             return dl.state === "cancelled" || dl.state === "interrupted";
           },
           get children() {
-            return _tmpl$3$9();
+            return _tmpl$3$a();
           }
         }), null);
         insert(_el$2, createComponent(Show, {
@@ -2648,11 +2661,11 @@ const DownloadToast = () => {
           },
           get children() {
             return [(() => {
-              var _el$7 = _tmpl$4$9(), _el$8 = _el$7.firstChild;
+              var _el$7 = _tmpl$4$a(), _el$8 = _el$7.firstChild;
               createRenderEffect((_$p) => setStyleProperty(_el$8, "width", `${progressPercent(dl)}%`));
               return _el$7;
             })(), (() => {
-              var _el$9 = _tmpl$5$8();
+              var _el$9 = _tmpl$5$9();
               insert(_el$9, () => formatBytes(dl.receivedBytes), null);
               insert(_el$9, createComponent(Show, {
                 get when() {
@@ -2671,7 +2684,7 @@ const DownloadToast = () => {
             return dl.state === "completed";
           },
           get children() {
-            var _el$0 = _tmpl$6$7(), _el$1 = _el$0.firstChild;
+            var _el$0 = _tmpl$6$8(), _el$1 = _el$0.firstChild;
             insert(_el$0, () => formatBytes(dl.receivedBytes), _el$1);
             return _el$0;
           }
@@ -2683,7 +2696,7 @@ const DownloadToast = () => {
     return _el$;
   })();
 };
-var _tmpl$$b = /* @__PURE__ */ template(`<div class=find-bar><input class=find-bar-input type=text placeholder="Find in page..."><button class=find-bar-btn title="Previous (Shift+Enter)">&#9650;</button><button class=find-bar-btn title="Next (Enter)">&#9660;</button><button class="find-bar-btn find-bar-close"title="Close (Escape)">&times;`), _tmpl$2$a = /* @__PURE__ */ template(`<span class=find-bar-count>`);
+var _tmpl$$c = /* @__PURE__ */ template(`<div class=find-bar><input class=find-bar-input type=text placeholder="Find in page..."><button class=find-bar-btn title="Previous (Shift+Enter)">&#9650;</button><button class=find-bar-btn title="Next (Enter)">&#9660;</button><button class="find-bar-btn find-bar-close"title="Close (Escape)">&times;`), _tmpl$2$b = /* @__PURE__ */ template(`<span class=find-bar-count>`);
 const FindBar = () => {
   const [open, setOpen] = createSignal(false);
   const [query, setQuery] = createSignal("");
@@ -2761,7 +2774,7 @@ const FindBar = () => {
       return open();
     },
     get children() {
-      var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
+      var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
       _el$2.$$input = (e) => handleInput(e.currentTarget.value);
       var _ref$ = inputRef;
       typeof _ref$ === "function" ? use(_ref$, _el$2) : inputRef = _el$2;
@@ -2771,7 +2784,7 @@ const FindBar = () => {
           return result();
         },
         children: (r) => (() => {
-          var _el$6 = _tmpl$2$a();
+          var _el$6 = _tmpl$2$b();
           insert(_el$6, (() => {
             var _c$ = memo(() => r().matches > 0);
             return () => _c$() ? `${r().activeMatchOrdinal} / ${r().matches}` : "No results";
@@ -2788,7 +2801,7 @@ const FindBar = () => {
   });
 };
 delegateEvents(["input", "click"]);
-var _tmpl$$a = /* @__PURE__ */ template(`<div class=flow-progress>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=flow-progress-hint>Last: `), _tmpl$3$8 = /* @__PURE__ */ template(`<div class=flow-progress-hint>Next: `), _tmpl$4$8 = /* @__PURE__ */ template(`<div class=flow-progress-section><div class=flow-progress-header><span class=flow-progress-goal></span><span class=flow-progress-pct>%</span></div><div class=flow-progress-bar-track><div class=flow-progress-bar-fill></div></div><div class=flow-steps>`), _tmpl$5$7 = /* @__PURE__ */ template(`<div><span class=flow-step-dot></span><span class=flow-step-label>`);
+var _tmpl$$b = /* @__PURE__ */ template(`<div class=flow-progress>`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=flow-progress-hint>Last: `), _tmpl$3$9 = /* @__PURE__ */ template(`<div class=flow-progress-hint>Next: `), _tmpl$4$9 = /* @__PURE__ */ template(`<div class=flow-progress-section><div class=flow-progress-header><span class=flow-progress-goal></span><span class=flow-progress-pct>%</span></div><div class=flow-progress-bar-track><div class=flow-progress-bar-fill></div></div><div class=flow-steps>`), _tmpl$5$8 = /* @__PURE__ */ template(`<div><span class=flow-step-dot></span><span class=flow-step-label>`);
 const FlowProgress = () => {
   const {
     runtimeState: runtimeState2
@@ -2819,13 +2832,13 @@ const FlowProgress = () => {
       return flow() || tracker();
     },
     get children() {
-      var _el$ = _tmpl$$a();
+      var _el$ = _tmpl$$b();
       insert(_el$, createComponent(Show, {
         get when() {
           return tracker();
         },
         children: (t) => (() => {
-          var _el$2 = _tmpl$4$8(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$3.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling;
+          var _el$2 = _tmpl$4$9(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$3.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling;
           insert(_el$4, () => t().goal);
           insert(_el$5, () => progressPercent(t().steps), _el$6);
           insert(_el$9, createComponent(For, {
@@ -2833,7 +2846,7 @@ const FlowProgress = () => {
               return t().steps;
             },
             children: (step) => (() => {
-              var _el$12 = _tmpl$5$7(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
+              var _el$12 = _tmpl$5$8(), _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling;
               insert(_el$14, () => step.label);
               createRenderEffect(() => className(_el$12, `flow-step ${stepStatusClass(step.status)}`));
               return _el$12;
@@ -2844,7 +2857,7 @@ const FlowProgress = () => {
               return t().lastAction;
             },
             get children() {
-              var _el$0 = _tmpl$2$9();
+              var _el$0 = _tmpl$2$a();
               _el$0.firstChild;
               insert(_el$0, () => t().lastAction, null);
               return _el$0;
@@ -2855,7 +2868,7 @@ const FlowProgress = () => {
               return memo(() => !!t().nextHint)() && !t().steps.every((s) => s.status === "done");
             },
             get children() {
-              var _el$10 = _tmpl$3$8();
+              var _el$10 = _tmpl$3$9();
               _el$10.firstChild;
               insert(_el$10, () => t().nextHint, null);
               return _el$10;
@@ -2870,7 +2883,7 @@ const FlowProgress = () => {
           return memo(() => !!flow())() && !tracker();
         },
         children: (f) => (() => {
-          var _el$15 = _tmpl$4$8(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$16.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling;
+          var _el$15 = _tmpl$4$9(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$16.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling;
           insert(_el$17, () => f().goal);
           insert(_el$18, () => progressPercent(f().steps), _el$19);
           insert(_el$22, createComponent(For, {
@@ -2878,7 +2891,7 @@ const FlowProgress = () => {
               return f().steps;
             },
             children: (step) => (() => {
-              var _el$23 = _tmpl$5$7(), _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling;
+              var _el$23 = _tmpl$5$8(), _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling;
               insert(_el$25, () => step.label);
               createRenderEffect(() => className(_el$23, `flow-step ${stepStatusClass(step.status)}`));
               return _el$23;
@@ -2919,7 +2932,7 @@ function formatTime(iso, options) {
     ...options?.includeSeconds && { second: "2-digit" }
   });
 }
-var _tmpl$$9 = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$8 = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$3$7 = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$4$7 = /* @__PURE__ */ template(`<aside class=agent-transcript-dock><div class=agent-transcript-header><div class=agent-transcript-title-row><span class=agent-transcript-title>Agent Transcript</span></div><div class=agent-transcript-actions><button class=agent-transcript-icon></button><button class=agent-transcript-icon data-tooltip=Hide>×`), _tmpl$5$6 = /* @__PURE__ */ template(`<span class=agent-summary-live-dot aria-hidden=true>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span class=agent-summary-text>: `), _tmpl$7$4 = /* @__PURE__ */ template(`<article><div class=agent-transcript-meta><span class=agent-transcript-badge></span><span class=agent-transcript-time></span></div><div class=agent-transcript-text>`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$9 = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$3$8 = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$4$8 = /* @__PURE__ */ template(`<aside class=agent-transcript-dock><div class=agent-transcript-header><div class=agent-transcript-title-row><span class=agent-transcript-title>Agent Transcript</span></div><div class=agent-transcript-actions><button class=agent-transcript-icon></button><button class=agent-transcript-icon data-tooltip=Hide>×`), _tmpl$5$7 = /* @__PURE__ */ template(`<span class=agent-summary-live-dot aria-hidden=true>`), _tmpl$6$7 = /* @__PURE__ */ template(`<span class=agent-summary-text>: `), _tmpl$7$5 = /* @__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
@@ -2956,7 +2969,7 @@ const AgentTranscriptDock = () => {
           return isSummary();
         },
         get children() {
-          var _el$ = _tmpl$$9();
+          var _el$ = _tmpl$$a();
           insert(_el$, createComponent(Show, {
             get when() {
               return latestEntry();
@@ -2966,10 +2979,10 @@ const AgentTranscriptDock = () => {
                 return hasStreamingEntry();
               },
               get children() {
-                return _tmpl$5$6();
+                return _tmpl$5$7();
               }
             }), (() => {
-              var _el$10 = _tmpl$6$6(), _el$11 = _el$10.firstChild;
+              var _el$10 = _tmpl$6$7(), _el$11 = _el$10.firstChild;
               insert(_el$10, () => entry().title || entry().kind, _el$11);
               insert(_el$10, (() => {
                 var _c$ = memo(() => entry().text.length > 80);
@@ -2985,7 +2998,7 @@ const AgentTranscriptDock = () => {
           return !isSummary();
         },
         get children() {
-          var _el$2 = _tmpl$4$7(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
+          var _el$2 = _tmpl$4$8(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
           _el$4.firstChild;
           var _el$7 = _el$4.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling;
           insert(_el$4, createComponent(Show, {
@@ -2993,7 +3006,7 @@ const AgentTranscriptDock = () => {
               return hasStreamingEntry();
             },
             get children() {
-              return _tmpl$2$8();
+              return _tmpl$2$9();
             }
           }), null);
           _el$8.$$click = () => setCollapsed((value) => !value);
@@ -3004,14 +3017,14 @@ const AgentTranscriptDock = () => {
               return !collapsed();
             },
             get children() {
-              var _el$0 = _tmpl$3$7();
+              var _el$0 = _tmpl$3$8();
               use((el) => useScrollFade(el), _el$0);
               insert(_el$0, createComponent(For, {
                 get each() {
                   return visibleEntries();
                 },
                 children: (entry) => (() => {
-                  var _el$12 = _tmpl$7$4(), _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling, _el$16 = _el$13.nextSibling;
+                  var _el$12 = _tmpl$7$5(), _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);
@@ -3376,7 +3389,7 @@ function useAnimatedPresence(isOpen, exitDurationMs) {
   });
   return { visible, closing };
 }
-var _tmpl$$8 = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Configure a chat provider to start using the AI assistant.</p><button class=command-bar-no-provider-btn>Open Settings <kbd>Ctrl+,`), _tmpl$2$7 = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$3$6 = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$4$6 = /* @__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$5 = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$6$5 = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
+var _tmpl$$9 = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Configure a chat provider to start using the AI assistant.</p><button class=command-bar-no-provider-btn>Open Settings <kbd>Ctrl+,`), _tmpl$2$8 = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$3$7 = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$4$7 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=command-bar><form><div class=command-bar-icon><svg width=16 height=16 viewBox="0 0 16 16"><circle cx=8 cy=8 r=6 fill=none stroke=var(--accent-primary) stroke-width=1.5></circle><circle cx=6 cy=7 r=0.8 fill=var(--accent-primary)></circle><circle cx=10 cy=7 r=0.8 fill=var(--accent-primary)></circle><path d="M6 10c0.5 0.8 3.5 0.8 4 0"fill=none stroke=var(--accent-primary) stroke-width=0.8 stroke-linecap=round></path></svg></div><input class=command-bar-input type=text></form><div class=command-bar-hints><span><kbd>Enter</kbd> to ask</span><span><kbd>Esc</kbd> to close`), _tmpl$5$6 = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
 const COMMAND_BAR_EXIT_MS = 200;
 const CommandBar = () => {
   const {
@@ -3430,7 +3443,7 @@ const CommandBar = () => {
       return visible();
     },
     get children() {
-      var _el$ = _tmpl$4$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$10 = _el$3.nextSibling, _el$11 = _el$10.firstChild;
+      var _el$ = _tmpl$4$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$10 = _el$3.nextSibling, _el$11 = _el$10.firstChild;
       _el$11.nextSibling;
       addEventListener(_el$, "click", closeCommandBar, true);
       _el$2.$$click = (e) => e.stopPropagation();
@@ -3444,7 +3457,7 @@ const CommandBar = () => {
           return !hasProvider();
         },
         get children() {
-          var _el$6 = _tmpl$$8(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
+          var _el$6 = _tmpl$$9(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
           _el$8.$$click = () => {
             closeCommandBar();
             openSettings();
@@ -3457,13 +3470,13 @@ const CommandBar = () => {
           return memo(() => !!(hasProvider() && recentQueries2().length > 0))() && !input().trim();
         },
         get children() {
-          var _el$9 = _tmpl$2$7(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
+          var _el$9 = _tmpl$2$8(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
           insert(_el$1, createComponent(For, {
             get each() {
               return recentQueries2();
             },
             children: (q) => (() => {
-              var _el$14 = _tmpl$5$5();
+              var _el$14 = _tmpl$5$6();
               _el$14.$$click = () => void handleRecentClick(q);
               insert(_el$14, q);
               return _el$14;
@@ -3477,10 +3490,10 @@ const CommandBar = () => {
           return hasProvider();
         },
         get fallback() {
-          return _tmpl$6$5();
+          return _tmpl$6$6();
         },
         get children() {
-          return _tmpl$3$6();
+          return _tmpl$3$7();
         }
       }), null);
       createRenderEffect((_p$) => {
@@ -3568,6 +3581,7 @@ function useBookmarks() {
       keyFields,
       agentHints
     ),
+    updateBookmark: (id, updates) => window.vessel.bookmarks.updateBookmark(id, updates),
     removeBookmark: (id) => window.vessel.bookmarks.removeBookmark(id),
     createFolder: (name) => window.vessel.bookmarks.createFolder(name),
     createFolderWithSummary: (name, summary) => window.vessel.bookmarks.createFolderWithSummary(name, summary),
@@ -5061,7 +5075,7 @@ function getBookmarkSearchMatch(args) {
   }
   return { matchedFields, score };
 }
-var _tmpl$$7 = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$2$6 = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$3$5 = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$4$5 = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`);
+var _tmpl$$8 = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$2$7 = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$3$6 = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$4$6 = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`);
 const DropdownSelect = (props) => {
   const [open, setOpen] = createSignal(false);
   let rootRef;
@@ -5085,7 +5099,7 @@ const DropdownSelect = (props) => {
     });
   });
   return (() => {
-    var _el$ = _tmpl$2$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+    var _el$ = _tmpl$2$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
     var _ref$ = rootRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : rootRef = _el$;
     _el$2.$$click = () => setOpen((current) => !current);
@@ -5095,13 +5109,13 @@ const DropdownSelect = (props) => {
         return open();
       },
       get children() {
-        var _el$5 = _tmpl$$7();
+        var _el$5 = _tmpl$$8();
         insert(_el$5, createComponent(For, {
           get each() {
             return props.options;
           },
           children: (option) => (() => {
-            var _el$6 = _tmpl$4$5(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild;
+            var _el$6 = _tmpl$4$6(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild;
             _el$6.$$click = () => {
               props.onChange(option.value);
               setOpen(false);
@@ -5112,7 +5126,7 @@ const DropdownSelect = (props) => {
                 return option.description;
               },
               get children() {
-                var _el$9 = _tmpl$3$5();
+                var _el$9 = _tmpl$3$6();
                 insert(_el$9, () => option.description);
                 return _el$9;
               }
@@ -5168,7 +5182,7 @@ var LucideContext = createContext({
   absoluteStrokeWidth: false,
   class: ""
 });
-var _tmpl$$6 = /* @__PURE__ */ template(`<svg>`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<svg>`);
 var hasA11yProp = (props) => {
   for (const prop in props) {
     if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
@@ -5190,7 +5204,7 @@ var Icon = (props) => {
   const [localProps, rest] = splitProps(props, ["color", "size", "strokeWidth", "children", "class", "name", "iconNode", "absoluteStrokeWidth"]);
   const globalProps = useContext(LucideContext);
   return (() => {
-    var _el$ = _tmpl$$6();
+    var _el$ = _tmpl$$7();
     spread(_el$, mergeProps(defaultAttributes_default, {
       get width() {
         return localProps.size ?? globalProps.size ?? defaultAttributes_default.width;
@@ -5508,7 +5522,7 @@ function renderKitPrompt(kit, values) {
     (_, key) => values[key] ?? ""
   );
 }
-var _tmpl$$5 = /* @__PURE__ */ template(`<div class=kit-upsell><div class=kit-upsell-icon aria-hidden=true></div><p class=kit-upsell-title>Vessel Premium</p><p class=kit-upsell-body>Automation Kits are a premium feature. Upgrade to unlock pre-built workflows you can launch with one click.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Automation Kits <span class=kit-beta-tag>Beta</span></span><div class=kit-list-header-actions><span class=kit-list-count> kits</span><button class=kit-install-btn type=button title="Install a kit from a .kit.json file">+ Install`), _tmpl$3$4 = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$4 = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$4 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$4 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$3 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$3 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to kits"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M9 11L5 7l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Back</button><div class=kit-form-title>`), _tmpl$0$3 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$3 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$3 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$13$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$14$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$16$2 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$2 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$18$2 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$2 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$23$2 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$2 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$25$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>×`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card role=button tabindex=0><span class=kit-card-icon aria-hidden=true></span><div class=kit-card-body><div class=kit-card-name></div><div class=kit-card-desc>`), _tmpl$27$2 = /* @__PURE__ */ template(`<svg class=kit-card-caret width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M5 3l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$28$2 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$29$2 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$30$2 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$31$2 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$2 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$33$2 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$2 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$2 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$2 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$2 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$2 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$39$2 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$40$2 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$41$2 = /* @__PURE__ */ template(`<option>`), _tmpl$42$2 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<div class=kit-upsell><div class=kit-upsell-icon aria-hidden=true></div><p class=kit-upsell-title>Vessel Premium</p><p class=kit-upsell-body>Automation Kits are a premium feature. Upgrade to unlock pre-built workflows you can launch with one click.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$6 = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Automation Kits <span class=kit-beta-tag>Beta</span></span><div class=kit-list-header-actions><span class=kit-list-count> kits</span><button class=kit-install-btn type=button title="Install a kit from a .kit.json file">+ Install`), _tmpl$3$5 = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$5 = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$5 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$4 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to kits"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M9 11L5 7l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Back</button><div class=kit-form-title>`), _tmpl$0$3 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$3 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$3 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$13$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$14$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$16$2 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$2 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$18$2 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$2 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$23$2 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$2 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$25$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>×`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card role=button tabindex=0><span class=kit-card-icon aria-hidden=true></span><div class=kit-card-body><div class=kit-card-name></div><div class=kit-card-desc>`), _tmpl$27$2 = /* @__PURE__ */ template(`<svg class=kit-card-caret width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M5 3l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$28$2 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$29$2 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$30$2 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$31$2 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$2 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$33$2 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$2 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$2 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$2 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$2 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$2 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$39$2 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$40$2 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$41$2 = /* @__PURE__ */ template(`<option>`), _tmpl$42$2 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
 const ICON_MAP = {
   BookOpen: book_open_default,
   Tag: tag_default,
@@ -5833,7 +5847,7 @@ const AutomationTab = (props) => {
         return memo(() => !!!premiumData.loading)() && !isPremium();
       },
       get children() {
-        var _el$2 = _tmpl$$5(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
+        var _el$2 = _tmpl$$6(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
         insert(_el$3, createComponent(zap_default, {
           size: 24
         }));
@@ -5847,7 +5861,7 @@ const AutomationTab = (props) => {
       },
       get children() {
         return [(() => {
-          var _el$7 = _tmpl$2$5(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling;
+          var _el$7 = _tmpl$2$6(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling;
           insert(_el$0, () => allKits().length, _el$1);
           _el$10.$$click = () => void handleInstall();
           return _el$7;
@@ -5856,13 +5870,13 @@ const AutomationTab = (props) => {
             return installError() !== null;
           },
           get children() {
-            var _el$11 = _tmpl$3$4(), _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling;
+            var _el$11 = _tmpl$3$5(), _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling;
             insert(_el$12, installError);
             _el$13.$$click = () => setInstallError(null);
             return _el$11;
           }
         }), (() => {
-          var _el$14 = _tmpl$4$4();
+          var _el$14 = _tmpl$4$5();
           insert(_el$14, createComponent(For, {
             get each() {
               return allKits();
@@ -5922,14 +5936,14 @@ const AutomationTab = (props) => {
           },
           get children() {
             return [(() => {
-              var _el$15 = _tmpl$5$4(), _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
+              var _el$15 = _tmpl$5$5(), _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
               insert(_el$15, createComponent(clock_default, {
                 size: 12
               }), _el$16);
               insert(_el$17, () => scheduledJobs().length);
               return _el$15;
             })(), (() => {
-              var _el$18 = _tmpl$6$4();
+              var _el$18 = _tmpl$6$5();
               insert(_el$18, createComponent(For, {
                 get each() {
                   return scheduledJobs();
@@ -6007,14 +6021,14 @@ const AutomationTab = (props) => {
           },
           get children() {
             return [(() => {
-              var _el$19 = _tmpl$7$3(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
+              var _el$19 = _tmpl$7$4(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
               insert(_el$19, createComponent(zap_default, {
                 size: 12
               }), _el$20);
               insert(_el$21, () => automationActivities2().length);
               return _el$19;
             })(), (() => {
-              var _el$22 = _tmpl$8$3();
+              var _el$22 = _tmpl$8$4();
               insert(_el$22, createComponent(For, {
                 get each() {
                   return automationActivities2();
@@ -6347,8 +6361,121 @@ const AutomationTab = (props) => {
   })();
 };
 delegateEvents(["click", "input", "keydown", "contextmenu"]);
+var _tmpl$$5 = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$4 = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$4 = /* @__PURE__ */ template(`<div class=agent-section-title>Recent page changes`), _tmpl$5$4 = /* @__PURE__ */ template(`<div class=page-diff-list>`), _tmpl$6$4 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$3 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$8$3 = /* @__PURE__ */ template(`<div class=page-diff-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=page-diff-content><div class=page-diff-time></div><div class=page-diff-summary>`);
+const PageDiffTimeline = () => {
+  const {
+    activeTab
+  } = useTabs();
+  const [bursts, setBursts] = createSignal([]);
+  const [loading, setLoading] = createSignal(true);
+  const [error, setError] = createSignal(null);
+  let latestRequestId = 0;
+  const loadHistory = async () => {
+    const requestId = ++latestRequestId;
+    const tab = activeTab();
+    if (!tab?.url) {
+      setBursts([]);
+      setError(null);
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const result = await window.vessel.pageDiff.getHistory();
+      if (requestId !== latestRequestId) return;
+      if (result && typeof result === "object" && "error" in result) {
+        setError(result.error);
+        setBursts([]);
+      } else {
+        setBursts(result ?? []);
+        setError(null);
+      }
+    } catch {
+      if (requestId !== latestRequestId) return;
+      setError("Failed to load diff history");
+      setBursts([]);
+    } finally {
+      if (requestId === latestRequestId) {
+        setLoading(false);
+      }
+    }
+  };
+  createEffect(() => {
+    void activeTab()?.url;
+    void loadHistory();
+  });
+  const unsubscribe = window.vessel.pageDiff.onChanged((diff) => {
+    const tab = activeTab();
+    if (!tab || !matchesPageSnapshotUrl(tab.url, diff.url)) return;
+    void loadHistory();
+  });
+  onCleanup(() => {
+    unsubscribe();
+  });
+  return (() => {
+    var _el$ = _tmpl$6$4();
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return loading();
+      },
+      get children() {
+        return _tmpl$$5();
+      }
+    }), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return memo(() => !!!loading())() && error();
+      },
+      get children() {
+        var _el$3 = _tmpl$2$5();
+        insert(_el$3, error);
+        return _el$3;
+      }
+    }), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return memo(() => !!(!loading() && !error()))() && bursts().length === 0;
+      },
+      get children() {
+        return _tmpl$3$4();
+      }
+    }), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return memo(() => !!(!loading() && !error()))() && bursts().length > 0;
+      },
+      get children() {
+        return [_tmpl$4$4(), (() => {
+          var _el$6 = _tmpl$5$4();
+          insert(_el$6, createComponent(For, {
+            get each() {
+              return bursts();
+            },
+            children: (burst, i) => (() => {
+              var _el$7 = _tmpl$8$3(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$1 = _el$8.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling;
+              insert(_el$8, createComponent(Show, {
+                get when() {
+                  return i() < bursts().length - 1;
+                },
+                get children() {
+                  return _tmpl$7$3();
+                }
+              }), null);
+              insert(_el$10, () => new Date(burst.detectedAt).toLocaleString());
+              insert(_el$11, () => burst.summary);
+              createRenderEffect(() => _el$9.classList.toggle("latest", !!(i() === 0)));
+              return _el$7;
+            })()
+          }));
+          return _el$6;
+        })()];
+      }
+    }), null);
+    return _el$;
+  })();
+};
 const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
-var _tmpl$$4 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$3 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$4$3 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$5$3 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$6$3 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$7$2 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$8$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2>`), _tmpl$9$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$0$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$1$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$10$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$11$2 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><button class=history-clear-btn>Clear</button></div><div class=history-list>`), _tmpl$12$2 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">Give the built-in agent a bigger toolbox and longer runway: screenshots, saved sessions, workflow tracking, table extraction, and up to 1,000 tool calls per turn.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$13$1 = /* @__PURE__ */ template(`<span>`), _tmpl$14$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$15$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$16$1 = /* @__PURE__ */ template(`<div class=sidebar-empty><svg class=sidebar-empty-icon width=48 height=48 viewBox="0 0 48 48"aria-hidden=true><line x1=8 y1=8 x2=24 y2=5 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=24 y1=5 x2=40 y2=10 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=8 y1=8 x2=6 y2=24 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=40 y1=10 x2=44 y2=26 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=6 y1=24 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=44 y1=26 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=10 y1=38 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=38 y1=40 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=8 y1=8 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=24 y1=5 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=40 y1=10 x2=32 y2=20 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=20 y1=18 x2=32 y2=20 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.3></line><line x1=6 y1=24 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=20 y1=18 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=32 y1=20 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=44 y1=26 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=18 y1=30 x2=36 y2=30 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.25></line><line x1=18 y1=30 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=36 y1=30 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=18 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><line x1=36 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><circle cx=8 cy=8 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=24 cy=5 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=40 cy=10 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.7></circle><circle cx=6 cy=24 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=44 cy=26 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=10 cy=38 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=38 cy=40 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=24 cy=44 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=20 cy=18 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.85></circle><circle cx=32 cy=20 r=4 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.9></circle><circle cx=18 cy=30 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.75></circle><circle cx=36 cy=30 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.8></circle></svg><p class=sidebar-empty-title>Your move.</p><p class=sidebar-empty-hint>Configure a provider in Settings (Ctrl+,) then ask anything about the current page or beyond.`), _tmpl$17$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Stop generating"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><rect x=2 y=2 width=10 height=10 rx=1.5 fill=currentColor></rect></svg>Stop`), _tmpl$18$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Retry last prompt"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M11.5 7a4.5 4.5 0 1 1-1.3-3.2"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M10.5 1v3h-3"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Retry`), _tmpl$19$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$20$1 = /* @__PURE__ */ template(`<div class=highlight-nav><button class=highlight-nav-btn type=button title="Previous highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M8 10L4 6l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=highlight-nav-label type=button title="Go to current highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><circle cx=6 cy=6 r=3 fill="rgba(196, 160, 90, 0.6)"stroke="rgba(196, 160, 90, 0.9)"stroke-width=1></circle></svg></button><button class=highlight-nav-btn type=button title="Next highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M4 2l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$21$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$22$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$23$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$24$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$25$1 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-resize-handle></div><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button><button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat"><svg width=14 height=14 viewBox="0 0 14 14"aria-hidden=true><path d="M3.5 3.5l7 7M10.5 3.5l-7 7"fill=none stroke=currentColor stroke-width=1.4 stroke-linecap=round></path></svg></button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button><button class=sidebar-tab role=tab>Automate</button><button class=sidebar-tab role=tab>History</button></div><div class=sidebar-messages><div>`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$30$1 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$31$1 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=agent-card><div class=agent-action-row><span class=agent-card-title></span><span></span></div><div class=agent-card-copy>`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$34$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$35$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$36$1 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$37$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-delete-confirm><p class=bookmark-delete-prompt>Delete "<!>"?</p><div class=bookmark-delete-options><button class="bookmark-ghost-button danger"type=button></button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$38$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><div class=bookmark-folder-form-fields><input class=bookmark-input><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=button>Save</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$39$1 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$40$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-section><div class="bookmark-folder-header clickable"role=button tabindex=0><div class=bookmark-folder-overview><span class=bookmark-folder-chevron aria-hidden=true>▸</span><div><div class=bookmark-folder-name></div><div class=bookmark-folder-meta> saved`), _tmpl$41$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$42$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$43 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$44 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$45 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$46 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$47 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><button class=agent-control-button type=button>Restore`), _tmpl$48 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$49 = /* @__PURE__ */ template(`<div>`), _tmpl$50 = /* @__PURE__ */ template(`<div class=thinking-state><div class=thinking-orb aria-hidden=true><span></span><span></span><span></span></div><div class=thinking-copy><div class=thinking-title>Thinking`), _tmpl$51 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$52 = /* @__PURE__ */ template(`<div class=chat-approval><div class=chat-approval-icon aria-hidden=true><svg width=16 height=16 viewBox="0 0 16 16"fill=none><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7.25 4.75a.75.75 0 011.5 0v3.5a.75.75 0 01-1.5 0v-3.5zM8 11.5a.75.75 0 110-1.5.75.75 0 010 1.5z"fill=currentColor></path></svg></div><div class=chat-approval-body><div class=chat-approval-title>Approval needed: <strong></strong></div><div class=chat-approval-detail></div><div class=chat-approval-actions><button class="chat-approval-btn chat-approval-approve"type=button>Approve</button><button class="chat-approval-btn chat-approval-reject"type=button>Reject`), _tmpl$53 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
+var _tmpl$$4 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$3 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$4$3 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$5$3 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$6$3 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$7$2 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$8$2 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$9$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$0$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$1$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$10$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><textarea class=agent-textarea rows=2 placeholder="Optional note for this checkpoint"></textarea><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$11$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$12$2 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><button class=history-clear-btn>Clear</button></div><div class=history-list>`), _tmpl$13$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$14$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$15$1 = /* @__PURE__ */ template(`<span>`), _tmpl$16$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$17$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$18$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$19$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$20$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$21$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$22$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$23$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$24$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$25$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-resize-handle></div><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button><button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat"><svg width=14 height=14 viewBox="0 0 14 14"aria-hidden=true><path d="M3.5 3.5l7 7M10.5 3.5l-7 7"fill=none stroke=currentColor stroke-width=1.4 stroke-linecap=round></path></svg></button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button><button class=sidebar-tab role=tab>Automate</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button></div><div class=sidebar-messages><div>`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$30$1 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$31$1 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$34$1 = /* @__PURE__ */ template(`<div class=agent-card><div class=agent-action-row><span class=agent-card-title></span><span></span></div><div class=agent-card-copy>`), _tmpl$35$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$36$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$37$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$38$1 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$39$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-delete-confirm><p class=bookmark-delete-prompt>Delete "<!>"?</p><div class=bookmark-delete-options><button class="bookmark-ghost-button danger"type=button></button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$40$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><div class=bookmark-folder-form-fields><input class=bookmark-input><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=button>Save</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$41$1 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$42$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-section><div class="bookmark-folder-header clickable"role=button tabindex=0><div class=bookmark-folder-overview><span class=bookmark-folder-chevron aria-hidden=true>▸</span><div><div class=bookmark-folder-name></div><div class=bookmark-folder-meta> saved`), _tmpl$43 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$44 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$45 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$46 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$47 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$48 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$49 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$50 = /* @__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$51 = /* @__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$52 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$53 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$54 = /* @__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$55 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$56 = /* @__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$57 = /* @__PURE__ */ template(`<div>`), _tmpl$58 = /* @__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$59 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$60 = /* @__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$61 = /* @__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",
@@ -6409,6 +6536,8 @@ const Sidebar = (props) => {
     resolveApproval,
     createCheckpoint,
     restoreCheckpoint,
+    updateCheckpointNote,
+    undoLastAction,
     restoreSession
   } = useRuntime();
   const {
@@ -6427,6 +6556,7 @@ const Sidebar = (props) => {
   const {
     bookmarksState: bookmarksState2,
     saveBookmark,
+    updateBookmark,
     removeBookmark,
     createFolderWithSummary,
     removeFolder,
@@ -6596,7 +6726,12 @@ ${contextBlock}` : contextBlock);
     }
   };
   const [checkpointName, setCheckpointName] = createSignal("");
+  const [checkpointNote, setCheckpointNote] = createSignal("");
   const [bookmarkNote, setBookmarkNote] = createSignal("");
+  const [bookmarkIntent, setBookmarkIntent] = createSignal("");
+  const [bookmarkExpectedContent, setBookmarkExpectedContent] = createSignal("");
+  const [bookmarkKeyFields, setBookmarkKeyFields] = createSignal("");
+  const [bookmarkAgentHints, setBookmarkAgentHints] = createSignal("");
   const [bookmarkSaveExpanded, setBookmarkSaveExpanded] = createSignal(false);
   const [selectedFolderId, setSelectedFolderId] = createSignal(UNSORTED_FOLDER.id);
   const [newFolderName, setNewFolderName] = createSignal("");
@@ -6605,6 +6740,13 @@ ${contextBlock}` : contextBlock);
   const [editingFolderId, setEditingFolderId] = createSignal(null);
   const [editingFolderName, setEditingFolderName] = createSignal("");
   const [editingFolderSummary, setEditingFolderSummary] = createSignal("");
+  const [editingBookmarkId, setEditingBookmarkId] = createSignal(null);
+  const [editingBookmarkTitle, setEditingBookmarkTitle] = createSignal("");
+  const [editingBookmarkNote, setEditingBookmarkNote] = createSignal("");
+  const [editingBookmarkIntent, setEditingBookmarkIntent] = createSignal("");
+  const [editingBookmarkExpectedContent, setEditingBookmarkExpectedContent] = createSignal("");
+  const [editingBookmarkKeyFields, setEditingBookmarkKeyFields] = createSignal("");
+  const [editingBookmarkAgentHints, setEditingBookmarkAgentHints] = createSignal("");
   const [deletingFolderId, setDeletingFolderId] = createSignal(null);
   const [expandedFolderIds, setExpandedFolderIds] = createSignal([UNSORTED_FOLDER.id]);
   const [actionsExpanded, setActionsExpanded] = createSignal(false);
@@ -6781,13 +6923,63 @@ ${contextBlock}` : contextBlock);
     day: "numeric",
     year: "numeric"
   });
+  const parseBookmarkKeyFields = (value) => {
+    const fields = value.split(",").map((entry) => entry.trim()).filter(Boolean);
+    return fields.length > 0 ? fields : void 0;
+  };
+  const parseBookmarkAgentHints = (value) => {
+    const entries2 = value.split("\n").map((line) => {
+      const separator = line.indexOf(":");
+      if (separator === -1) return null;
+      const key = line.slice(0, separator).trim();
+      const hint = line.slice(separator + 1).trim();
+      return key ? [key, hint] : null;
+    }).filter((entry) => Boolean(entry)).filter(([, hint]) => hint.length > 0);
+    return entries2.length > 0 ? Object.fromEntries(entries2) : void 0;
+  };
+  const formatBookmarkKeyFields = (value) => value?.join(", ") || "";
+  const formatBookmarkAgentHints = (value) => value ? Object.entries(value).map(([key, hint]) => `${key}: ${hint}`).join("\n") : "";
+  const resetBookmarkEditor = () => {
+    setEditingBookmarkId(null);
+    setEditingBookmarkTitle("");
+    setEditingBookmarkNote("");
+    setEditingBookmarkIntent("");
+    setEditingBookmarkExpectedContent("");
+    setEditingBookmarkKeyFields("");
+    setEditingBookmarkAgentHints("");
+  };
+  const startEditingBookmark = (bookmark) => {
+    setEditingBookmarkId(bookmark.id);
+    setEditingBookmarkTitle(bookmark.title || bookmark.url);
+    setEditingBookmarkNote(bookmark.note || "");
+    setEditingBookmarkIntent(bookmark.intent || "");
+    setEditingBookmarkExpectedContent(bookmark.expectedContent || "");
+    setEditingBookmarkKeyFields(formatBookmarkKeyFields(bookmark.keyFields));
+    setEditingBookmarkAgentHints(formatBookmarkAgentHints(bookmark.agentHints));
+  };
   const handleSaveBookmark = async () => {
     const tab = currentTab();
     if (!tab?.url) return;
-    await saveBookmark(tab.url, tab.title?.trim() || tab.url, selectedFolderId(), bookmarkNote());
+    await saveBookmark(tab.url, tab.title?.trim() || tab.url, selectedFolderId(), bookmarkNote(), bookmarkIntent() || void 0, bookmarkExpectedContent() || void 0, parseBookmarkKeyFields(bookmarkKeyFields()), parseBookmarkAgentHints(bookmarkAgentHints()));
     setBookmarkNote("");
+    setBookmarkIntent("");
+    setBookmarkExpectedContent("");
+    setBookmarkKeyFields("");
+    setBookmarkAgentHints("");
     setBookmarkSaveExpanded(false);
   };
+  const handleUpdateBookmark = async (bookmarkId) => {
+    const updated = await updateBookmark(bookmarkId, {
+      title: editingBookmarkTitle(),
+      note: editingBookmarkNote(),
+      intent: editingBookmarkIntent(),
+      expectedContent: editingBookmarkExpectedContent(),
+      keyFields: parseBookmarkKeyFields(editingBookmarkKeyFields()),
+      agentHints: parseBookmarkAgentHints(editingBookmarkAgentHints())
+    });
+    if (!updated) return;
+    resetBookmarkEditor();
+  };
   const handleCreateFolder = async (e) => {
     e.preventDefault();
     const name = newFolderName().trim();
@@ -6825,14 +7017,22 @@ ${contextBlock}` : contextBlock);
     setExpandedFolderIds((current) => current.includes(folderId) ? current.filter((id) => id !== folderId) : [...current, folderId]);
   };
   const isFolderExpanded = (folderId) => normalizedBookmarkSearch().length > 0 || expandedFolderIds().includes(folderId);
+  onMount(() => {
+    const cleanup = window.vessel.ui.onSidebarNavigate((tab) => {
+      if (tab === "supervisor" || tab === "bookmarks" || tab === "checkpoints" || tab === "chat" || tab === "automation" || tab === "history" || tab === "diff") {
+        setSidebarTab(tab);
+      }
+    });
+    onCleanup(cleanup);
+  });
   return createComponent(Show, {
     get when() {
       return props.forceOpen || sidebarOpen2();
     },
     get children() {
-      var _el$9 = _tmpl$25$1(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$1.nextSibling, _el$16 = _el$15.firstChild;
+      var _el$9 = _tmpl$27$1(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$1.nextSibling, _el$16 = _el$15.firstChild;
       _el$16.firstChild;
-      var _el$19 = _el$16.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$15.nextSibling, _el$93 = _el$24.firstChild;
+      var _el$19 = _el$16.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.nextSibling, _el$25 = _el$15.nextSibling, _el$104 = _el$25.firstChild;
       _el$0.$$pointerdown = startResize;
       setAttribute(_el$11, "src", vesselLogo);
       addEventListener(_el$13, "click", clearHistory, true);
@@ -6853,20 +7053,21 @@ ${contextBlock}` : contextBlock);
       _el$21.$$click = () => setSidebarTab("chat");
       _el$22.$$click = () => setSidebarTab("automation");
       _el$23.$$click = () => setSidebarTab("history");
+      _el$24.$$click = () => setSidebarTab("diff");
       use((el) => {
         messagesContainerRef = el;
         useScrollFade(el);
-      }, _el$24);
-      insert(_el$24, createComponent(Show, {
+      }, _el$25);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "supervisor";
         },
         get children() {
-          var _el$25 = _tmpl$6$3(), _el$26 = _el$25.firstChild, _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$29 = _el$28.nextSibling, _el$30 = _el$27.nextSibling, _el$31 = _el$26.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$34 = _el$31.nextSibling, _el$36 = _el$34.nextSibling;
-          _el$36.firstChild;
-          insert(_el$29, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
-          insert(_el$30, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
-          insert(_el$31, createComponent(DropdownSelect, {
+          var _el$26 = _tmpl$7$2(), _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$28.nextSibling, _el$32 = _el$27.nextSibling, _el$33 = _el$32.firstChild, _el$34 = _el$33.nextSibling, _el$36 = _el$32.nextSibling, _el$38 = _el$36.nextSibling;
+          _el$38.firstChild;
+          insert(_el$30, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
+          insert(_el$31, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
+          insert(_el$32, createComponent(DropdownSelect, {
             "class": "agent-select",
             get value() {
               return runtimeState2().supervisor.approvalMode;
@@ -6876,55 +7077,66 @@ ${contextBlock}` : contextBlock);
             },
             ariaLabel: "Approval mode",
             onChange: (value) => void setApprovalMode(value)
-          }), _el$32);
-          _el$32.$$click = () => void (runtimeState2().supervisor.paused ? resume() : pause());
-          insert(_el$32, () => runtimeState2().supervisor.paused ? "Resume" : "Pause");
-          _el$33.$$click = () => void restoreSession();
-          insert(_el$34, approvalModeDescription);
-          insert(_el$25, createComponent(Show, {
+          }), _el$33);
+          _el$33.$$click = () => void (runtimeState2().supervisor.paused ? resume() : pause());
+          insert(_el$33, () => runtimeState2().supervisor.paused ? "Resume" : "Pause");
+          _el$34.$$click = () => void restoreSession();
+          insert(_el$32, createComponent(Show, {
+            get when() {
+              return runtimeState2().canUndo;
+            },
+            get children() {
+              var _el$35 = _tmpl$4$3();
+              _el$35.$$click = () => void undoLastAction();
+              createRenderEffect(() => setAttribute(_el$35, "title", runtimeState2().undoInfo ? `Undo: ${runtimeState2().undoInfo.actionName}` : "Undo last action"));
+              return _el$35;
+            }
+          }), null);
+          insert(_el$36, approvalModeDescription);
+          insert(_el$26, createComponent(Show, {
             get when() {
               return runtimeState2().supervisor.pendingApprovals.length > 0;
             },
             get fallback() {
-              return _tmpl$26$1();
+              return _tmpl$28$1();
             },
             get children() {
-              return [_tmpl$4$3(), createComponent(For, {
+              return [_tmpl$5$3(), createComponent(For, {
                 get each() {
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$111 = _tmpl$27$1(), _el$112 = _el$111.firstChild, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.firstChild, _el$118 = _el$117.nextSibling;
-                  insert(_el$113, () => approval.name);
-                  insert(_el$114, () => approval.argsSummary);
-                  insert(_el$115, () => approval.reason);
-                  _el$117.$$click = () => void resolveApproval(approval.id, true);
-                  _el$118.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$111;
+                  var _el$122 = _tmpl$29$1(), _el$123 = _el$122.firstChild, _el$124 = _el$123.nextSibling, _el$125 = _el$124.nextSibling, _el$126 = _el$125.nextSibling, _el$127 = _el$126.nextSibling, _el$128 = _el$127.firstChild, _el$129 = _el$128.nextSibling;
+                  insert(_el$124, () => approval.name);
+                  insert(_el$125, () => approval.argsSummary);
+                  insert(_el$126, () => approval.reason);
+                  _el$128.$$click = () => void resolveApproval(approval.id, true);
+                  _el$129.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$122;
                 })()
               })];
             }
-          }), _el$36);
-          insert(_el$36, createComponent(Show, {
+          }), _el$38);
+          insert(_el$38, createComponent(Show, {
             get when() {
               return recentActions().length > 0;
             },
             get children() {
-              var _el$38 = _tmpl$5$3();
-              _el$38.$$click = () => setActionsExpanded((current) => !current);
-              insert(_el$38, (() => {
+              var _el$40 = _tmpl$6$3();
+              _el$40.$$click = () => setActionsExpanded((current) => !current);
+              insert(_el$40, (() => {
                 var _c$ = memo(() => !!actionsExpanded());
                 return () => _c$() ? "Hide history" : `Show history (${recentActions().length})`;
               })());
-              return _el$38;
+              return _el$40;
             }
           }), null);
-          insert(_el$25, createComponent(Show, {
+          insert(_el$26, createComponent(Show, {
             get when() {
               return recentActions().length > 0;
             },
             get fallback() {
-              return _tmpl$28$1();
+              return _tmpl$30$1();
             },
             get children() {
               return createComponent(Show, {
@@ -6932,7 +7144,7 @@ ${contextBlock}` : contextBlock);
                   return actionsExpanded();
                 },
                 get fallback() {
-                  return _tmpl$29$1();
+                  return _tmpl$31$1();
                 },
                 get children() {
                   return createComponent(For, {
@@ -6940,71 +7152,71 @@ ${contextBlock}` : contextBlock);
                       return recentActions();
                     },
                     children: (action) => (() => {
-                      var _el$121 = _tmpl$32$1(), _el$122 = _el$121.firstChild, _el$123 = _el$122.firstChild, _el$124 = _el$123.nextSibling, _el$125 = _el$122.nextSibling;
-                      insert(_el$123, () => action.name);
-                      insert(_el$124, () => action.status);
-                      insert(_el$125, () => action.argsSummary);
-                      insert(_el$121, createComponent(Show, {
+                      var _el$132 = _tmpl$34$1(), _el$133 = _el$132.firstChild, _el$134 = _el$133.firstChild, _el$135 = _el$134.nextSibling, _el$136 = _el$133.nextSibling;
+                      insert(_el$134, () => action.name);
+                      insert(_el$135, () => action.status);
+                      insert(_el$136, () => action.argsSummary);
+                      insert(_el$132, createComponent(Show, {
                         get when() {
                           return action.resultSummary;
                         },
                         get children() {
-                          var _el$126 = _tmpl$30$1();
-                          insert(_el$126, () => action.resultSummary);
-                          return _el$126;
+                          var _el$137 = _tmpl$32$1();
+                          insert(_el$137, () => action.resultSummary);
+                          return _el$137;
                         }
                       }), null);
-                      insert(_el$121, createComponent(Show, {
+                      insert(_el$132, createComponent(Show, {
                         get when() {
                           return action.error;
                         },
                         get children() {
-                          var _el$127 = _tmpl$31$1();
-                          insert(_el$127, () => action.error);
-                          return _el$127;
+                          var _el$138 = _tmpl$33$1();
+                          insert(_el$138, () => action.error);
+                          return _el$138;
                         }
                       }), null);
-                      createRenderEffect(() => className(_el$124, `agent-action-status ${action.status}`));
-                      return _el$121;
+                      createRenderEffect(() => className(_el$135, `agent-action-status ${action.status}`));
+                      return _el$132;
                     })()
                   });
                 }
               });
             }
           }), null);
-          createRenderEffect(() => _el$30.classList.toggle("paused", !!runtimeState2().supervisor.paused));
-          return _el$25;
+          createRenderEffect(() => _el$31.classList.toggle("paused", !!runtimeState2().supervisor.paused));
+          return _el$26;
         }
-      }), _el$93);
-      insert(_el$24, createComponent(Show, {
+      }), _el$104);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "bookmarks";
         },
         get children() {
-          var _el$39 = _tmpl$9$2(), _el$40 = _el$39.firstChild, _el$41 = _el$40.firstChild, _el$42 = _el$41.firstChild, _el$43 = _el$42.nextSibling, _el$45 = _el$40.nextSibling, _el$46 = _el$45.nextSibling, _el$47 = _el$46.firstChild, _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling, _el$56 = _el$46.nextSibling, _el$57 = _el$56.firstChild, _el$58 = _el$57.firstChild, _el$59 = _el$58.nextSibling, _el$60 = _el$57.nextSibling, _el$61 = _el$56.nextSibling;
-          insert(_el$43, (() => {
+          var _el$41 = _tmpl$0$2(), _el$42 = _el$41.firstChild, _el$43 = _el$42.firstChild, _el$44 = _el$43.firstChild, _el$45 = _el$44.nextSibling, _el$47 = _el$42.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling, _el$62 = _el$48.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$63.firstChild, _el$65 = _el$64.nextSibling, _el$66 = _el$63.nextSibling, _el$67 = _el$62.nextSibling;
+          insert(_el$45, (() => {
             var _c$2 = memo(() => !!normalizedBookmarkSearch());
             return () => _c$2() ? `${bookmarkMatchCount()} matches for "${bookmarkSearchQuery().trim()}"` : `${bookmarksState2().bookmarks.length} saved across ${bookmarkFolders().length} folders`;
           })());
-          insert(_el$40, createComponent(Show, {
+          insert(_el$42, createComponent(Show, {
             get when() {
               return currentTabSaved();
             },
             get children() {
-              return _tmpl$7$2();
+              return _tmpl$8$2();
             }
           }), null);
-          _el$45.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
-          _el$47.$$click = () => setBookmarkSaveExpanded((current) => !current);
-          insert(_el$46, createComponent(Show, {
+          _el$47.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
+          _el$49.$$click = () => setBookmarkSaveExpanded((current) => !current);
+          insert(_el$48, createComponent(Show, {
             get when() {
               return bookmarkSaveExpanded();
             },
             get children() {
-              var _el$50 = _tmpl$8$2(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling, _el$53 = _el$52.nextSibling, _el$54 = _el$53.firstChild, _el$55 = _el$53.nextSibling;
-              insert(_el$51, () => currentTab()?.title || "No active page");
-              insert(_el$52, () => currentTab()?.url || "Open a page to save it here.");
-              insert(_el$53, createComponent(DropdownSelect, {
+              var _el$52 = _tmpl$9$2(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling, _el$55 = _el$54.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$55.nextSibling, _el$58 = _el$57.nextSibling, _el$59 = _el$58.nextSibling, _el$60 = _el$59.nextSibling, _el$61 = _el$60.nextSibling;
+              insert(_el$53, () => currentTab()?.title || "No active page");
+              insert(_el$54, () => currentTab()?.url || "Open a page to save it here.");
+              insert(_el$55, createComponent(DropdownSelect, {
                 "class": "bookmark-select",
                 get value() {
                   return selectedFolderId();
@@ -7014,29 +7226,37 @@ ${contextBlock}` : contextBlock);
                 },
                 ariaLabel: "Bookmark folder",
                 onChange: (value) => setSelectedFolderId(value)
-              }), _el$54);
-              _el$54.$$click = () => void handleSaveBookmark();
-              _el$55.$$input = (e) => setBookmarkNote(e.currentTarget.value);
-              createRenderEffect(() => _el$54.disabled = !currentTab()?.url);
-              createRenderEffect(() => _el$55.value = bookmarkNote());
-              return _el$50;
+              }), _el$56);
+              _el$56.$$click = () => void handleSaveBookmark();
+              _el$57.$$input = (e) => setBookmarkNote(e.currentTarget.value);
+              _el$58.$$input = (e) => setBookmarkIntent(e.currentTarget.value);
+              _el$59.$$input = (e) => setBookmarkExpectedContent(e.currentTarget.value);
+              _el$60.$$input = (e) => setBookmarkKeyFields(e.currentTarget.value);
+              _el$61.$$input = (e) => setBookmarkAgentHints(e.currentTarget.value);
+              createRenderEffect(() => _el$56.disabled = !currentTab()?.url);
+              createRenderEffect(() => _el$57.value = bookmarkNote());
+              createRenderEffect(() => _el$58.value = bookmarkIntent());
+              createRenderEffect(() => _el$59.value = bookmarkExpectedContent());
+              createRenderEffect(() => _el$60.value = bookmarkKeyFields());
+              createRenderEffect(() => _el$61.value = bookmarkAgentHints());
+              return _el$52;
             }
           }), null);
-          _el$56.addEventListener("submit", handleCreateFolder);
-          _el$58.$$input = (e) => setNewFolderName(e.currentTarget.value);
-          _el$59.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
-          insert(_el$61, createComponent(Show, {
+          _el$62.addEventListener("submit", handleCreateFolder);
+          _el$64.$$input = (e) => setNewFolderName(e.currentTarget.value);
+          _el$65.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
+          insert(_el$67, createComponent(Show, {
             get when() {
               return filteredGroupedBookmarks().length > 0;
             },
             get fallback() {
               return (() => {
-                var _el$128 = _tmpl$33$1();
-                insert(_el$128, (() => {
+                var _el$139 = _tmpl$35$1();
+                insert(_el$139, (() => {
                   var _c$5 = memo(() => !!normalizedBookmarkSearch());
                   return () => _c$5() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
                 })());
-                return _el$128;
+                return _el$139;
               })();
             },
             get children() {
@@ -7045,100 +7265,100 @@ ${contextBlock}` : contextBlock);
                   return filteredGroupedBookmarks();
                 },
                 children: (folder) => (() => {
-                  var _el$129 = _tmpl$40$1(), _el$130 = _el$129.firstChild, _el$131 = _el$130.firstChild, _el$132 = _el$131.firstChild, _el$133 = _el$132.nextSibling, _el$134 = _el$133.firstChild, _el$135 = _el$134.nextSibling, _el$136 = _el$135.firstChild;
-                  _el$130.$$keydown = (e) => {
+                  var _el$140 = _tmpl$42$1(), _el$141 = _el$140.firstChild, _el$142 = _el$141.firstChild, _el$143 = _el$142.firstChild, _el$144 = _el$143.nextSibling, _el$145 = _el$144.firstChild, _el$146 = _el$145.nextSibling, _el$147 = _el$146.firstChild;
+                  _el$141.$$keydown = (e) => {
                     if (e.key === "Enter" || e.key === " ") {
                       e.preventDefault();
                       toggleFolderExpanded(folder.id);
                     }
                   };
-                  _el$130.$$click = () => toggleFolderExpanded(folder.id);
-                  insert(_el$134, () => folder.name);
-                  insert(_el$135, () => folder.items.length, _el$136);
-                  insert(_el$133, createComponent(Show, {
+                  _el$141.$$click = () => toggleFolderExpanded(folder.id);
+                  insert(_el$145, () => folder.name);
+                  insert(_el$146, () => folder.items.length, _el$147);
+                  insert(_el$144, createComponent(Show, {
                     get when() {
                       return folder.summary;
                     },
                     get children() {
-                      var _el$137 = _tmpl$34$1();
-                      insert(_el$137, () => folder.summary);
-                      return _el$137;
+                      var _el$148 = _tmpl$36$1();
+                      insert(_el$148, () => folder.summary);
+                      return _el$148;
                     }
                   }), null);
-                  insert(_el$130, createComponent(Show, {
+                  insert(_el$141, createComponent(Show, {
                     get when() {
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$138 = _tmpl$35$1(), _el$139 = _el$138.firstChild, _el$140 = _el$139.nextSibling;
-                      _el$139.$$click = (e) => {
+                      var _el$149 = _tmpl$37$1(), _el$150 = _el$149.firstChild, _el$151 = _el$150.nextSibling;
+                      _el$150.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
                         setEditingFolderName(folder.name);
                         setEditingFolderSummary(folder.summary || "");
                       };
-                      _el$140.$$click = (e) => {
+                      _el$151.$$click = (e) => {
                         e.stopPropagation();
                         setDeletingFolderId(folder.id);
                       };
-                      return _el$138;
+                      return _el$149;
                     }
                   }), null);
-                  insert(_el$129, createComponent(Show, {
+                  insert(_el$140, createComponent(Show, {
                     get when() {
                       return deletingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$141 = _tmpl$37$1(), _el$142 = _el$141.firstChild, _el$143 = _el$142.firstChild, _el$145 = _el$143.nextSibling;
-                      _el$145.nextSibling;
-                      var _el$146 = _el$142.nextSibling, _el$148 = _el$146.firstChild, _el$149 = _el$148.nextSibling;
-                      insert(_el$142, () => folder.name, _el$145);
-                      insert(_el$142, (() => {
+                      var _el$152 = _tmpl$39$1(), _el$153 = _el$152.firstChild, _el$154 = _el$153.firstChild, _el$156 = _el$154.nextSibling;
+                      _el$156.nextSibling;
+                      var _el$157 = _el$153.nextSibling, _el$159 = _el$157.firstChild, _el$160 = _el$159.nextSibling;
+                      insert(_el$153, () => folder.name, _el$156);
+                      insert(_el$153, (() => {
                         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$146, createComponent(Show, {
+                      insert(_el$157, createComponent(Show, {
                         get when() {
                           return folder.items.length > 0;
                         },
                         get children() {
-                          var _el$147 = _tmpl$36$1();
-                          _el$147.$$click = () => void handleRemoveFolder(folder.id, false);
-                          return _el$147;
+                          var _el$158 = _tmpl$38$1();
+                          _el$158.$$click = () => void handleRemoveFolder(folder.id, false);
+                          return _el$158;
                         }
-                      }), _el$148);
-                      _el$148.$$click = () => void handleRemoveFolder(folder.id, true);
-                      insert(_el$148, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
-                      _el$149.$$click = () => setDeletingFolderId(null);
-                      return _el$141;
+                      }), _el$159);
+                      _el$159.$$click = () => void handleRemoveFolder(folder.id, true);
+                      insert(_el$159, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
+                      _el$160.$$click = () => setDeletingFolderId(null);
+                      return _el$152;
                     }
                   }), null);
-                  insert(_el$129, createComponent(Show, {
+                  insert(_el$140, createComponent(Show, {
                     get when() {
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$150 = _tmpl$38$1(), _el$151 = _el$150.firstChild, _el$152 = _el$151.firstChild, _el$153 = _el$152.nextSibling, _el$154 = _el$151.nextSibling, _el$155 = _el$154.nextSibling;
-                      _el$152.$$input = (e) => setEditingFolderName(e.currentTarget.value);
-                      _el$153.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
-                      _el$154.$$click = () => void handleRenameFolder(folder.id);
-                      _el$155.$$click = () => {
+                      var _el$161 = _tmpl$40$1(), _el$162 = _el$161.firstChild, _el$163 = _el$162.firstChild, _el$164 = _el$163.nextSibling, _el$165 = _el$162.nextSibling, _el$166 = _el$165.nextSibling;
+                      _el$163.$$input = (e) => setEditingFolderName(e.currentTarget.value);
+                      _el$164.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
+                      _el$165.$$click = () => void handleRenameFolder(folder.id);
+                      _el$166.$$click = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$154.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$152.value = editingFolderName());
-                      createRenderEffect(() => _el$153.value = editingFolderSummary());
-                      return _el$150;
+                      createRenderEffect(() => _el$165.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$163.value = editingFolderName());
+                      createRenderEffect(() => _el$164.value = editingFolderSummary());
+                      return _el$161;
                     }
                   }), null);
-                  insert(_el$129, createComponent(Show, {
+                  insert(_el$140, createComponent(Show, {
                     get when() {
                       return isFolderExpanded(folder.id);
                     },
                     get fallback() {
-                      return _tmpl$41$1();
+                      return _tmpl$43();
                     },
                     get children() {
                       return createComponent(Show, {
@@ -7146,116 +7366,204 @@ ${contextBlock}` : contextBlock);
                           return folder.items.length > 0;
                         },
                         get fallback() {
-                          return _tmpl$42$1();
+                          return _tmpl$44();
                         },
                         get children() {
-                          var _el$156 = _tmpl$39$1();
-                          insert(_el$156, createComponent(For, {
+                          var _el$167 = _tmpl$41$1();
+                          insert(_el$167, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              var _el$159 = _tmpl$44(), _el$160 = _el$159.firstChild, _el$161 = _el$160.firstChild, _el$162 = _el$161.nextSibling, _el$164 = _el$160.nextSibling, _el$165 = _el$164.firstChild, _el$166 = _el$165.nextSibling;
-                              _el$160.$$click = () => void createTab(bookmark.url);
-                              insert(_el$161, () => bookmark.title || bookmark.url);
-                              insert(_el$162, () => bookmark.url);
-                              insert(_el$159, createComponent(Show, {
+                              var _el$170 = _tmpl$51(), _el$171 = _el$170.firstChild, _el$172 = _el$171.firstChild, _el$173 = _el$172.nextSibling, _el$198 = _el$171.nextSibling, _el$199 = _el$198.firstChild, _el$200 = _el$199.nextSibling, _el$201 = _el$200.nextSibling;
+                              _el$171.$$click = () => void createTab(bookmark.url);
+                              insert(_el$172, () => bookmark.title || bookmark.url);
+                              insert(_el$173, () => bookmark.url);
+                              insert(_el$170, createComponent(Show, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$163 = _tmpl$43();
-                                  insert(_el$163, () => bookmark.note);
-                                  return _el$163;
+                                  var _el$174 = _tmpl$45();
+                                  insert(_el$174, () => bookmark.note);
+                                  return _el$174;
+                                }
+                              }), _el$198);
+                              insert(_el$170, 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$175 = _tmpl$45();
+                                  insert(_el$175, createComponent(Show, {
+                                    get when() {
+                                      return bookmark.intent;
+                                    },
+                                    get children() {
+                                      var _el$176 = _tmpl$46(), _el$177 = _el$176.firstChild;
+                                      _el$177.nextSibling;
+                                      insert(_el$176, () => bookmark.intent, null);
+                                      return _el$176;
+                                    }
+                                  }), null);
+                                  insert(_el$175, createComponent(Show, {
+                                    get when() {
+                                      return bookmark.expectedContent;
+                                    },
+                                    get children() {
+                                      var _el$179 = _tmpl$47(), _el$180 = _el$179.firstChild;
+                                      _el$180.nextSibling;
+                                      insert(_el$179, () => bookmark.expectedContent, null);
+                                      return _el$179;
+                                    }
+                                  }), null);
+                                  insert(_el$175, createComponent(Show, {
+                                    get when() {
+                                      return (bookmark.keyFields?.length || 0) > 0;
+                                    },
+                                    get children() {
+                                      var _el$182 = _tmpl$48(), _el$183 = _el$182.firstChild;
+                                      _el$183.nextSibling;
+                                      insert(_el$182, () => bookmark.keyFields?.join(", "), null);
+                                      return _el$182;
+                                    }
+                                  }), null);
+                                  insert(_el$175, createComponent(Show, {
+                                    get when() {
+                                      return memo(() => !!bookmark.agentHints)() && Object.keys(bookmark.agentHints).length > 0;
+                                    },
+                                    get children() {
+                                      var _el$185 = _tmpl$49(), _el$186 = _el$185.firstChild;
+                                      _el$186.nextSibling;
+                                      insert(_el$185, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
+                                      return _el$185;
+                                    }
+                                  }), null);
+                                  return _el$175;
+                                }
+                              }), _el$198);
+                              insert(_el$170, createComponent(Show, {
+                                get when() {
+                                  return editingBookmarkId() === bookmark.id;
+                                },
+                                get children() {
+                                  var _el$188 = _tmpl$50(), _el$189 = _el$188.firstChild, _el$190 = _el$189.nextSibling, _el$191 = _el$190.nextSibling, _el$192 = _el$191.nextSibling, _el$193 = _el$192.nextSibling, _el$194 = _el$193.nextSibling, _el$195 = _el$194.nextSibling, _el$196 = _el$195.firstChild, _el$197 = _el$196.nextSibling;
+                                  _el$189.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
+                                  _el$190.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
+                                  _el$191.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
+                                  _el$192.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
+                                  _el$193.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
+                                  _el$194.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
+                                  _el$196.$$click = () => void handleUpdateBookmark(bookmark.id);
+                                  _el$197.$$click = resetBookmarkEditor;
+                                  createRenderEffect(() => _el$189.value = editingBookmarkTitle());
+                                  createRenderEffect(() => _el$190.value = editingBookmarkNote());
+                                  createRenderEffect(() => _el$191.value = editingBookmarkIntent());
+                                  createRenderEffect(() => _el$192.value = editingBookmarkExpectedContent());
+                                  createRenderEffect(() => _el$193.value = editingBookmarkKeyFields());
+                                  createRenderEffect(() => _el$194.value = editingBookmarkAgentHints());
+                                  return _el$188;
+                                }
+                              }), _el$198);
+                              insert(_el$199, () => formatBookmarkDate(bookmark.savedAt));
+                              _el$200.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
+                              insert(_el$200, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
+                              _el$201.$$click = () => {
+                                if (editingBookmarkId() === bookmark.id) {
+                                  resetBookmarkEditor();
                                 }
-                              }), _el$164);
-                              insert(_el$165, () => formatBookmarkDate(bookmark.savedAt));
-                              _el$166.$$click = () => void removeBookmark(bookmark.id);
-                              createRenderEffect(() => setAttribute(_el$159, "data-bookmark-id", bookmark.id));
-                              return _el$159;
+                                void removeBookmark(bookmark.id);
+                              };
+                              createRenderEffect(() => setAttribute(_el$170, "data-bookmark-id", bookmark.id));
+                              return _el$170;
                             })()
                           }));
-                          return _el$156;
+                          return _el$167;
                         }
                       });
                     }
                   }), null);
-                  createRenderEffect(() => _el$132.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
-                  return _el$129;
+                  createRenderEffect(() => _el$143.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
+                  return _el$140;
                 })()
               });
             }
           }));
           createRenderEffect((_p$) => {
             var _v$ = !!bookmarkSaveExpanded(), _v$2 = !newFolderName().trim();
-            _v$ !== _p$.e && _el$49.classList.toggle("expanded", _p$.e = _v$);
-            _v$2 !== _p$.t && (_el$60.disabled = _p$.t = _v$2);
+            _v$ !== _p$.e && _el$51.classList.toggle("expanded", _p$.e = _v$);
+            _v$2 !== _p$.t && (_el$66.disabled = _p$.t = _v$2);
             return _p$;
           }, {
             e: void 0,
             t: void 0
           });
-          createRenderEffect(() => _el$45.value = bookmarkSearchQuery());
-          createRenderEffect(() => _el$58.value = newFolderName());
-          createRenderEffect(() => _el$59.value = newFolderSummary());
-          return _el$39;
+          createRenderEffect(() => _el$47.value = bookmarkSearchQuery());
+          createRenderEffect(() => _el$64.value = newFolderName());
+          createRenderEffect(() => _el$65.value = newFolderSummary());
+          return _el$41;
         }
-      }), _el$93);
-      insert(_el$24, createComponent(Show, {
+      }), _el$104);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "checkpoints";
         },
         get children() {
-          var _el$62 = _tmpl$1$2(), _el$63 = _el$62.firstChild, _el$64 = _el$63.firstChild, _el$65 = _el$64.firstChild, _el$66 = _el$65.nextSibling, _el$67 = _el$63.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.firstChild, _el$70 = _el$69.nextSibling;
-          _el$68.nextSibling;
-          insert(_el$66, (() => {
+          var _el$68 = _tmpl$10$2(), _el$69 = _el$68.firstChild, _el$70 = _el$69.firstChild, _el$71 = _el$70.firstChild, _el$72 = _el$71.nextSibling, _el$73 = _el$69.nextSibling, _el$74 = _el$73.firstChild, _el$75 = _el$74.firstChild, _el$76 = _el$75.nextSibling, _el$77 = _el$76.nextSibling;
+          _el$74.nextSibling;
+          insert(_el$72, (() => {
             var _c$3 = memo(() => recentCheckpoints().length > 0);
             return () => _c$3() ? `${recentCheckpoints().length} saved snapshots` : "Save and restore session snapshots";
           })());
-          _el$69.$$input = (e) => setCheckpointName(e.currentTarget.value);
-          _el$70.$$click = async () => {
+          _el$75.$$input = (e) => setCheckpointName(e.currentTarget.value);
+          _el$76.$$input = (e) => setCheckpointNote(e.currentTarget.value);
+          _el$77.$$click = async () => {
             const name = checkpointName().trim();
-            await createCheckpoint(name || void 0);
+            await createCheckpoint(name || void 0, checkpointNote() || void 0);
             setCheckpointName("");
+            setCheckpointNote("");
           };
-          insert(_el$67, createComponent(Show, {
+          insert(_el$73, createComponent(Show, {
             get when() {
               return recentCheckpoints().length > 0;
             },
             get fallback() {
-              return _tmpl$45();
+              return _tmpl$52();
             },
             get children() {
-              var _el$72 = _tmpl$0$2();
-              insert(_el$72, createComponent(For, {
+              var _el$79 = _tmpl$1$2();
+              insert(_el$79, createComponent(For, {
                 get each() {
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  var _el$168 = _tmpl$47(), _el$169 = _el$168.firstChild, _el$170 = _el$169.firstChild, _el$172 = _el$169.nextSibling, _el$173 = _el$172.firstChild, _el$174 = _el$173.nextSibling, _el$175 = _el$174.nextSibling;
-                  insert(_el$169, createComponent(Show, {
+                  var _el$203 = _tmpl$54(), _el$204 = _el$203.firstChild, _el$205 = _el$204.firstChild, _el$207 = _el$204.nextSibling, _el$208 = _el$207.firstChild, _el$209 = _el$208.nextSibling, _el$210 = _el$209.nextSibling, _el$211 = _el$210.nextSibling;
+                  insert(_el$204, createComponent(Show, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
                     get children() {
-                      return _tmpl$46();
+                      return _tmpl$53();
                     }
                   }), null);
-                  insert(_el$173, () => checkpoint.name);
-                  insert(_el$174, () => new Date(checkpoint.createdAt).toLocaleString());
-                  _el$175.$$click = () => void restoreCheckpoint(checkpoint.id);
-                  createRenderEffect(() => _el$170.classList.toggle("latest", !!(i() === 0)));
-                  return _el$168;
+                  insert(_el$208, () => checkpoint.name);
+                  insert(_el$209, () => new Date(checkpoint.createdAt).toLocaleString());
+                  _el$210.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
+                  _el$211.$$click = () => void restoreCheckpoint(checkpoint.id);
+                  createRenderEffect(() => _el$205.classList.toggle("latest", !!(i() === 0)));
+                  createRenderEffect(() => _el$210.value = checkpoint.note || "");
+                  return _el$203;
                 })()
               }));
-              return _el$72;
+              return _el$79;
             }
           }), null);
-          createRenderEffect(() => _el$69.value = checkpointName());
-          return _el$62;
+          createRenderEffect(() => _el$75.value = checkpointName());
+          createRenderEffect(() => _el$76.value = checkpointNote());
+          return _el$68;
         }
-      }), _el$93);
-      insert(_el$24, createComponent(Show, {
+      }), _el$104);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "automation";
         },
@@ -7264,41 +7572,68 @@ ${contextBlock}` : contextBlock);
             onRun: () => setSidebarTab("supervisor")
           });
         }
-      }), _el$93);
-      insert(_el$24, createComponent(Show, {
+      }), _el$104);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "history";
         },
         get children() {
-          var _el$73 = _tmpl$11$2(), _el$74 = _el$73.firstChild, _el$75 = _el$74.firstChild, _el$76 = _el$75.nextSibling, _el$77 = _el$74.nextSibling;
-          _el$76.$$click = async () => {
+          var _el$80 = _tmpl$12$2(), _el$81 = _el$80.firstChild, _el$82 = _el$81.firstChild, _el$83 = _el$82.nextSibling, _el$84 = _el$81.nextSibling;
+          _el$83.$$click = async () => {
             await history.clear();
           };
-          insert(_el$77, createComponent(For, {
+          insert(_el$84, createComponent(For, {
             get each() {
               return history.historyState().entries;
             },
             children: (entry) => (() => {
-              var _el$176 = _tmpl$48(), _el$177 = _el$176.firstChild, _el$178 = _el$177.nextSibling, _el$179 = _el$178.nextSibling;
-              _el$176.$$click = () => createTab(entry.url);
-              insert(_el$177, () => entry.title || entry.url);
-              insert(_el$178, () => entry.url);
-              insert(_el$179, () => new Date(entry.visitedAt).toLocaleString());
-              return _el$176;
+              var _el$212 = _tmpl$55(), _el$213 = _el$212.firstChild, _el$214 = _el$213.nextSibling, _el$215 = _el$214.nextSibling;
+              _el$212.$$click = () => createTab(entry.url);
+              insert(_el$213, () => entry.title || entry.url);
+              insert(_el$214, () => entry.url);
+              insert(_el$215, () => new Date(entry.visitedAt).toLocaleString());
+              return _el$212;
             })()
           }), null);
-          insert(_el$77, createComponent(Show, {
+          insert(_el$84, createComponent(Show, {
             get when() {
               return history.historyState().entries.length === 0;
             },
             get children() {
-              return _tmpl$10$2();
+              return _tmpl$11$2();
             }
           }), null);
-          return _el$73;
+          return _el$80;
         }
-      }), _el$93);
-      insert(_el$24, createComponent(Show, {
+      }), _el$104);
+      insert(_el$25, createComponent(Show, {
+        get when() {
+          return sidebarTab() === "diff";
+        },
+        get children() {
+          var _el$86 = _tmpl$13$1(), _el$87 = _el$86.firstChild, _el$88 = _el$87.firstChild, _el$89 = _el$88.nextSibling;
+          insert(_el$89, () => isPremium() ? "Page change timeline" : "Premium feature");
+          insert(_el$86, createComponent(Show, {
+            get when() {
+              return isPremium();
+            },
+            get fallback() {
+              return (() => {
+                var _el$216 = _tmpl$56(), _el$217 = _el$216.firstChild, _el$218 = _el$217.nextSibling, _el$219 = _el$218.nextSibling, _el$220 = _el$219.firstChild, _el$221 = _el$220.nextSibling;
+                _el$220.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
+                });
+                _el$221.$$click = openPremiumDetails;
+                return _el$216;
+              })();
+            },
+            get children() {
+              return createComponent(PageDiffTimeline, {});
+            }
+          }), null);
+          return _el$86;
+        }
+      }), _el$104);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
         },
@@ -7308,23 +7643,23 @@ ${contextBlock}` : contextBlock);
               return !isPremium();
             },
             get children() {
-              var _el$79 = _tmpl$12$2(), _el$80 = _el$79.firstChild, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.firstChild, _el$84 = _el$83.nextSibling;
-              _el$83.$$click = () => openPremiumCheckout("chat_banner_clicked");
-              _el$84.$$click = openPremiumDetails;
-              return _el$79;
+              var _el$90 = _tmpl$14$1(), _el$91 = _el$90.firstChild, _el$92 = _el$91.nextSibling, _el$93 = _el$92.nextSibling, _el$94 = _el$93.firstChild, _el$95 = _el$94.nextSibling;
+              _el$94.$$click = () => openPremiumCheckout("chat_banner_clicked");
+              _el$95.$$click = openPremiumDetails;
+              return _el$90;
             }
           }), createComponent(For, {
             get each() {
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$180 = _tmpl$49();
-              insert(_el$180, createComponent(MarkdownMessage, {
+              var _el$222 = _tmpl$57();
+              insert(_el$222, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }), null);
-              insert(_el$180, createComponent(Show, {
+              insert(_el$222, createComponent(Show, {
                 get when() {
                   return memo(() => msg.role === "assistant")() ? getPremiumPromptKind(msg.content) : null;
                 },
@@ -7337,31 +7672,31 @@ ${contextBlock}` : contextBlock);
                   onOpenSettings: openPremiumDetails
                 })
               }), null);
-              createRenderEffect(() => className(_el$180, `message message-${msg.role}`));
-              return _el$180;
+              createRenderEffect(() => className(_el$222, `message message-${msg.role}`));
+              return _el$222;
             })()
           }), createComponent(Show, {
             get when() {
               return isStreaming2();
             },
             get children() {
-              var _el$85 = _tmpl$15$1(), _el$86 = _el$85.firstChild;
-              insert(_el$86, createComponent(Show, {
+              var _el$96 = _tmpl$17$1(), _el$97 = _el$96.firstChild;
+              insert(_el$97, createComponent(Show, {
                 get when() {
                   return hasFirstChunk2();
                 },
                 get fallback() {
-                  return _tmpl$50();
+                  return _tmpl$58();
                 },
                 get children() {
-                  var _el$87 = _tmpl$14$1(), _el$88 = _el$87.firstChild, _el$89 = _el$88.firstChild;
-                  _el$89.nextSibling;
-                  insert(_el$87, createComponent(MarkdownMessage, {
+                  var _el$98 = _tmpl$16$1(), _el$99 = _el$98.firstChild, _el$100 = _el$99.firstChild;
+                  _el$100.nextSibling;
+                  insert(_el$98, createComponent(MarkdownMessage, {
                     get content() {
                       return streamingText2();
                     }
-                  }), _el$88);
-                  insert(_el$87, createComponent(Show, {
+                  }), _el$99);
+                  insert(_el$98, createComponent(Show, {
                     get when() {
                       return getPremiumPromptKind(streamingText2());
                     },
@@ -7373,21 +7708,21 @@ ${contextBlock}` : contextBlock);
                       onStartTrial: () => openPremiumCheckout(kind() === "premium_gate" ? "premium_gate_clicked" : "iteration_limit_clicked"),
                       onOpenSettings: openPremiumDetails
                     })
-                  }), _el$88);
-                  insert(_el$88, createComponent(Show, {
+                  }), _el$99);
+                  insert(_el$99, createComponent(Show, {
                     get when() {
                       return elapsedSeconds() > 0;
                     },
                     get children() {
-                      var _el$91 = _tmpl$13$1();
-                      insert(_el$91, () => ` • ${elapsedSeconds()}s`);
-                      return _el$91;
+                      var _el$102 = _tmpl$15$1();
+                      insert(_el$102, () => ` • ${elapsedSeconds()}s`);
+                      return _el$102;
                     }
                   }), null);
-                  return _el$87;
+                  return _el$98;
                 }
               }));
-              return _el$85;
+              return _el$96;
             }
           }), createComponent(Show, {
             get when() {
@@ -7399,22 +7734,22 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$182 = _tmpl$52(), _el$183 = _el$182.firstChild, _el$184 = _el$183.nextSibling, _el$185 = _el$184.firstChild, _el$186 = _el$185.firstChild, _el$187 = _el$186.nextSibling, _el$189 = _el$185.nextSibling, _el$190 = _el$189.nextSibling, _el$191 = _el$190.firstChild, _el$192 = _el$191.nextSibling;
-                  insert(_el$187, () => approval.name);
-                  insert(_el$184, createComponent(Show, {
+                  var _el$224 = _tmpl$60(), _el$225 = _el$224.firstChild, _el$226 = _el$225.nextSibling, _el$227 = _el$226.firstChild, _el$228 = _el$227.firstChild, _el$229 = _el$228.nextSibling, _el$231 = _el$227.nextSibling, _el$232 = _el$231.nextSibling, _el$233 = _el$232.firstChild, _el$234 = _el$233.nextSibling;
+                  insert(_el$229, () => approval.name);
+                  insert(_el$226, createComponent(Show, {
                     get when() {
                       return approval.argsSummary;
                     },
                     get children() {
-                      var _el$188 = _tmpl$51();
-                      insert(_el$188, () => approval.argsSummary);
-                      return _el$188;
+                      var _el$230 = _tmpl$59();
+                      insert(_el$230, () => approval.argsSummary);
+                      return _el$230;
                     }
-                  }), _el$189);
-                  insert(_el$189, () => approval.reason);
-                  _el$191.$$click = () => void resolveApproval(approval.id, true);
-                  _el$192.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$182;
+                  }), _el$231);
+                  insert(_el$231, () => approval.reason);
+                  _el$233.$$click = () => void resolveApproval(approval.id, true);
+                  _el$234.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$224;
                 })()
               });
             }
@@ -7423,13 +7758,13 @@ ${contextBlock}` : contextBlock);
               return memo(() => messages2().length === 0)() && !isStreaming2();
             },
             get children() {
-              return _tmpl$16$1();
+              return _tmpl$18$1();
             }
           })];
         }
-      }), _el$93);
+      }), _el$104);
       var _ref$ = messagesEndRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$93) : messagesEndRef = _el$93;
+      typeof _ref$ === "function" ? use(_ref$, _el$104) : messagesEndRef = _el$104;
       insert(_el$9, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -7440,125 +7775,125 @@ ${contextBlock}` : contextBlock);
               return isStreaming2() || messages2().length > 0;
             },
             get children() {
-              var _el$94 = _tmpl$19$1();
-              insert(_el$94, createComponent(Show, {
+              var _el$105 = _tmpl$21$1();
+              insert(_el$105, createComponent(Show, {
                 get when() {
                   return isStreaming2();
                 },
                 get children() {
-                  var _el$95 = _tmpl$17$1();
-                  _el$95.$$click = () => cancel();
-                  return _el$95;
+                  var _el$106 = _tmpl$19$1();
+                  _el$106.$$click = () => cancel();
+                  return _el$106;
                 }
               }), null);
-              insert(_el$94, createComponent(Show, {
+              insert(_el$105, createComponent(Show, {
                 get when() {
                   return memo(() => !!!isStreaming2())() && messages2().length > 0;
                 },
                 get children() {
-                  var _el$96 = _tmpl$18$1();
-                  _el$96.$$click = handleRetry;
-                  return _el$96;
+                  var _el$107 = _tmpl$20$1();
+                  _el$107.$$click = handleRetry;
+                  return _el$107;
                 }
               }), null);
-              return _el$94;
+              return _el$105;
             }
           }), createComponent(Show, {
             get when() {
               return highlightCount() > 0;
             },
             get children() {
-              var _el$97 = _tmpl$20$1(), _el$98 = _el$97.firstChild, _el$99 = _el$98.nextSibling;
-              _el$99.firstChild;
-              var _el$101 = _el$99.nextSibling;
-              _el$98.$$click = () => void scrollToHighlight(highlightIndex() - 1);
-              _el$99.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
-              insert(_el$99, (() => {
+              var _el$108 = _tmpl$22$1(), _el$109 = _el$108.firstChild, _el$110 = _el$109.nextSibling;
+              _el$110.firstChild;
+              var _el$112 = _el$110.nextSibling;
+              _el$109.$$click = () => void scrollToHighlight(highlightIndex() - 1);
+              _el$110.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
+              insert(_el$110, (() => {
                 var _c$4 = memo(() => highlightIndex() >= 0);
                 return () => _c$4() ? `${highlightIndex() + 1} / ${highlightCount()}` : `${highlightCount()} highlight${highlightCount() > 1 ? "s" : ""}`;
               })(), null);
-              _el$101.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
+              _el$112.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
               createRenderEffect((_p$) => {
                 var _v$3 = highlightIndex() <= 0, _v$4 = highlightIndex() >= highlightCount() - 1;
-                _v$3 !== _p$.e && (_el$98.disabled = _p$.e = _v$3);
-                _v$4 !== _p$.t && (_el$101.disabled = _p$.t = _v$4);
+                _v$3 !== _p$.e && (_el$109.disabled = _p$.e = _v$3);
+                _v$4 !== _p$.t && (_el$112.disabled = _p$.t = _v$4);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$97;
+              return _el$108;
             }
           }), createComponent(Show, {
             get when() {
               return queueNotice2() !== null || pendingQueryCount() > 0;
             },
             get children() {
-              var _el$102 = _tmpl$23$1(), _el$103 = _el$102.firstChild, _el$104 = _el$103.firstChild;
-              insert(_el$104, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
-              insert(_el$103, createComponent(Show, {
+              var _el$113 = _tmpl$25$1(), _el$114 = _el$113.firstChild, _el$115 = _el$114.firstChild;
+              insert(_el$115, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
+              insert(_el$114, createComponent(Show, {
                 get when() {
                   return pendingQueryCount() > 0;
                 },
                 get children() {
-                  var _el$105 = _tmpl$21$1();
-                  _el$105.$$click = () => clearPendingQueries();
-                  return _el$105;
+                  var _el$116 = _tmpl$23$1();
+                  _el$116.$$click = () => clearPendingQueries();
+                  return _el$116;
                 }
               }), null);
-              insert(_el$102, createComponent(Show, {
+              insert(_el$113, createComponent(Show, {
                 get when() {
                   return pendingQueries2().length > 0;
                 },
                 get children() {
-                  var _el$106 = _tmpl$22$1();
-                  insert(_el$106, createComponent(For, {
+                  var _el$117 = _tmpl$24$1();
+                  insert(_el$117, createComponent(For, {
                     get each() {
                       return pendingQueries2();
                     },
                     children: (pendingPrompt, index) => (() => {
-                      var _el$193 = _tmpl$53(), _el$194 = _el$193.firstChild, _el$195 = _el$194.nextSibling;
-                      setAttribute(_el$194, "title", pendingPrompt);
-                      insert(_el$194, pendingPrompt);
-                      _el$195.$$click = () => removePendingQuery(index());
-                      createRenderEffect(() => setAttribute(_el$195, "aria-label", `Remove queued prompt ${index() + 1}`));
-                      return _el$193;
+                      var _el$235 = _tmpl$61(), _el$236 = _el$235.firstChild, _el$237 = _el$236.nextSibling;
+                      setAttribute(_el$236, "title", pendingPrompt);
+                      insert(_el$236, pendingPrompt);
+                      _el$237.$$click = () => removePendingQuery(index());
+                      createRenderEffect(() => setAttribute(_el$237, "aria-label", `Remove queued prompt ${index() + 1}`));
+                      return _el$235;
                     })()
                   }));
-                  return _el$106;
+                  return _el$117;
                 }
               }), null);
-              return _el$102;
+              return _el$113;
             }
           }), (() => {
-            var _el$107 = _tmpl$24$1(), _el$108 = _el$107.firstChild, _el$109 = _el$108.nextSibling;
-            _el$108.$$keydown = (e) => {
+            var _el$118 = _tmpl$26$1(), _el$119 = _el$118.firstChild, _el$120 = _el$119.nextSibling;
+            _el$119.$$keydown = (e) => {
               if (e.key === "Enter" && !e.shiftKey) {
                 e.preventDefault();
                 void handleChatSend();
               }
             };
-            _el$108.$$input = (e) => setChatInput(e.currentTarget.value);
+            _el$119.$$input = (e) => setChatInput(e.currentTarget.value);
             var _ref$2 = chatInputRef;
-            typeof _ref$2 === "function" ? use(_ref$2, _el$108) : chatInputRef = _el$108;
-            _el$109.$$click = () => void handleChatSend();
-            insert(_el$109, () => isStreaming2() ? "Queue" : "Send");
+            typeof _ref$2 === "function" ? use(_ref$2, _el$119) : chatInputRef = _el$119;
+            _el$120.$$click = () => void handleChatSend();
+            insert(_el$120, () => isStreaming2() ? "Queue" : "Send");
             createRenderEffect((_p$) => {
               var _v$5 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything...", _v$6 = !chatInput().trim();
-              _v$5 !== _p$.e && setAttribute(_el$108, "placeholder", _p$.e = _v$5);
-              _v$6 !== _p$.t && (_el$109.disabled = _p$.t = _v$6);
+              _v$5 !== _p$.e && setAttribute(_el$119, "placeholder", _p$.e = _v$5);
+              _v$6 !== _p$.t && (_el$120.disabled = _p$.t = _v$6);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            createRenderEffect(() => _el$108.value = chatInput());
-            return _el$107;
+            createRenderEffect(() => _el$119.value = chatInput());
+            return _el$118;
           })()];
         }
       }), null);
       createRenderEffect((_p$) => {
-        var _v$7 = `${sidebarWidth2()}px`, _v$8 = !!isDragging(), _v$9 = !!(sidebarTab() === "supervisor"), _v$0 = sidebarTab() === "supervisor", _v$1 = !!(sidebarTab() === "bookmarks"), _v$10 = sidebarTab() === "bookmarks", _v$11 = !!(sidebarTab() === "checkpoints"), _v$12 = sidebarTab() === "checkpoints", _v$13 = !!(sidebarTab() === "chat"), _v$14 = sidebarTab() === "chat", _v$15 = !!(sidebarTab() === "automation"), _v$16 = sidebarTab() === "automation", _v$17 = !!(sidebarTab() === "history"), _v$18 = sidebarTab() === "history";
+        var _v$7 = `${sidebarWidth2()}px`, _v$8 = !!isDragging(), _v$9 = !!(sidebarTab() === "supervisor"), _v$0 = sidebarTab() === "supervisor", _v$1 = !!(sidebarTab() === "bookmarks"), _v$10 = sidebarTab() === "bookmarks", _v$11 = !!(sidebarTab() === "checkpoints"), _v$12 = sidebarTab() === "checkpoints", _v$13 = !!(sidebarTab() === "chat"), _v$14 = sidebarTab() === "chat", _v$15 = !!(sidebarTab() === "automation"), _v$16 = sidebarTab() === "automation", _v$17 = !!(sidebarTab() === "history"), _v$18 = sidebarTab() === "history", _v$19 = !!(sidebarTab() === "diff"), _v$20 = sidebarTab() === "diff";
         _v$7 !== _p$.e && setStyleProperty(_el$9, "width", _p$.e = _v$7);
         _v$8 !== _p$.t && _el$0.classList.toggle("dragging", _p$.t = _v$8);
         _v$9 !== _p$.a && _el$16.classList.toggle("active", _p$.a = _v$9);
@@ -7573,6 +7908,8 @@ ${contextBlock}` : contextBlock);
         _v$16 !== _p$.u && setAttribute(_el$22, "aria-selected", _p$.u = _v$16);
         _v$17 !== _p$.c && _el$23.classList.toggle("active", _p$.c = _v$17);
         _v$18 !== _p$.w && setAttribute(_el$23, "aria-selected", _p$.w = _v$18);
+        _v$19 !== _p$.m && _el$24.classList.toggle("active", _p$.m = _v$19);
+        _v$20 !== _p$.f && setAttribute(_el$24, "aria-selected", _p$.f = _v$20);
         return _p$;
       }, {
         e: void 0,
@@ -7588,7 +7925,9 @@ ${contextBlock}` : contextBlock);
         l: void 0,
         u: void 0,
         c: void 0,
-        w: void 0
+        w: void 0,
+        m: void 0,
+        f: void 0
       });
       return _el$9;
     }