@quanta-intellect/vessel-browser 0.1.71 → 0.1.73

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

@@ -1488,6 +1488,301 @@ const TitleBar = () => {
   })();
 };
 delegateEvents(["click"]);
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+var defaultAttributes_default = defaultAttributes;
+var LucideContext = createContext({
+  size: 24,
+  color: "currentColor",
+  strokeWidth: 2,
+  absoluteStrokeWidth: false,
+  class: ""
+});
+var _tmpl$$h = /* @__PURE__ */ template(`<svg>`);
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+  return false;
+};
+var mergeClasses = (...classes) => classes.filter((className2, index, array) => {
+  return Boolean(className2) && className2.trim() !== "" && array.indexOf(className2) === index;
+}).join(" ").trim();
+var toCamelCase = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+var Icon = (props) => {
+  const [localProps, rest] = splitProps(props, ["color", "size", "strokeWidth", "children", "class", "name", "iconNode", "absoluteStrokeWidth"]);
+  const globalProps = useContext(LucideContext);
+  return (() => {
+    var _el$ = _tmpl$$h();
+    spread(_el$, mergeProps(defaultAttributes_default, {
+      get width() {
+        return localProps.size ?? globalProps.size ?? defaultAttributes_default.width;
+      },
+      get height() {
+        return localProps.size ?? globalProps.size ?? defaultAttributes_default.height;
+      },
+      get stroke() {
+        return localProps.color ?? globalProps.color ?? defaultAttributes_default.stroke;
+      },
+      get ["stroke-width"]() {
+        return memo(() => (localProps.absoluteStrokeWidth ?? globalProps.absoluteStrokeWidth) === true)() ? Number(localProps.strokeWidth ?? globalProps.strokeWidth ?? defaultAttributes_default["stroke-width"]) * 24 / Number(localProps.size ?? globalProps.size) : Number(localProps.strokeWidth ?? globalProps.strokeWidth ?? defaultAttributes_default["stroke-width"]);
+      },
+      get ["class"]() {
+        return mergeClasses("lucide", "lucide-icon", globalProps.class, ...localProps.name != null ? [`lucide-${toKebabCase(toPascalCase(localProps.name))}`, `lucide-${toKebabCase(localProps.name)}`] : [], localProps.class);
+      },
+      get ["aria-hidden"]() {
+        return !localProps.children && !hasA11yProp(rest) ? "true" : void 0;
+      }
+    }, rest), true, true);
+    insert(_el$, createComponent(For, {
+      get each() {
+        return localProps.iconNode;
+      },
+      children: ([elementName, attrs]) => {
+        return createComponent(Dynamic, mergeProps({
+          component: elementName
+        }, attrs));
+      }
+    }));
+    return _el$;
+  })();
+};
+var Icon_default = Icon;
+var iconNode$d = [["path", {
+  d: "M12 7v14",
+  key: "1akyts"
+}], ["path", {
+  d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",
+  key: "ruj8y"
+}]];
+var BookOpen = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$d,
+  name: "book-open"
+}));
+var book_open_default = BookOpen;
+var iconNode$c = [["rect", {
+  width: "8",
+  height: "4",
+  x: "8",
+  y: "2",
+  rx: "1",
+  ry: "1",
+  key: "tgr4d6"
+}], ["path", {
+  d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+  key: "116196"
+}], ["path", {
+  d: "M12 11h4",
+  key: "1jrz19"
+}], ["path", {
+  d: "M12 16h4",
+  key: "n85exb"
+}], ["path", {
+  d: "M8 11h.01",
+  key: "1dfujw"
+}], ["path", {
+  d: "M8 16h.01",
+  key: "18s6g9"
+}]];
+var ClipboardList = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$c,
+  name: "clipboard-list"
+}));
+var clipboard_list_default = ClipboardList;
+var iconNode$b = [["circle", {
+  cx: "12",
+  cy: "12",
+  r: "10",
+  key: "1mglay"
+}], ["path", {
+  d: "M12 6v6l4 2",
+  key: "mmk7yg"
+}]];
+var Clock = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$b,
+  name: "clock"
+}));
+var clock_default = Clock;
+var iconNode$a = [["path", {
+  d: "M12 15V3",
+  key: "m9g1x1"
+}], ["path", {
+  d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+  key: "ih7n3h"
+}], ["path", {
+  d: "m7 10 5 5 5-5",
+  key: "brsn70"
+}]];
+var Download = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$a,
+  name: "download"
+}));
+var download_default = Download;
+var iconNode$9 = [["circle", {
+  cx: "12",
+  cy: "12",
+  r: "10",
+  key: "1mglay"
+}], ["path", {
+  d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
+  key: "13o1zl"
+}], ["path", {
+  d: "M2 12h20",
+  key: "9i4pu4"
+}]];
+var Globe = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$9,
+  name: "globe"
+}));
+var globe_default = Globe;
+var iconNode$8 = [["path", {
+  d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 .83.18 2 2 0 0 0 .83-.18l8.58-3.9a1 1 0 0 0 0-1.831z",
+  key: "zzgyd3"
+}], ["path", {
+  d: "M16 17h6",
+  key: "1ook5g"
+}], ["path", {
+  d: "M19 14v6",
+  key: "1ckrd5"
+}], ["path", {
+  d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 .825.178",
+  key: "1ia9y3"
+}], ["path", {
+  d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l2.116-.962",
+  key: "jksky3"
+}]];
+var LayersPlus = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$8,
+  name: "layers-plus"
+}));
+var layers_plus_default = LayersPlus;
+var iconNode$7 = [["rect", {
+  width: "18",
+  height: "18",
+  x: "3",
+  y: "3",
+  rx: "2",
+  key: "afitv7"
+}], ["path", {
+  d: "M3 9h18",
+  key: "1pudct"
+}]];
+var PanelTop = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$7,
+  name: "panel-top"
+}));
+var panel_top_default = PanelTop;
+var iconNode$6 = [["path", {
+  d: "M5 12h14",
+  key: "1ays0h"
+}], ["path", {
+  d: "M12 5v14",
+  key: "s699le"
+}]];
+var Plus = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$6,
+  name: "plus"
+}));
+var plus_default = Plus;
+var iconNode$5 = [["path", {
+  d: "m21 21-4.34-4.34",
+  key: "14j7rj"
+}], ["circle", {
+  cx: "11",
+  cy: "11",
+  r: "8",
+  key: "4ej97u"
+}]];
+var Search = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$5,
+  name: "search"
+}));
+var search_default = Search;
+var iconNode$4 = [["path", {
+  d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+  key: "r04s7s"
+}]];
+var Star = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$4,
+  name: "star"
+}));
+var star_default = Star;
+var iconNode$3 = [["path", {
+  d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
+  key: "vktsd0"
+}], ["circle", {
+  cx: "7.5",
+  cy: "7.5",
+  r: ".5",
+  fill: "currentColor",
+  key: "kqv944"
+}]];
+var Tag = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$3,
+  name: "tag"
+}));
+var tag_default = Tag;
+var iconNode$2 = [["path", {
+  d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
+  key: "uqj9uw"
+}], ["path", {
+  d: "M16 9a5 5 0 0 1 0 6",
+  key: "1q6k2b"
+}], ["path", {
+  d: "M19.364 18.364a9 9 0 0 0 0-12.728",
+  key: "ijwkga"
+}]];
+var Volume2 = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$2,
+  name: "volume-2"
+}));
+var volume_2_default = Volume2;
+var iconNode$1 = [["path", {
+  d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
+  key: "uqj9uw"
+}], ["line", {
+  x1: "22",
+  x2: "16",
+  y1: "9",
+  y2: "15",
+  key: "1ewh16"
+}], ["line", {
+  x1: "16",
+  x2: "22",
+  y1: "9",
+  y2: "15",
+  key: "5ykzw1"
+}]];
+var VolumeX = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$1,
+  name: "volume-x"
+}));
+var volume_x_default = VolumeX;
+var iconNode = [["path", {
+  d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+  key: "1xq2db"
+}]];
+var Zap = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode,
+  name: "zap"
+}));
+var zap_default = Zap;
 function getEnvFlag(name) {
   const globalProcess = typeof globalThis === "object" && "process" in globalThis ? globalThis.process : void 0;
   return globalProcess?.env?.[name];
@@ -1601,7 +1896,17 @@ function useTabs() {
     zoomOut: (id) => window.vessel.tabs.zoomOut(id),
     zoomReset: (id) => window.vessel.tabs.zoomReset(id),
     reopenClosed: () => window.vessel.tabs.reopenClosed(),
-    duplicate: (id) => window.vessel.tabs.duplicate(id)
+    duplicate: (id) => window.vessel.tabs.duplicate(id),
+    pin: (id) => window.vessel.tabs.pin(id),
+    unpin: (id) => window.vessel.tabs.unpin(id),
+    createGroup: (id) => window.vessel.tabs.createGroup(id),
+    addToGroup: (id, groupId) => window.vessel.tabs.addToGroup(id, groupId),
+    removeFromGroup: (id) => window.vessel.tabs.removeFromGroup(id),
+    toggleGroupCollapsed: (groupId) => window.vessel.tabs.toggleGroupCollapsed(groupId),
+    setGroupColor: (groupId, color) => window.vessel.tabs.setGroupColor(groupId, color),
+    toggleMute: (id) => window.vessel.tabs.toggleMute(id),
+    print: (id) => window.vessel.tabs.print(id),
+    printToPdf: (id) => window.vessel.tabs.printToPdf(id)
   };
 }
 const [now, setNow] = createSignal(Date.now());
@@ -1780,7 +2085,7 @@ function getAgentPresence(state, currentTime = Date.now()) {
   }
   return "idle";
 }
