@quanta-intellect/vessel-browser 0.1.146 → 0.1.148

package/out/renderer/assets/{index-DPKkNFWo.js → index-DO3Y7T4m.js}

@@ -1606,7 +1606,7 @@ var Icon = (props) => {
   })();
 };
 var Icon_default = Icon;
-var iconNode$E = [["rect", {
+var iconNode$H = [["rect", {
   x: "2",
   y: "4",
   width: "20",
@@ -1624,11 +1624,11 @@ var iconNode$E = [["rect", {
   key: "1svtjw"
 }]];
 var AppWindow = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$E,
+  iconNode: iconNode$H,
   name: "app-window"
 }));
 var app_window_default = AppWindow;
-var iconNode$D = [["path", {
+var iconNode$G = [["path", {
   d: "M12 7v14",
   key: "1akyts"
 }], ["path", {
@@ -1636,11 +1636,11 @@ var iconNode$D = [["path", {
   key: "ruj8y"
 }]];
 var BookOpen = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$D,
+  iconNode: iconNode$G,
   name: "book-open"
 }));
 var book_open_default = BookOpen;
-var iconNode$C = [["path", {
+var iconNode$F = [["path", {
   d: "M12 8V4H8",
   key: "hb8ula"
 }], ["rect", {
@@ -1664,29 +1664,29 @@ var iconNode$C = [["path", {
   key: "rq6x2g"
 }]];
 var Bot = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$C,
+  iconNode: iconNode$F,
   name: "bot"
 }));
 var bot_default = Bot;
-var iconNode$B = [["path", {
+var iconNode$E = [["path", {
   d: "M20 6 9 17l-5-5",
   key: "1gmf2c"
 }]];
 var Check = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$B,
+  iconNode: iconNode$E,
   name: "check"
 }));
 var check_default = Check;
-var iconNode$A = [["path", {
+var iconNode$D = [["path", {
   d: "m9 18 6-6-6-6",
   key: "mthhwq"
 }]];
 var ChevronRight = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$A,
+  iconNode: iconNode$D,
   name: "chevron-right"
 }));
 var chevron_right_default = ChevronRight;
-var iconNode$z = [["circle", {
+var iconNode$C = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1699,11 +1699,11 @@ var iconNode$z = [["circle", {
   key: "p32p05"
 }]];
 var CircleQuestionMark = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$z,
+  iconNode: iconNode$C,
   name: "circle-question-mark"
 }));
 var circle_question_mark_default = CircleQuestionMark;
-var iconNode$y = [["rect", {
+var iconNode$B = [["rect", {
   width: "8",
   height: "4",
   x: "8",
@@ -1728,11 +1728,11 @@ var iconNode$y = [["rect", {
   key: "18s6g9"
 }]];
 var ClipboardList = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$y,
+  iconNode: iconNode$B,
   name: "clipboard-list"
 }));
 var clipboard_list_default = ClipboardList;
-var iconNode$x = [["circle", {
+var iconNode$A = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1742,11 +1742,28 @@ var iconNode$x = [["circle", {
   key: "mmk7yg"
 }]];
 var Clock = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$x,
+  iconNode: iconNode$A,
   name: "clock"
 }));
 var clock_default = Clock;
-var iconNode$w = [["path", {
+var iconNode$z = [["rect", {
+  width: "14",
+  height: "14",
+  x: "8",
+  y: "8",
+  rx: "2",
+  ry: "2",
+  key: "17jyea"
+}], ["path", {
+  d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+  key: "zix9uf"
+}]];
+var Copy = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$z,
+  name: "copy"
+}));
+var copy_default = Copy;
+var iconNode$y = [["path", {
   d: "M12 20v2",
   key: "1lh1kg"
 }], ["path", {
@@ -1798,11 +1815,11 @@ var iconNode$w = [["path", {
   key: "z9xiuo"
 }]];
 var Cpu = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$w,
+  iconNode: iconNode$y,
   name: "cpu"
 }));
 var cpu_default = Cpu;
-var iconNode$v = [["path", {
+var iconNode$x = [["path", {
   d: "M12 15V3",
   key: "m9g1x1"
 }], ["path", {
@@ -1813,11 +1830,11 @@ var iconNode$v = [["path", {
   key: "brsn70"
 }]];
 var Download = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$v,
+  iconNode: iconNode$x,
   name: "download"
 }));
 var download_default = Download;
-var iconNode$u = [["path", {
+var iconNode$w = [["path", {
   d: "M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21",
   key: "g5wo59"
 }], ["path", {
@@ -1825,11 +1842,11 @@ var iconNode$u = [["path", {
   key: "1wx5vj"
 }]];
 var Eraser = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$u,
+  iconNode: iconNode$w,
   name: "eraser"
 }));
 var eraser_default = Eraser;
-var iconNode$t = [["path", {
+var iconNode$v = [["path", {
   d: "M15 3h6v6",
   key: "1q9fwt"
 }], ["path", {
@@ -1840,11 +1857,11 @@ var iconNode$t = [["path", {
   key: "a6xqqp"
 }]];
 var ExternalLink = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$t,
+  iconNode: iconNode$v,
   name: "external-link"
 }));
 var external_link_default = ExternalLink;
-var iconNode$s = [["path", {
+var iconNode$u = [["path", {
   d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
   key: "1nclc0"
 }], ["circle", {
@@ -1854,11 +1871,11 @@ var iconNode$s = [["path", {
   key: "1v7zrd"
 }]];
 var Eye = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$s,
+  iconNode: iconNode$u,
   name: "eye"
 }));
 var eye_default = Eye;
-var iconNode$r = [["path", {
+var iconNode$t = [["path", {
   d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
   key: "1oefj6"
 }], ["path", {
@@ -1872,11 +1889,11 @@ var iconNode$r = [["path", {
   key: "1npd3o"
 }]];
 var FileDown = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$r,
+  iconNode: iconNode$t,
   name: "file-down"
 }));
 var file_down_default = FileDown;
-var iconNode$q = [["circle", {
+var iconNode$s = [["circle", {
   cx: "12",
   cy: "12",
   r: "3",
@@ -1895,11 +1912,11 @@ var iconNode$q = [["circle", {
   key: "ioqczr"
 }]];
 var Focus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$q,
+  iconNode: iconNode$s,
   name: "focus"
 }));
 var focus_default = Focus;
-var iconNode$p = [["circle", {
+var iconNode$r = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1912,11 +1929,11 @@ var iconNode$p = [["circle", {
   key: "9i4pu4"
 }]];
 var Globe = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$p,
+  iconNode: iconNode$r,
   name: "globe"
 }));
 var globe_default = Globe;
-var iconNode$o = [["path", {
+var iconNode$q = [["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", {
@@ -1933,11 +1950,11 @@ var iconNode$o = [["path", {
   key: "jksky3"
 }]];
 var LayersPlus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$o,
+  iconNode: iconNode$q,
   name: "layers-plus"
 }));
 var layers_plus_default = LayersPlus;
-var iconNode$n = [["rect", {
+var iconNode$p = [["rect", {
   width: "18",
   height: "11",
   x: "3",
@@ -1950,11 +1967,30 @@ var iconNode$n = [["rect", {
   key: "fwvmzm"
 }]];
 var Lock = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$n,
+  iconNode: iconNode$p,
   name: "lock"
 }));
 var lock_default = Lock;
-var iconNode$m = [["rect", {
+var iconNode$o = [["rect", {
+  width: "18",
+  height: "18",
+  x: "3",
+  y: "3",
+  rx: "2",
+  key: "afitv7"
+}], ["path", {
+  d: "M3 15h18",
+  key: "5xshup"
+}], ["path", {
+  d: "m9 10 3-3 3 3",
+  key: "11gsxs"
+}]];
+var PanelBottomOpen = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$o,
+  name: "panel-bottom-open"
+}));
+var panel_bottom_open_default = PanelBottomOpen;
+var iconNode$n = [["rect", {
   width: "18",
   height: "18",
   x: "3",
@@ -1966,11 +2002,11 @@ var iconNode$m = [["rect", {
   key: "fh3hqa"
 }]];
 var PanelLeft = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$m,
+  iconNode: iconNode$n,
   name: "panel-left"
 }));
 var panel_left_default = PanelLeft;
-var iconNode$l = [["rect", {
+var iconNode$m = [["rect", {
   width: "18",
   height: "18",
   x: "3",
@@ -1985,11 +2021,11 @@ var iconNode$l = [["rect", {
   key: "12hl5m"
 }]];
 var PanelRightClose = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$l,
+  iconNode: iconNode$m,
   name: "panel-right-close"
 }));
 var panel_right_close_default = PanelRightClose;
-var iconNode$k = [["rect", {
+var iconNode$l = [["rect", {
   width: "18",
   height: "18",
   x: "3",
@@ -2001,11 +2037,11 @@ var iconNode$k = [["rect", {
   key: "14nvp0"
 }]];
 var PanelRight = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$k,
+  iconNode: iconNode$l,
   name: "panel-right"
 }));
 var panel_right_default = PanelRight;
-var iconNode$j = [["rect", {
+var iconNode$k = [["rect", {
   width: "18",
   height: "18",
   x: "3",
@@ -2017,11 +2053,11 @@ var iconNode$j = [["rect", {
   key: "1pudct"
 }]];
 var PanelTop = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$j,
+  iconNode: iconNode$k,
   name: "panel-top"
 }));
 var panel_top_default = PanelTop;
-var iconNode$i = [["path", {
+var iconNode$j = [["path", {
   d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
   key: "1a8usu"
 }], ["path", {
@@ -2029,11 +2065,11 @@ var iconNode$i = [["path", {
   key: "1mk7zo"
 }]];
 var Pencil = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$i,
+  iconNode: iconNode$j,
   name: "pencil"
 }));
 var pencil_default = Pencil;
-var iconNode$h = [["path", {
+var iconNode$i = [["path", {
   d: "M5 12h14",
   key: "1ays0h"
 }], ["path", {
@@ -2041,11 +2077,11 @@ var iconNode$h = [["path", {
   key: "s699le"
 }]];
 var Plus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$h,
+  iconNode: iconNode$i,
   name: "plus"
 }));
 var plus_default = Plus;
-var iconNode$g = [["path", {
+var iconNode$h = [["path", {
   d: "M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2",
   key: "143wyd"
 }], ["path", {
@@ -2060,11 +2096,11 @@ var iconNode$g = [["path", {
   key: "1ue0tg"
 }]];
 var Printer = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$g,
+  iconNode: iconNode$h,
   name: "printer"
 }));
 var printer_default = Printer;
-var iconNode$f = [["path", {
+var iconNode$g = [["path", {
   d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
   key: "1357e3"
 }], ["path", {
@@ -2072,11 +2108,11 @@ var iconNode$f = [["path", {
   key: "1xhq8a"
 }]];
 var RotateCcw = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$f,
+  iconNode: iconNode$g,
   name: "rotate-ccw"
 }));
 var rotate_ccw_default = RotateCcw;
-var iconNode$e = [["path", {
+var iconNode$f = [["path", {
   d: "m21 21-4.34-4.34",
   key: "14j7rj"
 }], ["circle", {
@@ -2086,11 +2122,11 @@ var iconNode$e = [["path", {
   key: "4ej97u"
 }]];
 var Search = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$e,
+  iconNode: iconNode$f,
   name: "search"
 }));
 var search_default = Search;
-var iconNode$d = [["path", {
+var iconNode$e = [["path", {
   d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
   key: "1i5ecw"
 }], ["circle", {
@@ -2100,29 +2136,29 @@ var iconNode$d = [["path", {
   key: "1v7zrd"
 }]];
 var Settings$1 = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$d,
+  iconNode: iconNode$e,
   name: "settings"
 }));
 var settings_default = Settings$1;
-var iconNode$c = [["path", {
+var iconNode$d = [["path", {
   d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
   key: "oel41y"
 }]];
 var Shield = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$c,
+  iconNode: iconNode$d,
   name: "shield"
 }));
 var shield_default = Shield;
-var iconNode$b = [["path", {
+var iconNode$c = [["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$b,
+  iconNode: iconNode$c,
   name: "star"
 }));
 var star_default = Star;
-var iconNode$a = [["path", {
+var iconNode$b = [["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", {
@@ -2133,11 +2169,11 @@ var iconNode$a = [["path", {
   key: "kqv944"
 }]];
 var Tag = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$a,
+  iconNode: iconNode$b,
   name: "tag"
 }));
 var tag_default = Tag;
-var iconNode$9 = [["path", {
+var iconNode$a = [["path", {
   d: "M10 11v6",
   key: "nco0om"
 }], ["path", {
@@ -2154,11 +2190,11 @@ var iconNode$9 = [["path", {
   key: "e791ji"
 }]];
 var Trash2 = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$9,
+  iconNode: iconNode$a,
   name: "trash-2"
 }));
 var trash_2_default = Trash2;
-var iconNode$8 = [["path", {
+var iconNode$9 = [["path", {
   d: "M9 14 4 9l5-5",
   key: "102s5s"
 }], ["path", {
@@ -2166,11 +2202,11 @@ var iconNode$8 = [["path", {
   key: "f3b9sd"
 }]];
 var Undo2 = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$8,
+  iconNode: iconNode$9,
   name: "undo-2"
 }));
 var undo_2_default = Undo2;
-var iconNode$7 = [["path", {
+var iconNode$8 = [["path", {
   d: "M12 3v12",
   key: "1x0j5s"
 }], ["path", {
@@ -2181,11 +2217,11 @@ var iconNode$7 = [["path", {
   key: "ih7n3h"
 }]];
 var Upload = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$7,
+  iconNode: iconNode$8,
   name: "upload"
 }));
 var upload_default = Upload;
-var iconNode$6 = [["path", {
+var iconNode$7 = [["path", {
   d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",
   key: "975kel"
 }], ["circle", {
@@ -2195,10 +2231,25 @@ var iconNode$6 = [["path", {
   key: "17ys0d"
 }]];
 var User = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$6,
+  iconNode: iconNode$7,
   name: "user"
 }));
 var user_default = User;
+var iconNode$6 = [["path", {
+  d: "M18 11c-1.5 0-2.5.5-3 2",
+  key: "1fod00"
+}], ["path", {
+  d: "M4 6a2 2 0 0 0-2 2v4a5 5 0 0 0 5 5 8 8 0 0 1 5 2 8 8 0 0 1 5-2 5 5 0 0 0 5-5V8a2 2 0 0 0-2-2h-3a8 8 0 0 0-5 2 8 8 0 0 0-5-2z",
+  key: "d70hit"
+}], ["path", {
+  d: "M6 11c1.5 0 2.5.5 3 2",
+  key: "136fht"
+}]];
+var VenetianMask = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$6,
+  name: "venetian-mask"
+}));
+var venetian_mask_default = VenetianMask;
 var iconNode$5 = [["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"
@@ -2581,7 +2632,7 @@ function getAgentActiveTabIds(state, currentTime = Date.now()) {
   }
   return activeTabIds;
 }
-var _tmpl$$r = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$q = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$m = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list></div><div class=tab-actions><button class=tab-new data-tooltip="New window"data-tooltip-pos=left></button><button class=tab-new data-tooltip="Add active tab to group"data-tooltip-pos=left></button><button class=tab-new data-tooltip="New tab"data-tooltip-pos=left></button><button class="tab-new tab-new-private"data-tooltip="Private window"data-tooltip-pos=left><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11z">`), _tmpl$4$l = /* @__PURE__ */ template(`<button><span class=tab-group-dot></span><span class=tab-group-name></span><span class=tab-group-count>`), _tmpl$5$h = /* @__PURE__ */ template(`<button class="tab-audio tab-audio-pinned">`), _tmpl$6$g = /* @__PURE__ */ template(`<div role=tab>`), _tmpl$7$e = /* @__PURE__ */ template(`<span class=tab-title>`), _tmpl$8$b = /* @__PURE__ */ template(`<button class=tab-audio>`), _tmpl$9$a = /* @__PURE__ */ template(`<button class=tab-close>×`), _tmpl$0$8 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$1$8 = /* @__PURE__ */ template(`<span class=tab-loading>`);
+var _tmpl$$r = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$q = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$m = /* @__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>`), _tmpl$4$l = /* @__PURE__ */ template(`<button><span class=tab-group-dot></span><span class=tab-group-name></span><span class=tab-group-count>`), _tmpl$5$h = /* @__PURE__ */ template(`<button class="tab-audio tab-audio-pinned">`), _tmpl$6$g = /* @__PURE__ */ template(`<div role=tab>`), _tmpl$7$e = /* @__PURE__ */ template(`<span class=tab-title>`), _tmpl$8$b = /* @__PURE__ */ template(`<button class=tab-audio>`), _tmpl$9$a = /* @__PURE__ */ template(`<button class=tab-close>×`), _tmpl$0$8 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$1$8 = /* @__PURE__ */ template(`<span class=tab-loading>`);
 const TAB_CLOSE_MS = 200;
 function stringToHue(str) {
   let hash = 0;
@@ -2843,6 +2894,9 @@ const TabBar = () => {
       size: 15
     }));
     _el$9.$$click = () => window.vessel.tabs.openPrivateWindow();
+    insert(_el$9, createComponent(venetian_mask_default, {
+      size: 12
+    }));
     return _el$3;
   })();
 };
@@ -2971,9 +3025,11 @@ const [commandBarOpen, setCommandBarOpen] = createSignal(false);
 const [browserCommandPaletteOpen, setBrowserCommandPaletteOpen] = createSignal(false);
 const [settingsOpen, setSettingsOpen] = createSignal(false);
 const [devtoolsPanelOpen, setDevtoolsPanelOpen] = createSignal(false);
+const [devtoolsPanelDetached, setDevtoolsPanelDetached] = createSignal(false);
 let lastIpcTime = 0;
 const IPC_THROTTLE_MS = 8;
 let sidebarStateListenerInitialized = false;
+let devtoolsPanelStateListenerInitialized = false;
 function applySidebarState(result) {
   setSidebarOpen(result.open);
   setSidebarWidth(result.width);
@@ -2984,8 +3040,20 @@ function ensureSidebarStateListener() {
   sidebarStateListenerInitialized = true;
   window.vessel?.ui?.onSidebarStateUpdate?.(applySidebarState);
 }
+function applyDevToolsPanelState(result) {
+  setDevtoolsPanelOpen(result.open);
+  setDevtoolsPanelDetached(result.detached);
+}
+function ensureDevToolsPanelStateListener() {
+  if (devtoolsPanelStateListenerInitialized) return;
+  devtoolsPanelStateListenerInitialized = true;
+  window.vessel?.devtoolsPanel?.onHostStateUpdate?.(applyDevToolsPanelState);
+  void window.vessel?.devtoolsPanel?.getHostState?.().then(applyDevToolsPanelState).catch(() => {
+  });
+}
 function useUI() {
   ensureSidebarStateListener();
+  ensureDevToolsPanelStateListener();
   return {
     sidebarOpen,
     sidebarWidth,
@@ -2995,6 +3063,7 @@ function useUI() {
     browserCommandPaletteOpen,
     settingsOpen,
     devtoolsPanelOpen,
+    devtoolsPanelDetached,
     toggleSidebar: async () => {
       const result = await window.vessel.ui.toggleSidebar();
       applySidebarState(result);
@@ -3028,7 +3097,7 @@ function useUI() {
     },
     toggleDevTools: async () => {
       const result = await window.vessel.devtoolsPanel.toggle();
-      setDevtoolsPanelOpen(result.open);
+      applyDevToolsPanelState(result);
     },
     openCommandBar: () => setCommandBarOpen(true),
     closeCommandBar: () => setCommandBarOpen(false),
@@ -3338,7 +3407,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$$p = /* @__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$o = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z">`), _tmpl$3$k = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.5>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=security-indicator-wrapper><button>`), _tmpl$5$f = /* @__PURE__ */ template(`<div id=address-autocomplete class=autocomplete-dropdown role=listbox>`), _tmpl$6$f = /* @__PURE__ */ template(`<button class=page-diff-trigger title="Open the What Changed timeline"><span class=page-diff-trigger-dot aria-hidden=true></span><span class=page-diff-trigger-text>What Changed?`), _tmpl$7$d = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$8$a = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Recent detections`), _tmpl$9$9 = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>Compared with your last visit</span><span class=page-diff-burst-meta>Previous snapshot from </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$0$7 = /* @__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$1$7 = /* @__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$10$7 = /* @__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$11$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round>`), _tmpl$12$6 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$13$5 = /* @__PURE__ */ template(`<button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2>`), _tmpl$14$5 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Clear Data">`), _tmpl$15$5 = /* @__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$16$4 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"autocomplete=off aria-autocomplete=list aria-controls=address-autocomplete></form></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14">`), _tmpl$17$4 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><circle cx=7 cy=8 r=0.8 fill=white>`), _tmpl$18$4 = /* @__PURE__ */ template(`<div role=option><span class=autocomplete-icon></span><span class=autocomplete-text><span class=autocomplete-title></span><span class=autocomplete-url>`), _tmpl$19$4 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$20$4 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-section>`), _tmpl$21$4 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-part><span>`), _tmpl$22$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$23$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$24$4 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$25$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$26$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$27$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><div class=page-diff-badges><span class=page-diff-kind></span><span class=page-diff-section></span></div><span class=page-diff-summary>`), _tmpl$28$3 = /* @__PURE__ */ template(`<li>`);
+var _tmpl$$p = /* @__PURE__ */ template(`<div class=private-badge title="Private Browsing - history and cookies are not saved"><span>Private`), _tmpl$2$o = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z">`), _tmpl$3$k = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.5>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=security-indicator-wrapper><button>`), _tmpl$5$f = /* @__PURE__ */ template(`<div id=address-autocomplete class=autocomplete-dropdown role=listbox>`), _tmpl$6$f = /* @__PURE__ */ template(`<button class=page-diff-trigger title="Open the What Changed timeline"><span class=page-diff-trigger-dot aria-hidden=true></span><span class=page-diff-trigger-text>What Changed?`), _tmpl$7$d = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$8$a = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Recent detections`), _tmpl$9$9 = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>Compared with your last visit</span><span class=page-diff-burst-meta>Previous snapshot from </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$0$7 = /* @__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$1$7 = /* @__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$10$7 = /* @__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$11$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round>`), _tmpl$12$6 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$13$6 = /* @__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$14$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Clear Data">`), _tmpl$15$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip=Settings>`), _tmpl$16$5 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"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$17$5 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><circle cx=7 cy=8 r=0.8 fill=white>`), _tmpl$18$5 = /* @__PURE__ */ template(`<div role=option><span class=autocomplete-icon></span><span class=autocomplete-text><span class=autocomplete-title></span><span class=autocomplete-url>`), _tmpl$19$5 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$20$5 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-section>`), _tmpl$21$5 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-part><span>`), _tmpl$22$5 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$23$5 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$24$5 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$25$4 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$26$4 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$27$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><div class=page-diff-badges><span class=page-diff-kind></span><span class=page-diff-section></span></div><span class=page-diff-summary>`), _tmpl$28$3 = /* @__PURE__ */ template(`<li>`);
 const AddressBar = (props) => {
   const {
     activeTab,
@@ -3632,29 +3701,33 @@ const AddressBar = (props) => {
   };
   const formatSectionLabel = (section) => section === "title" ? "Title" : section === "headings" ? "Headings" : "Content";
   return (() => {
-    var _el$ = _tmpl$16$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$11 = _el$2.nextSibling, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$32 = _el$11.nextSibling, _el$33 = _el$32.firstChild, _el$34 = _el$33.firstChild;
+    var _el$ = _tmpl$16$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$12 = _el$2.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$33 = _el$12.nextSibling, _el$34 = _el$33.firstChild, _el$35 = _el$34.firstChild;
     addEventListener(_el$3, "click", goBack, true);
     addEventListener(_el$4, "click", goForward, true);
     addEventListener(_el$5, "click", reload, true);
     insert(_el$, createComponent(Show, {
       when: isPrivateWindow,
       get children() {
-        return _tmpl$$p();
+        var _el$6 = _tmpl$$p(), _el$7 = _el$6.firstChild;
+        insert(_el$6, createComponent(venetian_mask_default, {
+          size: 12
+        }), _el$7);
+        return _el$6;
       }
-    }), _el$11);
+    }), _el$12);
     insert(_el$, createComponent(Show, {
       get when() {
         return memo(() => !!securityState()?.status)() && securityState()?.status !== "none";
       },
       get children() {
-        var _el$7 = _tmpl$4$j(), _el$8 = _el$7.firstChild;
-        _el$8.$$click = () => setShowSecurityPopup((prev) => !prev);
-        insert(_el$8, createComponent(Switch, {
+        var _el$8 = _tmpl$4$j(), _el$9 = _el$8.firstChild;
+        _el$9.$$click = () => setShowSecurityPopup((prev) => !prev);
+        insert(_el$9, createComponent(Switch, {
           get fallback() {
             return (() => {
-              var _el$45 = _tmpl$17$4();
-              _el$45.firstChild;
-              return _el$45;
+              var _el$46 = _tmpl$17$5();
+              _el$46.firstChild;
+              return _el$46;
             })();
           },
           get children() {
@@ -3663,23 +3736,23 @@ const AddressBar = (props) => {
                 return securityState()?.status === "secure";
               },
               get children() {
-                var _el$9 = _tmpl$2$o();
-                _el$9.firstChild;
-                return _el$9;
+                var _el$0 = _tmpl$2$o();
+                _el$0.firstChild;
+                return _el$0;
               }
             }), createComponent(Match, {
               get when() {
                 return securityState()?.status === "insecure";
               },
               get children() {
-                var _el$1 = _tmpl$3$k();
-                _el$1.firstChild;
-                return _el$1;
+                var _el$10 = _tmpl$3$k();
+                _el$10.firstChild;
+                return _el$10;
               }
             })];
           }
         }));
-        insert(_el$7, createComponent(Show, {
+        insert(_el$8, createComponent(Show, {
           get when() {
             return showSecurityPopup();
           },
@@ -3697,84 +3770,84 @@ const AddressBar = (props) => {
         }), null);
         createRenderEffect((_p$) => {
           var _v$ = `security-indicator ${securityState()?.status}`, _v$2 = securityState()?.status === "secure" ? "Secure connection" : securityState()?.status === "insecure" ? "Connection not secure" : "Certificate error";
-          _v$ !== _p$.e && className(_el$8, _p$.e = _v$);
-          _v$2 !== _p$.t && setAttribute(_el$8, "title", _p$.t = _v$2);
+          _v$ !== _p$.e && className(_el$9, _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$9, "title", _p$.t = _v$2);
           return _p$;
         }, {
           e: void 0,
           t: void 0
         });
-        return _el$7;
+        return _el$8;
       }
-    }), _el$11);
-    _el$12.addEventListener("submit", handleSubmit);
-    _el$13.addEventListener("blur", () => {
+    }), _el$12);
+    _el$13.addEventListener("submit", handleSubmit);
+    _el$14.addEventListener("blur", () => {
       scheduleAddressBlurReset();
     });
-    _el$13.$$keydown = handleInputKeyDown;
-    _el$13.addEventListener("focus", (e) => {
+    _el$14.$$keydown = handleInputKeyDown;
+    _el$14.addEventListener("focus", (e) => {
       clearAddressBlurTimer();
       e.currentTarget.select();
       const query = inputValue().trim();
       if (query.length >= 2) setShowSuggestions(true);
     });
-    _el$13.$$input = (e) => {
+    _el$14.$$input = (e) => {
       setHasEditedAddress(true);
       setInputValue(e.currentTarget.value);
       setShowSuggestions(true);
       setSelectedIndex(-1);
     };
     var _ref$ = inputRef;
-    typeof _ref$ === "function" ? use(_ref$, _el$13) : inputRef = _el$13;
-    setAttribute(_el$13, "spellcheck", false);
-    insert(_el$11, createComponent(Show, {
+    typeof _ref$ === "function" ? use(_ref$, _el$14) : inputRef = _el$14;
+    setAttribute(_el$14, "spellcheck", false);
+    insert(_el$12, createComponent(Show, {
       get when() {
         return memo(() => !!showSuggestions())() && suggestions().length > 0;
       },
       get children() {
-        var _el$14 = _tmpl$5$f();
-        insert(_el$14, createComponent(For, {
+        var _el$15 = _tmpl$5$f();
+        insert(_el$15, createComponent(For, {
           get each() {
             return suggestions();
           },
           children: (item, i) => (() => {
-            var _el$47 = _tmpl$18$4(), _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling, _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling;
-            _el$47.addEventListener("mouseenter", () => setSelectedIndex(i()));
-            _el$47.$$mousedown = (e) => {
+            var _el$48 = _tmpl$18$5(), _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling;
+            _el$48.addEventListener("mouseenter", () => setSelectedIndex(i()));
+            _el$48.$$mousedown = (e) => {
               e.preventDefault();
               selectSuggestion(item.url);
             };
-            insert(_el$48, (() => {
+            insert(_el$49, (() => {
               var _c$ = memo(() => item.source === "bookmark");
               return () => _c$() ? "★" : item.source === "search" ? "⌕" : "◌";
             })());
-            insert(_el$50, () => item.title || item.url);
-            insert(_el$51, () => item.subtitle || item.url);
+            insert(_el$51, () => item.title || item.url);
+            insert(_el$52, () => item.subtitle || item.url);
             createRenderEffect((_p$) => {
               var _v$10 = `address-autocomplete-${i()}`, _v$11 = `autocomplete-item ${selectedIndex() === i() ? "selected" : ""}`, _v$12 = selectedIndex() === i();
-              _v$10 !== _p$.e && setAttribute(_el$47, "id", _p$.e = _v$10);
-              _v$11 !== _p$.t && className(_el$47, _p$.t = _v$11);
-              _v$12 !== _p$.a && setAttribute(_el$47, "aria-selected", _p$.a = _v$12);
+              _v$10 !== _p$.e && setAttribute(_el$48, "id", _p$.e = _v$10);
+              _v$11 !== _p$.t && className(_el$48, _p$.t = _v$11);
+              _v$12 !== _p$.a && setAttribute(_el$48, "aria-selected", _p$.a = _v$12);
               return _p$;
             }, {
               e: void 0,
               t: void 0,
               a: void 0
             });
-            return _el$47;
+            return _el$48;
           })()
         }));
-        return _el$14;
+        return _el$15;
       }
     }), null);
-    insert(_el$11, createComponent(Show, {
+    insert(_el$12, createComponent(Show, {
       get when() {
         return pageDiff();
       },
       get children() {
-        var _el$15 = _tmpl$6$f();
-        _el$15.$$click = () => void openDiffTimeline();
-        return _el$15;
+        var _el$16 = _tmpl$6$f();
+        _el$16.$$click = () => void openDiffTimeline();
+        return _el$16;
       }
     }), null);
     insert(_el$, createComponent(Show, {
@@ -3782,157 +3855,157 @@ const AddressBar = (props) => {
         return memo(() => !!pageDiff())() && diffExpanded();
       },
       get children() {
-        var _el$16 = _tmpl$9$9(), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling;
-        _el$20.firstChild;
-        var _el$27 = _el$18.nextSibling, _el$28 = _el$27.firstChild, _el$29 = _el$28.nextSibling;
-        insert(_el$20, () => formatRelativeTime(pageDiff().oldSnapshot.capturedAt), null);
-        insert(_el$18, createComponent(Show, {
+        var _el$17 = _tmpl$9$9(), _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild, _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
+        _el$21.firstChild;
+        var _el$28 = _el$19.nextSibling, _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling;
+        insert(_el$21, () => formatRelativeTime(pageDiff().oldSnapshot.capturedAt), null);
+        insert(_el$19, createComponent(Show, {
           get when() {
             return memo(() => !!((pageDiff().burstCount || 0) > 1 && pageDiff().firstDetectedAt))() && pageDiff().lastDetectedAt;
           },
           get children() {
-            var _el$22 = _tmpl$7$d(), _el$23 = _el$22.firstChild, _el$26 = _el$23.nextSibling;
-            _el$26.nextSibling;
-            insert(_el$22, () => pageDiff().burstCount, _el$26);
-            insert(_el$22, () => formatElapsedTime(pageDiff().firstDetectedAt, pageDiff().lastDetectedAt), null);
-            return _el$22;
+            var _el$23 = _tmpl$7$d(), _el$24 = _el$23.firstChild, _el$27 = _el$24.nextSibling;
+            _el$27.nextSibling;
+            insert(_el$23, () => pageDiff().burstCount, _el$27);
+            insert(_el$23, () => formatElapsedTime(pageDiff().firstDetectedAt, pageDiff().lastDetectedAt), null);
+            return _el$23;
           }
         }), null);
-        _el$28.$$click = () => void openDiffTimeline();
-        _el$29.$$click = () => setDiffExpanded(false);
-        insert(_el$16, createComponent(Show, {
+        _el$29.$$click = () => void openDiffTimeline();
+        _el$30.$$click = () => setDiffExpanded(false);
+        insert(_el$17, createComponent(Show, {
           get when() {
             return memo(() => !!pageDiff().recentBursts?.length)() && (pageDiff().recentBursts?.length || 0) > 1;
           },
           get children() {
-            var _el$30 = _tmpl$8$a();
-            _el$30.firstChild;
-            insert(_el$30, createComponent(For, {
+            var _el$31 = _tmpl$8$a();
+            _el$31.firstChild;
+            insert(_el$31, createComponent(For, {
               get each() {
                 return pageDiff().recentBursts;
               },
               children: (burst, i) => (() => {
-                var _el$52 = _tmpl$19$4(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
-                insert(_el$53, (() => {
+                var _el$53 = _tmpl$19$5(), _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling;
+                insert(_el$54, (() => {
                   var _c$2 = memo(() => i() === 0);
                   return () => _c$2() ? "Latest" : formatRelativeTime(burst.detectedAt);
                 })());
-                insert(_el$54, createComponent(For, {
+                insert(_el$55, createComponent(For, {
                   get each() {
                     return parseDiffSummaryParts(burst.summary);
                   },
                   children: (part) => (() => {
-                    var _el$55 = _tmpl$21$4(), _el$57 = _el$55.firstChild;
-                    insert(_el$55, createComponent(Show, {
+                    var _el$56 = _tmpl$21$5(), _el$58 = _el$56.firstChild;
+                    insert(_el$56, createComponent(Show, {
                       get when() {
                         return part.section;
                       },
                       get children() {
-                        var _el$56 = _tmpl$20$4();
-                        insert(_el$56, () => part.section);
-                        return _el$56;
+                        var _el$57 = _tmpl$20$5();
+                        insert(_el$57, () => part.section);
+                        return _el$57;
                       }
-                    }), _el$57);
-                    insert(_el$57, () => part.text);
-                    return _el$55;
+                    }), _el$58);
+                    insert(_el$58, () => part.text);
+                    return _el$56;
                   })()
                 }));
-                createRenderEffect(() => _el$52.classList.toggle("latest", !!(i() === 0)));
-                return _el$52;
+                createRenderEffect(() => _el$53.classList.toggle("latest", !!(i() === 0)));
+                return _el$53;
               })()
             }), null);
-            return _el$30;
+            return _el$31;
           }
         }), null);
-        insert(_el$16, createComponent(For, {
+        insert(_el$17, createComponent(For, {
           get each() {
             return pageDiff().changes;
           },
           children: (change) => (() => {
-            var _el$58 = _tmpl$27$3(), _el$59 = _el$58.firstChild, _el$60 = _el$59.firstChild, _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling, _el$63 = _el$60.nextSibling;
-            insert(_el$61, () => getChangeKindLabel(change.kind));
-            insert(_el$62, () => formatSectionLabel(change.section));
-            insert(_el$63, () => change.summary);
-            insert(_el$58, createComponent(Show, {
+            var _el$59 = _tmpl$27$3(), _el$60 = _el$59.firstChild, _el$61 = _el$60.firstChild, _el$62 = _el$61.firstChild, _el$63 = _el$62.nextSibling, _el$64 = _el$61.nextSibling;
+            insert(_el$62, () => getChangeKindLabel(change.kind));
+            insert(_el$63, () => formatSectionLabel(change.section));
+            insert(_el$64, () => change.summary);
+            insert(_el$59, createComponent(Show, {
               get when() {
                 return change.before || change.after;
               },
               get children() {
-                var _el$64 = _tmpl$24$4();
-                insert(_el$64, createComponent(Show, {
+                var _el$65 = _tmpl$24$5();
+                insert(_el$65, createComponent(Show, {
                   get when() {
                     return change.before;
                   },
                   get children() {
-                    var _el$65 = _tmpl$22$4(), _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling;
-                    insert(_el$67, () => change.before);
-                    return _el$65;
+                    var _el$66 = _tmpl$22$5(), _el$67 = _el$66.firstChild, _el$68 = _el$67.nextSibling;
+                    insert(_el$68, () => change.before);
+                    return _el$66;
                   }
                 }), null);
-                insert(_el$64, createComponent(Show, {
+                insert(_el$65, createComponent(Show, {
                   get when() {
                     return change.after;
                   },
                   get children() {
-                    var _el$68 = _tmpl$23$4(), _el$69 = _el$68.firstChild, _el$70 = _el$69.nextSibling;
-                    insert(_el$70, () => change.after);
-                    return _el$68;
+                    var _el$69 = _tmpl$23$5(), _el$70 = _el$69.firstChild, _el$71 = _el$70.nextSibling;
+                    insert(_el$71, () => change.after);
+                    return _el$69;
                   }
                 }), null);
-                return _el$64;
+                return _el$65;
               }
             }), null);
-            insert(_el$58, createComponent(Show, {
+            insert(_el$59, createComponent(Show, {
               get when() {
                 return change.addedItems?.length;
               },
               get children() {
-                var _el$71 = _tmpl$25$3(), _el$72 = _el$71.firstChild, _el$73 = _el$72.nextSibling;
-                insert(_el$73, createComponent(For, {
+                var _el$72 = _tmpl$25$4(), _el$73 = _el$72.firstChild, _el$74 = _el$73.nextSibling;
+                insert(_el$74, createComponent(For, {
                   get each() {
                     return change.addedItems;
                   },
                   children: (item) => (() => {
-                    var _el$77 = _tmpl$28$3();
-                    insert(_el$77, item);
-                    return _el$77;
+                    var _el$78 = _tmpl$28$3();
+                    insert(_el$78, item);
+                    return _el$78;
                   })()
                 }));
-                return _el$71;
+                return _el$72;
               }
             }), null);
-            insert(_el$58, createComponent(Show, {
+            insert(_el$59, createComponent(Show, {
               get when() {
                 return change.removedItems?.length;
               },
               get children() {
-                var _el$74 = _tmpl$26$3(), _el$75 = _el$74.firstChild, _el$76 = _el$75.nextSibling;
-                insert(_el$76, createComponent(For, {
+                var _el$75 = _tmpl$26$4(), _el$76 = _el$75.firstChild, _el$77 = _el$76.nextSibling;
+                insert(_el$77, createComponent(For, {
                   get each() {
                     return change.removedItems;
                   },
                   children: (item) => (() => {
-                    var _el$78 = _tmpl$28$3();
-                    insert(_el$78, item);
-                    return _el$78;
+                    var _el$79 = _tmpl$28$3();
+                    insert(_el$79, item);
+                    return _el$79;
                   })()
                 }));
-                return _el$74;
+                return _el$75;
               }
             }), null);
-            createRenderEffect(() => className(_el$58, `page-diff-item page-diff-${change.kind}`));
-            return _el$58;
+            createRenderEffect(() => className(_el$59, `page-diff-item page-diff-${change.kind}`));
+            return _el$59;
           })()
         }), null);
-        return _el$16;
+        return _el$17;
       }
-    }), _el$32);
-    _el$33.$$click = async () => {
+    }), _el$33);
+    _el$34.$$click = async () => {
       const id = activeTabId2();
       if (!id) return;
       await toggleAdBlock(id);
     };
-    insert(_el$34, createComponent(Show, {
+    insert(_el$35, createComponent(Show, {
       get when() {
         return activeTab()?.adBlockingEnabled;
       },
@@ -3940,7 +4013,7 @@ const AddressBar = (props) => {
         return _tmpl$0$7();
       }
     }), null);
-    insert(_el$34, createComponent(Show, {
+    insert(_el$35, createComponent(Show, {
       get when() {
         return !activeTab()?.adBlockingEnabled;
       },
@@ -3948,67 +4021,71 @@ const AddressBar = (props) => {
         return [_tmpl$0$7(), _tmpl$1$7()];
       }
     }), null);
-    insert(_el$32, createComponent(Show, {
+    insert(_el$33, createComponent(Show, {
       when: !isPrivateWindow,
       get children() {
-        var _el$38 = _tmpl$10$7();
-        _el$38.$$click = () => window.vessel.content.toggleReader();
-        createRenderEffect(() => _el$38.classList.toggle("active", !!activeTab()?.isReaderMode));
-        return _el$38;
+        var _el$39 = _tmpl$10$7();
+        _el$39.$$click = () => window.vessel.content.toggleReader();
+        createRenderEffect(() => _el$39.classList.toggle("active", !!activeTab()?.isReaderMode));
+        return _el$39;
       }
     }), null);
-    insert(_el$32, createComponent(Show, {
+    insert(_el$33, createComponent(Show, {
       when: !isPrivateWindow,
       get children() {
-        var _el$39 = _tmpl$11$6();
-        addEventListener(_el$39, "click", toggleDevTools, true);
-        createRenderEffect(() => _el$39.classList.toggle("active", !!devtoolsPanelOpen2()));
-        return _el$39;
+        var _el$40 = _tmpl$11$6();
+        addEventListener(_el$40, "click", toggleDevTools, true);
+        createRenderEffect(() => _el$40.classList.toggle("active", !!devtoolsPanelOpen2()));
+        return _el$40;
       }
     }), null);
-    insert(_el$32, createComponent(Show, {
+    insert(_el$33, createComponent(Show, {
       when: !isPrivateWindow,
       get children() {
-        var _el$40 = _tmpl$13$5();
-        _el$40.firstChild;
-        addEventListener(_el$40, "click", toggleSidebar, true);
-        insert(_el$40, createComponent(Show, {
+        var _el$41 = _tmpl$13$6();
+        _el$41.firstChild;
+        addEventListener(_el$41, "click", toggleSidebar, true);
+        insert(_el$41, createComponent(Show, {
           get when() {
             return pendingApprovalCount() > 0;
           },
           get children() {
-            var _el$42 = _tmpl$12$6();
-            insert(_el$42, pendingApprovalCount);
-            createRenderEffect(() => setAttribute(_el$42, "aria-label", `${pendingApprovalCount()} pending`));
-            return _el$42;
+            var _el$43 = _tmpl$12$6();
+            insert(_el$43, pendingApprovalCount);
+            createRenderEffect(() => setAttribute(_el$43, "aria-label", `${pendingApprovalCount()} pending`));
+            return _el$43;
           }
         }), null);
         createRenderEffect((_p$) => {
           var _v$3 = !!(pendingApprovalCount() > 0), _v$4 = pendingApprovalCount() > 0 ? `AI Sidebar — ${pendingApprovalCount()} pending approval${pendingApprovalCount() > 1 ? "s" : ""}` : "AI Sidebar (Ctrl+Shift+L)";
-          _v$3 !== _p$.e && _el$40.classList.toggle("has-approvals", _p$.e = _v$3);
-          _v$4 !== _p$.t && setAttribute(_el$40, "title", _p$.t = _v$4);
+          _v$3 !== _p$.e && _el$41.classList.toggle("has-approvals", _p$.e = _v$3);
+          _v$4 !== _p$.t && setAttribute(_el$41, "title", _p$.t = _v$4);
           return _p$;
         }, {
           e: void 0,
           t: void 0
         });
-        return _el$40;
+        return _el$41;
       }
     }), null);
-    insert(_el$32, createComponent(Show, {
+    insert(_el$33, createComponent(Show, {
       when: !isPrivateWindow,
       get children() {
         return [(() => {
-          var _el$43 = _tmpl$14$5();
-          addEventListener(_el$43, "click", props.onClearData, true);
-          insert(_el$43, createComponent(trash_2_default, {
+          var _el$44 = _tmpl$14$6();
+          addEventListener(_el$44, "click", props.onClearData, true);
+          insert(_el$44, createComponent(trash_2_default, {
             size: 14
           }));
-          return _el$43;
-        })(), (() => {
-          var _el$44 = _tmpl$15$5();
-          addEventListener(_el$44, "click", openSettings, true);
           return _el$44;
+        })(), (() => {
+          var _el$45 = _tmpl$15$6();
+          addEventListener(_el$45, "click", openSettings, true);
+          insert(_el$45, createComponent(settings_default, {
+            size: 14,
+            strokeWidth: 1.8
+          }));
+          return _el$45;
         })()];
       }
     }), null);
@@ -4016,11 +4093,11 @@ const AddressBar = (props) => {
       var _v$5 = !activeTab()?.canGoBack, _v$6 = !activeTab()?.canGoForward, _v$7 = showSuggestions() && suggestions().length > 0, _v$8 = selectedIndex() >= 0 ? `address-autocomplete-${selectedIndex()}` : void 0, _v$9 = !!activeTab()?.adBlockingEnabled, _v$0 = !activeTab()?.adBlockingEnabled, _v$1 = activeTab()?.adBlockingEnabled ? "Ad Block: On (click to disable)" : "Ad Block: Off (click to enable)";
       _v$5 !== _p$.e && (_el$3.disabled = _p$.e = _v$5);
       _v$6 !== _p$.t && (_el$4.disabled = _p$.t = _v$6);
-      _v$7 !== _p$.a && setAttribute(_el$13, "aria-expanded", _p$.a = _v$7);
-      _v$8 !== _p$.o && setAttribute(_el$13, "aria-activedescendant", _p$.o = _v$8);
-      _v$9 !== _p$.i && _el$33.classList.toggle("active", _p$.i = _v$9);
-      _v$0 !== _p$.n && _el$33.classList.toggle("nav-btn-muted", _p$.n = _v$0);
-      _v$1 !== _p$.s && setAttribute(_el$33, "title", _p$.s = _v$1);
+      _v$7 !== _p$.a && setAttribute(_el$14, "aria-expanded", _p$.a = _v$7);
+      _v$8 !== _p$.o && setAttribute(_el$14, "aria-activedescendant", _p$.o = _v$8);
+      _v$9 !== _p$.i && _el$34.classList.toggle("active", _p$.i = _v$9);
+      _v$0 !== _p$.n && _el$34.classList.toggle("nav-btn-muted", _p$.n = _v$0);
+      _v$1 !== _p$.s && setAttribute(_el$34, "title", _p$.s = _v$1);
       return _p$;
     }, {
       e: void 0,
@@ -4031,7 +4108,7 @@ const AddressBar = (props) => {
       n: void 0,
       s: void 0
     });
-    createRenderEffect(() => _el$13.value = inputValue());
+    createRenderEffect(() => _el$14.value = inputValue());
     return _el$;
   })();
 };
@@ -8006,7 +8083,7 @@ const DropdownSelect = (props) => {
 };
 delegateEvents(["click"]);
 const BUNDLED_KIT_IDS = /* @__PURE__ */ new Set();
-var _tmpl$$e = /* @__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>Skills are a premium feature. Upgrade to import, inspect, and run reusable agent capabilities.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$e = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Skills</span><div class=kit-list-header-actions><span class=kit-list-count> skills</span><button class=kit-install-btn type=button title="Create a skill from text"aria-label="Create skill">Create</button><button class=kit-install-btn type=button title="Import a skill from a .skill.json file"aria-label="Import skill">Import`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=kit-create-panel><div class=kit-create-header><span class=kit-create-title></span><button class=kit-install-error-dismiss type=button aria-label="Close create skill">×</button></div><input class=kit-form-input type=text placeholder="Skill name"><input class=kit-form-input type=text placeholder="Short description"><textarea class=kit-create-textarea placeholder="Write the skill instructions the agent should follow. Example: Research the topic carefully, compare trustworthy sources, then summarize the answer with links."></textarea><div class=kit-create-actions><button class=kit-back-btn type=button>Reset</button><button class=kit-back-btn type=button>Cancel</button><button class="agent-primary-button kit-create-save"type=button>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$6$b = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$7$9 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$8$8 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$9$7 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$0$5 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to skills"><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$1$5 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$10$5 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$11$5 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$12$5 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$13$4 = /* @__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$14$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$15$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$16$3 = /* @__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$17$3 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$18$3 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$21$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$22$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$23$3 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$24$3 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$25$2 = /* @__PURE__ */ template(`<div class=kit-empty-state><div class=kit-empty-title>No skills imported</div><p class=kit-empty-copy>Import a skill definition to make it available to the agent.</p><div class=kit-empty-actions><button class=kit-install-btn type=button>Create</button><button class=kit-install-btn type=button>Import`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$27$2 = /* @__PURE__ */ template(`<button class=kit-card-action-btn type=button>`), _tmpl$28$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>`), _tmpl$29$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$30$1 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$31$1 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$34$1 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$35$1 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$36$1 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$37$1 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$38$1 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$39$1 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$40$1 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$41$1 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$42$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$43$1 = /* @__PURE__ */ template(`<option>`), _tmpl$44$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
+var _tmpl$$e = /* @__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>Skills are a premium feature. Upgrade to import, inspect, and run reusable agent capabilities.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$e = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Skills</span><div class=kit-list-header-actions><span class=kit-list-count> skills</span><button class=kit-install-btn type=button title="Create a skill from text"aria-label="Create skill">Create</button><button class=kit-install-btn type=button title="Import a skill from a .skill.json file"aria-label="Import skill">Import`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=kit-create-panel><div class=kit-create-header><span class=kit-create-title></span><button class=kit-install-error-dismiss type=button aria-label="Close create skill">×</button></div><input class=kit-form-input type=text placeholder="Skill name"><input class=kit-form-input type=text placeholder="Short description"><textarea class=kit-create-textarea placeholder="Write the skill instructions the agent should follow. Example: Research the topic carefully, compare trustworthy sources, then summarize the answer with links."></textarea><div class=kit-create-actions><button class=kit-back-btn type=button>Reset</button><button class=kit-back-btn type=button>Cancel</button><button class="agent-primary-button kit-create-save"type=button>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$6$b = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$7$9 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$8$8 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$9$7 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$0$5 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to skills"><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$1$5 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$10$5 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$11$5 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$12$5 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$13$5 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$14$5 = /* @__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$15$5 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$16$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$17$4 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$18$4 = /* @__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$19$4 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$20$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$21$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$22$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$23$4 = /* @__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$24$4 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$25$3 = /* @__PURE__ */ template(`<div class=kit-empty-state><div class=kit-empty-title>No skills imported</div><p class=kit-empty-copy>Import a skill definition to make it available to the agent.</p><div class=kit-empty-actions><button class=kit-install-btn type=button>Create</button><button class=kit-install-btn type=button>Import`), _tmpl$26$3 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$27$2 = /* @__PURE__ */ template(`<button class=kit-card-action-btn type=button>`), _tmpl$28$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>`), _tmpl$29$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$30$1 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$31$1 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$34$1 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$35$1 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$36$1 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$37$1 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$38$1 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$39$1 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$40$1 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$41$1 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$42$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$43$1 = /* @__PURE__ */ template(`<option>`), _tmpl$44$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
 const ICON_MAP = {
   BookOpen: book_open_default,
   Tag: tag_default,
@@ -8437,7 +8514,7 @@ const AutomationTab = (props) => {
   };
   const timeValue = () => `${String(schedHour()).padStart(2, "0")}:${String(schedMinute()).padStart(2, "0")}`;
   return (() => {
-    var _el$ = _tmpl$24$3();
+    var _el$ = _tmpl$24$4();
     insert(_el$, createComponent(Show, {
       get when() {
         return memo(() => !!!premiumData.loading)() && !isPremium();
@@ -8521,7 +8598,7 @@ const AutomationTab = (props) => {
           },
           get fallback() {
             return (() => {
-              var _el$90 = _tmpl$25$2(), _el$91 = _el$90.firstChild, _el$92 = _el$91.nextSibling, _el$93 = _el$92.nextSibling, _el$94 = _el$93.firstChild, _el$95 = _el$94.firstChild, _el$96 = _el$94.nextSibling, _el$97 = _el$96.firstChild;
+              var _el$90 = _tmpl$25$3(), _el$91 = _el$90.firstChild, _el$92 = _el$91.nextSibling, _el$93 = _el$92.nextSibling, _el$94 = _el$93.firstChild, _el$95 = _el$94.firstChild, _el$96 = _el$94.nextSibling, _el$97 = _el$96.firstChild;
               _el$94.$$click = openCreateEditor;
               insert(_el$94, createComponent(plus_default, {
                 size: 12,
@@ -8558,7 +8635,7 @@ const AutomationTab = (props) => {
                     return kit.estimatedMinutes !== void 0;
                   },
                   get children() {
-                    var _el$103 = _tmpl$26$2(), _el$104 = _el$103.firstChild, _el$106 = _el$104.nextSibling;
+                    var _el$103 = _tmpl$26$3(), _el$104 = _el$103.firstChild, _el$106 = _el$104.nextSibling;
                     _el$106.nextSibling;
                     insert(_el$103, () => kit.estimatedMinutes, _el$106);
                     return _el$103;
@@ -8895,7 +8972,7 @@ const AutomationTab = (props) => {
           createRenderEffect(() => _el$49.disabled = !canRun());
           return _el$49;
         })(), (() => {
-          var _el$50 = _tmpl$19$3(), _el$51 = _el$50.firstChild, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling;
+          var _el$50 = _tmpl$19$4(), _el$51 = _el$50.firstChild, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling;
           _el$52.addEventListener("change", (e) => setScheduleEnabled(e.currentTarget.checked));
           insert(_el$51, createComponent(clock_default, {
             size: 13
@@ -8905,7 +8982,7 @@ const AutomationTab = (props) => {
               return scheduleEnabled();
             },
             get children() {
-              var _el$54 = _tmpl$18$3(), _el$55 = _el$54.firstChild, _el$69 = _el$55.nextSibling, _el$70 = _el$69.nextSibling;
+              var _el$54 = _tmpl$18$4(), _el$55 = _el$54.firstChild, _el$69 = _el$55.nextSibling, _el$70 = _el$69.nextSibling;
               insert(_el$55, createComponent(For, {
                 each: ["once", "hourly", "daily", "weekly"],
                 children: (type) => (() => {
@@ -8922,7 +8999,7 @@ const AutomationTab = (props) => {
                   return schedType() === "once";
                 },
                 get children() {
-                  var _el$56 = _tmpl$13$4(), _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling;
+                  var _el$56 = _tmpl$13$5(), _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling;
                   _el$58.$$input = (e) => setSchedRunAt(e.currentTarget.value);
                   createRenderEffect(() => _el$58.value = schedRunAt());
                   return _el$56;
@@ -8933,7 +9010,7 @@ const AutomationTab = (props) => {
                   return schedType() === "daily";
                 },
                 get children() {
-                  var _el$59 = _tmpl$14$4(), _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling;
+                  var _el$59 = _tmpl$14$5(), _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling;
                   _el$61.$$input = (e) => parseTimeInput(e.currentTarget.value);
                   createRenderEffect(() => _el$61.value = timeValue());
                   return _el$59;
@@ -8945,7 +9022,7 @@ const AutomationTab = (props) => {
                 },
                 get children() {
                   return [(() => {
-                    var _el$62 = _tmpl$15$4(), _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling;
+                    var _el$62 = _tmpl$15$5(), _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling;
                     _el$64.addEventListener("change", (e) => setSchedDayOfWeek(Number(e.currentTarget.value)));
                     insert(_el$64, createComponent(For, {
                       each: DAY_NAMES,
@@ -8959,7 +9036,7 @@ const AutomationTab = (props) => {
                     createRenderEffect(() => _el$64.value = schedDayOfWeek());
                     return _el$62;
                   })(), (() => {
-                    var _el$65 = _tmpl$16$3(), _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling;
+                    var _el$65 = _tmpl$16$4(), _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling;
                     _el$67.$$input = (e) => parseTimeInput(e.currentTarget.value);
                     createRenderEffect(() => _el$67.value = timeValue());
                     return _el$65;
@@ -8971,7 +9048,7 @@ const AutomationTab = (props) => {
                   return scheduleError() !== null;
                 },
                 get children() {
-                  var _el$68 = _tmpl$17$3();
+                  var _el$68 = _tmpl$17$4();
                   insert(_el$68, scheduleError);
                   return _el$68;
                 }
@@ -8992,7 +9069,7 @@ const AutomationTab = (props) => {
         return editingJob() !== null;
       },
       get children() {
-        var _el$71 = _tmpl$23$3(), _el$72 = _el$71.firstChild, _el$73 = _el$72.firstChild, _el$74 = _el$73.firstChild, _el$75 = _el$74.nextSibling, _el$76 = _el$73.nextSibling, _el$87 = _el$76.nextSibling, _el$88 = _el$87.firstChild, _el$89 = _el$88.nextSibling;
+        var _el$71 = _tmpl$23$4(), _el$72 = _el$71.firstChild, _el$73 = _el$72.firstChild, _el$74 = _el$73.firstChild, _el$75 = _el$74.nextSibling, _el$76 = _el$73.nextSibling, _el$87 = _el$76.nextSibling, _el$88 = _el$87.firstChild, _el$89 = _el$88.nextSibling;
         _el$71.$$click = () => setEditingJob(null);
         _el$72.$$click = (e) => e.stopPropagation();
         insert(_el$75, () => editingJob().kitName);
@@ -9012,7 +9089,7 @@ const AutomationTab = (props) => {
             return editType() === "once";
           },
           get children() {
-            var _el$77 = _tmpl$20$3(), _el$78 = _el$77.firstChild, _el$79 = _el$78.nextSibling;
+            var _el$77 = _tmpl$20$4(), _el$78 = _el$77.firstChild, _el$79 = _el$78.nextSibling;
             _el$79.$$input = (e) => setEditRunAt(e.currentTarget.value);
             createRenderEffect(() => _el$79.value = editRunAt());
             return _el$77;
@@ -9028,7 +9105,7 @@ const AutomationTab = (props) => {
                 return editType() === "weekly";
               },
               get children() {
-                var _el$80 = _tmpl$21$3(), _el$81 = _el$80.firstChild, _el$82 = _el$81.nextSibling;
+                var _el$80 = _tmpl$21$4(), _el$81 = _el$80.firstChild, _el$82 = _el$81.nextSibling;
                 _el$82.addEventListener("change", (e) => setEditDayOfWeek(Number(e.currentTarget.value)));
                 insert(_el$82, createComponent(For, {
                   each: DAY_NAMES,
@@ -9043,7 +9120,7 @@ const AutomationTab = (props) => {
                 return _el$80;
               }
             }), (() => {
-              var _el$83 = _tmpl$22$3(), _el$84 = _el$83.firstChild, _el$85 = _el$84.nextSibling;
+              var _el$83 = _tmpl$22$4(), _el$84 = _el$83.firstChild, _el$85 = _el$84.nextSibling;
               _el$85.$$input = (e) => parseEditTimeInput(e.currentTarget.value);
               createRenderEffect(() => _el$85.value = editTimeValue());
               return _el$83;
@@ -9055,7 +9132,7 @@ const AutomationTab = (props) => {
             return editError();
           },
           get children() {
-            var _el$86 = _tmpl$17$3();
+            var _el$86 = _tmpl$17$4();
             insert(_el$86, editError);
             return _el$86;
           }
@@ -9146,7 +9223,7 @@ function useResearch() {
     }
   };
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<div class=markdown-content>`), _tmpl$2$d = /* @__PURE__ */ template(`<div>`), _tmpl$3$b = /* @__PURE__ */ template(`<div class=research-premium-notice><span class=premium-badge>Premium</span> Brief is free; full research and export require Vessel Premium.`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=research-brief-status>`), _tmpl$5$a = /* @__PURE__ */ template(`<div class=research-idle><h3>Research Desk</h3><p>Start with a topic. Vessel will shape it into a focused brief, draft a research plan, and then send sub-agents after the strongest sources.</p><form class=research-topic-form><textarea class=research-topic-input rows=3 placeholder="What should we research?"></textarea><button class=research-start-btn type=submit>Start Briefing`), _tmpl$6$a = /* @__PURE__ */ template(`<div class=research-brief-loading role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><div><div class=research-loading-title>Brief started</div><div class=research-loading-copy>Preparing the first briefing question...`), _tmpl$7$8 = /* @__PURE__ */ template(`<div class="research-brief-status thinking"role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><span>Thinking...`), _tmpl$8$7 = /* @__PURE__ */ template(`<div class=research-brief-status> queued`), _tmpl$9$6 = /* @__PURE__ */ template(`<div class=research-phase><h3>Briefing</h3><p>Work through the brief here. Once the assistant has enough context, turn it into a research plan.</p><div class=research-brief-thread></div><form class=research-brief-form><textarea class=research-brief-input rows=2></textarea><button type=submit></button></form><div class=phase-controls><button>Build Research Plan</button><button class=secondary>Cancel`), _tmpl$0$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Planning Research</h3><p>Creating Research Objectives based on your brief...`), _tmpl$1$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Research Objectives`), _tmpl$10$4 = /* @__PURE__ */ template(`<div class=research-thread-progress-list>`), _tmpl$11$4 = /* @__PURE__ */ template(`<button>Switch to Walk-Away`), _tmpl$12$4 = /* @__PURE__ */ template(`<button>Switch to Interactive`), _tmpl$13$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Researching</h3><div class=research-active-card role=status aria-live=polite><span class="research-spinner research-active-spinner"aria-hidden=true></span><div class=research-active-copy><div class=research-active-title>Agents are working</div><p> of <!> threads complete</p></div></div><div class=phase-controls><button class=secondary>Stop Research</button><button>Stop Research &amp; Synthesize Current Findings`), _tmpl$14$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Synthesizing Report</h3><p>Compiling findings into the Research Report...`), _tmpl$15$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Report Ready`), _tmpl$16$2 = /* @__PURE__ */ template(`<div class=research-desk>`), _tmpl$17$2 = /* @__PURE__ */ template(`<div class="research-quick-replies inline"aria-label="Suggested briefing responses">`), _tmpl$18$2 = /* @__PURE__ */ template(`<button type=button class=research-quick-reply>`), _tmpl$19$2 = /* @__PURE__ */ template(`<div class=objectives-card><section class=objectives-section><p class=objectives-label>Question</p><p class=objectives-question></p></section><section class=objectives-section><div class=objectives-section-header><p class=objectives-label>Research Threads</p><span></span></div><ul class=objectives-thread-list></ul></section><section class="objectives-section objectives-settings"><label class=mode-toggle><input type=checkbox><span>Walk-away mode (notified when done)</span></label><label class=traces-toggle><input type=checkbox><span>Include agent traces with report</span></label></section><div class=phase-controls><button>Start Research</button><button class=secondary>Cancel`), _tmpl$20$2 = /* @__PURE__ */ template(`<li><span></span><small> sources`), _tmpl$21$2 = /* @__PURE__ */ template(`<section class=objectives-section><p class=objectives-label>Excluded Sources</p><div class=objectives-source-list>`), _tmpl$22$2 = /* @__PURE__ */ template(`<span>`), _tmpl$23$2 = /* @__PURE__ */ template(`<div><span></span><small>`), _tmpl$24$2 = /* @__PURE__ */ template(`<div class=report-card><h4></h4><p>...</p><p> sources cited</p><button>Export as Markdown</button><button class=secondary>New Research`);
+var _tmpl$$d = /* @__PURE__ */ template(`<div class=markdown-content>`), _tmpl$2$d = /* @__PURE__ */ template(`<div>`), _tmpl$3$b = /* @__PURE__ */ template(`<div class=research-premium-notice><span class=premium-badge>Premium</span> Brief is free; full research and export require Vessel Premium.`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=research-brief-status>`), _tmpl$5$a = /* @__PURE__ */ template(`<div class=research-idle><h3>Research Desk</h3><p>Start with a topic. Vessel will shape it into a focused brief, draft a research plan, and then send sub-agents after the strongest sources.</p><form class=research-topic-form><textarea class=research-topic-input rows=3 placeholder="What should we research?"></textarea><button class=research-start-btn type=submit>Start Briefing`), _tmpl$6$a = /* @__PURE__ */ template(`<div class=research-brief-loading role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><div><div class=research-loading-title>Brief started</div><div class=research-loading-copy>Preparing the first briefing question...`), _tmpl$7$8 = /* @__PURE__ */ template(`<div class="research-brief-status thinking"role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><span>Thinking...`), _tmpl$8$7 = /* @__PURE__ */ template(`<div class=research-brief-status> queued`), _tmpl$9$6 = /* @__PURE__ */ template(`<div class=research-phase><h3>Briefing</h3><p>Work through the brief here. Once the assistant has enough context, turn it into a research plan.</p><div class=research-brief-thread></div><form class=research-brief-form><textarea class=research-brief-input rows=2></textarea><button type=submit></button></form><div class=phase-controls><button>Build Research Plan</button><button class=secondary>Cancel`), _tmpl$0$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Planning Research</h3><p>Creating Research Objectives based on your brief...`), _tmpl$1$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Research Objectives`), _tmpl$10$4 = /* @__PURE__ */ template(`<div class=research-thread-progress-list>`), _tmpl$11$4 = /* @__PURE__ */ template(`<button>Switch to Walk-Away`), _tmpl$12$4 = /* @__PURE__ */ template(`<button>Switch to Interactive`), _tmpl$13$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Researching</h3><div class=research-active-card role=status aria-live=polite><span class="research-spinner research-active-spinner"aria-hidden=true></span><div class=research-active-copy><div class=research-active-title>Agents are working</div><p> of <!> threads complete</p></div></div><div class=phase-controls><button class=secondary>Stop Research</button><button>Stop Research &amp; Synthesize Current Findings`), _tmpl$14$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Synthesizing Report</h3><p>Compiling findings into the Research Report...`), _tmpl$15$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Report Ready`), _tmpl$16$3 = /* @__PURE__ */ template(`<div class=research-desk>`), _tmpl$17$3 = /* @__PURE__ */ template(`<div class="research-quick-replies inline"aria-label="Suggested briefing responses">`), _tmpl$18$3 = /* @__PURE__ */ template(`<button type=button class=research-quick-reply>`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=objectives-card><section class=objectives-section><p class=objectives-label>Question</p><p class=objectives-question></p></section><section class=objectives-section><div class=objectives-section-header><p class=objectives-label>Research Threads</p><span></span></div><ul class=objectives-thread-list></ul></section><section class="objectives-section objectives-settings"><label class=mode-toggle><input type=checkbox><span>Walk-away mode (notified when done)</span></label><label class=traces-toggle><input type=checkbox><span>Include agent traces with report</span></label></section><div class=phase-controls><button>Start Research</button><button class=secondary>Cancel`), _tmpl$20$3 = /* @__PURE__ */ template(`<li><span></span><small> sources`), _tmpl$21$3 = /* @__PURE__ */ template(`<section class=objectives-section><p class=objectives-label>Excluded Sources</p><div class=objectives-source-list>`), _tmpl$22$3 = /* @__PURE__ */ template(`<span>`), _tmpl$23$3 = /* @__PURE__ */ template(`<div><span></span><small>`), _tmpl$24$3 = /* @__PURE__ */ template(`<div class=report-card><h4></h4><p>...</p><p> sources cited</p><button>Export as Markdown</button><button class=secondary>New Research`);
 const ResearchBriefMarkdown = (props) => {
   const html2 = createMemo(() => renderMarkdown(props.content));
   return (() => {
@@ -9481,7 +9558,7 @@ const ResearchDesk = () => {
     }
   };
   return (() => {
-    var _el$3 = _tmpl$16$2();
+    var _el$3 = _tmpl$16$3();
     insert(_el$3, createComponent(Switch, {
       get children() {
         return [createComponent(Match, {
@@ -9553,13 +9630,13 @@ const ResearchDesk = () => {
                   return memo(() => message.role === "assistant")() && shouldShowQuickRepliesForMessage(message.content);
                 },
                 get children() {
-                  var _el$46 = _tmpl$17$2();
+                  var _el$46 = _tmpl$17$3();
                   insert(_el$46, createComponent(For, {
                     get each() {
                       return quickReplies();
                     },
                     children: (option) => (() => {
-                      var _el$47 = _tmpl$18$2();
+                      var _el$47 = _tmpl$18$3();
                       _el$47.$$click = () => void sendBriefMessage(option.response);
                       insert(_el$47, () => option.label);
                       return _el$47;
@@ -9654,11 +9731,11 @@ const ResearchDesk = () => {
                 return state().objectives;
               },
               children: (obj) => (() => {
-                var _el$48 = _tmpl$19$2(), _el$49 = _el$48.firstChild, _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling, _el$52 = _el$49.nextSibling, _el$53 = _el$52.firstChild, _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling, _el$56 = _el$53.nextSibling, _el$57 = _el$52.nextSibling, _el$58 = _el$57.firstChild, _el$59 = _el$58.firstChild, _el$60 = _el$58.nextSibling, _el$61 = _el$60.firstChild, _el$62 = _el$57.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling;
+                var _el$48 = _tmpl$19$3(), _el$49 = _el$48.firstChild, _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling, _el$52 = _el$49.nextSibling, _el$53 = _el$52.firstChild, _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling, _el$56 = _el$53.nextSibling, _el$57 = _el$52.nextSibling, _el$58 = _el$57.firstChild, _el$59 = _el$58.firstChild, _el$60 = _el$58.nextSibling, _el$61 = _el$60.firstChild, _el$62 = _el$57.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling;
                 insert(_el$51, () => obj().researchQuestion);
                 insert(_el$55, () => obj().threads.length);
                 insert(_el$56, () => obj().threads.map((t) => (() => {
-                  var _el$65 = _tmpl$20$2(), _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$68 = _el$67.firstChild;
+                  var _el$65 = _tmpl$20$3(), _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$68 = _el$67.firstChild;
                   insert(_el$66, () => t.label);
                   insert(_el$67, () => t.sourceBudget, _el$68);
                   return _el$65;
@@ -9672,13 +9749,13 @@ const ResearchDesk = () => {
                       return blockedDomains().length > 0;
                     },
                     get children() {
-                      var _el$69 = _tmpl$21$2(), _el$70 = _el$69.firstChild, _el$71 = _el$70.nextSibling;
+                      var _el$69 = _tmpl$21$3(), _el$70 = _el$69.firstChild, _el$71 = _el$70.nextSibling;
                       insert(_el$71, createComponent(For, {
                         get each() {
                           return blockedDomains();
                         },
                         children: (domain) => (() => {
-                          var _el$72 = _tmpl$22$2();
+                          var _el$72 = _tmpl$22$3();
                           insert(_el$72, domain);
                           return _el$72;
                         })()
@@ -9706,7 +9783,7 @@ const ResearchDesk = () => {
             return state().phase === "executing";
           },
           get children() {
-            var _el$27 = _tmpl$13$3(), _el$28 = _el$27.firstChild, _el$29 = _el$28.nextSibling, _el$30 = _el$29.firstChild, _el$31 = _el$30.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$34 = _el$33.firstChild, _el$36 = _el$34.nextSibling;
+            var _el$27 = _tmpl$13$4(), _el$28 = _el$27.firstChild, _el$29 = _el$28.nextSibling, _el$30 = _el$29.firstChild, _el$31 = _el$30.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling, _el$34 = _el$33.firstChild, _el$36 = _el$34.nextSibling;
             _el$36.nextSibling;
             var _el$38 = _el$29.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$39.nextSibling;
             insert(_el$33, () => researchProgress().complete, _el$34);
@@ -9730,7 +9807,7 @@ const ResearchDesk = () => {
                     return researchProgress().progress;
                   },
                   children: (thread) => (() => {
-                    var _el$73 = _tmpl$23$2(), _el$74 = _el$73.firstChild, _el$75 = _el$74.nextSibling;
+                    var _el$73 = _tmpl$23$3(), _el$74 = _el$73.firstChild, _el$75 = _el$74.nextSibling;
                     insert(_el$74, () => thread.threadLabel);
                     insert(_el$75, () => thread.message);
                     createRenderEffect(() => className(_el$73, `research-thread-progress ${thread.status}`));
@@ -9769,21 +9846,21 @@ const ResearchDesk = () => {
             return state().phase === "synthesizing";
           },
           get children() {
-            return _tmpl$14$3();
+            return _tmpl$14$4();
           }
         }), createComponent(Match, {
           get when() {
             return state().phase === "delivered";
           },
           get children() {
-            var _el$44 = _tmpl$15$3();
+            var _el$44 = _tmpl$15$4();
             _el$44.firstChild;
             insert(_el$44, createComponent(Show, {
               get when() {
                 return state().report;
               },
               children: (report) => (() => {
-                var _el$76 = _tmpl$24$2(), _el$77 = _el$76.firstChild, _el$78 = _el$77.nextSibling, _el$79 = _el$78.firstChild, _el$80 = _el$78.nextSibling, _el$81 = _el$80.firstChild, _el$82 = _el$80.nextSibling, _el$83 = _el$82.nextSibling;
+                var _el$76 = _tmpl$24$3(), _el$77 = _el$76.firstChild, _el$78 = _el$77.nextSibling, _el$79 = _el$78.firstChild, _el$80 = _el$78.nextSibling, _el$81 = _el$80.firstChild, _el$82 = _el$80.nextSibling, _el$83 = _el$82.nextSibling;
                 insert(_el$77, () => report().title);
                 insert(_el$78, () => report().executiveSummary.slice(0, 300), _el$79);
                 insert(_el$80, () => report().sourceIndex.length, _el$81);
@@ -9982,7 +10059,7 @@ const SidebarWindowControls = (props) => {
 };
 delegateEvents(["click"]);
 const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
-var _tmpl$$a = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$9 = /* @__PURE__ */ template(`<div class=sidebar-resize-handle>`), _tmpl$4$8 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$5$8 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$6$8 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$7$6 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$8$5 = /* @__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$9$4 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$0$3 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=bookmark-save-body><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Import HTML</button><button class=bookmark-secondary-button type=button>Import JSON`), _tmpl$10$3 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$11$3 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-export-card><div><div class=bookmark-panel-title>Export</div><div class=bookmark-panel-subtitle>Save browser-ready HTML or a full Vessel archive</div></div><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Browser HTML</button><button class=bookmark-secondary-button type=button>HTML + notes</button><button class=bookmark-secondary-button type=button>Vessel JSON</button></div></div><div class=bookmark-import-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Import Bookmarks</span><span class=bookmark-save-toggle-subtitle>Import from HTML or Vessel JSON</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$12$3 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$13$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$14$2 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title>Load more history</span><span class=history-entry-url>Showing <!> of `), _tmpl$15$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$16$1 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><div class=history-panel-actions><button class=history-clear-btn>Clear</button><button class=history-clear-btn>Export HTML</button><button class=history-clear-btn>Export JSON</button><button class=history-clear-btn>Import</button></div></div><div class=history-list>`), _tmpl$17$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$18$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$19$1 = /* @__PURE__ */ template(`<span>`), _tmpl$20$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Thinking`), _tmpl$21$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$22$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$23$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$24$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$25$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$26$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=var(--accent-primary) stroke=var(--accent-primary) 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$27$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=chat-command-error><span></span><button class=chat-command-error-dismiss type=button aria-label="Dismiss command error">×`), _tmpl$31 = /* @__PURE__ */ template(`<div class=chat-skill-suggestions role=listbox>`), _tmpl$32 = /* @__PURE__ */ template(`<div class=sidebar-input-area><div class=sidebar-input-frame><textarea class=sidebar-input rows=2></textarea></div><button class=sidebar-send>`), _tmpl$33 = /* @__PURE__ */ template(`<div class=sidebar><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></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>Skills</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button><button class=sidebar-tab role=tab>Research<span class=sidebar-tab-beta>Beta</span></button></div><div class=sidebar-messages><div>`), _tmpl$34 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$35 = /* @__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$36 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$37 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$38 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$39 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$40 = /* @__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$41 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$42 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$43 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class=bookmark-ghost-button type=button>Export</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$44 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$45 = /* @__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$46 = /* @__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$47 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$48 = /* @__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$49 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$50 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$51 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$52 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$53 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$54 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$55 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$56 = /* @__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$57 = /* @__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$58 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$59 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$60 = /* @__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$61 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$62 = /* @__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$63 = /* @__PURE__ */ template(`<div>`), _tmpl$64 = /* @__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$65 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$66 = /* @__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$67 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`), _tmpl$68 = /* @__PURE__ */ template(`<button class=chat-skill-suggestion type=button role=option><span class=chat-skill-suggestion-command>/</span><span class=chat-skill-suggestion-body><span class=chat-skill-suggestion-name></span><span class=chat-skill-suggestion-desc>`), _tmpl$69 = /* @__PURE__ */ template(`<div class=sidebar-input-highlight aria-hidden=true><span class=sidebar-input-highlight-command>`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$9 = /* @__PURE__ */ template(`<div class=sidebar-resize-handle>`), _tmpl$4$8 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$5$8 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$6$8 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$7$6 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$8$5 = /* @__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</div></div><div class=agent-trace-footer><span>Showing the last 8 actions. More traces are available in DevTools -&gt; Agent Trace.</span><button class=agent-trace-link type=button>Open Agent Trace`), _tmpl$9$4 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$0$3 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=bookmark-save-body><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Import HTML</button><button class=bookmark-secondary-button type=button>Import JSON`), _tmpl$10$3 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$11$3 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-export-card><div><div class=bookmark-panel-title>Export</div><div class=bookmark-panel-subtitle>Save browser-ready HTML or a full Vessel archive</div></div><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Browser HTML</button><button class=bookmark-secondary-button type=button>HTML + notes</button><button class=bookmark-secondary-button type=button>Vessel JSON</button></div></div><div class=bookmark-import-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Import Bookmarks</span><span class=bookmark-save-toggle-subtitle>Import from HTML or Vessel JSON</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$12$3 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$13$3 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><textarea class=agent-textarea rows=2 placeholder="Optional note for this checkpoint"></textarea><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$14$3 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title>Load more history</span><span class=history-entry-url>Showing <!> of `), _tmpl$15$3 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$16$2 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><div class=history-panel-actions><button class=history-clear-btn>Clear</button><button class=history-clear-btn>Export HTML</button><button class=history-clear-btn>Export JSON</button><button class=history-clear-btn>Import</button></div></div><div class=history-list>`), _tmpl$17$2 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div class=agent-panel-title>What Changed</div><div class=agent-panel-subtitle>`), _tmpl$18$2 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">Give the built-in agent a bigger toolbox and longer runway: screenshots, saved sessions, workflow tracking, table extraction, and up to 1,000 tool calls per turn.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$19$2 = /* @__PURE__ */ template(`<span>`), _tmpl$20$2 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Thinking`), _tmpl$21$2 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$22$2 = /* @__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$23$2 = /* @__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$24$2 = /* @__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$25$2 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$26$2 = /* @__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=var(--accent-primary) stroke=var(--accent-primary) 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$27$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=chat-command-error><span></span><button class=chat-command-error-dismiss type=button aria-label="Dismiss command error">×`), _tmpl$31 = /* @__PURE__ */ template(`<div class=chat-skill-suggestions role=listbox>`), _tmpl$32 = /* @__PURE__ */ template(`<div class=sidebar-input-area><div class=sidebar-input-frame><textarea class=sidebar-input rows=2></textarea></div><button class=sidebar-send>`), _tmpl$33 = /* @__PURE__ */ template(`<div class=sidebar><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></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>Skills</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button><button class=sidebar-tab role=tab>Research<span class=sidebar-tab-beta>Beta</span></button></div><div class=sidebar-messages><div>`), _tmpl$34 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$35 = /* @__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$36 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$37 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$38 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$39 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$40 = /* @__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$41 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$42 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$43 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class=bookmark-ghost-button type=button>Export</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$44 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$45 = /* @__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$46 = /* @__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$47 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$48 = /* @__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$49 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$50 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$51 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$52 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$53 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$54 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$55 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$56 = /* @__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$57 = /* @__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$58 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$59 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$60 = /* @__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$61 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$62 = /* @__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$63 = /* @__PURE__ */ template(`<div>`), _tmpl$64 = /* @__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$65 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$66 = /* @__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$67 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`), _tmpl$68 = /* @__PURE__ */ template(`<button class=chat-skill-suggestion type=button role=option><span class=chat-skill-suggestion-command>/</span><span class=chat-skill-suggestion-body><span class=chat-skill-suggestion-name></span><span class=chat-skill-suggestion-desc>`), _tmpl$69 = /* @__PURE__ */ template(`<div class=sidebar-input-highlight aria-hidden=true><span class=sidebar-input-highlight-command>`);
 const UNSORTED_FOLDER = {
   id: "unsorted",
   name: "Unsorted",
@@ -10375,6 +10452,9 @@ ${contextBlock}` : contextBlock);
   let chatInputRef;
   let hasInitializedMessageScroll = false;
   const recentActions = createMemo(() => runtimeState2().actions.slice(-8).reverse());
+  const openAgentTrace = () => {
+    void window.vessel.devtoolsPanel.openTab("agentTrace");
+  };
   const recentCheckpoints = createMemo(() => runtimeState2().checkpoints.slice(-5).reverse());
   const approvalModeOptions = createMemo(() => [{
     value: "manual",
@@ -10710,7 +10790,7 @@ ${contextBlock}` : contextBlock);
     get children() {
       var _el$9 = _tmpl$33(), _el$1 = _el$9.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$1.nextSibling, _el$15 = _el$14.firstChild;
       _el$15.firstChild;
-      var _el$18 = _el$15.nextSibling, _el$19 = _el$18.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$14.nextSibling, _el$131 = _el$25.firstChild;
+      var _el$18 = _el$15.nextSibling, _el$19 = _el$18.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$14.nextSibling, _el$134 = _el$25.firstChild;
       insert(_el$9, createComponent(Show, {
         get when() {
           return !sidebarDetached2();
@@ -10759,6 +10839,7 @@ ${contextBlock}` : contextBlock);
         get children() {
           var _el$26 = _tmpl$8$5(), _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;
+          var _el$41 = _el$38.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$42.nextSibling;
           insert(_el$30, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
           insert(_el$31, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
           insert(_el$32, createComponent(DropdownSelect, {
@@ -10800,13 +10881,13 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$154 = _tmpl$35(), _el$155 = _el$154.firstChild, _el$156 = _el$155.nextSibling, _el$157 = _el$156.nextSibling, _el$158 = _el$157.nextSibling, _el$159 = _el$158.nextSibling, _el$160 = _el$159.firstChild, _el$161 = _el$160.nextSibling;
-                  insert(_el$156, () => approval.name);
-                  insert(_el$157, () => approval.argsSummary);
-                  insert(_el$158, () => approval.reason);
-                  _el$160.$$click = () => void resolveApproval(approval.id, true);
-                  _el$161.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$154;
+                  var _el$157 = _tmpl$35(), _el$158 = _el$157.firstChild, _el$159 = _el$158.nextSibling, _el$160 = _el$159.nextSibling, _el$161 = _el$160.nextSibling, _el$162 = _el$161.nextSibling, _el$163 = _el$162.firstChild, _el$164 = _el$163.nextSibling;
+                  insert(_el$159, () => approval.name);
+                  insert(_el$160, () => approval.argsSummary);
+                  insert(_el$161, () => approval.reason);
+                  _el$163.$$click = () => void resolveApproval(approval.id, true);
+                  _el$164.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$157;
                 })()
               })];
             }
@@ -10846,53 +10927,54 @@ ${contextBlock}` : contextBlock);
                       return recentActions();
                     },
                     children: (action) => (() => {
-                      var _el$164 = _tmpl$40(), _el$165 = _el$164.firstChild, _el$166 = _el$165.firstChild, _el$167 = _el$166.nextSibling, _el$168 = _el$165.nextSibling;
-                      insert(_el$166, () => action.name);
-                      insert(_el$167, () => action.status);
-                      insert(_el$168, () => action.argsSummary);
-                      insert(_el$164, createComponent(Show, {
+                      var _el$167 = _tmpl$40(), _el$168 = _el$167.firstChild, _el$169 = _el$168.firstChild, _el$170 = _el$169.nextSibling, _el$171 = _el$168.nextSibling;
+                      insert(_el$169, () => action.name);
+                      insert(_el$170, () => action.status);
+                      insert(_el$171, () => action.argsSummary);
+                      insert(_el$167, createComponent(Show, {
                         get when() {
                           return action.resultSummary;
                         },
                         get children() {
-                          var _el$169 = _tmpl$38();
-                          insert(_el$169, () => action.resultSummary);
-                          return _el$169;
+                          var _el$172 = _tmpl$38();
+                          insert(_el$172, () => action.resultSummary);
+                          return _el$172;
                         }
                       }), null);
-                      insert(_el$164, createComponent(Show, {
+                      insert(_el$167, createComponent(Show, {
                         get when() {
                           return action.error;
                         },
                         get children() {
-                          var _el$170 = _tmpl$39();
-                          insert(_el$170, () => action.error);
-                          return _el$170;
+                          var _el$173 = _tmpl$39();
+                          insert(_el$173, () => action.error);
+                          return _el$173;
                         }
                       }), null);
-                      createRenderEffect(() => className(_el$167, `agent-action-status ${action.status}`));
-                      return _el$164;
+                      createRenderEffect(() => className(_el$170, `agent-action-status ${action.status}`));
+                      return _el$167;
                     })()
                   });
                 }
               });
             }
-          }), null);
+          }), _el$41);
+          _el$43.$$click = openAgentTrace;
           createRenderEffect(() => _el$31.classList.toggle("paused", !!runtimeState2().supervisor.paused));
           return _el$26;
         }
-      }), _el$131);
+      }), _el$134);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "bookmarks";
         },
         get children() {
-          var _el$41 = _tmpl$11$3(), _el$42 = _el$41.firstChild, _el$43 = _el$42.firstChild, _el$44 = _el$43.firstChild, _el$45 = _el$44.nextSibling, _el$47 = _el$42.nextSibling, _el$48 = _el$47.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling, _el$53 = _el$52.nextSibling, _el$55 = _el$48.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling, _el$64 = _el$55.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$78 = _el$64.nextSibling, _el$79 = _el$78.firstChild, _el$80 = _el$79.firstChild, _el$81 = _el$80.nextSibling, _el$82 = _el$79.nextSibling, _el$83 = _el$78.nextSibling;
-          insert(_el$45, (() => {
+          var _el$44 = _tmpl$11$3(), _el$45 = _el$44.firstChild, _el$46 = _el$45.firstChild, _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling, _el$50 = _el$45.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling, _el$54 = _el$53.firstChild, _el$55 = _el$54.nextSibling, _el$56 = _el$55.nextSibling, _el$58 = _el$51.nextSibling, _el$59 = _el$58.firstChild, _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling, _el$67 = _el$58.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.firstChild, _el$70 = _el$69.nextSibling, _el$81 = _el$67.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$82.firstChild, _el$84 = _el$83.nextSibling, _el$85 = _el$82.nextSibling, _el$86 = _el$81.nextSibling;
+          insert(_el$48, (() => {
             var _c$2 = memo(() => !!normalizedBookmarkSearch());
             return () => _c$2() ? `${bookmarkMatchCount()} matches for "${bookmarkSearchQuery().trim()}"` : `${bookmarksState2().bookmarks.length} saved across ${bookmarkFolders().length} folders`;
           })());
-          insert(_el$42, createComponent(Show, {
+          insert(_el$45, createComponent(Show, {
             get when() {
               return currentTabSaved();
             },
@@ -10900,61 +10982,61 @@ ${contextBlock}` : contextBlock);
               return _tmpl$9$4();
             }
           }), null);
-          _el$47.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
-          _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, {
+          _el$50.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
+          _el$54.$$click = () => void handleExportBookmarks("html");
+          _el$55.$$click = () => void handleExportBookmarks("html-with-notes");
+          _el$56.$$click = () => void handleExportBookmarks("json");
+          insert(_el$51, createComponent(Show, {
             get when() {
               return bookmarkExportMessage();
             },
             get children() {
-              var _el$54 = _tmpl$0$3();
-              insert(_el$54, bookmarkExportMessage);
-              return _el$54;
+              var _el$57 = _tmpl$0$3();
+              insert(_el$57, bookmarkExportMessage);
+              return _el$57;
             }
           }), null);
-          _el$56.$$click = () => setBookmarkImportExpanded((current) => !current);
-          insert(_el$55, createComponent(Show, {
+          _el$59.$$click = () => setBookmarkImportExpanded((current) => !current);
+          insert(_el$58, createComponent(Show, {
             get when() {
               return bookmarkImportExpanded();
             },
             get children() {
-              var _el$59 = _tmpl$1$3(), _el$60 = _el$59.firstChild, _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling;
-              _el$61.$$click = () => void handleImportBookmarks("html");
-              _el$62.$$click = () => void handleImportBookmarks("json");
-              insert(_el$59, createComponent(Show, {
+              var _el$62 = _tmpl$1$3(), _el$63 = _el$62.firstChild, _el$64 = _el$63.firstChild, _el$65 = _el$64.nextSibling;
+              _el$64.$$click = () => void handleImportBookmarks("html");
+              _el$65.$$click = () => void handleImportBookmarks("json");
+              insert(_el$62, createComponent(Show, {
                 get when() {
                   return bookmarkImportMessage();
                 },
                 get children() {
-                  var _el$63 = _tmpl$0$3();
-                  insert(_el$63, bookmarkImportMessage);
-                  return _el$63;
+                  var _el$66 = _tmpl$0$3();
+                  insert(_el$66, bookmarkImportMessage);
+                  return _el$66;
                 }
               }), null);
               createRenderEffect((_p$) => {
                 var _v$ = bookmarkImporting(), _v$2 = bookmarkImporting();
-                _v$ !== _p$.e && (_el$61.disabled = _p$.e = _v$);
-                _v$2 !== _p$.t && (_el$62.disabled = _p$.t = _v$2);
+                _v$ !== _p$.e && (_el$64.disabled = _p$.e = _v$);
+                _v$2 !== _p$.t && (_el$65.disabled = _p$.t = _v$2);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$59;
+              return _el$62;
             }
           }), null);
-          _el$65.$$click = () => setBookmarkSaveExpanded((current) => !current);
-          insert(_el$64, createComponent(Show, {
+          _el$68.$$click = () => setBookmarkSaveExpanded((current) => !current);
+          insert(_el$67, createComponent(Show, {
             get when() {
               return bookmarkSaveExpanded();
             },
             get children() {
-              var _el$68 = _tmpl$10$3(), _el$69 = _el$68.firstChild, _el$70 = _el$69.nextSibling, _el$71 = _el$70.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$71.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.nextSibling;
-              insert(_el$69, () => currentTab()?.title || "No active page");
-              insert(_el$70, () => currentTab()?.url || "Open a page to save it here.");
-              insert(_el$71, createComponent(DropdownSelect, {
+              var _el$71 = _tmpl$10$3(), _el$72 = _el$71.firstChild, _el$73 = _el$72.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.firstChild, _el$76 = _el$74.nextSibling, _el$77 = _el$76.nextSibling, _el$78 = _el$77.nextSibling, _el$79 = _el$78.nextSibling, _el$80 = _el$79.nextSibling;
+              insert(_el$72, () => currentTab()?.title || "No active page");
+              insert(_el$73, () => currentTab()?.url || "Open a page to save it here.");
+              insert(_el$74, createComponent(DropdownSelect, {
                 "class": "bookmark-select",
                 get value() {
                   return selectedFolderId();
@@ -10964,37 +11046,37 @@ ${contextBlock}` : contextBlock);
                 },
                 ariaLabel: "Bookmark folder",
                 onChange: (value) => setSelectedFolderId(value)
-              }), _el$72);
-              _el$72.$$click = () => void handleSaveBookmark();
-              _el$73.$$input = (e) => setBookmarkNote(e.currentTarget.value);
-              _el$74.$$input = (e) => setBookmarkIntent(e.currentTarget.value);
-              _el$75.$$input = (e) => setBookmarkExpectedContent(e.currentTarget.value);
-              _el$76.$$input = (e) => setBookmarkKeyFields(e.currentTarget.value);
-              _el$77.$$input = (e) => setBookmarkAgentHints(e.currentTarget.value);
-              createRenderEffect(() => _el$72.disabled = !currentTab()?.url);
-              createRenderEffect(() => _el$73.value = bookmarkNote());
-              createRenderEffect(() => _el$74.value = bookmarkIntent());
-              createRenderEffect(() => _el$75.value = bookmarkExpectedContent());
-              createRenderEffect(() => _el$76.value = bookmarkKeyFields());
-              createRenderEffect(() => _el$77.value = bookmarkAgentHints());
-              return _el$68;
+              }), _el$75);
+              _el$75.$$click = () => void handleSaveBookmark();
+              _el$76.$$input = (e) => setBookmarkNote(e.currentTarget.value);
+              _el$77.$$input = (e) => setBookmarkIntent(e.currentTarget.value);
+              _el$78.$$input = (e) => setBookmarkExpectedContent(e.currentTarget.value);
+              _el$79.$$input = (e) => setBookmarkKeyFields(e.currentTarget.value);
+              _el$80.$$input = (e) => setBookmarkAgentHints(e.currentTarget.value);
+              createRenderEffect(() => _el$75.disabled = !currentTab()?.url);
+              createRenderEffect(() => _el$76.value = bookmarkNote());
+              createRenderEffect(() => _el$77.value = bookmarkIntent());
+              createRenderEffect(() => _el$78.value = bookmarkExpectedContent());
+              createRenderEffect(() => _el$79.value = bookmarkKeyFields());
+              createRenderEffect(() => _el$80.value = bookmarkAgentHints());
+              return _el$71;
             }
           }), null);
-          _el$78.addEventListener("submit", handleCreateFolder);
-          _el$80.$$input = (e) => setNewFolderName(e.currentTarget.value);
-          _el$81.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
-          insert(_el$83, createComponent(Show, {
+          _el$81.addEventListener("submit", handleCreateFolder);
+          _el$83.$$input = (e) => setNewFolderName(e.currentTarget.value);
+          _el$84.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
+          insert(_el$86, createComponent(Show, {
             get when() {
               return filteredGroupedBookmarks().length > 0;
             },
             get fallback() {
               return (() => {
-                var _el$171 = _tmpl$41();
-                insert(_el$171, (() => {
+                var _el$174 = _tmpl$41();
+                insert(_el$174, (() => {
                   var _c$5 = memo(() => !!normalizedBookmarkSearch());
                   return () => _c$5() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
                 })());
-                return _el$171;
+                return _el$174;
               })();
             },
             get children() {
@@ -11003,100 +11085,100 @@ ${contextBlock}` : contextBlock);
                   return filteredGroupedBookmarks();
                 },
                 children: (folder) => (() => {
-                  var _el$172 = _tmpl$48(), _el$173 = _el$172.firstChild, _el$174 = _el$173.firstChild, _el$175 = _el$174.firstChild, _el$176 = _el$175.nextSibling, _el$177 = _el$176.firstChild, _el$178 = _el$177.nextSibling, _el$179 = _el$178.firstChild;
-                  _el$173.$$keydown = (e) => {
+                  var _el$175 = _tmpl$48(), _el$176 = _el$175.firstChild, _el$177 = _el$176.firstChild, _el$178 = _el$177.firstChild, _el$179 = _el$178.nextSibling, _el$180 = _el$179.firstChild, _el$181 = _el$180.nextSibling, _el$182 = _el$181.firstChild;
+                  _el$176.$$keydown = (e) => {
                     if (e.key === "Enter" || e.key === " ") {
                       e.preventDefault();
                       toggleFolderExpanded(folder.id);
                     }
                   };
-                  _el$173.$$click = () => toggleFolderExpanded(folder.id);
-                  insert(_el$177, () => folder.name);
-                  insert(_el$178, () => folder.items.length, _el$179);
-                  insert(_el$176, createComponent(Show, {
+                  _el$176.$$click = () => toggleFolderExpanded(folder.id);
+                  insert(_el$180, () => folder.name);
+                  insert(_el$181, () => folder.items.length, _el$182);
+                  insert(_el$179, createComponent(Show, {
                     get when() {
                       return folder.summary;
                     },
                     get children() {
-                      var _el$180 = _tmpl$42();
-                      insert(_el$180, () => folder.summary);
-                      return _el$180;
+                      var _el$183 = _tmpl$42();
+                      insert(_el$183, () => folder.summary);
+                      return _el$183;
                     }
                   }), null);
-                  insert(_el$173, createComponent(Show, {
+                  insert(_el$176, createComponent(Show, {
                     get when() {
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$181 = _tmpl$43(), _el$182 = _el$181.firstChild, _el$183 = _el$182.nextSibling, _el$184 = _el$183.nextSibling;
-                      _el$182.$$click = (e) => {
+                      var _el$184 = _tmpl$43(), _el$185 = _el$184.firstChild, _el$186 = _el$185.nextSibling, _el$187 = _el$186.nextSibling;
+                      _el$185.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
                         setEditingFolderName(folder.name);
                         setEditingFolderSummary(folder.summary || "");
                       };
-                      _el$183.$$click = (e) => {
+                      _el$186.$$click = (e) => {
                         e.stopPropagation();
                         void handleExportFolder(folder.id, folder.name);
                       };
-                      _el$184.$$click = (e) => {
+                      _el$187.$$click = (e) => {
                         e.stopPropagation();
                         setDeletingFolderId(folder.id);
                       };
-                      createRenderEffect(() => _el$183.disabled = bookmarkExporting());
-                      return _el$181;
+                      createRenderEffect(() => _el$186.disabled = bookmarkExporting());
+                      return _el$184;
                     }
                   }), null);
-                  insert(_el$172, createComponent(Show, {
+                  insert(_el$175, createComponent(Show, {
                     get when() {
                       return deletingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$185 = _tmpl$45(), _el$186 = _el$185.firstChild, _el$187 = _el$186.firstChild, _el$189 = _el$187.nextSibling;
-                      _el$189.nextSibling;
-                      var _el$190 = _el$186.nextSibling, _el$192 = _el$190.firstChild, _el$193 = _el$192.nextSibling;
-                      insert(_el$186, () => folder.name, _el$189);
-                      insert(_el$186, (() => {
+                      var _el$188 = _tmpl$45(), _el$189 = _el$188.firstChild, _el$190 = _el$189.firstChild, _el$192 = _el$190.nextSibling;
+                      _el$192.nextSibling;
+                      var _el$193 = _el$189.nextSibling, _el$195 = _el$193.firstChild, _el$196 = _el$195.nextSibling;
+                      insert(_el$189, () => folder.name, _el$192);
+                      insert(_el$189, (() => {
                         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$190, createComponent(Show, {
+                      insert(_el$193, createComponent(Show, {
                         get when() {
                           return folder.items.length > 0;
                         },
                         get children() {
-                          var _el$191 = _tmpl$44();
-                          _el$191.$$click = () => void handleRemoveFolder(folder.id, false);
-                          return _el$191;
+                          var _el$194 = _tmpl$44();
+                          _el$194.$$click = () => void handleRemoveFolder(folder.id, false);
+                          return _el$194;
                         }
-                      }), _el$192);
-                      _el$192.$$click = () => void handleRemoveFolder(folder.id, true);
-                      insert(_el$192, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
-                      _el$193.$$click = () => setDeletingFolderId(null);
-                      return _el$185;
+                      }), _el$195);
+                      _el$195.$$click = () => void handleRemoveFolder(folder.id, true);
+                      insert(_el$195, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
+                      _el$196.$$click = () => setDeletingFolderId(null);
+                      return _el$188;
                     }
                   }), null);
-                  insert(_el$172, createComponent(Show, {
+                  insert(_el$175, createComponent(Show, {
                     get when() {
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$194 = _tmpl$46(), _el$195 = _el$194.firstChild, _el$196 = _el$195.firstChild, _el$197 = _el$196.nextSibling, _el$198 = _el$195.nextSibling, _el$199 = _el$198.nextSibling;
-                      _el$196.$$input = (e) => setEditingFolderName(e.currentTarget.value);
-                      _el$197.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
-                      _el$198.$$click = () => void handleRenameFolder(folder.id);
-                      _el$199.$$click = () => {
+                      var _el$197 = _tmpl$46(), _el$198 = _el$197.firstChild, _el$199 = _el$198.firstChild, _el$200 = _el$199.nextSibling, _el$201 = _el$198.nextSibling, _el$202 = _el$201.nextSibling;
+                      _el$199.$$input = (e) => setEditingFolderName(e.currentTarget.value);
+                      _el$200.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
+                      _el$201.$$click = () => void handleRenameFolder(folder.id);
+                      _el$202.$$click = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$198.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$196.value = editingFolderName());
-                      createRenderEffect(() => _el$197.value = editingFolderSummary());
-                      return _el$194;
+                      createRenderEffect(() => _el$201.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$199.value = editingFolderName());
+                      createRenderEffect(() => _el$200.value = editingFolderSummary());
+                      return _el$197;
                     }
                   }), null);
-                  insert(_el$172, createComponent(Show, {
+                  insert(_el$175, createComponent(Show, {
                     get when() {
                       return isFolderExpanded(folder.id);
                     },
@@ -11112,134 +11194,134 @@ ${contextBlock}` : contextBlock);
                           return _tmpl$50();
                         },
                         get children() {
-                          var _el$200 = _tmpl$47();
-                          insert(_el$200, createComponent(For, {
+                          var _el$203 = _tmpl$47();
+                          insert(_el$203, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              var _el$203 = _tmpl$57(), _el$204 = _el$203.firstChild, _el$205 = _el$204.firstChild, _el$206 = _el$205.nextSibling, _el$231 = _el$204.nextSibling, _el$232 = _el$231.firstChild, _el$233 = _el$232.nextSibling, _el$234 = _el$233.nextSibling;
-                              _el$204.$$click = () => void createTab(bookmark.url);
-                              insert(_el$205, () => bookmark.title || bookmark.url);
-                              insert(_el$206, () => bookmark.url);
-                              insert(_el$203, createComponent(Show, {
+                              var _el$206 = _tmpl$57(), _el$207 = _el$206.firstChild, _el$208 = _el$207.firstChild, _el$209 = _el$208.nextSibling, _el$234 = _el$207.nextSibling, _el$235 = _el$234.firstChild, _el$236 = _el$235.nextSibling, _el$237 = _el$236.nextSibling;
+                              _el$207.$$click = () => void createTab(bookmark.url);
+                              insert(_el$208, () => bookmark.title || bookmark.url);
+                              insert(_el$209, () => bookmark.url);
+                              insert(_el$206, createComponent(Show, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$207 = _tmpl$51();
-                                  insert(_el$207, () => bookmark.note);
-                                  return _el$207;
+                                  var _el$210 = _tmpl$51();
+                                  insert(_el$210, () => bookmark.note);
+                                  return _el$210;
                                 }
-                              }), _el$231);
-                              insert(_el$203, createComponent(Show, {
+                              }), _el$234);
+                              insert(_el$206, 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$208 = _tmpl$51();
-                                  insert(_el$208, createComponent(Show, {
+                                  var _el$211 = _tmpl$51();
+                                  insert(_el$211, createComponent(Show, {
                                     get when() {
                                       return bookmark.intent;
                                     },
                                     get children() {
-                                      var _el$209 = _tmpl$52(), _el$210 = _el$209.firstChild;
-                                      _el$210.nextSibling;
-                                      insert(_el$209, () => bookmark.intent, null);
-                                      return _el$209;
+                                      var _el$212 = _tmpl$52(), _el$213 = _el$212.firstChild;
+                                      _el$213.nextSibling;
+                                      insert(_el$212, () => bookmark.intent, null);
+                                      return _el$212;
                                     }
                                   }), null);
-                                  insert(_el$208, createComponent(Show, {
+                                  insert(_el$211, createComponent(Show, {
                                     get when() {
                                       return bookmark.expectedContent;
                                     },
                                     get children() {
-                                      var _el$212 = _tmpl$53(), _el$213 = _el$212.firstChild;
-                                      _el$213.nextSibling;
-                                      insert(_el$212, () => bookmark.expectedContent, null);
-                                      return _el$212;
+                                      var _el$215 = _tmpl$53(), _el$216 = _el$215.firstChild;
+                                      _el$216.nextSibling;
+                                      insert(_el$215, () => bookmark.expectedContent, null);
+                                      return _el$215;
                                     }
                                   }), null);
-                                  insert(_el$208, createComponent(Show, {
+                                  insert(_el$211, createComponent(Show, {
                                     get when() {
                                       return (bookmark.keyFields?.length || 0) > 0;
                                     },
                                     get children() {
-                                      var _el$215 = _tmpl$54(), _el$216 = _el$215.firstChild;
-                                      _el$216.nextSibling;
-                                      insert(_el$215, () => bookmark.keyFields?.join(", "), null);
-                                      return _el$215;
+                                      var _el$218 = _tmpl$54(), _el$219 = _el$218.firstChild;
+                                      _el$219.nextSibling;
+                                      insert(_el$218, () => bookmark.keyFields?.join(", "), null);
+                                      return _el$218;
                                     }
                                   }), null);
-                                  insert(_el$208, createComponent(Show, {
+                                  insert(_el$211, createComponent(Show, {
                                     get when() {
                                       return memo(() => !!bookmark.agentHints)() && Object.keys(bookmark.agentHints).length > 0;
                                     },
                                     get children() {
-                                      var _el$218 = _tmpl$55(), _el$219 = _el$218.firstChild;
-                                      _el$219.nextSibling;
-                                      insert(_el$218, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
-                                      return _el$218;
+                                      var _el$221 = _tmpl$55(), _el$222 = _el$221.firstChild;
+                                      _el$222.nextSibling;
+                                      insert(_el$221, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
+                                      return _el$221;
                                     }
                                   }), null);
-                                  return _el$208;
+                                  return _el$211;
                                 }
-                              }), _el$231);
-                              insert(_el$203, createComponent(Show, {
+                              }), _el$234);
+                              insert(_el$206, createComponent(Show, {
                                 get when() {
                                   return editingBookmarkId() === bookmark.id;
                                 },
                                 get children() {
-                                  var _el$221 = _tmpl$56(), _el$222 = _el$221.firstChild, _el$223 = _el$222.nextSibling, _el$224 = _el$223.nextSibling, _el$225 = _el$224.nextSibling, _el$226 = _el$225.nextSibling, _el$227 = _el$226.nextSibling, _el$228 = _el$227.nextSibling, _el$229 = _el$228.firstChild, _el$230 = _el$229.nextSibling;
-                                  _el$222.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
-                                  _el$223.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
-                                  _el$224.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
-                                  _el$225.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
-                                  _el$226.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
-                                  _el$227.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
-                                  _el$229.$$click = () => void handleUpdateBookmark(bookmark.id);
-                                  _el$230.$$click = resetBookmarkEditor;
-                                  createRenderEffect(() => _el$222.value = editingBookmarkTitle());
-                                  createRenderEffect(() => _el$223.value = editingBookmarkNote());
-                                  createRenderEffect(() => _el$224.value = editingBookmarkIntent());
-                                  createRenderEffect(() => _el$225.value = editingBookmarkExpectedContent());
-                                  createRenderEffect(() => _el$226.value = editingBookmarkKeyFields());
-                                  createRenderEffect(() => _el$227.value = editingBookmarkAgentHints());
-                                  return _el$221;
+                                  var _el$224 = _tmpl$56(), _el$225 = _el$224.firstChild, _el$226 = _el$225.nextSibling, _el$227 = _el$226.nextSibling, _el$228 = _el$227.nextSibling, _el$229 = _el$228.nextSibling, _el$230 = _el$229.nextSibling, _el$231 = _el$230.nextSibling, _el$232 = _el$231.firstChild, _el$233 = _el$232.nextSibling;
+                                  _el$225.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
+                                  _el$226.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
+                                  _el$227.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
+                                  _el$228.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
+                                  _el$229.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
+                                  _el$230.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
+                                  _el$232.$$click = () => void handleUpdateBookmark(bookmark.id);
+                                  _el$233.$$click = resetBookmarkEditor;
+                                  createRenderEffect(() => _el$225.value = editingBookmarkTitle());
+                                  createRenderEffect(() => _el$226.value = editingBookmarkNote());
+                                  createRenderEffect(() => _el$227.value = editingBookmarkIntent());
+                                  createRenderEffect(() => _el$228.value = editingBookmarkExpectedContent());
+                                  createRenderEffect(() => _el$229.value = editingBookmarkKeyFields());
+                                  createRenderEffect(() => _el$230.value = editingBookmarkAgentHints());
+                                  return _el$224;
                                 }
-                              }), _el$231);
-                              insert(_el$232, () => formatBookmarkDate(bookmark.savedAt));
-                              _el$233.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
-                              insert(_el$233, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
-                              _el$234.$$click = () => {
+                              }), _el$234);
+                              insert(_el$235, () => formatBookmarkDate(bookmark.savedAt));
+                              _el$236.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
+                              insert(_el$236, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
+                              _el$237.$$click = () => {
                                 if (editingBookmarkId() === bookmark.id) {
                                   resetBookmarkEditor();
                                 }
                                 void removeBookmark(bookmark.id);
                               };
-                              createRenderEffect(() => setAttribute(_el$203, "data-bookmark-id", bookmark.id));
-                              return _el$203;
+                              createRenderEffect(() => setAttribute(_el$206, "data-bookmark-id", bookmark.id));
+                              return _el$206;
                             })()
                           }));
-                          return _el$200;
+                          return _el$203;
                         }
                       });
                     }
                   }), null);
-                  createRenderEffect(() => _el$175.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
-                  return _el$172;
+                  createRenderEffect(() => _el$178.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
+                  return _el$175;
                 })()
               });
             }
           }));
           createRenderEffect((_p$) => {
             var _v$3 = bookmarkExporting(), _v$4 = bookmarkExporting(), _v$5 = bookmarkExporting(), _v$6 = !!bookmarkImportExpanded(), _v$7 = !!bookmarkSaveExpanded(), _v$8 = !newFolderName().trim();
-            _v$3 !== _p$.e && (_el$51.disabled = _p$.e = _v$3);
-            _v$4 !== _p$.t && (_el$52.disabled = _p$.t = _v$4);
-            _v$5 !== _p$.a && (_el$53.disabled = _p$.a = _v$5);
-            _v$6 !== _p$.o && _el$58.classList.toggle("expanded", _p$.o = _v$6);
-            _v$7 !== _p$.i && _el$67.classList.toggle("expanded", _p$.i = _v$7);
-            _v$8 !== _p$.n && (_el$82.disabled = _p$.n = _v$8);
+            _v$3 !== _p$.e && (_el$54.disabled = _p$.e = _v$3);
+            _v$4 !== _p$.t && (_el$55.disabled = _p$.t = _v$4);
+            _v$5 !== _p$.a && (_el$56.disabled = _p$.a = _v$5);
+            _v$6 !== _p$.o && _el$61.classList.toggle("expanded", _p$.o = _v$6);
+            _v$7 !== _p$.i && _el$70.classList.toggle("expanded", _p$.i = _v$7);
+            _v$8 !== _p$.n && (_el$85.disabled = _p$.n = _v$8);
             return _p$;
           }, {
             e: void 0,
@@ -11249,32 +11331,32 @@ ${contextBlock}` : contextBlock);
             i: void 0,
             n: void 0
           });
-          createRenderEffect(() => _el$47.value = bookmarkSearchQuery());
-          createRenderEffect(() => _el$80.value = newFolderName());
-          createRenderEffect(() => _el$81.value = newFolderSummary());
-          return _el$41;
+          createRenderEffect(() => _el$50.value = bookmarkSearchQuery());
+          createRenderEffect(() => _el$83.value = newFolderName());
+          createRenderEffect(() => _el$84.value = newFolderSummary());
+          return _el$44;
         }
-      }), _el$131);
+      }), _el$134);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "checkpoints";
         },
         get children() {
-          var _el$84 = _tmpl$13$2(), _el$85 = _el$84.firstChild, _el$86 = _el$85.firstChild, _el$87 = _el$86.firstChild, _el$88 = _el$87.nextSibling, _el$89 = _el$85.nextSibling, _el$90 = _el$89.firstChild, _el$91 = _el$90.firstChild, _el$92 = _el$91.nextSibling, _el$93 = _el$92.nextSibling;
-          _el$90.nextSibling;
-          insert(_el$88, (() => {
+          var _el$87 = _tmpl$13$3(), _el$88 = _el$87.firstChild, _el$89 = _el$88.firstChild, _el$90 = _el$89.firstChild, _el$91 = _el$90.nextSibling, _el$92 = _el$88.nextSibling, _el$93 = _el$92.firstChild, _el$94 = _el$93.firstChild, _el$95 = _el$94.nextSibling, _el$96 = _el$95.nextSibling;
+          _el$93.nextSibling;
+          insert(_el$91, (() => {
             var _c$3 = memo(() => recentCheckpoints().length > 0);
             return () => _c$3() ? `${recentCheckpoints().length} saved snapshots` : "Save and restore session snapshots";
           })());
-          _el$91.$$input = (e) => setCheckpointName(e.currentTarget.value);
-          _el$92.$$input = (e) => setCheckpointNote(e.currentTarget.value);
-          _el$93.$$click = async () => {
+          _el$94.$$input = (e) => setCheckpointName(e.currentTarget.value);
+          _el$95.$$input = (e) => setCheckpointNote(e.currentTarget.value);
+          _el$96.$$click = async () => {
             const name = checkpointName().trim();
             await createCheckpoint(name || void 0, checkpointNote() || void 0);
             setCheckpointName("");
             setCheckpointNote("");
           };
-          insert(_el$89, createComponent(Show, {
+          insert(_el$92, createComponent(Show, {
             get when() {
               return recentCheckpoints().length > 0;
             },
@@ -11282,14 +11364,14 @@ ${contextBlock}` : contextBlock);
               return _tmpl$58();
             },
             get children() {
-              var _el$95 = _tmpl$12$3();
-              insert(_el$95, createComponent(For, {
+              var _el$98 = _tmpl$12$3();
+              insert(_el$98, createComponent(For, {
                 get each() {
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  var _el$236 = _tmpl$60(), _el$237 = _el$236.firstChild, _el$238 = _el$237.firstChild, _el$240 = _el$237.nextSibling, _el$241 = _el$240.firstChild, _el$242 = _el$241.nextSibling, _el$243 = _el$242.nextSibling, _el$244 = _el$243.nextSibling;
-                  insert(_el$237, createComponent(Show, {
+                  var _el$239 = _tmpl$60(), _el$240 = _el$239.firstChild, _el$241 = _el$240.firstChild, _el$243 = _el$240.nextSibling, _el$244 = _el$243.firstChild, _el$245 = _el$244.nextSibling, _el$246 = _el$245.nextSibling, _el$247 = _el$246.nextSibling;
+                  insert(_el$240, createComponent(Show, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
@@ -11297,23 +11379,23 @@ ${contextBlock}` : contextBlock);
                       return _tmpl$59();
                     }
                   }), null);
-                  insert(_el$241, () => checkpoint.name);
-                  insert(_el$242, () => new Date(checkpoint.createdAt).toLocaleString());
-                  _el$243.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
-                  _el$244.$$click = () => void restoreCheckpoint(checkpoint.id);
-                  createRenderEffect(() => _el$238.classList.toggle("latest", !!(i() === 0)));
-                  createRenderEffect(() => _el$243.value = checkpoint.note || "");
-                  return _el$236;
+                  insert(_el$244, () => checkpoint.name);
+                  insert(_el$245, () => new Date(checkpoint.createdAt).toLocaleString());
+                  _el$246.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
+                  _el$247.$$click = () => void restoreCheckpoint(checkpoint.id);
+                  createRenderEffect(() => _el$241.classList.toggle("latest", !!(i() === 0)));
+                  createRenderEffect(() => _el$246.value = checkpoint.note || "");
+                  return _el$239;
                 })()
               }));
-              return _el$95;
+              return _el$98;
             }
           }), null);
-          createRenderEffect(() => _el$91.value = checkpointName());
-          createRenderEffect(() => _el$92.value = checkpointNote());
-          return _el$84;
+          createRenderEffect(() => _el$94.value = checkpointName());
+          createRenderEffect(() => _el$95.value = checkpointNote());
+          return _el$87;
         }
-      }), _el$131);
+      }), _el$134);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "automation";
@@ -11323,7 +11405,7 @@ ${contextBlock}` : contextBlock);
             onRun: () => setSidebarTab("supervisor")
           });
         }
-      }), _el$131);
+      }), _el$134);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "research";
@@ -11331,92 +11413,92 @@ ${contextBlock}` : contextBlock);
         get children() {
           return createComponent(ResearchDesk, {});
         }
-      }), _el$131);
+      }), _el$134);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "history";
         },
         get children() {
-          var _el$96 = _tmpl$16$1(), _el$97 = _el$96.firstChild, _el$98 = _el$97.firstChild, _el$99 = _el$98.nextSibling, _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling, _el$102 = _el$101.nextSibling, _el$103 = _el$102.nextSibling, _el$104 = _el$97.nextSibling;
-          _el$100.$$click = async () => {
+          var _el$99 = _tmpl$16$2(), _el$100 = _el$99.firstChild, _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling, _el$103 = _el$102.firstChild, _el$104 = _el$103.nextSibling, _el$105 = _el$104.nextSibling, _el$106 = _el$105.nextSibling, _el$107 = _el$100.nextSibling;
+          _el$103.$$click = async () => {
             await history.clear();
           };
-          _el$101.$$click = async () => {
+          _el$104.$$click = async () => {
             const result = await window.vessel.history.exportHtml();
             if (!result) return;
           };
-          _el$102.$$click = async () => {
+          _el$105.$$click = async () => {
             const result = await window.vessel.history.exportJson();
             if (!result) return;
           };
-          _el$103.$$click = async () => {
+          _el$106.$$click = async () => {
             const result = await window.vessel.history.importFile();
             if (!result) return;
           };
-          insert(_el$104, createComponent(For, {
+          insert(_el$107, createComponent(For, {
             get each() {
               return history.historyState().entries;
             },
             children: (entry) => (() => {
-              var _el$245 = _tmpl$61(), _el$246 = _el$245.firstChild, _el$247 = _el$246.nextSibling, _el$248 = _el$247.nextSibling;
-              _el$245.$$click = () => createTab(entry.url);
-              insert(_el$246, () => entry.title || entry.url);
-              insert(_el$247, () => entry.url);
-              insert(_el$248, () => new Date(entry.visitedAt).toLocaleString());
-              return _el$245;
+              var _el$248 = _tmpl$61(), _el$249 = _el$248.firstChild, _el$250 = _el$249.nextSibling, _el$251 = _el$250.nextSibling;
+              _el$248.$$click = () => createTab(entry.url);
+              insert(_el$249, () => entry.title || entry.url);
+              insert(_el$250, () => entry.url);
+              insert(_el$251, () => new Date(entry.visitedAt).toLocaleString());
+              return _el$248;
             })()
           }), null);
-          insert(_el$104, createComponent(Show, {
+          insert(_el$107, createComponent(Show, {
             get when() {
               return history.hasMore();
             },
             get children() {
-              var _el$105 = _tmpl$14$2(), _el$106 = _el$105.firstChild, _el$107 = _el$106.nextSibling, _el$108 = _el$107.firstChild, _el$111 = _el$108.nextSibling;
-              _el$111.nextSibling;
-              _el$105.$$click = () => void history.loadMore();
-              insert(_el$107, () => history.historyState().entries.length, _el$111);
-              insert(_el$107, () => history.historyTotal(), null);
-              return _el$105;
+              var _el$108 = _tmpl$14$3(), _el$109 = _el$108.firstChild, _el$110 = _el$109.nextSibling, _el$111 = _el$110.firstChild, _el$114 = _el$111.nextSibling;
+              _el$114.nextSibling;
+              _el$108.$$click = () => void history.loadMore();
+              insert(_el$110, () => history.historyState().entries.length, _el$114);
+              insert(_el$110, () => history.historyTotal(), null);
+              return _el$108;
             }
           }), null);
-          insert(_el$104, createComponent(Show, {
+          insert(_el$107, createComponent(Show, {
             get when() {
               return history.historyState().entries.length === 0;
             },
             get children() {
-              return _tmpl$15$2();
+              return _tmpl$15$3();
             }
           }), null);
-          return _el$96;
+          return _el$99;
         }
-      }), _el$131);
+      }), _el$134);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "diff";
         },
         get children() {
-          var _el$113 = _tmpl$17$1(), _el$114 = _el$113.firstChild, _el$115 = _el$114.firstChild, _el$116 = _el$115.nextSibling;
-          insert(_el$116, () => isPremium() ? "Page change timeline" : "Premium feature");
-          insert(_el$113, createComponent(Show, {
+          var _el$116 = _tmpl$17$2(), _el$117 = _el$116.firstChild, _el$118 = _el$117.firstChild, _el$119 = _el$118.nextSibling;
+          insert(_el$119, () => isPremium() ? "Page change timeline" : "Premium feature");
+          insert(_el$116, createComponent(Show, {
             get when() {
               return isPremium();
             },
             get fallback() {
               return (() => {
-                var _el$249 = _tmpl$62(), _el$250 = _el$249.firstChild, _el$251 = _el$250.nextSibling, _el$252 = _el$251.nextSibling, _el$253 = _el$252.firstChild, _el$254 = _el$253.nextSibling;
-                _el$253.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
+                var _el$252 = _tmpl$62(), _el$253 = _el$252.firstChild, _el$254 = _el$253.nextSibling, _el$255 = _el$254.nextSibling, _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling;
+                _el$256.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
                 });
-                _el$254.$$click = openPremiumDetails;
-                return _el$249;
+                _el$257.$$click = openPremiumDetails;
+                return _el$252;
               })();
             },
             get children() {
               return createComponent(PageDiffTimeline, {});
             }
           }), null);
-          return _el$113;
+          return _el$116;
         }
-      }), _el$131);
+      }), _el$134);
       insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -11427,23 +11509,23 @@ ${contextBlock}` : contextBlock);
               return !isPremium();
             },
             get children() {
-              var _el$117 = _tmpl$18$1(), _el$118 = _el$117.firstChild, _el$119 = _el$118.nextSibling, _el$120 = _el$119.nextSibling, _el$121 = _el$120.firstChild, _el$122 = _el$121.nextSibling;
-              _el$121.$$click = () => openPremiumCheckout("chat_banner_clicked");
-              _el$122.$$click = openPremiumDetails;
-              return _el$117;
+              var _el$120 = _tmpl$18$2(), _el$121 = _el$120.firstChild, _el$122 = _el$121.nextSibling, _el$123 = _el$122.nextSibling, _el$124 = _el$123.firstChild, _el$125 = _el$124.nextSibling;
+              _el$124.$$click = () => openPremiumCheckout("chat_banner_clicked");
+              _el$125.$$click = openPremiumDetails;
+              return _el$120;
             }
           }), createComponent(For, {
             get each() {
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$255 = _tmpl$63();
-              insert(_el$255, createComponent(MarkdownMessage, {
+              var _el$258 = _tmpl$63();
+              insert(_el$258, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }), null);
-              insert(_el$255, createComponent(Show, {
+              insert(_el$258, createComponent(Show, {
                 get when() {
                   return memo(() => msg.role === "assistant")() ? getPremiumPromptKind(msg.content) : null;
                 },
@@ -11456,16 +11538,16 @@ ${contextBlock}` : contextBlock);
                   onOpenSettings: openPremiumDetails
                 })
               }), null);
-              createRenderEffect(() => className(_el$255, `message message-${msg.role}`));
-              return _el$255;
+              createRenderEffect(() => className(_el$258, `message message-${msg.role}`));
+              return _el$258;
             })()
           }), createComponent(Show, {
             get when() {
               return isStreaming2();
             },
             get children() {
-              var _el$123 = _tmpl$21$1(), _el$124 = _el$123.firstChild;
-              insert(_el$124, createComponent(Show, {
+              var _el$126 = _tmpl$21$2(), _el$127 = _el$126.firstChild;
+              insert(_el$127, createComponent(Show, {
                 get when() {
                   return hasFirstChunk2();
                 },
@@ -11473,14 +11555,14 @@ ${contextBlock}` : contextBlock);
                   return _tmpl$64();
                 },
                 get children() {
-                  var _el$125 = _tmpl$20$1(), _el$126 = _el$125.firstChild, _el$127 = _el$126.firstChild;
-                  _el$127.nextSibling;
-                  insert(_el$125, createComponent(MarkdownMessage, {
+                  var _el$128 = _tmpl$20$2(), _el$129 = _el$128.firstChild, _el$130 = _el$129.firstChild;
+                  _el$130.nextSibling;
+                  insert(_el$128, createComponent(MarkdownMessage, {
                     get content() {
                       return streamingText2();
                     }
-                  }), _el$126);
-                  insert(_el$125, createComponent(Show, {
+                  }), _el$129);
+                  insert(_el$128, createComponent(Show, {
                     get when() {
                       return getPremiumPromptKind(streamingText2());
                     },
@@ -11492,21 +11574,21 @@ ${contextBlock}` : contextBlock);
                       onStartTrial: () => openPremiumCheckout(kind() === "premium_gate" ? "premium_gate_clicked" : "iteration_limit_clicked"),
                       onOpenSettings: openPremiumDetails
                     })
-                  }), _el$126);
-                  insert(_el$126, createComponent(Show, {
+                  }), _el$129);
+                  insert(_el$129, createComponent(Show, {
                     get when() {
                       return elapsedSeconds() > 0;
                     },
                     get children() {
-                      var _el$129 = _tmpl$19$1();
-                      insert(_el$129, () => ` • ${elapsedSeconds()}s`);
-                      return _el$129;
+                      var _el$132 = _tmpl$19$2();
+                      insert(_el$132, () => ` • ${elapsedSeconds()}s`);
+                      return _el$132;
                     }
                   }), null);
-                  return _el$125;
+                  return _el$128;
                 }
               }));
-              return _el$123;
+              return _el$126;
             }
           }), createComponent(Show, {
             get when() {
@@ -11518,22 +11600,22 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$257 = _tmpl$66(), _el$258 = _el$257.firstChild, _el$259 = _el$258.nextSibling, _el$260 = _el$259.firstChild, _el$261 = _el$260.firstChild, _el$262 = _el$261.nextSibling, _el$264 = _el$260.nextSibling, _el$265 = _el$264.nextSibling, _el$266 = _el$265.firstChild, _el$267 = _el$266.nextSibling;
-                  insert(_el$262, () => approval.name);
-                  insert(_el$259, createComponent(Show, {
+                  var _el$260 = _tmpl$66(), _el$261 = _el$260.firstChild, _el$262 = _el$261.nextSibling, _el$263 = _el$262.firstChild, _el$264 = _el$263.firstChild, _el$265 = _el$264.nextSibling, _el$267 = _el$263.nextSibling, _el$268 = _el$267.nextSibling, _el$269 = _el$268.firstChild, _el$270 = _el$269.nextSibling;
+                  insert(_el$265, () => approval.name);
+                  insert(_el$262, createComponent(Show, {
                     get when() {
                       return approval.argsSummary;
                     },
                     get children() {
-                      var _el$263 = _tmpl$65();
-                      insert(_el$263, () => approval.argsSummary);
-                      return _el$263;
+                      var _el$266 = _tmpl$65();
+                      insert(_el$266, () => approval.argsSummary);
+                      return _el$266;
                     }
-                  }), _el$264);
-                  insert(_el$264, () => approval.reason);
-                  _el$266.$$click = () => void resolveApproval(approval.id, true);
-                  _el$267.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$257;
+                  }), _el$267);
+                  insert(_el$267, () => approval.reason);
+                  _el$269.$$click = () => void resolveApproval(approval.id, true);
+                  _el$270.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$260;
                 })()
               });
             }
@@ -11542,13 +11624,13 @@ ${contextBlock}` : contextBlock);
               return memo(() => messages2().length === 0)() && !isStreaming2();
             },
             get children() {
-              return _tmpl$22$1();
+              return _tmpl$22$2();
             }
           })];
         }
-      }), _el$131);
+      }), _el$134);
       var _ref$ = messagesEndRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$131) : messagesEndRef = _el$131;
+      typeof _ref$ === "function" ? use(_ref$, _el$134) : messagesEndRef = _el$134;
       insert(_el$9, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -11559,156 +11641,156 @@ ${contextBlock}` : contextBlock);
               return isStreaming2() || messages2().length > 0;
             },
             get children() {
-              var _el$132 = _tmpl$25$1();
-              insert(_el$132, createComponent(Show, {
+              var _el$135 = _tmpl$25$2();
+              insert(_el$135, createComponent(Show, {
                 get when() {
                   return isStreaming2();
                 },
                 get children() {
-                  var _el$133 = _tmpl$23$1();
-                  _el$133.$$click = () => cancel();
-                  return _el$133;
+                  var _el$136 = _tmpl$23$2();
+                  _el$136.$$click = () => cancel();
+                  return _el$136;
                 }
               }), null);
-              insert(_el$132, createComponent(Show, {
+              insert(_el$135, createComponent(Show, {
                 get when() {
                   return memo(() => !!!isStreaming2())() && messages2().length > 0;
                 },
                 get children() {
-                  var _el$134 = _tmpl$24$1();
-                  _el$134.$$click = handleRetry;
-                  return _el$134;
+                  var _el$137 = _tmpl$24$2();
+                  _el$137.$$click = handleRetry;
+                  return _el$137;
                 }
               }), null);
-              return _el$132;
+              return _el$135;
             }
           }), createComponent(Show, {
             get when() {
               return highlightCount() > 0;
             },
             get children() {
-              var _el$135 = _tmpl$26$1(), _el$136 = _el$135.firstChild, _el$137 = _el$136.nextSibling;
-              _el$137.firstChild;
-              var _el$139 = _el$137.nextSibling;
-              _el$136.$$click = () => void scrollToHighlight(highlightIndex() - 1);
-              _el$137.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
-              insert(_el$137, (() => {
+              var _el$138 = _tmpl$26$2(), _el$139 = _el$138.firstChild, _el$140 = _el$139.nextSibling;
+              _el$140.firstChild;
+              var _el$142 = _el$140.nextSibling;
+              _el$139.$$click = () => void scrollToHighlight(highlightIndex() - 1);
+              _el$140.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
+              insert(_el$140, (() => {
                 var _c$4 = memo(() => highlightIndex() >= 0);
                 return () => _c$4() ? `${highlightIndex() + 1} / ${highlightCount()}` : `${highlightCount()} highlight${highlightCount() > 1 ? "s" : ""}`;
               })(), null);
-              _el$139.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
+              _el$142.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
               createRenderEffect((_p$) => {
                 var _v$9 = highlightIndex() <= 0, _v$0 = highlightIndex() >= highlightCount() - 1;
-                _v$9 !== _p$.e && (_el$136.disabled = _p$.e = _v$9);
-                _v$0 !== _p$.t && (_el$139.disabled = _p$.t = _v$0);
+                _v$9 !== _p$.e && (_el$139.disabled = _p$.e = _v$9);
+                _v$0 !== _p$.t && (_el$142.disabled = _p$.t = _v$0);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$135;
+              return _el$138;
             }
           }), createComponent(Show, {
             get when() {
               return queueNotice2() !== null || pendingQueryCount() > 0;
             },
             get children() {
-              var _el$140 = _tmpl$29$1(), _el$141 = _el$140.firstChild, _el$142 = _el$141.firstChild;
-              insert(_el$142, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
-              insert(_el$141, createComponent(Show, {
+              var _el$143 = _tmpl$29$1(), _el$144 = _el$143.firstChild, _el$145 = _el$144.firstChild;
+              insert(_el$145, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
+              insert(_el$144, createComponent(Show, {
                 get when() {
                   return pendingQueryCount() > 0;
                 },
                 get children() {
-                  var _el$143 = _tmpl$27$1();
-                  _el$143.$$click = () => clearPendingQueries();
-                  return _el$143;
+                  var _el$146 = _tmpl$27$1();
+                  _el$146.$$click = () => clearPendingQueries();
+                  return _el$146;
                 }
               }), null);
-              insert(_el$140, createComponent(Show, {
+              insert(_el$143, createComponent(Show, {
                 get when() {
                   return pendingQueries2().length > 0;
                 },
                 get children() {
-                  var _el$144 = _tmpl$28$1();
-                  insert(_el$144, createComponent(For, {
+                  var _el$147 = _tmpl$28$1();
+                  insert(_el$147, createComponent(For, {
                     get each() {
                       return pendingQueries2();
                     },
                     children: (pendingPrompt, index) => (() => {
-                      var _el$268 = _tmpl$67(), _el$269 = _el$268.firstChild, _el$270 = _el$269.nextSibling;
-                      setAttribute(_el$269, "title", pendingPrompt);
-                      insert(_el$269, pendingPrompt);
-                      _el$270.$$click = () => removePendingQuery(index());
-                      createRenderEffect(() => setAttribute(_el$270, "aria-label", `Remove queued prompt ${index() + 1}`));
-                      return _el$268;
+                      var _el$271 = _tmpl$67(), _el$272 = _el$271.firstChild, _el$273 = _el$272.nextSibling;
+                      setAttribute(_el$272, "title", pendingPrompt);
+                      insert(_el$272, pendingPrompt);
+                      _el$273.$$click = () => removePendingQuery(index());
+                      createRenderEffect(() => setAttribute(_el$273, "aria-label", `Remove queued prompt ${index() + 1}`));
+                      return _el$271;
                     })()
                   }));
-                  return _el$144;
+                  return _el$147;
                 }
               }), null);
-              return _el$140;
+              return _el$143;
             }
           }), createComponent(Show, {
             get when() {
               return chatCommandError() !== null;
             },
             get children() {
-              var _el$145 = _tmpl$30(), _el$146 = _el$145.firstChild, _el$147 = _el$146.nextSibling;
-              insert(_el$146, chatCommandError);
-              _el$147.$$click = () => setChatCommandError(null);
-              return _el$145;
+              var _el$148 = _tmpl$30(), _el$149 = _el$148.firstChild, _el$150 = _el$149.nextSibling;
+              insert(_el$149, chatCommandError);
+              _el$150.$$click = () => setChatCommandError(null);
+              return _el$148;
             }
           }), createComponent(Show, {
             get when() {
               return slashSuggestions().length > 0;
             },
             get children() {
-              var _el$148 = _tmpl$31();
-              insert(_el$148, createComponent(For, {
+              var _el$151 = _tmpl$31();
+              insert(_el$151, createComponent(For, {
                 get each() {
                   return slashSuggestions();
                 },
                 children: (kit, index) => (() => {
-                  var _el$271 = _tmpl$68(), _el$272 = _el$271.firstChild;
-                  _el$272.firstChild;
-                  var _el$274 = _el$272.nextSibling, _el$275 = _el$274.firstChild, _el$276 = _el$275.nextSibling;
-                  _el$271.$$mousedown = (event) => {
+                  var _el$274 = _tmpl$68(), _el$275 = _el$274.firstChild;
+                  _el$275.firstChild;
+                  var _el$277 = _el$275.nextSibling, _el$278 = _el$277.firstChild, _el$279 = _el$278.nextSibling;
+                  _el$274.$$mousedown = (event) => {
                     event.preventDefault();
                     applySkillSuggestion(kit);
                   };
-                  insert(_el$272, () => getSkillCommandTokens(kit)[0], null);
-                  insert(_el$275, () => kit.name);
-                  insert(_el$276, () => kit.description);
+                  insert(_el$275, () => getSkillCommandTokens(kit)[0], null);
+                  insert(_el$278, () => kit.name);
+                  insert(_el$279, () => kit.description);
                   createRenderEffect((_p$) => {
                     var _v$30 = !!(index() === slashSuggestionIndex()), _v$31 = index() === slashSuggestionIndex();
-                    _v$30 !== _p$.e && _el$271.classList.toggle("active", _p$.e = _v$30);
-                    _v$31 !== _p$.t && setAttribute(_el$271, "aria-selected", _p$.t = _v$31);
+                    _v$30 !== _p$.e && _el$274.classList.toggle("active", _p$.e = _v$30);
+                    _v$31 !== _p$.t && setAttribute(_el$274, "aria-selected", _p$.t = _v$31);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$271;
+                  return _el$274;
                 })()
               }));
-              return _el$148;
+              return _el$151;
             }
           }), (() => {
-            var _el$149 = _tmpl$32(), _el$150 = _el$149.firstChild, _el$151 = _el$150.firstChild, _el$152 = _el$150.nextSibling;
-            insert(_el$150, createComponent(Show, {
+            var _el$152 = _tmpl$32(), _el$153 = _el$152.firstChild, _el$154 = _el$153.firstChild, _el$155 = _el$153.nextSibling;
+            insert(_el$153, createComponent(Show, {
               get when() {
                 return recognizedSkillInputParts();
               },
               children: (parts) => (() => {
-                var _el$277 = _tmpl$69(), _el$278 = _el$277.firstChild;
-                insert(_el$277, () => parts().leading, _el$278);
-                insert(_el$278, () => parts().command);
-                insert(_el$277, () => parts().rest || " ", null);
-                return _el$277;
+                var _el$280 = _tmpl$69(), _el$281 = _el$280.firstChild;
+                insert(_el$280, () => parts().leading, _el$281);
+                insert(_el$281, () => parts().command);
+                insert(_el$280, () => parts().rest || " ", null);
+                return _el$280;
               })()
-            }), _el$151);
-            _el$151.$$keydown = (e) => {
+            }), _el$154);
+            _el$154.$$keydown = (e) => {
               if (slashSuggestions().length > 0) {
                 if (e.key === "ArrowDown") {
                   e.preventDefault();
@@ -11731,7 +11813,7 @@ ${contextBlock}` : contextBlock);
                 void handleChatSend();
               }
             };
-            _el$151.$$input = (e) => {
+            _el$154.$$input = (e) => {
               setChatInput(e.currentTarget.value);
               if (chatCommandError()) setChatCommandError(null);
               if (e.currentTarget.value.startsWith("/")) {
@@ -11739,15 +11821,15 @@ ${contextBlock}` : contextBlock);
               }
             };
             var _ref$2 = chatInputRef;
-            typeof _ref$2 === "function" ? use(_ref$2, _el$151) : chatInputRef = _el$151;
-            _el$152.$$click = () => void handleChatSend();
-            insert(_el$152, () => isStreaming2() ? "Queue" : "Send");
+            typeof _ref$2 === "function" ? use(_ref$2, _el$154) : chatInputRef = _el$154;
+            _el$155.$$click = () => void handleChatSend();
+            insert(_el$155, () => isStreaming2() ? "Queue" : "Send");
             createRenderEffect((_p$) => {
               var _v$1 = !!(recognizedSkillInputParts() !== null), _v$10 = !!(recognizedSkillInputParts() !== null), _v$11 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything or run /skill-id...", _v$12 = !chatInput().trim();
-              _v$1 !== _p$.e && _el$150.classList.toggle("skill-command-registered", _p$.e = _v$1);
-              _v$10 !== _p$.t && _el$151.classList.toggle("skill-command-registered", _p$.t = _v$10);
-              _v$11 !== _p$.a && setAttribute(_el$151, "placeholder", _p$.a = _v$11);
-              _v$12 !== _p$.o && (_el$152.disabled = _p$.o = _v$12);
+              _v$1 !== _p$.e && _el$153.classList.toggle("skill-command-registered", _p$.e = _v$1);
+              _v$10 !== _p$.t && _el$154.classList.toggle("skill-command-registered", _p$.t = _v$10);
+              _v$11 !== _p$.a && setAttribute(_el$154, "placeholder", _p$.a = _v$11);
+              _v$12 !== _p$.o && (_el$155.disabled = _p$.o = _v$12);
               return _p$;
             }, {
               e: void 0,
@@ -11755,8 +11837,8 @@ ${contextBlock}` : contextBlock);
               a: void 0,
               o: void 0
             });
-            createRenderEffect(() => _el$151.value = chatInput());
-            return _el$149;
+            createRenderEffect(() => _el$154.value = chatInput());
+            return _el$152;
           })()];
         }
       }), null);
@@ -11804,7 +11886,111 @@ ${contextBlock}` : contextBlock);
   });
 };
 delegateEvents(["click", "pointerdown", "input", "keydown", "mousedown"]);
-var _tmpl$$9 = /* @__PURE__ */ template(`<div class=devtools-console>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for console output... Console monitoring activates when an agent uses devtools.`), _tmpl$3$8 = /* @__PURE__ */ template(`<div><span></span><span class=console-time></span><span class=console-text></span><span class=console-source>`), _tmpl$4$7 = /* @__PURE__ */ template(`<div class=devtools-network><div class=network-header><span>Method</span><span>URL</span><span>Status</span><span>Type</span><span>Time`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for network requests... Network monitoring activates when an agent uses devtools.`), _tmpl$6$7 = /* @__PURE__ */ template(`<div><span class=network-method></span><span class=network-url></span><span></span><span class=network-type></span><span class=network-duration>`), _tmpl$7$5 = /* @__PURE__ */ template(`<div class=devtools-activity>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for agent devtools activity...`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=activity-entry><span class=activity-time></span><span class=activity-tool></span><span class=activity-args></span><span></span><span class=activity-duration>`), _tmpl$0$2 = /* @__PURE__ */ template(`<span class="devtools-tab-badge error">`), _tmpl$1$2 = /* @__PURE__ */ template(`<span class="devtools-tab-badge count">`), _tmpl$10$2 = /* @__PURE__ */ template(`<div class=export-date-inputs><div class=export-date-row><span class=export-date-label>From</span><input class=export-date-input type=date></div><div class=export-date-row><span class=export-date-label>To</span><input class=export-date-input type=date>`), _tmpl$11$2 = /* @__PURE__ */ template(`<div class=devtools-export-dropdown><div class=export-section><div class=export-section-label>Log Types</div><label class=export-checkbox><input type=checkbox>Console</label><label class=export-checkbox><input type=checkbox>Network</label><label class=export-checkbox><input type=checkbox>Activity</label></div><div class=export-section><div class=export-section-label>Date Range</div><div class=export-date-btns><button>Today</button><button>Custom</button></div></div><button class=export-submit>Export JSON`), _tmpl$12$2 = /* @__PURE__ */ template(`<div class=devtools-panel><div class=devtools-tabs><button>Console</button><button>Network</button><button>Activity</button><div class=devtools-tab-spacer></div><div class=devtools-export-wrap><button title="Export Logs"><svg width=13 height=13 viewBox="0 0 13 13"fill=none style=vertical-align:middle><path d="M6.5 1v7M3.5 5l3 3 3-3"stroke=currentColor stroke-width=1.3 stroke-linecap=round stroke-linejoin=round></path><path d="M1 9.5v1A1.5 1.5 0 0 0 2.5 12h8A1.5 1.5 0 0 0 12 10.5v-1"stroke=currentColor stroke-width=1.3 stroke-linecap=round></path></svg></button></div><button class=devtools-close-btn title="Close DevTools">×</button></div><div class=devtools-content>`);
+function useDevToolsPanelHost() {
+  const [hostState, setHostState] = createSignal({
+    open: true,
+    detached: false,
+    height: 250
+  });
+  const [isResizing, setIsResizing] = createSignal(false);
+  const applyHostState = (nextState) => {
+    setHostState(nextState);
+  };
+  onMount(() => {
+    void window.vessel.devtoolsPanel.getHostState().then(applyHostState).catch(() => {
+    });
+  });
+  const close = () => {
+    void window.vessel.devtoolsPanel.close().then(applyHostState);
+  };
+  const togglePlacement = () => {
+    const action = hostState().detached ? window.vessel.devtoolsPanel.dock() : window.vessel.devtoolsPanel.popOut();
+    void action.then(applyHostState);
+  };
+  const startResize = (event) => {
+    if (hostState().detached) return;
+    event.preventDefault();
+    const target = event.currentTarget;
+    target.setPointerCapture(event.pointerId);
+    setIsResizing(true);
+    document.body.style.cursor = "row-resize";
+    document.body.style.userSelect = "none";
+    void window.vessel.devtoolsPanel.startResize().catch(() => {
+    });
+    const startY = event.screenY;
+    const startHeight = window.innerHeight;
+    const dragState = { currentY: startY, rafId: null };
+    const resizeToCurrentPointer = () => {
+      dragState.rafId = null;
+      const nextHeight = startHeight + startY - dragState.currentY;
+      void window.vessel.devtoolsPanel.resize(nextHeight).then((height) => {
+        setHostState((current) => ({ ...current, height }));
+      }).catch(() => {
+      });
+    };
+    const commitResize = () => {
+      void window.vessel.devtoolsPanel.commitResize().catch(() => {
+      });
+    };
+    const clearPointerTracking = () => {
+      window.removeEventListener("pointermove", onPointerMove);
+      window.removeEventListener("pointerup", onPointerUp);
+      window.removeEventListener("pointercancel", onPointerUp);
+      window.removeEventListener("blur", onWindowBlur);
+      target.removeEventListener("lostpointercapture", onPointerUp);
+      if (target.hasPointerCapture?.(event.pointerId)) {
+        target.releasePointerCapture(event.pointerId);
+      }
+      if (dragState.rafId !== null) {
+        cancelAnimationFrame(dragState.rafId);
+        dragState.rafId = null;
+      }
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+      setIsResizing(false);
+      commitResize();
+    };
+    const scheduleResize = () => {
+      if (dragState.rafId !== null) return;
+      dragState.rafId = requestAnimationFrame(resizeToCurrentPointer);
+    };
+    function onPointerMove(pointerEvent) {
+      dragState.currentY = pointerEvent.screenY;
+      scheduleResize();
+    }
+    function onPointerUp(pointerEvent) {
+      dragState.currentY = pointerEvent.screenY;
+      if (dragState.rafId !== null) {
+        cancelAnimationFrame(dragState.rafId);
+        dragState.rafId = null;
+      }
+      resizeToCurrentPointer();
+      clearPointerTracking();
+    }
+    function onWindowBlur() {
+      if (dragState.rafId !== null) {
+        cancelAnimationFrame(dragState.rafId);
+        dragState.rafId = null;
+      }
+      resizeToCurrentPointer();
+      clearPointerTracking();
+    }
+    window.addEventListener("pointermove", onPointerMove);
+    window.addEventListener("pointerup", onPointerUp);
+    window.addEventListener("pointercancel", onPointerUp);
+    window.addEventListener("blur", onWindowBlur);
+    target.addEventListener("lostpointercapture", onPointerUp);
+  };
+  return {
+    hostState,
+    isResizing,
+    close,
+    togglePlacement,
+    startResize,
+    applyHostState
+  };
+}
+var _tmpl$$9 = /* @__PURE__ */ template(`<div class=devtools-console>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for console output... Open a page and console output will appear here as the page runs.`), _tmpl$3$8 = /* @__PURE__ */ template(`<div><span></span><span class=console-time></span><span class=console-text></span><span class=console-source>`), _tmpl$4$7 = /* @__PURE__ */ template(`<div class=devtools-network><div class=network-header><span>Method</span><span>URL</span><span>Status</span><span>Type</span><span>Time`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for network requests... Open a page and network requests will appear here as the page loads.`), _tmpl$6$7 = /* @__PURE__ */ template(`<div><span class=network-method></span><span class=network-url></span><span></span><span class=network-type></span><span class=network-duration>`), _tmpl$7$5 = /* @__PURE__ */ template(`<div class=devtools-activity>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for agent devtools activity...`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=activity-entry><span class=activity-time></span><span class=activity-tool></span><span class=activity-args></span><span></span><span class=activity-duration>`), _tmpl$0$2 = /* @__PURE__ */ template(`<div class=devtools-agent-trace>`), _tmpl$1$2 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for agent trace events...`), _tmpl$10$2 = /* @__PURE__ */ template(`<div><span class=trace-time></span><span></span><span class=trace-title></span><span class=trace-detail></span><span></span><span class=trace-duration>`), _tmpl$11$2 = /* @__PURE__ */ template(`<div class=devtools-empty>Inspecting active page...`), _tmpl$12$2 = /* @__PURE__ */ template(`<div class=page-map-issues>`), _tmpl$13$2 = /* @__PURE__ */ template(`<div class=page-map-reveal-status>`), _tmpl$14$2 = /* @__PURE__ */ template(`<div class=page-map-elements><div class=page-map-header><span>#</span><span>Element</span><span>Label</span><span>Selector</span><span>Status</span><span>Bounds`), _tmpl$15$2 = /* @__PURE__ */ template(`<div class=devtools-page-map><div class=page-map-overview><div class=page-map-page><span class=page-map-title></span><span class=page-map-url></span></div><div class=page-map-stats><div class=page-map-stat><span class=page-map-stat-value></span><span class=page-map-stat-label>total</span></div><div class=page-map-stat><span class=page-map-stat-value></span><span class=page-map-stat-label>ready</span></div><div class=page-map-stat><span class=page-map-stat-value></span><span class=page-map-stat-label>blocked</span></div><div class=page-map-stat><span class=page-map-stat-value></span><span class=page-map-stat-label>disabled</span></div></div></div><div class=page-map-filter-row><input class=page-map-filter type=search placeholder="Filter by label, selector, role…"><span class=page-map-filter-count> / <!> shown`), _tmpl$16$1 = /* @__PURE__ */ template(`<span class=page-map-issue>`), _tmpl$17$1 = /* @__PURE__ */ template(`<div class="devtools-empty page-map-empty">No interactive elements found on this page.`), _tmpl$18$1 = /* @__PURE__ */ template(`<span class=page-map-element-sub>`), _tmpl$19$1 = /* @__PURE__ */ template(`<div class=page-map-row role=button tabindex=0 title="Reveal element on page"><span class=page-map-index></span><span class=page-map-element-tag></span><span class=page-map-element-label></span><span class=page-map-element-selector><span class=page-map-selector-text></span><button class=page-map-copy-btn title="Copy selector"aria-label="Copy selector"></button></span><span></span><span class=page-map-element-bounds>,<!> • <!>x`), _tmpl$20$1 = /* @__PURE__ */ template(`<div class=devtools-resize-handle title="Resize DevTools">`), _tmpl$21$1 = /* @__PURE__ */ template(`<span class="devtools-tab-badge error">`), _tmpl$22$1 = /* @__PURE__ */ template(`<span class="devtools-tab-badge count">`), _tmpl$23$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$24$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><label class=export-checkbox><input type=checkbox>Trace</label><label class=export-checkbox><input type=checkbox>Page Map</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$25$1 = /* @__PURE__ */ template(`<button class=devtools-close-btn title="Close DevTools">×`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=devtools-panel><div class=devtools-tabs><button>Console</button><button>Network</button><button>Activity</button><button>Agent Trace</button><button>Page Map</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></button></div><div class=devtools-content>`);
 function statusClass(status) {
   if (status == null) return "pending";
   if (status >= 200 && status < 300) return "ok";
@@ -12009,29 +12195,308 @@ const ActivityView = (props) => {
     }
   });
 };
+const AgentTraceView = (props) => {
+  return createComponent(Show, {
+    get when() {
+      return props.entries.length > 0;
+    },
+    get fallback() {
+      return _tmpl$1$2();
+    },
+    get children() {
+      var _el$23 = _tmpl$0$2();
+      insert(_el$23, createComponent(For, {
+        get each() {
+          return [...props.entries].reverse();
+        },
+        children: (entry) => (() => {
+          var _el$25 = _tmpl$10$2(), _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling, _el$28 = _el$27.nextSibling, _el$29 = _el$28.nextSibling, _el$30 = _el$29.nextSibling, _el$31 = _el$30.nextSibling;
+          insert(_el$26, () => formatTime(entry.timestamp, {
+            includeSeconds: true
+          }));
+          insert(_el$27, () => entry.kind.replace("tool-", ""));
+          insert(_el$28, () => entry.title);
+          insert(_el$29, () => entry.detail || "—");
+          insert(_el$30, () => entry.status);
+          insert(_el$31, (() => {
+            var _c$5 = memo(() => entry.durationMs != null);
+            return () => _c$5() ? `${entry.durationMs}ms` : "—";
+          })());
+          createRenderEffect((_p$) => {
+            var _v$8 = `trace-entry ${entry.status}`, _v$9 = `trace-kind ${entry.kind}`, _v$0 = entry.title, _v$1 = entry.detail, _v$10 = `trace-status ${entry.status}`;
+            _v$8 !== _p$.e && className(_el$25, _p$.e = _v$8);
+            _v$9 !== _p$.t && className(_el$27, _p$.t = _v$9);
+            _v$0 !== _p$.a && setAttribute(_el$28, "title", _p$.a = _v$0);
+            _v$1 !== _p$.o && setAttribute(_el$29, "title", _p$.o = _v$1);
+            _v$10 !== _p$.i && className(_el$30, _p$.i = _v$10);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0
+          });
+          return _el$25;
+        })()
+      }));
+      return _el$23;
+    }
+  });
+};
+const PageMapView = (props) => {
+  const [query, setQuery] = createSignal("");
+  const [copiedId, setCopiedId] = createSignal(null);
+  const [revealMessage, setRevealMessage] = createSignal("");
+  let copyTimer;
+  let revealTimer;
+  const pageLabel = () => props.snapshot?.title || props.snapshot?.pageUrl || "Active page";
+  const filteredElements = () => {
+    const snap = props.snapshot;
+    if (!snap) return [];
+    const q = query().trim().toLowerCase();
+    if (!q) return snap.elements;
+    return snap.elements.filter((el) => {
+      const haystack = [el.label, el.selector, el.role, el.tag, el.type, el.href].filter(Boolean).join(" ").toLowerCase();
+      return haystack.includes(q);
+    });
+  };
+  const flashCopied = (id) => {
+    setCopiedId(id);
+    if (copyTimer) clearTimeout(copyTimer);
+    copyTimer = setTimeout(() => setCopiedId(null), 1200);
+  };
+  const copySelector = (element) => {
+    navigator.clipboard?.writeText(element.selector).catch(() => {
+    });
+    flashCopied(element.id);
+  };
+  const REVEAL_MESSAGES = {
+    "not-found": "Element not found — the page may have changed since the last snapshot.",
+    "invalid-selector": "Could not locate this element (invalid selector).",
+    "no-active-tab": "No active tab to inspect."
+  };
+  const reveal = async (selector) => {
+    if (!selector) return;
+    try {
+      const status = await window.vessel.devtoolsPanel.revealElement(selector);
+      const message = REVEAL_MESSAGES[status] ?? "";
+      setRevealMessage(message);
+      if (revealTimer) clearTimeout(revealTimer);
+      revealTimer = setTimeout(() => setRevealMessage(""), 3e3);
+    } catch {
+      setRevealMessage("Could not reach the page to reveal this element.");
+      if (revealTimer) clearTimeout(revealTimer);
+      revealTimer = setTimeout(() => setRevealMessage(""), 3e3);
+    }
+  };
+  const onRevealRowKeyDown = (event, selector) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    event.preventDefault();
+    void reveal(selector);
+  };
+  onCleanup(() => {
+    if (copyTimer) clearTimeout(copyTimer);
+    if (revealTimer) clearTimeout(revealTimer);
+  });
+  return createComponent(Show, {
+    get when() {
+      return props.snapshot;
+    },
+    get fallback() {
+      return _tmpl$11$2();
+    },
+    children: (snapshot) => (() => {
+      var _el$33 = _tmpl$15$2(), _el$34 = _el$33.firstChild, _el$35 = _el$34.firstChild, _el$36 = _el$35.firstChild, _el$37 = _el$36.nextSibling, _el$38 = _el$35.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$39.firstChild, _el$41 = _el$39.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$41.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$43.nextSibling, _el$46 = _el$45.firstChild, _el$48 = _el$34.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$50.firstChild, _el$53 = _el$51.nextSibling;
+      _el$53.nextSibling;
+      insert(_el$36, pageLabel);
+      insert(_el$37, () => snapshot().pageUrl || "No URL");
+      insert(_el$40, () => snapshot().counts.total);
+      insert(_el$42, () => snapshot().counts.interactable);
+      insert(_el$44, () => snapshot().counts.blocked);
+      insert(_el$46, () => snapshot().counts.disabled);
+      insert(_el$33, createComponent(Show, {
+        get when() {
+          return snapshot().accessIssues.length > 0;
+        },
+        get children() {
+          var _el$47 = _tmpl$12$2();
+          insert(_el$47, createComponent(For, {
+            get each() {
+              return snapshot().accessIssues;
+            },
+            children: (issue) => (() => {
+              var _el$57 = _tmpl$16$1();
+              insert(_el$57, issue);
+              return _el$57;
+            })()
+          }));
+          return _el$47;
+        }
+      }), _el$48);
+      _el$49.$$input = (e) => setQuery(e.currentTarget.value);
+      insert(_el$50, () => filteredElements().length, _el$51);
+      insert(_el$50, () => snapshot().elements.length, _el$53);
+      insert(_el$33, createComponent(Show, {
+        get when() {
+          return revealMessage();
+        },
+        get children() {
+          var _el$54 = _tmpl$13$2();
+          insert(_el$54, revealMessage);
+          return _el$54;
+        }
+      }), null);
+      insert(_el$33, createComponent(Show, {
+        get when() {
+          return snapshot().elements.length > 0;
+        },
+        get fallback() {
+          return _tmpl$17$1();
+        },
+        get children() {
+          var _el$55 = _tmpl$14$2();
+          _el$55.firstChild;
+          insert(_el$55, createComponent(For, {
+            get each() {
+              return filteredElements();
+            },
+            children: (element) => (() => {
+              var _el$59 = _tmpl$19$1(), _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling, _el$62 = _el$61.nextSibling, _el$64 = _el$62.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.nextSibling, _el$67 = _el$64.nextSibling, _el$68 = _el$67.nextSibling, _el$69 = _el$68.firstChild, _el$74 = _el$69.nextSibling, _el$70 = _el$74.nextSibling, _el$75 = _el$70.nextSibling;
+              _el$75.nextSibling;
+              _el$59.$$keydown = (event) => onRevealRowKeyDown(event, element.selector);
+              _el$59.$$click = () => void reveal(element.selector);
+              insert(_el$60, () => element.id);
+              insert(_el$61, () => element.tag, null);
+              insert(_el$61, (() => {
+                var _c$6 = memo(() => !!element.role);
+                return () => _c$6() ? ` [${element.role}]` : "";
+              })(), null);
+              insert(_el$62, () => element.label, null);
+              insert(_el$62, createComponent(Show, {
+                get when() {
+                  return element.type || element.href;
+                },
+                get children() {
+                  var _el$63 = _tmpl$18$1();
+                  insert(_el$63, (() => {
+                    var _c$7 = memo(() => !!element.type);
+                    return () => _c$7() ? `type=${element.type}` : "";
+                  })(), null);
+                  insert(_el$63, (() => {
+                    var _c$8 = memo(() => !!element.href);
+                    return () => _c$8() ? ` → ${element.href}` : "";
+                  })(), null);
+                  return _el$63;
+                }
+              }), null);
+              insert(_el$65, () => element.selector);
+              _el$66.$$click = (e) => {
+                e.stopPropagation();
+                copySelector(element);
+              };
+              insert(_el$66, createComponent(Show, {
+                get when() {
+                  return copiedId() === element.id;
+                },
+                get fallback() {
+                  return createComponent(copy_default, {
+                    size: 12,
+                    "aria-hidden": "true"
+                  });
+                },
+                get children() {
+                  return createComponent(check_default, {
+                    size: 12,
+                    "aria-hidden": "true"
+                  });
+                }
+              }));
+              insert(_el$67, (() => {
+                var _c$9 = memo(() => !!element.interactable);
+                return () => _c$9() ? "ready" : element.issue || (element.disabled ? "disabled" : "not ready");
+              })());
+              insert(_el$68, () => Math.round(element.bounds.x), _el$69);
+              insert(_el$68, () => Math.round(element.bounds.y), _el$74);
+              insert(_el$68, () => Math.round(element.bounds.width), _el$75);
+              insert(_el$68, () => Math.round(element.bounds.height), null);
+              createRenderEffect((_p$) => {
+                var _v$11 = !!Boolean(element.issue), _v$12 = !!element.interactable, _v$13 = element.label, _v$14 = element.selector, _v$15 = !!(copiedId() === element.id), _v$16 = `page-map-element-state ${element.interactable ? "ready" : "blocked"}`, _v$17 = element.issue;
+                _v$11 !== _p$.e && _el$59.classList.toggle("blocked", _p$.e = _v$11);
+                _v$12 !== _p$.t && _el$59.classList.toggle("ready", _p$.t = _v$12);
+                _v$13 !== _p$.a && setAttribute(_el$62, "title", _p$.a = _v$13);
+                _v$14 !== _p$.o && setAttribute(_el$65, "title", _p$.o = _v$14);
+                _v$15 !== _p$.i && _el$66.classList.toggle("copied", _p$.i = _v$15);
+                _v$16 !== _p$.n && className(_el$67, _p$.n = _v$16);
+                _v$17 !== _p$.s && setAttribute(_el$67, "title", _p$.s = _v$17);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0,
+                o: void 0,
+                i: void 0,
+                n: void 0,
+                s: void 0
+              });
+              return _el$59;
+            })()
+          }), null);
+          return _el$55;
+        }
+      }), null);
+      createRenderEffect(() => setAttribute(_el$35, "title", snapshot().pageUrl));
+      createRenderEffect(() => _el$49.value = query());
+      return _el$33;
+    })()
+  });
+};
 const DevToolsPanel = () => {
   const [activeTab, setActiveTab] = createSignal("console");
+  const {
+    hostState,
+    isResizing,
+    close,
+    togglePlacement,
+    startResize,
+    applyHostState
+  } = useDevToolsPanelHost();
   const [state, setState] = createSignal({
     console: [],
     network: [],
     errors: [],
-    activity: []
+    activity: [],
+    agentTrace: [],
+    pageMap: null
   });
   const [showExport, setShowExport] = createSignal(false);
   const [exportConsole, setExportConsole] = createSignal(true);
   const [exportNetwork, setExportNetwork] = createSignal(true);
   const [exportActivity, setExportActivity] = createSignal(true);
+  const [exportTrace, setExportTrace] = createSignal(true);
+  const [exportPageMap, setExportPageMap] = createSignal(true);
   const [dateMode, setDateMode] = createSignal("today");
   const [dateFrom, setDateFrom] = createSignal(todayDateString());
   const [dateTo, setDateTo] = createSignal(todayDateString());
   let exportBtnRef;
   let exportDropdownRef;
+  onMount(() => {
+    void window.vessel.devtoolsPanel.getState().then(setState).catch(() => void 0);
+  });
   createEffect(() => {
     const cleanup2 = window.vessel.devtoolsPanel.onStateUpdate((newState) => {
       setState(newState);
     });
     onCleanup(cleanup2);
   });
+  createEffect(() => {
+    const cleanup2 = window.vessel.devtoolsPanel.onHostStateUpdate(applyHostState);
+    onCleanup(cleanup2);
+  });
+  createEffect(() => {
+    const cleanup2 = window.vessel.devtoolsPanel.onSelectTab(setActiveTab);
+    onCleanup(cleanup2);
+  });
   createEffect(() => {
     if (!showExport()) return;
     const handler = (e) => {
@@ -12046,9 +12511,8 @@ const DevToolsPanel = () => {
   const errorCount = () => state().errors.length;
   const networkCount = () => state().network.length;
   const activityRunning = () => state().activity.filter((a) => a.status === "running").length;
-  const close = () => {
-    window.vessel.devtoolsPanel.toggle();
-  };
+  const traceRunning = () => state().agentTrace.filter((entry) => entry.status === "running").length;
+  const pageMapCount = () => state().pageMap?.counts.interactable ?? 0;
   const handleExport = () => {
     const mode = dateMode();
     const from = dateFrom();
@@ -12069,6 +12533,12 @@ const DevToolsPanel = () => {
     if (exportActivity()) {
       data.activity = filterByDate(state().activity, mode, from, to);
     }
+    if (exportTrace()) {
+      data.agentTrace = filterByDate(state().agentTrace, mode, from, to);
+    }
+    if (exportPageMap()) {
+      data.pageMap = state().pageMap;
+    }
     const json = JSON.stringify(data, null, 2);
     const blob = new Blob([json], {
       type: "application/json"
@@ -12082,97 +12552,165 @@ const DevToolsPanel = () => {
     URL.revokeObjectURL(url);
     setShowExport(false);
   };
-  const noneSelected = () => !exportConsole() && !exportNetwork() && !exportActivity();
+  const noneSelected = () => !exportConsole() && !exportNetwork() && !exportActivity() && !exportTrace() && !exportPageMap();
   return (() => {
-    var _el$23 = _tmpl$12$2(), _el$24 = _el$23.firstChild, _el$25 = _el$24.firstChild;
-    _el$25.firstChild;
-    var _el$28 = _el$25.nextSibling;
-    _el$28.firstChild;
-    var _el$31 = _el$28.nextSibling;
-    _el$31.firstChild;
-    var _el$34 = _el$31.nextSibling, _el$35 = _el$34.nextSibling, _el$36 = _el$35.firstChild, _el$59 = _el$35.nextSibling, _el$60 = _el$24.nextSibling;
-    _el$25.$$click = () => setActiveTab("console");
-    insert(_el$25, createComponent(Show, {
+    var _el$76 = _tmpl$26$1(), _el$78 = _el$76.firstChild, _el$79 = _el$78.firstChild;
+    _el$79.firstChild;
+    var _el$82 = _el$79.nextSibling;
+    _el$82.firstChild;
+    var _el$85 = _el$82.nextSibling;
+    _el$85.firstChild;
+    var _el$88 = _el$85.nextSibling;
+    _el$88.firstChild;
+    var _el$91 = _el$88.nextSibling;
+    _el$91.firstChild;
+    var _el$94 = _el$91.nextSibling, _el$95 = _el$94.nextSibling, _el$96 = _el$95.firstChild, _el$123 = _el$95.nextSibling, _el$125 = _el$78.nextSibling;
+    insert(_el$76, createComponent(Show, {
+      get when() {
+        return !hostState().detached;
+      },
+      get children() {
+        var _el$77 = _tmpl$20$1();
+        addEventListener(_el$77, "pointerdown", startResize, true);
+        createRenderEffect(() => _el$77.classList.toggle("resizing", !!isResizing()));
+        return _el$77;
+      }
+    }), _el$78);
+    _el$79.$$click = () => setActiveTab("console");
+    insert(_el$79, createComponent(Show, {
       get when() {
         return errorCount() > 0;
       },
       get children() {
-        var _el$27 = _tmpl$0$2();
-        insert(_el$27, errorCount);
-        return _el$27;
+        var _el$81 = _tmpl$21$1();
+        insert(_el$81, errorCount);
+        return _el$81;
       }
     }), null);
-    _el$28.$$click = () => setActiveTab("network");
-    insert(_el$28, createComponent(Show, {
+    _el$82.$$click = () => setActiveTab("network");
+    insert(_el$82, createComponent(Show, {
       get when() {
         return networkCount() > 0;
       },
       get children() {
-        var _el$30 = _tmpl$1$2();
-        insert(_el$30, networkCount);
-        return _el$30;
+        var _el$84 = _tmpl$22$1();
+        insert(_el$84, networkCount);
+        return _el$84;
       }
     }), null);
-    _el$31.$$click = () => setActiveTab("activity");
-    insert(_el$31, createComponent(Show, {
+    _el$85.$$click = () => setActiveTab("activity");
+    insert(_el$85, createComponent(Show, {
       get when() {
         return activityRunning() > 0;
       },
       get children() {
-        var _el$33 = _tmpl$1$2();
-        insert(_el$33, activityRunning);
-        return _el$33;
+        var _el$87 = _tmpl$22$1();
+        insert(_el$87, activityRunning);
+        return _el$87;
       }
     }), null);
-    _el$36.$$click = () => setShowExport((v) => !v);
+    _el$88.$$click = () => setActiveTab("agentTrace");
+    insert(_el$88, createComponent(Show, {
+      get when() {
+        return traceRunning() > 0;
+      },
+      get children() {
+        var _el$90 = _tmpl$22$1();
+        insert(_el$90, traceRunning);
+        return _el$90;
+      }
+    }), null);
+    _el$91.$$click = () => setActiveTab("pageMap");
+    insert(_el$91, createComponent(Show, {
+      get when() {
+        return pageMapCount() > 0;
+      },
+      get children() {
+        var _el$93 = _tmpl$22$1();
+        insert(_el$93, pageMapCount);
+        return _el$93;
+      }
+    }), null);
+    _el$96.$$click = () => setShowExport((v) => !v);
     var _ref$3 = exportBtnRef;
-    typeof _ref$3 === "function" ? use(_ref$3, _el$36) : exportBtnRef = _el$36;
-    insert(_el$35, createComponent(Show, {
+    typeof _ref$3 === "function" ? use(_ref$3, _el$96) : exportBtnRef = _el$96;
+    insert(_el$95, createComponent(Show, {
       get when() {
         return showExport();
       },
       get children() {
-        var _el$37 = _tmpl$11$2(), _el$38 = _el$37.firstChild, _el$39 = _el$38.firstChild, _el$40 = _el$39.nextSibling, _el$41 = _el$40.firstChild, _el$42 = _el$40.nextSibling, _el$43 = _el$42.firstChild, _el$44 = _el$42.nextSibling, _el$45 = _el$44.firstChild, _el$46 = _el$38.nextSibling, _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$58 = _el$46.nextSibling;
+        var _el$97 = _tmpl$24$1(), _el$98 = _el$97.firstChild, _el$99 = _el$98.firstChild, _el$100 = _el$99.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$100.nextSibling, _el$103 = _el$102.firstChild, _el$104 = _el$102.nextSibling, _el$105 = _el$104.firstChild, _el$106 = _el$104.nextSibling, _el$107 = _el$106.firstChild, _el$108 = _el$106.nextSibling, _el$109 = _el$108.firstChild, _el$110 = _el$98.nextSibling, _el$111 = _el$110.firstChild, _el$112 = _el$111.nextSibling, _el$113 = _el$112.firstChild, _el$114 = _el$113.nextSibling, _el$122 = _el$110.nextSibling;
         var _ref$4 = exportDropdownRef;
-        typeof _ref$4 === "function" ? use(_ref$4, _el$37) : exportDropdownRef = _el$37;
-        _el$41.addEventListener("change", (e) => setExportConsole(e.currentTarget.checked));
-        _el$43.addEventListener("change", (e) => setExportNetwork(e.currentTarget.checked));
-        _el$45.addEventListener("change", (e) => setExportActivity(e.currentTarget.checked));
-        _el$49.$$click = () => setDateMode("today");
-        _el$50.$$click = () => setDateMode("custom");
-        insert(_el$46, createComponent(Show, {
+        typeof _ref$4 === "function" ? use(_ref$4, _el$97) : exportDropdownRef = _el$97;
+        _el$101.addEventListener("change", (e) => setExportConsole(e.currentTarget.checked));
+        _el$103.addEventListener("change", (e) => setExportNetwork(e.currentTarget.checked));
+        _el$105.addEventListener("change", (e) => setExportActivity(e.currentTarget.checked));
+        _el$107.addEventListener("change", (e) => setExportTrace(e.currentTarget.checked));
+        _el$109.addEventListener("change", (e) => setExportPageMap(e.currentTarget.checked));
+        _el$113.$$click = () => setDateMode("today");
+        _el$114.$$click = () => setDateMode("custom");
+        insert(_el$110, createComponent(Show, {
           get when() {
             return dateMode() === "custom";
           },
           get children() {
-            var _el$51 = _tmpl$10$2(), _el$52 = _el$51.firstChild, _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling, _el$55 = _el$52.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling;
-            _el$54.$$input = (e) => setDateFrom(e.currentTarget.value);
-            _el$57.$$input = (e) => setDateTo(e.currentTarget.value);
-            createRenderEffect(() => _el$54.value = dateFrom());
-            createRenderEffect(() => _el$57.value = dateTo());
-            return _el$51;
+            var _el$115 = _tmpl$23$1(), _el$116 = _el$115.firstChild, _el$117 = _el$116.firstChild, _el$118 = _el$117.nextSibling, _el$119 = _el$116.nextSibling, _el$120 = _el$119.firstChild, _el$121 = _el$120.nextSibling;
+            _el$118.$$input = (e) => setDateFrom(e.currentTarget.value);
+            _el$121.$$input = (e) => setDateTo(e.currentTarget.value);
+            createRenderEffect(() => _el$118.value = dateFrom());
+            createRenderEffect(() => _el$121.value = dateTo());
+            return _el$115;
           }
         }), null);
-        _el$58.$$click = handleExport;
+        _el$122.$$click = handleExport;
         createRenderEffect((_p$) => {
-          var _v$8 = `export-date-btn ${dateMode() === "today" ? "active" : ""}`, _v$9 = `export-date-btn ${dateMode() === "custom" ? "active" : ""}`, _v$0 = noneSelected();
-          _v$8 !== _p$.e && className(_el$49, _p$.e = _v$8);
-          _v$9 !== _p$.t && className(_el$50, _p$.t = _v$9);
-          _v$0 !== _p$.a && (_el$58.disabled = _p$.a = _v$0);
+          var _v$18 = `export-date-btn ${dateMode() === "today" ? "active" : ""}`, _v$19 = `export-date-btn ${dateMode() === "custom" ? "active" : ""}`, _v$20 = noneSelected();
+          _v$18 !== _p$.e && className(_el$113, _p$.e = _v$18);
+          _v$19 !== _p$.t && className(_el$114, _p$.t = _v$19);
+          _v$20 !== _p$.a && (_el$122.disabled = _p$.a = _v$20);
           return _p$;
         }, {
           e: void 0,
           t: void 0,
           a: void 0
         });
-        createRenderEffect(() => _el$41.checked = exportConsole());
-        createRenderEffect(() => _el$43.checked = exportNetwork());
-        createRenderEffect(() => _el$45.checked = exportActivity());
-        return _el$37;
+        createRenderEffect(() => _el$101.checked = exportConsole());
+        createRenderEffect(() => _el$103.checked = exportNetwork());
+        createRenderEffect(() => _el$105.checked = exportActivity());
+        createRenderEffect(() => _el$107.checked = exportTrace());
+        createRenderEffect(() => _el$109.checked = exportPageMap());
+        return _el$97;
       }
     }), null);
-    _el$59.$$click = close;
-    insert(_el$60, createComponent(Show, {
+    addEventListener(_el$123, "click", togglePlacement, true);
+    insert(_el$123, createComponent(Show, {
+      get when() {
+        return hostState().detached;
+      },
+      get fallback() {
+        return createComponent(external_link_default, {
+          size: 14,
+          "aria-hidden": "true"
+        });
+      },
+      get children() {
+        return createComponent(panel_bottom_open_default, {
+          size: 14,
+          "aria-hidden": "true"
+        });
+      }
+    }));
+    insert(_el$78, createComponent(Show, {
+      get when() {
+        return !hostState().detached;
+      },
+      get children() {
+        var _el$124 = _tmpl$25$1();
+        addEventListener(_el$124, "click", close, true);
+        return _el$124;
+      }
+    }), null);
+    insert(_el$125, createComponent(Show, {
       get when() {
         return activeTab() === "console";
       },
@@ -12184,7 +12722,7 @@ const DevToolsPanel = () => {
         });
       }
     }), null);
-    insert(_el$60, createComponent(Show, {
+    insert(_el$125, createComponent(Show, {
       get when() {
         return activeTab() === "network";
       },
@@ -12196,7 +12734,7 @@ const DevToolsPanel = () => {
         });
       }
     }), null);
-    insert(_el$60, createComponent(Show, {
+    insert(_el$125, createComponent(Show, {
       get when() {
         return activeTab() === "activity";
       },
@@ -12208,23 +12746,59 @@ const DevToolsPanel = () => {
         });
       }
     }), null);
+    insert(_el$125, createComponent(Show, {
+      get when() {
+        return activeTab() === "agentTrace";
+      },
+      get children() {
+        return createComponent(AgentTraceView, {
+          get entries() {
+            return state().agentTrace;
+          }
+        });
+      }
+    }), null);
+    insert(_el$125, createComponent(Show, {
+      get when() {
+        return activeTab() === "pageMap";
+      },
+      get children() {
+        return createComponent(PageMapView, {
+          get snapshot() {
+            return state().pageMap;
+          }
+        });
+      }
+    }), null);
     createRenderEffect((_p$) => {
-      var _v$1 = `devtools-tab ${activeTab() === "console" ? "active" : ""}`, _v$10 = `devtools-tab ${activeTab() === "network" ? "active" : ""}`, _v$11 = `devtools-tab ${activeTab() === "activity" ? "active" : ""}`, _v$12 = `devtools-close-btn ${showExport() ? "active" : ""}`;
-      _v$1 !== _p$.e && className(_el$25, _p$.e = _v$1);
-      _v$10 !== _p$.t && className(_el$28, _p$.t = _v$10);
-      _v$11 !== _p$.a && className(_el$31, _p$.a = _v$11);
-      _v$12 !== _p$.o && className(_el$36, _p$.o = _v$12);
+      var _v$21 = !!isResizing(), _v$22 = `${hostState().height}px`, _v$23 = `devtools-tab ${activeTab() === "console" ? "active" : ""}`, _v$24 = `devtools-tab ${activeTab() === "network" ? "active" : ""}`, _v$25 = `devtools-tab ${activeTab() === "activity" ? "active" : ""}`, _v$26 = `devtools-tab ${activeTab() === "agentTrace" ? "active" : ""}`, _v$27 = `devtools-tab ${activeTab() === "pageMap" ? "active" : ""}`, _v$28 = `devtools-close-btn ${showExport() ? "active" : ""}`, _v$29 = hostState().detached ? "Dock DevTools" : "Pop out DevTools", _v$30 = hostState().detached ? "Dock DevTools" : "Pop out DevTools";
+      _v$21 !== _p$.e && _el$76.classList.toggle("tracking-resize", _p$.e = _v$21);
+      _v$22 !== _p$.t && setStyleProperty(_el$76, "--devtools-panel-height", _p$.t = _v$22);
+      _v$23 !== _p$.a && className(_el$79, _p$.a = _v$23);
+      _v$24 !== _p$.o && className(_el$82, _p$.o = _v$24);
+      _v$25 !== _p$.i && className(_el$85, _p$.i = _v$25);
+      _v$26 !== _p$.n && className(_el$88, _p$.n = _v$26);
+      _v$27 !== _p$.s && className(_el$91, _p$.s = _v$27);
+      _v$28 !== _p$.h && className(_el$96, _p$.h = _v$28);
+      _v$29 !== _p$.r && setAttribute(_el$123, "title", _p$.r = _v$29);
+      _v$30 !== _p$.d && setAttribute(_el$123, "aria-label", _p$.d = _v$30);
       return _p$;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
-      o: void 0
+      o: void 0,
+      i: void 0,
+      n: void 0,
+      s: void 0,
+      h: void 0,
+      r: void 0,
+      d: void 0
     });
-    return _el$23;
+    return _el$76;
   })();
 };
-delegateEvents(["click", "input"]);
+delegateEvents(["input", "click", "keydown", "pointerdown"]);
 const PROVIDERS = {
   anthropic: {
     id: "anthropic",