@quanta-intellect/vessel-browser 0.1.121 → 0.1.124

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

@@ -1474,7 +1474,7 @@ function Dynamic(props) {
   const [, others] = splitProps(props, ["component"]);
   return createDynamic(() => props.component, others);
 }
-var _tmpl$$s = /* @__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$$s(), _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$$r = /* @__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$$r();
+    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$m = [["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$m = [["path", {
   key: "ruj8y"
 }]];
 var BookOpen = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$m,
+  iconNode: iconNode$z,
   name: "book-open"
 }));
 var book_open_default = BookOpen;
-var iconNode$l = [["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$l,
+  iconNode: iconNode$x,
   name: "check"
 }));
 var check_default = Check;
-var iconNode$k = [["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$k = [["rect", {
   key: "18s6g9"
 }]];
 var ClipboardList = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$k,
+  iconNode: iconNode$v,
   name: "clipboard-list"
 }));
 var clipboard_list_default = ClipboardList;
-var iconNode$j = [["circle", {
+var iconNode$u = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1666,11 +1733,11 @@ var iconNode$j = [["circle", {
   key: "mmk7yg"
 }]];
 var Clock = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$j,
+  iconNode: iconNode$u,
   name: "clock"
 }));
 var clock_default = Clock;
-var iconNode$i = [["path", {
+var iconNode$t = [["path", {
   d: "M12 20v2",
   key: "1lh1kg"
 }], ["path", {
@@ -1722,11 +1789,11 @@ var iconNode$i = [["path", {
   key: "z9xiuo"
 }]];
 var Cpu = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$i,
+  iconNode: iconNode$t,
   name: "cpu"
 }));
 var cpu_default = Cpu;
-var iconNode$h = [["path", {
+var iconNode$s = [["path", {
   d: "M12 15V3",
   key: "m9g1x1"
 }], ["path", {
@@ -1737,11 +1804,23 @@ var iconNode$h = [["path", {
   key: "brsn70"
 }]];
 var Download = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$h,
+  iconNode: iconNode$s,
   name: "download"
 }));
 var download_default = Download;
-var iconNode$g = [["path", {
+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", {
@@ -1752,11 +1831,52 @@ var iconNode$g = [["path", {
   key: "a6xqqp"
 }]];
 var ExternalLink = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$g,
+  iconNode: iconNode$q,
   name: "external-link"
 }));
 var external_link_default = ExternalLink;
-var iconNode$f = [["circle", {
+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",
@@ -1769,11 +1889,11 @@ var iconNode$f = [["circle", {
   key: "9i4pu4"
 }]];
 var Globe = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$f,
+  iconNode: iconNode$n,
   name: "globe"
 }));
 var globe_default = Globe;
-var iconNode$e = [["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", {
@@ -1790,11 +1910,11 @@ var iconNode$e = [["path", {
   key: "jksky3"
 }]];
 var LayersPlus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$e,
+  iconNode: iconNode$m,
   name: "layers-plus"
 }));
 var layers_plus_default = LayersPlus;
-var iconNode$d = [["rect", {
+var iconNode$l = [["rect", {
   width: "18",
   height: "11",
   x: "3",
@@ -1807,11 +1927,27 @@ var iconNode$d = [["rect", {
   key: "fwvmzm"
 }]];
 var Lock = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$d,
+  iconNode: iconNode$l,
   name: "lock"
 }));
 var lock_default = Lock;
-var iconNode$c = [["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",
@@ -1826,11 +1962,27 @@ var iconNode$c = [["rect", {
   key: "12hl5m"
 }]];
 var PanelRightClose = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$c,
+  iconNode: iconNode$j,
   name: "panel-right-close"
 }));
 var panel_right_close_default = PanelRightClose;
-var iconNode$b = [["rect", {
+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",
@@ -1842,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", {
@@ -1854,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", {
@@ -1868,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", {
@@ -1901,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", {
@@ -1922,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", {
@@ -1936,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", {
@@ -1951,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", {
@@ -1972,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", {
@@ -1984,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];
@@ -2230,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;
@@ -2253,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`;
   }
@@ -2343,7 +2651,7 @@ function getAgentPresence(state, currentTime = Date.now()) {
   }
   return "idle";
 }
-var _tmpl$$q = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$p = /* @__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;
@@ -2370,14 +2678,14 @@ const TabFavicon = (props) => {
     },
     get fallback() {
       return (() => {
-        var _el$2 = _tmpl$2$p();
+        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$$q();
+      var _el$ = _tmpl$$r();
       _el$.addEventListener("error", () => setFailed(true));
       createRenderEffect(() => setAttribute(_el$, "src", props.favicon));
       return _el$;
@@ -2443,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();
@@ -2454,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);
@@ -2609,7 +2917,7 @@ const TabBar = () => {
   })();
 };
 delegateEvents(["click", "contextmenu"]);
-var _tmpl$$p = /* @__PURE__ */ template(`<button class=security-popup-link>Reset permissions for this site`), _tmpl$2$o = /* @__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) {
@@ -2662,7 +2970,7 @@ const SecurityPopup = (props) => {
     onCleanup(() => document.removeEventListener("click", handleClickOutside, true));
   });
   return (() => {
-    var _el$ = _tmpl$2$o(), _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);
@@ -2672,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, {
@@ -2680,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$$p();
+          var _el$7 = _tmpl$$q();
           _el$7.$$click = async () => {
             await window.vessel.permissions.clearOrigin(origin());
             await loadPermissions();
@@ -2709,30 +3017,32 @@ 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;
 let sidebarStateListenerInitialized = false;
-function clampSidebarWidth(width) {
-  return Math.max(MIN_SIDEBAR, Math.min(MAX_SIDEBAR, Math.round(width)));
-}
 function applySidebarState(result) {
   setSidebarOpen(result.open);
   setSidebarWidth(result.width);
@@ -2751,6 +3061,7 @@ function useUI() {
     sidebarDetached,
     focusMode,
     commandBarOpen,
+    browserCommandPaletteOpen,
     settingsOpen,
     devtoolsPanelOpen,
     toggleSidebar: async () => {
@@ -2790,6 +3101,8 @@ function useUI() {
     },
     openCommandBar: () => setCommandBarOpen(true),
     closeCommandBar: () => setCommandBarOpen(false),
+    openBrowserCommandPalette: () => setBrowserCommandPaletteOpen(true),
+    closeBrowserCommandPalette: () => setBrowserCommandPaletteOpen(false),
     openSettings: async () => {
       setSidebarOpen(false);
       setSettingsOpen(true);
@@ -3089,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$$o = /* @__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$n = /* @__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,
@@ -3392,7 +3705,7 @@ const AddressBar = (props) => {
     insert(_el$, createComponent(Show, {
       when: isPrivateWindow,
       get children() {
-        return _tmpl$$o();
+        return _tmpl$$p();
       }
     }), _el$11);
     insert(_el$, createComponent(Show, {
@@ -3400,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() {
@@ -3416,7 +3729,7 @@ const AddressBar = (props) => {
                 return securityState()?.status === "secure";
               },
               get children() {
-                var _el$9 = _tmpl$2$n();
+                var _el$9 = _tmpl$2$o();
                 _el$9.firstChild;
                 return _el$9;
               }
@@ -3425,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;
               }
@@ -3806,7 +4119,7 @@ const AddressBar = (props) => {
   })();
 };
 delegateEvents(["click", "input", "keydown", "mousedown"]);
-var _tmpl$$n = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$m = /* @__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) {
@@ -3866,13 +4179,13 @@ const BookmarkNotifications = () => {
     timeoutIds.clear();
   });
   return (() => {
-    var _el$ = _tmpl$$n();
+    var _el$ = _tmpl$$o();
     insert(_el$, createComponent(For, {
       get each() {
         return toasts();
       },
       children: (toast) => (() => {
-        var _el$2 = _tmpl$2$m(), _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);
@@ -3884,7 +4197,7 @@ const BookmarkNotifications = () => {
   })();
 };
 delegateEvents(["click"]);
-var _tmpl$$m = /* @__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) => {
@@ -3923,7 +4236,7 @@ const HighlightNotifications = (props) => {
       return memo(() => !!visible())() && current();
     },
     get children() {
-      var _el$ = _tmpl$$m(), _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);
@@ -3933,7 +4246,7 @@ const HighlightNotifications = (props) => {
   });
 };
 delegateEvents(["click"]);
-var _tmpl$$l = /* @__PURE__ */ template(`<div class=download-toast-stack aria-live=polite>`), _tmpl$2$l = /* @__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) {
@@ -4024,7 +4337,7 @@ const DownloadToast = () => {
     return Math.min(100, Math.round(d.receivedBytes / d.totalBytes * 100));
   };
   return (() => {
-    var _el$ = _tmpl$$l();
+    var _el$ = _tmpl$$m();
     insert(_el$, createComponent(For, {
       get each() {
         return downloads();
@@ -4037,7 +4350,7 @@ const DownloadToast = () => {
             return dl.state === "completed";
           },
           get children() {
-            return _tmpl$2$l();
+            return _tmpl$2$m();
           }
         }), null);
         insert(_el$3, createComponent(Show, {
@@ -4045,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, {
@@ -4054,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;
             })(), (() => {
@@ -4089,7 +4402,7 @@ const DownloadToast = () => {
     return _el$;
   })();
 };
-var _tmpl$$k = /* @__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$k = /* @__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"];
@@ -4114,7 +4427,7 @@ const DownloadsPanel = (props) => {
       return props.open;
     },
     get children() {
-      var _el$ = _tmpl$$k(), _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 () => {
@@ -4127,10 +4440,10 @@ const DownloadsPanel = (props) => {
           return items();
         },
         get fallback() {
-          return _tmpl$2$k();
+          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, {
@@ -4138,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;
@@ -4161,7 +4474,7 @@ const DownloadsPanel = (props) => {
   });
 };
 delegateEvents(["click"]);
-var _tmpl$$j = /* @__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$j = /* @__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("");
@@ -4239,7 +4552,7 @@ const FindBar = () => {
       return open();
     },
     get children() {
-      var _el$ = _tmpl$$j(), _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;
@@ -4249,7 +4562,7 @@ const FindBar = () => {
           return result();
         },
         children: (r) => (() => {
-          var _el$6 = _tmpl$2$j();
+          var _el$6 = _tmpl$2$k();
           insert(_el$6, (() => {
             var _c$ = memo(() => r().matches > 0);
             return () => _c$() ? `${r().activeMatchOrdinal} / ${r().matches}` : "No results";
@@ -4266,7 +4579,7 @@ const FindBar = () => {
   });
 };
 delegateEvents(["input", "click"]);
-var _tmpl$$i = /* @__PURE__ */ template(`<div class=flow-progress>`), _tmpl$2$i = /* @__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
@@ -4297,13 +4610,13 @@ const FlowProgress = () => {
       return flow() || tracker();
     },
     get children() {
-      var _el$ = _tmpl$$i();
+      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, {
@@ -4322,7 +4635,7 @@ const FlowProgress = () => {
               return t().lastAction;
             },
             get children() {
-              var _el$0 = _tmpl$2$i();
+              var _el$0 = _tmpl$2$j();
               _el$0.firstChild;
               insert(_el$0, () => t().lastAction, null);
               return _el$0;
@@ -4333,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;
@@ -4348,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, {
@@ -4397,7 +4710,7 @@ function formatTime(iso, options) {
     ...options?.includeSeconds && { second: "2-digit" }
   });
 }
-var _tmpl$$h = /* @__PURE__ */ template(`<div class=agent-summary-hud>`), _tmpl$2$h = /* @__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
@@ -4413,20 +4726,20 @@ 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, {
@@ -4434,7 +4747,7 @@ const AgentTranscriptDock = () => {
           return isSummary();
         },
         get children() {
-          var _el$ = _tmpl$$h();
+          var _el$ = _tmpl$$i();
           insert(_el$, createComponent(Show, {
             get when() {
               return latestEntry();
@@ -4448,10 +4761,10 @@ const AgentTranscriptDock = () => {
               }
             }), (() => {
               var _el$10 = _tmpl$6$d(), _el$11 = _el$10.firstChild;
-              insert(_el$10, () => entry().title || entry().kind, _el$11);
+              insert(_el$10, () => entry().label, _el$11);
               insert(_el$10, (() => {
-                var _c$ = memo(() => entry().text.length > 80);
-                return () => _c$() ? entry().text.slice(0, 77) + "..." : entry().text;
+                var _c$ = memo(() => entry().detail.length > 80);
+                return () => _c$() ? entry().detail.slice(0, 77) + "..." : entry().detail;
               })(), null);
               return _el$10;
             })()]
@@ -4463,7 +4776,7 @@ const AgentTranscriptDock = () => {
           return !isSummary();
         },
         get children() {
-          var _el$2 = _tmpl$4$f(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild;
+          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, {
@@ -4471,7 +4784,7 @@ const AgentTranscriptDock = () => {
               return hasStreamingEntry();
             },
             get children() {
-              return _tmpl$2$h();
+              return _tmpl$2$i();
             }
           }), null);
           _el$8.$$click = () => setCollapsed((value) => !value);
@@ -4482,28 +4795,41 @@ const AgentTranscriptDock = () => {
               return !collapsed();
             },
             get children() {
-              var _el$0 = _tmpl$3$f();
+              var _el$0 = _tmpl$3$g();
               use((el) => useScrollFade(el), _el$0);
               insert(_el$0, createComponent(For, {
                 get each() {
-                  return visibleEntries();
+                  return timelineItems();
                 },
-                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;
-                })()
+                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;
             }
@@ -4524,6 +4850,541 @@ const AgentTranscriptDock = () => {
   });
 };
 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() {
+      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 filteredCommands().length > 0;
+        },
+        get fallback() {
+          return _tmpl$2$h();
+        },
+        get children() {
+          return createComponent(For, {
+            get each() {
+              return filteredCommands();
+            },
+            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;
+              })();
+            }
+          });
+        }
+      }));
+      createRenderEffect(() => _el$.classList.toggle("closing", !!closing()));
+      createRenderEffect(() => _el$4.value = query());
+      return _el$;
+    }
+  });
+};
+delegateEvents(["click", "input", "keydown"]);
 const MAX_PROVIDER_HISTORY_MESSAGES = 24;
 const MAX_PROVIDER_HISTORY_CHARS = 24e3;
 const MAX_PROVIDER_HISTORY_MESSAGE_CHARS = 3e3;
@@ -4897,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("");
@@ -9274,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 = () => {
@@ -14055,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));
 }
@@ -14132,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();
@@ -14304,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 === ",") {
+    const commandId = getBrowserCommandIdForKeyboardEvent(e);
+    if (!commandId) return;
+    const commandHandler = getCommandHandler(commandId, handlers);
+    if (commandHandler) {
       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") {
-      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");
@@ -14423,6 +15120,7 @@ const App = () => {
   const isChromeOnlyWindow = isPrivateWindow || isSecondaryWindow;
   const {
     openCommandBar,
+    openBrowserCommandPalette,
     toggleSidebar,
     toggleFocusMode,
     openSettings,
@@ -14492,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(),
@@ -14592,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, {