-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></div><div class=tab-actions><button class=tab-new data-tooltip="New tab"data-tooltip-pos=left>+</button><button class="tab-new tab-new-private"data-tooltip="Private window"data-tooltip-pos=left><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11z">`), _tmpl$4$c = /* @__PURE__ */ template(`<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>`);
+var _tmpl$$g = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$f = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list></div><div class=tab-actions><button class=tab-new data-tooltip="New window"data-tooltip-pos=left></button><button class=tab-new data-tooltip="Add active tab to group"data-tooltip-pos=left></button><button class=tab-new data-tooltip="New tab"data-tooltip-pos=left></button><button class="tab-new tab-new-private"data-tooltip="Private window"data-tooltip-pos=left><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11z">`), _tmpl$4$c = /* @__PURE__ */ template(`<button><span class=tab-group-dot></span><span class=tab-group-name></span><span class=tab-group-count>`), _tmpl$5$b = /* @__PURE__ */ template(`<button class="tab-audio tab-audio-pinned">`), _tmpl$6$a = /* @__PURE__ */ template(`<div role=tab>`), _tmpl$7$9 = /* @__PURE__ */ template(`<span class=tab-title>`), _tmpl$8$6 = /* @__PURE__ */ template(`<button class=tab-audio>`), _tmpl$9$5 = /* @__PURE__ */ template(`<button class=tab-close>×`), _tmpl$0$5 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$1$5 = /* @__PURE__ */ template(`<span class=tab-loading>`);
 const TAB_CLOSE_MS = 200;
 function stringToHue(str) {
   let hash = 0;
@@ -1814,7 +2119,7 @@ const TabFavicon = (props) => {
       })();
     },
     get children() {
-      var _el$ = _tmpl$$h();
+      var _el$ = _tmpl$$g();
       _el$.addEventListener("error", () => setFailed(true));
       createRenderEffect(() => setAttribute(_el$, "src", props.favicon));
       return _el$;
@@ -1827,7 +2132,10 @@ const TabBar = () => {
     activeTabId: activeTabId2,
     switchTab,
     closeTab,
-    createTab
+    createTab,
+    createGroup,
+    toggleGroupCollapsed,
+    toggleMute
   } = useTabs();
   const {
     runtimeState: runtimeState2
@@ -1835,6 +2143,30 @@ const TabBar = () => {
   const now2 = useNow();
   const [closingTabIds, setClosingTabIds] = createSignal(/* @__PURE__ */ new Set());
   const modelActiveTabIds = createMemo(() => getAgentActiveTabIds(runtimeState2(), now2()));
+  const tabEntries = createMemo(() => {
+    const seenGroups = /* @__PURE__ */ new Set();
+    return tabs2().flatMap((tab) => {
+      const entries2 = [];
+      if (tab.groupId && !seenGroups.has(tab.groupId)) {
+        seenGroups.add(tab.groupId);
+        entries2.push({
+          type: "group",
+          groupId: tab.groupId,
+          name: tab.groupName || "Group",
+          color: tab.groupColor || "blue",
+          collapsed: !!tab.groupCollapsed,
+          count: tabs2().filter((candidate) => candidate.groupId === tab.groupId).length
+        });
+      }
+      if (!tab.groupCollapsed || tab.id === activeTabId2()) {
+        entries2.push({
+          type: "tab",
+          tab
+        });
+      }
+      return entries2;
+    });
+  });
   const handleClose = (id) => {
     setClosingTabIds((prev) => new Set(prev).add(id));
     setTimeout(() => {
@@ -1847,61 +2179,168 @@ const TabBar = () => {
     }, TAB_CLOSE_MS);
   };
   return (() => {
-    var _el$3 = _tmpl$3$c(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+    var _el$3 = _tmpl$3$c(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
     insert(_el$4, createComponent(For, {
       get each() {
-        return tabs2();
+        return tabEntries();
       },
-      children: (tab) => (() => {
-        var _el$8 = _tmpl$4$c(), _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling;
-        _el$8.$$contextmenu = (e) => {
-          e.preventDefault();
-          window.vessel.tabs.showContextMenu(tab.id);
-        };
-        _el$8.addEventListener("auxclick", (e) => {
-          if (e.button === 1) handleClose(tab.id);
-        });
-        _el$8.$$click = () => switchTab(tab.id);
-        insert(_el$8, createComponent(TabFavicon, {
-          get favicon() {
-            return tab.favicon;
-          },
-          get title() {
-            return tab.title || "New Tab";
-          },
-          get url() {
-            return tab.url;
-          }
-        }), _el$9);
-        insert(_el$8, (() => {
-          var _c$ = memo(() => !!modelActiveTabIds().has(tab.id));
-          return () => _c$() && _tmpl$5$b();
-        })(), _el$9);
-        insert(_el$9, () => tab.title || "New Tab");
-        insert(_el$8, (() => {
-          var _c$2 = memo(() => !!tab.isLoading);
-          return () => _c$2() && _tmpl$6$a();
-        })(), _el$0);
-        _el$0.$$click = (e) => {
-          e.stopPropagation();
-          handleClose(tab.id);
-        };
-        createRenderEffect((_p$) => {
-          var _v$ = `tab-item ${tab.id === activeTabId2() ? "active" : ""} ${modelActiveTabIds().has(tab.id) ? "model-active" : ""}`, _v$2 = !!closingTabIds().has(tab.id), _v$3 = modelActiveTabIds().has(tab.id) ? `${tab.title || "New Tab"} • Agent active` : tab.title;
-          _v$ !== _p$.e && className(_el$8, _p$.e = _v$);
-          _v$2 !== _p$.t && _el$8.classList.toggle("closing", _p$.t = _v$2);
-          _v$3 !== _p$.a && setAttribute(_el$8, "title", _p$.a = _v$3);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        });
-        return _el$8;
-      })()
+      children: (entry) => createComponent(Show, {
+        get when() {
+          return entry.type === "tab";
+        },
+        get fallback() {
+          return memo(() => entry.type === "group")() && (() => {
+            var _el$0 = _tmpl$4$c(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling, _el$11 = _el$10.nextSibling;
+            _el$0.$$contextmenu = (e) => {
+              e.preventDefault();
+              window.vessel.tabs.showGroupContextMenu(entry.groupId);
+            };
+            _el$0.$$click = () => void toggleGroupCollapsed(entry.groupId);
+            insert(_el$10, () => entry.name);
+            insert(_el$11, () => entry.count);
+            createRenderEffect((_p$) => {
+              var _v$ = `tab-group-chip group-${entry.color}`, _v$2 = !!entry.collapsed, _v$3 = `${entry.name} (${entry.count} tabs)`;
+              _v$ !== _p$.e && className(_el$0, _p$.e = _v$);
+              _v$2 !== _p$.t && _el$0.classList.toggle("collapsed", _p$.t = _v$2);
+              _v$3 !== _p$.a && setAttribute(_el$0, "title", _p$.a = _v$3);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0
+            });
+            return _el$0;
+          })();
+        },
+        get children() {
+          return memo(() => entry.type === "tab")() && (() => {
+            const tab = entry.tab;
+            return (() => {
+              var _el$12 = _tmpl$6$a();
+              _el$12.$$contextmenu = (e) => {
+                e.preventDefault();
+                window.vessel.tabs.showContextMenu(tab.id);
+              };
+              _el$12.addEventListener("auxclick", (e) => {
+                if (e.button === 1 && !tab.isPinned) handleClose(tab.id);
+              });
+              _el$12.$$click = () => switchTab(tab.id);
+              insert(_el$12, createComponent(TabFavicon, {
+                get favicon() {
+                  return tab.favicon;
+                },
+                get title() {
+                  return tab.title || "New Tab";
+                },
+                get url() {
+                  return tab.url;
+                }
+              }), null);
+              insert(_el$12, createComponent(Show, {
+                get when() {
+                  return memo(() => !!tab.isPinned)() && (tab.isAudible || tab.isMuted);
+                },
+                get children() {
+                  var _el$13 = _tmpl$5$b();
+                  _el$13.$$click = (e) => {
+                    e.stopPropagation();
+                    void toggleMute(tab.id);
+                  };
+                  insert(_el$13, createComponent(Show, {
+                    get when() {
+                      return tab.isMuted;
+                    },
+                    get fallback() {
+                      return createComponent(volume_2_default, {
+                        size: 11
+                      });
+                    },
+                    get children() {
+                      return createComponent(volume_x_default, {
+                        size: 11
+                      });
+                    }
+                  }));
+                  createRenderEffect(() => setAttribute(_el$13, "title", tab.isMuted ? "Unmute tab" : "Mute tab"));
+                  return _el$13;
+                }
+              }), null);
+              insert(_el$12, (() => {
+                var _c$ = memo(() => !!!tab.isPinned);
+                return () => _c$() && [memo(() => memo(() => !!modelActiveTabIds().has(tab.id))() && _tmpl$0$5()), (() => {
+                  var _el$14 = _tmpl$7$9();
+                  insert(_el$14, () => tab.title || "New Tab");
+                  return _el$14;
+                })(), createComponent(Show, {
+                  get when() {
+                    return tab.isAudible || tab.isMuted;
+                  },
+                  get children() {
+                    var _el$15 = _tmpl$8$6();
+                    _el$15.$$click = (e) => {
+                      e.stopPropagation();
+                      void toggleMute(tab.id);
+                    };
+                    insert(_el$15, createComponent(Show, {
+                      get when() {
+                        return tab.isMuted;
+                      },
+                      get fallback() {
+                        return createComponent(volume_2_default, {
+                          size: 12
+                        });
+                      },
+                      get children() {
+                        return createComponent(volume_x_default, {
+                          size: 12
+                        });
+                      }
+                    }));
+                    createRenderEffect(() => setAttribute(_el$15, "title", tab.isMuted ? "Unmute tab" : "Mute tab"));
+                    return _el$15;
+                  }
+                }), memo(() => memo(() => !!tab.isLoading)() && _tmpl$1$5()), (() => {
+                  var _el$16 = _tmpl$9$5();
+                  _el$16.$$click = (e) => {
+                    e.stopPropagation();
+                    handleClose(tab.id);
+                  };
+                  return _el$16;
+                })()];
+              })(), null);
+              createRenderEffect((_p$) => {
+                var _v$4 = `tab-item ${tab.isPinned ? "pinned" : ""} ${tab.id === activeTabId2() ? "active" : ""} ${modelActiveTabIds().has(tab.id) ? "model-active" : ""} ${tab.groupId ? `group-${tab.groupColor || "blue"}` : ""}`, _v$5 = !!closingTabIds().has(tab.id), _v$6 = tab.isPinned ? tab.title || tab.url : modelActiveTabIds().has(tab.id) ? `${tab.title || "New Tab"} • Agent active` : tab.title;
+                _v$4 !== _p$.e && className(_el$12, _p$.e = _v$4);
+                _v$5 !== _p$.t && _el$12.classList.toggle("closing", _p$.t = _v$5);
+                _v$6 !== _p$.a && setAttribute(_el$12, "title", _p$.a = _v$6);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0
+              });
+              return _el$12;
+            })();
+          })();
+        }
+      })
+    }));
+    _el$6.$$click = () => window.vessel.tabs.openNewWindow();
+    insert(_el$6, createComponent(panel_top_default, {
+      size: 14
+    }));
+    _el$7.$$click = () => {
+      const id = activeTabId2();
+      if (id) void createGroup(id);
+    };
+    insert(_el$7, createComponent(layers_plus_default, {
+      size: 14
     }));
-    _el$6.$$click = () => createTab();
-    _el$7.$$click = () => window.vessel.tabs.openPrivateWindow();
+    _el$8.$$click = () => createTab();
+    insert(_el$8, createComponent(plus_default, {
+      size: 15
+    }));
+    _el$9.$$click = () => window.vessel.tabs.openPrivateWindow();
     return _el$3;
   })();
 };
@@ -2046,6 +2485,8 @@ function useBookmarks() {
     ),
     updateBookmark: (id, updates) => window.vessel.bookmarks.updateBookmark(id, updates),
     removeBookmark: (id) => window.vessel.bookmarks.removeBookmark(id),
+    exportHtml: (options) => window.vessel.bookmarks.exportHtml(options),
+    exportJson: () => window.vessel.bookmarks.exportJson(),
     createFolder: (name) => window.vessel.bookmarks.createFolder(name),
     createFolderWithSummary: (name, summary) => window.vessel.bookmarks.createFolderWithSummary(name, summary),
     removeFolder: (id, deleteContents) => window.vessel.bookmarks.removeFolder(id, deleteContents),
@@ -2174,7 +2615,7 @@ const SEARCH_ENGINE_PRESETS = {
   ecosia: { label: "Ecosia", url: "https://www.ecosia.org/search?q=" },
   kagi: { label: "Kagi", url: "https://kagi.com/search?q=" }
 };
-var _tmpl$$g = /* @__PURE__ */ template(`<div class=private-badge title="Private Browsing - history and cookies are not saved"><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11zM5.5 7a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zm3.5 3.5c0-1-1.5-2-2.5-2s-2.5 1-2.5 2"></path></svg><span>Private`), _tmpl$2$e = /* @__PURE__ */ template(`<div id=address-autocomplete class=autocomplete-dropdown role=listbox>`), _tmpl$3$b = /* @__PURE__ */ template(`<div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text>`), _tmpl$4$b = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Open the What Changed timeline"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>What Changed?`), _tmpl$5$a = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Changed recently`), _tmpl$7$7 = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>What changed since </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$8$5 = /* @__PURE__ */ template(`<svg><path d="M3 3 L11 3 L11 9 Q7 13 3 9 Z"fill=none stroke=currentColor stroke-width=1.2 stroke-linejoin=round></svg>`, false, true, false), _tmpl$9$4 = /* @__PURE__ */ template(`<svg><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.4 stroke-linecap=round></svg>`, false, true, false), _tmpl$0$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1>`), _tmpl$1$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round>`), _tmpl$10$4 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$11$4 = /* @__PURE__ */ template(`<button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2>`), _tmpl$12$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`), _tmpl$13$3 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"autocomplete=off aria-autocomplete=list aria-controls=address-autocomplete></form></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14">`), _tmpl$14$3 = /* @__PURE__ */ template(`<div role=option><span class=autocomplete-icon></span><span class=autocomplete-text><span class=autocomplete-title></span><span class=autocomplete-url>`), _tmpl$15$3 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$16$3 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$17$3 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$18$3 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$21$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><span class=page-diff-section></span><span class=page-diff-summary>`), _tmpl$22$3 = /* @__PURE__ */ template(`<li>`);
+var _tmpl$$f = /* @__PURE__ */ template(`<div class=private-badge title="Private Browsing - history and cookies are not saved"><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11zM5.5 7a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zm3.5 3.5c0-1-1.5-2-2.5-2s-2.5 1-2.5 2"></path></svg><span>Private`), _tmpl$2$e = /* @__PURE__ */ template(`<div id=address-autocomplete class=autocomplete-dropdown role=listbox>`), _tmpl$3$b = /* @__PURE__ */ template(`<div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text>`), _tmpl$4$b = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Open the What Changed timeline"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>What Changed?`), _tmpl$5$a = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Changed recently`), _tmpl$7$8 = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>What changed since </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$8$5 = /* @__PURE__ */ template(`<svg><path d="M3 3 L11 3 L11 9 Q7 13 3 9 Z"fill=none stroke=currentColor stroke-width=1.2 stroke-linejoin=round></svg>`, false, true, false), _tmpl$9$4 = /* @__PURE__ */ template(`<svg><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.4 stroke-linecap=round></svg>`, false, true, false), _tmpl$0$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1>`), _tmpl$1$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round>`), _tmpl$10$4 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$11$4 = /* @__PURE__ */ template(`<button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2>`), _tmpl$12$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`), _tmpl$13$3 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"autocomplete=off aria-autocomplete=list aria-controls=address-autocomplete></form></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14">`), _tmpl$14$3 = /* @__PURE__ */ template(`<div role=option><span class=autocomplete-icon></span><span class=autocomplete-text><span class=autocomplete-title></span><span class=autocomplete-url>`), _tmpl$15$3 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$16$3 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$17$3 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$18$3 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$21$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><span class=page-diff-section></span><span class=page-diff-summary>`), _tmpl$22$3 = /* @__PURE__ */ template(`<li>`);
 const AddressBar = () => {
   const {
     activeTab,
@@ -2430,7 +2871,7 @@ const AddressBar = () => {
     insert(_el$, createComponent(Show, {
       when: isPrivateWindow,
       get children() {
-        return _tmpl$$g();
+        return _tmpl$$f();
       }
     }), _el$7);
     _el$8.addEventListener("submit", handleSubmit);
@@ -2526,7 +2967,7 @@ const AddressBar = () => {
         return memo(() => !!pageDiff())() && diffExpanded();
       },
       get children() {
-        var _el$13 = _tmpl$7$7(), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild;
+        var _el$13 = _tmpl$7$8(), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild;
         _el$16.firstChild;
         var _el$23 = _el$15.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling;
         insert(_el$16, () => formatRelativeTime(pageDiff().oldSnapshot.capturedAt), null);
@@ -2747,7 +3188,7 @@ const AddressBar = () => {
   })();
 };
 delegateEvents(["click", "input", "keydown", "mousedown"]);
-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>`);
+var _tmpl$$e = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$d = /* @__PURE__ */ template(`<div class=bookmark-toast role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS$1 = 4200;
 const TOAST_EXIT_MS$2 = 300;
 function isBookmarkToastCandidate(action) {
@@ -2807,7 +3248,7 @@ const BookmarkNotifications = () => {
     timeoutIds.clear();
   });
   return (() => {
-    var _el$ = _tmpl$$f();
+    var _el$ = _tmpl$$e();
     insert(_el$, createComponent(For, {
       get each() {
         return toasts();
@@ -2823,7 +3264,7 @@ const BookmarkNotifications = () => {
     return _el$;
   })();
 };
-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>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite><div class="bookmark-toast highlight-toast"role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS = 3e3;
 const TOAST_EXIT_MS$1 = 300;
 const HighlightNotifications = (props) => {
@@ -2862,7 +3303,7 @@ const HighlightNotifications = (props) => {
       return memo(() => !!visible())() && current();
     },
     get children() {
-      var _el$ = _tmpl$$e(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+      var _el$ = _tmpl$$d(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
       insert(_el$3, () => current().title);
       insert(_el$4, () => current().message);
       createRenderEffect(() => _el$2.classList.toggle("bookmark-toast-leaving", !!leaving()));
@@ -2870,7 +3311,7 @@ const HighlightNotifications = (props) => {
     }
   });
 };
-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>`);
+var _tmpl$$c = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$c = /* @__PURE__ */ template(`<span class=download-toast-done>&#10003;`), _tmpl$3$a = /* @__PURE__ */ template(`<span class=download-toast-failed>!`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=download-toast-bar-track><div class=download-toast-bar-fill>`), _tmpl$5$9 = /* @__PURE__ */ template(`<div class=download-toast-size>`), _tmpl$6$8 = /* @__PURE__ */ template(`<div class="download-toast-size download-toast-size-done"> downloaded`), _tmpl$7$7 = /* @__PURE__ */ template(`<div class=download-toast role=status><div class=download-toast-header><span class=download-toast-filename>`);
 const TOAST_DONE_DURATION_MS = 4200;
 const TOAST_EXIT_MS = 300;
 function formatBytes(bytes) {
@@ -2961,13 +3402,13 @@ const DownloadToast = () => {
     return Math.min(100, Math.round(d.receivedBytes / d.totalBytes * 100));
   };
   return (() => {
-    var _el$ = _tmpl$$d();
+    var _el$ = _tmpl$$c();
     insert(_el$, createComponent(For, {
       get each() {
         return downloads();
       },
       children: (dl) => (() => {
-        var _el$2 = _tmpl$7$6(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
+        var _el$2 = _tmpl$7$7(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
         insert(_el$4, () => dl.filename);
         insert(_el$3, createComponent(Show, {
           get when() {
@@ -3026,7 +3467,7 @@ const DownloadToast = () => {
     return _el$;
   })();
 };
-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>`);
+var _tmpl$$b = /* @__PURE__ */ template(`<div class=find-bar><input class=find-bar-input type=text placeholder="Find in page..."><button class=find-bar-btn title="Previous (Shift+Enter)">&#9650;</button><button class=find-bar-btn title="Next (Enter)">&#9660;</button><button class="find-bar-btn find-bar-close"title="Close (Escape)">&times;`), _tmpl$2$b = /* @__PURE__ */ template(`<span class=find-bar-count>`);
 const FindBar = () => {
   const [open, setOpen] = createSignal(false);
   const [query, setQuery] = createSignal("");
@@ -3104,7 +3545,7 @@ const FindBar = () => {
       return open();
     },
     get children() {
-      var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
+      var _el$ = _tmpl$$b(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
       _el$2.$$input = (e) => handleInput(e.currentTarget.value);
       var _ref$ = inputRef;
       typeof _ref$ === "function" ? use(_ref$, _el$2) : inputRef = _el$2;
@@ -3131,7 +3572,7 @@ const FindBar = () => {
   });
 };
 delegateEvents(["input", "click"]);
-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>`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class=flow-progress>`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=flow-progress-hint>Last: `), _tmpl$3$9 = /* @__PURE__ */ template(`<div class=flow-progress-hint>Next: `), _tmpl$4$9 = /* @__PURE__ */ template(`<div class=flow-progress-section><div class=flow-progress-header><span class=flow-progress-goal></span><span class=flow-progress-pct>%</span></div><div class=flow-progress-bar-track><div class=flow-progress-bar-fill></div></div><div class=flow-steps>`), _tmpl$5$8 = /* @__PURE__ */ template(`<div><span class=flow-step-dot></span><span class=flow-step-label>`);
 const FlowProgress = () => {
   const {
     runtimeState: runtimeState2
@@ -3162,7 +3603,7 @@ const FlowProgress = () => {
       return flow() || tracker();
     },
     get children() {
-      var _el$ = _tmpl$$b();
+      var _el$ = _tmpl$$a();
       insert(_el$, createComponent(Show, {
         get when() {
           return tracker();
@@ -3262,7 +3703,7 @@ function formatTime(iso, options) {
     ...options?.includeSeconds && { second: "2-digit" }
   });
 }
-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>`);
+var _tmpl$$9 = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$9 = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$3$8 = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$4$8 = /* @__PURE__ */ template(`<aside class=agent-transcript-dock><div class=agent-transcript-header><div class=agent-transcript-title-row><span class=agent-transcript-title>Agent Transcript</span></div><div class=agent-transcript-actions><button class=agent-transcript-icon></button><button class=agent-transcript-icon data-tooltip=Hide>×`), _tmpl$5$7 = /* @__PURE__ */ template(`<span class=agent-summary-live-dot aria-hidden=true>`), _tmpl$6$7 = /* @__PURE__ */ template(`<span class=agent-summary-text>: `), _tmpl$7$6 = /* @__PURE__ */ template(`<article><div class=agent-transcript-meta><span class=agent-transcript-badge></span><span class=agent-transcript-time></span></div><div class=agent-transcript-text>`);
 const AgentTranscriptDock = () => {
   const {
     runtimeState: runtimeState2
@@ -3299,7 +3740,7 @@ const AgentTranscriptDock = () => {
           return isSummary();
         },
         get children() {
-          var _el$ = _tmpl$$a();
+          var _el$ = _tmpl$$9();
           insert(_el$, createComponent(Show, {
             get when() {
               return latestEntry();
@@ -3354,7 +3795,7 @@ const AgentTranscriptDock = () => {
                   return visibleEntries();
                 },
                 children: (entry) => (() => {
-                  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;
+                  var _el$12 = _tmpl$7$6(), _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling, _el$16 = _el$13.nextSibling;
                   insert(_el$14, () => entry.title || entry.kind);
                   insert(_el$15, () => formatTime(entry.updatedAt));
                   insert(_el$16, () => entry.text);
@@ -3719,7 +4160,7 @@ function useAnimatedPresence(isOpen, exitDurationMs) {
   });
   return { visible, closing };
 }
-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`);
+var _tmpl$$8 = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Configure a chat provider to start using the AI assistant.</p><button class=command-bar-no-provider-btn>Open Settings <kbd>Ctrl+,`), _tmpl$2$8 = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$3$7 = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$4$7 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=command-bar><form><div class=command-bar-icon><svg width=16 height=16 viewBox="0 0 16 16"><circle cx=8 cy=8 r=6 fill=none stroke=var(--accent-primary) stroke-width=1.5></circle><circle cx=6 cy=7 r=0.8 fill=var(--accent-primary)></circle><circle cx=10 cy=7 r=0.8 fill=var(--accent-primary)></circle><path d="M6 10c0.5 0.8 3.5 0.8 4 0"fill=none stroke=var(--accent-primary) stroke-width=0.8 stroke-linecap=round></path></svg></div><input class=command-bar-input type=text></form><div class=command-bar-hints><span><kbd>Enter</kbd> to ask</span><span><kbd>Esc</kbd> to close`), _tmpl$5$6 = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$6$6 = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
 const COMMAND_BAR_EXIT_MS = 200;
 const CommandBar = () => {
   const {
@@ -3787,7 +4228,7 @@ const CommandBar = () => {
           return !hasProvider();
         },
         get children() {
-          var _el$6 = _tmpl$$9(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
+          var _el$6 = _tmpl$$8(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
           _el$8.$$click = () => {
             closeCommandBar();
             openSettings();
@@ -5335,7 +5776,7 @@ function getBookmarkSearchMatch(args) {
   }
   return { matchedFields, score };
 }
-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>`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$2$7 = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$3$6 = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$4$6 = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`);
 const DropdownSelect = (props) => {
   const [open, setOpen] = createSignal(false);
   let rootRef;
@@ -5369,7 +5810,7 @@ const DropdownSelect = (props) => {
         return open();
       },
       get children() {
-        var _el$5 = _tmpl$$8();
+        var _el$5 = _tmpl$$7();
         insert(_el$5, createComponent(For, {
           get each() {
             return props.options;
@@ -5423,216 +5864,6 @@ const DropdownSelect = (props) => {
   })();
 };
 delegateEvents(["click"]);
-var defaultAttributes = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  "stroke-width": 2,
-  "stroke-linecap": "round",
-  "stroke-linejoin": "round"
-};
-var defaultAttributes_default = defaultAttributes;
-var LucideContext = createContext({
-  size: 24,
-  color: "currentColor",
-  strokeWidth: 2,
-  absoluteStrokeWidth: false,
-  class: ""
-});
-var _tmpl$$7 = /* @__PURE__ */ template(`<svg>`);
-var hasA11yProp = (props) => {
-  for (const prop in props) {
-    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
-      return true;
-    }
-  }
-  return false;
-};
-var mergeClasses = (...classes) => classes.filter((className2, index, array) => {
-  return Boolean(className2) && className2.trim() !== "" && array.indexOf(className2) === index;
-}).join(" ").trim();
-var toCamelCase = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
-var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
-var toPascalCase = (string) => {
-  const camelCase = toCamelCase(string);
-  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
-};
-var Icon = (props) => {
-  const [localProps, rest] = splitProps(props, ["color", "size", "strokeWidth", "children", "class", "name", "iconNode", "absoluteStrokeWidth"]);
-  const globalProps = useContext(LucideContext);
-  return (() => {
-    var _el$ = _tmpl$$7();
-    spread(_el$, mergeProps(defaultAttributes_default, {
-      get width() {
-        return localProps.size ?? globalProps.size ?? defaultAttributes_default.width;
-      },
-      get height() {
-        return localProps.size ?? globalProps.size ?? defaultAttributes_default.height;
-      },
-      get stroke() {
-        return localProps.color ?? globalProps.color ?? defaultAttributes_default.stroke;
-      },
-      get ["stroke-width"]() {
-        return memo(() => (localProps.absoluteStrokeWidth ?? globalProps.absoluteStrokeWidth) === true)() ? Number(localProps.strokeWidth ?? globalProps.strokeWidth ?? defaultAttributes_default["stroke-width"]) * 24 / Number(localProps.size ?? globalProps.size) : Number(localProps.strokeWidth ?? globalProps.strokeWidth ?? defaultAttributes_default["stroke-width"]);
-      },
-      get ["class"]() {
-        return mergeClasses("lucide", "lucide-icon", globalProps.class, ...localProps.name != null ? [`lucide-${toKebabCase(toPascalCase(localProps.name))}`, `lucide-${toKebabCase(localProps.name)}`] : [], localProps.class);
-      },
-      get ["aria-hidden"]() {
-        return !localProps.children && !hasA11yProp(rest) ? "true" : void 0;
-      }
-    }, rest), true, true);
-    insert(_el$, createComponent(For, {
-      get each() {
-        return localProps.iconNode;
-      },
-      children: ([elementName, attrs]) => {
-        return createComponent(Dynamic, mergeProps({
-          component: elementName
-        }, attrs));
-      }
-    }));
-    return _el$;
-  })();
-};
-var Icon_default = Icon;
-var iconNode$8 = [["path", {
-  d: "M12 7v14",
-  key: "1akyts"
-}], ["path", {
-  d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",
-  key: "ruj8y"
-}]];
-var BookOpen = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$8,
-  name: "book-open"
-}));
-var book_open_default = BookOpen;
-var iconNode$7 = [["rect", {
-  width: "8",
-  height: "4",
-  x: "8",
-  y: "2",
-  rx: "1",
-  ry: "1",
-  key: "tgr4d6"
-}], ["path", {
-  d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
-  key: "116196"
-}], ["path", {
-  d: "M12 11h4",
-  key: "1jrz19"
-}], ["path", {
-  d: "M12 16h4",
-  key: "n85exb"
-}], ["path", {
-  d: "M8 11h.01",
-  key: "1dfujw"
-}], ["path", {
-  d: "M8 16h.01",
-  key: "18s6g9"
-}]];
-var ClipboardList = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$7,
-  name: "clipboard-list"
-}));
-var clipboard_list_default = ClipboardList;
-var iconNode$6 = [["circle", {
-  cx: "12",
-  cy: "12",
-  r: "10",
-  key: "1mglay"
-}], ["path", {
-  d: "M12 6v6l4 2",
-  key: "mmk7yg"
-}]];
-var Clock = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$6,
-  name: "clock"
-}));
-var clock_default = Clock;
-var iconNode$5 = [["path", {
-  d: "M12 15V3",
-  key: "m9g1x1"
-}], ["path", {
-  d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
-  key: "ih7n3h"
-}], ["path", {
-  d: "m7 10 5 5 5-5",
-  key: "brsn70"
-}]];
-var Download = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$5,
-  name: "download"
-}));
-var download_default = Download;
-var iconNode$4 = [["circle", {
-  cx: "12",
-  cy: "12",
-  r: "10",
-  key: "1mglay"
-}], ["path", {
-  d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
-  key: "13o1zl"
-}], ["path", {
-  d: "M2 12h20",
-  key: "9i4pu4"
-}]];
-var Globe = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$4,
-  name: "globe"
-}));
-var globe_default = Globe;
-var iconNode$3 = [["path", {
-  d: "m21 21-4.34-4.34",
-  key: "14j7rj"
-}], ["circle", {
-  cx: "11",
-  cy: "11",
-  r: "8",
-  key: "4ej97u"
-}]];
-var Search = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$3,
-  name: "search"
-}));
-var search_default = Search;
-var iconNode$2 = [["path", {
-  d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
-  key: "r04s7s"
-}]];
-var Star = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$2,
-  name: "star"
-}));
-var star_default = Star;
-var iconNode$1 = [["path", {
-  d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
-  key: "vktsd0"
-}], ["circle", {
-  cx: "7.5",
-  cy: "7.5",
-  r: ".5",
-  fill: "currentColor",
-  key: "kqv944"
-}]];
-var Tag = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$1,
-  name: "tag"
-}));
-var tag_default = Tag;
-var iconNode = [["path", {
-  d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
-  key: "1xq2db"
-}]];
-var Zap = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode,
-  name: "zap"
-}));
-var zap_default = Zap;
 const BUNDLED_KIT_IDS = /* @__PURE__ */ new Set([
   "research-collect",
   "price-scout",
@@ -5782,7 +6013,7 @@ function renderKitPrompt(kit, values) {
     (_, key) => values[key] ?? ""
   );
 }
-var _tmpl$$6 = /* @__PURE__ */ template(`<div class=kit-upsell><div class=kit-upsell-icon aria-hidden=true></div><p class=kit-upsell-title>Vessel Premium</p><p class=kit-upsell-body>Automation Kits are a premium feature. Upgrade to unlock pre-built workflows you can launch with one click.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$6 = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Automation Kits <span class=kit-beta-tag>Beta</span></span><div class=kit-list-header-actions><span class=kit-list-count> kits</span><button class=kit-install-btn type=button title="Install a kit from a .kit.json file">+ Install`), _tmpl$3$5 = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$5 = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$5 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$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>`);
+var _tmpl$$6 = /* @__PURE__ */ template(`<div class=kit-upsell><div class=kit-upsell-icon aria-hidden=true></div><p class=kit-upsell-title>Vessel Premium</p><p class=kit-upsell-body>Automation Kits are a premium feature. Upgrade to unlock pre-built workflows you can launch with one click.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$6 = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Automation Kits <span class=kit-beta-tag>Beta</span></span><div class=kit-list-header-actions><span class=kit-list-count> kits</span><button class=kit-install-btn type=button title="Install a kit from a .kit.json file">+ Install`), _tmpl$3$5 = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$5 = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$5 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$5 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$5 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to kits"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M9 11L5 7l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Back</button><div class=kit-form-title>`), _tmpl$0$3 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$3 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$3 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$13$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$14$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$16$2 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$2 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$18$2 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$2 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$23$2 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$2 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$25$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>×`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card role=button tabindex=0><span class=kit-card-icon aria-hidden=true></span><div class=kit-card-body><div class=kit-card-name></div><div class=kit-card-desc>`), _tmpl$27$2 = /* @__PURE__ */ template(`<svg class=kit-card-caret width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M5 3l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$28$2 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$29$2 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$30$2 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$31$2 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$2 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$33$2 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$2 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$2 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$2 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$2 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$2 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$39$2 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$40$2 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$41$2 = /* @__PURE__ */ template(`<option>`), _tmpl$42$2 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
 const ICON_MAP = {
   BookOpen: book_open_default,
   Tag: tag_default,
@@ -6281,7 +6512,7 @@ const AutomationTab = (props) => {
           },
           get children() {
             return [(() => {
-              var _el$19 = _tmpl$7$4(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
+              var _el$19 = _tmpl$7$5(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
               insert(_el$19, createComponent(zap_default, {
                 size: 12
               }), _el$20);
@@ -6621,7 +6852,7 @@ const AutomationTab = (props) => {
   })();
 };
 delegateEvents(["click", "input", "keydown", "contextmenu"]);
-var _tmpl$$5 = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$4 = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$4 = /* @__PURE__ */ template(`<div class=agent-section-title>Recent page changes`), _tmpl$5$4 = /* @__PURE__ */ template(`<div class=page-diff-list>`), _tmpl$6$4 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$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>`);
+var _tmpl$$5 = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$5 = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$4 = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$4 = /* @__PURE__ */ template(`<div class=agent-section-title>Recent page changes`), _tmpl$5$4 = /* @__PURE__ */ template(`<div class=page-diff-list>`), _tmpl$6$4 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$4 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$8$3 = /* @__PURE__ */ template(`<div class=page-diff-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=page-diff-content><div class=page-diff-time></div><div class=page-diff-summary>`);
 const PageDiffTimeline = () => {
   const {
     activeTab
@@ -6718,7 +6949,7 @@ const PageDiffTimeline = () => {
                   return i() < bursts().length - 1;
                 },
                 get children() {
-                  return _tmpl$7$3();
+                  return _tmpl$7$4();
                 }
               }), null);
               insert(_el$10, () => new Date(burst.detectedAt).toLocaleString());
@@ -6735,7 +6966,7 @@ const PageDiffTimeline = () => {
   })();
 };
 const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
-var _tmpl$$4 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$3 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$4$3 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$5$3 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$6$3 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$7$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>×`);
+var _tmpl$$4 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$3 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$4$3 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$5$3 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$6$3 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$7$3 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$8$2 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$9$2 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$0$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$1$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-export-card><div><div class=bookmark-panel-title>Export</div><div class=bookmark-panel-subtitle>Save browser-ready HTML or a full Vessel archive</div></div><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Browser HTML</button><button class=bookmark-secondary-button type=button>HTML + notes</button><button class=bookmark-secondary-button type=button>Vessel JSON</button></div></div><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$10$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$11$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><textarea class=agent-textarea rows=2 placeholder="Optional note for this checkpoint"></textarea><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$12$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$13$1 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><button class=history-clear-btn>Clear</button></div><div class=history-list>`), _tmpl$14$1 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div class=agent-panel-title>What Changed</div><div class=agent-panel-subtitle>`), _tmpl$15$1 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">Give the built-in agent a bigger toolbox and longer runway: screenshots, saved sessions, workflow tracking, table extraction, and up to 1,000 tool calls per turn.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$16$1 = /* @__PURE__ */ template(`<span>`), _tmpl$17$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$18$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$19$1 = /* @__PURE__ */ template(`<div class=sidebar-empty><svg class=sidebar-empty-icon width=48 height=48 viewBox="0 0 48 48"aria-hidden=true><line x1=8 y1=8 x2=24 y2=5 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=24 y1=5 x2=40 y2=10 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=8 y1=8 x2=6 y2=24 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=40 y1=10 x2=44 y2=26 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=6 y1=24 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=44 y1=26 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=10 y1=38 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=38 y1=40 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=8 y1=8 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=24 y1=5 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=40 y1=10 x2=32 y2=20 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=20 y1=18 x2=32 y2=20 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.3></line><line x1=6 y1=24 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=20 y1=18 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=32 y1=20 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=44 y1=26 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=18 y1=30 x2=36 y2=30 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.25></line><line x1=18 y1=30 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=36 y1=30 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=18 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><line x1=36 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><circle cx=8 cy=8 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=24 cy=5 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=40 cy=10 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.7></circle><circle cx=6 cy=24 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=44 cy=26 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=10 cy=38 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=38 cy=40 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=24 cy=44 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=20 cy=18 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.85></circle><circle cx=32 cy=20 r=4 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.9></circle><circle cx=18 cy=30 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.75></circle><circle cx=36 cy=30 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.8></circle></svg><p class=sidebar-empty-title>Your move.</p><p class=sidebar-empty-hint>Configure a provider in Settings (Ctrl+,) then ask anything about the current page or beyond.`), _tmpl$20$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Stop generating"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><rect x=2 y=2 width=10 height=10 rx=1.5 fill=currentColor></rect></svg>Stop`), _tmpl$21$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Retry last prompt"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M11.5 7a4.5 4.5 0 1 1-1.3-3.2"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M10.5 1v3h-3"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Retry`), _tmpl$22$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$23$1 = /* @__PURE__ */ template(`<div class=highlight-nav><button class=highlight-nav-btn type=button title="Previous highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M8 10L4 6l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=highlight-nav-label type=button title="Go to current highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><circle cx=6 cy=6 r=3 fill="rgba(196, 160, 90, 0.6)"stroke="rgba(196, 160, 90, 0.9)"stroke-width=1></circle></svg></button><button class=highlight-nav-btn type=button title="Next highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M4 2l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$24$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$25$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-resize-handle></div><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button><button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat"><svg width=14 height=14 viewBox="0 0 14 14"aria-hidden=true><path d="M3.5 3.5l7 7M10.5 3.5l-7 7"fill=none stroke=currentColor stroke-width=1.4 stroke-linecap=round></path></svg></button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button><button class=sidebar-tab role=tab>Automate</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button></div><div class=sidebar-messages><div>`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$30$1 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$31$1 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$34$1 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$35$1 = /* @__PURE__ */ template(`<div class=agent-card><div class=agent-action-row><span class=agent-card-title></span><span></span></div><div class=agent-card-copy>`), _tmpl$36$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$37$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$38$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$39$1 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$40$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-delete-confirm><p class=bookmark-delete-prompt>Delete "<!>"?</p><div class=bookmark-delete-options><button class="bookmark-ghost-button danger"type=button></button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$41$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><div class=bookmark-folder-form-fields><input class=bookmark-input><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=button>Save</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$42$1 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$43 = /* @__PURE__ */ template(`<div class=bookmark-folder-section><div class="bookmark-folder-header clickable"role=button tabindex=0><div class=bookmark-folder-overview><span class=bookmark-folder-chevron aria-hidden=true>▸</span><div><div class=bookmark-folder-name></div><div class=bookmark-folder-meta> saved`), _tmpl$44 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$45 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$46 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$47 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$48 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$49 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$50 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$51 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><input class=bookmark-input placeholder="Bookmark title"><textarea class=bookmark-note-input rows=2 placeholder="Why this bookmark matters"></textarea><textarea class=bookmark-note-input rows=1 placeholder=Intent></textarea><textarea class=bookmark-note-input rows=1 placeholder="Expected content"></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input rows=2 placeholder="Agent hints (one key:value per line)"></textarea><div class=bookmark-item-footer><button class=bookmark-secondary-button type=button>Save edits</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$52 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class=bookmark-ghost-button type=button></button><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$53 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$54 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$55 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><textarea class=agent-textarea rows=2 placeholder="Add a note..."></textarea><button class=agent-control-button type=button>Restore`), _tmpl$56 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$57 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">The Diff timeline is a premium feature. Upgrade to see a full history of what changed on this page.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$58 = /* @__PURE__ */ template(`<div>`), _tmpl$59 = /* @__PURE__ */ template(`<div class=thinking-state><div class=thinking-orb aria-hidden=true><span></span><span></span><span></span></div><div class=thinking-copy><div class=thinking-title>Thinking`), _tmpl$60 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$61 = /* @__PURE__ */ template(`<div class=chat-approval><div class=chat-approval-icon aria-hidden=true><svg width=16 height=16 viewBox="0 0 16 16"fill=none><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7.25 4.75a.75.75 0 011.5 0v3.5a.75.75 0 01-1.5 0v-3.5zM8 11.5a.75.75 0 110-1.5.75.75 0 010 1.5z"fill=currentColor></path></svg></div><div class=chat-approval-body><div class=chat-approval-title>Approval needed: <strong></strong></div><div class=chat-approval-detail></div><div class=chat-approval-actions><button class="chat-approval-btn chat-approval-approve"type=button>Approve</button><button class="chat-approval-btn chat-approval-reject"type=button>Reject`), _tmpl$62 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
 const UNSORTED_FOLDER = {
   id: "unsorted",
   name: "Unsorted",
@@ -6818,6 +7049,8 @@ const Sidebar = (props) => {
     saveBookmark,
     updateBookmark,
     removeBookmark,
+    exportHtml,
+    exportJson,
     createFolderWithSummary,
     removeFolder,
     renameFolder
@@ -6997,6 +7230,8 @@ ${contextBlock}` : contextBlock);
   const [newFolderName, setNewFolderName] = createSignal("");
   const [newFolderSummary, setNewFolderSummary] = createSignal("");
   const [bookmarkSearchQuery, setBookmarkSearchQuery] = createSignal("");
+  const [bookmarkExportMessage, setBookmarkExportMessage] = createSignal("");
+  const [bookmarkExporting, setBookmarkExporting] = createSignal(false);
   const [editingFolderId, setEditingFolderId] = createSignal(null);
   const [editingFolderName, setEditingFolderName] = createSignal("");
   const [editingFolderSummary, setEditingFolderSummary] = createSignal("");
@@ -7273,6 +7508,24 @@ ${contextBlock}` : contextBlock);
       setEditingFolderSummary("");
     }
   };
+  const handleExportBookmarks = async (format) => {
+    setBookmarkExporting(true);
+    setBookmarkExportMessage("");
+    try {
+      const result = format === "json" ? await exportJson() : await exportHtml({
+        includeNotes: format === "html-with-notes"
+      });
+      if (!result) {
+        setBookmarkExportMessage("Export canceled.");
+        return;
+      }
+      setBookmarkExportMessage(`Exported ${result.count} bookmarks to ${result.filePath}`);
+    } catch (error) {
+      setBookmarkExportMessage(error instanceof Error ? error.message : "Could not export bookmarks.");
+    } finally {
+      setBookmarkExporting(false);
+    }
+  };
   const toggleFolderExpanded = (folderId) => {
     setExpandedFolderIds((current) => current.includes(folderId) ? current.filter((id) => id !== folderId) : [...current, folderId]);
   };
@@ -7290,9 +7543,9 @@ ${contextBlock}` : contextBlock);
       return props.forceOpen || sidebarOpen2();
     },
     get children() {
-      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;
+      var _el$9 = _tmpl$28$1(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$1.nextSibling, _el$16 = _el$15.firstChild;
       _el$16.firstChild;
-      var _el$19 = _el$16.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.nextSibling, _el$25 = _el$15.nextSibling, _el$104 = _el$25.firstChild;
+      var _el$19 = _el$16.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.nextSibling, _el$25 = _el$15.nextSibling, _el$111 = _el$25.firstChild;
       _el$0.$$pointerdown = startResize;
       setAttribute(_el$11, "src", vesselLogo);
       addEventListener(_el$13, "click", clearHistory, true);
@@ -7323,7 +7576,7 @@ ${contextBlock}` : contextBlock);
           return sidebarTab() === "supervisor";
         },
         get children() {
-          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;
+          var _el$26 = _tmpl$7$3(), _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$28.nextSibling, _el$32 = _el$27.nextSibling, _el$33 = _el$32.firstChild, _el$34 = _el$33.nextSibling, _el$36 = _el$32.nextSibling, _el$38 = _el$36.nextSibling;
           _el$38.firstChild;
           insert(_el$30, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
           insert(_el$31, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
@@ -7358,7 +7611,7 @@ ${contextBlock}` : contextBlock);
               return runtimeState2().supervisor.pendingApprovals.length > 0;
             },
             get fallback() {
-              return _tmpl$28$1();
+              return _tmpl$29$1();
             },
             get children() {
               return [_tmpl$5$3(), createComponent(For, {
@@ -7366,13 +7619,13 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  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;
+                  var _el$129 = _tmpl$30$1(), _el$130 = _el$129.firstChild, _el$131 = _el$130.nextSibling, _el$132 = _el$131.nextSibling, _el$133 = _el$132.nextSibling, _el$134 = _el$133.nextSibling, _el$135 = _el$134.firstChild, _el$136 = _el$135.nextSibling;
+                  insert(_el$131, () => approval.name);
+                  insert(_el$132, () => approval.argsSummary);
+                  insert(_el$133, () => approval.reason);
+                  _el$135.$$click = () => void resolveApproval(approval.id, true);
+                  _el$136.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$129;
                 })()
               })];
             }
@@ -7396,7 +7649,7 @@ ${contextBlock}` : contextBlock);
               return recentActions().length > 0;
             },
             get fallback() {
-              return _tmpl$30$1();
+              return _tmpl$31$1();
             },
             get children() {
               return createComponent(Show, {
@@ -7404,7 +7657,7 @@ ${contextBlock}` : contextBlock);
                   return actionsExpanded();
                 },
                 get fallback() {
-                  return _tmpl$31$1();
+                  return _tmpl$32$1();
                 },
                 get children() {
                   return createComponent(For, {
@@ -7412,32 +7665,32 @@ ${contextBlock}` : contextBlock);
                       return recentActions();
                     },
                     children: (action) => (() => {
-                      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, {
+                      var _el$139 = _tmpl$35$1(), _el$140 = _el$139.firstChild, _el$141 = _el$140.firstChild, _el$142 = _el$141.nextSibling, _el$143 = _el$140.nextSibling;
+                      insert(_el$141, () => action.name);
+                      insert(_el$142, () => action.status);
+                      insert(_el$143, () => action.argsSummary);
+                      insert(_el$139, createComponent(Show, {
                         get when() {
                           return action.resultSummary;
                         },
                         get children() {
-                          var _el$137 = _tmpl$32$1();
-                          insert(_el$137, () => action.resultSummary);
-                          return _el$137;
+                          var _el$144 = _tmpl$33$1();
+                          insert(_el$144, () => action.resultSummary);
+                          return _el$144;
                         }
                       }), null);
-                      insert(_el$132, createComponent(Show, {
+                      insert(_el$139, createComponent(Show, {
                         get when() {
                           return action.error;
                         },
                         get children() {
-                          var _el$138 = _tmpl$33$1();
-                          insert(_el$138, () => action.error);
-                          return _el$138;
+                          var _el$145 = _tmpl$34$1();
+                          insert(_el$145, () => action.error);
+                          return _el$145;
                         }
                       }), null);
-                      createRenderEffect(() => className(_el$135, `agent-action-status ${action.status}`));
-                      return _el$132;
+                      createRenderEffect(() => className(_el$142, `agent-action-status ${action.status}`));
+                      return _el$139;
                     })()
                   });
                 }
@@ -7447,13 +7700,13 @@ ${contextBlock}` : contextBlock);
           createRenderEffect(() => _el$31.classList.toggle("paused", !!runtimeState2().supervisor.paused));
           return _el$26;
         }
-      }), _el$104);
+      }), _el$111);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "bookmarks";
         },
         get children() {
-          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;
+          var _el$41 = _tmpl$1$2(), _el$42 = _el$41.firstChild, _el$43 = _el$42.firstChild, _el$44 = _el$43.firstChild, _el$45 = _el$44.nextSibling, _el$47 = _el$42.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling, _el$53 = _el$52.nextSibling, _el$55 = _el$48.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling, _el$69 = _el$55.nextSibling, _el$70 = _el$69.firstChild, _el$71 = _el$70.firstChild, _el$72 = _el$71.nextSibling, _el$73 = _el$70.nextSibling, _el$74 = _el$69.nextSibling;
           insert(_el$45, (() => {
             var _c$2 = memo(() => !!normalizedBookmarkSearch());
             return () => _c$2() ? `${bookmarkMatchCount()} matches for "${bookmarkSearchQuery().trim()}"` : `${bookmarksState2().bookmarks.length} saved across ${bookmarkFolders().length} folders`;
@@ -7467,16 +7720,29 @@ ${contextBlock}` : contextBlock);
             }
           }), null);
           _el$47.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
-          _el$49.$$click = () => setBookmarkSaveExpanded((current) => !current);
+          _el$51.$$click = () => void handleExportBookmarks("html");
+          _el$52.$$click = () => void handleExportBookmarks("html-with-notes");
+          _el$53.$$click = () => void handleExportBookmarks("json");
           insert(_el$48, createComponent(Show, {
+            get when() {
+              return bookmarkExportMessage();
+            },
+            get children() {
+              var _el$54 = _tmpl$9$2();
+              insert(_el$54, bookmarkExportMessage);
+              return _el$54;
+            }
+          }), null);
+          _el$56.$$click = () => setBookmarkSaveExpanded((current) => !current);
+          insert(_el$55, createComponent(Show, {
             get when() {
               return bookmarkSaveExpanded();
             },
             get children() {
-              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, {
+              var _el$59 = _tmpl$0$2(), _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling, _el$62 = _el$61.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$62.nextSibling, _el$65 = _el$64.nextSibling, _el$66 = _el$65.nextSibling, _el$67 = _el$66.nextSibling, _el$68 = _el$67.nextSibling;
+              insert(_el$60, () => currentTab()?.title || "No active page");
+              insert(_el$61, () => currentTab()?.url || "Open a page to save it here.");
+              insert(_el$62, createComponent(DropdownSelect, {
                 "class": "bookmark-select",
                 get value() {
                   return selectedFolderId();
@@ -7486,37 +7752,37 @@ ${contextBlock}` : contextBlock);
                 },
                 ariaLabel: "Bookmark folder",
                 onChange: (value) => setSelectedFolderId(value)
-              }), _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;
+              }), _el$63);
+              _el$63.$$click = () => void handleSaveBookmark();
+              _el$64.$$input = (e) => setBookmarkNote(e.currentTarget.value);
+              _el$65.$$input = (e) => setBookmarkIntent(e.currentTarget.value);
+              _el$66.$$input = (e) => setBookmarkExpectedContent(e.currentTarget.value);
+              _el$67.$$input = (e) => setBookmarkKeyFields(e.currentTarget.value);
+              _el$68.$$input = (e) => setBookmarkAgentHints(e.currentTarget.value);
+              createRenderEffect(() => _el$63.disabled = !currentTab()?.url);
+              createRenderEffect(() => _el$64.value = bookmarkNote());
+              createRenderEffect(() => _el$65.value = bookmarkIntent());
+              createRenderEffect(() => _el$66.value = bookmarkExpectedContent());
+              createRenderEffect(() => _el$67.value = bookmarkKeyFields());
+              createRenderEffect(() => _el$68.value = bookmarkAgentHints());
+              return _el$59;
             }
           }), null);
-          _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, {
+          _el$69.addEventListener("submit", handleCreateFolder);
+          _el$71.$$input = (e) => setNewFolderName(e.currentTarget.value);
+          _el$72.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
+          insert(_el$74, createComponent(Show, {
             get when() {
               return filteredGroupedBookmarks().length > 0;
             },
             get fallback() {
               return (() => {
-                var _el$139 = _tmpl$35$1();
-                insert(_el$139, (() => {
+                var _el$146 = _tmpl$36$1();
+                insert(_el$146, (() => {
                   var _c$5 = memo(() => !!normalizedBookmarkSearch());
                   return () => _c$5() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
                 })());
-                return _el$139;
+                return _el$146;
               })();
             },
             get children() {
@@ -7525,100 +7791,100 @@ ${contextBlock}` : contextBlock);
                   return filteredGroupedBookmarks();
                 },
                 children: (folder) => (() => {
-                  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) => {
+                  var _el$147 = _tmpl$43(), _el$148 = _el$147.firstChild, _el$149 = _el$148.firstChild, _el$150 = _el$149.firstChild, _el$151 = _el$150.nextSibling, _el$152 = _el$151.firstChild, _el$153 = _el$152.nextSibling, _el$154 = _el$153.firstChild;
+                  _el$148.$$keydown = (e) => {
                     if (e.key === "Enter" || e.key === " ") {
                       e.preventDefault();
                       toggleFolderExpanded(folder.id);
                     }
                   };
-                  _el$141.$$click = () => toggleFolderExpanded(folder.id);
-                  insert(_el$145, () => folder.name);
-                  insert(_el$146, () => folder.items.length, _el$147);
-                  insert(_el$144, createComponent(Show, {
+                  _el$148.$$click = () => toggleFolderExpanded(folder.id);
+                  insert(_el$152, () => folder.name);
+                  insert(_el$153, () => folder.items.length, _el$154);
+                  insert(_el$151, createComponent(Show, {
                     get when() {
                       return folder.summary;
                     },
                     get children() {
-                      var _el$148 = _tmpl$36$1();
-                      insert(_el$148, () => folder.summary);
-                      return _el$148;
+                      var _el$155 = _tmpl$37$1();
+                      insert(_el$155, () => folder.summary);
+                      return _el$155;
                     }
                   }), null);
-                  insert(_el$141, createComponent(Show, {
+                  insert(_el$148, createComponent(Show, {
                     get when() {
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$149 = _tmpl$37$1(), _el$150 = _el$149.firstChild, _el$151 = _el$150.nextSibling;
-                      _el$150.$$click = (e) => {
+                      var _el$156 = _tmpl$38$1(), _el$157 = _el$156.firstChild, _el$158 = _el$157.nextSibling;
+                      _el$157.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
                         setEditingFolderName(folder.name);
                         setEditingFolderSummary(folder.summary || "");
                       };
-                      _el$151.$$click = (e) => {
+                      _el$158.$$click = (e) => {
                         e.stopPropagation();
                         setDeletingFolderId(folder.id);
                       };
-                      return _el$149;
+                      return _el$156;
                     }
                   }), null);
-                  insert(_el$140, createComponent(Show, {
+                  insert(_el$147, createComponent(Show, {
                     get when() {
                       return deletingFolderId() === folder.id;
                     },
                     get children() {
-                      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 _el$159 = _tmpl$40$1(), _el$160 = _el$159.firstChild, _el$161 = _el$160.firstChild, _el$163 = _el$161.nextSibling;
+                      _el$163.nextSibling;
+                      var _el$164 = _el$160.nextSibling, _el$166 = _el$164.firstChild, _el$167 = _el$166.nextSibling;
+                      insert(_el$160, () => folder.name, _el$163);
+                      insert(_el$160, (() => {
                         var _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$157, createComponent(Show, {
+                      insert(_el$164, createComponent(Show, {
                         get when() {
                           return folder.items.length > 0;
                         },
                         get children() {
-                          var _el$158 = _tmpl$38$1();
-                          _el$158.$$click = () => void handleRemoveFolder(folder.id, false);
-                          return _el$158;
+                          var _el$165 = _tmpl$39$1();
+                          _el$165.$$click = () => void handleRemoveFolder(folder.id, false);
+                          return _el$165;
                         }
-                      }), _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;
+                      }), _el$166);
+                      _el$166.$$click = () => void handleRemoveFolder(folder.id, true);
+                      insert(_el$166, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
+                      _el$167.$$click = () => setDeletingFolderId(null);
+                      return _el$159;
                     }
                   }), null);
-                  insert(_el$140, createComponent(Show, {
+                  insert(_el$147, createComponent(Show, {
                     get when() {
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      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 = () => {
+                      var _el$168 = _tmpl$41$1(), _el$169 = _el$168.firstChild, _el$170 = _el$169.firstChild, _el$171 = _el$170.nextSibling, _el$172 = _el$169.nextSibling, _el$173 = _el$172.nextSibling;
+                      _el$170.$$input = (e) => setEditingFolderName(e.currentTarget.value);
+                      _el$171.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
+                      _el$172.$$click = () => void handleRenameFolder(folder.id);
+                      _el$173.$$click = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$165.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$163.value = editingFolderName());
-                      createRenderEffect(() => _el$164.value = editingFolderSummary());
-                      return _el$161;
+                      createRenderEffect(() => _el$172.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$170.value = editingFolderName());
+                      createRenderEffect(() => _el$171.value = editingFolderSummary());
+                      return _el$168;
                     }
                   }), null);
-                  insert(_el$140, createComponent(Show, {
+                  insert(_el$147, createComponent(Show, {
                     get when() {
                       return isFolderExpanded(folder.id);
                     },
                     get fallback() {
-                      return _tmpl$43();
+                      return _tmpl$44();
                     },
                     get children() {
                       return createComponent(Show, {
@@ -7626,203 +7892,209 @@ ${contextBlock}` : contextBlock);
                           return folder.items.length > 0;
                         },
                         get fallback() {
-                          return _tmpl$44();
+                          return _tmpl$45();
                         },
                         get children() {
-                          var _el$167 = _tmpl$41$1();
-                          insert(_el$167, createComponent(For, {
+                          var _el$174 = _tmpl$42$1();
+                          insert(_el$174, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              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, {
+                              var _el$177 = _tmpl$52(), _el$178 = _el$177.firstChild, _el$179 = _el$178.firstChild, _el$180 = _el$179.nextSibling, _el$205 = _el$178.nextSibling, _el$206 = _el$205.firstChild, _el$207 = _el$206.nextSibling, _el$208 = _el$207.nextSibling;
+                              _el$178.$$click = () => void createTab(bookmark.url);
+                              insert(_el$179, () => bookmark.title || bookmark.url);
+                              insert(_el$180, () => bookmark.url);
+                              insert(_el$177, createComponent(Show, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$174 = _tmpl$45();
-                                  insert(_el$174, () => bookmark.note);
-                                  return _el$174;
+                                  var _el$181 = _tmpl$46();
+                                  insert(_el$181, () => bookmark.note);
+                                  return _el$181;
                                 }
-                              }), _el$198);
-                              insert(_el$170, createComponent(Show, {
+                              }), _el$205);
+                              insert(_el$177, 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, {
+                                  var _el$182 = _tmpl$46();
+                                  insert(_el$182, 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;
+                                      var _el$183 = _tmpl$47(), _el$184 = _el$183.firstChild;
+                                      _el$184.nextSibling;
+                                      insert(_el$183, () => bookmark.intent, null);
+                                      return _el$183;
                                     }
                                   }), null);
-                                  insert(_el$175, createComponent(Show, {
+                                  insert(_el$182, 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;
+                                      var _el$186 = _tmpl$48(), _el$187 = _el$186.firstChild;
+                                      _el$187.nextSibling;
+                                      insert(_el$186, () => bookmark.expectedContent, null);
+                                      return _el$186;
                                     }
                                   }), null);
-                                  insert(_el$175, createComponent(Show, {
+                                  insert(_el$182, 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;
+                                      var _el$189 = _tmpl$49(), _el$190 = _el$189.firstChild;
+                                      _el$190.nextSibling;
+                                      insert(_el$189, () => bookmark.keyFields?.join(", "), null);
+                                      return _el$189;
                                     }
                                   }), null);
-                                  insert(_el$175, createComponent(Show, {
+                                  insert(_el$182, 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;
+                                      var _el$192 = _tmpl$50(), _el$193 = _el$192.firstChild;
+                                      _el$193.nextSibling;
+                                      insert(_el$192, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
+                                      return _el$192;
                                     }
                                   }), null);
-                                  return _el$175;
+                                  return _el$182;
                                 }
-                              }), _el$198);
-                              insert(_el$170, createComponent(Show, {
+                              }), _el$205);
+                              insert(_el$177, 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;
+                                  var _el$195 = _tmpl$51(), _el$196 = _el$195.firstChild, _el$197 = _el$196.nextSibling, _el$198 = _el$197.nextSibling, _el$199 = _el$198.nextSibling, _el$200 = _el$199.nextSibling, _el$201 = _el$200.nextSibling, _el$202 = _el$201.nextSibling, _el$203 = _el$202.firstChild, _el$204 = _el$203.nextSibling;
+                                  _el$196.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
+                                  _el$197.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
+                                  _el$198.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
+                                  _el$199.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
+                                  _el$200.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
+                                  _el$201.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
+                                  _el$203.$$click = () => void handleUpdateBookmark(bookmark.id);
+                                  _el$204.$$click = resetBookmarkEditor;
+                                  createRenderEffect(() => _el$196.value = editingBookmarkTitle());
+                                  createRenderEffect(() => _el$197.value = editingBookmarkNote());
+                                  createRenderEffect(() => _el$198.value = editingBookmarkIntent());
+                                  createRenderEffect(() => _el$199.value = editingBookmarkExpectedContent());
+                                  createRenderEffect(() => _el$200.value = editingBookmarkKeyFields());
+                                  createRenderEffect(() => _el$201.value = editingBookmarkAgentHints());
+                                  return _el$195;
                                 }
-                              }), _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 = () => {
+                              }), _el$205);
+                              insert(_el$206, () => formatBookmarkDate(bookmark.savedAt));
+                              _el$207.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
+                              insert(_el$207, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
+                              _el$208.$$click = () => {
                                 if (editingBookmarkId() === bookmark.id) {
                                   resetBookmarkEditor();
                                 }
                                 void removeBookmark(bookmark.id);
                               };
-                              createRenderEffect(() => setAttribute(_el$170, "data-bookmark-id", bookmark.id));
-                              return _el$170;
+                              createRenderEffect(() => setAttribute(_el$177, "data-bookmark-id", bookmark.id));
+                              return _el$177;
                             })()
                           }));
-                          return _el$167;
+                          return _el$174;
                         }
                       });
                     }
                   }), null);
-                  createRenderEffect(() => _el$143.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
-                  return _el$140;
+                  createRenderEffect(() => _el$150.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
+                  return _el$147;
                 })()
               });
             }
           }));
           createRenderEffect((_p$) => {
-            var _v$ = !!bookmarkSaveExpanded(), _v$2 = !newFolderName().trim();
-            _v$ !== _p$.e && _el$51.classList.toggle("expanded", _p$.e = _v$);
-            _v$2 !== _p$.t && (_el$66.disabled = _p$.t = _v$2);
+            var _v$ = bookmarkExporting(), _v$2 = bookmarkExporting(), _v$3 = bookmarkExporting(), _v$4 = !!bookmarkSaveExpanded(), _v$5 = !newFolderName().trim();
+            _v$ !== _p$.e && (_el$51.disabled = _p$.e = _v$);
+            _v$2 !== _p$.t && (_el$52.disabled = _p$.t = _v$2);
+            _v$3 !== _p$.a && (_el$53.disabled = _p$.a = _v$3);
+            _v$4 !== _p$.o && _el$58.classList.toggle("expanded", _p$.o = _v$4);
+            _v$5 !== _p$.i && (_el$73.disabled = _p$.i = _v$5);
             return _p$;
           }, {
             e: void 0,
-            t: void 0
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0
           });
           createRenderEffect(() => _el$47.value = bookmarkSearchQuery());
-          createRenderEffect(() => _el$64.value = newFolderName());
-          createRenderEffect(() => _el$65.value = newFolderSummary());
+          createRenderEffect(() => _el$71.value = newFolderName());
+          createRenderEffect(() => _el$72.value = newFolderSummary());
           return _el$41;
         }
-      }), _el$104);
+      }), _el$111);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "checkpoints";
         },
         get children() {
-          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 _el$75 = _tmpl$11$2(), _el$76 = _el$75.firstChild, _el$77 = _el$76.firstChild, _el$78 = _el$77.firstChild, _el$79 = _el$78.nextSibling, _el$80 = _el$76.nextSibling, _el$81 = _el$80.firstChild, _el$82 = _el$81.firstChild, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling;
+          _el$81.nextSibling;
+          insert(_el$79, (() => {
             var _c$3 = memo(() => recentCheckpoints().length > 0);
             return () => _c$3() ? `${recentCheckpoints().length} saved snapshots` : "Save and restore session snapshots";
           })());
-          _el$75.$$input = (e) => setCheckpointName(e.currentTarget.value);
-          _el$76.$$input = (e) => setCheckpointNote(e.currentTarget.value);
-          _el$77.$$click = async () => {
+          _el$82.$$input = (e) => setCheckpointName(e.currentTarget.value);
+          _el$83.$$input = (e) => setCheckpointNote(e.currentTarget.value);
+          _el$84.$$click = async () => {
             const name = checkpointName().trim();
             await createCheckpoint(name || void 0, checkpointNote() || void 0);
             setCheckpointName("");
             setCheckpointNote("");
           };
-          insert(_el$73, createComponent(Show, {
+          insert(_el$80, createComponent(Show, {
             get when() {
               return recentCheckpoints().length > 0;
             },
             get fallback() {
-              return _tmpl$52();
+              return _tmpl$53();
             },
             get children() {
-              var _el$79 = _tmpl$1$2();
-              insert(_el$79, createComponent(For, {
+              var _el$86 = _tmpl$10$2();
+              insert(_el$86, createComponent(For, {
                 get each() {
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  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, {
+                  var _el$210 = _tmpl$55(), _el$211 = _el$210.firstChild, _el$212 = _el$211.firstChild, _el$214 = _el$211.nextSibling, _el$215 = _el$214.firstChild, _el$216 = _el$215.nextSibling, _el$217 = _el$216.nextSibling, _el$218 = _el$217.nextSibling;
+                  insert(_el$211, createComponent(Show, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
                     get children() {
-                      return _tmpl$53();
+                      return _tmpl$54();
                     }
                   }), null);
-                  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;
+                  insert(_el$215, () => checkpoint.name);
+                  insert(_el$216, () => new Date(checkpoint.createdAt).toLocaleString());
+                  _el$217.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
+                  _el$218.$$click = () => void restoreCheckpoint(checkpoint.id);
+                  createRenderEffect(() => _el$212.classList.toggle("latest", !!(i() === 0)));
+                  createRenderEffect(() => _el$217.value = checkpoint.note || "");
+                  return _el$210;
                 })()
               }));
-              return _el$79;
+              return _el$86;
             }
           }), null);
-          createRenderEffect(() => _el$75.value = checkpointName());
-          createRenderEffect(() => _el$76.value = checkpointNote());
-          return _el$68;
+          createRenderEffect(() => _el$82.value = checkpointName());
+          createRenderEffect(() => _el$83.value = checkpointNote());
+          return _el$75;
         }
-      }), _el$104);
+      }), _el$111);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "automation";
@@ -7832,67 +8104,67 @@ ${contextBlock}` : contextBlock);
             onRun: () => setSidebarTab("supervisor")
           });
         }
-      }), _el$104);
+      }), _el$111);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "history";
         },
         get children() {
-          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 () => {
+          var _el$87 = _tmpl$13$1(), _el$88 = _el$87.firstChild, _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling, _el$91 = _el$88.nextSibling;
+          _el$90.$$click = async () => {
             await history.clear();
           };
-          insert(_el$84, createComponent(For, {
+          insert(_el$91, createComponent(For, {
             get each() {
               return history.historyState().entries;
             },
             children: (entry) => (() => {
-              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;
+              var _el$219 = _tmpl$56(), _el$220 = _el$219.firstChild, _el$221 = _el$220.nextSibling, _el$222 = _el$221.nextSibling;
+              _el$219.$$click = () => createTab(entry.url);
+              insert(_el$220, () => entry.title || entry.url);
+              insert(_el$221, () => entry.url);
+              insert(_el$222, () => new Date(entry.visitedAt).toLocaleString());
+              return _el$219;
             })()
           }), null);
-          insert(_el$84, createComponent(Show, {
+          insert(_el$91, createComponent(Show, {
             get when() {
               return history.historyState().entries.length === 0;
             },
             get children() {
-              return _tmpl$11$2();
+              return _tmpl$12$2();
             }
           }), null);
-          return _el$80;
+          return _el$87;
         }
-      }), _el$104);
+      }), _el$111);
       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, {
+          var _el$93 = _tmpl$14$1(), _el$94 = _el$93.firstChild, _el$95 = _el$94.firstChild, _el$96 = _el$95.nextSibling;
+          insert(_el$96, () => isPremium() ? "Page change timeline" : "Premium feature");
+          insert(_el$93, createComponent(Show, {
             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(() => {
+                var _el$223 = _tmpl$57(), _el$224 = _el$223.firstChild, _el$225 = _el$224.nextSibling, _el$226 = _el$225.nextSibling, _el$227 = _el$226.firstChild, _el$228 = _el$227.nextSibling;
+                _el$227.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
                 });
-                _el$221.$$click = openPremiumDetails;
-                return _el$216;
+                _el$228.$$click = openPremiumDetails;
+                return _el$223;
               })();
             },
             get children() {
               return createComponent(PageDiffTimeline, {});
             }
           }), null);
-          return _el$86;
+          return _el$93;
         }
-      }), _el$104);
+      }), _el$111);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -7903,23 +8175,23 @@ ${contextBlock}` : contextBlock);
               return !isPremium();
             },
             get children() {
-              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;
+              var _el$97 = _tmpl$15$1(), _el$98 = _el$97.firstChild, _el$99 = _el$98.nextSibling, _el$100 = _el$99.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling;
+              _el$101.$$click = () => openPremiumCheckout("chat_banner_clicked");
+              _el$102.$$click = openPremiumDetails;
+              return _el$97;
             }
           }), createComponent(For, {
             get each() {
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$222 = _tmpl$57();
-              insert(_el$222, createComponent(MarkdownMessage, {
+              var _el$229 = _tmpl$58();
+              insert(_el$229, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }), null);
-              insert(_el$222, createComponent(Show, {
+              insert(_el$229, createComponent(Show, {
                 get when() {
                   return memo(() => msg.role === "assistant")() ? getPremiumPromptKind(msg.content) : null;
                 },
@@ -7932,31 +8204,31 @@ ${contextBlock}` : contextBlock);
                   onOpenSettings: openPremiumDetails
                 })
               }), null);
-              createRenderEffect(() => className(_el$222, `message message-${msg.role}`));
-              return _el$222;
+              createRenderEffect(() => className(_el$229, `message message-${msg.role}`));
+              return _el$229;
             })()
           }), createComponent(Show, {
             get when() {
               return isStreaming2();
             },
             get children() {
-              var _el$96 = _tmpl$17$1(), _el$97 = _el$96.firstChild;
-              insert(_el$97, createComponent(Show, {
+              var _el$103 = _tmpl$18$1(), _el$104 = _el$103.firstChild;
+              insert(_el$104, createComponent(Show, {
                 get when() {
                   return hasFirstChunk2();
                 },
                 get fallback() {
-                  return _tmpl$58();
+                  return _tmpl$59();
                 },
                 get children() {
-                  var _el$98 = _tmpl$16$1(), _el$99 = _el$98.firstChild, _el$100 = _el$99.firstChild;
-                  _el$100.nextSibling;
-                  insert(_el$98, createComponent(MarkdownMessage, {
+                  var _el$105 = _tmpl$17$1(), _el$106 = _el$105.firstChild, _el$107 = _el$106.firstChild;
+                  _el$107.nextSibling;
+                  insert(_el$105, createComponent(MarkdownMessage, {
                     get content() {
                       return streamingText2();
                     }
-                  }), _el$99);
-                  insert(_el$98, createComponent(Show, {
+                  }), _el$106);
+                  insert(_el$105, createComponent(Show, {
                     get when() {
                       return getPremiumPromptKind(streamingText2());
                     },
@@ -7968,21 +8240,21 @@ ${contextBlock}` : contextBlock);
                       onStartTrial: () => openPremiumCheckout(kind() === "premium_gate" ? "premium_gate_clicked" : "iteration_limit_clicked"),
                       onOpenSettings: openPremiumDetails
                     })
-                  }), _el$99);
-                  insert(_el$99, createComponent(Show, {
+                  }), _el$106);
+                  insert(_el$106, createComponent(Show, {
                     get when() {
                       return elapsedSeconds() > 0;
                     },
                     get children() {
-                      var _el$102 = _tmpl$15$1();
-                      insert(_el$102, () => ` • ${elapsedSeconds()}s`);
-                      return _el$102;
+                      var _el$109 = _tmpl$16$1();
+                      insert(_el$109, () => ` • ${elapsedSeconds()}s`);
+                      return _el$109;
                     }
                   }), null);
-                  return _el$98;
+                  return _el$105;
                 }
               }));
-              return _el$96;
+              return _el$103;
             }
           }), createComponent(Show, {
             get when() {
@@ -7994,22 +8266,22 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  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, {
+                  var _el$231 = _tmpl$61(), _el$232 = _el$231.firstChild, _el$233 = _el$232.nextSibling, _el$234 = _el$233.firstChild, _el$235 = _el$234.firstChild, _el$236 = _el$235.nextSibling, _el$238 = _el$234.nextSibling, _el$239 = _el$238.nextSibling, _el$240 = _el$239.firstChild, _el$241 = _el$240.nextSibling;
+                  insert(_el$236, () => approval.name);
+                  insert(_el$233, createComponent(Show, {
                     get when() {
                       return approval.argsSummary;
                     },
                     get children() {
-                      var _el$230 = _tmpl$59();
-                      insert(_el$230, () => approval.argsSummary);
-                      return _el$230;
+                      var _el$237 = _tmpl$60();
+                      insert(_el$237, () => approval.argsSummary);
+                      return _el$237;
                     }
-                  }), _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;
+                  }), _el$238);
+                  insert(_el$238, () => approval.reason);
+                  _el$240.$$click = () => void resolveApproval(approval.id, true);
+                  _el$241.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$231;
                 })()
               });
             }
@@ -8018,13 +8290,13 @@ ${contextBlock}` : contextBlock);
               return memo(() => messages2().length === 0)() && !isStreaming2();
             },
             get children() {
-              return _tmpl$18$1();
+              return _tmpl$19$1();
             }
           })];
         }
-      }), _el$104);
+      }), _el$111);
       var _ref$ = messagesEndRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$104) : messagesEndRef = _el$104;
+      typeof _ref$ === "function" ? use(_ref$, _el$111) : messagesEndRef = _el$111;
       insert(_el$9, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -8035,141 +8307,141 @@ ${contextBlock}` : contextBlock);
               return isStreaming2() || messages2().length > 0;
             },
             get children() {
-              var _el$105 = _tmpl$21$1();
-              insert(_el$105, createComponent(Show, {
+              var _el$112 = _tmpl$22$1();
+              insert(_el$112, createComponent(Show, {
                 get when() {
                   return isStreaming2();
                 },
                 get children() {
-                  var _el$106 = _tmpl$19$1();
-                  _el$106.$$click = () => cancel();
-                  return _el$106;
+                  var _el$113 = _tmpl$20$1();
+                  _el$113.$$click = () => cancel();
+                  return _el$113;
                 }
               }), null);
-              insert(_el$105, createComponent(Show, {
+              insert(_el$112, createComponent(Show, {
                 get when() {
                   return memo(() => !!!isStreaming2())() && messages2().length > 0;
                 },
                 get children() {
-                  var _el$107 = _tmpl$20$1();
-                  _el$107.$$click = handleRetry;
-                  return _el$107;
+                  var _el$114 = _tmpl$21$1();
+                  _el$114.$$click = handleRetry;
+                  return _el$114;
                 }
               }), null);
-              return _el$105;
+              return _el$112;
             }
           }), createComponent(Show, {
             get when() {
               return highlightCount() > 0;
             },
             get children() {
-              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 _el$115 = _tmpl$23$1(), _el$116 = _el$115.firstChild, _el$117 = _el$116.nextSibling;
+              _el$117.firstChild;
+              var _el$119 = _el$117.nextSibling;
+              _el$116.$$click = () => void scrollToHighlight(highlightIndex() - 1);
+              _el$117.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
+              insert(_el$117, (() => {
                 var _c$4 = memo(() => highlightIndex() >= 0);
                 return () => _c$4() ? `${highlightIndex() + 1} / ${highlightCount()}` : `${highlightCount()} highlight${highlightCount() > 1 ? "s" : ""}`;
               })(), null);
-              _el$112.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
+              _el$119.$$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$109.disabled = _p$.e = _v$3);
-                _v$4 !== _p$.t && (_el$112.disabled = _p$.t = _v$4);
+                var _v$6 = highlightIndex() <= 0, _v$7 = highlightIndex() >= highlightCount() - 1;
+                _v$6 !== _p$.e && (_el$116.disabled = _p$.e = _v$6);
+                _v$7 !== _p$.t && (_el$119.disabled = _p$.t = _v$7);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$108;
+              return _el$115;
             }
           }), createComponent(Show, {
             get when() {
               return queueNotice2() !== null || pendingQueryCount() > 0;
             },
             get children() {
-              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, {
+              var _el$120 = _tmpl$26$1(), _el$121 = _el$120.firstChild, _el$122 = _el$121.firstChild;
+              insert(_el$122, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
+              insert(_el$121, createComponent(Show, {
                 get when() {
                   return pendingQueryCount() > 0;
                 },
                 get children() {
-                  var _el$116 = _tmpl$23$1();
-                  _el$116.$$click = () => clearPendingQueries();
-                  return _el$116;
+                  var _el$123 = _tmpl$24$1();
+                  _el$123.$$click = () => clearPendingQueries();
+                  return _el$123;
                 }
               }), null);
-              insert(_el$113, createComponent(Show, {
+              insert(_el$120, createComponent(Show, {
                 get when() {
                   return pendingQueries2().length > 0;
                 },
                 get children() {
-                  var _el$117 = _tmpl$24$1();
-                  insert(_el$117, createComponent(For, {
+                  var _el$124 = _tmpl$25$1();
+                  insert(_el$124, createComponent(For, {
                     get each() {
                       return pendingQueries2();
                     },
                     children: (pendingPrompt, index) => (() => {
-                      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;
+                      var _el$242 = _tmpl$62(), _el$243 = _el$242.firstChild, _el$244 = _el$243.nextSibling;
+                      setAttribute(_el$243, "title", pendingPrompt);
+                      insert(_el$243, pendingPrompt);
+                      _el$244.$$click = () => removePendingQuery(index());
+                      createRenderEffect(() => setAttribute(_el$244, "aria-label", `Remove queued prompt ${index() + 1}`));
+                      return _el$242;
                     })()
                   }));
-                  return _el$117;
+                  return _el$124;
                 }
               }), null);
-              return _el$113;
+              return _el$120;
             }
           }), (() => {
-            var _el$118 = _tmpl$26$1(), _el$119 = _el$118.firstChild, _el$120 = _el$119.nextSibling;
-            _el$119.$$keydown = (e) => {
+            var _el$125 = _tmpl$27$1(), _el$126 = _el$125.firstChild, _el$127 = _el$126.nextSibling;
+            _el$126.$$keydown = (e) => {
               if (e.key === "Enter" && !e.shiftKey) {
                 e.preventDefault();
                 void handleChatSend();
               }
             };
-            _el$119.$$input = (e) => setChatInput(e.currentTarget.value);
+            _el$126.$$input = (e) => setChatInput(e.currentTarget.value);
             var _ref$2 = chatInputRef;
-            typeof _ref$2 === "function" ? use(_ref$2, _el$119) : chatInputRef = _el$119;
-            _el$120.$$click = () => void handleChatSend();
-            insert(_el$120, () => isStreaming2() ? "Queue" : "Send");
+            typeof _ref$2 === "function" ? use(_ref$2, _el$126) : chatInputRef = _el$126;
+            _el$127.$$click = () => void handleChatSend();
+            insert(_el$127, () => 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$119, "placeholder", _p$.e = _v$5);
-              _v$6 !== _p$.t && (_el$120.disabled = _p$.t = _v$6);
+              var _v$8 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything...", _v$9 = !chatInput().trim();
+              _v$8 !== _p$.e && setAttribute(_el$126, "placeholder", _p$.e = _v$8);
+              _v$9 !== _p$.t && (_el$127.disabled = _p$.t = _v$9);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            createRenderEffect(() => _el$119.value = chatInput());
-            return _el$118;
+            createRenderEffect(() => _el$126.value = chatInput());
+            return _el$125;
           })()];
         }
       }), 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", _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);
-        _v$0 !== _p$.o && setAttribute(_el$16, "aria-selected", _p$.o = _v$0);
-        _v$1 !== _p$.i && _el$19.classList.toggle("active", _p$.i = _v$1);
-        _v$10 !== _p$.n && setAttribute(_el$19, "aria-selected", _p$.n = _v$10);
-        _v$11 !== _p$.s && _el$20.classList.toggle("active", _p$.s = _v$11);
-        _v$12 !== _p$.h && setAttribute(_el$20, "aria-selected", _p$.h = _v$12);
-        _v$13 !== _p$.r && _el$21.classList.toggle("active", _p$.r = _v$13);
-        _v$14 !== _p$.d && setAttribute(_el$21, "aria-selected", _p$.d = _v$14);
-        _v$15 !== _p$.l && _el$22.classList.toggle("active", _p$.l = _v$15);
-        _v$16 !== _p$.u && setAttribute(_el$22, "aria-selected", _p$.u = _v$16);
-        _v$17 !== _p$.c && _el$23.classList.toggle("active", _p$.c = _v$17);
-        _v$18 !== _p$.w && setAttribute(_el$23, "aria-selected", _p$.w = _v$18);
-        _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);
+        var _v$0 = `${sidebarWidth2()}px`, _v$1 = !!isDragging(), _v$10 = !!(sidebarTab() === "supervisor"), _v$11 = sidebarTab() === "supervisor", _v$12 = !!(sidebarTab() === "bookmarks"), _v$13 = sidebarTab() === "bookmarks", _v$14 = !!(sidebarTab() === "checkpoints"), _v$15 = sidebarTab() === "checkpoints", _v$16 = !!(sidebarTab() === "chat"), _v$17 = sidebarTab() === "chat", _v$18 = !!(sidebarTab() === "automation"), _v$19 = sidebarTab() === "automation", _v$20 = !!(sidebarTab() === "history"), _v$21 = sidebarTab() === "history", _v$22 = !!(sidebarTab() === "diff"), _v$23 = sidebarTab() === "diff";
+        _v$0 !== _p$.e && setStyleProperty(_el$9, "width", _p$.e = _v$0);
+        _v$1 !== _p$.t && _el$0.classList.toggle("dragging", _p$.t = _v$1);
+        _v$10 !== _p$.a && _el$16.classList.toggle("active", _p$.a = _v$10);
+        _v$11 !== _p$.o && setAttribute(_el$16, "aria-selected", _p$.o = _v$11);
+        _v$12 !== _p$.i && _el$19.classList.toggle("active", _p$.i = _v$12);
+        _v$13 !== _p$.n && setAttribute(_el$19, "aria-selected", _p$.n = _v$13);
+        _v$14 !== _p$.s && _el$20.classList.toggle("active", _p$.s = _v$14);
+        _v$15 !== _p$.h && setAttribute(_el$20, "aria-selected", _p$.h = _v$15);
+        _v$16 !== _p$.r && _el$21.classList.toggle("active", _p$.r = _v$16);
+        _v$17 !== _p$.d && setAttribute(_el$21, "aria-selected", _p$.d = _v$17);
+        _v$18 !== _p$.l && _el$22.classList.toggle("active", _p$.l = _v$18);
+        _v$19 !== _p$.u && setAttribute(_el$22, "aria-selected", _p$.u = _v$19);
+        _v$20 !== _p$.c && _el$23.classList.toggle("active", _p$.c = _v$20);
+        _v$21 !== _p$.w && setAttribute(_el$23, "aria-selected", _p$.w = _v$21);
+        _v$22 !== _p$.m && _el$24.classList.toggle("active", _p$.m = _v$22);
+        _v$23 !== _p$.f && setAttribute(_el$24, "aria-selected", _p$.f = _v$23);
         return _p$;
       }, {
         e: void 0,
@@ -8194,7 +8466,7 @@ ${contextBlock}` : contextBlock);
   });
 };
 delegateEvents(["click", "pointerdown", "input", "keydown"]);
-var _tmpl$$3 = /* @__PURE__ */ template(`<div class=devtools-console>`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for console output... Console monitoring activates when an agent uses devtools.`), _tmpl$3$2 = /* @__PURE__ */ template(`<div><span></span><span class=console-time></span><span class=console-text></span><span class=console-source>`), _tmpl$4$2 = /* @__PURE__ */ template(`<div class=devtools-network><div class=network-header><span>Method</span><span>URL</span><span>Status</span><span>Type</span><span>Time`), _tmpl$5$2 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for network requests... Network monitoring activates when an agent uses devtools.`), _tmpl$6$2 = /* @__PURE__ */ template(`<div><span class=network-method></span><span class=network-url></span><span></span><span class=network-type></span><span class=network-duration>`), _tmpl$7$1 = /* @__PURE__ */ template(`<div class=devtools-activity>`), _tmpl$8$1 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for agent devtools activity...`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=activity-entry><span class=activity-time></span><span class=activity-tool></span><span class=activity-args></span><span></span><span class=activity-duration>`), _tmpl$0$1 = /* @__PURE__ */ template(`<span class="devtools-tab-badge error">`), _tmpl$1$1 = /* @__PURE__ */ template(`<span class="devtools-tab-badge count">`), _tmpl$10$1 = /* @__PURE__ */ template(`<div class=export-date-inputs><div class=export-date-row><span class=export-date-label>From</span><input class=export-date-input type=date></div><div class=export-date-row><span class=export-date-label>To</span><input class=export-date-input type=date>`), _tmpl$11$1 = /* @__PURE__ */ template(`<div class=devtools-export-dropdown><div class=export-section><div class=export-section-label>Log Types</div><label class=export-checkbox><input type=checkbox>Console</label><label class=export-checkbox><input type=checkbox>Network</label><label class=export-checkbox><input type=checkbox>Activity</label></div><div class=export-section><div class=export-section-label>Date Range</div><div class=export-date-btns><button>Today</button><button>Custom</button></div></div><button class=export-submit>Export JSON`), _tmpl$12$1 = /* @__PURE__ */ template(`<div class=devtools-panel><div class=devtools-tabs><button>Console</button><button>Network</button><button>Activity</button><div class=devtools-tab-spacer></div><div class=devtools-export-wrap><button title="Export Logs"><svg width=13 height=13 viewBox="0 0 13 13"fill=none style=vertical-align:middle><path d="M6.5 1v7M3.5 5l3 3 3-3"stroke=currentColor stroke-width=1.3 stroke-linecap=round stroke-linejoin=round></path><path d="M1 9.5v1A1.5 1.5 0 0 0 2.5 12h8A1.5 1.5 0 0 0 12 10.5v-1"stroke=currentColor stroke-width=1.3 stroke-linecap=round></path></svg></button></div><button class=devtools-close-btn title="Close DevTools">×</button></div><div class=devtools-content>`);
+var _tmpl$$3 = /* @__PURE__ */ template(`<div class=devtools-console>`), _tmpl$2$3 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for console output... Console monitoring activates when an agent uses devtools.`), _tmpl$3$2 = /* @__PURE__ */ template(`<div><span></span><span class=console-time></span><span class=console-text></span><span class=console-source>`), _tmpl$4$2 = /* @__PURE__ */ template(`<div class=devtools-network><div class=network-header><span>Method</span><span>URL</span><span>Status</span><span>Type</span><span>Time`), _tmpl$5$2 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for network requests... Network monitoring activates when an agent uses devtools.`), _tmpl$6$2 = /* @__PURE__ */ template(`<div><span class=network-method></span><span class=network-url></span><span></span><span class=network-type></span><span class=network-duration>`), _tmpl$7$2 = /* @__PURE__ */ template(`<div class=devtools-activity>`), _tmpl$8$1 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for agent devtools activity...`), _tmpl$9$1 = /* @__PURE__ */ template(`<div class=activity-entry><span class=activity-time></span><span class=activity-tool></span><span class=activity-args></span><span></span><span class=activity-duration>`), _tmpl$0$1 = /* @__PURE__ */ template(`<span class="devtools-tab-badge error">`), _tmpl$1$1 = /* @__PURE__ */ template(`<span class="devtools-tab-badge count">`), _tmpl$10$1 = /* @__PURE__ */ template(`<div class=export-date-inputs><div class=export-date-row><span class=export-date-label>From</span><input class=export-date-input type=date></div><div class=export-date-row><span class=export-date-label>To</span><input class=export-date-input type=date>`), _tmpl$11$1 = /* @__PURE__ */ template(`<div class=devtools-export-dropdown><div class=export-section><div class=export-section-label>Log Types</div><label class=export-checkbox><input type=checkbox>Console</label><label class=export-checkbox><input type=checkbox>Network</label><label class=export-checkbox><input type=checkbox>Activity</label></div><div class=export-section><div class=export-section-label>Date Range</div><div class=export-date-btns><button>Today</button><button>Custom</button></div></div><button class=export-submit>Export JSON`), _tmpl$12$1 = /* @__PURE__ */ template(`<div class=devtools-panel><div class=devtools-tabs><button>Console</button><button>Network</button><button>Activity</button><div class=devtools-tab-spacer></div><div class=devtools-export-wrap><button title="Export Logs"><svg width=13 height=13 viewBox="0 0 13 13"fill=none style=vertical-align:middle><path d="M6.5 1v7M3.5 5l3 3 3-3"stroke=currentColor stroke-width=1.3 stroke-linecap=round stroke-linejoin=round></path><path d="M1 9.5v1A1.5 1.5 0 0 0 2.5 12h8A1.5 1.5 0 0 0 12 10.5v-1"stroke=currentColor stroke-width=1.3 stroke-linecap=round></path></svg></button></div><button class=devtools-close-btn title="Close DevTools">×</button></div><div class=devtools-content>`);
 function statusClass(status) {
   if (status == null) return "pending";
   if (status >= 200 && status < 300) return "ok";
@@ -8363,7 +8635,7 @@ const ActivityView = (props) => {
       return _tmpl$8$1();
     },
     get children() {
-      var _el$15 = _tmpl$7$1();
+      var _el$15 = _tmpl$7$2();
       insert(_el$15, createComponent(For, {
         get each() {
           return [...props.entries].reverse();
@@ -8715,7 +8987,7 @@ const PROVIDERS = {
     apiKeyHint: "Optional — only if your endpoint requires authentication"
   }
 };
-var _tmpl$$2 = /* @__PURE__ */ template(`<div class=welcome-banner-actions><button class="premium-btn premium-btn-upgrade">Try Premium free for 7 days — $5.99/mo after</button><span class=welcome-banner-note>Best for screenshots, saved sessions, credential vault, and longer autonomous runs.`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=welcome-banner><div class=welcome-banner-header><span class=welcome-banner-title>Welcome to Vessel</span><button class=welcome-banner-dismiss>&times;</button></div><p class=welcome-banner-text>Get started in three steps:</p><ol class=welcome-banner-steps><li><strong>Configure a chat provider</strong> — scroll to Chat Assistant below and add an API key</li><li><strong>Connect your agent harness</strong> — point it at the MCP endpoint shown below</li><li><strong>Learn the shortcuts</strong> — press <kbd>?</kbd> anytime for a quick reference`), _tmpl$3$1 = /* @__PURE__ */ template(`<div class="settings-callout settings-premium-callout"><div class=settings-callout-title>Start Vessel Premium with a 7-day free trial</div><p class=settings-callout-copy>Unlock screenshots, saved sessions, workflow tracking, table extraction, the credential vault, and longer autonomous runs without leaving the app.</p><div class=settings-premium-callout-actions><button class="premium-btn premium-btn-upgrade">Start 7-day free trial — $5.99/mo after</button><button class="premium-btn premium-btn-activate">See activation steps`), _tmpl$4$1 = /* @__PURE__ */ template(`<input id=max-tool-iterations class=settings-input type=number min=10 max=1000 placeholder=200>`), _tmpl$5$1 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$6$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-provider>Provider</label><select id=chat-provider class="settings-input settings-select">`), _tmpl$7 = /* @__PURE__ */ template(`<span class=settings-label-optional> (optional)`), _tmpl$8 = /* @__PURE__ */ template(`<p class=settings-hint>An API key is already stored securely for this provider. Leave this blank to keep it, or enter a new key to replace it.`), _tmpl$9 = /* @__PURE__ */ template(`<p class=settings-hint>If your endpoint requires authentication, enter the API key or bearer token here.`), _tmpl$0 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-api-key>API Key</label><input id=chat-api-key class=settings-input type=password>`), _tmpl$1 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$10 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$11 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-model>Model</label><div style=display:flex;gap:6px;align-items:center><button type=button class=settings-refresh-btn title="Refresh model list">↺`), _tmpl$12 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-base-url>Base URL</label><input id=chat-base-url class=settings-input>`), _tmpl$13 = /* @__PURE__ */ template(`<p class=settings-hint>Vessel auto-detects the active model from your configured \`llama-server\` base URL. For agent loops, run \`llama-server\` with \`--ctx-size 16384\` minimum and \`32768\` recommended.`), _tmpl$14 = /* @__PURE__ */ template(`<div class=premium-section><div class=premium-active-badge>Premium Active</div><p class=premium-detail></p><div class=premium-actions-row><button class="premium-btn premium-btn-manage">Manage Subscription</button><button class="premium-btn premium-btn-reset">Sign Out`), _tmpl$15 = /* @__PURE__ */ template(`<span class=vault-premium-badge>Premium`), _tmpl$16 = /* @__PURE__ */ template(`<p class=settings-hint style=margin-bottom:10px>Store credentials for agent-driven logins. Credentials are encrypted at rest and never sent to AI providers — they are filled directly into login forms with your consent.`), _tmpl$17 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Credential`), _tmpl$18 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Label (e.g. Work GitHub)"><input class=settings-input placeholder="Domain pattern (e.g. github.com, *.aws.amazon.com)"><input class=settings-input placeholder="Username / email"><input class=settings-input type=password placeholder=Password><input class=settings-input placeholder="TOTP secret (optional, base32)"><input class=settings-input placeholder="Notes (optional)"><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Credential</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$19 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Profile`), _tmpl$20 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Profile name (e.g. Personal, Work)"><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px"><input class=settings-input placeholder="First name"><input class=settings-input placeholder="Last name"></div><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px"><input class=settings-input placeholder=Email><input class=settings-input placeholder=Phone></div><input class=settings-input placeholder="Organization (optional)"><input class=settings-input placeholder="Address line 1"><input class=settings-input placeholder="Address line 2 (optional)"><div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px"><input class=settings-input placeholder=City><input class=settings-input placeholder=State><input class=settings-input placeholder="ZIP / Postal"></div><input class=settings-input placeholder=Country><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Profile</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$21 = /* @__PURE__ */ template(`<textarea class="settings-input settings-textarea"rows=4>`), _tmpl$22 = /* @__PURE__ */ template(`<p class=settings-hint>`), _tmpl$23 = /* @__PURE__ */ template(`<p class=settings-hint>Restrict which domains can be navigated to. Use allowlist mode for kiosk or supervised browsing, blocklist to block specific sites.`), _tmpl$24 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=settings-panel><h2 class=settings-title>Runtime Settings</h2><div class=settings-callout><div class=settings-callout-title>External Agent Control</div><p class=settings-callout-copy>Vessel is configured to run under an external harness such as Hermes Agent or OpenClaw. Provider and model selection are not configured inside Vessel.</p></div><div class=settings-field><label class=settings-label for=default-homepage>Homepage</label><input id=default-homepage class=settings-input placeholder=https://start.duckduckgo.com><p class=settings-hint>The page that opens when you create a new tab or launch Vessel without restoring a previous session.</p></div><div class=settings-field><label class=settings-label for=default-search-engine>Default Search Engine</label><select id=default-search-engine class=settings-input><option value=none>None (disabled)</option></select><p class=settings-hint>The search engine used by the AI agent when it needs to search the web. "None" disables the fallback and forces the agent to use on-page search inputs only.</p></div><div class=settings-field><label class=settings-label for=download-path>Download Location</label><input id=download-path class=settings-input placeholder="Default: ~/Downloads"><p class=settings-hint>Directory for saved files. Leave blank to use the system default Downloads folder.</p></div><div class=settings-field><label class=settings-label for=mcp-port>MCP Port</label><input id=mcp-port class=settings-input placeholder=3100><p class=settings-hint>External harnesses connect to Vessel at <code>http://127.0.0.1:&lt;port&gt;/mcp</code>. Changing this value restarts the MCP server immediately.</p></div><div class=settings-field><label class=settings-label for=max-tool-iterations>Max Tool Iterations</label><p class=settings-hint></p></div><div class=settings-field><label class=settings-label for=obsidian-vault-path>Obsidian Vault Path</label><input id=obsidian-vault-path class=settings-input placeholder=/home/you/Documents/MyVault><p class=settings-hint>Optional. When set, Vessel memory tools can write markdown notes into this vault for research breadcrumbs and summaries.</p></div><div class=settings-field><label class=settings-label for=agent-transcript-mode>Agent Transcript Monitor</label><select id=agent-transcript-mode class="settings-input settings-select"><option value=off>Off</option><option value=summary>Summary HUD</option><option value=full>Full transcript</option></select><p class=settings-hint>Controls the in-browser transcript monitor when an external harness publishes reasoning or status updates into Vessel via the<code>vessel_publish_transcript</code> MCP tool. Summary HUD shows a compact 2-line status surface; Full transcript shows the recent entry list.</p></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Restore last browser session on launch</span></label></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Start bookmarks fresh on launch</span></label><p class=settings-hint>Off by default. When enabled, bookmark folders and saved pages are cleared each time Vessel starts.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Saved Sessions</label><p class=settings-hint style=margin-bottom:10px>Save the current browser state (tabs, cookies, storage) as a named session. Restore it later from this panel.</p><div class=premium-activate-row style=margin-bottom:8px><input class="settings-input premium-email-input"placeholder="Session name"><button class="premium-btn premium-btn-activate">Save Current</button></div></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Enable Chat Assistant</span></label><p class=settings-hint>Adds a Chat tab to the sidebar for conversing with an AI provider of your choice.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Vessel Premium</label></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Agent Credential Vault</label></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Form Autofill</label><p class=settings-hint style=margin-bottom:10px>Store your info once. Vessel matches it to form fields on any site using labels, field names, and autocomplete hints.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Anonymous Usage Analytics</span></label><p class=settings-hint>Help improve Vessel by sending anonymous usage data (tool popularity, session duration, provider type). No URLs, page content, queries, or personal data is ever collected.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label for=theme-select>Theme</label><select id=theme-select class="settings-input settings-select"><option value=dark>Dark</option><option value=light>Light</option></select><p class=settings-hint>Choose the application color scheme. Takes effect after saving.</p></div><div class=settings-field><label class=settings-label for=domain-policy-mode>Domain Restrictions</label><select id=domain-policy-mode class="settings-input settings-select"><option value=none>No restrictions</option><option value=allowlist>Allowlist (only listed domains)</option><option value=blocklist>Blocklist (block listed domains)</option></select></div><div class=settings-actions><button class=settings-save>Save</button><button class=settings-close>Close`), _tmpl$25 = /* @__PURE__ */ template(`<style>
+var _tmpl$$2 = /* @__PURE__ */ template(`<div class=welcome-banner-actions><button class="premium-btn premium-btn-upgrade">Try Premium free for 7 days — $5.99/mo after</button><span class=welcome-banner-note>Best for screenshots, saved sessions, credential vault, and longer autonomous runs.`), _tmpl$2$2 = /* @__PURE__ */ template(`<div class=welcome-banner><div class=welcome-banner-header><span class=welcome-banner-title>Welcome to Vessel</span><button class=welcome-banner-dismiss>&times;</button></div><p class=welcome-banner-text>Get started in three steps:</p><ol class=welcome-banner-steps><li><strong>Configure a chat provider</strong> — scroll to Chat Assistant below and add an API key</li><li><strong>Connect your agent harness</strong> — point it at the MCP endpoint shown below</li><li><strong>Learn the shortcuts</strong> — press <kbd>?</kbd> anytime for a quick reference`), _tmpl$3$1 = /* @__PURE__ */ template(`<div class="settings-callout settings-premium-callout"><div class=settings-callout-title>Start Vessel Premium with a 7-day free trial</div><p class=settings-callout-copy>Unlock screenshots, saved sessions, workflow tracking, table extraction, the credential vault, and longer autonomous runs without leaving the app.</p><div class=settings-premium-callout-actions><button class="premium-btn premium-btn-upgrade">Start 7-day free trial — $5.99/mo after</button><button class="premium-btn premium-btn-activate">See activation steps`), _tmpl$4$1 = /* @__PURE__ */ template(`<input id=max-tool-iterations class=settings-input type=number min=10 max=1000 placeholder=200>`), _tmpl$5$1 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$6$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-provider>Provider</label><select id=chat-provider class="settings-input settings-select">`), _tmpl$7$1 = /* @__PURE__ */ template(`<span class=settings-label-optional> (optional)`), _tmpl$8 = /* @__PURE__ */ template(`<p class=settings-hint>An API key is already stored securely for this provider. Leave this blank to keep it, or enter a new key to replace it.`), _tmpl$9 = /* @__PURE__ */ template(`<p class=settings-hint>If your endpoint requires authentication, enter the API key or bearer token here.`), _tmpl$0 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-api-key>API Key</label><input id=chat-api-key class=settings-input type=password>`), _tmpl$1 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$10 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$11 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-model>Model</label><div style=display:flex;gap:6px;align-items:center><button type=button class=settings-refresh-btn title="Refresh model list">↺`), _tmpl$12 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-base-url>Base URL</label><input id=chat-base-url class=settings-input>`), _tmpl$13 = /* @__PURE__ */ template(`<p class=settings-hint>Vessel auto-detects the active model from your configured \`llama-server\` base URL. For agent loops, run \`llama-server\` with \`--ctx-size 16384\` minimum and \`32768\` recommended.`), _tmpl$14 = /* @__PURE__ */ template(`<div class=premium-section><div class=premium-active-badge>Premium Active</div><p class=premium-detail></p><div class=premium-actions-row><button class="premium-btn premium-btn-manage">Manage Subscription</button><button class="premium-btn premium-btn-reset">Sign Out`), _tmpl$15 = /* @__PURE__ */ template(`<span class=vault-premium-badge>Premium`), _tmpl$16 = /* @__PURE__ */ template(`<p class=settings-hint style=margin-bottom:10px>Store credentials for agent-driven logins. Credentials are encrypted at rest and never sent to AI providers — they are filled directly into login forms with your consent.`), _tmpl$17 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Credential`), _tmpl$18 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Label (e.g. Work GitHub)"><input class=settings-input placeholder="Domain pattern (e.g. github.com, *.aws.amazon.com)"><input class=settings-input placeholder="Username / email"><input class=settings-input type=password placeholder=Password><input class=settings-input placeholder="TOTP secret (optional, base32)"><input class=settings-input placeholder="Notes (optional)"><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Credential</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$19 = /* @__PURE__ */ template(`<button class=vault-add-btn>+ Add Profile`), _tmpl$20 = /* @__PURE__ */ template(`<div class=vault-add-form><input class=settings-input placeholder="Profile name (e.g. Personal, Work)"><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px"><input class=settings-input placeholder="First name"><input class=settings-input placeholder="Last name"></div><div style="display:grid;grid-template-columns:1fr 1fr;gap:8px"><input class=settings-input placeholder=Email><input class=settings-input placeholder=Phone></div><input class=settings-input placeholder="Organization (optional)"><input class=settings-input placeholder="Address line 1"><input class=settings-input placeholder="Address line 2 (optional)"><div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px"><input class=settings-input placeholder=City><input class=settings-input placeholder=State><input class=settings-input placeholder="ZIP / Postal"></div><input class=settings-input placeholder=Country><div class=vault-add-actions><button class="premium-btn premium-btn-activate">Save Profile</button><button class="premium-btn premium-btn-reset">Cancel`), _tmpl$21 = /* @__PURE__ */ template(`<textarea class="settings-input settings-textarea"rows=4>`), _tmpl$22 = /* @__PURE__ */ template(`<p class=settings-hint>`), _tmpl$23 = /* @__PURE__ */ template(`<p class=settings-hint>Restrict which domains can be navigated to. Use allowlist mode for kiosk or supervised browsing, blocklist to block specific sites.`), _tmpl$24 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=settings-panel><h2 class=settings-title>Runtime Settings</h2><div class=settings-callout><div class=settings-callout-title>External Agent Control</div><p class=settings-callout-copy>Vessel is configured to run under an external harness such as Hermes Agent or OpenClaw. Provider and model selection are not configured inside Vessel.</p></div><div class=settings-field><label class=settings-label for=default-homepage>Homepage</label><input id=default-homepage class=settings-input placeholder=https://start.duckduckgo.com><p class=settings-hint>The page that opens when you create a new tab or launch Vessel without restoring a previous session.</p></div><div class=settings-field><label class=settings-label for=default-search-engine>Default Search Engine</label><select id=default-search-engine class=settings-input><option value=none>None (disabled)</option></select><p class=settings-hint>The search engine used by the AI agent when it needs to search the web. "None" disables the fallback and forces the agent to use on-page search inputs only.</p></div><div class=settings-field><label class=settings-label for=download-path>Download Location</label><input id=download-path class=settings-input placeholder="Default: ~/Downloads"><p class=settings-hint>Directory for saved files. Leave blank to use the system default Downloads folder.</p></div><div class=settings-field><label class=settings-label for=mcp-port>MCP Port</label><input id=mcp-port class=settings-input placeholder=3100><p class=settings-hint>External harnesses connect to Vessel at <code>http://127.0.0.1:&lt;port&gt;/mcp</code>. Changing this value restarts the MCP server immediately.</p></div><div class=settings-field><label class=settings-label for=max-tool-iterations>Max Tool Iterations</label><p class=settings-hint></p></div><div class=settings-field><label class=settings-label for=obsidian-vault-path>Obsidian Vault Path</label><input id=obsidian-vault-path class=settings-input placeholder=/home/you/Documents/MyVault><p class=settings-hint>Optional. When set, Vessel memory tools can write markdown notes into this vault for research breadcrumbs and summaries.</p></div><div class=settings-field><label class=settings-label for=agent-transcript-mode>Agent Transcript Monitor</label><select id=agent-transcript-mode class="settings-input settings-select"><option value=off>Off</option><option value=summary>Summary HUD</option><option value=full>Full transcript</option></select><p class=settings-hint>Controls the in-browser transcript monitor when an external harness publishes reasoning or status updates into Vessel via the<code>vessel_publish_transcript</code> MCP tool. Summary HUD shows a compact 2-line status surface; Full transcript shows the recent entry list.</p></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Restore last browser session on launch</span></label></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Start bookmarks fresh on launch</span></label><p class=settings-hint>Off by default. When enabled, bookmark folders and saved pages are cleared each time Vessel starts.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Saved Sessions</label><p class=settings-hint style=margin-bottom:10px>Save the current browser state (tabs, cookies, storage) as a named session. Restore it later from this panel.</p><div class=premium-activate-row style=margin-bottom:8px><input class="settings-input premium-email-input"placeholder="Session name"><button class="premium-btn premium-btn-activate">Save Current</button></div></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Enable Chat Assistant</span></label><p class=settings-hint>Adds a Chat tab to the sidebar for conversing with an AI provider of your choice.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Vessel Premium</label></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Agent Credential Vault</label></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Form Autofill</label><p class=settings-hint style=margin-bottom:10px>Store your info once. Vessel matches it to form fields on any site using labels, field names, and autocomplete hints.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Anonymous Usage Analytics</span></label><p class=settings-hint>Help improve Vessel by sending anonymous usage data (tool popularity, session duration, provider type). No URLs, page content, queries, or personal data is ever collected.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label for=theme-select>Theme</label><select id=theme-select class="settings-input settings-select"><option value=dark>Dark</option><option value=light>Light</option></select><p class=settings-hint>Choose the application color scheme. Takes effect after saving.</p></div><div class=settings-field><label class=settings-label for=domain-policy-mode>Domain Restrictions</label><select id=domain-policy-mode class="settings-input settings-select"><option value=none>No restrictions</option><option value=allowlist>Allowlist (only listed domains)</option><option value=blocklist>Blocklist (block listed domains)</option></select></div><div class=settings-actions><button class=settings-save>Save</button><button class=settings-close>Close`), _tmpl$25 = /* @__PURE__ */ template(`<style>
         .settings-panel {
           width: min(440px, calc(100vw - 32px));
           max-height: calc(100vh - 48px);
@@ -9978,7 +10250,7 @@ const Settings = () => {
                     return !chatProviderMeta().requiresKey;
                   },
                   get children() {
-                    return _tmpl$7();
+                    return _tmpl$7$1();
                   }
                 }), null);
                 _el$66.$$input = (e) => {
@@ -10681,7 +10953,7 @@ var _tmpl$$1 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div cla
           font-size: 13px;
           color: var(--text-secondary);
         }
-      `), _tmpl$3 = /* @__PURE__ */ template(`<div class=keyboard-help-keys>`), _tmpl$4 = /* @__PURE__ */ template(`<div class=keyboard-help-action>`), _tmpl$5 = /* @__PURE__ */ template(`<kbd>`), _tmpl$6 = /* @__PURE__ */ template(`<span class=keyboard-help-plus>+`);
+      `), _tmpl$3 = /* @__PURE__ */ template(`<div class=keyboard-help-keys>`), _tmpl$4 = /* @__PURE__ */ template(`<div class=keyboard-help-action>`), _tmpl$5 = /* @__PURE__ */ template(`<span class=keyboard-help-plus>/`), _tmpl$6 = /* @__PURE__ */ template(`<kbd>`), _tmpl$7 = /* @__PURE__ */ template(`<span class=keyboard-help-plus>+`);
 const SHORTCUTS = [{
   keys: "Ctrl+L",
   action: "AI Command Bar",
@@ -10698,6 +10970,9 @@ const SHORTCUTS = [{
   keys: "F12",
   action: "Toggle Dev Tools Panel",
   privateMode: false
+}, {
+  keys: "Ctrl+N",
+  action: "New Window"
 }, {
   keys: "Ctrl+T",
   action: "New Tab"
@@ -10722,6 +10997,12 @@ const SHORTCUTS = [{
 }, {
   keys: "Ctrl+Shift+N",
   action: "New Private Window"
+}, {
+  keys: "Ctrl+P",
+  action: "Print Page"
+}, {
+  keys: "Ctrl+Shift+P",
+  action: "Save Page as PDF"
 }, {
   keys: "Ctrl+,",
   action: "Settings",
@@ -10734,6 +11015,9 @@ const SHORTCUTS = [{
   keys: "?",
   action: "This help overlay"
 }];
+function shortcutParts(keys) {
+  return keys.split(" / ").map((combo) => combo.replace(/\+\+/g, "+Plus").split("+").filter(Boolean).map((key) => key === "Plus" ? "+" : key));
+}
 const KeyboardHelp = (props) => {
   const {
     visible,
@@ -10752,11 +11036,11 @@ const KeyboardHelp = (props) => {
         addEventListener(_el$5, "click", props.onClose, true);
         insert(_el$6, () => shortcuts().map((s) => [(() => {
           var _el$8 = _tmpl$3();
-          insert(_el$8, () => s.keys.split("+").map((k, i) => [i > 0 && _tmpl$6(), (() => {
-            var _el$0 = _tmpl$5();
-            insert(_el$0, k);
-            return _el$0;
-          })()]));
+          insert(_el$8, () => shortcutParts(s.keys).map((combo, comboIndex) => [comboIndex > 0 && _tmpl$5(), memo(() => combo.map((key, keyIndex) => [keyIndex > 0 && _tmpl$7(), (() => {
+            var _el$1 = _tmpl$6();
+            insert(_el$1, key);
+            return _el$1;
+          })()]))]));
           return _el$8;
         })(), (() => {
           var _el$9 = _tmpl$4();
@@ -10776,17 +11060,17 @@ function setupKeybindings(handlers) {
     const key = e.key.toLowerCase();
     if (ctrl && key === "l" && !e.shiftKey) {
       e.preventDefault();
-      handlers.openCommandBar();
+      handlers.openCommandBar?.();
       return;
     }
     if (ctrl && key === "l" && e.shiftKey) {
       e.preventDefault();
-      handlers.toggleSidebar();
+      handlers.toggleSidebar?.();
       return;
     }
     if (ctrl && key === "f" && e.shiftKey) {
       e.preventDefault();
-      handlers.toggleFocusMode();
+      handlers.toggleFocusMode?.();
       return;
     }
     if (ctrl && key === "t" && e.shiftKey) {
@@ -10799,6 +11083,11 @@ function setupKeybindings(handlers) {
       handlers.openPrivateWindow?.();
       return;
     }
+    if (ctrl && key === "n" && !e.shiftKey) {
+      e.preventDefault();
+      handlers.openNewWindow?.();
+      return;
+    }
     if (ctrl && key === "t" && !e.shiftKey) {
       e.preventDefault();
       handlers.newTab();
@@ -10809,14 +11098,24 @@ function setupKeybindings(handlers) {
       handlers.closeTab();
       return;
     }
+    if (ctrl && key === "p" && e.shiftKey) {
+      e.preventDefault();
+      handlers.printToPdf?.();
+      return;
+    }
+    if (ctrl && key === "p" && !e.shiftKey) {
+      e.preventDefault();
+      handlers.print?.();
+      return;
+    }
     if (ctrl && e.key === ",") {
       e.preventDefault();
-      handlers.openSettings();
+      handlers.openSettings?.();
       return;
     }
     if (ctrl && key === "h" && !e.shiftKey) {
       e.preventDefault();
-      handlers.captureHighlight();
+      handlers.captureHighlight?.();
       return;
     }
     if (e.key === "F12") {
@@ -10862,6 +11161,8 @@ try {
 const App = () => {
   const view = new URLSearchParams(window.location.search).get("view") || "chrome";
   const isPrivateWindow = new URLSearchParams(window.location.search).get("private") === "1";
+  const isSecondaryWindow = new URLSearchParams(window.location.search).get("secondary") === "1";
+  const isChromeOnlyWindow = isPrivateWindow || isSecondaryWindow;
   const {
     openCommandBar,
     toggleSidebar,
@@ -10929,16 +11230,16 @@ const App = () => {
     });
     if (view !== "chrome") return;
     const cleanupKeys = setupKeybindings({
-      openCommandBar: isPrivateWindow ? void 0 : openCommandBar,
-      toggleSidebar: isPrivateWindow ? void 0 : toggleSidebar,
-      toggleFocusMode: isPrivateWindow ? void 0 : toggleFocusMode,
+      openCommandBar: isChromeOnlyWindow ? void 0 : openCommandBar,
+      toggleSidebar: isChromeOnlyWindow ? void 0 : toggleSidebar,
+      toggleFocusMode: isChromeOnlyWindow ? void 0 : toggleFocusMode,
       newTab: () => createTab(),
       closeTab: () => {
         const id = activeTabId2();
         if (id) closeTab(id);
       },
-      openSettings: isPrivateWindow ? void 0 : openSettings,
-      captureHighlight: isPrivateWindow ? void 0 : captureHighlight,
+      openSettings: isChromeOnlyWindow ? void 0 : openSettings,
+      captureHighlight: isChromeOnlyWindow ? void 0 : captureHighlight,
       zoomIn: () => {
         const id = activeTabId2();
         if (id) zoomIn(id);
@@ -10952,8 +11253,17 @@ const App = () => {
         if (id) zoomReset(id);
       },
       reopenClosedTab: () => reopenClosed(),
+      openNewWindow: () => window.vessel.tabs.openNewWindow(),
       openPrivateWindow: () => window.vessel.tabs.openPrivateWindow(),
-      toggleDevTools: isPrivateWindow ? void 0 : () => {
+      print: () => {
+        const id = activeTabId2();
+        if (id) window.vessel.tabs.print(id);
+      },
+      printToPdf: () => {
+        const id = activeTabId2();
+        if (id) void window.vessel.tabs.printToPdf(id);
+      },
+      toggleDevTools: isChromeOnlyWindow ? void 0 : () => {
         window.vessel.devtoolsPanel.toggle();
       },
       toggleKeyboardHelp: () => setKeyboardHelpOpen((v) => !v)
@@ -10988,7 +11298,7 @@ const App = () => {
     insert(_el$, createComponent(DownloadToast, {}), _el$2);
     insert(_el$, createComponent(FindBar, {}), _el$2);
     insert(_el$, createComponent(Show, {
-      when: !isPrivateWindow,
+      when: !isChromeOnlyWindow,
       get children() {
         return [createComponent(FlowProgress, {}), createComponent(AgentTranscriptDock, {})];
       }
@@ -11007,7 +11317,7 @@ const App = () => {
       }
     }), null);
     insert(_el$, createComponent(Show, {
-      when: !isPrivateWindow,
+      when: !isChromeOnlyWindow,
       get children() {
         return [createComponent(CommandBar, {}), createComponent(Settings, {})];
       }
@@ -11017,7 +11327,7 @@ const App = () => {
         return keyboardHelpOpen();
       },
       onClose: () => setKeyboardHelpOpen(false),
-      privateMode: isPrivateWindow
+      privateMode: isChromeOnlyWindow
     }), null);
     createRenderEffect(() => _el$.classList.toggle("focus-mode", !!focusMode2()));
     return _el$;