@quanta-intellect/vessel-browser 0.1.136 → 0.1.138

package/out/renderer/assets/{index-D13TOsuR.js → index-Cjl9fej2.js}

@@ -1606,7 +1606,7 @@ var Icon = (props) => {
   })();
 };
 var Icon_default = Icon;
-var iconNode$A = [["rect", {
+var iconNode$E = [["rect", {
   x: "2",
   y: "4",
   width: "20",
@@ -1624,11 +1624,11 @@ var iconNode$A = [["rect", {
   key: "1svtjw"
 }]];
 var AppWindow = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$A,
+  iconNode: iconNode$E,
   name: "app-window"
 }));
 var app_window_default = AppWindow;
-var iconNode$z = [["path", {
+var iconNode$D = [["path", {
   d: "M12 7v14",
   key: "1akyts"
 }], ["path", {
@@ -1636,11 +1636,11 @@ var iconNode$z = [["path", {
   key: "ruj8y"
 }]];
 var BookOpen = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$z,
+  iconNode: iconNode$D,
   name: "book-open"
 }));
 var book_open_default = BookOpen;
-var iconNode$y = [["path", {
+var iconNode$C = [["path", {
   d: "M12 8V4H8",
   key: "hb8ula"
 }], ["rect", {
@@ -1664,20 +1664,29 @@ var iconNode$y = [["path", {
   key: "rq6x2g"
 }]];
 var Bot = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$y,
+  iconNode: iconNode$C,
   name: "bot"
 }));
 var bot_default = Bot;
-var iconNode$x = [["path", {
+var iconNode$B = [["path", {
   d: "M20 6 9 17l-5-5",
   key: "1gmf2c"
 }]];
 var Check = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$x,
+  iconNode: iconNode$B,
   name: "check"
 }));
 var check_default = Check;
-var iconNode$w = [["circle", {
+var iconNode$A = [["path", {
+  d: "m9 18 6-6-6-6",
+  key: "mthhwq"
+}]];
+var ChevronRight = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$A,
+  name: "chevron-right"
+}));
+var chevron_right_default = ChevronRight;
+var iconNode$z = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1690,11 +1699,11 @@ var iconNode$w = [["circle", {
   key: "p32p05"
 }]];
 var CircleQuestionMark = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$w,
+  iconNode: iconNode$z,
   name: "circle-question-mark"
 }));
 var circle_question_mark_default = CircleQuestionMark;
-var iconNode$v = [["rect", {
+var iconNode$y = [["rect", {
   width: "8",
   height: "4",
   x: "8",
@@ -1719,11 +1728,11 @@ var iconNode$v = [["rect", {
   key: "18s6g9"
 }]];
 var ClipboardList = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$v,
+  iconNode: iconNode$y,
   name: "clipboard-list"
 }));
 var clipboard_list_default = ClipboardList;
-var iconNode$u = [["circle", {
+var iconNode$x = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1733,11 +1742,11 @@ var iconNode$u = [["circle", {
   key: "mmk7yg"
 }]];
 var Clock = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$u,
+  iconNode: iconNode$x,
   name: "clock"
 }));
 var clock_default = Clock;
-var iconNode$t = [["path", {
+var iconNode$w = [["path", {
   d: "M12 20v2",
   key: "1lh1kg"
 }], ["path", {
@@ -1789,11 +1798,11 @@ var iconNode$t = [["path", {
   key: "z9xiuo"
 }]];
 var Cpu = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$t,
+  iconNode: iconNode$w,
   name: "cpu"
 }));
 var cpu_default = Cpu;
-var iconNode$s = [["path", {
+var iconNode$v = [["path", {
   d: "M12 15V3",
   key: "m9g1x1"
 }], ["path", {
@@ -1804,11 +1813,11 @@ var iconNode$s = [["path", {
   key: "brsn70"
 }]];
 var Download = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$s,
+  iconNode: iconNode$v,
   name: "download"
 }));
 var download_default = Download;
-var iconNode$r = [["path", {
+var iconNode$u = [["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", {
@@ -1816,11 +1825,11 @@ var iconNode$r = [["path", {
   key: "1wx5vj"
 }]];
 var Eraser = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$r,
+  iconNode: iconNode$u,
   name: "eraser"
 }));
 var eraser_default = Eraser;
-var iconNode$q = [["path", {
+var iconNode$t = [["path", {
   d: "M15 3h6v6",
   key: "1q9fwt"
 }], ["path", {
@@ -1831,11 +1840,25 @@ var iconNode$q = [["path", {
   key: "a6xqqp"
 }]];
 var ExternalLink = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$q,
+  iconNode: iconNode$t,
   name: "external-link"
 }));
 var external_link_default = ExternalLink;
-var iconNode$p = [["path", {
+var iconNode$s = [["path", {
+  d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+  key: "1nclc0"
+}], ["circle", {
+  cx: "12",
+  cy: "12",
+  r: "3",
+  key: "1v7zrd"
+}]];
+var Eye = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$s,
+  name: "eye"
+}));
+var eye_default = Eye;
+var iconNode$r = [["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", {
@@ -1849,11 +1872,11 @@ var iconNode$p = [["path", {
   key: "1npd3o"
 }]];
 var FileDown = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$p,
+  iconNode: iconNode$r,
   name: "file-down"
 }));
 var file_down_default = FileDown;
-var iconNode$o = [["circle", {
+var iconNode$q = [["circle", {
   cx: "12",
   cy: "12",
   r: "3",
@@ -1872,11 +1895,11 @@ var iconNode$o = [["circle", {
   key: "ioqczr"
 }]];
 var Focus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$o,
+  iconNode: iconNode$q,
   name: "focus"
 }));
 var focus_default = Focus;
-var iconNode$n = [["circle", {
+var iconNode$p = [["circle", {
   cx: "12",
   cy: "12",
   r: "10",
@@ -1889,11 +1912,11 @@ var iconNode$n = [["circle", {
   key: "9i4pu4"
 }]];
 var Globe = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$n,
+  iconNode: iconNode$p,
   name: "globe"
 }));
 var globe_default = Globe;
-var iconNode$m = [["path", {
+var iconNode$o = [["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", {
@@ -1910,11 +1933,11 @@ var iconNode$m = [["path", {
   key: "jksky3"
 }]];
 var LayersPlus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$m,
+  iconNode: iconNode$o,
   name: "layers-plus"
 }));
 var layers_plus_default = LayersPlus;
-var iconNode$l = [["rect", {
+var iconNode$n = [["rect", {
   width: "18",
   height: "11",
   x: "3",
@@ -1927,11 +1950,11 @@ var iconNode$l = [["rect", {
   key: "fwvmzm"
 }]];
 var Lock = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$l,
+  iconNode: iconNode$n,
   name: "lock"
 }));
 var lock_default = Lock;
-var iconNode$k = [["rect", {
+var iconNode$m = [["rect", {
   width: "18",
   height: "18",
   x: "3",
@@ -1943,11 +1966,11 @@ var iconNode$k = [["rect", {
   key: "fh3hqa"
 }]];
 var PanelLeft = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$k,
+  iconNode: iconNode$m,
   name: "panel-left"
 }));
 var panel_left_default = PanelLeft;
-var iconNode$j = [["rect", {
+var iconNode$l = [["rect", {
   width: "18",
   height: "18",
   x: "3",
@@ -1962,11 +1985,11 @@ var iconNode$j = [["rect", {
   key: "12hl5m"
 }]];
 var PanelRightClose = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$j,
+  iconNode: iconNode$l,
   name: "panel-right-close"
 }));
 var panel_right_close_default = PanelRightClose;
-var iconNode$i = [["rect", {
+var iconNode$k = [["rect", {
   width: "18",
   height: "18",
   x: "3",
@@ -1978,11 +2001,11 @@ var iconNode$i = [["rect", {
   key: "14nvp0"
 }]];
 var PanelRight = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$i,
+  iconNode: iconNode$k,
   name: "panel-right"
 }));
 var panel_right_default = PanelRight;
-var iconNode$h = [["rect", {
+var iconNode$j = [["rect", {
   width: "18",
   height: "18",
   x: "3",
@@ -1994,11 +2017,23 @@ var iconNode$h = [["rect", {
   key: "1pudct"
 }]];
 var PanelTop = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$h,
+  iconNode: iconNode$j,
   name: "panel-top"
 }));
 var panel_top_default = PanelTop;
-var iconNode$g = [["path", {
+var iconNode$i = [["path", {
+  d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
+  key: "1a8usu"
+}], ["path", {
+  d: "m15 5 4 4",
+  key: "1mk7zo"
+}]];
+var Pencil = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$i,
+  name: "pencil"
+}));
+var pencil_default = Pencil;
+var iconNode$h = [["path", {
   d: "M5 12h14",
   key: "1ays0h"
 }], ["path", {
@@ -2006,11 +2041,11 @@ var iconNode$g = [["path", {
   key: "s699le"
 }]];
 var Plus = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$g,
+  iconNode: iconNode$h,
   name: "plus"
 }));
 var plus_default = Plus;
-var iconNode$f = [["path", {
+var iconNode$g = [["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", {
@@ -2025,11 +2060,11 @@ var iconNode$f = [["path", {
   key: "1ue0tg"
 }]];
 var Printer = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$f,
+  iconNode: iconNode$g,
   name: "printer"
 }));
 var printer_default = Printer;
-var iconNode$e = [["path", {
+var iconNode$f = [["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", {
@@ -2037,11 +2072,11 @@ var iconNode$e = [["path", {
   key: "1xhq8a"
 }]];
 var RotateCcw = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$e,
+  iconNode: iconNode$f,
   name: "rotate-ccw"
 }));
 var rotate_ccw_default = RotateCcw;
-var iconNode$d = [["path", {
+var iconNode$e = [["path", {
   d: "m21 21-4.34-4.34",
   key: "14j7rj"
 }], ["circle", {
@@ -2051,11 +2086,11 @@ var iconNode$d = [["path", {
   key: "4ej97u"
 }]];
 var Search = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$d,
+  iconNode: iconNode$e,
   name: "search"
 }));
 var search_default = Search;
-var iconNode$c = [["path", {
+var iconNode$d = [["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", {
@@ -2065,29 +2100,29 @@ var iconNode$c = [["path", {
   key: "1v7zrd"
 }]];
 var Settings$1 = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$c,
+  iconNode: iconNode$d,
   name: "settings"
 }));
 var settings_default = Settings$1;
-var iconNode$b = [["path", {
+var iconNode$c = [["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$b,
+  iconNode: iconNode$c,
   name: "shield"
 }));
 var shield_default = Shield;
-var iconNode$a = [["path", {
+var iconNode$b = [["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$a,
+  iconNode: iconNode$b,
   name: "star"
 }));
 var star_default = Star;
-var iconNode$9 = [["path", {
+var iconNode$a = [["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", {
@@ -2098,11 +2133,11 @@ var iconNode$9 = [["path", {
   key: "kqv944"
 }]];
 var Tag = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$9,
+  iconNode: iconNode$a,
   name: "tag"
 }));
 var tag_default = Tag;
-var iconNode$8 = [["path", {
+var iconNode$9 = [["path", {
   d: "M10 11v6",
   key: "nco0om"
 }], ["path", {
@@ -2119,11 +2154,11 @@ var iconNode$8 = [["path", {
   key: "e791ji"
 }]];
 var Trash2 = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$8,
+  iconNode: iconNode$9,
   name: "trash-2"
 }));
 var trash_2_default = Trash2;
-var iconNode$7 = [["path", {
+var iconNode$8 = [["path", {
   d: "M9 14 4 9l5-5",
   key: "102s5s"
 }], ["path", {
@@ -2131,10 +2166,25 @@ var iconNode$7 = [["path", {
   key: "f3b9sd"
 }]];
 var Undo2 = (props) => createComponent(Icon_default, mergeProps(props, {
-  iconNode: iconNode$7,
+  iconNode: iconNode$8,
   name: "undo-2"
 }));
 var undo_2_default = Undo2;
+var iconNode$7 = [["path", {
+  d: "M12 3v12",
+  key: "1x0j5s"
+}], ["path", {
+  d: "m17 8-5-5-5 5",
+  key: "7q97r8"
+}], ["path", {
+  d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+  key: "ih7n3h"
+}]];
+var Upload = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$7,
+  name: "upload"
+}));
+var upload_default = Upload;
 var iconNode$6 = [["path", {
   d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",
   key: "975kel"
@@ -4547,20 +4597,39 @@ const FlowProgress = () => {
   });
 };
 function useScrollFade(el) {
+  let frameId;
+  let hasTopFade;
+  let hasBottomFade;
   const update = () => {
+    frameId = void 0;
     const { scrollTop, scrollHeight, clientHeight } = el;
     const atTop = scrollTop <= 2;
     const atBottom = scrollTop + clientHeight >= scrollHeight - 2;
-    el.classList.toggle("fade-top", !atTop);
-    el.classList.toggle("fade-bottom", !atBottom);
+    const nextTopFade = !atTop;
+    const nextBottomFade = !atBottom;
+    if (hasTopFade !== nextTopFade) {
+      hasTopFade = nextTopFade;
+      el.classList.toggle("fade-top", nextTopFade);
+    }
+    if (hasBottomFade !== nextBottomFade) {
+      hasBottomFade = nextBottomFade;
+      el.classList.toggle("fade-bottom", nextBottomFade);
+    }
+  };
+  const scheduleUpdate = () => {
+    if (frameId !== void 0) return;
+    frameId = requestAnimationFrame(update);
   };
   el.classList.add("scroll-fade");
-  el.addEventListener("scroll", update, { passive: true });
-  queueMicrotask(update);
-  const observer = new MutationObserver(update);
+  el.addEventListener("scroll", scheduleUpdate, { passive: true });
+  queueMicrotask(scheduleUpdate);
+  const observer = new MutationObserver(scheduleUpdate);
   observer.observe(el, { childList: true, subtree: true });
   onCleanup(() => {
-    el.removeEventListener("scroll", update);
+    el.removeEventListener("scroll", scheduleUpdate);
+    if (frameId !== void 0) {
+      cancelAnimationFrame(frameId);
+    }
     observer.disconnect();
   });
 }
@@ -6026,6 +6095,94 @@ function buildAndRememberBookmarkContext(args) {
     rememberedSummary: remembered?.summary ?? null
   });
 }
+const logger$1 = createLogger("AutomationKits");
+const BUNDLED_KITS = [];
+function normalizeSkillCommandToken(value) {
+  return value.trim().toLowerCase().replace(/^\/+/, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function getSkillCommandTokens(kit) {
+  return Array.from(
+    new Set([
+      normalizeSkillCommandToken(kit.name),
+      normalizeSkillCommandToken(kit.id)
+    ].filter(Boolean))
+  );
+}
+function parseSkillSlashInvocation(value, kits) {
+  const trimmed = value.trim();
+  if (!trimmed.startsWith("/")) return null;
+  const [rawCommand = "", ...rest] = trimmed.split(/\s+/);
+  const command = normalizeSkillCommandToken(rawCommand);
+  let skillToken = command;
+  let task = rest.join(" ").trim();
+  if (command === "skill") {
+    const [rawSkillToken = "", ...skillRest] = rest;
+    skillToken = normalizeSkillCommandToken(rawSkillToken);
+    task = skillRest.join(" ").trim();
+  }
+  if (!skillToken) return null;
+  const kit = kits.find(
+    (candidate) => getSkillCommandTokens(candidate).includes(skillToken)
+  );
+  return kit ? { kit, task } : null;
+}
+function getSkillSlashSuggestionQuery(value) {
+  if (!value.startsWith("/") || value.includes("\n")) return null;
+  const withoutSlash = value.slice(1);
+  if (/^\S+\s+\S/.test(withoutSlash) && !withoutSlash.startsWith("skill ")) {
+    return null;
+  }
+  if (withoutSlash === "skill") return "";
+  if (withoutSlash.startsWith("skill ")) {
+    const afterSkill = withoutSlash.slice("skill ".length);
+    if (afterSkill.includes(" ")) return null;
+    return normalizeSkillCommandToken(afterSkill);
+  }
+  if (withoutSlash.includes(" ")) return null;
+  return normalizeSkillCommandToken(withoutSlash);
+}
+function getSkillSlashSuggestions(value, kits, limit = 6) {
+  const query = getSkillSlashSuggestionQuery(value);
+  if (query === null) return [];
+  return kits.map((kit) => ({
+    kit,
+    tokens: getSkillCommandTokens(kit),
+    normalizedName: normalizeSkillCommandToken(kit.name)
+  })).filter(
+    ({ tokens, normalizedName }) => query ? tokens.some((token) => token.includes(query)) || normalizedName.includes(query) : true
+  ).sort((left, right) => {
+    if (!query) return left.kit.name.localeCompare(right.kit.name);
+    const leftStarts = left.tokens.some((token) => token.startsWith(query));
+    const rightStarts = right.tokens.some((token) => token.startsWith(query));
+    if (leftStarts !== rightStarts) return leftStarts ? -1 : 1;
+    return left.kit.name.localeCompare(right.kit.name);
+  }).slice(0, limit).map(({ kit }) => kit);
+}
+function buildSlashSkillValues(kit, task) {
+  const values = {};
+  for (const input of kit.inputs) {
+    values[input.key] = input.defaultValue ?? "";
+  }
+  const targetInput = kit.inputs.find((input) => input.key === "task") ?? kit.inputs.find((input) => input.type === "textarea") ?? kit.inputs.find((input) => input.required) ?? kit.inputs[0];
+  if (targetInput) {
+    values[targetInput.key] = task;
+  }
+  const missingLabels = kit.inputs.filter((input) => input.required).filter((input) => !values[input.key]?.trim()).map((input) => input.label);
+  return { values, missingLabels };
+}
+function renderKitPrompt(kit, values) {
+  for (const input of kit.inputs) {
+    if (input.required && !values[input.key]?.trim()) {
+      logger$1.warn(
+        `Required field "${input.key}" is empty for kit "${kit.id}".`
+      );
+    }
+  }
+  return kit.promptTemplate.replace(
+    /\{\{(\w+)\}\}/g,
+    (_, key) => values[key] ?? ""
+  );
+}
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
   for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
@@ -7671,156 +7828,8 @@ const DropdownSelect = (props) => {
   })();
 };
 delegateEvents(["click"]);
-const BUNDLED_KIT_IDS = /* @__PURE__ */ new Set([
-  "research-collect",
-  "price-scout",
-  "form-filler"
-]);
-const logger$1 = createLogger("AutomationKits");
-const BUNDLED_KITS = [
-  {
-    id: "research-collect",
-    name: "Research & Collect",
-    description: "Browse the web to research a topic, compile key findings, and save the best sources as bookmarks.",
-    category: "research",
-    icon: "BookOpen",
-    estimatedMinutes: 5,
-    inputs: [
-      {
-        key: "topic",
-        label: "Topic",
-        type: "text",
-        placeholder: "e.g. best ergonomic keyboards 2024",
-        required: true
-      },
-      {
-        key: "question",
-        label: "What do you want to know?",
-        type: "textarea",
-        placeholder: "e.g. What are the top-rated options under $200, and what makes each one stand out?",
-        hint: "The more specific your question, the better the results",
-        required: true
-      },
-      {
-        key: "folderName",
-        label: "Save bookmarks to folder",
-        type: "text",
-        placeholder: "e.g. Keyboard Research",
-        hint: "Folder will be created if it doesn't exist",
-        required: true,
-        defaultValue: "Research"
-      }
-    ],
-    promptTemplate: `Research the topic "{{topic}}" to answer this question: {{question}}
-
-Browse at least 3–5 reputable web sources. For each useful source you find:
-1. Read the key information relevant to the question
-2. Save the page as a bookmark in the "{{folderName}}" folder (create it if it doesn't exist)
-3. Add a short note to the bookmark explaining why it's relevant
-
-When finished, summarize the most important findings in 3–5 bullet points and list the sources saved.`
-  },
-  {
-    id: "price-scout",
-    name: "Price Scout",
-    description: "Search for a product across major retailers and surface the best current price.",
-    category: "shopping",
-    icon: "Tag",
-    estimatedMinutes: 4,
-    inputs: [
-      {
-        key: "product",
-        label: "Product",
-        type: "text",
-        placeholder: "e.g. Sony WH-1000XM5 headphones",
-        hint: "Include brand and model number for best results",
-        required: true
-      },
-      {
-        key: "condition",
-        label: "Condition",
-        type: "text",
-        placeholder: "new",
-        hint: "e.g. new, used, refurbished",
-        required: false,
-        defaultValue: "new"
-      }
-    ],
-    promptTemplate: `Find the best current price for "{{product}}" (condition: {{condition}}).
-
-Search Google Shopping, then check at least 3–4 major retailers (Amazon, Walmart, Best Buy, Target, or whichever are most relevant for this product type).
-
-For each retailer where you find the product:
-1. Note the price and any important details (shipping cost, availability, condition)
-2. Highlight the price on the page
-
-At the end, tell me:
-- Which store has the best deal and why
-- A summary of all prices found
-- Any caveats worth knowing (limited stock, slow shipping, marketplace sellers, etc.)`
-  },
-  {
-    id: "form-filler",
-    name: "Form Filler",
-    description: "Navigate to any form, fill it out with your details, and confirm before submitting.",
-    category: "forms",
-    icon: "ClipboardList",
-    estimatedMinutes: 3,
-    inputs: [
-      {
-        key: "url",
-        label: "Form URL",
-        type: "url",
-        placeholder: "https://example.com/contact",
-        required: true
-      },
-      {
-        key: "formPurpose",
-        label: "What is this form for?",
-        type: "text",
-        placeholder: "e.g. contact inquiry, job application, newsletter signup",
-        hint: "Gives the agent context for how to interpret the fields",
-        required: false
-      },
-      {
-        key: "details",
-        label: "Your details",
-        type: "textarea",
-        placeholder: "Name: Jane Smith\nEmail: jane@example.com\nMessage: I'd like to learn more about...",
-        hint: "List as key: value pairs, one per line",
-        required: true
-      }
-    ],
-    promptTemplate: `Navigate to {{url}} and fill out the form.
-{{formPurpose}}
-
-Use the following details to fill the form fields:
-{{details}}
-
-Steps:
-1. Navigate to the page and dismiss any cookie banners or overlays
-2. Read the form to understand what each field expects
-3. Match and fill all fields you have information for — skip fields you have no data for
-   - Text inputs, textareas, and <select> dropdowns: use fill_form_field or select_option
-   - Checkboxes and radio buttons: use click — do NOT use select_option on these
-   - For multi-checkbox groups (e.g. "select all that apply"), click each relevant option individually
-4. Do NOT submit yet — show me a summary of everything you filled in and wait for my confirmation`
-  }
-];
-function renderKitPrompt(kit, values) {
-  for (const input of kit.inputs) {
-    if (input.required && !values[input.key]?.trim()) {
-      logger$1.warn(
-        `Required field "${input.key}" is empty for kit "${kit.id}".`
-      );
-    }
-  }
-  return kit.promptTemplate.replace(
-    /\{\{(\w+)\}\}/g,
-    (_, key) => values[key] ?? ""
-  );
-}
-var _tmpl$$e = /* @__PURE__ */ template(`<div class=kit-upsell><div class=kit-upsell-icon aria-hidden=true></div><p class=kit-upsell-title>Vessel Premium</p><p class=kit-upsell-body>Automation Kits are a premium feature. Upgrade to unlock pre-built workflows you can launch with one click.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$e = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Automation Kits <span class=kit-beta-tag>Beta</span></span><div class=kit-list-header-actions><span class=kit-list-count> kits</span><button class=kit-install-btn type=button title="Install a kit from a .kit.json file">+ Install`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$b = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$9 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$8 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$7 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to kits"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M9 11L5 7l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Back</button><div class=kit-form-title>`), _tmpl$0$5 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$5 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$5 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$5 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$5 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$13$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$14$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$16$3 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$3 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$18$3 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$3 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$23$3 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$3 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$25$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>×`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card role=button tabindex=0><span class=kit-card-icon aria-hidden=true></span><div class=kit-card-body><div class=kit-card-name></div><div class=kit-card-desc>`), _tmpl$27$2 = /* @__PURE__ */ template(`<svg class=kit-card-caret width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M5 3l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$28$2 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$29$2 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$30$1 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$31$1 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$1 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$1 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$1 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$1 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$1 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$39$1 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$40$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$41$1 = /* @__PURE__ */ template(`<option>`), _tmpl$42$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
+const BUNDLED_KIT_IDS = /* @__PURE__ */ new Set();
+var _tmpl$$e = /* @__PURE__ */ template(`<div class=kit-upsell><div class=kit-upsell-icon aria-hidden=true></div><p class=kit-upsell-title>Vessel Premium</p><p class=kit-upsell-body>Skills are a premium feature. Upgrade to import, inspect, and run reusable agent capabilities.</p><button class="agent-primary-button kit-upsell-btn"type=button>Start 7-day free trial — $5.99/mo after`), _tmpl$2$e = /* @__PURE__ */ template(`<div class=kit-list-header><span class=agent-panel-title>Skills</span><div class=kit-list-header-actions><span class=kit-list-count> skills</span><button class=kit-install-btn type=button title="Create a skill from text"aria-label="Create skill">Create</button><button class=kit-install-btn type=button title="Import a skill from a .skill.json file"aria-label="Import skill">Import`), _tmpl$3$c = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$b = /* @__PURE__ */ template(`<div class=kit-create-panel><div class=kit-create-header><span class=kit-create-title></span><button class=kit-install-error-dismiss type=button aria-label="Close create skill">×</button></div><input class=kit-form-input type=text placeholder="Skill name"><input class=kit-form-input type=text placeholder="Short description"><textarea class=kit-create-textarea placeholder="Write the skill instructions the agent should follow. Example: Research the topic carefully, compare trustworthy sources, then summarize the answer with links."></textarea><div class=kit-create-actions><button class=kit-back-btn type=button>Reset</button><button class=kit-back-btn type=button>Cancel</button><button class="agent-primary-button kit-create-save"type=button>`), _tmpl$5$b = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$6$b = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$7$9 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$8$8 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$9$7 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$0$5 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to skills"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M9 11L5 7l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Back</button><div class=kit-form-title>`), _tmpl$1$5 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$10$5 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$11$5 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$12$5 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$13$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$14$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$15$4 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$16$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$17$3 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$18$3 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$19$3 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$20$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$21$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$22$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$23$3 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$24$3 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$25$2 = /* @__PURE__ */ template(`<div class=kit-empty-state><div class=kit-empty-title>No skills imported</div><p class=kit-empty-copy>Import a skill definition to make it available to the agent.</p><div class=kit-empty-actions><button class=kit-install-btn type=button>Create</button><button class=kit-install-btn type=button>Import`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$27$2 = /* @__PURE__ */ template(`<button class=kit-card-action-btn type=button>`), _tmpl$28$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>`), _tmpl$29$2 = /* @__PURE__ */ template(`<div class=kit-card role=button tabindex=0><span class=kit-card-icon aria-hidden=true></span><div class=kit-card-body><div class=kit-card-name></div><div class=kit-card-desc>`), _tmpl$30$1 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$31$1 = /* @__PURE__ */ template(`<div class=sched-context-menu><button class=sched-ctx-item type=button>Edit task</button><button class=sched-ctx-item type=button>Edit schedule</button><div class=sched-ctx-divider></div><button class=sched-ctx-item type=button></button><button class="sched-ctx-item sched-ctx-danger"type=button>Delete`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$34$1 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$35$1 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$36$1 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$37$1 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$38$1 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$39$1 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$40$1 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$41$1 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$42$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$43$1 = /* @__PURE__ */ template(`<option>`), _tmpl$44$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
 const ICON_MAP = {
   BookOpen: book_open_default,
   Tag: tag_default,
@@ -7891,6 +7900,39 @@ function toLocalDateTimeInput(iso) {
   const pad = (n) => String(n).padStart(2, "0");
   return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())}T${pad(d.getHours())}:${pad(d.getMinutes())}`;
 }
+function createSkillId(name) {
+  const slug = name.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
+  return slug ? `custom-${slug}` : `custom-skill-${Date.now()}`;
+}
+const SIMPLE_TASK_PROMPT_SUFFIX = "\n\nTask:\n{{task}}";
+function isSimpleTaskSkill(kit) {
+  return kit.inputs.length === 1 && kit.inputs[0]?.key === "task" && kit.inputs[0]?.type === "textarea";
+}
+function getEditableInstructions(kit) {
+  if (isSimpleTaskSkill(kit) && kit.promptTemplate.endsWith(SIMPLE_TASK_PROMPT_SUFFIX)) {
+    return kit.promptTemplate.slice(0, -SIMPLE_TASK_PROMPT_SUFFIX.length);
+  }
+  return kit.promptTemplate;
+}
+function buildSkillDraft(name, description, instructions, existing) {
+  const simpleTaskSkill = !existing || isSimpleTaskSkill(existing);
+  return {
+    id: existing?.id ?? createSkillId(name),
+    name,
+    description: description || "Custom agent skill.",
+    category: existing?.category ?? "productivity",
+    icon: existing?.icon ?? "Zap",
+    estimatedMinutes: existing?.estimatedMinutes ?? 3,
+    inputs: simpleTaskSkill ? [{
+      key: "task",
+      label: "Task",
+      type: "textarea",
+      placeholder: "What should the agent do with this skill?",
+      required: true
+    }] : existing.inputs,
+    promptTemplate: simpleTaskSkill ? `${instructions}${SIMPLE_TASK_PROMPT_SUFFIX}` : instructions
+  };
+}
 const AutomationTab = (props) => {
   const {
     runAutomationPrompt,
@@ -7903,6 +7945,13 @@ const AutomationTab = (props) => {
   const [selectedKit, setSelectedKit] = createSignal(null);
   const [fieldValues, setFieldValues] = createSignal({});
   const [installError, setInstallError] = createSignal(null);
+  const [createEditorOpen, setCreateEditorOpen] = createSignal(false);
+  const [createName, setCreateName] = createSignal("");
+  const [createDescription, setCreateDescription] = createSignal("");
+  const [createInstructions, setCreateInstructions] = createSignal("");
+  const [createError, setCreateError] = createSignal(null);
+  const [savingSkill, setSavingSkill] = createSignal(false);
+  const [editingSkill, setEditingSkill] = createSignal(null);
   const [scheduleEnabled, setScheduleEnabled] = createSignal(false);
   const [schedType, setSchedType] = createSignal("daily");
   const [schedHour, setSchedHour] = createSignal(9);
@@ -7931,6 +7980,7 @@ const AutomationTab = (props) => {
       if (e.key === "Escape") {
         setOpenMenuJobId(null);
         setEditingJob(null);
+        closeCreateEditor();
       }
     };
     document.addEventListener("keydown", onKeyDown);
@@ -8043,6 +8093,7 @@ const AutomationTab = (props) => {
   };
   const handleInstall = async () => {
     setInstallError(null);
+    setCreateError(null);
     const result = await window.vessel.automation.installFromFile();
     if (!result.ok) {
       if (result.error !== "canceled") {
@@ -8052,11 +8103,81 @@ const AutomationTab = (props) => {
     }
     void refetchInstalled();
   };
+  const openCreateEditor = () => {
+    setInstallError(null);
+    setCreateError(null);
+    setSavingSkill(false);
+    setEditingSkill(null);
+    setCreateName("");
+    setCreateDescription("");
+    setCreateInstructions("");
+    setCreateEditorOpen(true);
+  };
+  const closeCreateEditor = () => {
+    setCreateEditorOpen(false);
+    setCreateError(null);
+    setSavingSkill(false);
+    setEditingSkill(null);
+  };
+  const clearCreateDraft = () => {
+    setCreateName("");
+    setCreateDescription("");
+    setCreateInstructions("");
+  };
+  const resetCreateDraft = () => {
+    const skill = editingSkill();
+    setCreateName(skill?.name ?? "");
+    setCreateDescription(skill?.description ?? "");
+    setCreateInstructions(skill ? getEditableInstructions(skill) : "");
+    setCreateError(null);
+  };
+  const handleOpenEditSkill = (e, kit) => {
+    e.stopPropagation();
+    if (BUNDLED_KIT_IDS.has(kit.id)) return;
+    setInstallError(null);
+    setCreateError(null);
+    setEditingSkill(kit);
+    setCreateName(kit.name);
+    setCreateDescription(kit.description);
+    setCreateInstructions(getEditableInstructions(kit));
+    setCreateEditorOpen(true);
+  };
+  const handleSaveSkill = async () => {
+    if (savingSkill()) return;
+    setInstallError(null);
+    setCreateError(null);
+    const name = createName().trim();
+    const instructions = createInstructions().trim();
+    if (!name || !instructions) {
+      setCreateError("Add a skill name and instructions before saving.");
+      return;
+    }
+    const existing = editingSkill() ?? void 0;
+    const skill = buildSkillDraft(name, createDescription().trim(), instructions, existing);
+    setSavingSkill(true);
+    try {
+      const source = JSON.stringify(skill);
+      const automationApi = window.vessel.automation;
+      const result = existing && automationApi.updateFromText ? await automationApi.updateFromText(existing.id, source) : await window.vessel.automation.createFromText(source);
+      if (!result.ok) {
+        setCreateError(result.error ?? "Could not save skill.");
+        return;
+      }
+      setCreateEditorOpen(false);
+      setEditingSkill(null);
+      clearCreateDraft();
+      void refetchInstalled();
+    } catch (err) {
+      setCreateError(err instanceof Error ? err.message : "Could not save skill.");
+    } finally {
+      setSavingSkill(false);
+    }
+  };
   const handleUninstall = async (e, id) => {
     e.stopPropagation();
     const result = await window.vessel.automation.uninstall(id);
     if (!result.ok) {
-      setInstallError(result.error ?? "Could not remove kit.");
+      setInstallError(result.error ?? "Could not remove skill.");
       return;
     }
     void refetchInstalled();
@@ -8139,7 +8260,7 @@ const AutomationTab = (props) => {
   };
   const timeValue = () => `${String(schedHour()).padStart(2, "0")}:${String(schedMinute()).padStart(2, "0")}`;
   return (() => {
-    var _el$ = _tmpl$23$3();
+    var _el$ = _tmpl$24$3();
     insert(_el$, createComponent(Show, {
       get when() {
         return memo(() => !!!premiumData.loading)() && !isPremium();
@@ -8159,158 +8280,270 @@ const AutomationTab = (props) => {
       },
       get children() {
         return [(() => {
-          var _el$7 = _tmpl$2$e(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling;
+          var _el$7 = _tmpl$2$e(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild;
           insert(_el$0, () => allKits().length, _el$1);
-          _el$10.$$click = () => void handleInstall();
+          _el$10.$$click = openCreateEditor;
+          insert(_el$10, createComponent(plus_default, {
+            size: 12,
+            "aria-hidden": "true"
+          }), _el$11);
+          _el$12.$$click = () => void handleInstall();
+          insert(_el$12, createComponent(upload_default, {
+            size: 12,
+            "aria-hidden": "true"
+          }), _el$13);
           return _el$7;
         })(), createComponent(Show, {
           get when() {
             return installError() !== null;
           },
           get children() {
-            var _el$11 = _tmpl$3$c(), _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling;
-            insert(_el$12, installError);
-            _el$13.$$click = () => setInstallError(null);
-            return _el$11;
+            var _el$14 = _tmpl$3$c(), _el$15 = _el$14.firstChild, _el$16 = _el$15.nextSibling;
+            insert(_el$15, installError);
+            _el$16.$$click = () => setInstallError(null);
+            return _el$14;
           }
-        }), (() => {
-          var _el$14 = _tmpl$4$b();
-          insert(_el$14, createComponent(For, {
-            get each() {
-              return allKits();
-            },
-            children: (kit) => (() => {
-              var _el$73 = _tmpl$26$2(), _el$74 = _el$73.firstChild, _el$75 = _el$74.nextSibling, _el$76 = _el$75.firstChild, _el$77 = _el$76.nextSibling;
-              _el$73.$$keydown = (e) => e.key === "Enter" && selectKit(kit);
-              _el$73.$$click = () => selectKit(kit);
-              insert(_el$74, createComponent(KitIcon, {
-                get name() {
-                  return kit.icon;
-                },
-                size: 18
-              }));
-              insert(_el$76, () => kit.name);
-              insert(_el$77, () => kit.description);
-              insert(_el$75, createComponent(Show, {
-                get when() {
-                  return kit.estimatedMinutes !== void 0;
-                },
-                get children() {
-                  var _el$78 = _tmpl$24$3(), _el$79 = _el$78.firstChild, _el$81 = _el$79.nextSibling;
-                  _el$81.nextSibling;
-                  insert(_el$78, () => kit.estimatedMinutes, _el$81);
-                  return _el$78;
-                }
-              }), null);
-              insert(_el$73, createComponent(Show, {
-                get when() {
-                  return !BUNDLED_KIT_IDS.has(kit.id);
-                },
-                get fallback() {
-                  return _tmpl$27$2();
-                },
-                get children() {
-                  var _el$82 = _tmpl$25$2();
-                  _el$82.$$click = (e) => void handleUninstall(e, kit.id);
-                  createRenderEffect((_p$) => {
-                    var _v$ = `Remove ${kit.name}`, _v$2 = `Remove ${kit.name}`;
-                    _v$ !== _p$.e && setAttribute(_el$82, "title", _p$.e = _v$);
-                    _v$2 !== _p$.t && setAttribute(_el$82, "aria-label", _p$.t = _v$2);
-                    return _p$;
-                  }, {
-                    e: void 0,
-                    t: void 0
-                  });
-                  return _el$82;
-                }
-              }), null);
-              return _el$73;
-            })()
-          }));
-          return _el$14;
-        })(), createComponent(Show, {
+        }), createComponent(Show, {
+          get when() {
+            return createEditorOpen();
+          },
+          get children() {
+            var _el$17 = _tmpl$4$b(), _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling, _el$21 = _el$18.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$27 = _el$23.nextSibling, _el$28 = _el$27.firstChild, _el$29 = _el$28.nextSibling, _el$30 = _el$29.nextSibling;
+            insert(_el$19, () => editingSkill() ? "Edit Skill" : "Create Skill");
+            _el$20.$$click = closeCreateEditor;
+            _el$21.$$input = (e) => setCreateName(e.currentTarget.value);
+            _el$22.$$input = (e) => setCreateDescription(e.currentTarget.value);
+            _el$23.$$input = (e) => setCreateInstructions(e.currentTarget.value);
+            insert(_el$17, createComponent(Show, {
+              get when() {
+                return createError() !== null;
+              },
+              get children() {
+                var _el$24 = _tmpl$3$c(), _el$25 = _el$24.firstChild, _el$26 = _el$25.nextSibling;
+                insert(_el$25, createError);
+                _el$26.$$click = () => setCreateError(null);
+                return _el$24;
+              }
+            }), _el$27);
+            _el$28.$$click = resetCreateDraft;
+            _el$29.$$click = closeCreateEditor;
+            _el$30.$$click = () => void handleSaveSkill();
+            insert(_el$30, (() => {
+              var _c$ = memo(() => !!savingSkill());
+              return () => _c$() ? "Saving..." : editingSkill() ? "Save Changes" : "Save Skill";
+            })());
+            createRenderEffect(() => _el$30.disabled = savingSkill());
+            createRenderEffect(() => _el$21.value = createName());
+            createRenderEffect(() => _el$22.value = createDescription());
+            createRenderEffect(() => _el$23.value = createInstructions());
+            return _el$17;
+          }
+        }), createComponent(Show, {
+          get when() {
+            return allKits().length > 0;
+          },
+          get fallback() {
+            return (() => {
+              var _el$90 = _tmpl$25$2(), _el$91 = _el$90.firstChild, _el$92 = _el$91.nextSibling, _el$93 = _el$92.nextSibling, _el$94 = _el$93.firstChild, _el$95 = _el$94.firstChild, _el$96 = _el$94.nextSibling, _el$97 = _el$96.firstChild;
+              _el$94.$$click = openCreateEditor;
+              insert(_el$94, createComponent(plus_default, {
+                size: 12,
+                "aria-hidden": "true"
+              }), _el$95);
+              _el$96.$$click = () => void handleInstall();
+              insert(_el$96, createComponent(upload_default, {
+                size: 12,
+                "aria-hidden": "true"
+              }), _el$97);
+              return _el$90;
+            })();
+          },
+          get children() {
+            var _el$31 = _tmpl$5$b();
+            insert(_el$31, createComponent(For, {
+              get each() {
+                return allKits();
+              },
+              children: (kit) => (() => {
+                var _el$98 = _tmpl$29$2(), _el$99 = _el$98.firstChild, _el$100 = _el$99.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$101.nextSibling;
+                _el$98.$$keydown = (e) => e.key === "Enter" && selectKit(kit);
+                _el$98.$$click = () => selectKit(kit);
+                insert(_el$99, createComponent(KitIcon, {
+                  get name() {
+                    return kit.icon;
+                  },
+                  size: 18
+                }));
+                insert(_el$101, () => kit.name);
+                insert(_el$102, () => kit.description);
+                insert(_el$100, createComponent(Show, {
+                  get when() {
+                    return kit.estimatedMinutes !== void 0;
+                  },
+                  get children() {
+                    var _el$103 = _tmpl$26$2(), _el$104 = _el$103.firstChild, _el$106 = _el$104.nextSibling;
+                    _el$106.nextSibling;
+                    insert(_el$103, () => kit.estimatedMinutes, _el$106);
+                    return _el$103;
+                  }
+                }), null);
+                insert(_el$98, createComponent(Show, {
+                  get when() {
+                    return !BUNDLED_KIT_IDS.has(kit.id);
+                  },
+                  get fallback() {
+                    return createComponent(chevron_right_default, {
+                      "class": "kit-card-caret",
+                      size: 14,
+                      "aria-hidden": "true"
+                    });
+                  },
+                  get children() {
+                    return [(() => {
+                      var _el$107 = _tmpl$27$2();
+                      _el$107.$$click = (e) => handleOpenEditSkill(e, kit);
+                      insert(_el$107, createComponent(pencil_default, {
+                        size: 13,
+                        "aria-hidden": "true"
+                      }));
+                      createRenderEffect((_p$) => {
+                        var _v$ = `Edit ${kit.name}`, _v$2 = `Edit ${kit.name}`;
+                        _v$ !== _p$.e && setAttribute(_el$107, "title", _p$.e = _v$);
+                        _v$2 !== _p$.t && setAttribute(_el$107, "aria-label", _p$.t = _v$2);
+                        return _p$;
+                      }, {
+                        e: void 0,
+                        t: void 0
+                      });
+                      return _el$107;
+                    })(), (() => {
+                      var _el$108 = _tmpl$27$2();
+                      _el$108.$$click = (e) => {
+                        e.stopPropagation();
+                        selectKit(kit);
+                      };
+                      insert(_el$108, createComponent(eye_default, {
+                        size: 13,
+                        "aria-hidden": "true"
+                      }));
+                      createRenderEffect((_p$) => {
+                        var _v$3 = `View ${kit.name}`, _v$4 = `View ${kit.name}`;
+                        _v$3 !== _p$.e && setAttribute(_el$108, "title", _p$.e = _v$3);
+                        _v$4 !== _p$.t && setAttribute(_el$108, "aria-label", _p$.t = _v$4);
+                        return _p$;
+                      }, {
+                        e: void 0,
+                        t: void 0
+                      });
+                      return _el$108;
+                    })(), (() => {
+                      var _el$109 = _tmpl$28$2();
+                      _el$109.$$click = (e) => void handleUninstall(e, kit.id);
+                      insert(_el$109, createComponent(trash_2_default, {
+                        size: 13,
+                        "aria-hidden": "true"
+                      }));
+                      createRenderEffect((_p$) => {
+                        var _v$5 = `Delete ${kit.name}`, _v$6 = `Delete ${kit.name}`;
+                        _v$5 !== _p$.e && setAttribute(_el$109, "title", _p$.e = _v$5);
+                        _v$6 !== _p$.t && setAttribute(_el$109, "aria-label", _p$.t = _v$6);
+                        return _p$;
+                      }, {
+                        e: void 0,
+                        t: void 0
+                      });
+                      return _el$109;
+                    })()];
+                  }
+                }), null);
+                return _el$98;
+              })()
+            }));
+            return _el$31;
+          }
+        }), createComponent(Show, {
           get when() {
             return scheduledJobs().length > 0;
           },
           get children() {
             return [(() => {
-              var _el$15 = _tmpl$5$b(), _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
-              insert(_el$15, createComponent(clock_default, {
+              var _el$32 = _tmpl$6$b(), _el$33 = _el$32.firstChild, _el$34 = _el$33.nextSibling;
+              insert(_el$32, createComponent(clock_default, {
                 size: 12
-              }), _el$16);
-              insert(_el$17, () => scheduledJobs().length);
-              return _el$15;
+              }), _el$33);
+              insert(_el$34, () => scheduledJobs().length);
+              return _el$32;
             })(), (() => {
-              var _el$18 = _tmpl$6$b();
-              insert(_el$18, createComponent(For, {
+              var _el$35 = _tmpl$7$9();
+              insert(_el$35, createComponent(For, {
                 get each() {
                   return scheduledJobs();
                 },
                 children: (job) => (() => {
-                  var _el$84 = _tmpl$30$1(), _el$85 = _el$84.firstChild, _el$86 = _el$85.nextSibling, _el$87 = _el$86.firstChild, _el$88 = _el$87.nextSibling, _el$91 = _el$86.nextSibling, _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling;
-                  _el$84.$$contextmenu = (e) => {
+                  var _el$110 = _tmpl$32$1(), _el$111 = _el$110.firstChild, _el$112 = _el$111.nextSibling, _el$113 = _el$112.firstChild, _el$114 = _el$113.nextSibling, _el$117 = _el$112.nextSibling, _el$118 = _el$117.firstChild, _el$119 = _el$118.nextSibling;
+                  _el$110.$$contextmenu = (e) => {
                     e.preventDefault();
                     e.stopPropagation();
                     setOpenMenuJobId(job.id);
                   };
-                  insert(_el$85, createComponent(KitIcon, {
+                  insert(_el$111, createComponent(KitIcon, {
                     get name() {
                       return job.kitIcon;
                     },
                     size: 14
                   }));
-                  insert(_el$87, () => job.kitName);
-                  insert(_el$88, () => formatScheduleLabel(job));
-                  insert(_el$86, createComponent(Show, {
+                  insert(_el$113, () => job.kitName);
+                  insert(_el$114, () => formatScheduleLabel(job));
+                  insert(_el$112, createComponent(Show, {
                     get when() {
                       return job.enabled;
                     },
                     get children() {
-                      var _el$89 = _tmpl$28$2();
-                      _el$89.firstChild;
-                      insert(_el$89, () => formatNextRun(job.nextRunAt), null);
-                      return _el$89;
+                      var _el$115 = _tmpl$30$1();
+                      _el$115.firstChild;
+                      insert(_el$115, () => formatNextRun(job.nextRunAt), null);
+                      return _el$115;
                     }
                   }), null);
-                  _el$92.$$click = (e) => void handleToggleJob(e, job);
-                  insert(_el$92, () => job.enabled ? "⏸" : "▶");
-                  _el$93.$$click = (e) => void handleDeleteJob(e, job.id);
-                  insert(_el$84, createComponent(Show, {
+                  _el$118.$$click = (e) => void handleToggleJob(e, job);
+                  insert(_el$118, () => job.enabled ? "⏸" : "▶");
+                  _el$119.$$click = (e) => void handleDeleteJob(e, job.id);
+                  insert(_el$110, createComponent(Show, {
                     get when() {
                       return openMenuJobId() === job.id;
                     },
                     get children() {
-                      var _el$94 = _tmpl$29$2(), _el$95 = _el$94.firstChild, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling, _el$98 = _el$97.nextSibling, _el$99 = _el$98.nextSibling;
-                      _el$94.$$click = (e) => e.stopPropagation();
-                      _el$95.$$click = () => handleOpenEditTask(job);
-                      _el$96.$$click = () => handleOpenEditSchedule(job);
-                      _el$98.$$click = (e) => {
+                      var _el$120 = _tmpl$31$1(), _el$121 = _el$120.firstChild, _el$122 = _el$121.nextSibling, _el$123 = _el$122.nextSibling, _el$124 = _el$123.nextSibling, _el$125 = _el$124.nextSibling;
+                      _el$120.$$click = (e) => e.stopPropagation();
+                      _el$121.$$click = () => handleOpenEditTask(job);
+                      _el$122.$$click = () => handleOpenEditSchedule(job);
+                      _el$124.$$click = (e) => {
                         void handleToggleJob(e, job);
                         setOpenMenuJobId(null);
                       };
-                      insert(_el$98, () => job.enabled ? "Pause" : "Resume");
-                      _el$99.$$click = (e) => {
+                      insert(_el$124, () => job.enabled ? "Pause" : "Resume");
+                      _el$125.$$click = (e) => {
                         void handleDeleteJob(e, job.id);
                         setOpenMenuJobId(null);
                       };
-                      return _el$94;
+                      return _el$120;
                     }
                   }), null);
                   createRenderEffect((_p$) => {
-                    var _v$3 = !job.enabled, _v$4 = job.enabled ? "Pause schedule" : "Resume schedule", _v$5 = job.enabled ? "Pause" : "Resume";
-                    _v$3 !== _p$.e && _el$84.classList.toggle("kit-sched-disabled", _p$.e = _v$3);
-                    _v$4 !== _p$.t && setAttribute(_el$92, "title", _p$.t = _v$4);
-                    _v$5 !== _p$.a && setAttribute(_el$92, "aria-label", _p$.a = _v$5);
+                    var _v$7 = !job.enabled, _v$8 = job.enabled ? "Pause schedule" : "Resume schedule", _v$9 = job.enabled ? "Pause" : "Resume";
+                    _v$7 !== _p$.e && _el$110.classList.toggle("kit-sched-disabled", _p$.e = _v$7);
+                    _v$8 !== _p$.t && setAttribute(_el$118, "title", _p$.t = _v$8);
+                    _v$9 !== _p$.a && setAttribute(_el$118, "aria-label", _p$.a = _v$9);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0,
                     a: void 0
                   });
-                  return _el$84;
+                  return _el$110;
                 })()
               }));
-              return _el$18;
+              return _el$35;
             })()];
           }
         }), createComponent(Show, {
@@ -8319,59 +8552,59 @@ const AutomationTab = (props) => {
           },
           get children() {
             return [(() => {
-              var _el$19 = _tmpl$7$9(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
-              insert(_el$19, createComponent(zap_default, {
+              var _el$36 = _tmpl$8$8(), _el$37 = _el$36.firstChild, _el$38 = _el$37.nextSibling;
+              insert(_el$36, createComponent(zap_default, {
                 size: 12
-              }), _el$20);
-              insert(_el$21, () => automationActivities2().length);
-              return _el$19;
+              }), _el$37);
+              insert(_el$38, () => automationActivities2().length);
+              return _el$36;
             })(), (() => {
-              var _el$22 = _tmpl$8$8();
-              insert(_el$22, createComponent(For, {
+              var _el$39 = _tmpl$9$7();
+              insert(_el$39, createComponent(For, {
                 get each() {
                   return automationActivities2();
                 },
                 children: (activity) => (() => {
-                  var _el$100 = _tmpl$32$1(), _el$101 = _el$100.firstChild, _el$102 = _el$101.firstChild, _el$103 = _el$102.firstChild, _el$104 = _el$103.nextSibling, _el$105 = _el$104.firstChild, _el$106 = _el$105.nextSibling, _el$107 = _el$102.nextSibling;
-                  insert(_el$103, createComponent(KitIcon, {
+                  var _el$126 = _tmpl$34$1(), _el$127 = _el$126.firstChild, _el$128 = _el$127.firstChild, _el$129 = _el$128.firstChild, _el$130 = _el$129.nextSibling, _el$131 = _el$130.firstChild, _el$132 = _el$131.nextSibling, _el$133 = _el$128.nextSibling;
+                  insert(_el$129, createComponent(KitIcon, {
                     get name() {
                       return activity.icon ?? "Zap";
                     },
                     size: 14
                   }));
-                  insert(_el$105, () => activity.title);
-                  insert(_el$106, () => formatActivityTime(activity.startedAt));
-                  insert(_el$107, () => formatActivityStatus(activity));
-                  insert(_el$100, createComponent(Show, {
+                  insert(_el$131, () => activity.title);
+                  insert(_el$132, () => formatActivityTime(activity.startedAt));
+                  insert(_el$133, () => formatActivityStatus(activity));
+                  insert(_el$126, createComponent(Show, {
                     get when() {
                       return activity.output.trim().length > 0;
                     },
                     get fallback() {
                       return (() => {
-                        var _el$109 = _tmpl$33$1();
-                        insert(_el$109, () => activity.status === "running" ? "Waiting for output..." : "No output captured.");
-                        return _el$109;
+                        var _el$135 = _tmpl$35$1();
+                        insert(_el$135, () => activity.status === "running" ? "Waiting for output..." : "No output captured.");
+                        return _el$135;
                       })();
                     },
                     get children() {
-                      var _el$108 = _tmpl$31$1();
-                      insert(_el$108, () => activity.output.trim());
-                      return _el$108;
+                      var _el$134 = _tmpl$33$1();
+                      insert(_el$134, () => activity.output.trim());
+                      return _el$134;
                     }
                   }), null);
                   createRenderEffect((_p$) => {
-                    var _v$6 = !!(activity.status === "running"), _v$7 = !!(activity.status === "failed");
-                    _v$6 !== _p$.e && _el$100.classList.toggle("kit-activity-running", _p$.e = _v$6);
-                    _v$7 !== _p$.t && _el$100.classList.toggle("kit-activity-failed", _p$.t = _v$7);
+                    var _v$0 = !!(activity.status === "running"), _v$1 = !!(activity.status === "failed");
+                    _v$0 !== _p$.e && _el$126.classList.toggle("kit-activity-running", _p$.e = _v$0);
+                    _v$1 !== _p$.t && _el$126.classList.toggle("kit-activity-failed", _p$.t = _v$1);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$100;
+                  return _el$126;
                 })()
               }));
-              return _el$22;
+              return _el$39;
             })()];
           }
         })];
@@ -8383,197 +8616,197 @@ const AutomationTab = (props) => {
       },
       get children() {
         return [(() => {
-          var _el$23 = _tmpl$9$7(), _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling;
-          _el$24.$$click = () => {
+          var _el$40 = _tmpl$0$5(), _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling;
+          _el$41.$$click = () => {
             setSelectedKit(null);
             setEditingTaskJobId(null);
           };
-          insert(_el$25, createComponent(KitIcon, {
+          insert(_el$42, createComponent(KitIcon, {
             get name() {
               return selectedKit().icon;
             },
             size: 14
           }), null);
-          insert(_el$25, () => selectedKit().name, null);
-          return _el$23;
+          insert(_el$42, () => selectedKit().name, null);
+          return _el$40;
         })(), (() => {
-          var _el$26 = _tmpl$0$5();
-          insert(_el$26, () => selectedKit().description);
-          return _el$26;
+          var _el$43 = _tmpl$1$5();
+          insert(_el$43, () => selectedKit().description);
+          return _el$43;
         })(), (() => {
-          var _el$27 = _tmpl$1$5();
-          insert(_el$27, createComponent(For, {
+          var _el$44 = _tmpl$10$5();
+          insert(_el$44, createComponent(For, {
             get each() {
               return selectedKit().inputs;
             },
             children: (input) => (() => {
-              var _el$110 = _tmpl$37$1(), _el$111 = _el$110.firstChild;
-              insert(_el$111, () => input.label, null);
-              insert(_el$111, createComponent(Show, {
+              var _el$136 = _tmpl$39$1(), _el$137 = _el$136.firstChild;
+              insert(_el$137, () => input.label, null);
+              insert(_el$137, createComponent(Show, {
                 get when() {
                   return input.required;
                 },
                 get children() {
-                  return _tmpl$34$1();
+                  return _tmpl$36$1();
                 }
               }), null);
-              insert(_el$110, createComponent(Show, {
+              insert(_el$136, createComponent(Show, {
                 get when() {
                   return input.type === "textarea";
                 },
                 get fallback() {
                   return (() => {
-                    var _el$115 = _tmpl$38$1();
-                    _el$115.$$input = (e) => setField(input.key, e.currentTarget.value);
+                    var _el$141 = _tmpl$40$1();
+                    _el$141.$$input = (e) => setField(input.key, e.currentTarget.value);
                     createRenderEffect((_p$) => {
-                      var _v$8 = input.type === "url" ? "url" : input.type === "number" ? "number" : "text", _v$9 = input.placeholder ?? "";
-                      _v$8 !== _p$.e && setAttribute(_el$115, "type", _p$.e = _v$8);
-                      _v$9 !== _p$.t && setAttribute(_el$115, "placeholder", _p$.t = _v$9);
+                      var _v$10 = input.type === "url" ? "url" : input.type === "number" ? "number" : "text", _v$11 = input.placeholder ?? "";
+                      _v$10 !== _p$.e && setAttribute(_el$141, "type", _p$.e = _v$10);
+                      _v$11 !== _p$.t && setAttribute(_el$141, "placeholder", _p$.t = _v$11);
                       return _p$;
                     }, {
                       e: void 0,
                       t: void 0
                     });
-                    createRenderEffect(() => _el$115.value = fieldValues()[input.key] ?? "");
-                    return _el$115;
+                    createRenderEffect(() => _el$141.value = fieldValues()[input.key] ?? "");
+                    return _el$141;
                   })();
                 },
                 get children() {
-                  var _el$113 = _tmpl$35$1();
-                  _el$113.$$input = (e) => setField(input.key, e.currentTarget.value);
-                  createRenderEffect(() => setAttribute(_el$113, "placeholder", input.placeholder ?? ""));
-                  createRenderEffect(() => _el$113.value = fieldValues()[input.key] ?? "");
-                  return _el$113;
+                  var _el$139 = _tmpl$37$1();
+                  _el$139.$$input = (e) => setField(input.key, e.currentTarget.value);
+                  createRenderEffect(() => setAttribute(_el$139, "placeholder", input.placeholder ?? ""));
+                  createRenderEffect(() => _el$139.value = fieldValues()[input.key] ?? "");
+                  return _el$139;
                 }
               }), null);
-              insert(_el$110, createComponent(Show, {
+              insert(_el$136, createComponent(Show, {
                 get when() {
                   return input.hint;
                 },
                 get children() {
-                  var _el$114 = _tmpl$36$1();
-                  insert(_el$114, () => input.hint);
-                  return _el$114;
+                  var _el$140 = _tmpl$38$1();
+                  insert(_el$140, () => input.hint);
+                  return _el$140;
                 }
               }), null);
-              return _el$110;
+              return _el$136;
             })()
           }));
-          return _el$27;
+          return _el$44;
         })(), createComponent(Show, {
           get when() {
             return selectedKit().estimatedMinutes !== void 0;
           },
           get children() {
-            var _el$28 = _tmpl$10$5(), _el$29 = _el$28.firstChild, _el$31 = _el$29.nextSibling;
-            _el$31.nextSibling;
-            insert(_el$28, () => selectedKit().estimatedMinutes, _el$31);
-            return _el$28;
+            var _el$45 = _tmpl$11$5(), _el$46 = _el$45.firstChild, _el$48 = _el$46.nextSibling;
+            _el$48.nextSibling;
+            insert(_el$45, () => selectedKit().estimatedMinutes, _el$48);
+            return _el$45;
           }
         }), (() => {
-          var _el$32 = _tmpl$11$5();
-          _el$32.$$click = () => void handleRun();
-          insert(_el$32, createComponent(Show, {
+          var _el$49 = _tmpl$12$5();
+          _el$49.$$click = () => void handleRun();
+          insert(_el$49, createComponent(Show, {
             get when() {
               return !isStreaming2();
             },
             get fallback() {
-              return [_tmpl$39$1(), "Agent busy…"];
+              return [_tmpl$41$1(), "Agent busy…"];
             },
-            children: "Run Kit"
+            children: "Run Skill"
           }));
-          createRenderEffect(() => _el$32.disabled = !canRun());
-          return _el$32;
+          createRenderEffect(() => _el$49.disabled = !canRun());
+          return _el$49;
         })(), (() => {
-          var _el$33 = _tmpl$18$3(), _el$34 = _el$33.firstChild, _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling;
-          _el$35.addEventListener("change", (e) => setScheduleEnabled(e.currentTarget.checked));
-          insert(_el$34, createComponent(clock_default, {
+          var _el$50 = _tmpl$19$3(), _el$51 = _el$50.firstChild, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling;
+          _el$52.addEventListener("change", (e) => setScheduleEnabled(e.currentTarget.checked));
+          insert(_el$51, createComponent(clock_default, {
             size: 13
-          }), _el$36);
-          insert(_el$33, createComponent(Show, {
+          }), _el$53);
+          insert(_el$50, createComponent(Show, {
             get when() {
               return scheduleEnabled();
             },
             get children() {
-              var _el$37 = _tmpl$17$3(), _el$38 = _el$37.firstChild, _el$52 = _el$38.nextSibling, _el$53 = _el$52.nextSibling;
-              insert(_el$38, createComponent(For, {
+              var _el$54 = _tmpl$18$3(), _el$55 = _el$54.firstChild, _el$69 = _el$55.nextSibling, _el$70 = _el$69.nextSibling;
+              insert(_el$55, createComponent(For, {
                 each: ["once", "hourly", "daily", "weekly"],
                 children: (type) => (() => {
-                  var _el$117 = _tmpl$40$1(), _el$118 = _el$117.firstChild;
-                  _el$118.addEventListener("change", () => setSchedType(type));
-                  _el$118.value = type;
-                  insert(_el$117, () => type.charAt(0).toUpperCase() + type.slice(1), null);
-                  createRenderEffect(() => _el$118.checked = schedType() === type);
-                  return _el$117;
+                  var _el$143 = _tmpl$42$1(), _el$144 = _el$143.firstChild;
+                  _el$144.addEventListener("change", () => setSchedType(type));
+                  _el$144.value = type;
+                  insert(_el$143, () => type.charAt(0).toUpperCase() + type.slice(1), null);
+                  createRenderEffect(() => _el$144.checked = schedType() === type);
+                  return _el$143;
                 })()
               }));
-              insert(_el$37, createComponent(Show, {
+              insert(_el$54, createComponent(Show, {
                 get when() {
                   return schedType() === "once";
                 },
                 get children() {
-                  var _el$39 = _tmpl$12$5(), _el$40 = _el$39.firstChild, _el$41 = _el$40.nextSibling;
-                  _el$41.$$input = (e) => setSchedRunAt(e.currentTarget.value);
-                  createRenderEffect(() => _el$41.value = schedRunAt());
-                  return _el$39;
+                  var _el$56 = _tmpl$13$4(), _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling;
+                  _el$58.$$input = (e) => setSchedRunAt(e.currentTarget.value);
+                  createRenderEffect(() => _el$58.value = schedRunAt());
+                  return _el$56;
                 }
-              }), _el$52);
-              insert(_el$37, createComponent(Show, {
+              }), _el$69);
+              insert(_el$54, createComponent(Show, {
                 get when() {
                   return schedType() === "daily";
                 },
                 get children() {
-                  var _el$42 = _tmpl$13$4(), _el$43 = _el$42.firstChild, _el$44 = _el$43.nextSibling;
-                  _el$44.$$input = (e) => parseTimeInput(e.currentTarget.value);
-                  createRenderEffect(() => _el$44.value = timeValue());
-                  return _el$42;
+                  var _el$59 = _tmpl$14$4(), _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling;
+                  _el$61.$$input = (e) => parseTimeInput(e.currentTarget.value);
+                  createRenderEffect(() => _el$61.value = timeValue());
+                  return _el$59;
                 }
-              }), _el$52);
-              insert(_el$37, createComponent(Show, {
+              }), _el$69);
+              insert(_el$54, createComponent(Show, {
                 get when() {
                   return schedType() === "weekly";
                 },
                 get children() {
                   return [(() => {
-                    var _el$45 = _tmpl$14$4(), _el$46 = _el$45.firstChild, _el$47 = _el$46.nextSibling;
-                    _el$47.addEventListener("change", (e) => setSchedDayOfWeek(Number(e.currentTarget.value)));
-                    insert(_el$47, createComponent(For, {
+                    var _el$62 = _tmpl$15$4(), _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling;
+                    _el$64.addEventListener("change", (e) => setSchedDayOfWeek(Number(e.currentTarget.value)));
+                    insert(_el$64, createComponent(For, {
                       each: DAY_NAMES,
                       children: (day, i) => (() => {
-                        var _el$119 = _tmpl$41$1();
-                        insert(_el$119, day);
-                        createRenderEffect(() => _el$119.value = i());
-                        return _el$119;
+                        var _el$145 = _tmpl$43$1();
+                        insert(_el$145, day);
+                        createRenderEffect(() => _el$145.value = i());
+                        return _el$145;
                       })()
                     }));
-                    createRenderEffect(() => _el$47.value = schedDayOfWeek());
-                    return _el$45;
+                    createRenderEffect(() => _el$64.value = schedDayOfWeek());
+                    return _el$62;
                   })(), (() => {
-                    var _el$48 = _tmpl$15$4(), _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling;
-                    _el$50.$$input = (e) => parseTimeInput(e.currentTarget.value);
-                    createRenderEffect(() => _el$50.value = timeValue());
-                    return _el$48;
+                    var _el$65 = _tmpl$16$3(), _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling;
+                    _el$67.$$input = (e) => parseTimeInput(e.currentTarget.value);
+                    createRenderEffect(() => _el$67.value = timeValue());
+                    return _el$65;
                   })()];
                 }
-              }), _el$52);
-              insert(_el$37, createComponent(Show, {
+              }), _el$69);
+              insert(_el$54, createComponent(Show, {
                 get when() {
                   return scheduleError() !== null;
                 },
                 get children() {
-                  var _el$51 = _tmpl$16$3();
-                  insert(_el$51, scheduleError);
-                  return _el$51;
+                  var _el$68 = _tmpl$17$3();
+                  insert(_el$68, scheduleError);
+                  return _el$68;
                 }
-              }), _el$52);
-              _el$53.$$click = () => void handleSchedule();
-              insert(_el$53, () => editingTaskJobId() ? "Save Changes" : "Schedule Kit");
-              createRenderEffect(() => _el$53.disabled = !canSchedule());
-              return _el$37;
+              }), _el$69);
+              _el$70.$$click = () => void handleSchedule();
+              insert(_el$70, () => editingTaskJobId() ? "Save Changes" : "Schedule Skill");
+              createRenderEffect(() => _el$70.disabled = !canSchedule());
+              return _el$54;
             }
           }), null);
-          createRenderEffect(() => _el$35.checked = scheduleEnabled());
-          return _el$33;
+          createRenderEffect(() => _el$52.checked = scheduleEnabled());
+          return _el$50;
         })()];
       }
     }), null);
@@ -8582,33 +8815,33 @@ const AutomationTab = (props) => {
         return editingJob() !== null;
       },
       get children() {
-        var _el$54 = _tmpl$22$3(), _el$55 = _el$54.firstChild, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling, _el$59 = _el$56.nextSibling, _el$70 = _el$59.nextSibling, _el$71 = _el$70.firstChild, _el$72 = _el$71.nextSibling;
-        _el$54.$$click = () => setEditingJob(null);
-        _el$55.$$click = (e) => e.stopPropagation();
-        insert(_el$58, () => editingJob().kitName);
-        insert(_el$59, createComponent(For, {
+        var _el$71 = _tmpl$23$3(), _el$72 = _el$71.firstChild, _el$73 = _el$72.firstChild, _el$74 = _el$73.firstChild, _el$75 = _el$74.nextSibling, _el$76 = _el$73.nextSibling, _el$87 = _el$76.nextSibling, _el$88 = _el$87.firstChild, _el$89 = _el$88.nextSibling;
+        _el$71.$$click = () => setEditingJob(null);
+        _el$72.$$click = (e) => e.stopPropagation();
+        insert(_el$75, () => editingJob().kitName);
+        insert(_el$76, createComponent(For, {
           each: ["once", "hourly", "daily", "weekly"],
           children: (t) => (() => {
-            var _el$120 = _tmpl$42$1(), _el$121 = _el$120.firstChild;
-            _el$121.addEventListener("change", () => setEditType(t));
-            _el$121.value = t;
-            insert(_el$120, () => t.charAt(0).toUpperCase() + t.slice(1), null);
-            createRenderEffect(() => _el$121.checked = editType() === t);
-            return _el$120;
+            var _el$146 = _tmpl$44$1(), _el$147 = _el$146.firstChild;
+            _el$147.addEventListener("change", () => setEditType(t));
+            _el$147.value = t;
+            insert(_el$146, () => t.charAt(0).toUpperCase() + t.slice(1), null);
+            createRenderEffect(() => _el$147.checked = editType() === t);
+            return _el$146;
           })()
         }));
-        insert(_el$55, createComponent(Show, {
+        insert(_el$72, createComponent(Show, {
           get when() {
             return editType() === "once";
           },
           get children() {
-            var _el$60 = _tmpl$19$3(), _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling;
-            _el$62.$$input = (e) => setEditRunAt(e.currentTarget.value);
-            createRenderEffect(() => _el$62.value = editRunAt());
-            return _el$60;
+            var _el$77 = _tmpl$20$3(), _el$78 = _el$77.firstChild, _el$79 = _el$78.nextSibling;
+            _el$79.$$input = (e) => setEditRunAt(e.currentTarget.value);
+            createRenderEffect(() => _el$79.value = editRunAt());
+            return _el$77;
           }
-        }), _el$70);
-        insert(_el$55, createComponent(Show, {
+        }), _el$87);
+        insert(_el$72, createComponent(Show, {
           get when() {
             return editType() === "daily" || editType() === "weekly";
           },
@@ -8618,41 +8851,41 @@ const AutomationTab = (props) => {
                 return editType() === "weekly";
               },
               get children() {
-                var _el$63 = _tmpl$20$3(), _el$64 = _el$63.firstChild, _el$65 = _el$64.nextSibling;
-                _el$65.addEventListener("change", (e) => setEditDayOfWeek(Number(e.currentTarget.value)));
-                insert(_el$65, createComponent(For, {
+                var _el$80 = _tmpl$21$3(), _el$81 = _el$80.firstChild, _el$82 = _el$81.nextSibling;
+                _el$82.addEventListener("change", (e) => setEditDayOfWeek(Number(e.currentTarget.value)));
+                insert(_el$82, createComponent(For, {
                   each: DAY_NAMES,
                   children: (name, i) => (() => {
-                    var _el$122 = _tmpl$41$1();
-                    insert(_el$122, name);
-                    createRenderEffect(() => _el$122.value = i());
-                    return _el$122;
+                    var _el$148 = _tmpl$43$1();
+                    insert(_el$148, name);
+                    createRenderEffect(() => _el$148.value = i());
+                    return _el$148;
                   })()
                 }));
-                createRenderEffect(() => _el$65.value = editDayOfWeek());
-                return _el$63;
+                createRenderEffect(() => _el$82.value = editDayOfWeek());
+                return _el$80;
               }
             }), (() => {
-              var _el$66 = _tmpl$21$3(), _el$67 = _el$66.firstChild, _el$68 = _el$67.nextSibling;
-              _el$68.$$input = (e) => parseEditTimeInput(e.currentTarget.value);
-              createRenderEffect(() => _el$68.value = editTimeValue());
-              return _el$66;
+              var _el$83 = _tmpl$22$3(), _el$84 = _el$83.firstChild, _el$85 = _el$84.nextSibling;
+              _el$85.$$input = (e) => parseEditTimeInput(e.currentTarget.value);
+              createRenderEffect(() => _el$85.value = editTimeValue());
+              return _el$83;
             })()];
           }
-        }), _el$70);
-        insert(_el$55, createComponent(Show, {
+        }), _el$87);
+        insert(_el$72, createComponent(Show, {
           get when() {
             return editError();
           },
           get children() {
-            var _el$69 = _tmpl$16$3();
-            insert(_el$69, editError);
-            return _el$69;
+            var _el$86 = _tmpl$17$3();
+            insert(_el$86, editError);
+            return _el$86;
           }
-        }), _el$70);
-        _el$71.$$click = () => setEditingJob(null);
-        _el$72.$$click = () => void handleSaveEditSchedule();
-        return _el$54;
+        }), _el$87);
+        _el$88.$$click = () => setEditingJob(null);
+        _el$89.$$click = () => void handleSaveEditSchedule();
+        return _el$71;
       }
     }), null);
     return _el$;
@@ -9572,7 +9805,7 @@ const SidebarWindowControls = (props) => {
 };
 delegateEvents(["click"]);
 const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
-var _tmpl$$a = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$9 = /* @__PURE__ */ template(`<div class=sidebar-resize-handle>`), _tmpl$4$8 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$5$8 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$6$8 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$7$6 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$8$5 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$9$4 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$0$3 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=bookmark-save-body><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Import HTML</button><button class=bookmark-secondary-button type=button>Import JSON`), _tmpl$10$3 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$11$3 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-export-card><div><div class=bookmark-panel-title>Export</div><div class=bookmark-panel-subtitle>Save browser-ready HTML or a full Vessel archive</div></div><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Browser HTML</button><button class=bookmark-secondary-button type=button>HTML + notes</button><button class=bookmark-secondary-button type=button>Vessel JSON</button></div></div><div class=bookmark-import-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Import Bookmarks</span><span class=bookmark-save-toggle-subtitle>Import from HTML or Vessel JSON</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$12$3 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$13$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><textarea class=agent-textarea rows=2 placeholder="Optional note for this checkpoint"></textarea><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$14$2 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title>Load more history</span><span class=history-entry-url>Showing <!> of `), _tmpl$15$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$16$1 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><div class=history-panel-actions><button class=history-clear-btn>Clear</button><button class=history-clear-btn>Export HTML</button><button class=history-clear-btn>Export JSON</button><button class=history-clear-btn>Import</button></div></div><div class=history-list>`), _tmpl$17$1 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div class=agent-panel-title>What Changed</div><div class=agent-panel-subtitle>`), _tmpl$18$1 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">Give the built-in agent a bigger toolbox and longer runway: screenshots, saved sessions, workflow tracking, table extraction, and up to 1,000 tool calls per turn.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$19$1 = /* @__PURE__ */ template(`<span>`), _tmpl$20$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$21$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$22$1 = /* @__PURE__ */ template(`<div class=sidebar-empty><svg class=sidebar-empty-icon width=48 height=48 viewBox="0 0 48 48"aria-hidden=true><line x1=8 y1=8 x2=24 y2=5 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=24 y1=5 x2=40 y2=10 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=8 y1=8 x2=6 y2=24 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=40 y1=10 x2=44 y2=26 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=6 y1=24 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=44 y1=26 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=10 y1=38 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=38 y1=40 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=8 y1=8 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=24 y1=5 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=40 y1=10 x2=32 y2=20 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=20 y1=18 x2=32 y2=20 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.3></line><line x1=6 y1=24 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=20 y1=18 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=32 y1=20 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=44 y1=26 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=18 y1=30 x2=36 y2=30 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.25></line><line x1=18 y1=30 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=36 y1=30 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=18 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><line x1=36 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><circle cx=8 cy=8 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=24 cy=5 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=40 cy=10 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.7></circle><circle cx=6 cy=24 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=44 cy=26 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=10 cy=38 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=38 cy=40 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=24 cy=44 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=20 cy=18 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.85></circle><circle cx=32 cy=20 r=4 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.9></circle><circle cx=18 cy=30 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.75></circle><circle cx=36 cy=30 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.8></circle></svg><p class=sidebar-empty-title>Your move.</p><p class=sidebar-empty-hint>Configure a provider in Settings (Ctrl+,) then ask anything about the current page or beyond.`), _tmpl$23$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Stop generating"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><rect x=2 y=2 width=10 height=10 rx=1.5 fill=currentColor></rect></svg>Stop`), _tmpl$24$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Retry last prompt"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M11.5 7a4.5 4.5 0 1 1-1.3-3.2"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M10.5 1v3h-3"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Retry`), _tmpl$25$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=highlight-nav><button class=highlight-nav-btn type=button title="Previous highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M8 10L4 6l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=highlight-nav-label type=button title="Go to current highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><circle cx=6 cy=6 r=3 fill=var(--accent-primary) stroke=var(--accent-primary) stroke-width=1></circle></svg></button><button class=highlight-nav-btn type=button title="Next highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M4 2l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$27$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$31 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button><button class=sidebar-tab role=tab>Automate</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button><button class=sidebar-tab role=tab>Research<span class=sidebar-tab-beta>Beta</span></button></div><div class=sidebar-messages><div>`), _tmpl$32 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$33 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$34 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$35 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$36 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$37 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$38 = /* @__PURE__ */ template(`<div class=agent-card><div class=agent-action-row><span class=agent-card-title></span><span></span></div><div class=agent-card-copy>`), _tmpl$39 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$40 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$41 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class=bookmark-ghost-button type=button>Export</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$42 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$43 = /* @__PURE__ */ template(`<div class=bookmark-folder-delete-confirm><p class=bookmark-delete-prompt>Delete "<!>"?</p><div class=bookmark-delete-options><button class="bookmark-ghost-button danger"type=button></button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$44 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><div class=bookmark-folder-form-fields><input class=bookmark-input><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=button>Save</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$45 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$46 = /* @__PURE__ */ template(`<div class=bookmark-folder-section><div class="bookmark-folder-header clickable"role=button tabindex=0><div class=bookmark-folder-overview><span class=bookmark-folder-chevron aria-hidden=true>▸</span><div><div class=bookmark-folder-name></div><div class=bookmark-folder-meta> saved`), _tmpl$47 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$48 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$49 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$50 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$51 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$52 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$53 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$54 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><input class=bookmark-input placeholder="Bookmark title"><textarea class=bookmark-note-input rows=2 placeholder="Why this bookmark matters"></textarea><textarea class=bookmark-note-input rows=1 placeholder=Intent></textarea><textarea class=bookmark-note-input rows=1 placeholder="Expected content"></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input rows=2 placeholder="Agent hints (one key:value per line)"></textarea><div class=bookmark-item-footer><button class=bookmark-secondary-button type=button>Save edits</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$55 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class=bookmark-ghost-button type=button></button><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$56 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$57 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$58 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><textarea class=agent-textarea rows=2 placeholder="Add a note..."></textarea><button class=agent-control-button type=button>Restore`), _tmpl$59 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$60 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">The Diff timeline is a premium feature. Upgrade to see a full history of what changed on this page.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$61 = /* @__PURE__ */ template(`<div>`), _tmpl$62 = /* @__PURE__ */ template(`<div class=thinking-state><div class=thinking-orb aria-hidden=true><span></span><span></span><span></span></div><div class=thinking-copy><div class=thinking-title>Thinking`), _tmpl$63 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$64 = /* @__PURE__ */ template(`<div class=chat-approval><div class=chat-approval-icon aria-hidden=true><svg width=16 height=16 viewBox="0 0 16 16"fill=none><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7.25 4.75a.75.75 0 011.5 0v3.5a.75.75 0 01-1.5 0v-3.5zM8 11.5a.75.75 0 110-1.5.75.75 0 010 1.5z"fill=currentColor></path></svg></div><div class=chat-approval-body><div class=chat-approval-title>Approval needed: <strong></strong></div><div class=chat-approval-detail></div><div class=chat-approval-actions><button class="chat-approval-btn chat-approval-approve"type=button>Approve</button><button class="chat-approval-btn chat-approval-reject"type=button>Reject`), _tmpl$65 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=premium-inline-offer><div class=premium-inline-kicker>Vessel Premium</div><div class=premium-inline-title></div><p class=premium-inline-copy></p><div class=premium-inline-actions><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>View details`), _tmpl$3$9 = /* @__PURE__ */ template(`<div class=sidebar-resize-handle>`), _tmpl$4$8 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$5$8 = /* @__PURE__ */ template(`<button class=agent-primary-button type=button>Undo last action`), _tmpl$6$8 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$7$6 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$8$5 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$9$4 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$0$3 = /* @__PURE__ */ template(`<div class=bookmark-export-message>`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=bookmark-save-body><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Import HTML</button><button class=bookmark-secondary-button type=button>Import JSON`), _tmpl$10$3 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2></textarea><textarea class=bookmark-note-input placeholder="Intent: what is this page for?"rows=1></textarea><textarea class=bookmark-note-input placeholder="Expected content: what should be here?"rows=1></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input placeholder="Agent hints (one key:value per line)"rows=2>`), _tmpl$11$3 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-export-card><div><div class=bookmark-panel-title>Export</div><div class=bookmark-panel-subtitle>Save browser-ready HTML or a full Vessel archive</div></div><div class=bookmark-export-actions><button class=bookmark-secondary-button type=button>Browser HTML</button><button class=bookmark-secondary-button type=button>HTML + notes</button><button class=bookmark-secondary-button type=button>Vessel JSON</button></div></div><div class=bookmark-import-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Import Bookmarks</span><span class=bookmark-save-toggle-subtitle>Import from HTML or Vessel JSON</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$12$3 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$13$2 = /* @__PURE__ */ template(`<section class="agent-panel checkpoint-panel"><div class=agent-panel-header><div><div class=agent-panel-title>Checkpoints</div><div class=agent-panel-subtitle></div></div></div><div class=agent-panel-body><div class=agent-checkpoint-row><input class=agent-input placeholder="Checkpoint name"><textarea class=agent-textarea rows=2 placeholder="Optional note for this checkpoint"></textarea><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$14$2 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title>Load more history</span><span class=history-entry-url>Showing <!> of `), _tmpl$15$2 = /* @__PURE__ */ template(`<p class=history-empty>No browsing history yet.`), _tmpl$16$1 = /* @__PURE__ */ template(`<div class=history-panel><div class=history-panel-header><span class=history-panel-title>Browsing History</span><div class=history-panel-actions><button class=history-clear-btn>Clear</button><button class=history-clear-btn>Export HTML</button><button class=history-clear-btn>Export JSON</button><button class=history-clear-btn>Import</button></div></div><div class=history-list>`), _tmpl$17$1 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div class=agent-panel-title>What Changed</div><div class=agent-panel-subtitle>`), _tmpl$18$1 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">Give the built-in agent a bigger toolbox and longer runway: screenshots, saved sessions, workflow tracking, table extraction, and up to 1,000 tool calls per turn.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$19$1 = /* @__PURE__ */ template(`<span>`), _tmpl$20$1 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$21$1 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$22$1 = /* @__PURE__ */ template(`<div class=sidebar-empty><svg class=sidebar-empty-icon width=48 height=48 viewBox="0 0 48 48"aria-hidden=true><line x1=8 y1=8 x2=24 y2=5 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=24 y1=5 x2=40 y2=10 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=8 y1=8 x2=6 y2=24 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=40 y1=10 x2=44 y2=26 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=6 y1=24 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=44 y1=26 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=10 y1=38 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=38 y1=40 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=8 y1=8 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=24 y1=5 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=40 y1=10 x2=32 y2=20 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=20 y1=18 x2=32 y2=20 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.3></line><line x1=6 y1=24 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=20 y1=18 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=32 y1=20 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=44 y1=26 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=18 y1=30 x2=36 y2=30 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.25></line><line x1=18 y1=30 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=36 y1=30 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=18 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><line x1=36 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><circle cx=8 cy=8 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=24 cy=5 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=40 cy=10 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.7></circle><circle cx=6 cy=24 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=44 cy=26 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=10 cy=38 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=38 cy=40 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=24 cy=44 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=20 cy=18 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.85></circle><circle cx=32 cy=20 r=4 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.9></circle><circle cx=18 cy=30 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.75></circle><circle cx=36 cy=30 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.8></circle></svg><p class=sidebar-empty-title>Your move.</p><p class=sidebar-empty-hint>Configure a provider in Settings (Ctrl+,) then ask anything about the current page or beyond.`), _tmpl$23$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Stop generating"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><rect x=2 y=2 width=10 height=10 rx=1.5 fill=currentColor></rect></svg>Stop`), _tmpl$24$1 = /* @__PURE__ */ template(`<button class=chat-action-btn title="Retry last prompt"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M11.5 7a4.5 4.5 0 1 1-1.3-3.2"stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M10.5 1v3h-3"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Retry`), _tmpl$25$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=highlight-nav><button class=highlight-nav-btn type=button title="Previous highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M8 10L4 6l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=highlight-nav-label type=button title="Go to current highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><circle cx=6 cy=6 r=3 fill=var(--accent-primary) stroke=var(--accent-primary) stroke-width=1></circle></svg></button><button class=highlight-nav-btn type=button title="Next highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M4 2l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$27$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$29$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=chat-command-error><span></span><button class=chat-command-error-dismiss type=button aria-label="Dismiss command error">×`), _tmpl$31 = /* @__PURE__ */ template(`<div class=chat-skill-suggestions role=listbox>`), _tmpl$32 = /* @__PURE__ */ template(`<div class=sidebar-input-area><div class=sidebar-input-frame><textarea class=sidebar-input rows=2></textarea></div><button class=sidebar-send>`), _tmpl$33 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button><button class=sidebar-tab role=tab>Skills</button><button class=sidebar-tab role=tab>History</button><button class=sidebar-tab role=tab>Changes</button><button class=sidebar-tab role=tab>Research<span class=sidebar-tab-beta>Beta</span></button></div><div class=sidebar-messages><div>`), _tmpl$34 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$35 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$36 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$37 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$38 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$39 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$40 = /* @__PURE__ */ template(`<div class=agent-card><div class=agent-action-row><span class=agent-card-title></span><span></span></div><div class=agent-card-copy>`), _tmpl$41 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$42 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$43 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class=bookmark-ghost-button type=button>Export</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$44 = /* @__PURE__ */ template(`<button class=bookmark-ghost-button type=button>Keep bookmarks`), _tmpl$45 = /* @__PURE__ */ template(`<div class=bookmark-folder-delete-confirm><p class=bookmark-delete-prompt>Delete "<!>"?</p><div class=bookmark-delete-options><button class="bookmark-ghost-button danger"type=button></button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$46 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><div class=bookmark-folder-form-fields><input class=bookmark-input><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=button>Save</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$47 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$48 = /* @__PURE__ */ template(`<div class=bookmark-folder-section><div class="bookmark-folder-header clickable"role=button tabindex=0><div class=bookmark-folder-overview><span class=bookmark-folder-chevron aria-hidden=true>▸</span><div><div class=bookmark-folder-name></div><div class=bookmark-folder-meta> saved`), _tmpl$49 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$50 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$51 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$52 = /* @__PURE__ */ template(`<div><strong>Intent:</strong> `), _tmpl$53 = /* @__PURE__ */ template(`<div><strong>Expected:</strong> `), _tmpl$54 = /* @__PURE__ */ template(`<div><strong>Key fields:</strong> `), _tmpl$55 = /* @__PURE__ */ template(`<div><strong>Hints:</strong> `), _tmpl$56 = /* @__PURE__ */ template(`<div class=bookmark-folder-edit><input class=bookmark-input placeholder="Bookmark title"><textarea class=bookmark-note-input rows=2 placeholder="Why this bookmark matters"></textarea><textarea class=bookmark-note-input rows=1 placeholder=Intent></textarea><textarea class=bookmark-note-input rows=1 placeholder="Expected content"></textarea><input class=bookmark-input placeholder="Key fields (comma-separated)"><textarea class=bookmark-note-input rows=2 placeholder="Agent hints (one key:value per line)"></textarea><div class=bookmark-item-footer><button class=bookmark-secondary-button type=button>Save edits</button><button class=bookmark-ghost-button type=button>Cancel`), _tmpl$57 = /* @__PURE__ */ template(`<div class=bookmark-item><button class=bookmark-item-link type=button><span class=bookmark-item-title></span><span class=bookmark-item-url></span></button><div class=bookmark-item-footer><span class=bookmark-item-time></span><button class=bookmark-ghost-button type=button></button><button class="bookmark-ghost-button danger"type=button>Remove`), _tmpl$58 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$59 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$60 = /* @__PURE__ */ template(`<div class=checkpoint-timeline-item><div class=checkpoint-timeline-rail><span class=checkpoint-timeline-dot></span></div><div class=checkpoint-timeline-content><div class=checkpoint-timeline-name></div><div class=checkpoint-timeline-time></div><textarea class=agent-textarea rows=2 placeholder="Add a note..."></textarea><button class=agent-control-button type=button>Restore`), _tmpl$61 = /* @__PURE__ */ template(`<button class=history-entry><span class=history-entry-title></span><span class=history-entry-url></span><span class=history-entry-time>`), _tmpl$62 = /* @__PURE__ */ template(`<div class="kit-upsell premium-chat-banner"><p class=kit-upsell-title>Vessel Premium</p><p class="kit-upsell-body premium-chat-banner-body">The Diff timeline is a premium feature. Upgrade to see a full history of what changed on this page.</p><div class="premium-inline-actions premium-chat-banner-actions"><button class="agent-primary-button premium-inline-primary"type=button>Start 7-day free trial — $5.99/mo after</button><button class="agent-control-button premium-inline-secondary"type=button>See Premium`), _tmpl$63 = /* @__PURE__ */ template(`<div>`), _tmpl$64 = /* @__PURE__ */ template(`<div class=thinking-state><div class=thinking-orb aria-hidden=true><span></span><span></span><span></span></div><div class=thinking-copy><div class=thinking-title>Thinking`), _tmpl$65 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$66 = /* @__PURE__ */ template(`<div class=chat-approval><div class=chat-approval-icon aria-hidden=true><svg width=16 height=16 viewBox="0 0 16 16"fill=none><path d="M8 1.5a6.5 6.5 0 100 13 6.5 6.5 0 000-13zM7.25 4.75a.75.75 0 011.5 0v3.5a.75.75 0 01-1.5 0v-3.5zM8 11.5a.75.75 0 110-1.5.75.75 0 010 1.5z"fill=currentColor></path></svg></div><div class=chat-approval-body><div class=chat-approval-title>Approval needed: <strong></strong></div><div class=chat-approval-detail></div><div class=chat-approval-actions><button class="chat-approval-btn chat-approval-approve"type=button>Approve</button><button class="chat-approval-btn chat-approval-reject"type=button>Reject`), _tmpl$67 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`), _tmpl$68 = /* @__PURE__ */ template(`<button class=chat-skill-suggestion type=button role=option><span class=chat-skill-suggestion-command>/</span><span class=chat-skill-suggestion-body><span class=chat-skill-suggestion-name></span><span class=chat-skill-suggestion-desc>`), _tmpl$69 = /* @__PURE__ */ template(`<div class=sidebar-input-highlight aria-hidden=true><span class=sidebar-input-highlight-command>`);
 const UNSORTED_FOLDER = {
   id: "unsorted",
   name: "Unsorted",
@@ -9623,6 +9856,7 @@ const Sidebar = (props) => {
     clearPendingQueries,
     clearHistory,
     query,
+    runAutomationPrompt,
     cancel
   } = useAI();
   const {
@@ -9667,6 +9901,9 @@ const Sidebar = (props) => {
   } = useBookmarks();
   const [sidebarTab, setSidebarTab] = createSignal("supervisor");
   const [chatInput, setChatInput] = createSignal("");
+  const [chatCommandError, setChatCommandError] = createSignal(null);
+  const [installedSkillKits, setInstalledSkillKits] = createSignal([]);
+  const [slashSuggestionIndex, setSlashSuggestionIndex] = createSignal(0);
   const [highlightCount, setHighlightCount] = createSignal(0);
   const [highlightIndex, setHighlightIndex] = createSignal(-1);
   const [premiumState, setPremiumState] = createSignal({
@@ -9679,6 +9916,33 @@ const Sidebar = (props) => {
   });
   const trackedPremiumContexts = /* @__PURE__ */ new Set();
   const isPremium = () => isPremiumStatus(premiumState().status);
+  const allSkillKits = createMemo(() => [...BUNDLED_KITS, ...installedSkillKits()]);
+  const slashSuggestions = createMemo(() => getSkillSlashSuggestions(chatInput(), allSkillKits()));
+  const recognizedSkillInvocation = createMemo(() => {
+    const input = chatInput().trimStart();
+    if (!input.startsWith("/")) return null;
+    return parseSkillSlashInvocation(input, allSkillKits());
+  });
+  const recognizedSkillInputParts = createMemo(() => {
+    if (recognizedSkillInvocation() === null) return null;
+    const match = chatInput().match(/^(\s*)(\/\S+)([\s\S]*)$/);
+    if (!match) return null;
+    return {
+      leading: match[1],
+      command: match[2],
+      rest: match[3]
+    };
+  });
+  const loadInstalledSkillKits = async () => {
+    try {
+      const kits = await window.vessel.automation.getInstalled();
+      setInstalledSkillKits(kits);
+      return kits;
+    } catch {
+      setInstalledSkillKits([]);
+      return [];
+    }
+  };
   const trackPremiumContext = (step) => {
     if (trackedPremiumContexts.has(step)) return;
     trackedPremiumContexts.add(step);
@@ -9698,6 +9962,11 @@ const Sidebar = (props) => {
     });
     const cleanup2 = window.vessel.premium.onUpdate(setPremiumState);
     onCleanup(cleanup2);
+    void loadInstalledSkillKits();
+  });
+  createEffect(() => {
+    slashSuggestions();
+    setSlashSuggestionIndex(0);
   });
   const syncHighlightCount = async () => {
     try {
@@ -9814,11 +10083,69 @@ ${contextBlock}` : contextBlock);
   const handleChatSend = async () => {
     const prompt = chatInput().trim();
     if (!prompt) return;
+    setChatCommandError(null);
+    if (prompt.startsWith("/")) {
+      const installedKits = await loadInstalledSkillKits();
+      const kits = [...BUNDLED_KITS, ...installedKits];
+      const invocation = parseSkillSlashInvocation(prompt, kits);
+      if (invocation) {
+        if (!invocation.task) {
+          const [command] = prompt.split(/\s+/);
+          setChatCommandError(`Add instructions after ${command}.`);
+          return;
+        }
+        const {
+          values,
+          missingLabels
+        } = buildSlashSkillValues(invocation.kit, invocation.task);
+        if (missingLabels.length > 0) {
+          setChatCommandError(`${invocation.kit.name} needs ${missingLabels.join(", ")}. Open Skills to run it with all fields.`);
+          return;
+        }
+        const renderedPrompt = renderKitPrompt(invocation.kit, values);
+        const result2 = await runAutomationPrompt(renderedPrompt, {
+          id: `slash:${invocation.kit.id}:${Date.now()}`,
+          title: invocation.kit.name,
+          icon: invocation.kit.icon
+        });
+        if (result2 !== "rejected") {
+          setChatInput("");
+        }
+        return;
+      }
+      if (prompt.startsWith("/skill ")) {
+        setChatCommandError("No matching skill found for that command.");
+        return;
+      }
+    }
     const result = await query(prompt);
     if (result !== "rejected") {
       setChatInput("");
     }
   };
+  const applySkillSuggestion = (kit) => {
+    const token = getSkillCommandTokens(kit)[0] ?? kit.id;
+    setChatInput(`/${token} `);
+    setChatCommandError(null);
+    setSlashSuggestionIndex(0);
+    queueMicrotask(() => {
+      chatInputRef?.focus();
+      const length = chatInputRef?.value.length ?? 0;
+      chatInputRef?.setSelectionRange(length, length);
+    });
+  };
+  const applyActiveSkillSuggestion = () => {
+    const suggestions = slashSuggestions();
+    if (suggestions.length === 0) return false;
+    const index = Math.max(0, Math.min(slashSuggestionIndex(), suggestions.length - 1));
+    applySkillSuggestion(suggestions[index]);
+    return true;
+  };
+  const moveSlashSuggestion = (delta) => {
+    const count = slashSuggestions().length;
+    if (count === 0) return;
+    setSlashSuggestionIndex((current) => (current + delta + count) % count);
+  };
   const handleRetry = () => {
     const msgs = messages2();
     for (let i = msgs.length - 1; i >= 0; i--) {
@@ -10198,7 +10525,7 @@ ${contextBlock}` : contextBlock);
       return props.forceOpen || sidebarOpen2();
     },
     get children() {
-      var _el$9 = _tmpl$31(), _el$1 = _el$9.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$1.nextSibling, _el$15 = _el$14.firstChild;
+      var _el$9 = _tmpl$33(), _el$1 = _el$9.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$1.nextSibling, _el$15 = _el$14.firstChild;
       _el$15.firstChild;
       var _el$18 = _el$15.nextSibling, _el$19 = _el$18.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling, _el$23 = _el$22.nextSibling, _el$24 = _el$23.nextSibling, _el$25 = _el$14.nextSibling, _el$131 = _el$25.firstChild;
       insert(_el$9, createComponent(Show, {
@@ -10282,7 +10609,7 @@ ${contextBlock}` : contextBlock);
               return runtimeState2().supervisor.pendingApprovals.length > 0;
             },
             get fallback() {
-              return _tmpl$32();
+              return _tmpl$34();
             },
             get children() {
               return [_tmpl$6$8(), createComponent(For, {
@@ -10290,13 +10617,13 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$149 = _tmpl$33(), _el$150 = _el$149.firstChild, _el$151 = _el$150.nextSibling, _el$152 = _el$151.nextSibling, _el$153 = _el$152.nextSibling, _el$154 = _el$153.nextSibling, _el$155 = _el$154.firstChild, _el$156 = _el$155.nextSibling;
-                  insert(_el$151, () => approval.name);
-                  insert(_el$152, () => approval.argsSummary);
-                  insert(_el$153, () => approval.reason);
-                  _el$155.$$click = () => void resolveApproval(approval.id, true);
-                  _el$156.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$149;
+                  var _el$154 = _tmpl$35(), _el$155 = _el$154.firstChild, _el$156 = _el$155.nextSibling, _el$157 = _el$156.nextSibling, _el$158 = _el$157.nextSibling, _el$159 = _el$158.nextSibling, _el$160 = _el$159.firstChild, _el$161 = _el$160.nextSibling;
+                  insert(_el$156, () => approval.name);
+                  insert(_el$157, () => approval.argsSummary);
+                  insert(_el$158, () => approval.reason);
+                  _el$160.$$click = () => void resolveApproval(approval.id, true);
+                  _el$161.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$154;
                 })()
               })];
             }
@@ -10320,7 +10647,7 @@ ${contextBlock}` : contextBlock);
               return recentActions().length > 0;
             },
             get fallback() {
-              return _tmpl$34();
+              return _tmpl$36();
             },
             get children() {
               return createComponent(Show, {
@@ -10328,7 +10655,7 @@ ${contextBlock}` : contextBlock);
                   return actionsExpanded();
                 },
                 get fallback() {
-                  return _tmpl$35();
+                  return _tmpl$37();
                 },
                 get children() {
                   return createComponent(For, {
@@ -10336,32 +10663,32 @@ ${contextBlock}` : contextBlock);
                       return recentActions();
                     },
                     children: (action) => (() => {
-                      var _el$159 = _tmpl$38(), _el$160 = _el$159.firstChild, _el$161 = _el$160.firstChild, _el$162 = _el$161.nextSibling, _el$163 = _el$160.nextSibling;
-                      insert(_el$161, () => action.name);
-                      insert(_el$162, () => action.status);
-                      insert(_el$163, () => action.argsSummary);
-                      insert(_el$159, createComponent(Show, {
+                      var _el$164 = _tmpl$40(), _el$165 = _el$164.firstChild, _el$166 = _el$165.firstChild, _el$167 = _el$166.nextSibling, _el$168 = _el$165.nextSibling;
+                      insert(_el$166, () => action.name);
+                      insert(_el$167, () => action.status);
+                      insert(_el$168, () => action.argsSummary);
+                      insert(_el$164, createComponent(Show, {
                         get when() {
                           return action.resultSummary;
                         },
                         get children() {
-                          var _el$164 = _tmpl$36();
-                          insert(_el$164, () => action.resultSummary);
-                          return _el$164;
+                          var _el$169 = _tmpl$38();
+                          insert(_el$169, () => action.resultSummary);
+                          return _el$169;
                         }
                       }), null);
-                      insert(_el$159, createComponent(Show, {
+                      insert(_el$164, createComponent(Show, {
                         get when() {
                           return action.error;
                         },
                         get children() {
-                          var _el$165 = _tmpl$37();
-                          insert(_el$165, () => action.error);
-                          return _el$165;
+                          var _el$170 = _tmpl$39();
+                          insert(_el$170, () => action.error);
+                          return _el$170;
                         }
                       }), null);
-                      createRenderEffect(() => className(_el$162, `agent-action-status ${action.status}`));
-                      return _el$159;
+                      createRenderEffect(() => className(_el$167, `agent-action-status ${action.status}`));
+                      return _el$164;
                     })()
                   });
                 }
@@ -10479,12 +10806,12 @@ ${contextBlock}` : contextBlock);
             },
             get fallback() {
               return (() => {
-                var _el$166 = _tmpl$39();
-                insert(_el$166, (() => {
+                var _el$171 = _tmpl$41();
+                insert(_el$171, (() => {
                   var _c$5 = memo(() => !!normalizedBookmarkSearch());
                   return () => _c$5() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
                 })());
-                return _el$166;
+                return _el$171;
               })();
             },
             get children() {
@@ -10493,105 +10820,105 @@ ${contextBlock}` : contextBlock);
                   return filteredGroupedBookmarks();
                 },
                 children: (folder) => (() => {
-                  var _el$167 = _tmpl$46(), _el$168 = _el$167.firstChild, _el$169 = _el$168.firstChild, _el$170 = _el$169.firstChild, _el$171 = _el$170.nextSibling, _el$172 = _el$171.firstChild, _el$173 = _el$172.nextSibling, _el$174 = _el$173.firstChild;
-                  _el$168.$$keydown = (e) => {
+                  var _el$172 = _tmpl$48(), _el$173 = _el$172.firstChild, _el$174 = _el$173.firstChild, _el$175 = _el$174.firstChild, _el$176 = _el$175.nextSibling, _el$177 = _el$176.firstChild, _el$178 = _el$177.nextSibling, _el$179 = _el$178.firstChild;
+                  _el$173.$$keydown = (e) => {
                     if (e.key === "Enter" || e.key === " ") {
                       e.preventDefault();
                       toggleFolderExpanded(folder.id);
                     }
                   };
-                  _el$168.$$click = () => toggleFolderExpanded(folder.id);
-                  insert(_el$172, () => folder.name);
-                  insert(_el$173, () => folder.items.length, _el$174);
-                  insert(_el$171, createComponent(Show, {
+                  _el$173.$$click = () => toggleFolderExpanded(folder.id);
+                  insert(_el$177, () => folder.name);
+                  insert(_el$178, () => folder.items.length, _el$179);
+                  insert(_el$176, createComponent(Show, {
                     get when() {
                       return folder.summary;
                     },
                     get children() {
-                      var _el$175 = _tmpl$40();
-                      insert(_el$175, () => folder.summary);
-                      return _el$175;
+                      var _el$180 = _tmpl$42();
+                      insert(_el$180, () => folder.summary);
+                      return _el$180;
                     }
                   }), null);
-                  insert(_el$168, createComponent(Show, {
+                  insert(_el$173, createComponent(Show, {
                     get when() {
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$176 = _tmpl$41(), _el$177 = _el$176.firstChild, _el$178 = _el$177.nextSibling, _el$179 = _el$178.nextSibling;
-                      _el$177.$$click = (e) => {
+                      var _el$181 = _tmpl$43(), _el$182 = _el$181.firstChild, _el$183 = _el$182.nextSibling, _el$184 = _el$183.nextSibling;
+                      _el$182.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
                         setEditingFolderName(folder.name);
                         setEditingFolderSummary(folder.summary || "");
                       };
-                      _el$178.$$click = (e) => {
+                      _el$183.$$click = (e) => {
                         e.stopPropagation();
                         void handleExportFolder(folder.id, folder.name);
                       };
-                      _el$179.$$click = (e) => {
+                      _el$184.$$click = (e) => {
                         e.stopPropagation();
                         setDeletingFolderId(folder.id);
                       };
-                      createRenderEffect(() => _el$178.disabled = bookmarkExporting());
-                      return _el$176;
+                      createRenderEffect(() => _el$183.disabled = bookmarkExporting());
+                      return _el$181;
                     }
                   }), null);
-                  insert(_el$167, createComponent(Show, {
+                  insert(_el$172, createComponent(Show, {
                     get when() {
                       return deletingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$180 = _tmpl$43(), _el$181 = _el$180.firstChild, _el$182 = _el$181.firstChild, _el$184 = _el$182.nextSibling;
-                      _el$184.nextSibling;
-                      var _el$185 = _el$181.nextSibling, _el$187 = _el$185.firstChild, _el$188 = _el$187.nextSibling;
-                      insert(_el$181, () => folder.name, _el$184);
-                      insert(_el$181, (() => {
+                      var _el$185 = _tmpl$45(), _el$186 = _el$185.firstChild, _el$187 = _el$186.firstChild, _el$189 = _el$187.nextSibling;
+                      _el$189.nextSibling;
+                      var _el$190 = _el$186.nextSibling, _el$192 = _el$190.firstChild, _el$193 = _el$192.nextSibling;
+                      insert(_el$186, () => folder.name, _el$189);
+                      insert(_el$186, (() => {
                         var _c$6 = memo(() => folder.items.length > 0);
                         return () => _c$6() ? ` This folder has ${folder.items.length} bookmark${folder.items.length === 1 ? "" : "s"}.` : "";
                       })(), null);
-                      insert(_el$185, createComponent(Show, {
+                      insert(_el$190, createComponent(Show, {
                         get when() {
                           return folder.items.length > 0;
                         },
                         get children() {
-                          var _el$186 = _tmpl$42();
-                          _el$186.$$click = () => void handleRemoveFolder(folder.id, false);
-                          return _el$186;
+                          var _el$191 = _tmpl$44();
+                          _el$191.$$click = () => void handleRemoveFolder(folder.id, false);
+                          return _el$191;
                         }
-                      }), _el$187);
-                      _el$187.$$click = () => void handleRemoveFolder(folder.id, true);
-                      insert(_el$187, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
-                      _el$188.$$click = () => setDeletingFolderId(null);
-                      return _el$180;
+                      }), _el$192);
+                      _el$192.$$click = () => void handleRemoveFolder(folder.id, true);
+                      insert(_el$192, () => folder.items.length > 0 ? "Delete all" : "Delete folder");
+                      _el$193.$$click = () => setDeletingFolderId(null);
+                      return _el$185;
                     }
                   }), null);
-                  insert(_el$167, createComponent(Show, {
+                  insert(_el$172, createComponent(Show, {
                     get when() {
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$189 = _tmpl$44(), _el$190 = _el$189.firstChild, _el$191 = _el$190.firstChild, _el$192 = _el$191.nextSibling, _el$193 = _el$190.nextSibling, _el$194 = _el$193.nextSibling;
-                      _el$191.$$input = (e) => setEditingFolderName(e.currentTarget.value);
-                      _el$192.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
-                      _el$193.$$click = () => void handleRenameFolder(folder.id);
-                      _el$194.$$click = () => {
+                      var _el$194 = _tmpl$46(), _el$195 = _el$194.firstChild, _el$196 = _el$195.firstChild, _el$197 = _el$196.nextSibling, _el$198 = _el$195.nextSibling, _el$199 = _el$198.nextSibling;
+                      _el$196.$$input = (e) => setEditingFolderName(e.currentTarget.value);
+                      _el$197.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
+                      _el$198.$$click = () => void handleRenameFolder(folder.id);
+                      _el$199.$$click = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$193.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$191.value = editingFolderName());
-                      createRenderEffect(() => _el$192.value = editingFolderSummary());
-                      return _el$189;
+                      createRenderEffect(() => _el$198.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$196.value = editingFolderName());
+                      createRenderEffect(() => _el$197.value = editingFolderSummary());
+                      return _el$194;
                     }
                   }), null);
-                  insert(_el$167, createComponent(Show, {
+                  insert(_el$172, createComponent(Show, {
                     get when() {
                       return isFolderExpanded(folder.id);
                     },
                     get fallback() {
-                      return _tmpl$47();
+                      return _tmpl$49();
                     },
                     get children() {
                       return createComponent(Show, {
@@ -10599,125 +10926,125 @@ ${contextBlock}` : contextBlock);
                           return folder.items.length > 0;
                         },
                         get fallback() {
-                          return _tmpl$48();
+                          return _tmpl$50();
                         },
                         get children() {
-                          var _el$195 = _tmpl$45();
-                          insert(_el$195, createComponent(For, {
+                          var _el$200 = _tmpl$47();
+                          insert(_el$200, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              var _el$198 = _tmpl$55(), _el$199 = _el$198.firstChild, _el$200 = _el$199.firstChild, _el$201 = _el$200.nextSibling, _el$226 = _el$199.nextSibling, _el$227 = _el$226.firstChild, _el$228 = _el$227.nextSibling, _el$229 = _el$228.nextSibling;
-                              _el$199.$$click = () => void createTab(bookmark.url);
-                              insert(_el$200, () => bookmark.title || bookmark.url);
-                              insert(_el$201, () => bookmark.url);
-                              insert(_el$198, createComponent(Show, {
+                              var _el$203 = _tmpl$57(), _el$204 = _el$203.firstChild, _el$205 = _el$204.firstChild, _el$206 = _el$205.nextSibling, _el$231 = _el$204.nextSibling, _el$232 = _el$231.firstChild, _el$233 = _el$232.nextSibling, _el$234 = _el$233.nextSibling;
+                              _el$204.$$click = () => void createTab(bookmark.url);
+                              insert(_el$205, () => bookmark.title || bookmark.url);
+                              insert(_el$206, () => bookmark.url);
+                              insert(_el$203, createComponent(Show, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$202 = _tmpl$49();
-                                  insert(_el$202, () => bookmark.note);
-                                  return _el$202;
+                                  var _el$207 = _tmpl$51();
+                                  insert(_el$207, () => bookmark.note);
+                                  return _el$207;
                                 }
-                              }), _el$226);
-                              insert(_el$198, createComponent(Show, {
+                              }), _el$231);
+                              insert(_el$203, createComponent(Show, {
                                 get when() {
                                   return bookmark.intent || bookmark.expectedContent || (bookmark.keyFields?.length || 0) > 0 || (bookmark.agentHints && Object.keys(bookmark.agentHints).length || 0) > 0;
                                 },
                                 get children() {
-                                  var _el$203 = _tmpl$49();
-                                  insert(_el$203, createComponent(Show, {
+                                  var _el$208 = _tmpl$51();
+                                  insert(_el$208, createComponent(Show, {
                                     get when() {
                                       return bookmark.intent;
                                     },
                                     get children() {
-                                      var _el$204 = _tmpl$50(), _el$205 = _el$204.firstChild;
-                                      _el$205.nextSibling;
-                                      insert(_el$204, () => bookmark.intent, null);
-                                      return _el$204;
+                                      var _el$209 = _tmpl$52(), _el$210 = _el$209.firstChild;
+                                      _el$210.nextSibling;
+                                      insert(_el$209, () => bookmark.intent, null);
+                                      return _el$209;
                                     }
                                   }), null);
-                                  insert(_el$203, createComponent(Show, {
+                                  insert(_el$208, createComponent(Show, {
                                     get when() {
                                       return bookmark.expectedContent;
                                     },
                                     get children() {
-                                      var _el$207 = _tmpl$51(), _el$208 = _el$207.firstChild;
-                                      _el$208.nextSibling;
-                                      insert(_el$207, () => bookmark.expectedContent, null);
-                                      return _el$207;
+                                      var _el$212 = _tmpl$53(), _el$213 = _el$212.firstChild;
+                                      _el$213.nextSibling;
+                                      insert(_el$212, () => bookmark.expectedContent, null);
+                                      return _el$212;
                                     }
                                   }), null);
-                                  insert(_el$203, createComponent(Show, {
+                                  insert(_el$208, createComponent(Show, {
                                     get when() {
                                       return (bookmark.keyFields?.length || 0) > 0;
                                     },
                                     get children() {
-                                      var _el$210 = _tmpl$52(), _el$211 = _el$210.firstChild;
-                                      _el$211.nextSibling;
-                                      insert(_el$210, () => bookmark.keyFields?.join(", "), null);
-                                      return _el$210;
+                                      var _el$215 = _tmpl$54(), _el$216 = _el$215.firstChild;
+                                      _el$216.nextSibling;
+                                      insert(_el$215, () => bookmark.keyFields?.join(", "), null);
+                                      return _el$215;
                                     }
                                   }), null);
-                                  insert(_el$203, createComponent(Show, {
+                                  insert(_el$208, createComponent(Show, {
                                     get when() {
                                       return memo(() => !!bookmark.agentHints)() && Object.keys(bookmark.agentHints).length > 0;
                                     },
                                     get children() {
-                                      var _el$213 = _tmpl$53(), _el$214 = _el$213.firstChild;
-                                      _el$214.nextSibling;
-                                      insert(_el$213, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
-                                      return _el$213;
+                                      var _el$218 = _tmpl$55(), _el$219 = _el$218.firstChild;
+                                      _el$219.nextSibling;
+                                      insert(_el$218, () => Object.entries(bookmark.agentHints || {}).map(([key, hint]) => `${key}: ${hint}`).join(" • "), null);
+                                      return _el$218;
                                     }
                                   }), null);
-                                  return _el$203;
+                                  return _el$208;
                                 }
-                              }), _el$226);
-                              insert(_el$198, createComponent(Show, {
+                              }), _el$231);
+                              insert(_el$203, createComponent(Show, {
                                 get when() {
                                   return editingBookmarkId() === bookmark.id;
                                 },
                                 get children() {
-                                  var _el$216 = _tmpl$54(), _el$217 = _el$216.firstChild, _el$218 = _el$217.nextSibling, _el$219 = _el$218.nextSibling, _el$220 = _el$219.nextSibling, _el$221 = _el$220.nextSibling, _el$222 = _el$221.nextSibling, _el$223 = _el$222.nextSibling, _el$224 = _el$223.firstChild, _el$225 = _el$224.nextSibling;
-                                  _el$217.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
-                                  _el$218.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
-                                  _el$219.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
-                                  _el$220.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
-                                  _el$221.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
-                                  _el$222.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
-                                  _el$224.$$click = () => void handleUpdateBookmark(bookmark.id);
-                                  _el$225.$$click = resetBookmarkEditor;
-                                  createRenderEffect(() => _el$217.value = editingBookmarkTitle());
-                                  createRenderEffect(() => _el$218.value = editingBookmarkNote());
-                                  createRenderEffect(() => _el$219.value = editingBookmarkIntent());
-                                  createRenderEffect(() => _el$220.value = editingBookmarkExpectedContent());
-                                  createRenderEffect(() => _el$221.value = editingBookmarkKeyFields());
-                                  createRenderEffect(() => _el$222.value = editingBookmarkAgentHints());
-                                  return _el$216;
+                                  var _el$221 = _tmpl$56(), _el$222 = _el$221.firstChild, _el$223 = _el$222.nextSibling, _el$224 = _el$223.nextSibling, _el$225 = _el$224.nextSibling, _el$226 = _el$225.nextSibling, _el$227 = _el$226.nextSibling, _el$228 = _el$227.nextSibling, _el$229 = _el$228.firstChild, _el$230 = _el$229.nextSibling;
+                                  _el$222.$$input = (e) => setEditingBookmarkTitle(e.currentTarget.value);
+                                  _el$223.$$input = (e) => setEditingBookmarkNote(e.currentTarget.value);
+                                  _el$224.$$input = (e) => setEditingBookmarkIntent(e.currentTarget.value);
+                                  _el$225.$$input = (e) => setEditingBookmarkExpectedContent(e.currentTarget.value);
+                                  _el$226.$$input = (e) => setEditingBookmarkKeyFields(e.currentTarget.value);
+                                  _el$227.$$input = (e) => setEditingBookmarkAgentHints(e.currentTarget.value);
+                                  _el$229.$$click = () => void handleUpdateBookmark(bookmark.id);
+                                  _el$230.$$click = resetBookmarkEditor;
+                                  createRenderEffect(() => _el$222.value = editingBookmarkTitle());
+                                  createRenderEffect(() => _el$223.value = editingBookmarkNote());
+                                  createRenderEffect(() => _el$224.value = editingBookmarkIntent());
+                                  createRenderEffect(() => _el$225.value = editingBookmarkExpectedContent());
+                                  createRenderEffect(() => _el$226.value = editingBookmarkKeyFields());
+                                  createRenderEffect(() => _el$227.value = editingBookmarkAgentHints());
+                                  return _el$221;
                                 }
-                              }), _el$226);
-                              insert(_el$227, () => formatBookmarkDate(bookmark.savedAt));
-                              _el$228.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
-                              insert(_el$228, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
-                              _el$229.$$click = () => {
+                              }), _el$231);
+                              insert(_el$232, () => formatBookmarkDate(bookmark.savedAt));
+                              _el$233.$$click = () => editingBookmarkId() === bookmark.id ? resetBookmarkEditor() : startEditingBookmark(bookmark);
+                              insert(_el$233, () => editingBookmarkId() === bookmark.id ? "Close" : "Edit");
+                              _el$234.$$click = () => {
                                 if (editingBookmarkId() === bookmark.id) {
                                   resetBookmarkEditor();
                                 }
                                 void removeBookmark(bookmark.id);
                               };
-                              createRenderEffect(() => setAttribute(_el$198, "data-bookmark-id", bookmark.id));
-                              return _el$198;
+                              createRenderEffect(() => setAttribute(_el$203, "data-bookmark-id", bookmark.id));
+                              return _el$203;
                             })()
                           }));
-                          return _el$195;
+                          return _el$200;
                         }
                       });
                     }
                   }), null);
-                  createRenderEffect(() => _el$170.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
-                  return _el$167;
+                  createRenderEffect(() => _el$175.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
+                  return _el$172;
                 })()
               });
             }
@@ -10769,7 +11096,7 @@ ${contextBlock}` : contextBlock);
               return recentCheckpoints().length > 0;
             },
             get fallback() {
-              return _tmpl$56();
+              return _tmpl$58();
             },
             get children() {
               var _el$95 = _tmpl$12$3();
@@ -10778,22 +11105,22 @@ ${contextBlock}` : contextBlock);
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  var _el$231 = _tmpl$58(), _el$232 = _el$231.firstChild, _el$233 = _el$232.firstChild, _el$235 = _el$232.nextSibling, _el$236 = _el$235.firstChild, _el$237 = _el$236.nextSibling, _el$238 = _el$237.nextSibling, _el$239 = _el$238.nextSibling;
-                  insert(_el$232, createComponent(Show, {
+                  var _el$236 = _tmpl$60(), _el$237 = _el$236.firstChild, _el$238 = _el$237.firstChild, _el$240 = _el$237.nextSibling, _el$241 = _el$240.firstChild, _el$242 = _el$241.nextSibling, _el$243 = _el$242.nextSibling, _el$244 = _el$243.nextSibling;
+                  insert(_el$237, createComponent(Show, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
                     get children() {
-                      return _tmpl$57();
+                      return _tmpl$59();
                     }
                   }), null);
-                  insert(_el$236, () => checkpoint.name);
-                  insert(_el$237, () => new Date(checkpoint.createdAt).toLocaleString());
-                  _el$238.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
-                  _el$239.$$click = () => void restoreCheckpoint(checkpoint.id);
-                  createRenderEffect(() => _el$233.classList.toggle("latest", !!(i() === 0)));
-                  createRenderEffect(() => _el$238.value = checkpoint.note || "");
-                  return _el$231;
+                  insert(_el$241, () => checkpoint.name);
+                  insert(_el$242, () => new Date(checkpoint.createdAt).toLocaleString());
+                  _el$243.addEventListener("blur", (e) => void updateCheckpointNote(checkpoint.id, e.currentTarget.value));
+                  _el$244.$$click = () => void restoreCheckpoint(checkpoint.id);
+                  createRenderEffect(() => _el$238.classList.toggle("latest", !!(i() === 0)));
+                  createRenderEffect(() => _el$243.value = checkpoint.note || "");
+                  return _el$236;
                 })()
               }));
               return _el$95;
@@ -10848,12 +11175,12 @@ ${contextBlock}` : contextBlock);
               return history.historyState().entries;
             },
             children: (entry) => (() => {
-              var _el$240 = _tmpl$59(), _el$241 = _el$240.firstChild, _el$242 = _el$241.nextSibling, _el$243 = _el$242.nextSibling;
-              _el$240.$$click = () => createTab(entry.url);
-              insert(_el$241, () => entry.title || entry.url);
-              insert(_el$242, () => entry.url);
-              insert(_el$243, () => new Date(entry.visitedAt).toLocaleString());
-              return _el$240;
+              var _el$245 = _tmpl$61(), _el$246 = _el$245.firstChild, _el$247 = _el$246.nextSibling, _el$248 = _el$247.nextSibling;
+              _el$245.$$click = () => createTab(entry.url);
+              insert(_el$246, () => entry.title || entry.url);
+              insert(_el$247, () => entry.url);
+              insert(_el$248, () => new Date(entry.visitedAt).toLocaleString());
+              return _el$245;
             })()
           }), null);
           insert(_el$104, createComponent(Show, {
@@ -10893,11 +11220,11 @@ ${contextBlock}` : contextBlock);
             },
             get fallback() {
               return (() => {
-                var _el$244 = _tmpl$60(), _el$245 = _el$244.firstChild, _el$246 = _el$245.nextSibling, _el$247 = _el$246.nextSibling, _el$248 = _el$247.firstChild, _el$249 = _el$248.nextSibling;
-                _el$248.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
+                var _el$249 = _tmpl$62(), _el$250 = _el$249.firstChild, _el$251 = _el$250.nextSibling, _el$252 = _el$251.nextSibling, _el$253 = _el$252.firstChild, _el$254 = _el$253.nextSibling;
+                _el$253.$$click = () => void window.vessel.premium.checkout(premiumState().email || void 0).catch(() => {
                 });
-                _el$249.$$click = openPremiumDetails;
-                return _el$244;
+                _el$254.$$click = openPremiumDetails;
+                return _el$249;
               })();
             },
             get children() {
@@ -10927,13 +11254,13 @@ ${contextBlock}` : contextBlock);
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$250 = _tmpl$61();
-              insert(_el$250, createComponent(MarkdownMessage, {
+              var _el$255 = _tmpl$63();
+              insert(_el$255, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }), null);
-              insert(_el$250, createComponent(Show, {
+              insert(_el$255, createComponent(Show, {
                 get when() {
                   return memo(() => msg.role === "assistant")() ? getPremiumPromptKind(msg.content) : null;
                 },
@@ -10946,8 +11273,8 @@ ${contextBlock}` : contextBlock);
                   onOpenSettings: openPremiumDetails
                 })
               }), null);
-              createRenderEffect(() => className(_el$250, `message message-${msg.role}`));
-              return _el$250;
+              createRenderEffect(() => className(_el$255, `message message-${msg.role}`));
+              return _el$255;
             })()
           }), createComponent(Show, {
             get when() {
@@ -10960,7 +11287,7 @@ ${contextBlock}` : contextBlock);
                   return hasFirstChunk2();
                 },
                 get fallback() {
-                  return _tmpl$62();
+                  return _tmpl$64();
                 },
                 get children() {
                   var _el$125 = _tmpl$20$1(), _el$126 = _el$125.firstChild, _el$127 = _el$126.firstChild;
@@ -11008,22 +11335,22 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$252 = _tmpl$64(), _el$253 = _el$252.firstChild, _el$254 = _el$253.nextSibling, _el$255 = _el$254.firstChild, _el$256 = _el$255.firstChild, _el$257 = _el$256.nextSibling, _el$259 = _el$255.nextSibling, _el$260 = _el$259.nextSibling, _el$261 = _el$260.firstChild, _el$262 = _el$261.nextSibling;
-                  insert(_el$257, () => approval.name);
-                  insert(_el$254, createComponent(Show, {
+                  var _el$257 = _tmpl$66(), _el$258 = _el$257.firstChild, _el$259 = _el$258.nextSibling, _el$260 = _el$259.firstChild, _el$261 = _el$260.firstChild, _el$262 = _el$261.nextSibling, _el$264 = _el$260.nextSibling, _el$265 = _el$264.nextSibling, _el$266 = _el$265.firstChild, _el$267 = _el$266.nextSibling;
+                  insert(_el$262, () => approval.name);
+                  insert(_el$259, createComponent(Show, {
                     get when() {
                       return approval.argsSummary;
                     },
                     get children() {
-                      var _el$258 = _tmpl$63();
-                      insert(_el$258, () => approval.argsSummary);
-                      return _el$258;
+                      var _el$263 = _tmpl$65();
+                      insert(_el$263, () => approval.argsSummary);
+                      return _el$263;
                     }
-                  }), _el$259);
-                  insert(_el$259, () => approval.reason);
-                  _el$261.$$click = () => void resolveApproval(approval.id, true);
-                  _el$262.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$252;
+                  }), _el$264);
+                  insert(_el$264, () => approval.reason);
+                  _el$266.$$click = () => void resolveApproval(approval.id, true);
+                  _el$267.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$257;
                 })()
               });
             }
@@ -11126,12 +11453,12 @@ ${contextBlock}` : contextBlock);
                       return pendingQueries2();
                     },
                     children: (pendingPrompt, index) => (() => {
-                      var _el$263 = _tmpl$65(), _el$264 = _el$263.firstChild, _el$265 = _el$264.nextSibling;
-                      setAttribute(_el$264, "title", pendingPrompt);
-                      insert(_el$264, pendingPrompt);
-                      _el$265.$$click = () => removePendingQuery(index());
-                      createRenderEffect(() => setAttribute(_el$265, "aria-label", `Remove queued prompt ${index() + 1}`));
-                      return _el$263;
+                      var _el$268 = _tmpl$67(), _el$269 = _el$268.firstChild, _el$270 = _el$269.nextSibling;
+                      setAttribute(_el$269, "title", pendingPrompt);
+                      insert(_el$269, pendingPrompt);
+                      _el$270.$$click = () => removePendingQuery(index());
+                      createRenderEffect(() => setAttribute(_el$270, "aria-label", `Remove queued prompt ${index() + 1}`));
+                      return _el$268;
                     })()
                   }));
                   return _el$144;
@@ -11139,52 +11466,136 @@ ${contextBlock}` : contextBlock);
               }), null);
               return _el$140;
             }
+          }), createComponent(Show, {
+            get when() {
+              return chatCommandError() !== null;
+            },
+            get children() {
+              var _el$145 = _tmpl$30(), _el$146 = _el$145.firstChild, _el$147 = _el$146.nextSibling;
+              insert(_el$146, chatCommandError);
+              _el$147.$$click = () => setChatCommandError(null);
+              return _el$145;
+            }
+          }), createComponent(Show, {
+            get when() {
+              return slashSuggestions().length > 0;
+            },
+            get children() {
+              var _el$148 = _tmpl$31();
+              insert(_el$148, createComponent(For, {
+                get each() {
+                  return slashSuggestions();
+                },
+                children: (kit, index) => (() => {
+                  var _el$271 = _tmpl$68(), _el$272 = _el$271.firstChild;
+                  _el$272.firstChild;
+                  var _el$274 = _el$272.nextSibling, _el$275 = _el$274.firstChild, _el$276 = _el$275.nextSibling;
+                  _el$271.$$mousedown = (event) => {
+                    event.preventDefault();
+                    applySkillSuggestion(kit);
+                  };
+                  insert(_el$272, () => getSkillCommandTokens(kit)[0], null);
+                  insert(_el$275, () => kit.name);
+                  insert(_el$276, () => kit.description);
+                  createRenderEffect((_p$) => {
+                    var _v$30 = !!(index() === slashSuggestionIndex()), _v$31 = index() === slashSuggestionIndex();
+                    _v$30 !== _p$.e && _el$271.classList.toggle("active", _p$.e = _v$30);
+                    _v$31 !== _p$.t && setAttribute(_el$271, "aria-selected", _p$.t = _v$31);
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0
+                  });
+                  return _el$271;
+                })()
+              }));
+              return _el$148;
+            }
           }), (() => {
-            var _el$145 = _tmpl$30(), _el$146 = _el$145.firstChild, _el$147 = _el$146.nextSibling;
-            _el$146.$$keydown = (e) => {
+            var _el$149 = _tmpl$32(), _el$150 = _el$149.firstChild, _el$151 = _el$150.firstChild, _el$152 = _el$150.nextSibling;
+            insert(_el$150, createComponent(Show, {
+              get when() {
+                return recognizedSkillInputParts();
+              },
+              children: (parts) => (() => {
+                var _el$277 = _tmpl$69(), _el$278 = _el$277.firstChild;
+                insert(_el$277, () => parts().leading, _el$278);
+                insert(_el$278, () => parts().command);
+                insert(_el$277, () => parts().rest || " ", null);
+                return _el$277;
+              })()
+            }), _el$151);
+            _el$151.$$keydown = (e) => {
+              if (slashSuggestions().length > 0) {
+                if (e.key === "ArrowDown") {
+                  e.preventDefault();
+                  moveSlashSuggestion(1);
+                  return;
+                }
+                if (e.key === "ArrowUp") {
+                  e.preventDefault();
+                  moveSlashSuggestion(-1);
+                  return;
+                }
+                if (e.key === "Enter" || e.key === "Tab") {
+                  e.preventDefault();
+                  applyActiveSkillSuggestion();
+                  return;
+                }
+              }
               if (e.key === "Enter" && !e.shiftKey) {
                 e.preventDefault();
                 void handleChatSend();
               }
             };
-            _el$146.$$input = (e) => setChatInput(e.currentTarget.value);
+            _el$151.$$input = (e) => {
+              setChatInput(e.currentTarget.value);
+              if (chatCommandError()) setChatCommandError(null);
+              if (e.currentTarget.value.startsWith("/")) {
+                void loadInstalledSkillKits();
+              }
+            };
             var _ref$2 = chatInputRef;
-            typeof _ref$2 === "function" ? use(_ref$2, _el$146) : chatInputRef = _el$146;
-            _el$147.$$click = () => void handleChatSend();
-            insert(_el$147, () => isStreaming2() ? "Queue" : "Send");
+            typeof _ref$2 === "function" ? use(_ref$2, _el$151) : chatInputRef = _el$151;
+            _el$152.$$click = () => void handleChatSend();
+            insert(_el$152, () => isStreaming2() ? "Queue" : "Send");
             createRenderEffect((_p$) => {
-              var _v$1 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything...", _v$10 = !chatInput().trim();
-              _v$1 !== _p$.e && setAttribute(_el$146, "placeholder", _p$.e = _v$1);
-              _v$10 !== _p$.t && (_el$147.disabled = _p$.t = _v$10);
+              var _v$1 = !!(recognizedSkillInputParts() !== null), _v$10 = !!(recognizedSkillInputParts() !== null), _v$11 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything or run /skill-id...", _v$12 = !chatInput().trim();
+              _v$1 !== _p$.e && _el$150.classList.toggle("skill-command-registered", _p$.e = _v$1);
+              _v$10 !== _p$.t && _el$151.classList.toggle("skill-command-registered", _p$.t = _v$10);
+              _v$11 !== _p$.a && setAttribute(_el$151, "placeholder", _p$.a = _v$11);
+              _v$12 !== _p$.o && (_el$152.disabled = _p$.o = _v$12);
               return _p$;
             }, {
               e: void 0,
-              t: void 0
+              t: void 0,
+              a: void 0,
+              o: void 0
             });
-            createRenderEffect(() => _el$146.value = chatInput());
-            return _el$145;
+            createRenderEffect(() => _el$151.value = chatInput());
+            return _el$149;
           })()];
         }
       }), null);
       createRenderEffect((_p$) => {
-        var _v$11 = sidebarDetached2() ? "100%" : `${sidebarWidth2()}px`, _v$12 = !!(sidebarTab() === "supervisor"), _v$13 = sidebarTab() === "supervisor", _v$14 = !!(sidebarTab() === "bookmarks"), _v$15 = sidebarTab() === "bookmarks", _v$16 = !!(sidebarTab() === "checkpoints"), _v$17 = sidebarTab() === "checkpoints", _v$18 = !!(sidebarTab() === "chat"), _v$19 = sidebarTab() === "chat", _v$20 = !!(sidebarTab() === "automation"), _v$21 = sidebarTab() === "automation", _v$22 = !!(sidebarTab() === "history"), _v$23 = sidebarTab() === "history", _v$24 = !!(sidebarTab() === "diff"), _v$25 = sidebarTab() === "diff", _v$26 = !!(sidebarTab() === "research"), _v$27 = sidebarTab() === "research";
-        _v$11 !== _p$.e && setStyleProperty(_el$9, "width", _p$.e = _v$11);
-        _v$12 !== _p$.t && _el$15.classList.toggle("active", _p$.t = _v$12);
-        _v$13 !== _p$.a && setAttribute(_el$15, "aria-selected", _p$.a = _v$13);
-        _v$14 !== _p$.o && _el$18.classList.toggle("active", _p$.o = _v$14);
-        _v$15 !== _p$.i && setAttribute(_el$18, "aria-selected", _p$.i = _v$15);
-        _v$16 !== _p$.n && _el$19.classList.toggle("active", _p$.n = _v$16);
-        _v$17 !== _p$.s && setAttribute(_el$19, "aria-selected", _p$.s = _v$17);
-        _v$18 !== _p$.h && _el$20.classList.toggle("active", _p$.h = _v$18);
-        _v$19 !== _p$.r && setAttribute(_el$20, "aria-selected", _p$.r = _v$19);
-        _v$20 !== _p$.d && _el$21.classList.toggle("active", _p$.d = _v$20);
-        _v$21 !== _p$.l && setAttribute(_el$21, "aria-selected", _p$.l = _v$21);
-        _v$22 !== _p$.u && _el$22.classList.toggle("active", _p$.u = _v$22);
-        _v$23 !== _p$.c && setAttribute(_el$22, "aria-selected", _p$.c = _v$23);
-        _v$24 !== _p$.w && _el$23.classList.toggle("active", _p$.w = _v$24);
-        _v$25 !== _p$.m && setAttribute(_el$23, "aria-selected", _p$.m = _v$25);
-        _v$26 !== _p$.f && _el$24.classList.toggle("active", _p$.f = _v$26);
-        _v$27 !== _p$.y && setAttribute(_el$24, "aria-selected", _p$.y = _v$27);
+        var _v$13 = sidebarDetached2() ? "100%" : `${sidebarWidth2()}px`, _v$14 = !!(sidebarTab() === "supervisor"), _v$15 = sidebarTab() === "supervisor", _v$16 = !!(sidebarTab() === "bookmarks"), _v$17 = sidebarTab() === "bookmarks", _v$18 = !!(sidebarTab() === "checkpoints"), _v$19 = sidebarTab() === "checkpoints", _v$20 = !!(sidebarTab() === "chat"), _v$21 = sidebarTab() === "chat", _v$22 = !!(sidebarTab() === "automation"), _v$23 = sidebarTab() === "automation", _v$24 = !!(sidebarTab() === "history"), _v$25 = sidebarTab() === "history", _v$26 = !!(sidebarTab() === "diff"), _v$27 = sidebarTab() === "diff", _v$28 = !!(sidebarTab() === "research"), _v$29 = sidebarTab() === "research";
+        _v$13 !== _p$.e && setStyleProperty(_el$9, "width", _p$.e = _v$13);
+        _v$14 !== _p$.t && _el$15.classList.toggle("active", _p$.t = _v$14);
+        _v$15 !== _p$.a && setAttribute(_el$15, "aria-selected", _p$.a = _v$15);
+        _v$16 !== _p$.o && _el$18.classList.toggle("active", _p$.o = _v$16);
+        _v$17 !== _p$.i && setAttribute(_el$18, "aria-selected", _p$.i = _v$17);
+        _v$18 !== _p$.n && _el$19.classList.toggle("active", _p$.n = _v$18);
+        _v$19 !== _p$.s && setAttribute(_el$19, "aria-selected", _p$.s = _v$19);
+        _v$20 !== _p$.h && _el$20.classList.toggle("active", _p$.h = _v$20);
+        _v$21 !== _p$.r && setAttribute(_el$20, "aria-selected", _p$.r = _v$21);
+        _v$22 !== _p$.d && _el$21.classList.toggle("active", _p$.d = _v$22);
+        _v$23 !== _p$.l && setAttribute(_el$21, "aria-selected", _p$.l = _v$23);
+        _v$24 !== _p$.u && _el$22.classList.toggle("active", _p$.u = _v$24);
+        _v$25 !== _p$.c && setAttribute(_el$22, "aria-selected", _p$.c = _v$25);
+        _v$26 !== _p$.w && _el$23.classList.toggle("active", _p$.w = _v$26);
+        _v$27 !== _p$.m && setAttribute(_el$23, "aria-selected", _p$.m = _v$27);
+        _v$28 !== _p$.f && _el$24.classList.toggle("active", _p$.f = _v$28);
+        _v$29 !== _p$.y && setAttribute(_el$24, "aria-selected", _p$.y = _v$29);
         return _p$;
       }, {
         e: void 0,
@@ -11209,7 +11620,7 @@ ${contextBlock}` : contextBlock);
     }
   });
 };
-delegateEvents(["click", "pointerdown", "input", "keydown"]);
+delegateEvents(["click", "pointerdown", "input", "keydown", "mousedown"]);
 var _tmpl$$9 = /* @__PURE__ */ template(`<div class=devtools-console>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for console output... Console monitoring activates when an agent uses devtools.`), _tmpl$3$8 = /* @__PURE__ */ template(`<div><span></span><span class=console-time></span><span class=console-text></span><span class=console-source>`), _tmpl$4$7 = /* @__PURE__ */ template(`<div class=devtools-network><div class=network-header><span>Method</span><span>URL</span><span>Status</span><span>Type</span><span>Time`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for network requests... Network monitoring activates when an agent uses devtools.`), _tmpl$6$7 = /* @__PURE__ */ template(`<div><span class=network-method></span><span class=network-url></span><span></span><span class=network-type></span><span class=network-duration>`), _tmpl$7$5 = /* @__PURE__ */ template(`<div class=devtools-activity>`), _tmpl$8$4 = /* @__PURE__ */ template(`<div class=devtools-empty>Waiting for agent devtools activity...`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=activity-entry><span class=activity-time></span><span class=activity-tool></span><span class=activity-args></span><span></span><span class=activity-duration>`), _tmpl$0$2 = /* @__PURE__ */ template(`<span class="devtools-tab-badge error">`), _tmpl$1$2 = /* @__PURE__ */ template(`<span class="devtools-tab-badge count">`), _tmpl$10$2 = /* @__PURE__ */ template(`<div class=export-date-inputs><div class=export-date-row><span class=export-date-label>From</span><input class=export-date-input type=date></div><div class=export-date-row><span class=export-date-label>To</span><input class=export-date-input type=date>`), _tmpl$11$2 = /* @__PURE__ */ template(`<div class=devtools-export-dropdown><div class=export-section><div class=export-section-label>Log Types</div><label class=export-checkbox><input type=checkbox>Console</label><label class=export-checkbox><input type=checkbox>Network</label><label class=export-checkbox><input type=checkbox>Activity</label></div><div class=export-section><div class=export-section-label>Date Range</div><div class=export-date-btns><button>Today</button><button>Custom</button></div></div><button class=export-submit>Export JSON`), _tmpl$12$2 = /* @__PURE__ */ template(`<div class=devtools-panel><div class=devtools-tabs><button>Console</button><button>Network</button><button>Activity</button><div class=devtools-tab-spacer></div><div class=devtools-export-wrap><button title="Export Logs"><svg width=13 height=13 viewBox="0 0 13 13"fill=none style=vertical-align:middle><path d="M6.5 1v7M3.5 5l3 3 3-3"stroke=currentColor stroke-width=1.3 stroke-linecap=round stroke-linejoin=round></path><path d="M1 9.5v1A1.5 1.5 0 0 0 2.5 12h8A1.5 1.5 0 0 0 12 10.5v-1"stroke=currentColor stroke-width=1.3 stroke-linecap=round></path></svg></button></div><button class=devtools-close-btn title="Close DevTools">×</button></div><div class=devtools-content>`);
 function statusClass(status) {
   if (status == null) return "pending";