@quanta-intellect/vessel-browser 0.1.120 → 0.1.123

package/out/renderer/assets/{index-COyRPuS5.js → index-Cvmlazb5.js}

@@ -1474,7 +1474,7 @@ function Dynamic(props) {
   const [, others] = splitProps(props, ["component"]);
   return createDynamic(() => props.component, others);
 }
-var _tmpl$$r = /* @__PURE__ */ template(`<div class=title-bar><div class=title-bar-drag></div><div class=mcp-status-area><button class=mcp-status-indicator><span class=mcp-dot></span><span class=mcp-label>MCP</span></button></div><div class=window-controls><button class=window-btn data-tooltip=Downloads>↓</button><button class=window-btn data-tooltip=Minimize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=5 width=8 height=1 fill=currentColor></rect></svg></button><button class=window-btn data-tooltip=Maximize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=1 width=8 height=8 fill=none stroke=currentColor stroke-width=1></rect></svg></button><button class="window-btn window-btn-close"data-tooltip=Close><svg width=10 height=10 viewBox="0 0 10 10"><line x1=1 y1=1 x2=9 y2=9 stroke=currentColor stroke-width=1.2></line><line x1=9 y1=1 x2=1 y2=9 stroke=currentColor stroke-width=1.2>`);
+var _tmpl$$t = /* @__PURE__ */ template(`<div class=title-bar><div class=title-bar-drag></div><div class=mcp-status-area><button class=mcp-status-indicator><span class=mcp-dot></span><span class=mcp-label>MCP</span></button></div><div class=window-controls><button class=window-btn data-tooltip=Downloads>↓</button><button class=window-btn data-tooltip=Minimize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=5 width=8 height=1 fill=currentColor></rect></svg></button><button class=window-btn data-tooltip=Maximize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=1 width=8 height=8 fill=none stroke=currentColor stroke-width=1></rect></svg></button><button class="window-btn window-btn-close"data-tooltip=Close><svg width=10 height=10 viewBox="0 0 10 10"><line x1=1 y1=1 x2=9 y2=9 stroke=currentColor stroke-width=1.2></line><line x1=9 y1=1 x2=1 y2=9 stroke=currentColor stroke-width=1.2>`);
 const TitleBar = (props) => {
   const isPrivateWindow = new URLSearchParams(window.location.search).get("private") === "1";
   const [mcpStatus, setMcpStatus] = createSignal("starting");
@@ -1507,7 +1507,7 @@ const TitleBar = (props) => {
     window.vessel.ui.setSettingsVisibility(true);
   };
   return (() => {
-    var _el$ = _tmpl$$r(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
+    var _el$ = _tmpl$$t(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
     _el$4.$$click = handleMcpClick;
     _el$6.$$click = () => props.onOpenDownloads?.();
     _el$7.$$click = () => window.vessel.window.minimize();
@@ -1549,7 +1549,7 @@ var LucideContext = createContext({
   absoluteStrokeWidth: false,
   class: ""
 });
-var _tmpl$$q = /* @__PURE__ */ template(`<svg>`);
+var _tmpl$$s = /* @__PURE__ */ template(`<svg>`);
 var hasA11yProp = (props) => {
   for (const prop in props) {
     if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
@@ -1571,7 +1571,7 @@ var Icon = (props) => {
   const [localProps, rest] = splitProps(props, ["color", "size", "strokeWidth", "children", "class", "name", "iconNode", "absoluteStrokeWidth"]);
   const globalProps = useContext(LucideContext);
   return (() => {
-    var _el$ = _tmpl$$q();
+    var _el$ = _tmpl$$s();
     spread(_el$, mergeProps(defaultAttributes_default, {
       get width() {
         return localProps.size ?? globalProps.size ?? defaultAttributes_default.width;
@@ -1606,7 +1606,29 @@ var Icon = (props) => {
   })();
 };
 var Icon_default = Icon;
-var iconNode$k = [["path", {
+var iconNode$A = [["rect", {
+  x: "2",
+  y: "4",
+  width: "20",
+  height: "16",
+  rx: "2",
+  key: "izxlao"
+}], ["path", {
+  d: "M10 4v4",
+  key: "pp8u80"
+}], ["path", {
+  d: "M2 8h20",
+  key: "d11cs7"
+}], ["path", {
+  d: "M6 4v4",
+  key: "1svtjw"
+}]];
+var AppWindow = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$A,
+  name: "app-window"
+}));
+var app_window_default = AppWindow;
+var iconNode$z = [["path", {
   d: "M12 7v14",
   key: "1akyts"
 }], ["path", {
@@ -1614,20 +1636,65 @@ var iconNode$k = [["path", {
   key: "ruj8y"
 }]];
 var BookOpen = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$k,
+  iconNode: iconNode$z,
   name: "book-open"
 }));
 var book_open_default = BookOpen;
-var iconNode$j = [["path", {
+var iconNode$y = [["path", {
+  d: "M12 8V4H8",
+  key: "hb8ula"
+}], ["rect", {
+  width: "16",
+  height: "12",
+  x: "4",
+  y: "8",
+  rx: "2",
+  key: "enze0r"
+}], ["path", {
+  d: "M2 14h2",
+  key: "vft8re"
+}], ["path", {
+  d: "M20 14h2",
+  key: "4cs60a"
+}], ["path", {
+  d: "M15 13v2",
+  key: "1xurst"
+}], ["path", {
+  d: "M9 13v2",
+  key: "rq6x2g"
+}]];
+var Bot = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$y,
+  name: "bot"
+}));
+var bot_default = Bot;
+var iconNode$x = [["path", {
   d: "M20 6 9 17l-5-5",
   key: "1gmf2c"
 }]];
 var Check = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$j,
+  iconNode: iconNode$x,
   name: "check"
 }));
 var check_default = Check;
-var iconNode$i = [["rect", {
+var iconNode$w = [["circle", {
+  cx: "12",
+  cy: "12",
+  r: "10",
+  key: "1mglay"
+}], ["path", {
+  d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3",
+  key: "1u773s"
+}], ["path", {
+  d: "M12 17h.01",
+  key: "p32p05"
+}]];
+var CircleQuestionMark = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$w,
+  name: "circle-question-mark"
+}));
+var circle_question_mark_default = CircleQuestionMark;
+var iconNode$v = [["rect", {
   width: "8",
   height: "4",
   x: "8",
@@ -1652,11 +1719,11 @@ var iconNode$i = [["rect", {
   key: "18s6g9"
 }]];
 var ClipboardList = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$i,
+  iconNode: iconNode$v,
   name: "clipboard-list"
 }));
 var clipboard_list_default = ClipboardList;
-var iconNode$h = [["circle", {
+var iconNode$u = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1666,11 +1733,11 @@ var iconNode$h = [["circle", {
   key: "mmk7yg"
 }]];
 var Clock = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$h,
+  iconNode: iconNode$u,
   name: "clock"
 }));
 var clock_default = Clock;
-var iconNode$g = [["path", {
+var iconNode$t = [["path", {
   d: "M12 20v2",
   key: "1lh1kg"
 }], ["path", {
@@ -1722,11 +1789,11 @@ var iconNode$g = [["path", {
   key: "z9xiuo"
 }]];
 var Cpu = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$g,
+  iconNode: iconNode$t,
   name: "cpu"
 }));
 var cpu_default = Cpu;
-var iconNode$f = [["path", {
+var iconNode$s = [["path", {
   d: "M12 15V3",
   key: "m9g1x1"
 }], ["path", {
@@ -1737,11 +1804,79 @@ var iconNode$f = [["path", {
   key: "brsn70"
 }]];
 var Download = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$f,
+  iconNode: iconNode$s,
   name: "download"
 }));
 var download_default = Download;
-var iconNode$e = [["circle", {
+var iconNode$r = [["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", {
+  d: "m5.082 11.09 8.828 8.828",
+  key: "1wx5vj"
+}]];
+var Eraser = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$r,
+  name: "eraser"
+}));
+var eraser_default = Eraser;
+var iconNode$q = [["path", {
+  d: "M15 3h6v6",
+  key: "1q9fwt"
+}], ["path", {
+  d: "M10 14 21 3",
+  key: "gplh6r"
+}], ["path", {
+  d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6",
+  key: "a6xqqp"
+}]];
+var ExternalLink = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$q,
+  name: "external-link"
+}));
+var external_link_default = ExternalLink;
+var iconNode$p = [["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", {
+  d: "M14 2v5a1 1 0 0 0 1 1h5",
+  key: "wfsgrz"
+}], ["path", {
+  d: "M12 18v-6",
+  key: "17g6i2"
+}], ["path", {
+  d: "m9 15 3 3 3-3",
+  key: "1npd3o"
+}]];
+var FileDown = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$p,
+  name: "file-down"
+}));
+var file_down_default = FileDown;
+var iconNode$o = [["circle", {
+  cx: "12",
+  cy: "12",
+  r: "3",
+  key: "1v7zrd"
+}], ["path", {
+  d: "M3 7V5a2 2 0 0 1 2-2h2",
+  key: "aa7l1z"
+}], ["path", {
+  d: "M17 3h2a2 2 0 0 1 2 2v2",
+  key: "4qcy5o"
+}], ["path", {
+  d: "M21 17v2a2 2 0 0 1-2 2h-2",
+  key: "6vwrx8"
+}], ["path", {
+  d: "M7 21H5a2 2 0 0 1-2-2v-2",
+  key: "ioqczr"
+}]];
+var Focus = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$o,
+  name: "focus"
+}));
+var focus_default = Focus;
+var iconNode$n = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1754,11 +1889,11 @@ var iconNode$e = [["circle", {
   key: "9i4pu4"
 }]];
 var Globe = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$e,
+  iconNode: iconNode$n,
   name: "globe"
 }));
 var globe_default = Globe;
-var iconNode$d = [["path", {
+var iconNode$m = [["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", {
@@ -1775,11 +1910,11 @@ var iconNode$d = [["path", {
   key: "jksky3"
 }]];
 var LayersPlus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$d,
+  iconNode: iconNode$m,
   name: "layers-plus"
 }));
 var layers_plus_default = LayersPlus;
-var iconNode$c = [["rect", {
+var iconNode$l = [["rect", {
   width: "18",
   height: "11",
   x: "3",
@@ -1792,11 +1927,62 @@ var iconNode$c = [["rect", {
   key: "fwvmzm"
 }]];
 var Lock = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$c,
+  iconNode: iconNode$l,
   name: "lock"
 }));
 var lock_default = Lock;
-var iconNode$b = [["rect", {
+var iconNode$k = [["rect", {
+  width: "18",
+  height: "18",
+  x: "3",
+  y: "3",
+  rx: "2",
+  key: "afitv7"
+}], ["path", {
+  d: "M9 3v18",
+  key: "fh3hqa"
+}]];
+var PanelLeft = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$k,
+  name: "panel-left"
+}));
+var panel_left_default = PanelLeft;
+var iconNode$j = [["rect", {
+  width: "18",
+  height: "18",
+  x: "3",
+  y: "3",
+  rx: "2",
+  key: "afitv7"
+}], ["path", {
+  d: "M15 3v18",
+  key: "14nvp0"
+}], ["path", {
+  d: "m8 9 3 3-3 3",
+  key: "12hl5m"
+}]];
+var PanelRightClose = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$j,
+  name: "panel-right-close"
+}));
+var panel_right_close_default = PanelRightClose;
+var iconNode$i = [["rect", {
+  width: "18",
+  height: "18",
+  x: "3",
+  y: "3",
+  rx: "2",
+  key: "afitv7"
+}], ["path", {
+  d: "M15 3v18",
+  key: "14nvp0"
+}]];
+var PanelRight = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$i,
+  name: "panel-right"
+}));
+var panel_right_default = PanelRight;
+var iconNode$h = [["rect", {
   width: "18",
   height: "18",
   x: "3",
@@ -1808,11 +1994,11 @@ var iconNode$b = [["rect", {
   key: "1pudct"
 }]];
 var PanelTop = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$b,
+  iconNode: iconNode$h,
   name: "panel-top"
 }));
 var panel_top_default = PanelTop;
-var iconNode$a = [["path", {
+var iconNode$g = [["path", {
   d: "M5 12h14",
   key: "1ays0h"
 }], ["path", {
@@ -1820,11 +2006,42 @@ var iconNode$a = [["path", {
   key: "s699le"
 }]];
 var Plus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$a,
+  iconNode: iconNode$g,
   name: "plus"
 }));
 var plus_default = Plus;
-var iconNode$9 = [["path", {
+var iconNode$f = [["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", {
+  d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6",
+  key: "1itne7"
+}], ["rect", {
+  x: "6",
+  y: "14",
+  width: "12",
+  height: "8",
+  rx: "1",
+  key: "1ue0tg"
+}]];
+var Printer = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$f,
+  name: "printer"
+}));
+var printer_default = Printer;
+var iconNode$e = [["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", {
+  d: "M3 3v5h5",
+  key: "1xhq8a"
+}]];
+var RotateCcw = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$e,
+  name: "rotate-ccw"
+}));
+var rotate_ccw_default = RotateCcw;
+var iconNode$d = [["path", {
   d: "m21 21-4.34-4.34",
   key: "14j7rj"
 }], ["circle", {
@@ -1834,29 +2051,43 @@ var iconNode$9 = [["path", {
   key: "4ej97u"
 }]];
 var Search = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$9,
+  iconNode: iconNode$d,
   name: "search"
 }));
 var search_default = Search;
-var iconNode$8 = [["path", {
+var iconNode$c = [["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", {
+  cx: "12",
+  cy: "12",
+  r: "3",
+  key: "1v7zrd"
+}]];
+var Settings$1 = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$c,
+  name: "settings"
+}));
+var settings_default = Settings$1;
+var iconNode$b = [["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$8,
+  iconNode: iconNode$b,
   name: "shield"
 }));
 var shield_default = Shield;
-var iconNode$7 = [["path", {
+var iconNode$a = [["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$7,
+  iconNode: iconNode$a,
   name: "star"
 }));
 var star_default = Star;
-var iconNode$6 = [["path", {
+var iconNode$9 = [["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", {
@@ -1867,11 +2098,11 @@ var iconNode$6 = [["path", {
   key: "kqv944"
 }]];
 var Tag = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$6,
+  iconNode: iconNode$9,
   name: "tag"
 }));
 var tag_default = Tag;
-var iconNode$5 = [["path", {
+var iconNode$8 = [["path", {
   d: "M10 11v6",
   key: "nco0om"
 }], ["path", {
@@ -1888,11 +2119,23 @@ var iconNode$5 = [["path", {
   key: "e791ji"
 }]];
 var Trash2 = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$5,
+  iconNode: iconNode$8,
   name: "trash-2"
 }));
 var trash_2_default = Trash2;
-var iconNode$4 = [["path", {
+var iconNode$7 = [["path", {
+  d: "M9 14 4 9l5-5",
+  key: "102s5s"
+}], ["path", {
+  d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11",
+  key: "f3b9sd"
+}]];
+var Undo2 = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$7,
+  name: "undo-2"
+}));
+var undo_2_default = Undo2;
+var iconNode$6 = [["path", {
   d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",
   key: "975kel"
 }], ["circle", {
@@ -1902,11 +2145,11 @@ var iconNode$4 = [["path", {
   key: "17ys0d"
 }]];
 var User = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$4,
+  iconNode: iconNode$6,
   name: "user"
 }));
 var user_default = User;
-var iconNode$3 = [["path", {
+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"
 }], ["path", {
@@ -1917,11 +2160,11 @@ var iconNode$3 = [["path", {
   key: "ijwkga"
 }]];
 var Volume2 = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$3,
+  iconNode: iconNode$5,
   name: "volume-2"
 }));
 var volume_2_default = Volume2;
-var iconNode$2 = [["path", {
+var iconNode$4 = [["path", {
   d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",
   key: "uqj9uw"
 }], ["line", {
@@ -1938,11 +2181,11 @@ var iconNode$2 = [["path", {
   key: "5ykzw1"
 }]];
 var VolumeX = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$2,
+  iconNode: iconNode$4,
   name: "volume-x"
 }));
 var volume_x_default = VolumeX;
-var iconNode$1 = [["path", {
+var iconNode$3 = [["path", {
   d: "M18 6 6 18",
   key: "1bl5f8"
 }], ["path", {
@@ -1950,19 +2193,71 @@ var iconNode$1 = [["path", {
   key: "d8bk6v"
 }]];
 var X = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$1,
+  iconNode: iconNode$3,
   name: "x"
 }));
 var x_default = X;
-var iconNode = [["path", {
+var iconNode$2 = [["path", {
   d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
   key: "1xq2db"
 }]];
 var Zap = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode,
+  iconNode: iconNode$2,
   name: "zap"
 }));
 var zap_default = Zap;
+var iconNode$1 = [["circle", {
+  cx: "11",
+  cy: "11",
+  r: "8",
+  key: "4ej97u"
+}], ["line", {
+  x1: "21",
+  x2: "16.65",
+  y1: "21",
+  y2: "16.65",
+  key: "13gj7c"
+}], ["line", {
+  x1: "11",
+  x2: "11",
+  y1: "8",
+  y2: "14",
+  key: "1vmskp"
+}], ["line", {
+  x1: "8",
+  x2: "14",
+  y1: "11",
+  y2: "11",
+  key: "durymu"
+}]];
+var ZoomIn = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$1,
+  name: "zoom-in"
+}));
+var zoom_in_default = ZoomIn;
+var iconNode = [["circle", {
+  cx: "11",
+  cy: "11",
+  r: "8",
+  key: "4ej97u"
+}], ["line", {
+  x1: "21",
+  x2: "16.65",
+  y1: "21",
+  y2: "16.65",
+  key: "13gj7c"
+}], ["line", {
+  x1: "8",
+  x2: "14",
+  y1: "11",
+  y2: "11",
+  key: "durymu"
+}]];
+var ZoomOut = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode,
+  name: "zoom-out"
+}));
+var zoom_out_default = ZoomOut;
 function getEnvFlag(name) {
   const globalProcess = typeof globalThis === "object" && "process" in globalThis ? globalThis.process : void 0;
   return globalProcess?.env?.[name];
@@ -2196,6 +2491,53 @@ function useRuntime() {
     restoreSession: () => window.vessel.ai.restoreSession()
   };
 }
+function formatAgentActionName(name) {
+  return name.split(/[_-]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+function summarizeAgentAction(action) {
+  if (action.status === "waiting-approval") {
+    return action.argsSummary || "Waiting for approval";
+  }
+  if (action.status === "running") {
+    return action.argsSummary || "Running";
+  }
+  if (action.status === "failed") {
+    return action.error || action.resultSummary || "Action failed";
+  }
+  return action.resultSummary || action.argsSummary || "Completed";
+}
+function formatAgentTimelineDuration(durationMs) {
+  if (!durationMs || durationMs < 1) return null;
+  if (durationMs < 1e3) return `${Math.round(durationMs)}ms`;
+  return `${(durationMs / 1e3).toFixed(durationMs < 1e4 ? 1 : 0)}s`;
+}
+function buildAgentTimelineItems(state, limit = 12) {
+  const transcriptItems = state.transcript.map((entry) => ({
+    id: `transcript:${entry.id}`,
+    type: "transcript",
+    timestamp: entry.updatedAt,
+    status: entry.status,
+    kind: entry.kind,
+    label: entry.title || entry.kind,
+    detail: entry.text
+  }));
+  const actionItems = state.actions.map((action) => ({
+    id: `action:${action.id}`,
+    type: "action",
+    timestamp: action.finishedAt || action.startedAt,
+    status: action.status,
+    kind: "action",
+    label: formatAgentActionName(action.name),
+    detail: summarizeAgentAction(action),
+    durationMs: action.durationMs
+  }));
+  return [...transcriptItems, ...actionItems].sort(
+    (left, right) => new Date(right.timestamp).getTime() - new Date(left.timestamp).getTime()
+  ).slice(0, limit);
+}
+function isLiveAgentTimelineItem(item) {
+  return item.status === "streaming" || item.status === "running";
+}
 const AGENT_ACTIVITY_WINDOW_MS = 6e3;
 const AGENT_RECENT_WINDOW_MS = 3e4;
 const AGENT_RUNNING_STALE_WINDOW_MS = 5 * 6e4;
@@ -2219,7 +2561,7 @@ function summarizeTranscriptText(entry) {
   return singleLine.length > 96 ? `${singleLine.slice(0, 93).trimEnd()}...` : singleLine;
 }
 function summarizeActionText(action) {
-  const name = action.name.split(/[_-]+/).filter(Boolean).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+  const name = formatAgentActionName(action.name);
   if (action.status === "running") {
     return `${name} in progress`;
   }
@@ -2309,7 +2651,7 @@ function getAgentPresence(state, currentTime = Date.now()) {
   }
   return "idle";
 }
-var _tmpl$$p = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$o = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$l = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list></div><div class=tab-actions><button class=tab-new data-tooltip="New window"data-tooltip-pos=left></button><button class=tab-new data-tooltip="Add active tab to group"data-tooltip-pos=left></button><button class=tab-new data-tooltip="New tab"data-tooltip-pos=left></button><button class="tab-new tab-new-private"data-tooltip="Private window"data-tooltip-pos=left><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11z">`), _tmpl$4$l = /* @__PURE__ */ template(`<button><span class=tab-group-dot></span><span class=tab-group-name></span><span class=tab-group-count>`), _tmpl$5$i = /* @__PURE__ */ template(`<button class="tab-audio tab-audio-pinned">`), _tmpl$6$g = /* @__PURE__ */ template(`<div role=tab>`), _tmpl$7$e = /* @__PURE__ */ template(`<span class=tab-title>`), _tmpl$8$a = /* @__PURE__ */ template(`<button class=tab-audio>`), _tmpl$9$9 = /* @__PURE__ */ template(`<button class=tab-close>×`), _tmpl$0$7 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$1$7 = /* @__PURE__ */ template(`<span class=tab-loading>`);
+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$m = /* @__PURE__ */ template(`<button><span class=tab-group-dot></span><span class=tab-group-name></span><span class=tab-group-count>`), _tmpl$5$i = /* @__PURE__ */ template(`<button class="tab-audio tab-audio-pinned">`), _tmpl$6$g = /* @__PURE__ */ template(`<div role=tab>`), _tmpl$7$e = /* @__PURE__ */ template(`<span class=tab-title>`), _tmpl$8$a = /* @__PURE__ */ template(`<button class=tab-audio>`), _tmpl$9$9 = /* @__PURE__ */ template(`<button class=tab-close>×`), _tmpl$0$7 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$1$7 = /* @__PURE__ */ template(`<span class=tab-loading>`);
 const TAB_CLOSE_MS = 200;
 function stringToHue(str) {
   let hash = 0;
@@ -2336,14 +2678,14 @@ const TabFavicon = (props) => {
     },
     get fallback() {
       return (() => {
-        var _el$2 = _tmpl$2$o();
+        var _el$2 = _tmpl$2$q();
         insert(_el$2, letter);
         createRenderEffect((_$p) => setStyleProperty(_el$2, "--favicon-hue", `${hue()}`));
         return _el$2;
       })();
     },
     get children() {
-      var _el$ = _tmpl$$p();
+      var _el$ = _tmpl$$r();
       _el$.addEventListener("error", () => setFailed(true));
       createRenderEffect(() => setAttribute(_el$, "src", props.favicon));
       return _el$;
@@ -2409,7 +2751,7 @@ const TabBar = () => {
     }, TAB_CLOSE_MS);
   };
   return (() => {
-    var _el$3 = _tmpl$3$l(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
+    var _el$3 = _tmpl$3$m(), _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
     insert(_el$4, createComponent(For, {
       get each() {
         return tabEntries();
@@ -2420,7 +2762,7 @@ const TabBar = () => {
         },
         get fallback() {
           return memo(() => entry.type === "group")() && (() => {
-            var _el$0 = _tmpl$4$l(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling, _el$11 = _el$10.nextSibling;
+            var _el$0 = _tmpl$4$m(), _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling, _el$11 = _el$10.nextSibling;
             _el$0.$$contextmenu = (e) => {
               e.preventDefault();
               window.vessel.tabs.showGroupContextMenu(entry.groupId);
@@ -2575,7 +2917,7 @@ const TabBar = () => {
   })();
 };
 delegateEvents(["click", "contextmenu"]);
-var _tmpl$$o = /* @__PURE__ */ template(`<button class=security-popup-link>Reset permissions for this site`), _tmpl$2$n = /* @__PURE__ */ template(`<div class=security-popup><div class=security-popup-content><p class=security-popup-text></p><button class=security-popup-link>Learn More</button><div class=security-popup-section><div class=security-popup-section-title>Site permissions`), _tmpl$3$k = /* @__PURE__ */ template(`<p class=security-popup-muted>No saved permission decisions for this site.`), _tmpl$4$k = /* @__PURE__ */ template(`<div class=security-popup-permission-row><span></span><strong>`), _tmpl$5$h = /* @__PURE__ */ template(`<div class=security-popup-actions><button class=security-popup-action-proceed>Proceed Anyway</button><button class=security-popup-action-back>Go Back to Safety`);
+var _tmpl$$q = /* @__PURE__ */ template(`<button class=security-popup-link>Reset permissions for this site`), _tmpl$2$p = /* @__PURE__ */ template(`<div class=security-popup><div class=security-popup-content><p class=security-popup-text></p><button class=security-popup-link>Learn More</button><div class=security-popup-section><div class=security-popup-section-title>Site permissions`), _tmpl$3$l = /* @__PURE__ */ template(`<p class=security-popup-muted>No saved permission decisions for this site.`), _tmpl$4$l = /* @__PURE__ */ template(`<div class=security-popup-permission-row><span></span><strong>`), _tmpl$5$h = /* @__PURE__ */ template(`<div class=security-popup-actions><button class=security-popup-action-proceed>Proceed Anyway</button><button class=security-popup-action-back>Go Back to Safety`);
 const SecurityPopup = (props) => {
   const statusText = () => {
     switch (props.state.status) {
@@ -2628,7 +2970,7 @@ const SecurityPopup = (props) => {
     onCleanup(() => document.removeEventListener("click", handleClickOutside, true));
   });
   return (() => {
-    var _el$ = _tmpl$2$n(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
+    var _el$ = _tmpl$2$p(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
     _el$5.firstChild;
     _el$.$$click = (e) => e.stopPropagation();
     insert(_el$3, statusText);
@@ -2638,7 +2980,7 @@ const SecurityPopup = (props) => {
         return sitePermissions().length > 0;
       },
       get fallback() {
-        return _tmpl$3$k();
+        return _tmpl$3$l();
       },
       get children() {
         return [createComponent(For, {
@@ -2646,14 +2988,14 @@ const SecurityPopup = (props) => {
             return sitePermissions();
           },
           children: (item) => (() => {
-            var _el$9 = _tmpl$4$k(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
+            var _el$9 = _tmpl$4$l(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
             insert(_el$0, () => item.permission);
             insert(_el$1, () => item.decision);
             createRenderEffect(() => className(_el$1, item.decision));
             return _el$9;
           })()
         }), (() => {
-          var _el$7 = _tmpl$$o();
+          var _el$7 = _tmpl$$q();
           _el$7.$$click = async () => {
             await window.vessel.permissions.clearOrigin(origin());
             await loadPermissions();
@@ -2675,40 +3017,64 @@ const SecurityPopup = (props) => {
   })();
 };
 delegateEvents(["click"]);
+const SIDEBAR_MIN_WIDTH = 240;
+const SIDEBAR_MAX_WIDTH = 800;
+function clampSidebarWidth(width) {
+  return Math.max(
+    SIDEBAR_MIN_WIDTH,
+    Math.min(SIDEBAR_MAX_WIDTH, Math.round(width))
+  );
+}
 const DEFAULT_SIDEBAR_WIDTH = 400;
-const MIN_SIDEBAR = 240;
-const MAX_SIDEBAR = 800;
 const [sidebarOpen, setSidebarOpen] = createSignal(true);
 const [sidebarWidth, setSidebarWidth] = createSignal(DEFAULT_SIDEBAR_WIDTH);
+const [sidebarDetached, setSidebarDetached] = createSignal(false);
 window.vessel?.settings?.get().then((settings) => {
   if (settings?.sidebarWidth && typeof settings.sidebarWidth === "number") {
-    setSidebarWidth(
-      Math.max(MIN_SIDEBAR, Math.min(MAX_SIDEBAR, settings.sidebarWidth))
-    );
+    setSidebarWidth(clampSidebarWidth(settings.sidebarWidth));
   }
 }).catch(() => {
 });
 const [focusMode, setFocusMode] = createSignal(false);
 const [commandBarOpen, setCommandBarOpen] = createSignal(false);
+const [browserCommandPaletteOpen, setBrowserCommandPaletteOpen] = createSignal(false);
 const [settingsOpen, setSettingsOpen] = createSignal(false);
 const [devtoolsPanelOpen, setDevtoolsPanelOpen] = createSignal(false);
 let lastIpcTime = 0;
 const IPC_THROTTLE_MS = 8;
-function clampSidebarWidth(width) {
-  return Math.max(MIN_SIDEBAR, Math.min(MAX_SIDEBAR, Math.round(width)));
+let sidebarStateListenerInitialized = false;
+function applySidebarState(result) {
+  setSidebarOpen(result.open);
+  setSidebarWidth(result.width);
+  setSidebarDetached(result.detached);
+}
+function ensureSidebarStateListener() {
+  if (sidebarStateListenerInitialized) return;
+  sidebarStateListenerInitialized = true;
+  window.vessel?.ui?.onSidebarStateUpdate?.(applySidebarState);
 }
 function useUI() {
+  ensureSidebarStateListener();
   return {
     sidebarOpen,
     sidebarWidth,
+    sidebarDetached,
     focusMode,
     commandBarOpen,
+    browserCommandPaletteOpen,
     settingsOpen,
     devtoolsPanelOpen,
     toggleSidebar: async () => {
       const result = await window.vessel.ui.toggleSidebar();
-      setSidebarOpen(result.open);
-      setSidebarWidth(result.width);
+      applySidebarState(result);
+    },
+    popOutSidebar: async () => {
+      const result = await window.vessel.ui.popOutSidebar();
+      applySidebarState(result);
+    },
+    dockSidebar: async () => {
+      const result = await window.vessel.ui.dockSidebar();
+      applySidebarState(result);
     },
     resizeSidebar: (width) => {
       const clamped = clampSidebarWidth(width);
@@ -2735,6 +3101,8 @@ function useUI() {
     },
     openCommandBar: () => setCommandBarOpen(true),
     closeCommandBar: () => setCommandBarOpen(false),
+    openBrowserCommandPalette: () => setBrowserCommandPaletteOpen(true),
+    closeBrowserCommandPalette: () => setBrowserCommandPaletteOpen(false),
     openSettings: async () => {
       setSidebarOpen(false);
       setSettingsOpen(true);
@@ -3034,7 +3402,7 @@ const SEARCH_ENGINE_PRESETS = {
   ecosia: { label: "Ecosia", url: "https://www.ecosia.org/search?q=" },
   kagi: { label: "Kagi", url: "https://kagi.com/search?q=" }
 };
-var _tmpl$$n = /* @__PURE__ */ template(`<div class=private-badge title="Private Browsing - history and cookies are not saved"><svg width=12 height=12 viewBox="0 0 16 16"fill=currentColor><path d="M8 1a7 7 0 100 14A7 7 0 008 1zm0 1.5a5.5 5.5 0 110 11 5.5 5.5 0 010-11zM5.5 7a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zm3.5 3.5c0-1-1.5-2-2.5-2s-2.5 1-2.5 2"></path></svg><span>Private`), _tmpl$2$m = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z">`), _tmpl$3$j = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.5>`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=security-indicator-wrapper><button>`), _tmpl$5$g = /* @__PURE__ */ template(`<div id=address-autocomplete class=autocomplete-dropdown role=listbox>`), _tmpl$6$f = /* @__PURE__ */ template(`<div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text>`), _tmpl$7$d = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Open the What Changed timeline"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>What Changed?`), _tmpl$8$9 = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$9$8 = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Recent detections`), _tmpl$0$6 = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>Compared with your last visit</span><span class=page-diff-burst-meta>Previous snapshot from </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$1$6 = /* @__PURE__ */ template(`<svg><path d="M3 3 L11 3 L11 9 Q7 13 3 9 Z"fill=none stroke=currentColor stroke-width=1.2 stroke-linejoin=round></svg>`, false, true, false), _tmpl$10$6 = /* @__PURE__ */ template(`<svg><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.4 stroke-linecap=round></svg>`, false, true, false), _tmpl$11$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1>`), _tmpl$12$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round>`), _tmpl$13$5 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$14$5 = /* @__PURE__ */ template(`<button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2>`), _tmpl$15$5 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Clear Data">`), _tmpl$16$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`), _tmpl$17$4 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"autocomplete=off aria-autocomplete=list aria-controls=address-autocomplete></form></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14">`), _tmpl$18$4 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><circle cx=7 cy=8 r=0.8 fill=white>`), _tmpl$19$4 = /* @__PURE__ */ template(`<div role=option><span class=autocomplete-icon></span><span class=autocomplete-text><span class=autocomplete-title></span><span class=autocomplete-url>`), _tmpl$20$4 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$21$4 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-section>`), _tmpl$22$4 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-part><span>`), _tmpl$23$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$24$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$25$3 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$26$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$27$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$28$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><div class=page-diff-badges><span class=page-diff-kind></span><span class=page-diff-section></span></div><span class=page-diff-summary>`), _tmpl$29$3 = /* @__PURE__ */ template(`<li>`);
+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$k = /* @__PURE__ */ template(`<div class=security-indicator-wrapper><button>`), _tmpl$5$g = /* @__PURE__ */ template(`<div id=address-autocomplete class=autocomplete-dropdown role=listbox>`), _tmpl$6$f = /* @__PURE__ */ template(`<div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text>`), _tmpl$7$d = /* @__PURE__ */ template(`<button class="agent-status-badge recent"title="Open the What Changed timeline"style=cursor:pointer;font-size:11px><span class=agent-status-dot aria-hidden=true style=background:#f59e0b></span><span class=agent-status-text>What Changed?`), _tmpl$8$9 = /* @__PURE__ */ template(`<span class=page-diff-burst-meta>Updated <!> times over `), _tmpl$9$8 = /* @__PURE__ */ template(`<div class=page-diff-burst-history><div class=page-diff-burst-history-label>Recent detections`), _tmpl$0$6 = /* @__PURE__ */ template(`<div class=page-diff-popup><div class=page-diff-popup-header><div class=page-diff-popup-header-copy><span>Compared with your last visit</span><span class=page-diff-burst-meta>Previous snapshot from </span></div><div style=display:flex;gap:8px;align-items:center><button class=nav-btn title="Open the full What Changed timeline"style="height:24px;min-width:auto;padding:0 8px">Timeline</button><button class=page-diff-popup-close>&times;`), _tmpl$1$6 = /* @__PURE__ */ template(`<svg><path d="M3 3 L11 3 L11 9 Q7 13 3 9 Z"fill=none stroke=currentColor stroke-width=1.2 stroke-linejoin=round></svg>`, false, true, false), _tmpl$10$6 = /* @__PURE__ */ template(`<svg><line x1=2 y1=12 x2=12 y2=2 stroke=currentColor stroke-width=1.4 stroke-linecap=round></svg>`, false, true, false), _tmpl$11$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1>`), _tmpl$12$6 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round>`), _tmpl$13$5 = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$14$5 = /* @__PURE__ */ template(`<button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2>`), _tmpl$15$5 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip="Clear Data">`), _tmpl$16$4 = /* @__PURE__ */ template(`<button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`), _tmpl$17$4 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"autocomplete=off aria-autocomplete=list aria-controls=address-autocomplete></form></div><div class=toolbar-actions><button class=nav-btn><svg width=14 height=14 viewBox="0 0 14 14">`), _tmpl$18$4 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 14 14"fill=currentColor><path d="M7 1a4 4 0 00-4 4v2H1.5a.5.5 0 00-.5.5v5a.5.5 0 00.5.5h11a.5.5 0 00.5-.5v-5a.5.5 0 00-.5-.5H11V5a4 4 0 00-4-4zm0 1a3 3 0 013 3v2H4V5a3 3 0 013-3z"></path><circle cx=7 cy=8 r=0.8 fill=white>`), _tmpl$19$4 = /* @__PURE__ */ template(`<div role=option><span class=autocomplete-icon></span><span class=autocomplete-text><span class=autocomplete-title></span><span class=autocomplete-url>`), _tmpl$20$4 = /* @__PURE__ */ template(`<div class=page-diff-burst-row><span class=page-diff-burst-time></span><span class=page-diff-burst-summary>`), _tmpl$21$4 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-section>`), _tmpl$22$4 = /* @__PURE__ */ template(`<span class=page-diff-burst-summary-part><span>`), _tmpl$23$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>Before</span><span class=page-diff-snippet-text>`), _tmpl$24$4 = /* @__PURE__ */ template(`<div class=page-diff-snippet><span class=page-diff-snippet-label>After</span><span class=page-diff-snippet-text>`), _tmpl$25$3 = /* @__PURE__ */ template(`<div class=page-diff-snippets>`), _tmpl$26$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Added</span><ul class=page-diff-list>`), _tmpl$27$3 = /* @__PURE__ */ template(`<div class=page-diff-list-group><span class=page-diff-list-label>Removed</span><ul class=page-diff-list>`), _tmpl$28$3 = /* @__PURE__ */ template(`<div><div class=page-diff-item-header><div class=page-diff-badges><span class=page-diff-kind></span><span class=page-diff-section></span></div><span class=page-diff-summary>`), _tmpl$29$3 = /* @__PURE__ */ template(`<li>`);
 const AddressBar = (props) => {
   const {
     activeTab,
@@ -3337,7 +3705,7 @@ const AddressBar = (props) => {
     insert(_el$, createComponent(Show, {
       when: isPrivateWindow,
       get children() {
-        return _tmpl$$n();
+        return _tmpl$$p();
       }
     }), _el$11);
     insert(_el$, createComponent(Show, {
@@ -3345,7 +3713,7 @@ const AddressBar = (props) => {
         return memo(() => !!securityState()?.status)() && securityState()?.status !== "none";
       },
       get children() {
-        var _el$7 = _tmpl$4$j(), _el$8 = _el$7.firstChild;
+        var _el$7 = _tmpl$4$k(), _el$8 = _el$7.firstChild;
         _el$8.$$click = () => setShowSecurityPopup((prev) => !prev);
         insert(_el$8, createComponent(Switch, {
           get fallback() {
@@ -3361,7 +3729,7 @@ const AddressBar = (props) => {
                 return securityState()?.status === "secure";
               },
               get children() {
-                var _el$9 = _tmpl$2$m();
+                var _el$9 = _tmpl$2$o();
                 _el$9.firstChild;
                 return _el$9;
               }
@@ -3370,7 +3738,7 @@ const AddressBar = (props) => {
                 return securityState()?.status === "insecure";
               },
               get children() {
-                var _el$1 = _tmpl$3$j();
+                var _el$1 = _tmpl$3$k();
                 _el$1.firstChild;
                 return _el$1;
               }
@@ -3751,7 +4119,7 @@ const AddressBar = (props) => {
   })();
 };
 delegateEvents(["click", "input", "keydown", "mousedown"]);
-var _tmpl$$m = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$l = /* @__PURE__ */ template(`<div class=bookmark-toast role=status><div class=bookmark-toast-header><div class=bookmark-toast-title></div><button type=button class=bookmark-toast-close aria-label="Dismiss notification">×</button></div><div class=bookmark-toast-message>`);
+var _tmpl$$o = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$n = /* @__PURE__ */ template(`<div class=bookmark-toast role=status><div class=bookmark-toast-header><div class=bookmark-toast-title></div><button type=button class=bookmark-toast-close aria-label="Dismiss notification">×</button></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS$1 = 4200;
 const TOAST_EXIT_MS$2 = 300;
 function isBookmarkToastCandidate(action) {
@@ -3811,13 +4179,13 @@ const BookmarkNotifications = () => {
     timeoutIds.clear();
   });
   return (() => {
-    var _el$ = _tmpl$$m();
+    var _el$ = _tmpl$$o();
     insert(_el$, createComponent(For, {
       get each() {
         return toasts();
       },
       children: (toast) => (() => {
-        var _el$2 = _tmpl$2$l(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
+        var _el$2 = _tmpl$2$n(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
         insert(_el$4, () => toast.title);
         _el$5.$$click = () => dismissToast(toast.id);
         insert(_el$6, () => toast.message);
@@ -3829,7 +4197,7 @@ const BookmarkNotifications = () => {
   })();
 };
 delegateEvents(["click"]);
-var _tmpl$$l = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite><div class="bookmark-toast highlight-toast"role=status><div class=bookmark-toast-header><div class=bookmark-toast-title></div><button type=button class=bookmark-toast-close aria-label="Dismiss notification">×</button></div><div class=bookmark-toast-message>`);
+var _tmpl$$n = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite><div class="bookmark-toast highlight-toast"role=status><div class=bookmark-toast-header><div class=bookmark-toast-title></div><button type=button class=bookmark-toast-close aria-label="Dismiss notification">×</button></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS = 3e3;
 const TOAST_EXIT_MS$1 = 300;
 const HighlightNotifications = (props) => {
@@ -3868,7 +4236,7 @@ const HighlightNotifications = (props) => {
       return memo(() => !!visible())() && current();
     },
     get children() {
-      var _el$ = _tmpl$$l(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
+      var _el$ = _tmpl$$n(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
       insert(_el$4, () => current().title);
       _el$5.$$click = dismiss;
       insert(_el$6, () => current().message);
@@ -3878,7 +4246,7 @@ const HighlightNotifications = (props) => {
   });
 };
 delegateEvents(["click"]);
-var _tmpl$$k = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$k = /* @__PURE__ */ template(`<span class=download-toast-done>&#10003;`), _tmpl$3$i = /* @__PURE__ */ template(`<span class=download-toast-failed>!`), _tmpl$4$i = /* @__PURE__ */ template(`<div class=download-toast-bar-track><div class=download-toast-bar-fill>`), _tmpl$5$f = /* @__PURE__ */ template(`<div class=download-toast-size>`), _tmpl$6$e = /* @__PURE__ */ template(`<div class="download-toast-size download-toast-size-done"> downloaded`), _tmpl$7$c = /* @__PURE__ */ template(`<div class=download-toast role=status><div class=download-toast-header><span class=download-toast-filename>`);
+var _tmpl$$m = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$m = /* @__PURE__ */ template(`<span class=download-toast-done>&#10003;`), _tmpl$3$j = /* @__PURE__ */ template(`<span class=download-toast-failed>!`), _tmpl$4$j = /* @__PURE__ */ template(`<div class=download-toast-bar-track><div class=download-toast-bar-fill>`), _tmpl$5$f = /* @__PURE__ */ template(`<div class=download-toast-size>`), _tmpl$6$e = /* @__PURE__ */ template(`<div class="download-toast-size download-toast-size-done"> downloaded`), _tmpl$7$c = /* @__PURE__ */ template(`<div class=download-toast role=status><div class=download-toast-header><span class=download-toast-filename>`);
 const TOAST_DONE_DURATION_MS = 4200;
 const TOAST_EXIT_MS = 300;
 function formatBytes$1(bytes) {
@@ -3969,7 +4337,7 @@ const DownloadToast = () => {
     return Math.min(100, Math.round(d.receivedBytes / d.totalBytes * 100));
   };
   return (() => {
-    var _el$ = _tmpl$$k();
+    var _el$ = _tmpl$$m();
     insert(_el$, createComponent(For, {
       get each() {
         return downloads();
@@ -3982,7 +4350,7 @@ const DownloadToast = () => {
             return dl.state === "completed";
           },
           get children() {
-            return _tmpl$2$k();
+            return _tmpl$2$m();
           }
         }), null);
         insert(_el$3, createComponent(Show, {
@@ -3990,7 +4358,7 @@ const DownloadToast = () => {
             return dl.state === "cancelled" || dl.state === "interrupted";
           },
           get children() {
-            return _tmpl$3$i();
+            return _tmpl$3$j();
           }
         }), null);
         insert(_el$2, createComponent(Show, {
@@ -3999,7 +4367,7 @@ const DownloadToast = () => {
           },
           get children() {
             return [(() => {
-              var _el$7 = _tmpl$4$i(), _el$8 = _el$7.firstChild;
+              var _el$7 = _tmpl$4$j(), _el$8 = _el$7.firstChild;
               createRenderEffect((_$p) => setStyleProperty(_el$8, "width", `${progressPercent(dl)}%`));
               return _el$7;
             })(), (() => {
@@ -4034,7 +4402,7 @@ const DownloadToast = () => {
     return _el$;
   })();
 };
-var _tmpl$$j = /* @__PURE__ */ template(`<div class=modal-backdrop><div class=downloads-panel><div class=downloads-panel-header><div><h2>Downloads</h2><p>Recent files saved by Vessel</p></div><div class=downloads-panel-actions><button>Clear</button><button>Close</button></div></div><div class=downloads-panel-list>`), _tmpl$2$j = /* @__PURE__ */ template(`<div class=downloads-empty>No downloads yet.`), _tmpl$3$h = /* @__PURE__ */ template(`<div class=downloads-row><div class=downloads-file><strong></strong><span></span><small> · </small></div><div class=downloads-row-actions><button>Open</button><button>Show in folder`), _tmpl$4$h = /* @__PURE__ */ template(`<span>Source: `);
+var _tmpl$$l = /* @__PURE__ */ template(`<div class=modal-backdrop><div class=downloads-panel><div class=downloads-panel-header><div><h2>Downloads</h2><p>Recent files saved by Vessel</p></div><div class=downloads-panel-actions><button>Clear</button><button>Close</button></div></div><div class=downloads-panel-list>`), _tmpl$2$l = /* @__PURE__ */ template(`<div class=downloads-empty>No downloads yet.`), _tmpl$3$i = /* @__PURE__ */ template(`<div class=downloads-row><div class=downloads-file><strong></strong><span></span><small> · </small></div><div class=downloads-row-actions><button>Open</button><button>Show in folder`), _tmpl$4$i = /* @__PURE__ */ template(`<span>Source: `);
 const formatBytes = (bytes) => {
   if (!bytes) return "0 B";
   const units = ["B", "KB", "MB", "GB"];
@@ -4059,7 +4427,7 @@ const DownloadsPanel = (props) => {
       return props.open;
     },
     get children() {
-      var _el$ = _tmpl$$j(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$3.nextSibling;
+      var _el$ = _tmpl$$l(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$3.nextSibling;
       addEventListener(_el$, "click", props.onClose, true);
       _el$2.$$click = (e) => e.stopPropagation();
       _el$6.$$click = async () => {
@@ -4072,10 +4440,10 @@ const DownloadsPanel = (props) => {
           return items();
         },
         get fallback() {
-          return _tmpl$2$j();
+          return _tmpl$2$l();
         },
         children: (item) => (() => {
-          var _el$0 = _tmpl$3$h(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$1.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling;
+          var _el$0 = _tmpl$3$i(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$1.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling;
           insert(_el$10, () => item.filename);
           insert(_el$11, () => item.savePath);
           insert(_el$1, createComponent(Show, {
@@ -4083,7 +4451,7 @@ const DownloadsPanel = (props) => {
               return item.url;
             },
             children: (url) => (() => {
-              var _el$17 = _tmpl$4$h();
+              var _el$17 = _tmpl$4$i();
               _el$17.firstChild;
               insert(_el$17, url, null);
               return _el$17;
@@ -4106,7 +4474,7 @@ const DownloadsPanel = (props) => {
   });
 };
 delegateEvents(["click"]);
-var _tmpl$$i = /* @__PURE__ */ template(`<div class=find-bar><input class=find-bar-input type=text placeholder="Find in page..."><button class=find-bar-btn title="Previous (Shift+Enter)">&#9650;</button><button class=find-bar-btn title="Next (Enter)">&#9660;</button><button class="find-bar-btn find-bar-close"title="Close (Escape)">&times;`), _tmpl$2$i = /* @__PURE__ */ template(`<span class=find-bar-count>`);
+var _tmpl$$k = /* @__PURE__ */ template(`<div class=find-bar><input class=find-bar-input type=text placeholder="Find in page..."><button class=find-bar-btn title="Previous (Shift+Enter)">&#9650;</button><button class=find-bar-btn title="Next (Enter)">&#9660;</button><button class="find-bar-btn find-bar-close"title="Close (Escape)">&times;`), _tmpl$2$k = /* @__PURE__ */ template(`<span class=find-bar-count>`);
 const FindBar = () => {
   const [open, setOpen] = createSignal(false);
   const [query, setQuery] = createSignal("");
@@ -4184,7 +4552,7 @@ const FindBar = () => {
       return open();
     },
     get children() {
-      var _el$ = _tmpl$$i(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
+      var _el$ = _tmpl$$k(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
       _el$2.$$input = (e) => handleInput(e.currentTarget.value);
       var _ref$ = inputRef;
       typeof _ref$ === "function" ? use(_ref$, _el$2) : inputRef = _el$2;
@@ -4194,7 +4562,7 @@ const FindBar = () => {
           return result();
         },
         children: (r) => (() => {
-          var _el$6 = _tmpl$2$i();
+          var _el$6 = _tmpl$2$k();
           insert(_el$6, (() => {
             var _c$ = memo(() => r().matches > 0);
             return () => _c$() ? `${r().activeMatchOrdinal} / ${r().matches}` : "No results";
@@ -4211,7 +4579,7 @@ const FindBar = () => {
   });
 };
 delegateEvents(["input", "click"]);
-var _tmpl$$h = /* @__PURE__ */ template(`<div class=flow-progress>`), _tmpl$2$h = /* @__PURE__ */ template(`<div class=flow-progress-hint>Last: `), _tmpl$3$g = /* @__PURE__ */ template(`<div class=flow-progress-hint>Next: `), _tmpl$4$g = /* @__PURE__ */ template(`<div class=flow-progress-section><div class=flow-progress-header><span class=flow-progress-goal></span><span class=flow-progress-pct>%</span></div><div class=flow-progress-bar-track><div class=flow-progress-bar-fill></div></div><div class=flow-steps>`), _tmpl$5$e = /* @__PURE__ */ template(`<div><span class=flow-step-dot></span><span class=flow-step-label>`);
+var _tmpl$$j = /* @__PURE__ */ template(`<div class=flow-progress>`), _tmpl$2$j = /* @__PURE__ */ template(`<div class=flow-progress-hint>Last: `), _tmpl$3$h = /* @__PURE__ */ template(`<div class=flow-progress-hint>Next: `), _tmpl$4$h = /* @__PURE__ */ template(`<div class=flow-progress-section><div class=flow-progress-header><span class=flow-progress-goal></span><span class=flow-progress-pct>%</span></div><div class=flow-progress-bar-track><div class=flow-progress-bar-fill></div></div><div class=flow-steps>`), _tmpl$5$e = /* @__PURE__ */ template(`<div><span class=flow-step-dot></span><span class=flow-step-label>`);
 const FlowProgress = () => {
   const {
     runtimeState: runtimeState2
@@ -4242,13 +4610,13 @@ const FlowProgress = () => {
       return flow() || tracker();
     },
     get children() {
-      var _el$ = _tmpl$$h();
+      var _el$ = _tmpl$$j();
       insert(_el$, createComponent(Show, {
         get when() {
           return tracker();
         },
         children: (t) => (() => {
-          var _el$2 = _tmpl$4$g(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$3.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling;
+          var _el$2 = _tmpl$4$h(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$3.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling;
           insert(_el$4, () => t().goal);
           insert(_el$5, () => progressPercent(t().steps), _el$6);
           insert(_el$9, createComponent(For, {
@@ -4267,7 +4635,7 @@ const FlowProgress = () => {
               return t().lastAction;
             },
             get children() {
-              var _el$0 = _tmpl$2$h();
+              var _el$0 = _tmpl$2$j();
               _el$0.firstChild;
               insert(_el$0, () => t().lastAction, null);
               return _el$0;
@@ -4278,7 +4646,7 @@ const FlowProgress = () => {
               return memo(() => !!t().nextHint)() && !t().steps.every((s) => s.status === "done");
             },
             get children() {
-              var _el$10 = _tmpl$3$g();
+              var _el$10 = _tmpl$3$h();
               _el$10.firstChild;
               insert(_el$10, () => t().nextHint, null);
               return _el$10;
@@ -4293,7 +4661,7 @@ const FlowProgress = () => {
           return memo(() => !!flow())() && !tracker();
         },
         children: (f) => (() => {
-          var _el$15 = _tmpl$4$g(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$16.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling;
+          var _el$15 = _tmpl$4$h(), _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$16.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$20.nextSibling;
           insert(_el$17, () => f().goal);
           insert(_el$18, () => progressPercent(f().steps), _el$19);
           insert(_el$22, createComponent(For, {
@@ -4342,7 +4710,7 @@ function formatTime(iso, options) {
     ...options?.includeSeconds && { second: "2-digit" }
   });
 }
-var _tmpl$$g = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$g = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$3$f = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$4$f = /* @__PURE__ */ template(`<aside class=agent-transcript-dock><div class=agent-transcript-header><div class=agent-transcript-title-row><span class=agent-transcript-title>Agent Transcript</span></div><div class=agent-transcript-actions><button class=agent-transcript-icon></button><button class=agent-transcript-icon data-tooltip=Hide>×`), _tmpl$5$d = /* @__PURE__ */ template(`<span class=agent-summary-live-dot aria-hidden=true>`), _tmpl$6$d = /* @__PURE__ */ template(`<span class=agent-summary-text>: `), _tmpl$7$b = /* @__PURE__ */ template(`<article><div class=agent-transcript-meta><span class=agent-transcript-badge></span><span class=agent-transcript-time></span></div><div class=agent-transcript-text>`);
+var _tmpl$$i = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$i = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$3$g = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$4$g = /* @__PURE__ */ template(`<aside class=agent-transcript-dock><div class=agent-transcript-header><div class=agent-transcript-title-row><span class=agent-transcript-title>Agent Timeline</span></div><div class=agent-transcript-actions><button class=agent-transcript-icon></button><button class=agent-transcript-icon data-tooltip=Hide>×`), _tmpl$5$d = /* @__PURE__ */ template(`<span class=agent-summary-live-dot aria-hidden=true>`), _tmpl$6$d = /* @__PURE__ */ template(`<span class=agent-summary-text>: `), _tmpl$7$b = /* @__PURE__ */ template(`<article><div class=agent-transcript-meta><span class=agent-transcript-badge></span><span class=agent-transcript-time></span></div><div class=agent-transcript-text>`);
 const AgentTranscriptDock = () => {
   const {
     runtimeState: runtimeState2
@@ -4358,117 +4726,665 @@ const AgentTranscriptDock = () => {
     });
     onCleanup(unsubscribe2);
   });
-  const visibleEntries = createMemo(() => runtimeState2().transcript.slice(-6).reverse());
-  const hasStreamingEntry = createMemo(() => visibleEntries().some((entry) => entry.status === "streaming"));
+  const timelineItems = createMemo(() => buildAgentTimelineItems(runtimeState2()));
+  const hasStreamingEntry = createMemo(() => timelineItems().some(isLiveAgentTimelineItem));
   const hideDock = async () => {
     setMode("off");
     await window.vessel.settings.set("agentTranscriptMode", "off");
   };
   const isSummary = createMemo(() => mode() === "summary");
   const latestEntry = createMemo(() => {
-    const entries2 = visibleEntries();
+    const entries2 = timelineItems();
     return entries2.length > 0 ? entries2[0] : null;
   });
   return createComponent(Show, {
     get when() {
-      return memo(() => mode() !== "off")() && visibleEntries().length > 0;
+      return memo(() => mode() !== "off")() && timelineItems().length > 0;
+    },
+    get children() {
+      return [createComponent(Show, {
+        get when() {
+          return isSummary();
+        },
+        get children() {
+          var _el$ = _tmpl$$i();
+          insert(_el$, createComponent(Show, {
+            get when() {
+              return latestEntry();
+            },
+            children: (entry) => [createComponent(Show, {
+              get when() {
+                return hasStreamingEntry();
+              },
+              get children() {
+                return _tmpl$5$d();
+              }
+            }), (() => {
+              var _el$10 = _tmpl$6$d(), _el$11 = _el$10.firstChild;
+              insert(_el$10, () => entry().label, _el$11);
+              insert(_el$10, (() => {
+                var _c$ = memo(() => entry().detail.length > 80);
+                return () => _c$() ? entry().detail.slice(0, 77) + "..." : entry().detail;
+              })(), null);
+              return _el$10;
+            })()]
+          }));
+          return _el$;
+        }
+      }), createComponent(Show, {
+        get when() {
+          return !isSummary();
+        },
+        get children() {
+          var _el$2 = _tmpl$4$g(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
+          _el$4.firstChild;
+          var _el$7 = _el$4.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling;
+          insert(_el$4, createComponent(Show, {
+            get when() {
+              return hasStreamingEntry();
+            },
+            get children() {
+              return _tmpl$2$i();
+            }
+          }), null);
+          _el$8.$$click = () => setCollapsed((value) => !value);
+          insert(_el$8, () => collapsed() ? "▴" : "▾");
+          _el$9.$$click = () => void hideDock();
+          insert(_el$2, createComponent(Show, {
+            get when() {
+              return !collapsed();
+            },
+            get children() {
+              var _el$0 = _tmpl$3$g();
+              use((el) => useScrollFade(el), _el$0);
+              insert(_el$0, createComponent(For, {
+                get each() {
+                  return timelineItems();
+                },
+                children: (entry) => {
+                  const duration = () => entry.type === "action" ? formatAgentTimelineDuration(entry.durationMs) : null;
+                  return (() => {
+                    var _el$13 = _tmpl$7$b(), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling, _el$17 = _el$14.nextSibling;
+                    insert(_el$15, () => entry.label);
+                    insert(_el$16, () => formatTime(entry.timestamp), null);
+                    insert(_el$16, createComponent(Show, {
+                      get when() {
+                        return duration();
+                      },
+                      children: (value) => [" · ", memo(value)]
+                    }), null);
+                    insert(_el$17, () => entry.detail);
+                    createRenderEffect((_p$) => {
+                      var _v$3 = `agent-transcript-entry ${entry.kind}`, _v$4 = !!isLiveAgentTimelineItem(entry), _v$5 = !!(entry.status === "failed"), _v$6 = !!(entry.status === "waiting-approval");
+                      _v$3 !== _p$.e && className(_el$13, _p$.e = _v$3);
+                      _v$4 !== _p$.t && _el$13.classList.toggle("streaming", _p$.t = _v$4);
+                      _v$5 !== _p$.a && _el$13.classList.toggle("failed", _p$.a = _v$5);
+                      _v$6 !== _p$.o && _el$13.classList.toggle("waiting-approval", _p$.o = _v$6);
+                      return _p$;
+                    }, {
+                      e: void 0,
+                      t: void 0,
+                      a: void 0,
+                      o: void 0
+                    });
+                    return _el$13;
+                  })();
+                }
+              }));
+              return _el$0;
+            }
+          }), null);
+          createRenderEffect((_p$) => {
+            var _v$ = !!collapsed(), _v$2 = collapsed() ? "Expand" : "Collapse";
+            _v$ !== _p$.e && _el$2.classList.toggle("collapsed", _p$.e = _v$);
+            _v$2 !== _p$.t && setAttribute(_el$8, "data-tooltip", _p$.t = _v$2);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
+          return _el$2;
+        }
+      })];
+    }
+  });
+};
+delegateEvents(["click"]);
+function useAnimatedPresence(isOpen, exitDurationMs) {
+  const [visible, setVisible] = createSignal(false);
+  const [closing, setClosing] = createSignal(false);
+  let exitTimer;
+  createEffect(() => {
+    const open = isOpen();
+    if (open) {
+      if (exitTimer) {
+        clearTimeout(exitTimer);
+        exitTimer = void 0;
+      }
+      setClosing(false);
+      setVisible(true);
+    } else if (visible()) {
+      setClosing(true);
+      exitTimer = window.setTimeout(() => {
+        setVisible(false);
+        setClosing(false);
+        exitTimer = void 0;
+      }, exitDurationMs);
+    }
+  });
+  onCleanup(() => {
+    if (exitTimer) clearTimeout(exitTimer);
+  });
+  return { visible, closing };
+}
+const BROWSER_COMMAND_DEFINITIONS = [
+  {
+    id: "browser-command-palette",
+    label: "Browser Command Palette",
+    hint: "Search browser actions",
+    keywords: "command palette actions",
+    shortcuts: [{ ctrl: true, key: "k" }],
+    shortcutLabel: "Ctrl+K",
+    icon: "search",
+    privateMode: false,
+    showInPalette: false
+  },
+  {
+    id: "ask-agent",
+    label: "Ask Agent",
+    hint: "Open the AI command bar",
+    keywords: "ai ask chat command bar",
+    shortcuts: [{ ctrl: true, key: "l" }],
+    shortcutLabel: "Ctrl+L",
+    icon: "bot",
+    privateMode: false
+  },
+  {
+    id: "toggle-sidebar",
+    label: "Toggle Agent Panel",
+    hint: "Show or hide the docked agent sidebar",
+    keywords: "agent sidebar panel chat",
+    shortcuts: [{ ctrl: true, shift: true, key: "l" }],
+    shortcutLabel: "Ctrl+Shift+L",
+    icon: "sidebar",
+    privateMode: false
+  },
+  {
+    id: "focus-mode",
+    label: "Toggle Focus Mode",
+    hint: "Hide or restore browser chrome",
+    keywords: "focus fullscreen chrome",
+    shortcuts: [{ ctrl: true, shift: true, key: "f" }],
+    shortcutLabel: "Ctrl+Shift+F",
+    icon: "focus",
+    privateMode: false
+  },
+  {
+    id: "new-tab",
+    label: "New Tab",
+    hint: "Open a fresh browser tab",
+    keywords: "tab create open",
+    shortcuts: [{ ctrl: true, key: "t" }],
+    shortcutLabel: "Ctrl+T",
+    icon: "plus"
+  },
+  {
+    id: "close-tab",
+    label: "Close Tab",
+    hint: "Close the active browser tab",
+    keywords: "tab close remove",
+    shortcuts: [{ ctrl: true, key: "w" }],
+    shortcutLabel: "Ctrl+W",
+    icon: "eraser"
+  },
+  {
+    id: "reopen-tab",
+    label: "Reopen Closed Tab",
+    hint: "Restore the most recently closed tab",
+    keywords: "undo restore closed tab",
+    shortcuts: [{ ctrl: true, shift: true, key: "t" }],
+    shortcutLabel: "Ctrl+Shift+T",
+    icon: "undo"
+  },
+  {
+    id: "new-window",
+    label: "New Window",
+    hint: "Open another Vessel window",
+    keywords: "window browser",
+    shortcuts: [{ ctrl: true, key: "n" }],
+    shortcutLabel: "Ctrl+N",
+    icon: "app-window"
+  },
+  {
+    id: "private-window",
+    label: "New Private Window",
+    hint: "Browse without saving local session data",
+    keywords: "incognito private window",
+    shortcuts: [{ ctrl: true, shift: true, key: "n" }],
+    shortcutLabel: "Ctrl+Shift+N",
+    icon: "shield"
+  },
+  {
+    id: "reload",
+    label: "Reload Page",
+    hint: (context) => context.activeTabTitle() || "Reload the active tab",
+    keywords: "refresh reload page",
+    icon: "rotate"
+  },
+  {
+    id: "go-back",
+    label: "Go Back",
+    hint: "Navigate the active tab backward",
+    keywords: "history previous back",
+    icon: "undo"
+  },
+  {
+    id: "go-forward",
+    label: "Go Forward",
+    hint: "Navigate the active tab forward",
+    keywords: "history next forward",
+    icon: "panel-right"
+  },
+  {
+    id: "find-page",
+    label: "Find in Page",
+    hint: "Search text in the active page",
+    keywords: "find search page text",
+    shortcuts: [{ ctrl: true, key: "f" }],
+    shortcutLabel: "Ctrl+F",
+    icon: "search",
+    showInPalette: false
+  },
+  {
+    id: "settings",
+    label: "Settings",
+    hint: "Open runtime settings",
+    keywords: "preferences configuration provider",
+    shortcuts: [{ ctrl: true, key: "," }],
+    shortcutLabel: "Ctrl+,",
+    icon: "settings",
+    privateMode: false
+  },
+  {
+    id: "downloads",
+    label: "Downloads",
+    hint: "Show recent downloads",
+    keywords: "download files",
+    icon: "download"
+  },
+  {
+    id: "clear-data",
+    label: "Clear Browsing Data",
+    hint: "Open privacy cleanup options",
+    keywords: "privacy cache cookies history",
+    shortcuts: [{ ctrl: true, shift: true, key: "Delete" }],
+    shortcutLabel: "Ctrl+Shift+Delete",
+    icon: "eraser",
+    privateMode: false
+  },
+  {
+    id: "keyboard-help",
+    label: "Keyboard Shortcuts",
+    hint: "Show available browser shortcuts",
+    keywords: "help shortcuts keys",
+    shortcuts: [{ shift: true, key: "?" }],
+    shortcutLabel: "?",
+    icon: "help-circle",
+    ignoreEditableTarget: true
+  },
+  {
+    id: "devtools",
+    label: "Toggle Agent DevTools",
+    hint: "Open or close the agent debugging panel",
+    keywords: "debug devtools activity network console",
+    shortcuts: [{ key: "F12" }],
+    shortcutLabel: "F12",
+    icon: "shield",
+    privateMode: false
+  },
+  {
+    id: "zoom-in",
+    label: "Zoom In",
+    hint: "Increase active page zoom",
+    keywords: "page scale larger",
+    shortcuts: [
+      { ctrl: true, key: "+" },
+      { ctrl: true, key: "=" }
+    ],
+    shortcutLabel: "Ctrl++ / Ctrl+=",
+    icon: "zoom-in"
+  },
+  {
+    id: "zoom-out",
+    label: "Zoom Out",
+    hint: "Decrease active page zoom",
+    keywords: "page scale smaller",
+    shortcuts: [{ ctrl: true, key: "-" }],
+    shortcutLabel: "Ctrl+-",
+    icon: "zoom-out"
+  },
+  {
+    id: "zoom-reset",
+    label: "Reset Zoom",
+    hint: "Return active page zoom to default",
+    keywords: "page scale normal",
+    shortcuts: [{ ctrl: true, key: "0" }],
+    shortcutLabel: "Ctrl+0",
+    icon: "search"
+  },
+  {
+    id: "print",
+    label: "Print Page",
+    hint: "Open print options for the active tab",
+    keywords: "printer paper",
+    shortcuts: [{ ctrl: true, key: "p" }],
+    shortcutLabel: "Ctrl+P",
+    icon: "printer"
+  },
+  {
+    id: "save-pdf",
+    label: "Save Page as PDF",
+    hint: "Export the active tab to a PDF",
+    keywords: "print pdf export",
+    shortcuts: [{ ctrl: true, shift: true, key: "p" }],
+    shortcutLabel: "Ctrl+Shift+P",
+    icon: "file-down"
+  },
+  {
+    id: "toggle-pip",
+    label: "Toggle Picture-in-Picture",
+    hint: "Toggle picture-in-picture for supported media",
+    keywords: "video picture in picture pip",
+    shortcuts: [{ ctrl: true, shift: true, key: "i" }],
+    shortcutLabel: "Ctrl+Shift+I",
+    icon: "panel-right",
+    privateMode: false
+  },
+  {
+    id: "capture-highlight",
+    label: "Capture Highlight",
+    hint: "Save the current page selection",
+    keywords: "highlight selection save quote",
+    shortcuts: [{ ctrl: true, key: "h" }],
+    shortcutLabel: "Ctrl+H",
+    icon: "plus",
+    privateMode: false
+  }
+];
+function createBrowserCommands(context) {
+  const actions = {
+    "browser-command-palette": context.openBrowserCommandPalette,
+    "ask-agent": context.openCommandBar,
+    "toggle-sidebar": context.toggleSidebar,
+    "focus-mode": context.toggleFocusMode,
+    "new-tab": context.createTab,
+    "close-tab": context.closeActiveTab,
+    "reopen-tab": context.reopenClosedTab,
+    "new-window": context.openNewWindow,
+    "private-window": context.openPrivateWindow,
+    reload: context.reload,
+    "go-back": context.goBack,
+    "go-forward": context.goForward,
+    "find-page": () => void 0,
+    settings: context.openSettings,
+    downloads: context.openDownloads,
+    "clear-data": context.clearBrowsingData,
+    "keyboard-help": context.toggleKeyboardHelp,
+    devtools: context.toggleDevTools,
+    "zoom-in": context.zoomIn,
+    "zoom-out": context.zoomOut,
+    "zoom-reset": context.zoomReset,
+    print: context.print,
+    "save-pdf": context.printToPdf,
+    "toggle-pip": context.togglePip,
+    "capture-highlight": context.captureHighlight
+  };
+  return BROWSER_COMMAND_DEFINITIONS.filter(
+    (definition) => definition.showInPalette !== false
+  ).map((definition) => ({
+    id: definition.id,
+    label: definition.label,
+    hint: typeof definition.hint === "function" ? definition.hint(context) : definition.hint,
+    keywords: definition.keywords,
+    shortcut: definition.shortcutLabel,
+    icon: definition.icon,
+    run: actions[definition.id]
+  }));
+}
+function getBrowserCommandShortcutHelp(privateMode = false) {
+  return BROWSER_COMMAND_DEFINITIONS.filter(
+    (definition) => definition.shortcutLabel && (!privateMode || definition.privateMode !== false)
+  ).map((definition) => ({
+    keys: definition.shortcutLabel,
+    action: definition.label
+  }));
+}
+function getBrowserCommandIdForKeyboardEvent(event) {
+  for (const definition of BROWSER_COMMAND_DEFINITIONS) {
+    if (!definition.shortcuts) continue;
+    if (definition.ignoreEditableTarget && isEditableTarget(event.target)) {
+      continue;
+    }
+    if (definition.shortcuts.some((shortcut) => matchesShortcut(event, shortcut))) {
+      return definition.id;
+    }
+  }
+  return null;
+}
+function matchesShortcut(event, shortcut) {
+  const ctrl = event.ctrlKey || event.metaKey;
+  return ctrl === Boolean(shortcut.ctrl) && event.shiftKey === Boolean(shortcut.shift) && event.altKey === Boolean(shortcut.alt) && event.key.toLowerCase() === shortcut.key.toLowerCase();
+}
+function isEditableTarget(target) {
+  if (typeof HTMLElement === "undefined" || !(target instanceof HTMLElement)) {
+    return false;
+  }
+  return target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable;
+}
+var _tmpl$$h = /* @__PURE__ */ template(`<div class=browser-command-overlay><section class=browser-command-palette><div class=browser-command-search><input placeholder="Search browser commands..."><kbd>Esc</kbd></div><div class=browser-command-list role=listbox>`), _tmpl$2$h = /* @__PURE__ */ template(`<div class=browser-command-empty>No matching commands`), _tmpl$3$f = /* @__PURE__ */ template(`<button type=button class=browser-command-item role=option><span class=browser-command-icon></span><span class=browser-command-copy><span class=browser-command-label></span><span class=browser-command-hint>`), _tmpl$4$f = /* @__PURE__ */ template(`<kbd class=browser-command-shortcut>`);
+const PALETTE_EXIT_MS = 160;
+const COMMAND_ICONS = {
+  "app-window": app_window_default,
+  bot: bot_default,
+  download: download_default,
+  eraser: eraser_default,
+  "file-down": file_down_default,
+  focus: focus_default,
+  "help-circle": circle_question_mark_default,
+  "panel-right": panel_right_default,
+  plus: plus_default,
+  printer: printer_default,
+  rotate: rotate_ccw_default,
+  search: search_default,
+  settings: settings_default,
+  shield: shield_default,
+  sidebar: panel_left_default,
+  undo: undo_2_default,
+  "zoom-in": zoom_in_default,
+  "zoom-out": zoom_out_default
+};
+const BrowserCommandPalette = (props) => {
+  const {
+    browserCommandPaletteOpen: browserCommandPaletteOpen2,
+    closeBrowserCommandPalette,
+    openCommandBar,
+    toggleSidebar,
+    toggleFocusMode,
+    toggleDevTools,
+    openSettings
+  } = useUI();
+  const {
+    activeTab,
+    activeTabId: activeTabId2,
+    createTab,
+    closeTab,
+    reload,
+    goBack,
+    goForward,
+    reopenClosed,
+    zoomIn,
+    zoomOut,
+    zoomReset,
+    print,
+    printToPdf
+  } = useTabs();
+  const {
+    visible,
+    closing
+  } = useAnimatedPresence(browserCommandPaletteOpen2, PALETTE_EXIT_MS);
+  const [query, setQuery] = createSignal("");
+  const [selectedIndex, setSelectedIndex] = createSignal(0);
+  let inputRef;
+  const runForActiveTab = (action) => {
+    const id = activeTabId2();
+    if (id) return action(id);
+  };
+  const commands = createMemo(() => createBrowserCommands({
+    activeTabTitle: () => activeTab()?.title,
+    createTab: () => createTab(),
+    closeActiveTab: () => runForActiveTab((id) => closeTab(id)),
+    reopenClosedTab: () => reopenClosed(),
+    openNewWindow: () => window.vessel.tabs.openNewWindow(),
+    openPrivateWindow: () => window.vessel.tabs.openPrivateWindow(),
+    reload: () => reload(),
+    goBack: () => goBack(),
+    goForward: () => goForward(),
+    openBrowserCommandPalette: () => void 0,
+    openCommandBar: () => openCommandBar(),
+    toggleSidebar: () => toggleSidebar(),
+    toggleFocusMode: () => toggleFocusMode(),
+    openSettings: () => openSettings(),
+    openDownloads: props.onOpenDownloads,
+    clearBrowsingData: props.onOpenClearData,
+    toggleKeyboardHelp: props.onToggleKeyboardHelp,
+    toggleDevTools: () => toggleDevTools(),
+    zoomIn: () => runForActiveTab((id) => zoomIn(id)),
+    zoomOut: () => runForActiveTab((id) => zoomOut(id)),
+    zoomReset: () => runForActiveTab((id) => zoomReset(id)),
+    print: () => runForActiveTab((id) => print(id)),
+    printToPdf: () => runForActiveTab((id) => printToPdf(id)),
+    togglePip: () => window.vessel.pip.toggle(),
+    captureHighlight: props.onCaptureHighlight
+  }));
+  const filteredCommands = createMemo(() => {
+    const needle = query().trim().toLowerCase();
+    if (!needle) return commands();
+    return commands().filter((command) => `${command.label} ${command.hint} ${command.keywords}`.toLowerCase().includes(needle));
+  });
+  createEffect(() => {
+    if (!browserCommandPaletteOpen2()) return;
+    setQuery("");
+    setSelectedIndex(0);
+    queueMicrotask(() => inputRef?.focus());
+  });
+  createEffect(() => {
+    const count = filteredCommands().length;
+    if (selectedIndex() >= count) {
+      setSelectedIndex(Math.max(0, count - 1));
+    }
+  });
+  const close = () => closeBrowserCommandPalette();
+  const runCommand = async (command) => {
+    close();
+    await command.run();
+  };
+  const onKeyDown = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      close();
+      return;
+    }
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      const count = filteredCommands().length;
+      if (count > 0) setSelectedIndex((selectedIndex() + 1) % count);
+      return;
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      const count = filteredCommands().length;
+      if (count > 0) setSelectedIndex((selectedIndex() - 1 + count) % count);
+      return;
+    }
+    if (event.key === "Enter") {
+      event.preventDefault();
+      const command = filteredCommands()[selectedIndex()];
+      if (command) void runCommand(command);
+    }
+  };
+  return createComponent(Show, {
+    get when() {
+      return visible();
     },
     get children() {
-      return [createComponent(Show, {
+      var _el$ = _tmpl$$h(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling;
+      _el$.$$click = close;
+      _el$2.$$click = (event) => event.stopPropagation();
+      insert(_el$3, createComponent(search_default, {
+        size: 17,
+        "aria-hidden": "true"
+      }), _el$4);
+      _el$4.$$keydown = onKeyDown;
+      _el$4.$$input = (event) => setQuery(event.currentTarget.value);
+      var _ref$ = inputRef;
+      typeof _ref$ === "function" ? use(_ref$, _el$4) : inputRef = _el$4;
+      setAttribute(_el$4, "spellcheck", false);
+      insert(_el$5, createComponent(Show, {
         get when() {
-          return isSummary();
+          return filteredCommands().length > 0;
         },
-        get children() {
-          var _el$ = _tmpl$$g();
-          insert(_el$, createComponent(Show, {
-            get when() {
-              return latestEntry();
-            },
-            children: (entry) => [createComponent(Show, {
-              get when() {
-                return hasStreamingEntry();
-              },
-              get children() {
-                return _tmpl$5$d();
-              }
-            }), (() => {
-              var _el$10 = _tmpl$6$d(), _el$11 = _el$10.firstChild;
-              insert(_el$10, () => entry().title || entry().kind, _el$11);
-              insert(_el$10, (() => {
-                var _c$ = memo(() => entry().text.length > 80);
-                return () => _c$() ? entry().text.slice(0, 77) + "..." : entry().text;
-              })(), null);
-              return _el$10;
-            })()]
-          }));
-          return _el$;
-        }
-      }), createComponent(Show, {
-        get when() {
-          return !isSummary();
+        get fallback() {
+          return _tmpl$2$h();
         },
         get children() {
-          var _el$2 = _tmpl$4$f(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
-          _el$4.firstChild;
-          var _el$7 = _el$4.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling;
-          insert(_el$4, createComponent(Show, {
-            get when() {
-              return hasStreamingEntry();
-            },
-            get children() {
-              return _tmpl$2$g();
-            }
-          }), null);
-          _el$8.$$click = () => setCollapsed((value) => !value);
-          insert(_el$8, () => collapsed() ? "▴" : "▾");
-          _el$9.$$click = () => void hideDock();
-          insert(_el$2, createComponent(Show, {
-            get when() {
-              return !collapsed();
+          return createComponent(For, {
+            get each() {
+              return filteredCommands();
             },
-            get children() {
-              var _el$0 = _tmpl$3$f();
-              use((el) => useScrollFade(el), _el$0);
-              insert(_el$0, createComponent(For, {
-                get each() {
-                  return visibleEntries();
-                },
-                children: (entry) => (() => {
-                  var _el$12 = _tmpl$7$b(), _el$13 = _el$12.firstChild, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling, _el$16 = _el$13.nextSibling;
-                  insert(_el$14, () => entry.title || entry.kind);
-                  insert(_el$15, () => formatTime(entry.updatedAt));
-                  insert(_el$16, () => entry.text);
-                  createRenderEffect((_p$) => {
-                    var _v$3 = `agent-transcript-entry ${entry.kind}`, _v$4 = !!(entry.status === "streaming");
-                    _v$3 !== _p$.e && className(_el$12, _p$.e = _v$3);
-                    _v$4 !== _p$.t && _el$12.classList.toggle("streaming", _p$.t = _v$4);
-                    return _p$;
-                  }, {
-                    e: void 0,
-                    t: void 0
-                  });
-                  return _el$12;
-                })()
-              }));
-              return _el$0;
+            children: (command, index) => {
+              const Icon2 = COMMAND_ICONS[command.icon];
+              return (() => {
+                var _el$7 = _tmpl$3$f(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
+                _el$7.$$click = () => void runCommand(command);
+                _el$7.addEventListener("mouseenter", () => setSelectedIndex(index()));
+                insert(_el$8, createComponent(Icon2, {
+                  size: 16,
+                  "aria-hidden": "true"
+                }));
+                insert(_el$0, () => command.label);
+                insert(_el$1, () => command.hint);
+                insert(_el$7, createComponent(Show, {
+                  get when() {
+                    return command.shortcut;
+                  },
+                  children: (shortcut) => (() => {
+                    var _el$10 = _tmpl$4$f();
+                    insert(_el$10, shortcut);
+                    return _el$10;
+                  })()
+                }), null);
+                createRenderEffect((_p$) => {
+                  var _v$ = !!(index() === selectedIndex()), _v$2 = index() === selectedIndex();
+                  _v$ !== _p$.e && _el$7.classList.toggle("selected", _p$.e = _v$);
+                  _v$2 !== _p$.t && setAttribute(_el$7, "aria-selected", _p$.t = _v$2);
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0
+                });
+                return _el$7;
+              })();
             }
-          }), null);
-          createRenderEffect((_p$) => {
-            var _v$ = !!collapsed(), _v$2 = collapsed() ? "Expand" : "Collapse";
-            _v$ !== _p$.e && _el$2.classList.toggle("collapsed", _p$.e = _v$);
-            _v$2 !== _p$.t && setAttribute(_el$8, "data-tooltip", _p$.t = _v$2);
-            return _p$;
-          }, {
-            e: void 0,
-            t: void 0
           });
-          return _el$2;
         }
-      })];
+      }));
+      createRenderEffect(() => _el$.classList.toggle("closing", !!closing()));
+      createRenderEffect(() => _el$4.value = query());
+      return _el$;
     }
   });
 };
-delegateEvents(["click"]);
+delegateEvents(["click", "input", "keydown"]);
 const MAX_PROVIDER_HISTORY_MESSAGES = 24;
 const MAX_PROVIDER_HISTORY_CHARS = 24e3;
 const MAX_PROVIDER_HISTORY_MESSAGE_CHARS = 3e3;
@@ -4842,33 +5758,6 @@ function useAI() {
     }
   };
 }
-function useAnimatedPresence(isOpen, exitDurationMs) {
-  const [visible, setVisible] = createSignal(false);
-  const [closing, setClosing] = createSignal(false);
-  let exitTimer;
-  createEffect(() => {
-    const open = isOpen();
-    if (open) {
-      if (exitTimer) {
-        clearTimeout(exitTimer);
-        exitTimer = void 0;
-      }
-      setClosing(false);
-      setVisible(true);
-    } else if (visible()) {
-      setClosing(true);
-      exitTimer = window.setTimeout(() => {
-        setVisible(false);
-        setClosing(false);
-        exitTimer = void 0;
-      }, exitDurationMs);
-    }
-  });
-  onCleanup(() => {
-    if (exitTimer) clearTimeout(exitTimer);
-  });
-  return { visible, closing };
-}
 function useProviderAuthSetup(options = {}) {
   const [codexAuthStatus, setCodexAuthStatus] = createSignal("idle");
   const [codexAccountEmail, setCodexAccountEmail] = createSignal("");
@@ -4963,7 +5852,7 @@ function useProviderAuthSetup(options = {}) {
     startOpenRouterAuth
   };
 }
-var _tmpl$$f = /* @__PURE__ */ template(`<p class=command-bar-no-provider-error>`), _tmpl$2$f = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Start with OpenRouter's free model router, or open Settings for more providers.</p><button class=command-bar-no-provider-btn></button><button class=command-bar-no-provider-link>More options`), _tmpl$3$e = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$4$e = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$5$c = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=command-bar><form><div class=command-bar-icon><svg width=16 height=16 viewBox="0 0 16 16"><circle cx=8 cy=8 r=6 fill=none stroke=var(--accent-primary) stroke-width=1.5></circle><circle cx=6 cy=7 r=0.8 fill=var(--accent-primary)></circle><circle cx=10 cy=7 r=0.8 fill=var(--accent-primary)></circle><path d="M6 10c0.5 0.8 3.5 0.8 4 0"fill=none stroke=var(--accent-primary) stroke-width=0.8 stroke-linecap=round></path></svg></div><input class=command-bar-input type=text></form><div class=command-bar-hints><span><kbd>Enter</kbd> to ask</span><span><kbd>Esc</kbd> to close`), _tmpl$6$c = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$7$a = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
+var _tmpl$$g = /* @__PURE__ */ template(`<p class=command-bar-no-provider-error>`), _tmpl$2$g = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Start with OpenRouter's free model router, or open Settings for more providers.</p><button class=command-bar-no-provider-btn></button><button class=command-bar-no-provider-link>More options`), _tmpl$3$e = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$4$e = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$5$c = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=command-bar><form><div class=command-bar-icon><svg width=16 height=16 viewBox="0 0 16 16"><circle cx=8 cy=8 r=6 fill=none stroke=var(--accent-primary) stroke-width=1.5></circle><circle cx=6 cy=7 r=0.8 fill=var(--accent-primary)></circle><circle cx=10 cy=7 r=0.8 fill=var(--accent-primary)></circle><path d="M6 10c0.5 0.8 3.5 0.8 4 0"fill=none stroke=var(--accent-primary) stroke-width=0.8 stroke-linecap=round></path></svg></div><input class=command-bar-input type=text></form><div class=command-bar-hints><span><kbd>Enter</kbd> to ask</span><span><kbd>Esc</kbd> to close`), _tmpl$6$c = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$7$a = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
 const COMMAND_BAR_EXIT_MS = 200;
 const CommandBar = () => {
   const {
@@ -5042,7 +5931,7 @@ const CommandBar = () => {
           return !hasProvider();
         },
         get children() {
-          var _el$6 = _tmpl$2$f(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
+          var _el$6 = _tmpl$2$g(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling;
           _el$8.$$click = () => void providerAuth.startOpenRouterAuth();
           insert(_el$8, createComponent(Show, {
             get when() {
@@ -5060,7 +5949,7 @@ const CommandBar = () => {
               return providerAuth.openRouterAuthStatus() === "error";
             },
             get children() {
-              var _el$0 = _tmpl$$f();
+              var _el$0 = _tmpl$$g();
               insert(_el$0, () => providerAuth.openRouterAuthError());
               return _el$0;
             }
@@ -6824,7 +7713,7 @@ function getBookmarkSearchMatch(args) {
   }
   return { matchedFields, score };
 }
-var _tmpl$$e = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$2$e = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$3$d = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$4$d = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`);
+var _tmpl$$f = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$2$f = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$3$d = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$4$d = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`);
 const DropdownSelect = (props) => {
   const [open, setOpen] = createSignal(false);
   let rootRef;
@@ -6848,7 +7737,7 @@ const DropdownSelect = (props) => {
     });
   });
   return (() => {
-    var _el$ = _tmpl$2$e(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+    var _el$ = _tmpl$2$f(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
     var _ref$ = rootRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : rootRef = _el$;
     _el$2.$$click = () => setOpen((current) => !current);
@@ -6858,7 +7747,7 @@ const DropdownSelect = (props) => {
         return open();
       },
       get children() {
-        var _el$5 = _tmpl$$e();
+        var _el$5 = _tmpl$$f();
         insert(_el$5, createComponent(For, {
           get each() {
             return props.options;
@@ -7061,7 +7950,7 @@ function renderKitPrompt(kit, values) {
     (_, key) => values[key] ?? ""
   );
 }
-var _tmpl$$d = /* @__PURE__ */ template(`<div class=kit-upsell><div class=kit-upsell-icon aria-hidden=true></div><p class=kit-upsell-title>Vessel Premium</p><p class=kit-upsell-body>Automation Kits are a premium feature. Upgrade to unlock pre-built workflows you can launch with one click.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$d = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Automation Kits <span class=kit-beta-tag>Beta</span></span><div class=kit-list-header-actions><span class=kit-list-count> kits</span><button class=kit-install-btn type=button title="Install a kit from a .kit.json file">+ Install`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$b = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$9 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$8 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$7 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to kits"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M9 11L5 7l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Back</button><div class=kit-form-title>`), _tmpl$0$5 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$5 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$5 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$5 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$5 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$13$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$14$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$16$3 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$3 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$18$3 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$3 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$23$3 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$3 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$25$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>×`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card role=button tabindex=0><span class=kit-card-icon aria-hidden=true></span><div class=kit-card-body><div class=kit-card-name></div><div class=kit-card-desc>`), _tmpl$27$2 = /* @__PURE__ */ template(`<svg class=kit-card-caret width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M5 3l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$28$2 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$29$2 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$30$1 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$31$1 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$1 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$1 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$1 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$1 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$1 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$39$1 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$40$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$41$1 = /* @__PURE__ */ template(`<option>`), _tmpl$42$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
+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>Automation Kits are a premium feature. Upgrade to unlock pre-built workflows you can launch with one click.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$e = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Automation Kits <span class=kit-beta-tag>Beta</span></span><div class=kit-list-header-actions><span class=kit-list-count> kits</span><button class=kit-install-btn type=button title="Install a kit from a .kit.json file">+ Install`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$c = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$b = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$9 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$8 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$7 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to kits"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M9 11L5 7l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Back</button><div class=kit-form-title>`), _tmpl$0$5 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$5 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$5 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$5 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$5 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$13$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$14$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$16$3 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$3 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$18$3 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$3 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$23$3 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$3 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$25$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>×`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card role=button tabindex=0><span class=kit-card-icon aria-hidden=true></span><div class=kit-card-body><div class=kit-card-name></div><div class=kit-card-desc>`), _tmpl$27$2 = /* @__PURE__ */ template(`<svg class=kit-card-caret width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M5 3l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$28$2 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$29$2 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$30$1 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$31$1 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$1 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$1 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$1 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$1 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$1 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$39$1 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$40$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$41$1 = /* @__PURE__ */ template(`<option>`), _tmpl$42$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
 const ICON_MAP = {
   BookOpen: book_open_default,
   Tag: tag_default,
@@ -7386,7 +8275,7 @@ const AutomationTab = (props) => {
         return memo(() => !!!premiumData.loading)() && !isPremium();
       },
       get children() {
-        var _el$2 = _tmpl$$d(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
+        var _el$2 = _tmpl$$e(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
         insert(_el$3, createComponent(zap_default, {
           size: 24
         }));
@@ -7400,7 +8289,7 @@ const AutomationTab = (props) => {
       },
       get children() {
         return [(() => {
-          var _el$7 = _tmpl$2$d(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling;
+          var _el$7 = _tmpl$2$e(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling;
           insert(_el$0, () => allKits().length, _el$1);
           _el$10.$$click = () => void handleInstall();
           return _el$7;
@@ -7977,17 +8866,17 @@ function useResearch() {
     }
   };
 }
-var _tmpl$$c = /* @__PURE__ */ template(`<div class=markdown-content>`), _tmpl$2$c = /* @__PURE__ */ template(`<div>`), _tmpl$3$b = /* @__PURE__ */ template(`<div class=research-premium-notice><span class=premium-badge>Premium</span> Brief is free; full research and export require Vessel Premium.`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=research-brief-status>`), _tmpl$5$a = /* @__PURE__ */ template(`<div class=research-idle><h3>Research Desk</h3><p>Start with a topic. Vessel will shape it into a focused brief, draft a research plan, and then send sub-agents after the strongest sources.</p><form class=research-topic-form><textarea class=research-topic-input rows=3 placeholder="What should we research?"></textarea><button class=research-start-btn type=submit>Start Briefing`), _tmpl$6$a = /* @__PURE__ */ template(`<div class=research-brief-loading role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><div><div class=research-loading-title>Brief started</div><div class=research-loading-copy>Preparing the first briefing question...`), _tmpl$7$8 = /* @__PURE__ */ template(`<div class="research-brief-status thinking"role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><span>Thinking...`), _tmpl$8$7 = /* @__PURE__ */ template(`<div class=research-brief-status> queued`), _tmpl$9$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$b = /* @__PURE__ */ template(`<div class=research-brief-status>`), _tmpl$5$a = /* @__PURE__ */ template(`<div class=research-idle><h3>Research Desk</h3><p>Start with a topic. Vessel will shape it into a focused brief, draft a research plan, and then send sub-agents after the strongest sources.</p><form class=research-topic-form><textarea class=research-topic-input rows=3 placeholder="What should we research?"></textarea><button class=research-start-btn type=submit>Start Briefing`), _tmpl$6$a = /* @__PURE__ */ template(`<div class=research-brief-loading role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><div><div class=research-loading-title>Brief started</div><div class=research-loading-copy>Preparing the first briefing question...`), _tmpl$7$8 = /* @__PURE__ */ template(`<div class="research-brief-status thinking"role=status aria-live=polite><span class=research-spinner aria-hidden=true></span><span>Thinking...`), _tmpl$8$7 = /* @__PURE__ */ template(`<div class=research-brief-status> queued`), _tmpl$9$6 = /* @__PURE__ */ template(`<div class=research-phase><h3>Briefing</h3><p>Work through the brief here. Once the assistant has enough context, turn it into a research plan.</p><div class=research-brief-thread></div><form class=research-brief-form><textarea class=research-brief-input rows=2></textarea><button type=submit></button></form><div class=phase-controls><button>Build Research Plan</button><button class=secondary>Cancel`), _tmpl$0$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Planning Research</h3><p>Creating Research Objectives based on your brief...`), _tmpl$1$4 = /* @__PURE__ */ template(`<div class=research-phase><h3>Research Objectives`), _tmpl$10$4 = /* @__PURE__ */ template(`<div class=research-thread-progress-list>`), _tmpl$11$4 = /* @__PURE__ */ template(`<button>Switch to Walk-Away`), _tmpl$12$4 = /* @__PURE__ */ template(`<button>Switch to Interactive`), _tmpl$13$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Researching</h3><div class=research-active-card role=status aria-live=polite><span class="research-spinner research-active-spinner"aria-hidden=true></span><div class=research-active-copy><div class=research-active-title>Agents are working</div><p> of <!> threads complete</p></div></div><div class=phase-controls><button class=secondary>Stop Research</button><button>Stop Research &amp; Synthesize Current Findings`), _tmpl$14$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Synthesizing Report</h3><p>Compiling findings into the Research Report...`), _tmpl$15$3 = /* @__PURE__ */ template(`<div class=research-phase><h3>Report Ready`), _tmpl$16$2 = /* @__PURE__ */ template(`<div class=research-desk>`), _tmpl$17$2 = /* @__PURE__ */ template(`<div class="research-quick-replies inline"aria-label="Suggested briefing responses">`), _tmpl$18$2 = /* @__PURE__ */ template(`<button type=button class=research-quick-reply>`), _tmpl$19$2 = /* @__PURE__ */ template(`<div class=objectives-card><section class=objectives-section><p class=objectives-label>Question</p><p class=objectives-question></p></section><section class=objectives-section><div class=objectives-section-header><p class=objectives-label>Research Threads</p><span></span></div><ul class=objectives-thread-list></ul></section><section class="objectives-section objectives-settings"><label class=mode-toggle><input type=checkbox><span>Walk-away mode (notified when done)</span></label><label class=traces-toggle><input type=checkbox><span>Include agent traces with report</span></label></section><div class=phase-controls><button>Start Research</button><button class=secondary>Cancel`), _tmpl$20$2 = /* @__PURE__ */ template(`<li><span></span><small> sources`), _tmpl$21$2 = /* @__PURE__ */ template(`<section class=objectives-section><p class=objectives-label>Excluded Sources</p><div class=objectives-source-list>`), _tmpl$22$2 = /* @__PURE__ */ template(`<span>`), _tmpl$23$2 = /* @__PURE__ */ template(`<div><span></span><small>`), _tmpl$24$2 = /* @__PURE__ */ template(`<div class=report-card><h4></h4><p>...</p><p> sources cited</p><button>Export as Markdown</button><button class=secondary>New Research`);
 const ResearchBriefMarkdown = (props) => {
   const html2 = createMemo(() => renderMarkdown(props.content));
   return (() => {
-    var _el$ = _tmpl$$c();
+    var _el$ = _tmpl$$d();
     createRenderEffect(() => _el$.innerHTML = html2());
     return _el$;
   })();
 };
 const ResearchBriefMessage = (props) => (() => {
-  var _el$2 = _tmpl$2$c();
+  var _el$2 = _tmpl$2$d();
   insert(_el$2, createComponent(Show, {
     get when() {
       return props.role === "assistant";
@@ -8632,7 +9521,7 @@ const ResearchDesk = () => {
   })();
 };
 delegateEvents(["input", "keydown", "click"]);
-var _tmpl$$b = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$b = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$a = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=page-diff-timeline-header><div class=agent-section-title>Change history for this page</div><div class=agent-muted>Newest detections are first. Each entry is a saved change burst.`), _tmpl$5$9 = /* @__PURE__ */ template(`<div class=page-diff-history-list>`), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$7 = /* @__PURE__ */ template(`<div class=page-diff-history-item><div class=page-diff-history-time><span class=page-diff-history-label></span><span></span></div><div class=page-diff-history-card><div class=page-diff-history-summary-list></div><div class=page-diff-history-position>Entry <!> of `), _tmpl$8$6 = /* @__PURE__ */ template(`<span class=page-diff-history-summary-section>`), _tmpl$9$5 = /* @__PURE__ */ template(`<div class=page-diff-history-summary-row><span class=page-diff-history-summary>`);
+var _tmpl$$c = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$c = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$a = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=page-diff-timeline-header><div class=agent-section-title>Change history for this page</div><div class=agent-muted>Newest detections are first. Each entry is a saved change burst.`), _tmpl$5$9 = /* @__PURE__ */ template(`<div class=page-diff-history-list>`), _tmpl$6$9 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$7 = /* @__PURE__ */ template(`<div class=page-diff-history-item><div class=page-diff-history-time><span class=page-diff-history-label></span><span></span></div><div class=page-diff-history-card><div class=page-diff-history-summary-list></div><div class=page-diff-history-position>Entry <!> of `), _tmpl$8$6 = /* @__PURE__ */ template(`<span class=page-diff-history-summary-section>`), _tmpl$9$5 = /* @__PURE__ */ template(`<div class=page-diff-history-summary-row><span class=page-diff-history-summary>`);
 const PageDiffTimeline = () => {
   const {
     activeTab
@@ -8690,7 +9579,7 @@ const PageDiffTimeline = () => {
         return loading();
       },
       get children() {
-        return _tmpl$$b();
+        return _tmpl$$c();
       }
     }), null);
     insert(_el$, createComponent(Show, {
@@ -8698,7 +9587,7 @@ const PageDiffTimeline = () => {
         return memo(() => !!!loading())() && error();
       },
       get children() {
-        var _el$3 = _tmpl$2$b();
+        var _el$3 = _tmpl$2$c();
         insert(_el$3, error);
         return _el$3;
       }
@@ -8762,8 +9651,58 @@ const PageDiffTimeline = () => {
     return _el$;
   })();
 };
+var _tmpl$$b = /* @__PURE__ */ template(`<button class=sidebar-close>`), _tmpl$2$b = /* @__PURE__ */ template(`<button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat">`);
+const SidebarWindowControls = (props) => {
+  const togglePlacement = () => props.detached() ? props.dock() : props.popOut();
+  const placementLabel = () => props.detached() ? "Dock agent panel" : "Pop out agent panel";
+  return [(() => {
+    var _el$ = _tmpl$$b();
+    _el$.$$click = () => void togglePlacement();
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return props.detached();
+      },
+      get fallback() {
+        return createComponent(external_link_default, {
+          size: 14,
+          "aria-hidden": "true"
+        });
+      },
+      get children() {
+        return createComponent(panel_right_close_default, {
+          size: 14,
+          "aria-hidden": "true"
+        });
+      }
+    }));
+    createRenderEffect((_p$) => {
+      var _v$ = placementLabel(), _v$2 = placementLabel();
+      _v$ !== _p$.e && setAttribute(_el$, "title", _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$, "aria-label", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })(), createComponent(Show, {
+    get when() {
+      return !props.detached();
+    },
+    get children() {
+      var _el$2 = _tmpl$2$b();
+      _el$2.$$click = () => void props.close();
+      insert(_el$2, createComponent(x_default, {
+        size: 14,
+        "aria-hidden": "true"
+      }));
+      return _el$2;
+    }
+  })];
+};
+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(`<span class=sidebar-tab-badge>`), _tmpl$4$9 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$5$8 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$6$8 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$7$6 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$8$5 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$9$4 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$0$3 = /* @__PURE__ */ template(`<div class=bookmark-save-body><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Import HTML</button><button class=bookmark-secondary-button type=button>Import JSON`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$10$3 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-export-card><div><div class=bookmark-panel-title>Export</div><div class=bookmark-panel-subtitle>Save browser-ready HTML or a full Vessel archive</div></div><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Browser HTML</button><button class=bookmark-secondary-button type=button>HTML + notes</button><button class=bookmark-secondary-button type=button>Vessel JSON</button></div></div><div class=bookmark-import-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Import Bookmarks</span><span class=bookmark-save-toggle-subtitle>Import from HTML or Vessel JSON</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$11$3 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$12$3 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><textarea class=agent-textarea rows=2 placeholder="Optional note for this checkpoint"></textarea><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$13$2 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title>Load more history</span><span class=history-entry-url>Showing <!> of `), _tmpl$14$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$15$2 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><div class=history-panel-actions><button class=history-clear-btn>Clear</button><button class=history-clear-btn>Export HTML</button><button class=history-clear-btn>Export JSON</button><button class=history-clear-btn>Import</button></div></div><div class=history-list>`), _tmpl$16$1 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div class=agent-panel-title>What Changed</div><div class=agent-panel-subtitle>`), _tmpl$17$1 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">Give the built-in agent a bigger toolbox and longer runway: screenshots, saved sessions, workflow tracking, table extraction, and up to 1,000 tool calls per turn.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$18$1 = /* @__PURE__ */ template(`<span>`), _tmpl$19$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$20$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$21$1 = /* @__PURE__ */ template(`<div class=sidebar-empty><svg class=sidebar-empty-icon width=48 height=48 viewBox="0 0 48 48"aria-hidden=true><line x1=8 y1=8 x2=24 y2=5 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=24 y1=5 x2=40 y2=10 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=8 y1=8 x2=6 y2=24 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=40 y1=10 x2=44 y2=26 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=6 y1=24 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=44 y1=26 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=10 y1=38 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=38 y1=40 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=8 y1=8 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=24 y1=5 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=40 y1=10 x2=32 y2=20 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=20 y1=18 x2=32 y2=20 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.3></line><line x1=6 y1=24 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=20 y1=18 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=32 y1=20 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=44 y1=26 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=18 y1=30 x2=36 y2=30 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.25></line><line x1=18 y1=30 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=36 y1=30 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=18 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><line x1=36 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><circle cx=8 cy=8 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=24 cy=5 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=40 cy=10 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.7></circle><circle cx=6 cy=24 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=44 cy=26 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=10 cy=38 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=38 cy=40 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=24 cy=44 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=20 cy=18 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.85></circle><circle cx=32 cy=20 r=4 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.9></circle><circle cx=18 cy=30 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.75></circle><circle cx=36 cy=30 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.8></circle></svg><p class=sidebar-empty-title>Your move.</p><p class=sidebar-empty-hint>Configure a provider in Settings (Ctrl+,) then ask anything about the current page or beyond.`), _tmpl$22$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Stop generating"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><rect x=2 y=2 width=10 height=10 rx=1.5 fill=currentColor></rect></svg>Stop`), _tmpl$23$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Retry last prompt"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M11.5 7a4.5 4.5 0 1 1-1.3-3.2"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M10.5 1v3h-3"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Retry`), _tmpl$24$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$25$1 = /* @__PURE__ */ template(`<div class=highlight-nav><button class=highlight-nav-btn type=button title="Previous highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M8 10L4 6l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=highlight-nav-label type=button title="Go to current highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><circle cx=6 cy=6 r=3 fill="rgba(196, 160, 90, 0.6)"stroke="rgba(196, 160, 90, 0.9)"stroke-width=1></circle></svg></button><button class=highlight-nav-btn type=button title="Next highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M4 2l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$26$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-resize-handle></div><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button><button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat"><svg width=14 height=14 viewBox="0 0 14 14"aria-hidden=true><path d="M3.5 3.5l7 7M10.5 3.5l-7 7"fill=none stroke=currentColor stroke-width=1.4 stroke-linecap=round></path></svg></button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button><button class=sidebar-tab role=tab>Automate</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button><button class=sidebar-tab role=tab>Research<span class=sidebar-tab-beta>Beta</span></button></div><div class=sidebar-messages><div>`), _tmpl$31 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$32 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$33 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$34 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$35 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$36 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$37 = /* @__PURE__ */ template(`<div class=agent-card><div class=agent-action-row><span class=agent-card-title></span><span></span></div><div class=agent-card-copy>`), _tmpl$38 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$39 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$40 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class=bookmark-ghost-button type=button>Export</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$41 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$42 = /* @__PURE__ */ template(`<div class=bookmark-folder-delete-confirm><p class=bookmark-delete-prompt>Delete "<!>"?</p><div class=bookmark-delete-options><button class="bookmark-ghost-button danger"type=button></button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$43 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><div class=bookmark-folder-form-fields><input class=bookmark-input><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=button>Save</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$44 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$45 = /* @__PURE__ */ template(`<div class=bookmark-folder-section><div class="bookmark-folder-header clickable"role=button tabindex=0><div class=bookmark-folder-overview><span class=bookmark-folder-chevron aria-hidden=true>▸</span><div><div class=bookmark-folder-name></div><div class=bookmark-folder-meta> saved`), _tmpl$46 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$47 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$48 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$49 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$50 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$51 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$52 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$53 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><input class=bookmark-input placeholder="Bookmark title"><textarea class=bookmark-note-input rows=2 placeholder="Why this bookmark matters"></textarea><textarea class=bookmark-note-input rows=1 placeholder=Intent></textarea><textarea class=bookmark-note-input rows=1 placeholder="Expected content"></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input rows=2 placeholder="Agent hints (one key:value per line)"></textarea><div class=bookmark-item-footer><button class=bookmark-secondary-button type=button>Save edits</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$54 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class=bookmark-ghost-button type=button></button><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$55 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$56 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$57 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><textarea class=agent-textarea rows=2 placeholder="Add a note..."></textarea><button class=agent-control-button type=button>Restore`), _tmpl$58 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$59 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">The Diff timeline is a premium feature. Upgrade to see a full history of what changed on this page.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$60 = /* @__PURE__ */ template(`<div>`), _tmpl$61 = /* @__PURE__ */ template(`<div class=thinking-state><div class=thinking-orb aria-hidden=true><span></span><span></span><span></span></div><div class=thinking-copy><div class=thinking-title>Thinking`), _tmpl$62 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$63 = /* @__PURE__ */ template(`<div class=chat-approval><div class=chat-approval-icon aria-hidden=true><svg width=16 height=16 viewBox="0 0 16 16"fill=none><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7.25 4.75a.75.75 0 011.5 0v3.5a.75.75 0 01-1.5 0v-3.5zM8 11.5a.75.75 0 110-1.5.75.75 0 010 1.5z"fill=currentColor></path></svg></div><div class=chat-approval-body><div class=chat-approval-title>Approval needed: <strong></strong></div><div class=chat-approval-detail></div><div class=chat-approval-actions><button class="chat-approval-btn chat-approval-approve"type=button>Approve</button><button class="chat-approval-btn chat-approval-reject"type=button>Reject`), _tmpl$64 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
+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$9 = /* @__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>Generating`), _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="rgba(196, 160, 90, 0.6)"stroke="rgba(196, 160, 90, 0.9)"stroke-width=1></circle></svg></button><button class=highlight-nav-btn type=button title="Next highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M4 2l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$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=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$31 = /* @__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>Automate</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button><button class=sidebar-tab role=tab>Research<span class=sidebar-tab-beta>Beta</span></button></div><div class=sidebar-messages><div>`), _tmpl$32 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$33 = /* @__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$34 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$35 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$36 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$37 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$38 = /* @__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$39 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$40 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$41 = /* @__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$42 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$43 = /* @__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$44 = /* @__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$45 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$46 = /* @__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$47 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$48 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$49 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$50 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$51 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$52 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$53 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$54 = /* @__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$55 = /* @__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$56 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$57 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$58 = /* @__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$59 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$60 = /* @__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$61 = /* @__PURE__ */ template(`<div>`), _tmpl$62 = /* @__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$63 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$64 = /* @__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$65 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
 const UNSORTED_FOLDER = {
   id: "unsorted",
   name: "Unsorted",
@@ -8831,9 +9770,12 @@ const Sidebar = (props) => {
   const {
     sidebarOpen: sidebarOpen2,
     sidebarWidth: sidebarWidth2,
+    sidebarDetached: sidebarDetached2,
     resizeSidebar,
     commitResize,
     toggleSidebar,
+    popOutSidebar,
+    dockSidebar,
     openSettings
   } = useUI();
   const {
@@ -9145,6 +10087,7 @@ ${contextBlock}` : contextBlock);
     return Math.max(0, Math.floor((now2() - startedAt) / 1e3));
   });
   const startResize = (e) => {
+    if (sidebarDetached2()) return;
     e.preventDefault();
     const target = e.currentTarget;
     target.setPointerCapture(e.pointerId);
@@ -9165,7 +10108,7 @@ ${contextBlock}` : contextBlock);
       if (finished) return;
       const totalDelta = startX - state.currentX;
       const targetWidth = startWidth + totalDelta;
-      const newWidth = Math.max(240, Math.min(800, Math.round(targetWidth)));
+      const newWidth = clampSidebarWidth(targetWidth);
       resizeSidebar(newWidth);
     };
     const clearPointerTracking = () => {
@@ -9386,45 +10329,60 @@ ${contextBlock}` : contextBlock);
       return props.forceOpen || sidebarOpen2();
     },
     get children() {
-      var _el$9 = _tmpl$30(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$1.nextSibling, _el$16 = _el$15.firstChild;
-      _el$16.firstChild;
-      var _el$19 = _el$16.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.nextSibling, _el$25 = _el$24.nextSibling, _el$26 = _el$15.nextSibling, _el$132 = _el$26.firstChild;
-      _el$0.$$pointerdown = startResize;
+      var _el$9 = _tmpl$31(), _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;
+      insert(_el$9, createComponent(Show, {
+        get when() {
+          return !sidebarDetached2();
+        },
+        get children() {
+          var _el$0 = _tmpl$3$9();
+          _el$0.$$pointerdown = startResize;
+          createRenderEffect(() => _el$0.classList.toggle("dragging", !!isDragging()));
+          return _el$0;
+        }
+      }), _el$1);
       setAttribute(_el$11, "src", vesselLogo);
       addEventListener(_el$13, "click", clearHistory, true);
-      _el$14.$$click = () => void toggleSidebar();
-      _el$16.$$click = () => setSidebarTab("supervisor");
-      insert(_el$16, createComponent(Show, {
+      insert(_el$12, createComponent(SidebarWindowControls, {
+        detached: sidebarDetached2,
+        popOut: popOutSidebar,
+        dock: dockSidebar,
+        close: toggleSidebar
+      }), null);
+      _el$15.$$click = () => setSidebarTab("supervisor");
+      insert(_el$15, createComponent(Show, {
         get when() {
           return runtimeState2().supervisor.pendingApprovals.length > 0;
         },
         get children() {
-          var _el$18 = _tmpl$3$9();
-          insert(_el$18, () => runtimeState2().supervisor.pendingApprovals.length);
-          return _el$18;
+          var _el$17 = _tmpl$4$9();
+          insert(_el$17, () => runtimeState2().supervisor.pendingApprovals.length);
+          return _el$17;
         }
       }), null);
-      _el$19.$$click = () => setSidebarTab("bookmarks");
-      _el$20.$$click = () => setSidebarTab("checkpoints");
-      _el$21.$$click = () => setSidebarTab("chat");
-      _el$22.$$click = () => setSidebarTab("automation");
-      _el$23.$$click = () => setSidebarTab("history");
-      _el$24.$$click = () => setSidebarTab("diff");
-      _el$25.$$click = () => setSidebarTab("research");
+      _el$18.$$click = () => setSidebarTab("bookmarks");
+      _el$19.$$click = () => setSidebarTab("checkpoints");
+      _el$20.$$click = () => setSidebarTab("chat");
+      _el$21.$$click = () => setSidebarTab("automation");
+      _el$22.$$click = () => setSidebarTab("history");
+      _el$23.$$click = () => setSidebarTab("diff");
+      _el$24.$$click = () => setSidebarTab("research");
       use((el) => {
         messagesContainerRef = el;
         useScrollFade(el);
-      }, _el$26);
-      insert(_el$26, createComponent(Show, {
+      }, _el$25);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "supervisor";
         },
         get children() {
-          var _el$27 = _tmpl$7$6(), _el$28 = _el$27.firstChild, _el$29 = _el$28.firstChild, _el$30 = _el$29.firstChild, _el$31 = _el$30.nextSibling, _el$32 = _el$29.nextSibling, _el$33 = _el$28.nextSibling, _el$34 = _el$33.firstChild, _el$35 = _el$34.nextSibling, _el$37 = _el$33.nextSibling, _el$39 = _el$37.nextSibling;
-          _el$39.firstChild;
-          insert(_el$31, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
-          insert(_el$32, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
-          insert(_el$33, createComponent(DropdownSelect, {
+          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;
+          insert(_el$30, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
+          insert(_el$31, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
+          insert(_el$32, createComponent(DropdownSelect, {
             "class": "agent-select",
             get value() {
               return runtimeState2().supervisor.approvalMode;
@@ -9434,66 +10392,66 @@ ${contextBlock}` : contextBlock);
             },
             ariaLabel: "Approval mode",
             onChange: (value) => void setApprovalMode(value)
-          }), _el$34);
-          _el$34.$$click = () => void (runtimeState2().supervisor.paused ? resume() : pause());
-          insert(_el$34, () => runtimeState2().supervisor.paused ? "Resume" : "Pause");
-          _el$35.$$click = () => void restoreSession();
-          insert(_el$33, createComponent(Show, {
+          }), _el$33);
+          _el$33.$$click = () => void (runtimeState2().supervisor.paused ? resume() : pause());
+          insert(_el$33, () => runtimeState2().supervisor.paused ? "Resume" : "Pause");
+          _el$34.$$click = () => void restoreSession();
+          insert(_el$32, createComponent(Show, {
             get when() {
               return runtimeState2().canUndo;
             },
             get children() {
-              var _el$36 = _tmpl$4$9();
-              _el$36.$$click = () => void undoLastAction();
-              createRenderEffect(() => setAttribute(_el$36, "title", runtimeState2().undoInfo ? `Undo: ${runtimeState2().undoInfo.actionName}` : "Undo last action"));
-              return _el$36;
+              var _el$35 = _tmpl$5$8();
+              _el$35.$$click = () => void undoLastAction();
+              createRenderEffect(() => setAttribute(_el$35, "title", runtimeState2().undoInfo ? `Undo: ${runtimeState2().undoInfo.actionName}` : "Undo last action"));
+              return _el$35;
             }
           }), null);
-          insert(_el$37, approvalModeDescription);
-          insert(_el$27, createComponent(Show, {
+          insert(_el$36, approvalModeDescription);
+          insert(_el$26, createComponent(Show, {
             get when() {
               return runtimeState2().supervisor.pendingApprovals.length > 0;
             },
             get fallback() {
-              return _tmpl$31();
+              return _tmpl$32();
             },
             get children() {
-              return [_tmpl$5$8(), createComponent(For, {
+              return [_tmpl$6$8(), createComponent(For, {
                 get each() {
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$150 = _tmpl$32(), _el$151 = _el$150.firstChild, _el$152 = _el$151.nextSibling, _el$153 = _el$152.nextSibling, _el$154 = _el$153.nextSibling, _el$155 = _el$154.nextSibling, _el$156 = _el$155.firstChild, _el$157 = _el$156.nextSibling;
-                  insert(_el$152, () => approval.name);
-                  insert(_el$153, () => approval.argsSummary);
-                  insert(_el$154, () => approval.reason);
-                  _el$156.$$click = () => void resolveApproval(approval.id, true);
-                  _el$157.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$150;
+                  var _el$149 = _tmpl$33(), _el$150 = _el$149.firstChild, _el$151 = _el$150.nextSibling, _el$152 = _el$151.nextSibling, _el$153 = _el$152.nextSibling, _el$154 = _el$153.nextSibling, _el$155 = _el$154.firstChild, _el$156 = _el$155.nextSibling;
+                  insert(_el$151, () => approval.name);
+                  insert(_el$152, () => approval.argsSummary);
+                  insert(_el$153, () => approval.reason);
+                  _el$155.$$click = () => void resolveApproval(approval.id, true);
+                  _el$156.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$149;
                 })()
               })];
             }
-          }), _el$39);
-          insert(_el$39, createComponent(Show, {
+          }), _el$38);
+          insert(_el$38, createComponent(Show, {
             get when() {
               return recentActions().length > 0;
             },
             get children() {
-              var _el$41 = _tmpl$6$8();
-              _el$41.$$click = () => setActionsExpanded((current) => !current);
-              insert(_el$41, (() => {
+              var _el$40 = _tmpl$7$6();
+              _el$40.$$click = () => setActionsExpanded((current) => !current);
+              insert(_el$40, (() => {
                 var _c$ = memo(() => !!actionsExpanded());
                 return () => _c$() ? "Hide history" : `Show history (${recentActions().length})`;
               })());
-              return _el$41;
+              return _el$40;
             }
           }), null);
-          insert(_el$27, createComponent(Show, {
+          insert(_el$26, createComponent(Show, {
             get when() {
               return recentActions().length > 0;
             },
             get fallback() {
-              return _tmpl$33();
+              return _tmpl$34();
             },
             get children() {
               return createComponent(Show, {
@@ -9501,7 +10459,7 @@ ${contextBlock}` : contextBlock);
                   return actionsExpanded();
                 },
                 get fallback() {
-                  return _tmpl$34();
+                  return _tmpl$35();
                 },
                 get children() {
                   return createComponent(For, {
@@ -9509,115 +10467,115 @@ ${contextBlock}` : contextBlock);
                       return recentActions();
                     },
                     children: (action) => (() => {
-                      var _el$160 = _tmpl$37(), _el$161 = _el$160.firstChild, _el$162 = _el$161.firstChild, _el$163 = _el$162.nextSibling, _el$164 = _el$161.nextSibling;
-                      insert(_el$162, () => action.name);
-                      insert(_el$163, () => action.status);
-                      insert(_el$164, () => action.argsSummary);
-                      insert(_el$160, createComponent(Show, {
+                      var _el$159 = _tmpl$38(), _el$160 = _el$159.firstChild, _el$161 = _el$160.firstChild, _el$162 = _el$161.nextSibling, _el$163 = _el$160.nextSibling;
+                      insert(_el$161, () => action.name);
+                      insert(_el$162, () => action.status);
+                      insert(_el$163, () => action.argsSummary);
+                      insert(_el$159, createComponent(Show, {
                         get when() {
                           return action.resultSummary;
                         },
                         get children() {
-                          var _el$165 = _tmpl$35();
-                          insert(_el$165, () => action.resultSummary);
-                          return _el$165;
+                          var _el$164 = _tmpl$36();
+                          insert(_el$164, () => action.resultSummary);
+                          return _el$164;
                         }
                       }), null);
-                      insert(_el$160, createComponent(Show, {
+                      insert(_el$159, createComponent(Show, {
                         get when() {
                           return action.error;
                         },
                         get children() {
-                          var _el$166 = _tmpl$36();
-                          insert(_el$166, () => action.error);
-                          return _el$166;
+                          var _el$165 = _tmpl$37();
+                          insert(_el$165, () => action.error);
+                          return _el$165;
                         }
                       }), null);
-                      createRenderEffect(() => className(_el$163, `agent-action-status ${action.status}`));
-                      return _el$160;
+                      createRenderEffect(() => className(_el$162, `agent-action-status ${action.status}`));
+                      return _el$159;
                     })()
                   });
                 }
               });
             }
           }), null);
-          createRenderEffect(() => _el$32.classList.toggle("paused", !!runtimeState2().supervisor.paused));
-          return _el$27;
+          createRenderEffect(() => _el$31.classList.toggle("paused", !!runtimeState2().supervisor.paused));
+          return _el$26;
         }
-      }), _el$132);
-      insert(_el$26, createComponent(Show, {
+      }), _el$131);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "bookmarks";
         },
         get children() {
-          var _el$42 = _tmpl$10$3(), _el$43 = _el$42.firstChild, _el$44 = _el$43.firstChild, _el$45 = _el$44.firstChild, _el$46 = _el$45.nextSibling, _el$48 = _el$43.nextSibling, _el$49 = _el$48.nextSibling, _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling, _el$54 = _el$53.nextSibling, _el$56 = _el$49.nextSibling, _el$57 = _el$56.firstChild, _el$58 = _el$57.firstChild, _el$59 = _el$58.nextSibling, _el$65 = _el$56.nextSibling, _el$66 = _el$65.firstChild, _el$67 = _el$66.firstChild, _el$68 = _el$67.nextSibling, _el$79 = _el$65.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$80.firstChild, _el$82 = _el$81.nextSibling, _el$83 = _el$80.nextSibling, _el$84 = _el$79.nextSibling;
-          insert(_el$46, (() => {
+          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 _c$2 = memo(() => !!normalizedBookmarkSearch());
             return () => _c$2() ? `${bookmarkMatchCount()} matches for "${bookmarkSearchQuery().trim()}"` : `${bookmarksState2().bookmarks.length} saved across ${bookmarkFolders().length} folders`;
           })());
-          insert(_el$43, createComponent(Show, {
+          insert(_el$42, createComponent(Show, {
             get when() {
               return currentTabSaved();
             },
             get children() {
-              return _tmpl$8$5();
+              return _tmpl$9$4();
             }
           }), null);
-          _el$48.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
-          _el$52.$$click = () => void handleExportBookmarks("html");
-          _el$53.$$click = () => void handleExportBookmarks("html-with-notes");
-          _el$54.$$click = () => void handleExportBookmarks("json");
-          insert(_el$49, createComponent(Show, {
+          _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, {
             get when() {
               return bookmarkExportMessage();
             },
             get children() {
-              var _el$55 = _tmpl$9$4();
-              insert(_el$55, bookmarkExportMessage);
-              return _el$55;
+              var _el$54 = _tmpl$0$3();
+              insert(_el$54, bookmarkExportMessage);
+              return _el$54;
             }
           }), null);
-          _el$57.$$click = () => setBookmarkImportExpanded((current) => !current);
-          insert(_el$56, createComponent(Show, {
+          _el$56.$$click = () => setBookmarkImportExpanded((current) => !current);
+          insert(_el$55, createComponent(Show, {
             get when() {
               return bookmarkImportExpanded();
             },
             get children() {
-              var _el$60 = _tmpl$0$3(), _el$61 = _el$60.firstChild, _el$62 = _el$61.firstChild, _el$63 = _el$62.nextSibling;
-              _el$62.$$click = () => void handleImportBookmarks("html");
-              _el$63.$$click = () => void handleImportBookmarks("json");
-              insert(_el$60, createComponent(Show, {
+              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, {
                 get when() {
                   return bookmarkImportMessage();
                 },
                 get children() {
-                  var _el$64 = _tmpl$9$4();
-                  insert(_el$64, bookmarkImportMessage);
-                  return _el$64;
+                  var _el$63 = _tmpl$0$3();
+                  insert(_el$63, bookmarkImportMessage);
+                  return _el$63;
                 }
               }), null);
               createRenderEffect((_p$) => {
                 var _v$ = bookmarkImporting(), _v$2 = bookmarkImporting();
-                _v$ !== _p$.e && (_el$62.disabled = _p$.e = _v$);
-                _v$2 !== _p$.t && (_el$63.disabled = _p$.t = _v$2);
+                _v$ !== _p$.e && (_el$61.disabled = _p$.e = _v$);
+                _v$2 !== _p$.t && (_el$62.disabled = _p$.t = _v$2);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$60;
+              return _el$59;
             }
           }), null);
-          _el$66.$$click = () => setBookmarkSaveExpanded((current) => !current);
-          insert(_el$65, createComponent(Show, {
+          _el$65.$$click = () => setBookmarkSaveExpanded((current) => !current);
+          insert(_el$64, createComponent(Show, {
             get when() {
               return bookmarkSaveExpanded();
             },
             get children() {
-              var _el$69 = _tmpl$1$3(), _el$70 = _el$69.firstChild, _el$71 = _el$70.nextSibling, _el$72 = _el$71.nextSibling, _el$73 = _el$72.firstChild, _el$74 = _el$72.nextSibling, _el$75 = _el$74.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.nextSibling, _el$78 = _el$77.nextSibling;
-              insert(_el$70, () => currentTab()?.title || "No active page");
-              insert(_el$71, () => currentTab()?.url || "Open a page to save it here.");
-              insert(_el$72, createComponent(DropdownSelect, {
+              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, {
                 "class": "bookmark-select",
                 get value() {
                   return selectedFolderId();
@@ -9627,37 +10585,37 @@ ${contextBlock}` : contextBlock);
                 },
                 ariaLabel: "Bookmark folder",
                 onChange: (value) => setSelectedFolderId(value)
-              }), _el$73);
-              _el$73.$$click = () => void handleSaveBookmark();
-              _el$74.$$input = (e) => setBookmarkNote(e.currentTarget.value);
-              _el$75.$$input = (e) => setBookmarkIntent(e.currentTarget.value);
-              _el$76.$$input = (e) => setBookmarkExpectedContent(e.currentTarget.value);
-              _el$77.$$input = (e) => setBookmarkKeyFields(e.currentTarget.value);
-              _el$78.$$input = (e) => setBookmarkAgentHints(e.currentTarget.value);
-              createRenderEffect(() => _el$73.disabled = !currentTab()?.url);
-              createRenderEffect(() => _el$74.value = bookmarkNote());
-              createRenderEffect(() => _el$75.value = bookmarkIntent());
-              createRenderEffect(() => _el$76.value = bookmarkExpectedContent());
-              createRenderEffect(() => _el$77.value = bookmarkKeyFields());
-              createRenderEffect(() => _el$78.value = bookmarkAgentHints());
-              return _el$69;
+              }), _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;
             }
           }), null);
-          _el$79.addEventListener("submit", handleCreateFolder);
-          _el$81.$$input = (e) => setNewFolderName(e.currentTarget.value);
-          _el$82.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
-          insert(_el$84, createComponent(Show, {
+          _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, {
             get when() {
               return filteredGroupedBookmarks().length > 0;
             },
             get fallback() {
               return (() => {
-                var _el$167 = _tmpl$38();
-                insert(_el$167, (() => {
+                var _el$166 = _tmpl$39();
+                insert(_el$166, (() => {
                   var _c$5 = memo(() => !!normalizedBookmarkSearch());
                   return () => _c$5() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
                 })());
-                return _el$167;
+                return _el$166;
               })();
             },
             get children() {
@@ -9666,105 +10624,105 @@ ${contextBlock}` : contextBlock);
                   return filteredGroupedBookmarks();
                 },
                 children: (folder) => (() => {
-                  var _el$168 = _tmpl$45(), _el$169 = _el$168.firstChild, _el$170 = _el$169.firstChild, _el$171 = _el$170.firstChild, _el$172 = _el$171.nextSibling, _el$173 = _el$172.firstChild, _el$174 = _el$173.nextSibling, _el$175 = _el$174.firstChild;
-                  _el$169.$$keydown = (e) => {
+                  var _el$167 = _tmpl$46(), _el$168 = _el$167.firstChild, _el$169 = _el$168.firstChild, _el$170 = _el$169.firstChild, _el$171 = _el$170.nextSibling, _el$172 = _el$171.firstChild, _el$173 = _el$172.nextSibling, _el$174 = _el$173.firstChild;
+                  _el$168.$$keydown = (e) => {
                     if (e.key === "Enter" || e.key === " ") {
                       e.preventDefault();
                       toggleFolderExpanded(folder.id);
                     }
                   };
-                  _el$169.$$click = () => toggleFolderExpanded(folder.id);
-                  insert(_el$173, () => folder.name);
-                  insert(_el$174, () => folder.items.length, _el$175);
-                  insert(_el$172, createComponent(Show, {
+                  _el$168.$$click = () => toggleFolderExpanded(folder.id);
+                  insert(_el$172, () => folder.name);
+                  insert(_el$173, () => folder.items.length, _el$174);
+                  insert(_el$171, createComponent(Show, {
                     get when() {
                       return folder.summary;
                     },
                     get children() {
-                      var _el$176 = _tmpl$39();
-                      insert(_el$176, () => folder.summary);
-                      return _el$176;
+                      var _el$175 = _tmpl$40();
+                      insert(_el$175, () => folder.summary);
+                      return _el$175;
                     }
                   }), null);
-                  insert(_el$169, createComponent(Show, {
+                  insert(_el$168, createComponent(Show, {
                     get when() {
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$177 = _tmpl$40(), _el$178 = _el$177.firstChild, _el$179 = _el$178.nextSibling, _el$180 = _el$179.nextSibling;
-                      _el$178.$$click = (e) => {
+                      var _el$176 = _tmpl$41(), _el$177 = _el$176.firstChild, _el$178 = _el$177.nextSibling, _el$179 = _el$178.nextSibling;
+                      _el$177.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
                         setEditingFolderName(folder.name);
                         setEditingFolderSummary(folder.summary || "");
                       };
-                      _el$179.$$click = (e) => {
+                      _el$178.$$click = (e) => {
                         e.stopPropagation();
                         void handleExportFolder(folder.id, folder.name);
                       };
-                      _el$180.$$click = (e) => {
+                      _el$179.$$click = (e) => {
                         e.stopPropagation();
                         setDeletingFolderId(folder.id);
                       };
-                      createRenderEffect(() => _el$179.disabled = bookmarkExporting());
-                      return _el$177;
+                      createRenderEffect(() => _el$178.disabled = bookmarkExporting());
+                      return _el$176;
                     }
                   }), null);
-                  insert(_el$168, createComponent(Show, {
+                  insert(_el$167, createComponent(Show, {
                     get when() {
                       return deletingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$181 = _tmpl$42(), _el$182 = _el$181.firstChild, _el$183 = _el$182.firstChild, _el$185 = _el$183.nextSibling;
-                      _el$185.nextSibling;
-                      var _el$186 = _el$182.nextSibling, _el$188 = _el$186.firstChild, _el$189 = _el$188.nextSibling;
-                      insert(_el$182, () => folder.name, _el$185);
-                      insert(_el$182, (() => {
+                      var _el$180 = _tmpl$43(), _el$181 = _el$180.firstChild, _el$182 = _el$181.firstChild, _el$184 = _el$182.nextSibling;
+                      _el$184.nextSibling;
+                      var _el$185 = _el$181.nextSibling, _el$187 = _el$185.firstChild, _el$188 = _el$187.nextSibling;
+                      insert(_el$181, () => folder.name, _el$184);
+                      insert(_el$181, (() => {
                         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$186, createComponent(Show, {
+                      insert(_el$185, createComponent(Show, {
                         get when() {
                           return folder.items.length > 0;
                         },
                         get children() {
-                          var _el$187 = _tmpl$41();
-                          _el$187.$$click = () => void handleRemoveFolder(folder.id, false);
-                          return _el$187;
+                          var _el$186 = _tmpl$42();
+                          _el$186.$$click = () => void handleRemoveFolder(folder.id, false);
+                          return _el$186;
                         }
-                      }), _el$188);
-                      _el$188.$$click = () => void handleRemoveFolder(folder.id, true);
-                      insert(_el$188, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
-                      _el$189.$$click = () => setDeletingFolderId(null);
-                      return _el$181;
+                      }), _el$187);
+                      _el$187.$$click = () => void handleRemoveFolder(folder.id, true);
+                      insert(_el$187, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
+                      _el$188.$$click = () => setDeletingFolderId(null);
+                      return _el$180;
                     }
                   }), null);
-                  insert(_el$168, createComponent(Show, {
+                  insert(_el$167, createComponent(Show, {
                     get when() {
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$190 = _tmpl$43(), _el$191 = _el$190.firstChild, _el$192 = _el$191.firstChild, _el$193 = _el$192.nextSibling, _el$194 = _el$191.nextSibling, _el$195 = _el$194.nextSibling;
-                      _el$192.$$input = (e) => setEditingFolderName(e.currentTarget.value);
-                      _el$193.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
-                      _el$194.$$click = () => void handleRenameFolder(folder.id);
-                      _el$195.$$click = () => {
+                      var _el$189 = _tmpl$44(), _el$190 = _el$189.firstChild, _el$191 = _el$190.firstChild, _el$192 = _el$191.nextSibling, _el$193 = _el$190.nextSibling, _el$194 = _el$193.nextSibling;
+                      _el$191.$$input = (e) => setEditingFolderName(e.currentTarget.value);
+                      _el$192.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
+                      _el$193.$$click = () => void handleRenameFolder(folder.id);
+                      _el$194.$$click = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$194.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$192.value = editingFolderName());
-                      createRenderEffect(() => _el$193.value = editingFolderSummary());
-                      return _el$190;
+                      createRenderEffect(() => _el$193.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$191.value = editingFolderName());
+                      createRenderEffect(() => _el$192.value = editingFolderSummary());
+                      return _el$189;
                     }
                   }), null);
-                  insert(_el$168, createComponent(Show, {
+                  insert(_el$167, createComponent(Show, {
                     get when() {
                       return isFolderExpanded(folder.id);
                     },
                     get fallback() {
-                      return _tmpl$46();
+                      return _tmpl$47();
                     },
                     get children() {
                       return createComponent(Show, {
@@ -9772,137 +10730,137 @@ ${contextBlock}` : contextBlock);
                           return folder.items.length > 0;
                         },
                         get fallback() {
-                          return _tmpl$47();
+                          return _tmpl$48();
                         },
                         get children() {
-                          var _el$196 = _tmpl$44();
-                          insert(_el$196, createComponent(For, {
+                          var _el$195 = _tmpl$45();
+                          insert(_el$195, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              var _el$199 = _tmpl$54(), _el$200 = _el$199.firstChild, _el$201 = _el$200.firstChild, _el$202 = _el$201.nextSibling, _el$227 = _el$200.nextSibling, _el$228 = _el$227.firstChild, _el$229 = _el$228.nextSibling, _el$230 = _el$229.nextSibling;
-                              _el$200.$$click = () => void createTab(bookmark.url);
-                              insert(_el$201, () => bookmark.title || bookmark.url);
-                              insert(_el$202, () => bookmark.url);
-                              insert(_el$199, createComponent(Show, {
+                              var _el$198 = _tmpl$55(), _el$199 = _el$198.firstChild, _el$200 = _el$199.firstChild, _el$201 = _el$200.nextSibling, _el$226 = _el$199.nextSibling, _el$227 = _el$226.firstChild, _el$228 = _el$227.nextSibling, _el$229 = _el$228.nextSibling;
+                              _el$199.$$click = () => void createTab(bookmark.url);
+                              insert(_el$200, () => bookmark.title || bookmark.url);
+                              insert(_el$201, () => bookmark.url);
+                              insert(_el$198, createComponent(Show, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$203 = _tmpl$48();
-                                  insert(_el$203, () => bookmark.note);
-                                  return _el$203;
+                                  var _el$202 = _tmpl$49();
+                                  insert(_el$202, () => bookmark.note);
+                                  return _el$202;
                                 }
-                              }), _el$227);
-                              insert(_el$199, createComponent(Show, {
+                              }), _el$226);
+                              insert(_el$198, 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$204 = _tmpl$48();
-                                  insert(_el$204, createComponent(Show, {
+                                  var _el$203 = _tmpl$49();
+                                  insert(_el$203, createComponent(Show, {
                                     get when() {
                                       return bookmark.intent;
                                     },
                                     get children() {
-                                      var _el$205 = _tmpl$49(), _el$206 = _el$205.firstChild;
-                                      _el$206.nextSibling;
-                                      insert(_el$205, () => bookmark.intent, null);
-                                      return _el$205;
+                                      var _el$204 = _tmpl$50(), _el$205 = _el$204.firstChild;
+                                      _el$205.nextSibling;
+                                      insert(_el$204, () => bookmark.intent, null);
+                                      return _el$204;
                                     }
                                   }), null);
-                                  insert(_el$204, createComponent(Show, {
+                                  insert(_el$203, createComponent(Show, {
                                     get when() {
                                       return bookmark.expectedContent;
                                     },
                                     get children() {
-                                      var _el$208 = _tmpl$50(), _el$209 = _el$208.firstChild;
-                                      _el$209.nextSibling;
-                                      insert(_el$208, () => bookmark.expectedContent, null);
-                                      return _el$208;
+                                      var _el$207 = _tmpl$51(), _el$208 = _el$207.firstChild;
+                                      _el$208.nextSibling;
+                                      insert(_el$207, () => bookmark.expectedContent, null);
+                                      return _el$207;
                                     }
                                   }), null);
-                                  insert(_el$204, createComponent(Show, {
+                                  insert(_el$203, createComponent(Show, {
                                     get when() {
                                       return (bookmark.keyFields?.length || 0) > 0;
                                     },
                                     get children() {
-                                      var _el$211 = _tmpl$51(), _el$212 = _el$211.firstChild;
-                                      _el$212.nextSibling;
-                                      insert(_el$211, () => bookmark.keyFields?.join(", "), null);
-                                      return _el$211;
+                                      var _el$210 = _tmpl$52(), _el$211 = _el$210.firstChild;
+                                      _el$211.nextSibling;
+                                      insert(_el$210, () => bookmark.keyFields?.join(", "), null);
+                                      return _el$210;
                                     }
                                   }), null);
-                                  insert(_el$204, createComponent(Show, {
+                                  insert(_el$203, createComponent(Show, {
                                     get when() {
                                       return memo(() => !!bookmark.agentHints)() && Object.keys(bookmark.agentHints).length > 0;
                                     },
                                     get children() {
-                                      var _el$214 = _tmpl$52(), _el$215 = _el$214.firstChild;
-                                      _el$215.nextSibling;
-                                      insert(_el$214, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
-                                      return _el$214;
+                                      var _el$213 = _tmpl$53(), _el$214 = _el$213.firstChild;
+                                      _el$214.nextSibling;
+                                      insert(_el$213, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
+                                      return _el$213;
                                     }
                                   }), null);
-                                  return _el$204;
+                                  return _el$203;
                                 }
-                              }), _el$227);
-                              insert(_el$199, createComponent(Show, {
+                              }), _el$226);
+                              insert(_el$198, createComponent(Show, {
                                 get when() {
                                   return editingBookmarkId() === bookmark.id;
                                 },
                                 get children() {
-                                  var _el$217 = _tmpl$53(), _el$218 = _el$217.firstChild, _el$219 = _el$218.nextSibling, _el$220 = _el$219.nextSibling, _el$221 = _el$220.nextSibling, _el$222 = _el$221.nextSibling, _el$223 = _el$222.nextSibling, _el$224 = _el$223.nextSibling, _el$225 = _el$224.firstChild, _el$226 = _el$225.nextSibling;
-                                  _el$218.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
-                                  _el$219.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
-                                  _el$220.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
-                                  _el$221.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
-                                  _el$222.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
-                                  _el$223.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
-                                  _el$225.$$click = () => void handleUpdateBookmark(bookmark.id);
-                                  _el$226.$$click = resetBookmarkEditor;
-                                  createRenderEffect(() => _el$218.value = editingBookmarkTitle());
-                                  createRenderEffect(() => _el$219.value = editingBookmarkNote());
-                                  createRenderEffect(() => _el$220.value = editingBookmarkIntent());
-                                  createRenderEffect(() => _el$221.value = editingBookmarkExpectedContent());
-                                  createRenderEffect(() => _el$222.value = editingBookmarkKeyFields());
-                                  createRenderEffect(() => _el$223.value = editingBookmarkAgentHints());
-                                  return _el$217;
+                                  var _el$216 = _tmpl$54(), _el$217 = _el$216.firstChild, _el$218 = _el$217.nextSibling, _el$219 = _el$218.nextSibling, _el$220 = _el$219.nextSibling, _el$221 = _el$220.nextSibling, _el$222 = _el$221.nextSibling, _el$223 = _el$222.nextSibling, _el$224 = _el$223.firstChild, _el$225 = _el$224.nextSibling;
+                                  _el$217.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
+                                  _el$218.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
+                                  _el$219.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
+                                  _el$220.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
+                                  _el$221.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
+                                  _el$222.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
+                                  _el$224.$$click = () => void handleUpdateBookmark(bookmark.id);
+                                  _el$225.$$click = resetBookmarkEditor;
+                                  createRenderEffect(() => _el$217.value = editingBookmarkTitle());
+                                  createRenderEffect(() => _el$218.value = editingBookmarkNote());
+                                  createRenderEffect(() => _el$219.value = editingBookmarkIntent());
+                                  createRenderEffect(() => _el$220.value = editingBookmarkExpectedContent());
+                                  createRenderEffect(() => _el$221.value = editingBookmarkKeyFields());
+                                  createRenderEffect(() => _el$222.value = editingBookmarkAgentHints());
+                                  return _el$216;
                                 }
-                              }), _el$227);
-                              insert(_el$228, () => formatBookmarkDate(bookmark.savedAt));
-                              _el$229.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
-                              insert(_el$229, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
-                              _el$230.$$click = () => {
+                              }), _el$226);
+                              insert(_el$227, () => formatBookmarkDate(bookmark.savedAt));
+                              _el$228.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
+                              insert(_el$228, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
+                              _el$229.$$click = () => {
                                 if (editingBookmarkId() === bookmark.id) {
                                   resetBookmarkEditor();
                                 }
                                 void removeBookmark(bookmark.id);
                               };
-                              createRenderEffect(() => setAttribute(_el$199, "data-bookmark-id", bookmark.id));
-                              return _el$199;
+                              createRenderEffect(() => setAttribute(_el$198, "data-bookmark-id", bookmark.id));
+                              return _el$198;
                             })()
                           }));
-                          return _el$196;
+                          return _el$195;
                         }
                       });
                     }
                   }), null);
-                  createRenderEffect(() => _el$171.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
-                  return _el$168;
+                  createRenderEffect(() => _el$170.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
+                  return _el$167;
                 })()
               });
             }
           }));
           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$52.disabled = _p$.e = _v$3);
-            _v$4 !== _p$.t && (_el$53.disabled = _p$.t = _v$4);
-            _v$5 !== _p$.a && (_el$54.disabled = _p$.a = _v$5);
-            _v$6 !== _p$.o && _el$59.classList.toggle("expanded", _p$.o = _v$6);
-            _v$7 !== _p$.i && _el$68.classList.toggle("expanded", _p$.i = _v$7);
-            _v$8 !== _p$.n && (_el$83.disabled = _p$.n = _v$8);
+            _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);
             return _p$;
           }, {
             e: void 0,
@@ -9912,72 +10870,72 @@ ${contextBlock}` : contextBlock);
             i: void 0,
             n: void 0
           });
-          createRenderEffect(() => _el$48.value = bookmarkSearchQuery());
-          createRenderEffect(() => _el$81.value = newFolderName());
-          createRenderEffect(() => _el$82.value = newFolderSummary());
-          return _el$42;
+          createRenderEffect(() => _el$47.value = bookmarkSearchQuery());
+          createRenderEffect(() => _el$80.value = newFolderName());
+          createRenderEffect(() => _el$81.value = newFolderSummary());
+          return _el$41;
         }
-      }), _el$132);
-      insert(_el$26, createComponent(Show, {
+      }), _el$131);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "checkpoints";
         },
         get children() {
-          var _el$85 = _tmpl$12$3(), _el$86 = _el$85.firstChild, _el$87 = _el$86.firstChild, _el$88 = _el$87.firstChild, _el$89 = _el$88.nextSibling, _el$90 = _el$86.nextSibling, _el$91 = _el$90.firstChild, _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling, _el$94 = _el$93.nextSibling;
-          _el$91.nextSibling;
-          insert(_el$89, (() => {
+          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 _c$3 = memo(() => recentCheckpoints().length > 0);
             return () => _c$3() ? `${recentCheckpoints().length} saved snapshots` : "Save and restore session snapshots";
           })());
-          _el$92.$$input = (e) => setCheckpointName(e.currentTarget.value);
-          _el$93.$$input = (e) => setCheckpointNote(e.currentTarget.value);
-          _el$94.$$click = async () => {
+          _el$91.$$input = (e) => setCheckpointName(e.currentTarget.value);
+          _el$92.$$input = (e) => setCheckpointNote(e.currentTarget.value);
+          _el$93.$$click = async () => {
             const name = checkpointName().trim();
             await createCheckpoint(name || void 0, checkpointNote() || void 0);
             setCheckpointName("");
             setCheckpointNote("");
           };
-          insert(_el$90, createComponent(Show, {
+          insert(_el$89, createComponent(Show, {
             get when() {
               return recentCheckpoints().length > 0;
             },
             get fallback() {
-              return _tmpl$55();
+              return _tmpl$56();
             },
             get children() {
-              var _el$96 = _tmpl$11$3();
-              insert(_el$96, createComponent(For, {
+              var _el$95 = _tmpl$12$3();
+              insert(_el$95, createComponent(For, {
                 get each() {
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  var _el$232 = _tmpl$57(), _el$233 = _el$232.firstChild, _el$234 = _el$233.firstChild, _el$236 = _el$233.nextSibling, _el$237 = _el$236.firstChild, _el$238 = _el$237.nextSibling, _el$239 = _el$238.nextSibling, _el$240 = _el$239.nextSibling;
-                  insert(_el$233, createComponent(Show, {
+                  var _el$231 = _tmpl$58(), _el$232 = _el$231.firstChild, _el$233 = _el$232.firstChild, _el$235 = _el$232.nextSibling, _el$236 = _el$235.firstChild, _el$237 = _el$236.nextSibling, _el$238 = _el$237.nextSibling, _el$239 = _el$238.nextSibling;
+                  insert(_el$232, createComponent(Show, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
                     get children() {
-                      return _tmpl$56();
+                      return _tmpl$57();
                     }
                   }), null);
-                  insert(_el$237, () => checkpoint.name);
-                  insert(_el$238, () => new Date(checkpoint.createdAt).toLocaleString());
-                  _el$239.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
-                  _el$240.$$click = () => void restoreCheckpoint(checkpoint.id);
-                  createRenderEffect(() => _el$234.classList.toggle("latest", !!(i() === 0)));
-                  createRenderEffect(() => _el$239.value = checkpoint.note || "");
-                  return _el$232;
+                  insert(_el$236, () => checkpoint.name);
+                  insert(_el$237, () => new Date(checkpoint.createdAt).toLocaleString());
+                  _el$238.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
+                  _el$239.$$click = () => void restoreCheckpoint(checkpoint.id);
+                  createRenderEffect(() => _el$233.classList.toggle("latest", !!(i() === 0)));
+                  createRenderEffect(() => _el$238.value = checkpoint.note || "");
+                  return _el$231;
                 })()
               }));
-              return _el$96;
+              return _el$95;
             }
           }), null);
-          createRenderEffect(() => _el$92.value = checkpointName());
-          createRenderEffect(() => _el$93.value = checkpointNote());
-          return _el$85;
+          createRenderEffect(() => _el$91.value = checkpointName());
+          createRenderEffect(() => _el$92.value = checkpointNote());
+          return _el$84;
         }
-      }), _el$132);
-      insert(_el$26, createComponent(Show, {
+      }), _el$131);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "automation";
         },
@@ -9986,101 +10944,101 @@ ${contextBlock}` : contextBlock);
             onRun: () => setSidebarTab("supervisor")
           });
         }
-      }), _el$132);
-      insert(_el$26, createComponent(Show, {
+      }), _el$131);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "research";
         },
         get children() {
           return createComponent(ResearchDesk, {});
         }
-      }), _el$132);
-      insert(_el$26, createComponent(Show, {
+      }), _el$131);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "history";
         },
         get children() {
-          var _el$97 = _tmpl$15$2(), _el$98 = _el$97.firstChild, _el$99 = _el$98.firstChild, _el$100 = _el$99.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling, _el$103 = _el$102.nextSibling, _el$104 = _el$103.nextSibling, _el$105 = _el$98.nextSibling;
-          _el$101.$$click = async () => {
+          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 () => {
             await history.clear();
           };
-          _el$102.$$click = async () => {
+          _el$101.$$click = async () => {
             const result = await window.vessel.history.exportHtml();
             if (!result) return;
           };
-          _el$103.$$click = async () => {
+          _el$102.$$click = async () => {
             const result = await window.vessel.history.exportJson();
             if (!result) return;
           };
-          _el$104.$$click = async () => {
+          _el$103.$$click = async () => {
             const result = await window.vessel.history.importFile();
             if (!result) return;
           };
-          insert(_el$105, createComponent(For, {
+          insert(_el$104, createComponent(For, {
             get each() {
               return history.historyState().entries;
             },
             children: (entry) => (() => {
-              var _el$241 = _tmpl$58(), _el$242 = _el$241.firstChild, _el$243 = _el$242.nextSibling, _el$244 = _el$243.nextSibling;
-              _el$241.$$click = () => createTab(entry.url);
-              insert(_el$242, () => entry.title || entry.url);
-              insert(_el$243, () => entry.url);
-              insert(_el$244, () => new Date(entry.visitedAt).toLocaleString());
-              return _el$241;
+              var _el$240 = _tmpl$59(), _el$241 = _el$240.firstChild, _el$242 = _el$241.nextSibling, _el$243 = _el$242.nextSibling;
+              _el$240.$$click = () => createTab(entry.url);
+              insert(_el$241, () => entry.title || entry.url);
+              insert(_el$242, () => entry.url);
+              insert(_el$243, () => new Date(entry.visitedAt).toLocaleString());
+              return _el$240;
             })()
           }), null);
-          insert(_el$105, createComponent(Show, {
+          insert(_el$104, createComponent(Show, {
             get when() {
               return history.hasMore();
             },
             get children() {
-              var _el$106 = _tmpl$13$2(), _el$107 = _el$106.firstChild, _el$108 = _el$107.nextSibling, _el$109 = _el$108.firstChild, _el$112 = _el$109.nextSibling;
-              _el$112.nextSibling;
-              _el$106.$$click = () => void history.loadMore();
-              insert(_el$108, () => history.historyState().entries.length, _el$112);
-              insert(_el$108, () => history.historyTotal(), null);
-              return _el$106;
+              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;
             }
           }), null);
-          insert(_el$105, createComponent(Show, {
+          insert(_el$104, createComponent(Show, {
             get when() {
               return history.historyState().entries.length === 0;
             },
             get children() {
-              return _tmpl$14$2();
+              return _tmpl$15$2();
             }
           }), null);
-          return _el$97;
+          return _el$96;
         }
-      }), _el$132);
-      insert(_el$26, createComponent(Show, {
+      }), _el$131);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "diff";
         },
         get children() {
-          var _el$114 = _tmpl$16$1(), _el$115 = _el$114.firstChild, _el$116 = _el$115.firstChild, _el$117 = _el$116.nextSibling;
-          insert(_el$117, () => isPremium() ? "Page change timeline" : "Premium feature");
-          insert(_el$114, createComponent(Show, {
+          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, {
             get when() {
               return isPremium();
             },
             get fallback() {
               return (() => {
-                var _el$245 = _tmpl$59(), _el$246 = _el$245.firstChild, _el$247 = _el$246.nextSibling, _el$248 = _el$247.nextSibling, _el$249 = _el$248.firstChild, _el$250 = _el$249.nextSibling;
-                _el$249.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
+                var _el$244 = _tmpl$60(), _el$245 = _el$244.firstChild, _el$246 = _el$245.nextSibling, _el$247 = _el$246.nextSibling, _el$248 = _el$247.firstChild, _el$249 = _el$248.nextSibling;
+                _el$248.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
                 });
-                _el$250.$$click = openPremiumDetails;
-                return _el$245;
+                _el$249.$$click = openPremiumDetails;
+                return _el$244;
               })();
             },
             get children() {
               return createComponent(PageDiffTimeline, {});
             }
           }), null);
-          return _el$114;
+          return _el$113;
         }
-      }), _el$132);
-      insert(_el$26, createComponent(Show, {
+      }), _el$131);
+      insert(_el$25, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
         },
@@ -10090,23 +11048,23 @@ ${contextBlock}` : contextBlock);
               return !isPremium();
             },
             get children() {
-              var _el$118 = _tmpl$17$1(), _el$119 = _el$118.firstChild, _el$120 = _el$119.nextSibling, _el$121 = _el$120.nextSibling, _el$122 = _el$121.firstChild, _el$123 = _el$122.nextSibling;
-              _el$122.$$click = () => openPremiumCheckout("chat_banner_clicked");
-              _el$123.$$click = openPremiumDetails;
-              return _el$118;
+              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;
             }
           }), createComponent(For, {
             get each() {
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$251 = _tmpl$60();
-              insert(_el$251, createComponent(MarkdownMessage, {
+              var _el$250 = _tmpl$61();
+              insert(_el$250, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }), null);
-              insert(_el$251, createComponent(Show, {
+              insert(_el$250, createComponent(Show, {
                 get when() {
                   return memo(() => msg.role === "assistant")() ? getPremiumPromptKind(msg.content) : null;
                 },
@@ -10119,31 +11077,31 @@ ${contextBlock}` : contextBlock);
                   onOpenSettings: openPremiumDetails
                 })
               }), null);
-              createRenderEffect(() => className(_el$251, `message message-${msg.role}`));
-              return _el$251;
+              createRenderEffect(() => className(_el$250, `message message-${msg.role}`));
+              return _el$250;
             })()
           }), createComponent(Show, {
             get when() {
               return isStreaming2();
             },
             get children() {
-              var _el$124 = _tmpl$20$1(), _el$125 = _el$124.firstChild;
-              insert(_el$125, createComponent(Show, {
+              var _el$123 = _tmpl$21$1(), _el$124 = _el$123.firstChild;
+              insert(_el$124, createComponent(Show, {
                 get when() {
                   return hasFirstChunk2();
                 },
                 get fallback() {
-                  return _tmpl$61();
+                  return _tmpl$62();
                 },
                 get children() {
-                  var _el$126 = _tmpl$19$1(), _el$127 = _el$126.firstChild, _el$128 = _el$127.firstChild;
-                  _el$128.nextSibling;
-                  insert(_el$126, createComponent(MarkdownMessage, {
+                  var _el$125 = _tmpl$20$1(), _el$126 = _el$125.firstChild, _el$127 = _el$126.firstChild;
+                  _el$127.nextSibling;
+                  insert(_el$125, createComponent(MarkdownMessage, {
                     get content() {
                       return streamingText2();
                     }
-                  }), _el$127);
-                  insert(_el$126, createComponent(Show, {
+                  }), _el$126);
+                  insert(_el$125, createComponent(Show, {
                     get when() {
                       return getPremiumPromptKind(streamingText2());
                     },
@@ -10155,21 +11113,21 @@ ${contextBlock}` : contextBlock);
                       onStartTrial: () => openPremiumCheckout(kind() === "premium_gate" ? "premium_gate_clicked" : "iteration_limit_clicked"),
                       onOpenSettings: openPremiumDetails
                     })
-                  }), _el$127);
-                  insert(_el$127, createComponent(Show, {
+                  }), _el$126);
+                  insert(_el$126, createComponent(Show, {
                     get when() {
                       return elapsedSeconds() > 0;
                     },
                     get children() {
-                      var _el$130 = _tmpl$18$1();
-                      insert(_el$130, () => ` • ${elapsedSeconds()}s`);
-                      return _el$130;
+                      var _el$129 = _tmpl$19$1();
+                      insert(_el$129, () => ` • ${elapsedSeconds()}s`);
+                      return _el$129;
                     }
                   }), null);
-                  return _el$126;
+                  return _el$125;
                 }
               }));
-              return _el$124;
+              return _el$123;
             }
           }), createComponent(Show, {
             get when() {
@@ -10181,22 +11139,22 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$253 = _tmpl$63(), _el$254 = _el$253.firstChild, _el$255 = _el$254.nextSibling, _el$256 = _el$255.firstChild, _el$257 = _el$256.firstChild, _el$258 = _el$257.nextSibling, _el$260 = _el$256.nextSibling, _el$261 = _el$260.nextSibling, _el$262 = _el$261.firstChild, _el$263 = _el$262.nextSibling;
-                  insert(_el$258, () => approval.name);
-                  insert(_el$255, createComponent(Show, {
+                  var _el$252 = _tmpl$64(), _el$253 = _el$252.firstChild, _el$254 = _el$253.nextSibling, _el$255 = _el$254.firstChild, _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling, _el$259 = _el$255.nextSibling, _el$260 = _el$259.nextSibling, _el$261 = _el$260.firstChild, _el$262 = _el$261.nextSibling;
+                  insert(_el$257, () => approval.name);
+                  insert(_el$254, createComponent(Show, {
                     get when() {
                       return approval.argsSummary;
                     },
                     get children() {
-                      var _el$259 = _tmpl$62();
-                      insert(_el$259, () => approval.argsSummary);
-                      return _el$259;
+                      var _el$258 = _tmpl$63();
+                      insert(_el$258, () => approval.argsSummary);
+                      return _el$258;
                     }
-                  }), _el$260);
-                  insert(_el$260, () => approval.reason);
-                  _el$262.$$click = () => void resolveApproval(approval.id, true);
-                  _el$263.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$253;
+                  }), _el$259);
+                  insert(_el$259, () => approval.reason);
+                  _el$261.$$click = () => void resolveApproval(approval.id, true);
+                  _el$262.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$252;
                 })()
               });
             }
@@ -10205,13 +11163,13 @@ ${contextBlock}` : contextBlock);
               return memo(() => messages2().length === 0)() && !isStreaming2();
             },
             get children() {
-              return _tmpl$21$1();
+              return _tmpl$22$1();
             }
           })];
         }
-      }), _el$132);
+      }), _el$131);
       var _ref$ = messagesEndRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$132) : messagesEndRef = _el$132;
+      typeof _ref$ === "function" ? use(_ref$, _el$131) : messagesEndRef = _el$131;
       insert(_el$9, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -10222,143 +11180,142 @@ ${contextBlock}` : contextBlock);
               return isStreaming2() || messages2().length > 0;
             },
             get children() {
-              var _el$133 = _tmpl$24$1();
-              insert(_el$133, createComponent(Show, {
+              var _el$132 = _tmpl$25$1();
+              insert(_el$132, createComponent(Show, {
                 get when() {
                   return isStreaming2();
                 },
                 get children() {
-                  var _el$134 = _tmpl$22$1();
-                  _el$134.$$click = () => cancel();
-                  return _el$134;
+                  var _el$133 = _tmpl$23$1();
+                  _el$133.$$click = () => cancel();
+                  return _el$133;
                 }
               }), null);
-              insert(_el$133, createComponent(Show, {
+              insert(_el$132, createComponent(Show, {
                 get when() {
                   return memo(() => !!!isStreaming2())() && messages2().length > 0;
                 },
                 get children() {
-                  var _el$135 = _tmpl$23$1();
-                  _el$135.$$click = handleRetry;
-                  return _el$135;
+                  var _el$134 = _tmpl$24$1();
+                  _el$134.$$click = handleRetry;
+                  return _el$134;
                 }
               }), null);
-              return _el$133;
+              return _el$132;
             }
           }), createComponent(Show, {
             get when() {
               return highlightCount() > 0;
             },
             get children() {
-              var _el$136 = _tmpl$25$1(), _el$137 = _el$136.firstChild, _el$138 = _el$137.nextSibling;
-              _el$138.firstChild;
-              var _el$140 = _el$138.nextSibling;
-              _el$137.$$click = () => void scrollToHighlight(highlightIndex() - 1);
-              _el$138.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
-              insert(_el$138, (() => {
+              var _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 _c$4 = memo(() => highlightIndex() >= 0);
                 return () => _c$4() ? `${highlightIndex() + 1} / ${highlightCount()}` : `${highlightCount()} highlight${highlightCount() > 1 ? "s" : ""}`;
               })(), null);
-              _el$140.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
+              _el$139.$$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$137.disabled = _p$.e = _v$9);
-                _v$0 !== _p$.t && (_el$140.disabled = _p$.t = _v$0);
+                _v$9 !== _p$.e && (_el$136.disabled = _p$.e = _v$9);
+                _v$0 !== _p$.t && (_el$139.disabled = _p$.t = _v$0);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$136;
+              return _el$135;
             }
           }), createComponent(Show, {
             get when() {
               return queueNotice2() !== null || pendingQueryCount() > 0;
             },
             get children() {
-              var _el$141 = _tmpl$28$1(), _el$142 = _el$141.firstChild, _el$143 = _el$142.firstChild;
-              insert(_el$143, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
-              insert(_el$142, createComponent(Show, {
+              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, {
                 get when() {
                   return pendingQueryCount() > 0;
                 },
                 get children() {
-                  var _el$144 = _tmpl$26$1();
-                  _el$144.$$click = () => clearPendingQueries();
-                  return _el$144;
+                  var _el$143 = _tmpl$27$1();
+                  _el$143.$$click = () => clearPendingQueries();
+                  return _el$143;
                 }
               }), null);
-              insert(_el$141, createComponent(Show, {
+              insert(_el$140, createComponent(Show, {
                 get when() {
                   return pendingQueries2().length > 0;
                 },
                 get children() {
-                  var _el$145 = _tmpl$27$1();
-                  insert(_el$145, createComponent(For, {
+                  var _el$144 = _tmpl$28$1();
+                  insert(_el$144, createComponent(For, {
                     get each() {
                       return pendingQueries2();
                     },
                     children: (pendingPrompt, index) => (() => {
-                      var _el$264 = _tmpl$64(), _el$265 = _el$264.firstChild, _el$266 = _el$265.nextSibling;
-                      setAttribute(_el$265, "title", pendingPrompt);
-                      insert(_el$265, pendingPrompt);
-                      _el$266.$$click = () => removePendingQuery(index());
-                      createRenderEffect(() => setAttribute(_el$266, "aria-label", `Remove queued prompt ${index() + 1}`));
-                      return _el$264;
+                      var _el$263 = _tmpl$65(), _el$264 = _el$263.firstChild, _el$265 = _el$264.nextSibling;
+                      setAttribute(_el$264, "title", pendingPrompt);
+                      insert(_el$264, pendingPrompt);
+                      _el$265.$$click = () => removePendingQuery(index());
+                      createRenderEffect(() => setAttribute(_el$265, "aria-label", `Remove queued prompt ${index() + 1}`));
+                      return _el$263;
                     })()
                   }));
-                  return _el$145;
+                  return _el$144;
                 }
               }), null);
-              return _el$141;
+              return _el$140;
             }
           }), (() => {
-            var _el$146 = _tmpl$29$1(), _el$147 = _el$146.firstChild, _el$148 = _el$147.nextSibling;
-            _el$147.$$keydown = (e) => {
+            var _el$145 = _tmpl$30(), _el$146 = _el$145.firstChild, _el$147 = _el$146.nextSibling;
+            _el$146.$$keydown = (e) => {
               if (e.key === "Enter" && !e.shiftKey) {
                 e.preventDefault();
                 void handleChatSend();
               }
             };
-            _el$147.$$input = (e) => setChatInput(e.currentTarget.value);
+            _el$146.$$input = (e) => setChatInput(e.currentTarget.value);
             var _ref$2 = chatInputRef;
-            typeof _ref$2 === "function" ? use(_ref$2, _el$147) : chatInputRef = _el$147;
-            _el$148.$$click = () => void handleChatSend();
-            insert(_el$148, () => isStreaming2() ? "Queue" : "Send");
+            typeof _ref$2 === "function" ? use(_ref$2, _el$146) : chatInputRef = _el$146;
+            _el$147.$$click = () => void handleChatSend();
+            insert(_el$147, () => isStreaming2() ? "Queue" : "Send");
             createRenderEffect((_p$) => {
               var _v$1 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything...", _v$10 = !chatInput().trim();
-              _v$1 !== _p$.e && setAttribute(_el$147, "placeholder", _p$.e = _v$1);
-              _v$10 !== _p$.t && (_el$148.disabled = _p$.t = _v$10);
+              _v$1 !== _p$.e && setAttribute(_el$146, "placeholder", _p$.e = _v$1);
+              _v$10 !== _p$.t && (_el$147.disabled = _p$.t = _v$10);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            createRenderEffect(() => _el$147.value = chatInput());
-            return _el$146;
+            createRenderEffect(() => _el$146.value = chatInput());
+            return _el$145;
           })()];
         }
       }), null);
       createRenderEffect((_p$) => {
-        var _v$11 = `${sidebarWidth2()}px`, _v$12 = !!isDragging(), _v$13 = !!(sidebarTab() === "supervisor"), _v$14 = sidebarTab() === "supervisor", _v$15 = !!(sidebarTab() === "bookmarks"), _v$16 = sidebarTab() === "bookmarks", _v$17 = !!(sidebarTab() === "checkpoints"), _v$18 = sidebarTab() === "checkpoints", _v$19 = !!(sidebarTab() === "chat"), _v$20 = sidebarTab() === "chat", _v$21 = !!(sidebarTab() === "automation"), _v$22 = sidebarTab() === "automation", _v$23 = !!(sidebarTab() === "history"), _v$24 = sidebarTab() === "history", _v$25 = !!(sidebarTab() === "diff"), _v$26 = sidebarTab() === "diff", _v$27 = !!(sidebarTab() === "research"), _v$28 = sidebarTab() === "research";
+        var _v$11 = sidebarDetached2() ? "100%" : `${sidebarWidth2()}px`, _v$12 = !!(sidebarTab() === "supervisor"), _v$13 = sidebarTab() === "supervisor", _v$14 = !!(sidebarTab() === "bookmarks"), _v$15 = sidebarTab() === "bookmarks", _v$16 = !!(sidebarTab() === "checkpoints"), _v$17 = sidebarTab() === "checkpoints", _v$18 = !!(sidebarTab() === "chat"), _v$19 = sidebarTab() === "chat", _v$20 = !!(sidebarTab() === "automation"), _v$21 = sidebarTab() === "automation", _v$22 = !!(sidebarTab() === "history"), _v$23 = sidebarTab() === "history", _v$24 = !!(sidebarTab() === "diff"), _v$25 = sidebarTab() === "diff", _v$26 = !!(sidebarTab() === "research"), _v$27 = sidebarTab() === "research";
         _v$11 !== _p$.e && setStyleProperty(_el$9, "width", _p$.e = _v$11);
-        _v$12 !== _p$.t && _el$0.classList.toggle("dragging", _p$.t = _v$12);
-        _v$13 !== _p$.a && _el$16.classList.toggle("active", _p$.a = _v$13);
-        _v$14 !== _p$.o && setAttribute(_el$16, "aria-selected", _p$.o = _v$14);
-        _v$15 !== _p$.i && _el$19.classList.toggle("active", _p$.i = _v$15);
-        _v$16 !== _p$.n && setAttribute(_el$19, "aria-selected", _p$.n = _v$16);
-        _v$17 !== _p$.s && _el$20.classList.toggle("active", _p$.s = _v$17);
-        _v$18 !== _p$.h && setAttribute(_el$20, "aria-selected", _p$.h = _v$18);
-        _v$19 !== _p$.r && _el$21.classList.toggle("active", _p$.r = _v$19);
-        _v$20 !== _p$.d && setAttribute(_el$21, "aria-selected", _p$.d = _v$20);
-        _v$21 !== _p$.l && _el$22.classList.toggle("active", _p$.l = _v$21);
-        _v$22 !== _p$.u && setAttribute(_el$22, "aria-selected", _p$.u = _v$22);
-        _v$23 !== _p$.c && _el$23.classList.toggle("active", _p$.c = _v$23);
-        _v$24 !== _p$.w && setAttribute(_el$23, "aria-selected", _p$.w = _v$24);
-        _v$25 !== _p$.m && _el$24.classList.toggle("active", _p$.m = _v$25);
-        _v$26 !== _p$.f && setAttribute(_el$24, "aria-selected", _p$.f = _v$26);
-        _v$27 !== _p$.y && _el$25.classList.toggle("active", _p$.y = _v$27);
-        _v$28 !== _p$.g && setAttribute(_el$25, "aria-selected", _p$.g = _v$28);
+        _v$12 !== _p$.t && _el$15.classList.toggle("active", _p$.t = _v$12);
+        _v$13 !== _p$.a && setAttribute(_el$15, "aria-selected", _p$.a = _v$13);
+        _v$14 !== _p$.o && _el$18.classList.toggle("active", _p$.o = _v$14);
+        _v$15 !== _p$.i && setAttribute(_el$18, "aria-selected", _p$.i = _v$15);
+        _v$16 !== _p$.n && _el$19.classList.toggle("active", _p$.n = _v$16);
+        _v$17 !== _p$.s && setAttribute(_el$19, "aria-selected", _p$.s = _v$17);
+        _v$18 !== _p$.h && _el$20.classList.toggle("active", _p$.h = _v$18);
+        _v$19 !== _p$.r && setAttribute(_el$20, "aria-selected", _p$.r = _v$19);
+        _v$20 !== _p$.d && _el$21.classList.toggle("active", _p$.d = _v$20);
+        _v$21 !== _p$.l && setAttribute(_el$21, "aria-selected", _p$.l = _v$21);
+        _v$22 !== _p$.u && _el$22.classList.toggle("active", _p$.u = _v$22);
+        _v$23 !== _p$.c && setAttribute(_el$22, "aria-selected", _p$.c = _v$23);
+        _v$24 !== _p$.w && _el$23.classList.toggle("active", _p$.w = _v$24);
+        _v$25 !== _p$.m && setAttribute(_el$23, "aria-selected", _p$.m = _v$25);
+        _v$26 !== _p$.f && _el$24.classList.toggle("active", _p$.f = _v$26);
+        _v$27 !== _p$.y && setAttribute(_el$24, "aria-selected", _p$.y = _v$27);
         return _p$;
       }, {
         e: void 0,
@@ -10377,8 +11334,7 @@ ${contextBlock}` : contextBlock);
         w: void 0,
         m: void 0,
         f: void 0,
-        y: void 0,
-        g: void 0
+        y: void 0
       });
       return _el$9;
     }
@@ -13933,75 +14889,6 @@ var _tmpl$$2 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div cla
           color: var(--text-secondary);
         }
       `), _tmpl$3$1 = /* @__PURE__ */ template(`<div class=keyboard-help-keys>`), _tmpl$4$1 = /* @__PURE__ */ template(`<div class=keyboard-help-action>`), _tmpl$5$1 = /* @__PURE__ */ template(`<span class=keyboard-help-plus>/`), _tmpl$6$1 = /* @__PURE__ */ template(`<kbd>`), _tmpl$7$1 = /* @__PURE__ */ template(`<span class=keyboard-help-plus>+`);
-const SHORTCUTS = [{
-  keys: "Ctrl+L",
-  action: "AI Command Bar",
-  privateMode: false
-}, {
-  keys: "Ctrl+Shift+L",
-  action: "Toggle AI Sidebar",
-  privateMode: false
-}, {
-  keys: "Ctrl+Shift+F",
-  action: "Toggle Focus Mode",
-  privateMode: false
-}, {
-  keys: "F12",
-  action: "Toggle Dev Tools Panel",
-  privateMode: false
-}, {
-  keys: "Ctrl+N",
-  action: "New Window"
-}, {
-  keys: "Ctrl+T",
-  action: "New Tab"
-}, {
-  keys: "Ctrl+W",
-  action: "Close Tab"
-}, {
-  keys: "Ctrl+Shift+T",
-  action: "Reopen Closed Tab"
-}, {
-  keys: "Ctrl+F",
-  action: "Find in Page"
-}, {
-  keys: "Ctrl++ / Ctrl+=",
-  action: "Zoom In"
-}, {
-  keys: "Ctrl+-",
-  action: "Zoom Out"
-}, {
-  keys: "Ctrl+0",
-  action: "Reset Zoom"
-}, {
-  keys: "Ctrl+Shift+N",
-  action: "New Private Window"
-}, {
-  keys: "Ctrl+P",
-  action: "Print Page"
-}, {
-  keys: "Ctrl+Shift+P",
-  action: "Save Page as PDF"
-}, {
-  keys: "Ctrl+Shift+I",
-  action: "Toggle Picture-in-Picture",
-  privateMode: false
-}, {
-  keys: "Ctrl+Shift+Delete",
-  action: "Clear Browsing Data",
-  privateMode: false
-}, {
-  keys: "Ctrl+,",
-  action: "Settings",
-  privateMode: false
-}, {
-  keys: "Ctrl+H",
-  action: "Capture Highlight",
-  privateMode: false
-}, {
-  keys: "?",
-  action: "This help overlay"
-}];
 function shortcutParts(keys) {
   return keys.split(" / ").map((combo) => combo.replace(/\+\+/g, "+Plus").split("+").filter(Boolean).map((key) => key === "Plus" ? "+" : key));
 }
@@ -14010,7 +14897,7 @@ const KeyboardHelp = (props) => {
     visible,
     closing
   } = useAnimatedPresence(() => props.open, 200);
-  const shortcuts = () => props.privateMode ? SHORTCUTS.filter((shortcut) => shortcut.privateMode !== false) : SHORTCUTS;
+  const shortcuts = () => getBrowserCommandShortcutHelp(props.privateMode);
   return createComponent(Show, {
     get when() {
       return visible();
@@ -14182,110 +15069,42 @@ const ClearBrowsingData = (props) => {
 delegateEvents(["click"]);
 function setupKeybindings(handlers) {
   const listener = (e) => {
-    const ctrl = e.ctrlKey || e.metaKey;
-    const key = e.key.toLowerCase();
-    if (ctrl && key === "l" && !e.shiftKey) {
-      e.preventDefault();
-      handlers.openCommandBar?.();
-      return;
-    }
-    if (ctrl && key === "l" && e.shiftKey) {
-      e.preventDefault();
-      handlers.toggleSidebar?.();
-      return;
-    }
-    if (ctrl && key === "f" && e.shiftKey) {
-      e.preventDefault();
-      handlers.toggleFocusMode?.();
-      return;
-    }
-    if (ctrl && key === "t" && e.shiftKey) {
-      e.preventDefault();
-      handlers.reopenClosedTab?.();
-      return;
-    }
-    if (ctrl && key === "n" && e.shiftKey) {
-      e.preventDefault();
-      handlers.openPrivateWindow?.();
-      return;
-    }
-    if (ctrl && key === "n" && !e.shiftKey) {
-      e.preventDefault();
-      handlers.openNewWindow?.();
-      return;
-    }
-    if (ctrl && key === "t" && !e.shiftKey) {
-      e.preventDefault();
-      handlers.newTab();
-      return;
-    }
-    if (ctrl && key === "w") {
-      e.preventDefault();
-      handlers.closeTab();
-      return;
-    }
-    if (ctrl && key === "p" && e.shiftKey) {
-      e.preventDefault();
-      handlers.printToPdf?.();
-      return;
-    }
-    if (ctrl && key === "i" && e.shiftKey) {
-      e.preventDefault();
-      handlers.togglePip?.();
-      return;
-    }
-    if (ctrl && e.shiftKey && e.key === "Delete") {
-      e.preventDefault();
-      handlers.clearBrowsingData?.();
-      return;
-    }
-    if (ctrl && key === "p" && !e.shiftKey) {
-      e.preventDefault();
-      handlers.print?.();
-      return;
-    }
-    if (ctrl && e.key === ",") {
-      e.preventDefault();
-      handlers.openSettings?.();
-      return;
-    }
-    if (ctrl && key === "h" && !e.shiftKey) {
-      e.preventDefault();
-      handlers.captureHighlight?.();
-      return;
-    }
-    if (e.key === "F12") {
-      e.preventDefault();
-      handlers.toggleDevTools?.();
-      return;
-    }
-    if (ctrl && (e.key === "+" || e.key === "=")) {
-      e.preventDefault();
-      handlers.zoomIn?.();
-      return;
-    }
-    if (ctrl && e.key === "-") {
-      e.preventDefault();
-      handlers.zoomOut?.();
-      return;
-    }
-    if (ctrl && e.key === "0") {
+    const commandId = getBrowserCommandIdForKeyboardEvent(e);
+    if (!commandId) return;
+    const commandHandler = getCommandHandler(commandId, handlers);
+    if (commandHandler) {
       e.preventDefault();
-      handlers.zoomReset?.();
-      return;
-    }
-    if (e.key === "?" && !ctrl && !e.altKey) {
-      const tag = e.target?.tagName;
-      if (tag !== "INPUT" && tag !== "TEXTAREA" && !e.target?.isContentEditable) {
-        e.preventDefault();
-        handlers.toggleKeyboardHelp?.();
-        return;
-      }
+      commandHandler();
     }
   };
   document.addEventListener("keydown", listener);
   return () => document.removeEventListener("keydown", listener);
 }
+function getCommandHandler(commandId, handlers) {
+  const commandHandlers = {
+    "browser-command-palette": handlers.openBrowserCommandPalette,
+    "ask-agent": handlers.openCommandBar,
+    "toggle-sidebar": handlers.toggleSidebar,
+    "focus-mode": handlers.toggleFocusMode,
+    "new-tab": handlers.newTab,
+    "close-tab": handlers.closeTab,
+    "reopen-tab": handlers.reopenClosedTab,
+    "new-window": handlers.openNewWindow,
+    "private-window": handlers.openPrivateWindow,
+    settings: handlers.openSettings,
+    "clear-data": handlers.clearBrowsingData,
+    "keyboard-help": handlers.toggleKeyboardHelp,
+    devtools: handlers.toggleDevTools,
+    "zoom-in": handlers.zoomIn,
+    "zoom-out": handlers.zoomOut,
+    "zoom-reset": handlers.zoomReset,
+    print: handlers.print,
+    "save-pdf": handlers.printToPdf,
+    "toggle-pip": handlers.togglePip,
+    "capture-highlight": handlers.captureHighlight
+  };
+  return commandHandlers[commandId];
+}
 var _tmpl$ = /* @__PURE__ */ template(`<div class=loading-bar>`), _tmpl$2 = /* @__PURE__ */ template(`<div class=app><div class=chrome>`);
 try {
   const cached = localStorage.getItem("vessel:theme");
@@ -14301,6 +15120,7 @@ const App = () => {
   const isChromeOnlyWindow = isPrivateWindow || isSecondaryWindow;
   const {
     openCommandBar,
+    openBrowserCommandPalette,
     toggleSidebar,
     toggleFocusMode,
     openSettings,
@@ -14370,6 +15190,7 @@ const App = () => {
     if (view !== "chrome") return;
     const cleanupKeys = setupKeybindings({
       openCommandBar: isChromeOnlyWindow ? void 0 : openCommandBar,
+      openBrowserCommandPalette: isChromeOnlyWindow ? void 0 : openBrowserCommandPalette,
       toggleSidebar: isChromeOnlyWindow ? void 0 : toggleSidebar,
       toggleFocusMode: isChromeOnlyWindow ? void 0 : toggleFocusMode,
       newTab: () => createTab(),
@@ -14470,7 +15291,12 @@ const App = () => {
     insert(_el$, createComponent(Show, {
       when: !isChromeOnlyWindow,
       get children() {
-        return [createComponent(CommandBar, {}), createComponent(Settings, {})];
+        return [createComponent(BrowserCommandPalette, {
+          onOpenClearData: () => setClearDataOpen(true),
+          onToggleKeyboardHelp: () => setKeyboardHelpOpen((v) => !v),
+          onCaptureHighlight: captureHighlight,
+          onOpenDownloads: () => setDownloadsOpen(true)
+        }), createComponent(CommandBar, {}), createComponent(Settings, {})];
       }
     }), null);
     insert(_el$, createComponent(DownloadsPanel, {