@quanta-intellect/vessel-browser 0.1.19 → 0.1.21

package/out/renderer/assets/{index-CKOT_IZt.js → index-32axMD1q.js}

@@ -1,5 +1,7 @@
 const IS_DEV = false;
 const equalFn = (a, b) => a === b;
+const $PROXY = /* @__PURE__ */ Symbol("solid-proxy");
+const SUPPORTS_PROXY = typeof Proxy === "function";
 const $TRACK = /* @__PURE__ */ Symbol("solid-track");
 const signalOptions = {
   equals: equalFn
@@ -228,6 +230,27 @@ function runWithOwner(o, fn) {
   }
 }
 const [transPending, setTransPending] = /* @__PURE__ */ createSignal(false);
+function createContext(defaultValue, options) {
+  const id = /* @__PURE__ */ Symbol("context");
+  return {
+    id,
+    Provider: createProvider(id),
+    defaultValue
+  };
+}
+function useContext(context) {
+  let value;
+  return Owner && Owner.context && (value = Owner.context[context.id]) !== void 0 ? value : context.defaultValue;
+}
+function children(fn) {
+  const children2 = createMemo(fn);
+  const memo2 = createMemo(() => resolveChildren(children2()));
+  memo2.toArray = () => {
+    const c = memo2();
+    return Array.isArray(c) ? c : c != null ? [c] : [];
+  };
+  return memo2;
+}
 let SuspenseContext;
 function readSignal() {
   if (this.sources && this.state) {
@@ -462,6 +485,31 @@ function handleError(err, owner = Owner) {
   const error = castError(err);
   throw error;
 }
+function resolveChildren(children2) {
+  if (typeof children2 === "function" && !children2.length) return resolveChildren(children2());
+  if (Array.isArray(children2)) {
+    const results = [];
+    for (let i = 0; i < children2.length; i++) {
+      const result = resolveChildren(children2[i]);
+      Array.isArray(result) ? results.push.apply(results, result) : results.push(result);
+    }
+    return results;
+  }
+  return children2;
+}
+function createProvider(id, options) {
+  return function provider(props) {
+    let res;
+    createRenderEffect(() => res = untrack(() => {
+      Owner.context = {
+        ...Owner.context,
+        [id]: props.value
+      };
+      return children(() => props.children);
+    }), void 0);
+    return res;
+  };
+}
 const FALLBACK = /* @__PURE__ */ Symbol("fallback");
 function dispose(d) {
   for (let i = 0; i < d.length; i++) d[i]();
@@ -556,6 +604,154 @@ function mapArray(list, mapFn, options = {}) {
 function createComponent(Comp, props) {
   return untrack(() => Comp(props || {}));
 }
+function trueFn() {
+  return true;
+}
+const propTraps = {
+  get(_, property, receiver) {
+    if (property === $PROXY) return receiver;
+    return _.get(property);
+  },
+  has(_, property) {
+    if (property === $PROXY) return true;
+    return _.has(property);
+  },
+  set: trueFn,
+  deleteProperty: trueFn,
+  getOwnPropertyDescriptor(_, property) {
+    return {
+      configurable: true,
+      enumerable: true,
+      get() {
+        return _.get(property);
+      },
+      set: trueFn,
+      deleteProperty: trueFn
+    };
+  },
+  ownKeys(_) {
+    return _.keys();
+  }
+};
+function resolveSource(s) {
+  return !(s = typeof s === "function" ? s() : s) ? {} : s;
+}
+function resolveSources() {
+  for (let i = 0, length = this.length; i < length; ++i) {
+    const v = this[i]();
+    if (v !== void 0) return v;
+  }
+}
+function mergeProps(...sources) {
+  let proxy = false;
+  for (let i = 0; i < sources.length; i++) {
+    const s = sources[i];
+    proxy = proxy || !!s && $PROXY in s;
+    sources[i] = typeof s === "function" ? (proxy = true, createMemo(s)) : s;
+  }
+  if (SUPPORTS_PROXY && proxy) {
+    return new Proxy({
+      get(property) {
+        for (let i = sources.length - 1; i >= 0; i--) {
+          const v = resolveSource(sources[i])[property];
+          if (v !== void 0) return v;
+        }
+      },
+      has(property) {
+        for (let i = sources.length - 1; i >= 0; i--) {
+          if (property in resolveSource(sources[i])) return true;
+        }
+        return false;
+      },
+      keys() {
+        const keys = [];
+        for (let i = 0; i < sources.length; i++) keys.push(...Object.keys(resolveSource(sources[i])));
+        return [...new Set(keys)];
+      }
+    }, propTraps);
+  }
+  const sourcesMap = {};
+  const defined = /* @__PURE__ */ Object.create(null);
+  for (let i = sources.length - 1; i >= 0; i--) {
+    const source = sources[i];
+    if (!source) continue;
+    const sourceKeys = Object.getOwnPropertyNames(source);
+    for (let i2 = sourceKeys.length - 1; i2 >= 0; i2--) {
+      const key = sourceKeys[i2];
+      if (key === "__proto__" || key === "constructor") continue;
+      const desc = Object.getOwnPropertyDescriptor(source, key);
+      if (!defined[key]) {
+        defined[key] = desc.get ? {
+          enumerable: true,
+          configurable: true,
+          get: resolveSources.bind(sourcesMap[key] = [desc.get.bind(source)])
+        } : desc.value !== void 0 ? desc : void 0;
+      } else {
+        const sources2 = sourcesMap[key];
+        if (sources2) {
+          if (desc.get) sources2.push(desc.get.bind(source));
+          else if (desc.value !== void 0) sources2.push(() => desc.value);
+        }
+      }
+    }
+  }
+  const target = {};
+  const definedKeys = Object.keys(defined);
+  for (let i = definedKeys.length - 1; i >= 0; i--) {
+    const key = definedKeys[i], desc = defined[key];
+    if (desc && desc.get) Object.defineProperty(target, key, desc);
+    else target[key] = desc ? desc.value : void 0;
+  }
+  return target;
+}
+function splitProps(props, ...keys) {
+  const len = keys.length;
+  if (SUPPORTS_PROXY && $PROXY in props) {
+    const blocked = len > 1 ? keys.flat() : keys[0];
+    const res = keys.map((k) => {
+      return new Proxy({
+        get(property) {
+          return k.includes(property) ? props[property] : void 0;
+        },
+        has(property) {
+          return k.includes(property) && property in props;
+        },
+        keys() {
+          return k.filter((property) => property in props);
+        }
+      }, propTraps);
+    });
+    res.push(new Proxy({
+      get(property) {
+        return blocked.includes(property) ? void 0 : props[property];
+      },
+      has(property) {
+        return blocked.includes(property) ? false : property in props;
+      },
+      keys() {
+        return Object.keys(props).filter((k) => !blocked.includes(k));
+      }
+    }, propTraps));
+    return res;
+  }
+  const objects = [];
+  for (let i = 0; i <= len; i++) {
+    objects[i] = {};
+  }
+  for (const propName of Object.getOwnPropertyNames(props)) {
+    let keyIndex = len;
+    for (let i = 0; i < keys.length; i++) {
+      if (keys[i].includes(propName)) {
+        keyIndex = i;
+        break;
+      }
+    }
+    const desc = Object.getOwnPropertyDescriptor(props, propName);
+    const isDefaultDesc = !desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable;
+    isDefaultDesc ? objects[keyIndex][propName] = desc.value : Object.defineProperty(objects[keyIndex], propName, desc);
+  }
+  return objects;
+}
 const narrowedError = (name) => `Stale read from <${name}>.`;
 function For(props) {
   const fallback = "fallback" in props && {
@@ -582,6 +778,252 @@ function Show(props) {
     return props.fallback;
   }, void 0, void 0);
 }
+const booleans = [
+  "allowfullscreen",
+  "async",
+  "alpha",
+  "autofocus",
+  "autoplay",
+  "checked",
+  "controls",
+  "default",
+  "disabled",
+  "formnovalidate",
+  "hidden",
+  "indeterminate",
+  "inert",
+  "ismap",
+  "loop",
+  "multiple",
+  "muted",
+  "nomodule",
+  "novalidate",
+  "open",
+  "playsinline",
+  "readonly",
+  "required",
+  "reversed",
+  "seamless",
+  "selected",
+  "adauctionheaders",
+  "browsingtopics",
+  "credentialless",
+  "defaultchecked",
+  "defaultmuted",
+  "defaultselected",
+  "defer",
+  "disablepictureinpicture",
+  "disableremoteplayback",
+  "preservespitch",
+  "shadowrootclonable",
+  "shadowrootcustomelementregistry",
+  "shadowrootdelegatesfocus",
+  "shadowrootserializable",
+  "sharedstoragewritable"
+];
+const Properties = /* @__PURE__ */ new Set([
+  "className",
+  "value",
+  "readOnly",
+  "noValidate",
+  "formNoValidate",
+  "isMap",
+  "noModule",
+  "playsInline",
+  "adAuctionHeaders",
+  "allowFullscreen",
+  "browsingTopics",
+  "defaultChecked",
+  "defaultMuted",
+  "defaultSelected",
+  "disablePictureInPicture",
+  "disableRemotePlayback",
+  "preservesPitch",
+  "shadowRootClonable",
+  "shadowRootCustomElementRegistry",
+  "shadowRootDelegatesFocus",
+  "shadowRootSerializable",
+  "sharedStorageWritable",
+  ...booleans
+]);
+const ChildProperties = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]);
+const Aliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  className: "class",
+  htmlFor: "for"
+});
+const PropAliases = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  class: "className",
+  novalidate: {
+    $: "noValidate",
+    FORM: 1
+  },
+  formnovalidate: {
+    $: "formNoValidate",
+    BUTTON: 1,
+    INPUT: 1
+  },
+  ismap: {
+    $: "isMap",
+    IMG: 1
+  },
+  nomodule: {
+    $: "noModule",
+    SCRIPT: 1
+  },
+  playsinline: {
+    $: "playsInline",
+    VIDEO: 1
+  },
+  readonly: {
+    $: "readOnly",
+    INPUT: 1,
+    TEXTAREA: 1
+  },
+  adauctionheaders: {
+    $: "adAuctionHeaders",
+    IFRAME: 1
+  },
+  allowfullscreen: {
+    $: "allowFullscreen",
+    IFRAME: 1
+  },
+  browsingtopics: {
+    $: "browsingTopics",
+    IMG: 1
+  },
+  defaultchecked: {
+    $: "defaultChecked",
+    INPUT: 1
+  },
+  defaultmuted: {
+    $: "defaultMuted",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  defaultselected: {
+    $: "defaultSelected",
+    OPTION: 1
+  },
+  disablepictureinpicture: {
+    $: "disablePictureInPicture",
+    VIDEO: 1
+  },
+  disableremoteplayback: {
+    $: "disableRemotePlayback",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  preservespitch: {
+    $: "preservesPitch",
+    AUDIO: 1,
+    VIDEO: 1
+  },
+  shadowrootclonable: {
+    $: "shadowRootClonable",
+    TEMPLATE: 1
+  },
+  shadowrootdelegatesfocus: {
+    $: "shadowRootDelegatesFocus",
+    TEMPLATE: 1
+  },
+  shadowrootserializable: {
+    $: "shadowRootSerializable",
+    TEMPLATE: 1
+  },
+  sharedstoragewritable: {
+    $: "sharedStorageWritable",
+    IFRAME: 1,
+    IMG: 1
+  }
+});
+function getPropAlias(prop, tagName) {
+  const a = PropAliases[prop];
+  return typeof a === "object" ? a[tagName] ? a["$"] : void 0 : a;
+}
+const DelegatedEvents = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]);
+const SVGElements = /* @__PURE__ */ new Set([
+  "altGlyph",
+  "altGlyphDef",
+  "altGlyphItem",
+  "animate",
+  "animateColor",
+  "animateMotion",
+  "animateTransform",
+  "circle",
+  "clipPath",
+  "color-profile",
+  "cursor",
+  "defs",
+  "desc",
+  "ellipse",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  "filter",
+  "font",
+  "font-face",
+  "font-face-format",
+  "font-face-name",
+  "font-face-src",
+  "font-face-uri",
+  "foreignObject",
+  "g",
+  "glyph",
+  "glyphRef",
+  "hkern",
+  "image",
+  "line",
+  "linearGradient",
+  "marker",
+  "mask",
+  "metadata",
+  "missing-glyph",
+  "mpath",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "set",
+  "stop",
+  "svg",
+  "switch",
+  "symbol",
+  "text",
+  "textPath",
+  "tref",
+  "tspan",
+  "use",
+  "view",
+  "vkern"
+]);
+const SVGNamespace = {
+  xlink: "http://www.w3.org/1999/xlink",
+  xml: "http://www.w3.org/XML/1998/namespace"
+};
 const memo = (fn) => createMemo(() => fn());
 function reconcileArrays(parentNode, a, b) {
   let bLength = b.length, aEnd = a.length, bEnd = bLength, aStart = 0, bStart = 0, after = a[aEnd - 1].nextSibling, map = null;
@@ -668,21 +1110,78 @@ function setAttribute(node, name, value) {
   if (value == null) node.removeAttribute(name);
   else node.setAttribute(name, value);
 }
+function setAttributeNS(node, namespace, name, value) {
+  if (value == null) node.removeAttributeNS(namespace, name);
+  else node.setAttributeNS(namespace, name, value);
+}
+function setBoolAttribute(node, name, value) {
+  value ? node.setAttribute(name, "") : node.removeAttribute(name);
+}
 function className(node, value) {
   if (value == null) node.removeAttribute("class");
   else node.className = value;
 }
 function addEventListener(node, name, handler, delegate) {
-  {
+  if (delegate) {
     if (Array.isArray(handler)) {
       node[`$$${name}`] = handler[0];
       node[`$$${name}Data`] = handler[1];
     } else node[`$$${name}`] = handler;
+  } else if (Array.isArray(handler)) {
+    const handlerFn = handler[0];
+    node.addEventListener(name, handler[0] = (e) => handlerFn.call(node, handler[1], e));
+  } else node.addEventListener(name, handler, typeof handler !== "function" && handler);
+}
+function classList(node, value, prev = {}) {
+  const classKeys = Object.keys(value || {}), prevKeys = Object.keys(prev);
+  let i, len;
+  for (i = 0, len = prevKeys.length; i < len; i++) {
+    const key = prevKeys[i];
+    if (!key || key === "undefined" || value[key]) continue;
+    toggleClassKey(node, key, false);
+    delete prev[key];
+  }
+  for (i = 0, len = classKeys.length; i < len; i++) {
+    const key = classKeys[i], classValue = !!value[key];
+    if (!key || key === "undefined" || prev[key] === classValue || !classValue) continue;
+    toggleClassKey(node, key, true);
+    prev[key] = classValue;
+  }
+  return prev;
+}
+function style(node, value, prev) {
+  if (!value) return prev ? setAttribute(node, "style") : value;
+  const nodeStyle = node.style;
+  if (typeof value === "string") return nodeStyle.cssText = value;
+  typeof prev === "string" && (nodeStyle.cssText = prev = void 0);
+  prev || (prev = {});
+  value || (value = {});
+  let v, s;
+  for (s in prev) {
+    value[s] == null && nodeStyle.removeProperty(s);
+    delete prev[s];
+  }
+  for (s in value) {
+    v = value[s];
+    if (v !== prev[s]) {
+      nodeStyle.setProperty(s, v);
+      prev[s] = v;
+    }
   }
+  return prev;
 }
 function setStyleProperty(node, name, value) {
   value != null ? node.style.setProperty(name, value) : node.style.removeProperty(name);
 }
+function spread(node, props = {}, isSVG, skipChildren) {
+  const prevProps = {};
+  if (!skipChildren) {
+    createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
+  }
+  createRenderEffect(() => typeof props.ref === "function" && use(props.ref, node));
+  createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
+  return prevProps;
+}
 function use(fn, element, arg) {
   return untrack(() => fn(element, arg));
 }
@@ -691,6 +1190,74 @@ function insert(parent, accessor, marker, initial) {
   if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
   createRenderEffect((current) => insertExpression(parent, accessor(), current, marker), initial);
 }
+function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) {
+  props || (props = {});
+  for (const prop in prevProps) {
+    if (!(prop in props)) {
+      if (prop === "children") continue;
+      prevProps[prop] = assignProp(node, prop, null, prevProps[prop], isSVG, skipRef, props);
+    }
+  }
+  for (const prop in props) {
+    if (prop === "children") {
+      continue;
+    }
+    const value = props[prop];
+    prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef, props);
+  }
+}
+function toPropertyName(name) {
+  return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
+}
+function toggleClassKey(node, key, value) {
+  const classNames = key.trim().split(/\s+/);
+  for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value);
+}
+function assignProp(node, prop, value, prev, isSVG, skipRef, props) {
+  let isCE, isProp, isChildProp, propAlias, forceProp;
+  if (prop === "style") return style(node, value, prev);
+  if (prop === "classList") return classList(node, value, prev);
+  if (value === prev) return prev;
+  if (prop === "ref") {
+    if (!skipRef) value(node);
+  } else if (prop.slice(0, 3) === "on:") {
+    const e = prop.slice(3);
+    prev && node.removeEventListener(e, prev, typeof prev !== "function" && prev);
+    value && node.addEventListener(e, value, typeof value !== "function" && value);
+  } else if (prop.slice(0, 10) === "oncapture:") {
+    const e = prop.slice(10);
+    prev && node.removeEventListener(e, prev, true);
+    value && node.addEventListener(e, value, true);
+  } else if (prop.slice(0, 2) === "on") {
+    const name = prop.slice(2).toLowerCase();
+    const delegate = DelegatedEvents.has(name);
+    if (!delegate && prev) {
+      const h = Array.isArray(prev) ? prev[0] : prev;
+      node.removeEventListener(name, h);
+    }
+    if (delegate || value) {
+      addEventListener(node, name, value, delegate);
+      delegate && delegateEvents([name]);
+    }
+  } else if (prop.slice(0, 5) === "attr:") {
+    setAttribute(node, prop.slice(5), value);
+  } else if (prop.slice(0, 5) === "bool:") {
+    setBoolAttribute(node, prop.slice(5), value);
+  } else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-") || "is" in props)) {
+    if (forceProp) {
+      prop = prop.slice(5);
+      isProp = true;
+    }
+    if (prop === "class" || prop === "className") className(node, value);
+    else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;
+    else node[propAlias || prop] = value;
+  } else {
+    const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
+    if (ns) setAttributeNS(node, ns, prop, value);
+    else setAttribute(node, Aliases[prop] || prop, value);
+  }
+  return value;
+}
 function eventHandler(e) {
   let node = e.target;
   const key = `$$${e.type}`;
@@ -841,37 +1408,63 @@ function cleanChildren(parent, current, marker, replacement) {
   } else parent.insertBefore(node, marker);
   return [node];
 }
-var _tmpl$$c = /* @__PURE__ */ template(`<div class=title-bar><div class=title-bar-drag></div><div class=mcp-status-area><button class=mcp-status-indicator><span class=mcp-dot></span><span class=mcp-label>MCP</span></button></div><div class=window-controls><button class=window-btn data-tooltip=Minimize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=5 width=8 height=1 fill=currentColor></rect></svg></button><button class=window-btn data-tooltip=Maximize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=1 width=8 height=8 fill=none stroke=currentColor stroke-width=1></rect></svg></button><button class="window-btn window-btn-close"data-tooltip=Close><svg width=10 height=10 viewBox="0 0 10 10"><line x1=1 y1=1 x2=9 y2=9 stroke=currentColor stroke-width=1.2></line><line x1=9 y1=1 x2=1 y2=9 stroke=currentColor stroke-width=1.2>`);
+const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+function createElement(tagName, isSVG = false, is = void 0) {
+  return isSVG ? document.createElementNS(SVG_NAMESPACE, tagName) : document.createElement(tagName, {
+    is
+  });
+}
+function createDynamic(component, props) {
+  const cached = createMemo(component);
+  return createMemo(() => {
+    const component2 = cached();
+    switch (typeof component2) {
+      case "function":
+        return untrack(() => component2(props));
+      case "string":
+        const isSvg = SVGElements.has(component2);
+        const el = createElement(component2, isSvg, untrack(() => props.is));
+        spread(el, props, isSvg);
+        return el;
+    }
+  });
+}
+function Dynamic(props) {
+  const [, others] = splitProps(props, ["component"]);
+  return createDynamic(() => props.component, others);
+}
+var _tmpl$$e = /* @__PURE__ */ template(`<div class=title-bar><div class=title-bar-drag></div><div class=mcp-status-area><button class=mcp-status-indicator><span class=mcp-dot></span><span class=mcp-label>MCP</span></button></div><div class=window-controls><button class=window-btn data-tooltip=Minimize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=5 width=8 height=1 fill=currentColor></rect></svg></button><button class=window-btn data-tooltip=Maximize><svg width=10 height=10 viewBox="0 0 10 10"><rect x=1 y=1 width=8 height=8 fill=none stroke=currentColor stroke-width=1></rect></svg></button><button class="window-btn window-btn-close"data-tooltip=Close><svg width=10 height=10 viewBox="0 0 10 10"><line x1=1 y1=1 x2=9 y2=9 stroke=currentColor stroke-width=1.2></line><line x1=9 y1=1 x2=1 y2=9 stroke=currentColor stroke-width=1.2>`);
 const TitleBar = () => {
   const [mcpStatus, setMcpStatus] = createSignal("starting");
   const [mcpTooltip, setMcpTooltip] = createSignal("MCP: starting...");
-  const pollHealth = async () => {
+  const applyHealth = (health) => {
+    setMcpStatus(health.mcp.status);
+    if (health.mcp.status === "ready") {
+      setMcpTooltip(`MCP ready — ${health.mcp.endpoint}`);
+    } else if (health.mcp.status === "error") {
+      setMcpTooltip(`MCP error: ${health.mcp.message}`);
+    } else {
+      setMcpTooltip(`MCP: ${health.mcp.status}`);
+    }
+  };
+  const loadHealth = async () => {
     try {
-      const health = await window.vessel.settings.getHealth();
-      setMcpStatus(health.mcp.status);
-      if (health.mcp.status === "ready") {
-        setMcpTooltip(`MCP ready — ${health.mcp.endpoint}`);
-      } else if (health.mcp.status === "error") {
-        setMcpTooltip(`MCP error: ${health.mcp.message}`);
-      } else {
-        setMcpTooltip(`MCP: ${health.mcp.status}`);
-      }
+      applyHealth(await window.vessel.settings.getHealth());
     } catch {
       setMcpStatus("error");
       setMcpTooltip("MCP: status unavailable");
     }
   };
-  let healthInterval;
   onMount(() => {
-    void pollHealth();
-    healthInterval = setInterval(() => void pollHealth(), 1e4);
+    void loadHealth();
+    const unsubscribe = window.vessel.settings.onHealthUpdate(applyHealth);
+    onCleanup(unsubscribe);
   });
-  onCleanup(() => clearInterval(healthInterval));
   const handleMcpClick = () => {
     window.vessel.ui.setSettingsVisibility(true);
   };
   return (() => {
-    var _el$ = _tmpl$$c(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling;
+    var _el$ = _tmpl$$e(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling;
     _el$4.$$click = handleMcpClick;
     _el$6.$$click = () => window.vessel.window.minimize();
     _el$7.$$click = () => window.vessel.window.maximize();
@@ -933,6 +1526,16 @@ function useTabs() {
     }
   };
 }
+const [now, setNow] = createSignal(Date.now());
+let started = false;
+function useNow() {
+  if (!started) {
+    started = true;
+    const id = window.setInterval(() => setNow(Date.now()), 1e3);
+    window.addEventListener("unload", () => clearInterval(id));
+  }
+  return now;
+}
 const DEFAULT_RUNTIME_STATE = {
   session: null,
   supervisor: {
@@ -949,18 +1552,26 @@ const [runtimeState, setRuntimeState] = createSignal(
   DEFAULT_RUNTIME_STATE
 );
 let initialized$2 = false;
+let initPromise$1 = null;
 async function init$2() {
+  if (initPromise$1) return initPromise$1;
   if (initialized$2) return;
-  try {
-    const initial = await window.vessel.ai.getRuntime();
-    setRuntimeState(initial);
-    window.vessel.ai.onRuntimeUpdate((state) => {
-      setRuntimeState(state);
-    });
-    initialized$2 = true;
-  } catch (error) {
-    console.error("Failed to initialize runtime store", error);
-  }
+  initialized$2 = true;
+  initPromise$1 = (async () => {
+    try {
+      const initial = await window.vessel.ai.getRuntime();
+      setRuntimeState(initial);
+      window.vessel.ai.onRuntimeUpdate((state) => {
+        setRuntimeState(state);
+      });
+    } catch (error) {
+      initialized$2 = false;
+      console.error("Failed to initialize runtime store", error);
+    } finally {
+      initPromise$1 = null;
+    }
+  })();
+  return initPromise$1;
 }
 function useRuntime() {
   void init$2();
@@ -1084,7 +1695,7 @@ function getAgentPresence(state, currentTime = Date.now()) {
   }
   return "idle";
 }
-var _tmpl$$b = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$a = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$7 = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list><button class=tab-new data-tooltip="New Tab">+`), _tmpl$4$7 = /* @__PURE__ */ template(`<div role=tab><span class=tab-title></span><button class=tab-close>×`), _tmpl$5$5 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$6$5 = /* @__PURE__ */ template(`<span class=tab-loading>`);
+var _tmpl$$d = /* @__PURE__ */ template(`<img class=tab-favicon alt>`), _tmpl$2$b = /* @__PURE__ */ template(`<span class=tab-favicon-fallback>`), _tmpl$3$8 = /* @__PURE__ */ template(`<div class=tab-bar><div class=tab-list><button class=tab-new data-tooltip="New Tab">+`), _tmpl$4$8 = /* @__PURE__ */ template(`<div role=tab><span class=tab-title></span><button class=tab-close>×`), _tmpl$5$6 = /* @__PURE__ */ template(`<span class=tab-agent-indicator aria-hidden=true title="Agent active on this tab">`), _tmpl$6$6 = /* @__PURE__ */ template(`<span class=tab-loading>`);
 function stringToHue(str) {
   let hash = 0;
   for (let i = 0; i < str.length; i++) {
@@ -1110,14 +1721,14 @@ const TabFavicon = (props) => {
     },
     get fallback() {
       return (() => {
-        var _el$2 = _tmpl$2$a();
+        var _el$2 = _tmpl$2$b();
         insert(_el$2, letter);
         createRenderEffect((_$p) => setStyleProperty(_el$2, "--favicon-hue", `${hue()}`));
         return _el$2;
       })();
     },
     get children() {
-      var _el$ = _tmpl$$b();
+      var _el$ = _tmpl$$d();
       _el$.addEventListener("error", () => setFailed(true));
       createRenderEffect(() => setAttribute(_el$, "src", props.favicon));
       return _el$;
@@ -1135,18 +1746,16 @@ const TabBar = () => {
   const {
     runtimeState: runtimeState2
   } = useRuntime();
-  const [now, setNow] = createSignal(Date.now());
-  const ticker = setInterval(() => setNow(Date.now()), 1e3);
-  onCleanup(() => clearInterval(ticker));
-  const modelActiveTabIds = createMemo(() => getAgentActiveTabIds(runtimeState2(), now()));
+  const now2 = useNow();
+  const modelActiveTabIds = createMemo(() => getAgentActiveTabIds(runtimeState2(), now2()));
   return (() => {
-    var _el$3 = _tmpl$3$7(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
+    var _el$3 = _tmpl$3$8(), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild;
     insert(_el$4, createComponent(For, {
       get each() {
         return tabs2();
       },
       children: (tab) => (() => {
-        var _el$6 = _tmpl$4$7(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
+        var _el$6 = _tmpl$4$8(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
         _el$6.addEventListener("auxclick", (e) => {
           if (e.button === 1) closeTab(tab.id);
         });
@@ -1164,12 +1773,12 @@ const TabBar = () => {
         }), _el$7);
         insert(_el$6, (() => {
           var _c$ = memo(() => !!modelActiveTabIds().has(tab.id));
-          return () => _c$() && _tmpl$5$5();
+          return () => _c$() && _tmpl$5$6();
         })(), _el$7);
         insert(_el$7, () => tab.title || "New Tab");
         insert(_el$6, (() => {
           var _c$2 = memo(() => !!tab.isLoading);
-          return () => _c$2() && _tmpl$6$5();
+          return () => _c$2() && _tmpl$6$6();
         })(), _el$8);
         _el$8.$$click = (e) => {
           e.stopPropagation();
@@ -1192,10 +1801,10 @@ const TabBar = () => {
   })();
 };
 delegateEvents(["click"]);
-const DEFAULT_SIDEBAR_WIDTH = 340;
+const DEFAULT_SIDEBAR_WIDTH = 400;
 const MIN_SIDEBAR = 240;
 const MAX_SIDEBAR = 800;
-const [sidebarOpen, setSidebarOpen] = createSignal(false);
+const [sidebarOpen, setSidebarOpen] = createSignal(true);
 const [sidebarWidth, setSidebarWidth] = createSignal(DEFAULT_SIDEBAR_WIDTH);
 window.vessel?.settings?.get().then((settings) => {
   if (settings?.sidebarWidth && typeof settings.sidebarWidth === "number") {
@@ -1273,7 +1882,7 @@ function useUI() {
     }
   };
 }
-var _tmpl$$a = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"></form><div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text></span></div></div><div class=toolbar-actions><button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1></line></svg></button><button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round></line></svg></button><button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2></line></svg></button><button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`);
+var _tmpl$$c = /* @__PURE__ */ template(`<span class=nav-btn-badge>`), _tmpl$2$a = /* @__PURE__ */ template(`<div class=address-bar><div class=nav-controls><button class=nav-btn data-tooltip=Back><svg width=14 height=14 viewBox="0 0 14 14"><path d="M9 2L4 7l5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Forward><svg width=14 height=14 viewBox="0 0 14 14"><path d="M5 2l5 5-5 5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=nav-btn data-tooltip=Reload><svg width=14 height=14 viewBox="0 0 14 14"><path d="M2.5 7a4.5 4.5 0 1 1 1 3"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round></path><path d="M2 4v3.5h3.5"fill=none stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button></div><div class=url-shell><form class=url-form><input class=url-input type=text placeholder="Search or enter URL"></form><div><span class=agent-status-dot aria-hidden=true></span><span class=agent-status-text></span></div></div><div class=toolbar-actions><button class=nav-btn data-tooltip="Reader Mode"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=2 y=1 width=10 height=12 rx=1 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=4 y1=4 x2=10 y2=4 stroke=currentColor stroke-width=1></line><line x1=4 y1=6.5 x2=10 y2=6.5 stroke=currentColor stroke-width=1></line><line x1=4 y1=9 x2=8 y2=9 stroke=currentColor stroke-width=1></line></svg></button><button class=nav-btn data-tooltip="Dev Tools"><svg width=14 height=14 viewBox="0 0 14 14"><polyline points="3,5 1,7 3,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><polyline points="11,5 13,7 11,9"fill=none stroke=currentColor stroke-width=1.2 stroke-linecap=round stroke-linejoin=round></polyline><line x1=8.5 y1=2 x2=5.5 y2=12 stroke=currentColor stroke-width=1.2 stroke-linecap=round></line></svg></button><button class="nav-btn nav-btn-sidebar"><svg width=14 height=14 viewBox="0 0 14 14"><rect x=1 y=1 width=12 height=12 rx=1.5 fill=none stroke=currentColor stroke-width=1.2></rect><line x1=9 y1=1 x2=9 y2=13 stroke=currentColor stroke-width=1.2></line></svg></button><button class=nav-btn data-tooltip=Settings><svg width=14 height=14 viewBox="0 0 14 14"><circle cx=7 cy=7 r=2 fill=none stroke=currentColor stroke-width=1.2></circle><path d="M7 1v2M7 11v2M1 7h2M11 7h2M2.8 2.8l1.4 1.4M9.8 9.8l1.4 1.4M11.2 2.8l-1.4 1.4M4.2 9.8l-1.4 1.4"stroke=currentColor stroke-width=1 stroke-linecap=round>`);
 const AddressBar = () => {
   const {
     activeTab,
@@ -1292,12 +1901,10 @@ const AddressBar = () => {
     devtoolsPanelOpen: devtoolsPanelOpen2
   } = useUI();
   const [inputValue, setInputValue] = createSignal("");
-  const [now, setNow] = createSignal(Date.now());
+  const now2 = useNow();
   let inputRef;
-  const ticker = setInterval(() => setNow(Date.now()), 1e3);
-  onCleanup(() => clearInterval(ticker));
-  const agentPresence = createMemo(() => getAgentPresence(runtimeState2(), now()));
-  const agentStatusMessage = createMemo(() => getLatestAgentStatusMessage(runtimeState2(), now()));
+  const agentPresence = createMemo(() => getAgentPresence(runtimeState2(), now2()));
+  const agentStatusMessage = createMemo(() => getLatestAgentStatusMessage(runtimeState2(), now2()));
   const pendingApprovalCount = createMemo(() => runtimeState2().supervisor.pendingApprovals.length);
   createEffect(() => {
     const tab = activeTab();
@@ -1314,12 +1921,12 @@ const AddressBar = () => {
     }
   };
   return (() => {
-    var _el$ = _tmpl$2$9(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$6.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.nextSibling;
+    var _el$ = _tmpl$2$a(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$2.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild, _el$9 = _el$7.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, _el$10 = _el$6.nextSibling, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.nextSibling;
     _el$13.firstChild;
     var _el$16 = _el$13.nextSibling;
-    addEventListener(_el$3, "click", goBack);
-    addEventListener(_el$4, "click", goForward);
-    addEventListener(_el$5, "click", reload);
+    addEventListener(_el$3, "click", goBack, true);
+    addEventListener(_el$4, "click", goForward, true);
+    addEventListener(_el$5, "click", reload, true);
     _el$7.addEventListener("submit", handleSubmit);
     _el$8.addEventListener("focus", (e) => e.currentTarget.select());
     _el$8.$$input = (e) => setInputValue(e.currentTarget.value);
@@ -1328,20 +1935,20 @@ const AddressBar = () => {
     setAttribute(_el$8, "spellcheck", false);
     insert(_el$1, () => agentStatusMessage() || (agentPresence() === "active" ? "Agent Active" : agentPresence() === "recent" ? "Agent Connected" : "Agent Offline"));
     _el$11.$$click = () => window.vessel.content.toggleReader();
-    addEventListener(_el$12, "click", toggleDevTools);
-    addEventListener(_el$13, "click", toggleSidebar);
+    addEventListener(_el$12, "click", toggleDevTools, true);
+    addEventListener(_el$13, "click", toggleSidebar, true);
     insert(_el$13, createComponent(Show, {
       get when() {
         return pendingApprovalCount() > 0;
       },
       get children() {
-        var _el$15 = _tmpl$$a();
+        var _el$15 = _tmpl$$c();
         insert(_el$15, pendingApprovalCount);
         createRenderEffect(() => setAttribute(_el$15, "aria-label", `${pendingApprovalCount()} pending`));
         return _el$15;
       }
     }), null);
-    addEventListener(_el$16, "click", openSettings);
+    addEventListener(_el$16, "click", openSettings, true);
     createRenderEffect((_p$) => {
       var _v$ = !activeTab()?.canGoBack, _v$2 = !activeTab()?.canGoForward, _v$3 = `agent-status-badge ${agentPresence()}`, _v$4 = agentStatusMessage() || (agentPresence() === "active" ? "Agent is actively using the browser" : agentPresence() === "recent" ? "Agent is connected" : "No agent connection detected"), _v$5 = !!activeTab()?.isReaderMode, _v$6 = !!devtoolsPanelOpen2(), _v$7 = !!(pendingApprovalCount() > 0), _v$8 = pendingApprovalCount() > 0 ? `AI Sidebar — ${pendingApprovalCount()} pending approval${pendingApprovalCount() > 1 ? "s" : ""}` : "AI Sidebar (Ctrl+Shift+L)";
       _v$ !== _p$.e && (_el$3.disabled = _p$.e = _v$);
@@ -1368,7 +1975,7 @@ const AddressBar = () => {
   })();
 };
 delegateEvents(["click", "input"]);
-var _tmpl$$9 = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$8 = /* @__PURE__ */ template(`<div class=bookmark-toast role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
+var _tmpl$$b = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite aria-atomic=true>`), _tmpl$2$9 = /* @__PURE__ */ template(`<div class=bookmark-toast role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS$1 = 4200;
 const TOAST_EXIT_MS$1 = 300;
 function isBookmarkToastCandidate(action) {
@@ -1428,13 +2035,13 @@ const BookmarkNotifications = () => {
     timeoutIds.clear();
   });
   return (() => {
-    var _el$ = _tmpl$$9();
+    var _el$ = _tmpl$$b();
     insert(_el$, createComponent(For, {
       get each() {
         return toasts();
       },
       children: (toast) => (() => {
-        var _el$2 = _tmpl$2$8(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+        var _el$2 = _tmpl$2$9(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
         insert(_el$3, () => toast.title);
         insert(_el$4, () => toast.message);
         createRenderEffect(() => _el$2.classList.toggle("bookmark-toast-leaving", !!toast.leaving));
@@ -1444,7 +2051,7 @@ const BookmarkNotifications = () => {
     return _el$;
   })();
 };
-var _tmpl$$8 = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite><div class="bookmark-toast highlight-toast"role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
+var _tmpl$$a = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite><div class="bookmark-toast highlight-toast"role=status><div class=bookmark-toast-title></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS = 3e3;
 const TOAST_EXIT_MS = 300;
 const HighlightNotifications = (props) => {
@@ -1483,7 +2090,7 @@ const HighlightNotifications = (props) => {
       return memo(() => !!visible())() && current();
     },
     get children() {
-      var _el$ = _tmpl$$8(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+      var _el$ = _tmpl$$a(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
       insert(_el$3, () => current().title);
       insert(_el$4, () => current().message);
       createRenderEffect(() => _el$2.classList.toggle("bookmark-toast-leaving", !!leaving()));
@@ -1509,7 +2116,7 @@ function useScrollFade(el) {
     observer.disconnect();
   });
 }
-var _tmpl$$7 = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$2$7 = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$3$6 = /* @__PURE__ */ template(`<aside class=agent-transcript-dock><div class=agent-transcript-header><div class=agent-transcript-title-row><span class=agent-transcript-title>Agent Transcript</span></div><div class=agent-transcript-actions><button class=agent-transcript-icon></button><button class=agent-transcript-icon data-tooltip=Hide>×`), _tmpl$4$6 = /* @__PURE__ */ template(`<article><div class=agent-transcript-meta><span class=agent-transcript-badge></span><span class=agent-transcript-time></span></div><div class=agent-transcript-text>`);
+var _tmpl$$9 = /* @__PURE__ */ template(`<span class=agent-transcript-live><span class=agent-transcript-live-dot aria-hidden=true></span>Live`), _tmpl$2$8 = /* @__PURE__ */ template(`<div class=agent-transcript-list>`), _tmpl$3$7 = /* @__PURE__ */ template(`<aside class=agent-transcript-dock><div class=agent-transcript-header><div class=agent-transcript-title-row><span class=agent-transcript-title>Agent Transcript</span></div><div class=agent-transcript-actions><button class=agent-transcript-icon></button><button class=agent-transcript-icon data-tooltip=Hide>×`), _tmpl$4$7 = /* @__PURE__ */ template(`<article><div class=agent-transcript-meta><span class=agent-transcript-badge></span><span class=agent-transcript-time></span></div><div class=agent-transcript-text>`);
 const AgentTranscriptDock = () => {
   const {
     runtimeState: runtimeState2
@@ -1544,7 +2151,7 @@ const AgentTranscriptDock = () => {
       return memo(() => mode() === "full")() && visibleEntries().length > 0;
     },
     get children() {
-      var _el$ = _tmpl$3$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
+      var _el$ = _tmpl$3$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
       _el$3.firstChild;
       var _el$6 = _el$3.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
       insert(_el$3, createComponent(Show, {
@@ -1552,7 +2159,7 @@ const AgentTranscriptDock = () => {
           return hasStreamingEntry();
         },
         get children() {
-          return _tmpl$$7();
+          return _tmpl$$9();
         }
       }), null);
       _el$7.$$click = () => setCollapsed((value) => !value);
@@ -1563,14 +2170,14 @@ const AgentTranscriptDock = () => {
           return !collapsed();
         },
         get children() {
-          var _el$9 = _tmpl$2$7();
+          var _el$9 = _tmpl$2$8();
           use((el) => useScrollFade(el), _el$9);
           insert(_el$9, createComponent(For, {
             get each() {
               return visibleEntries();
             },
             children: (entry) => (() => {
-              var _el$0 = _tmpl$4$6(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$1.nextSibling;
+              var _el$0 = _tmpl$4$7(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$1.nextSibling;
               insert(_el$10, () => entry.title || entry.kind);
               insert(_el$11, () => formatTime2(entry.updatedAt));
               insert(_el$12, () => entry.text);
@@ -1603,6 +2210,89 @@ const AgentTranscriptDock = () => {
   });
 };
 delegateEvents(["click"]);
+const MAX_AUTOMATION_ACTIVITY_ENTRIES = 8;
+function trimActivities(entries2, limit = MAX_AUTOMATION_ACTIVITY_ENTRIES) {
+  return entries2.length > limit ? entries2.slice(0, limit) : entries2;
+}
+function startAutomationActivity(entries2, activity) {
+  const next = [
+    {
+      ...activity,
+      output: activity.output ?? ""
+    },
+    ...entries2.filter((entry) => entry.id !== activity.id)
+  ];
+  return trimActivities(next);
+}
+function appendAutomationActivityChunk(entries2, id, chunk) {
+  return entries2.map(
+    (entry) => entry.id === id ? {
+      ...entry,
+      output: entry.output + chunk
+    } : entry
+  );
+}
+function finishAutomationActivity(entries2, id, status, finishedAt) {
+  return entries2.map(
+    (entry) => entry.id === id ? {
+      ...entry,
+      status,
+      finishedAt
+    } : entry
+  );
+}
+const MAX_PENDING_QUERIES = 5;
+function formatQueuedNotice(queueLength, limit = MAX_PENDING_QUERIES) {
+  if (queueLength <= 0) return null;
+  return `Queued ${queueLength}/${limit}. I’ll send ${queueLength === 1 ? "it" : "them"} automatically when the current run finishes.`;
+}
+function formatRemainingNotice(queueLength) {
+  if (queueLength <= 0) return null;
+  return `${queueLength} queued ${queueLength === 1 ? "prompt" : "prompts"} remaining.`;
+}
+function enqueuePendingPrompt(queue, prompt, options) {
+  const limit = options?.limit ?? MAX_PENDING_QUERIES;
+  if (queue.length >= limit) {
+    return {
+      status: "rejected",
+      queue,
+      notice: `Queue full. Finish or cancel the current run before adding more than ${limit} pending prompts.`
+    };
+  }
+  const nextQueue = options?.atFront ? [prompt, ...queue] : [...queue, prompt];
+  return {
+    status: "queued",
+    queue: nextQueue,
+    notice: formatQueuedNotice(nextQueue.length, limit) ?? ""
+  };
+}
+function dequeuePendingPrompt(queue) {
+  if (queue.length === 0) {
+    return { nextPrompt: null, queue, notice: null };
+  }
+  const [nextPrompt, ...remaining] = queue;
+  return {
+    nextPrompt,
+    queue: remaining,
+    notice: formatRemainingNotice(remaining.length)
+  };
+}
+function removePendingPrompt(queue, index) {
+  if (index < 0 || index >= queue.length) {
+    return { queue, notice: formatQueuedNotice(queue.length) };
+  }
+  const nextQueue = queue.filter((_, itemIndex) => itemIndex !== index);
+  return {
+    queue: nextQueue,
+    notice: formatQueuedNotice(nextQueue.length)
+  };
+}
+function clearPendingPromptQueue() {
+  return {
+    queue: [],
+    notice: null
+  };
+}
 const MAX_RECENT_QUERIES = 5;
 const MAX_MESSAGE_HISTORY = 200;
 const [messages, setMessages] = createSignal([]);
@@ -1611,39 +2301,106 @@ const [isStreaming, setIsStreaming] = createSignal(false);
 const [hasFirstChunk, setHasFirstChunk] = createSignal(false);
 const [streamStartedAt, setStreamStartedAt] = createSignal(null);
 const [recentQueries, setRecentQueries] = createSignal([]);
+const [pendingQueries, setPendingQueries] = createSignal([]);
+const [queueNotice, setQueueNotice] = createSignal(null);
+const [automationActivities, setAutomationActivities] = createSignal([]);
 let initialized$1 = false;
+let pendingDrainScheduled = false;
+let listenerCleanups = [];
+function trimMessages(next) {
+  return next.length > MAX_MESSAGE_HISTORY ? next.slice(-MAX_MESSAGE_HISTORY) : next;
+}
+function recordRecentQuery(prompt) {
+  setRecentQueries((prev) => {
+    const filtered = prev.filter((q) => q !== prompt);
+    return [prompt, ...filtered].slice(0, MAX_RECENT_QUERIES);
+  });
+}
+function buildHistory() {
+  return messages().map((message) => ({
+    role: message.role,
+    content: message.content
+  }));
+}
+async function dispatchQuery(prompt) {
+  const result = await window.vessel.ai.query(prompt, buildHistory());
+  return result.accepted;
+}
+async function dispatchQueuedPrompt(prompt) {
+  const accepted = await dispatchQuery(prompt);
+  if (!accepted) {
+    const queued = enqueuePendingPrompt(pendingQueries(), prompt, { atFront: true });
+    setPendingQueries(queued.queue);
+    setQueueNotice(queued.notice);
+  }
+}
+function schedulePendingDrain() {
+  if (pendingDrainScheduled || isStreaming()) return;
+  if (pendingQueries().length === 0) {
+    setQueueNotice(null);
+    return;
+  }
+  pendingDrainScheduled = true;
+  queueMicrotask(() => {
+    pendingDrainScheduled = false;
+    if (isStreaming()) return;
+    const next = dequeuePendingPrompt(pendingQueries());
+    setPendingQueries(next.queue);
+    setQueueNotice(next.notice);
+    if (next.nextPrompt) {
+      void dispatchQueuedPrompt(next.nextPrompt);
+    }
+  });
+}
 function init$1() {
   if (initialized$1) return;
   initialized$1 = true;
-  window.vessel.ai.onStreamStart((prompt) => {
+  listenerCleanups.push(window.vessel.ai.onStreamStart((prompt) => {
     setMessages((prev) => {
       const next = [...prev, { role: "user", content: prompt }];
-      return next.length > MAX_MESSAGE_HISTORY ? next.slice(-MAX_MESSAGE_HISTORY) : next;
+      return trimMessages(next);
     });
     setStreamingText("");
     setIsStreaming(true);
     setHasFirstChunk(false);
     setStreamStartedAt(Date.now());
-  });
-  window.vessel.ai.onStreamChunk((chunk) => {
+  }));
+  listenerCleanups.push(window.vessel.ai.onStreamChunk((chunk) => {
     if (!hasFirstChunk()) {
       setHasFirstChunk(true);
     }
     setStreamingText((prev) => prev + chunk);
-  });
-  window.vessel.ai.onStreamEnd(() => {
+  }));
+  listenerCleanups.push(window.vessel.ai.onStreamEnd(() => {
     const finalText = streamingText();
     if (finalText) {
       setMessages((prev) => {
         const next = [...prev, { role: "assistant", content: finalText }];
-        return next.length > MAX_MESSAGE_HISTORY ? next.slice(-MAX_MESSAGE_HISTORY) : next;
+        return trimMessages(next);
       });
     }
     setStreamingText("");
     setIsStreaming(false);
     setHasFirstChunk(false);
     setStreamStartedAt(null);
-  });
+    schedulePendingDrain();
+  }));
+  listenerCleanups.push(window.vessel.ai.onStreamIdle(() => {
+    schedulePendingDrain();
+  }));
+  listenerCleanups.push(window.vessel.ai.onAutomationActivityStart((entry) => {
+    setAutomationActivities((prev) => startAutomationActivity(prev, entry));
+  }));
+  listenerCleanups.push(window.vessel.ai.onAutomationActivityChunk(({ id, chunk }) => {
+    setAutomationActivities(
+      (prev) => appendAutomationActivityChunk(prev, id, chunk)
+    );
+  }));
+  listenerCleanups.push(window.vessel.ai.onAutomationActivityEnd(({ id, status, finishedAt }) => {
+    setAutomationActivities(
+      (prev) => finishAutomationActivity(prev, id, status, finishedAt)
+    );
+  }));
 }
 function useAI() {
   init$1();
@@ -1654,18 +2411,49 @@ function useAI() {
     hasFirstChunk,
     streamStartedAt,
     recentQueries,
+    automationActivities,
+    pendingQueries,
+    pendingQueryCount: () => pendingQueries().length,
+    pendingQueryLimit: MAX_PENDING_QUERIES,
+    queueNotice,
     query: async (prompt) => {
-      setRecentQueries((prev) => {
-        const filtered = prev.filter((q) => q !== prompt);
-        return [prompt, ...filtered].slice(0, MAX_RECENT_QUERIES);
-      });
-      await window.vessel.ai.query(prompt, messages());
+      recordRecentQuery(prompt);
+      if (isStreaming()) {
+        const queued = enqueuePendingPrompt(pendingQueries(), prompt);
+        setPendingQueries(queued.queue);
+        setQueueNotice(queued.notice);
+        return queued.status;
+      }
+      setQueueNotice(null);
+      const accepted = await dispatchQuery(prompt);
+      if (!accepted) {
+        const queued = enqueuePendingPrompt(pendingQueries(), prompt, { atFront: true });
+        setPendingQueries(queued.queue);
+        setQueueNotice(queued.notice);
+        return queued.status;
+      }
+      return "started";
     },
     cancel: () => window.vessel.ai.cancel(),
-    clearHistory: () => setMessages([])
+    removePendingQuery: (index) => {
+      const next = removePendingPrompt(pendingQueries(), index);
+      setPendingQueries(next.queue);
+      setQueueNotice(next.notice);
+    },
+    clearPendingQueries: () => {
+      const next = clearPendingPromptQueue();
+      setPendingQueries(next.queue);
+      setQueueNotice(next.notice);
+    },
+    clearHistory: () => {
+      setMessages([]);
+      const next = clearPendingPromptQueue();
+      setPendingQueries(next.queue);
+      setQueueNotice(next.notice);
+    }
   };
 }
-var _tmpl$$6 = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Configure a chat provider to start using the AI assistant.</p><button class=command-bar-no-provider-btn>Open Settings <kbd>Ctrl+,`), _tmpl$2$6 = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$3$5 = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$4$5 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=command-bar><form><div class=command-bar-icon><svg width=16 height=16 viewBox="0 0 16 16"><circle cx=8 cy=8 r=6 fill=none stroke=var(--accent-primary) stroke-width=1.5></circle><circle cx=6 cy=7 r=0.8 fill=var(--accent-primary)></circle><circle cx=10 cy=7 r=0.8 fill=var(--accent-primary)></circle><path d="M6 10c0.5 0.8 3.5 0.8 4 0"fill=none stroke=var(--accent-primary) stroke-width=0.8 stroke-linecap=round></path></svg></div><input class=command-bar-input type=text></form><div class=command-bar-hints><span><kbd>Enter</kbd> to ask</span><span><kbd>Esc</kbd> to close`), _tmpl$5$4 = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$6$4 = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
+var _tmpl$$8 = /* @__PURE__ */ template(`<div class=command-bar-no-provider><p>Configure a chat provider to start using the AI assistant.</p><button class=command-bar-no-provider-btn>Open Settings <kbd>Ctrl+,`), _tmpl$2$7 = /* @__PURE__ */ template(`<div class=command-bar-recent><span class=command-bar-recent-label>Recent</span><div class=command-bar-recent-list>`), _tmpl$3$6 = /* @__PURE__ */ template(`<span>Try "summarize" or ask a question`), _tmpl$4$6 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=command-bar><form><div class=command-bar-icon><svg width=16 height=16 viewBox="0 0 16 16"><circle cx=8 cy=8 r=6 fill=none stroke=var(--accent-primary) stroke-width=1.5></circle><circle cx=6 cy=7 r=0.8 fill=var(--accent-primary)></circle><circle cx=10 cy=7 r=0.8 fill=var(--accent-primary)></circle><path d="M6 10c0.5 0.8 3.5 0.8 4 0"fill=none stroke=var(--accent-primary) stroke-width=0.8 stroke-linecap=round></path></svg></div><input class=command-bar-input type=text></form><div class=command-bar-hints><span><kbd>Enter</kbd> to ask</span><span><kbd>Esc</kbd> to close`), _tmpl$5$5 = /* @__PURE__ */ template(`<button class=command-bar-recent-item type=button>`), _tmpl$6$5 = /* @__PURE__ */ template(`<span>Set up a provider in Settings first`);
 const CommandBar = () => {
   const {
     commandBarOpen: commandBarOpen2,
@@ -1685,11 +2473,12 @@ const CommandBar = () => {
   const handleSubmit = async (e) => {
     e.preventDefault();
     const val = input().trim();
-    if (!val || isStreaming2()) return;
+    if (!val) return;
+    const result = await query(val);
+    if (result === "rejected") return;
     setInput("");
     closeCommandBar();
     await toggleSidebar();
-    await query(val);
   };
   const handleRecentClick = async (q) => {
     setInput("");
@@ -1713,9 +2502,9 @@ const CommandBar = () => {
       return commandBarOpen2();
     },
     get children() {
-      var _el$ = _tmpl$4$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$10 = _el$3.nextSibling, _el$11 = _el$10.firstChild;
+      var _el$ = _tmpl$4$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$10 = _el$3.nextSibling, _el$11 = _el$10.firstChild;
       _el$11.nextSibling;
-      addEventListener(_el$, "click", closeCommandBar);
+      addEventListener(_el$, "click", closeCommandBar, true);
       _el$2.$$click = (e) => e.stopPropagation();
       _el$3.addEventListener("submit", handleSubmit);
       _el$5.$$keydown = handleKeyDown;
@@ -1727,7 +2516,7 @@ const CommandBar = () => {
           return !hasProvider();
         },
         get children() {
-          var _el$6 = _tmpl$$6(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
+          var _el$6 = _tmpl$$8(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
           _el$8.$$click = () => {
             closeCommandBar();
             openSettings();
@@ -1740,13 +2529,13 @@ const CommandBar = () => {
           return memo(() => !!(hasProvider() && recentQueries2().length > 0))() && !input().trim();
         },
         get children() {
-          var _el$9 = _tmpl$2$6(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
+          var _el$9 = _tmpl$2$7(), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
           insert(_el$1, createComponent(For, {
             get each() {
               return recentQueries2();
             },
             children: (q) => (() => {
-              var _el$14 = _tmpl$5$4();
+              var _el$14 = _tmpl$5$5();
               _el$14.$$click = () => void handleRecentClick(q);
               insert(_el$14, q);
               return _el$14;
@@ -1760,10 +2549,10 @@ const CommandBar = () => {
           return hasProvider();
         },
         get fallback() {
-          return _tmpl$6$4();
+          return _tmpl$6$5();
         },
         get children() {
-          return _tmpl$3$5();
+          return _tmpl$3$6();
         }
       }), null);
       createRenderEffect((_p$) => {
@@ -1784,16 +2573,24 @@ delegateEvents(["click", "input", "keydown"]);
 const INITIAL = { folders: [], bookmarks: [] };
 const [bookmarksState, setBookmarksState] = createSignal(INITIAL);
 let initialized = false;
+let initPromise = null;
 async function init() {
+  if (initPromise) return initPromise;
   if (initialized) return;
-  try {
-    const state = await window.vessel.bookmarks.get();
-    setBookmarksState(state);
-    window.vessel.bookmarks.onUpdate((s) => setBookmarksState(s));
-    initialized = true;
-  } catch (error) {
-    console.error("Failed to initialize bookmarks store", error);
-  }
+  initialized = true;
+  initPromise = (async () => {
+    try {
+      const state = await window.vessel.bookmarks.get();
+      setBookmarksState(state);
+      window.vessel.bookmarks.onUpdate((s) => setBookmarksState(s));
+    } catch (error) {
+      initialized = false;
+      console.error("Failed to initialize bookmarks store", error);
+    } finally {
+      initPromise = null;
+    }
+  })();
+  return initPromise;
 }
 function useBookmarks() {
   void init();
@@ -2313,12 +3110,12 @@ function createDOMPurify() {
   let URI_SAFE_ATTRIBUTES = null;
   const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]);
   const MATHML_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
-  const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+  const SVG_NAMESPACE2 = "http://www.w3.org/2000/svg";
   const HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
   let NAMESPACE = HTML_NAMESPACE;
   let IS_EMPTY_INPUT = false;
   let ALLOWED_NAMESPACES = null;
-  const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+  const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE2, HTML_NAMESPACE], stringToString);
   let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ["mi", "mo", "mn", "ms", "mtext"]);
   let HTML_INTEGRATION_POINTS = addToSet({}, ["annotation-xml"]);
   const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ["title", "style", "font", "a", "script"]);
@@ -2498,7 +3295,7 @@ function createDOMPurify() {
     if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
       return false;
     }
-    if (element.namespaceURI === SVG_NAMESPACE) {
+    if (element.namespaceURI === SVG_NAMESPACE2) {
       if (parent.namespaceURI === HTML_NAMESPACE) {
         return tagName === "svg";
       }
@@ -2511,13 +3308,13 @@ function createDOMPurify() {
       if (parent.namespaceURI === HTML_NAMESPACE) {
         return tagName === "math";
       }
-      if (parent.namespaceURI === SVG_NAMESPACE) {
+      if (parent.namespaceURI === SVG_NAMESPACE2) {
         return tagName === "math" && HTML_INTEGRATION_POINTS[parentTagName];
       }
       return Boolean(ALL_MATHML_TAGS[tagName]);
     }
     if (element.namespaceURI === HTML_NAMESPACE) {
-      if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+      if (parent.namespaceURI === SVG_NAMESPACE2 && !HTML_INTEGRATION_POINTS[parentTagName]) {
         return false;
       }
       if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
@@ -3286,7 +4083,7 @@ function getBookmarkSearchMatch(args) {
   }
   return { matchedFields, score };
 }
-var _tmpl$$5 = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$2$5 = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$3$4 = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$4$4 = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`);
+var _tmpl$$7 = /* @__PURE__ */ template(`<div class=dropdown-select-menu role=listbox>`), _tmpl$2$6 = /* @__PURE__ */ template(`<div><button class=dropdown-select-trigger type=button aria-haspopup=listbox><span class=dropdown-select-value></span><span class=dropdown-select-caret aria-hidden=true>▾`), _tmpl$3$5 = /* @__PURE__ */ template(`<span class=dropdown-select-option-description>`), _tmpl$4$5 = /* @__PURE__ */ template(`<button class=dropdown-select-option type=button role=option><span class=dropdown-select-option-copy><span class=dropdown-select-option-label>`);
 const DropdownSelect = (props) => {
   const [open, setOpen] = createSignal(false);
   let rootRef;
@@ -3310,7 +4107,7 @@ const DropdownSelect = (props) => {
     });
   });
   return (() => {
-    var _el$ = _tmpl$2$5(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+    var _el$ = _tmpl$2$6(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
     var _ref$ = rootRef;
     typeof _ref$ === "function" ? use(_ref$, _el$) : rootRef = _el$;
     _el$2.$$click = () => setOpen((current) => !current);
@@ -3320,13 +4117,13 @@ const DropdownSelect = (props) => {
         return open();
       },
       get children() {
-        var _el$5 = _tmpl$$5();
+        var _el$5 = _tmpl$$7();
         insert(_el$5, createComponent(For, {
           get each() {
             return props.options;
           },
           children: (option) => (() => {
-            var _el$6 = _tmpl$4$4(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild;
+            var _el$6 = _tmpl$4$5(), _el$7 = _el$6.firstChild, _el$8 = _el$7.firstChild;
             _el$6.$$click = () => {
               props.onChange(option.value);
               setOpen(false);
@@ -3337,7 +4134,7 @@ const DropdownSelect = (props) => {
                 return option.description;
               },
               get children() {
-                var _el$9 = _tmpl$3$4();
+                var _el$9 = _tmpl$3$5();
                 insert(_el$9, () => option.description);
                 return _el$9;
               }
@@ -3374,28 +4171,1217 @@ const DropdownSelect = (props) => {
   })();
 };
 delegateEvents(["click"]);
-const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
-var _tmpl$$4 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$4 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$3$3 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$4$3 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$5$3 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$6$3 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$7$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2>`), _tmpl$8$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$9$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$0$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"><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$1$2 = /* @__PURE__ */ template(`<span>`), _tmpl$10$2 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$11$2 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$12$2 = /* @__PURE__ */ template(`<div class=sidebar-empty><svg class=sidebar-empty-icon width=48 height=48 viewBox="0 0 48 48"aria-hidden=true><line x1=8 y1=8 x2=24 y2=5 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=24 y1=5 x2=40 y2=10 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=8 y1=8 x2=6 y2=24 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=40 y1=10 x2=44 y2=26 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=6 y1=24 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=44 y1=26 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=10 y1=38 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=38 y1=40 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=8 y1=8 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=24 y1=5 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=40 y1=10 x2=32 y2=20 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=20 y1=18 x2=32 y2=20 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.3></line><line x1=6 y1=24 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=20 y1=18 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=32 y1=20 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=44 y1=26 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=18 y1=30 x2=36 y2=30 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.25></line><line x1=18 y1=30 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=36 y1=30 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=18 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><line x1=36 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><circle cx=8 cy=8 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=24 cy=5 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=40 cy=10 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.7></circle><circle cx=6 cy=24 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=44 cy=26 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=10 cy=38 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=38 cy=40 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=24 cy=44 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=20 cy=18 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.85></circle><circle cx=32 cy=20 r=4 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.9></circle><circle cx=18 cy=30 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.75></circle><circle cx=36 cy=30 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.8></circle></svg><p class=sidebar-empty-title>Your move.</p><p class=sidebar-empty-hint>Configure a provider in Settings (Ctrl+,) then ask anything about the current page or beyond.`), _tmpl$13$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$14$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$15$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$16$1 = /* @__PURE__ */ template(`<div class=highlight-nav><button class=highlight-nav-btn type=button title="Previous highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M8 10L4 6l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=highlight-nav-label type=button title="Go to current highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><circle cx=6 cy=6 r=3 fill="rgba(196, 160, 90, 0.6)"stroke="rgba(196, 160, 90, 0.9)"stroke-width=1></circle></svg></button><button class=highlight-nav-btn type=button title="Next highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M4 2l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$17$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2 placeholder="Ask anything..."></textarea><button class=sidebar-send>Send`), _tmpl$18$1 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-resize-handle></div><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button><button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat"><svg width=14 height=14 viewBox="0 0 14 14"aria-hidden=true><path d="M3.5 3.5l7 7M10.5 3.5l-7 7"fill=none stroke=currentColor stroke-width=1.4 stroke-linecap=round></path></svg></button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button></div><div class=sidebar-messages><div>`), _tmpl$19$1 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$20$1 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$21$1 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$22$1 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$23$1 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$24$1 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$25$1 = /* @__PURE__ */ template(`<div class=agent-card><div class=agent-action-row><span class=agent-card-title></span><span></span></div><div class=agent-card-copy>`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$28 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$29 = /* @__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$30 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$31 = /* @__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$32 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$33 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$34 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$35 = /* @__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 danger"type=button>Remove`), _tmpl$36 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$37 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$38 = /* @__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><button class=agent-control-button type=button>Restore`), _tmpl$39 = /* @__PURE__ */ template(`<div>`), _tmpl$40 = /* @__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$41 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$42 = /* @__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`);
-const UNSORTED_FOLDER = {
-  id: "unsorted",
-  name: "Unsorted",
-  createdAt: ""
+var defaultAttributes = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
 };
-const MarkdownMessage = (props) => {
-  const html2 = createMemo(() => renderMarkdown(props.content));
+var defaultAttributes_default = defaultAttributes;
+var LucideContext = createContext({
+  size: 24,
+  color: "currentColor",
+  strokeWidth: 2,
+  absoluteStrokeWidth: false,
+  class: ""
+});
+var _tmpl$$6 = /* @__PURE__ */ template(`<svg>`);
+var hasA11yProp = (props) => {
+  for (const prop in props) {
+    if (prop.startsWith("aria-") || prop === "role" || prop === "title") {
+      return true;
+    }
+  }
+  return false;
+};
+var mergeClasses = (...classes) => classes.filter((className2, index, array) => {
+  return Boolean(className2) && className2.trim() !== "" && array.indexOf(className2) === index;
+}).join(" ").trim();
+var toCamelCase = (string) => string.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase());
+var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var toPascalCase = (string) => {
+  const camelCase = toCamelCase(string);
+  return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);
+};
+var Icon = (props) => {
+  const [localProps, rest] = splitProps(props, ["color", "size", "strokeWidth", "children", "class", "name", "iconNode", "absoluteStrokeWidth"]);
+  const globalProps = useContext(LucideContext);
   return (() => {
-    var _el$ = _tmpl$$4();
-    createRenderEffect(() => _el$.innerHTML = html2());
+    var _el$ = _tmpl$$6();
+    spread(_el$, mergeProps(defaultAttributes_default, {
+      get width() {
+        return localProps.size ?? globalProps.size ?? defaultAttributes_default.width;
+      },
+      get height() {
+        return localProps.size ?? globalProps.size ?? defaultAttributes_default.height;
+      },
+      get stroke() {
+        return localProps.color ?? globalProps.color ?? defaultAttributes_default.stroke;
+      },
+      get ["stroke-width"]() {
+        return memo(() => (localProps.absoluteStrokeWidth ?? globalProps.absoluteStrokeWidth) === true)() ? Number(localProps.strokeWidth ?? globalProps.strokeWidth ?? defaultAttributes_default["stroke-width"]) * 24 / Number(localProps.size ?? globalProps.size) : Number(localProps.strokeWidth ?? globalProps.strokeWidth ?? defaultAttributes_default["stroke-width"]);
+      },
+      get ["class"]() {
+        return mergeClasses("lucide", "lucide-icon", globalProps.class, ...localProps.name != null ? [`lucide-${toKebabCase(toPascalCase(localProps.name))}`, `lucide-${toKebabCase(localProps.name)}`] : [], localProps.class);
+      },
+      get ["aria-hidden"]() {
+        return !localProps.children && !hasA11yProp(rest) ? "true" : void 0;
+      }
+    }, rest), true, true);
+    insert(_el$, createComponent(For, {
+      get each() {
+        return localProps.iconNode;
+      },
+      children: ([elementName, attrs]) => {
+        return createComponent(Dynamic, mergeProps({
+          component: elementName
+        }, attrs));
+      }
+    }));
     return _el$;
   })();
 };
-const Sidebar = (props) => {
+var Icon_default = Icon;
+var iconNode$8 = [["path", {
+  d: "M12 7v14",
+  key: "1akyts"
+}], ["path", {
+  d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",
+  key: "ruj8y"
+}]];
+var BookOpen = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$8,
+  name: "book-open"
+}));
+var book_open_default = BookOpen;
+var iconNode$7 = [["rect", {
+  width: "8",
+  height: "4",
+  x: "8",
+  y: "2",
+  rx: "1",
+  ry: "1",
+  key: "tgr4d6"
+}], ["path", {
+  d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2",
+  key: "116196"
+}], ["path", {
+  d: "M12 11h4",
+  key: "1jrz19"
+}], ["path", {
+  d: "M12 16h4",
+  key: "n85exb"
+}], ["path", {
+  d: "M8 11h.01",
+  key: "1dfujw"
+}], ["path", {
+  d: "M8 16h.01",
+  key: "18s6g9"
+}]];
+var ClipboardList = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$7,
+  name: "clipboard-list"
+}));
+var clipboard_list_default = ClipboardList;
+var iconNode$6 = [["circle", {
+  cx: "12",
+  cy: "12",
+  r: "10",
+  key: "1mglay"
+}], ["path", {
+  d: "M12 6v6l4 2",
+  key: "mmk7yg"
+}]];
+var Clock = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$6,
+  name: "clock"
+}));
+var clock_default = Clock;
+var iconNode$5 = [["path", {
+  d: "M12 15V3",
+  key: "m9g1x1"
+}], ["path", {
+  d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+  key: "ih7n3h"
+}], ["path", {
+  d: "m7 10 5 5 5-5",
+  key: "brsn70"
+}]];
+var Download = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$5,
+  name: "download"
+}));
+var download_default = Download;
+var iconNode$4 = [["circle", {
+  cx: "12",
+  cy: "12",
+  r: "10",
+  key: "1mglay"
+}], ["path", {
+  d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20",
+  key: "13o1zl"
+}], ["path", {
+  d: "M2 12h20",
+  key: "9i4pu4"
+}]];
+var Globe = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$4,
+  name: "globe"
+}));
+var globe_default = Globe;
+var iconNode$3 = [["path", {
+  d: "m21 21-4.34-4.34",
+  key: "14j7rj"
+}], ["circle", {
+  cx: "11",
+  cy: "11",
+  r: "8",
+  key: "4ej97u"
+}]];
+var Search = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$3,
+  name: "search"
+}));
+var search_default = Search;
+var iconNode$2 = [["path", {
+  d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+  key: "r04s7s"
+}]];
+var Star = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$2,
+  name: "star"
+}));
+var star_default = Star;
+var iconNode$1 = [["path", {
+  d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
+  key: "vktsd0"
+}], ["circle", {
+  cx: "7.5",
+  cy: "7.5",
+  r: ".5",
+  fill: "currentColor",
+  key: "kqv944"
+}]];
+var Tag = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode: iconNode$1,
+  name: "tag"
+}));
+var tag_default = Tag;
+var iconNode = [["path", {
+  d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+  key: "1xq2db"
+}]];
+var Zap = (props) => createComponent(Icon_default, mergeProps(props, {
+  iconNode,
+  name: "zap"
+}));
+var zap_default = Zap;
+const BUNDLED_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) {
+  return kit.promptTemplate.replace(
+    /\{\{(\w+)\}\}/g,
+    (_, key) => values[key] ?? ""
+  );
+}
+var _tmpl$$5 = /* @__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>Upgrade to Premium`), _tmpl$2$5 = /* @__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$4 = /* @__PURE__ */ template(`<div class=kit-install-error><span></span><button class=kit-install-error-dismiss type=button aria-label=Dismiss>×`), _tmpl$4$4 = /* @__PURE__ */ template(`<div class=kit-list>`), _tmpl$5$4 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Scheduled</span><span class=kit-list-count>`), _tmpl$6$4 = /* @__PURE__ */ template(`<div class=kit-sched-list>`), _tmpl$7$3 = /* @__PURE__ */ template(`<div class=kit-sched-section><span>Recent Activity</span><span class=kit-list-count>`), _tmpl$8$3 = /* @__PURE__ */ template(`<div class=kit-activity-list>`), _tmpl$9$3 = /* @__PURE__ */ template(`<div class=kit-form-header><button class=kit-back-btn type=button title="Back to kits"><svg width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M9 11L5 7l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg>Back</button><div class=kit-form-title>`), _tmpl$0$3 = /* @__PURE__ */ template(`<p class=kit-form-desc>`), _tmpl$1$3 = /* @__PURE__ */ template(`<div class=kit-form-fields>`), _tmpl$10$3 = /* @__PURE__ */ template(`<p class=kit-form-estimate>Estimated run time: ~<!> min`), _tmpl$11$3 = /* @__PURE__ */ template(`<button class="agent-primary-button kit-run-btn"type=button>`), _tmpl$12$3 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Date &amp; time</label><input class=kit-form-input type=datetime-local>`), _tmpl$13$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time of day</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$14$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Day</label><select class=kit-form-input>`), _tmpl$15$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label class=kit-form-label>Time</label><input class="kit-form-input kit-schedule-time"type=time>`), _tmpl$16$2 = /* @__PURE__ */ template(`<p class=kit-schedule-error>`), _tmpl$17$2 = /* @__PURE__ */ template(`<div class=kit-schedule-form><div class=kit-schedule-types></div><p class=kit-schedule-note>Schedules run only while Vessel is open. Missed runs are skipped.</p><button class="agent-primary-button kit-schedule-btn"type=button>`), _tmpl$18$2 = /* @__PURE__ */ template(`<div class=kit-schedule-section><label class=kit-schedule-toggle><input type=checkbox>Schedule for later`), _tmpl$19$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Run at</label><input type=datetime-local class="kit-form-input kit-schedule-time">`), _tmpl$20$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Day</label><select class="kit-form-input kit-schedule-time">`), _tmpl$21$2 = /* @__PURE__ */ template(`<div class=kit-schedule-row><label>Time</label><input type=time class="kit-form-input kit-schedule-time">`), _tmpl$22$2 = /* @__PURE__ */ template(`<div class=sched-edit-backdrop><div class=sched-edit-panel><div class=sched-edit-header><span class=sched-edit-title>Edit schedule</span><span class=sched-edit-job-name></span></div><div class=kit-schedule-types></div><div class=sched-edit-actions><button class=kit-back-btn type=button>Cancel</button><button class=agent-primary-button type=button>Save`), _tmpl$23$2 = /* @__PURE__ */ template(`<section class=automation-panel>`), _tmpl$24$2 = /* @__PURE__ */ template(`<div class=kit-card-meta>~<!> min`), _tmpl$25$2 = /* @__PURE__ */ template(`<button class=kit-remove-btn type=button>×`), _tmpl$26$2 = /* @__PURE__ */ template(`<div class=kit-card role=button tabindex=0><span class=kit-card-icon aria-hidden=true></span><div class=kit-card-body><div class=kit-card-name></div><div class=kit-card-desc>`), _tmpl$27$2 = /* @__PURE__ */ template(`<svg class=kit-card-caret width=14 height=14 viewBox="0 0 14 14"fill=none aria-hidden=true><path d="M5 3l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$28$1 = /* @__PURE__ */ template(`<div class=kit-sched-next>Next: `), _tmpl$29$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$30$1 = /* @__PURE__ */ template(`<div class=kit-sched-card><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-sched-body><div class=kit-sched-name></div><div class=kit-sched-meta></div></div><div class=kit-sched-actions><button class=kit-sched-toggle type=button></button><button class=kit-remove-btn type=button title="Delete schedule"aria-label="Delete schedule">×`), _tmpl$31$1 = /* @__PURE__ */ template(`<div class=kit-activity-output>`), _tmpl$32$1 = /* @__PURE__ */ template(`<div class=kit-activity-card><div class=kit-activity-header><div class=kit-activity-title><span class="kit-card-icon kit-sched-icon"aria-hidden=true></span><div class=kit-activity-title-copy><div class=kit-sched-name></div><div class=kit-activity-time></div></div></div><span class=kit-activity-badge>`), _tmpl$33$1 = /* @__PURE__ */ template(`<div class="kit-activity-output kit-activity-placeholder">`), _tmpl$34$1 = /* @__PURE__ */ template(`<span class=kit-form-required aria-hidden=true>*`), _tmpl$35$1 = /* @__PURE__ */ template(`<textarea class=kit-form-textarea rows=3>`), _tmpl$36$1 = /* @__PURE__ */ template(`<p class=kit-form-hint>`), _tmpl$37$1 = /* @__PURE__ */ template(`<div class=kit-form-field><label class=kit-form-label>`), _tmpl$38$1 = /* @__PURE__ */ template(`<input class=kit-form-input>`), _tmpl$39$1 = /* @__PURE__ */ template(`<span class=kit-run-spinner aria-hidden=true>`), _tmpl$40$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=sched-type>`), _tmpl$41$1 = /* @__PURE__ */ template(`<option>`), _tmpl$42$1 = /* @__PURE__ */ template(`<label class=kit-schedule-type-option><input type=radio name=edit-sched-type>`);
+const ICON_MAP = {
+  BookOpen: book_open_default,
+  Tag: tag_default,
+  ClipboardList: clipboard_list_default,
+  Search: search_default,
+  Globe: globe_default,
+  Download: download_default,
+  Star: star_default,
+  Zap: zap_default,
+  Clock: clock_default
+};
+const KitIcon = (props) => {
+  const Icon2 = ICON_MAP[props.name] ?? zap_default;
+  return createComponent(Icon2, {
+    get size() {
+      return props.size ?? 18;
+    },
+    get ["class"]() {
+      return props.class;
+    }
+  });
+};
+const BUNDLED_KIT_IDS = new Set(BUNDLED_KITS.map((k) => k.id));
+const DAY_NAMES = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+function formatScheduleLabel(job) {
+  const {
+    schedule
+  } = job;
+  const pad = (n) => String(n).padStart(2, "0");
+  switch (schedule.type) {
+    case "once":
+      return `Once · ${new Date(schedule.runAt).toLocaleString([], {
+        month: "short",
+        day: "numeric",
+        hour: "2-digit",
+        minute: "2-digit"
+      })}`;
+    case "hourly":
+      return "Every hour";
+    case "daily":
+      return `Daily at ${pad(schedule.hour)}:${pad(schedule.minute)}`;
+    case "weekly":
+      return `${DAY_NAMES[schedule.dayOfWeek]}s at ${pad(schedule.hour)}:${pad(schedule.minute)}`;
+  }
+}
+function formatNextRun(isoStr) {
+  return new Date(isoStr).toLocaleString([], {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function formatActivityTime(isoStr) {
+  return new Date(isoStr).toLocaleString([], {
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+}
+function formatActivityStatus(activity) {
+  if (activity.status === "running") return "Running";
+  if (activity.status === "failed") return "Failed";
+  return "Completed";
+}
+function toLocalDateTimeInput(iso) {
+  const d = new Date(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())}`;
+}
+const AutomationTab = (props) => {
+  const {
+    query,
+    isStreaming: isStreaming2,
+    automationActivities: automationActivities2
+  } = useAI();
+  const {
+    openSettings
+  } = useUI();
+  const [selectedKit, setSelectedKit] = createSignal(null);
+  const [fieldValues, setFieldValues] = createSignal({});
+  const [installError, setInstallError] = createSignal(null);
+  const [scheduleEnabled, setScheduleEnabled] = createSignal(false);
+  const [schedType, setSchedType] = createSignal("daily");
+  const [schedHour, setSchedHour] = createSignal(9);
+  const [schedMinute, setSchedMinute] = createSignal(0);
+  const [schedDayOfWeek, setSchedDayOfWeek] = createSignal(1);
+  const [schedRunAt, setSchedRunAt] = createSignal("");
+  const [scheduleError, setScheduleError] = createSignal(null);
+  const [scheduledJobs, setScheduledJobs] = createSignal([]);
+  const [openMenuJobId, setOpenMenuJobId] = createSignal(null);
+  const [editingTaskJobId, setEditingTaskJobId] = createSignal(null);
+  const [editingJob, setEditingJob] = createSignal(null);
+  const [editType, setEditType] = createSignal("daily");
+  const [editHour, setEditHour] = createSignal(9);
+  const [editMinute, setEditMinute] = createSignal(0);
+  const [editDayOfWeek, setEditDayOfWeek] = createSignal(1);
+  const [editRunAt, setEditRunAt] = createSignal("");
+  const [editError, setEditError] = createSignal(null);
+  onMount(() => {
+    void window.vessel.schedule.getAll().then(setScheduledJobs);
+    const cleanup = window.vessel.schedule.onJobsUpdate(setScheduledJobs);
+    onCleanup(cleanup);
+    const closeMenu = () => setOpenMenuJobId(null);
+    document.addEventListener("click", closeMenu);
+    onCleanup(() => document.removeEventListener("click", closeMenu));
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") {
+        setOpenMenuJobId(null);
+        setEditingJob(null);
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    onCleanup(() => document.removeEventListener("keydown", onKeyDown));
+  });
+  const [premiumData] = createResource(() => window.vessel.premium.getState().catch(() => ({
+    status: "free"
+  })));
+  const isPremium = () => {
+    const s = premiumData()?.status;
+    return s === "active" || s === "trialing";
+  };
+  const [installedKits, {
+    refetch: refetchInstalled
+  }] = createResource(() => isPremium(), (active) => active ? window.vessel.automation.getInstalled().catch(() => []) : Promise.resolve([]));
+  const allKits = createMemo(() => [...BUNDLED_KITS, ...installedKits() ?? []]);
+  const selectKit = (kit) => {
+    const defaults = {};
+    for (const input of kit.inputs) {
+      defaults[input.key] = input.defaultValue ?? "";
+    }
+    setFieldValues(defaults);
+    setSelectedKit(kit);
+    setScheduleEnabled(false);
+    setSchedType("daily");
+    setSchedHour(9);
+    setSchedMinute(0);
+    setSchedDayOfWeek(1);
+    setSchedRunAt("");
+    setScheduleError(null);
+    setEditingTaskJobId(null);
+  };
+  const setField = (key, value) => {
+    setFieldValues((prev) => ({
+      ...prev,
+      [key]: value
+    }));
+  };
+  const requiredFieldsFilled = () => {
+    const kit = selectedKit();
+    if (!kit) return false;
+    return kit.inputs.filter((i) => i.required).every((i) => fieldValues()[i.key]?.trim());
+  };
+  const canRun = () => !selectedKit() || isStreaming2() ? false : requiredFieldsFilled();
+  const canSchedule = () => {
+    if (!selectedKit() || !scheduleEnabled()) return false;
+    if (!requiredFieldsFilled()) return false;
+    if (schedType() === "once" && !schedRunAt()) return false;
+    return true;
+  };
+  const handleRun = async () => {
+    const kit = selectedKit();
+    if (!kit || !canRun()) return;
+    const prompt = renderKitPrompt(kit, fieldValues());
+    setSelectedKit(null);
+    props.onRun();
+    await query(prompt);
+  };
+  const handleSchedule = async () => {
+    const kit = selectedKit();
+    if (!kit || !canSchedule()) return;
+    setScheduleError(null);
+    const prompt = renderKitPrompt(kit, fieldValues());
+    const schedule = {
+      type: schedType()
+    };
+    if (schedType() === "once") {
+      const d = new Date(schedRunAt());
+      if (isNaN(d.getTime())) {
+        setScheduleError("Please enter a valid date and time.");
+        return;
+      }
+      if (d <= /* @__PURE__ */ new Date()) {
+        setScheduleError("Scheduled time must be in the future.");
+        return;
+      }
+      schedule.runAt = d.toISOString();
+    } else if (schedType() === "daily" || schedType() === "weekly") {
+      schedule.hour = schedHour();
+      schedule.minute = schedMinute();
+      if (schedType() === "weekly") schedule.dayOfWeek = schedDayOfWeek();
+    }
+    try {
+      const existingId = editingTaskJobId();
+      if (existingId) {
+        await window.vessel.schedule.update(existingId, {
+          renderedPrompt: prompt,
+          fieldValues: fieldValues(),
+          schedule
+        });
+        setEditingTaskJobId(null);
+      } else {
+        await window.vessel.schedule.create({
+          kitId: kit.id,
+          kitName: kit.name,
+          kitIcon: kit.icon,
+          renderedPrompt: prompt,
+          fieldValues: fieldValues(),
+          schedule,
+          enabled: true
+        });
+      }
+      setSelectedKit(null);
+    } catch (err) {
+      setScheduleError(err instanceof Error ? err.message : "Failed to save schedule.");
+    }
+  };
+  const handleInstall = async () => {
+    setInstallError(null);
+    const result = await window.vessel.automation.installFromFile();
+    if (!result.ok) {
+      if (result.error !== "canceled") {
+        setInstallError(result.error ?? "Installation failed.");
+      }
+      return;
+    }
+    void refetchInstalled();
+  };
+  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.");
+      return;
+    }
+    void refetchInstalled();
+  };
+  const handleToggleJob = async (e, job) => {
+    e.stopPropagation();
+    await window.vessel.schedule.update(job.id, {
+      enabled: !job.enabled
+    });
+  };
+  const handleDeleteJob = async (e, id) => {
+    e.stopPropagation();
+    await window.vessel.schedule.delete(id);
+  };
+  const handleOpenEditTask = (job) => {
+    const kit = allKits().find((k) => k.id === job.kitId);
+    if (!kit) return;
+    selectKit(kit);
+    if (job.fieldValues) setFieldValues(job.fieldValues);
+    setScheduleEnabled(true);
+    setSchedType(job.schedule.type);
+    setSchedHour(job.schedule.hour ?? 9);
+    setSchedMinute(job.schedule.minute ?? 0);
+    setSchedDayOfWeek(job.schedule.dayOfWeek ?? 1);
+    setSchedRunAt(job.schedule.runAt ? toLocalDateTimeInput(job.schedule.runAt) : "");
+    setEditingTaskJobId(job.id);
+    setOpenMenuJobId(null);
+  };
+  const handleOpenEditSchedule = (job) => {
+    setEditingJob(job);
+    setEditType(job.schedule.type);
+    setEditHour(job.schedule.hour ?? 9);
+    setEditMinute(job.schedule.minute ?? 0);
+    setEditDayOfWeek(job.schedule.dayOfWeek ?? 1);
+    setEditRunAt(job.schedule.runAt ? toLocalDateTimeInput(job.schedule.runAt) : "");
+    setEditError(null);
+    setOpenMenuJobId(null);
+  };
+  const handleSaveEditSchedule = async () => {
+    const job = editingJob();
+    if (!job) return;
+    const schedule = {
+      type: editType()
+    };
+    if (editType() === "once") {
+      const d = new Date(editRunAt());
+      if (isNaN(d.getTime())) {
+        setEditError("Please enter a valid date and time.");
+        return;
+      }
+      if (d <= /* @__PURE__ */ new Date()) {
+        setEditError("Scheduled time must be in the future.");
+        return;
+      }
+      schedule.runAt = d.toISOString();
+    } else if (editType() === "daily" || editType() === "weekly") {
+      schedule.hour = editHour();
+      schedule.minute = editMinute();
+      if (editType() === "weekly") schedule.dayOfWeek = editDayOfWeek();
+    }
+    try {
+      await window.vessel.schedule.update(job.id, {
+        schedule
+      });
+      setEditingJob(null);
+    } catch (err) {
+      setEditError(err instanceof Error ? err.message : "Failed to update schedule.");
+    }
+  };
+  const editTimeValue = () => `${String(editHour()).padStart(2, "0")}:${String(editMinute()).padStart(2, "0")}`;
+  const parseEditTimeInput = (val) => {
+    const [h, m] = val.split(":").map(Number);
+    setEditHour(isNaN(h) ? 0 : h);
+    setEditMinute(isNaN(m) ? 0 : m);
+  };
+  const parseTimeInput = (val) => {
+    const [h, m] = val.split(":").map(Number);
+    setSchedHour(isNaN(h) ? 0 : h);
+    setSchedMinute(isNaN(m) ? 0 : m);
+  };
+  const timeValue = () => `${String(schedHour()).padStart(2, "0")}:${String(schedMinute()).padStart(2, "0")}`;
+  return (() => {
+    var _el$ = _tmpl$23$2();
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return memo(() => !!!premiumData.loading)() && !isPremium();
+      },
+      get children() {
+        var _el$2 = _tmpl$$5(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling;
+        insert(_el$3, createComponent(zap_default, {
+          size: 24
+        }));
+        _el$6.$$click = () => void openSettings();
+        return _el$2;
+      }
+    }), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return memo(() => !!isPremium())() && selectedKit() === null;
+      },
+      get children() {
+        return [(() => {
+          var _el$7 = _tmpl$2$5(), _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$0.nextSibling;
+          insert(_el$0, () => allKits().length, _el$1);
+          _el$10.$$click = () => void handleInstall();
+          return _el$7;
+        })(), createComponent(Show, {
+          get when() {
+            return installError() !== null;
+          },
+          get children() {
+            var _el$11 = _tmpl$3$4(), _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$4$4();
+          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$2(), _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, {
+          get when() {
+            return scheduledJobs().length > 0;
+          },
+          get children() {
+            return [(() => {
+              var _el$15 = _tmpl$5$4(), _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling;
+              insert(_el$15, createComponent(clock_default, {
+                size: 12
+              }), _el$16);
+              insert(_el$17, () => scheduledJobs().length);
+              return _el$15;
+            })(), (() => {
+              var _el$18 = _tmpl$6$4();
+              insert(_el$18, 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) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    setOpenMenuJobId(job.id);
+                  };
+                  insert(_el$85, createComponent(KitIcon, {
+                    get name() {
+                      return job.kitIcon;
+                    },
+                    size: 14
+                  }));
+                  insert(_el$87, () => job.kitName);
+                  insert(_el$88, () => formatScheduleLabel(job));
+                  insert(_el$86, createComponent(Show, {
+                    get when() {
+                      return job.enabled;
+                    },
+                    get children() {
+                      var _el$89 = _tmpl$28$1();
+                      _el$89.firstChild;
+                      insert(_el$89, () => formatNextRun(job.nextRunAt), null);
+                      return _el$89;
+                    }
+                  }), 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, {
+                    get when() {
+                      return openMenuJobId() === job.id;
+                    },
+                    get children() {
+                      var _el$94 = _tmpl$29$1(), _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) => {
+                        void handleToggleJob(e, job);
+                        setOpenMenuJobId(null);
+                      };
+                      insert(_el$98, () => job.enabled ? "Pause" : "Resume");
+                      _el$99.$$click = (e) => {
+                        void handleDeleteJob(e, job.id);
+                        setOpenMenuJobId(null);
+                      };
+                      return _el$94;
+                    }
+                  }), 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);
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0,
+                    a: void 0
+                  });
+                  return _el$84;
+                })()
+              }));
+              return _el$18;
+            })()];
+          }
+        }), createComponent(Show, {
+          get when() {
+            return automationActivities2().length > 0;
+          },
+          get children() {
+            return [(() => {
+              var _el$19 = _tmpl$7$3(), _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling;
+              insert(_el$19, createComponent(zap_default, {
+                size: 12
+              }), _el$20);
+              insert(_el$21, () => automationActivities2().length);
+              return _el$19;
+            })(), (() => {
+              var _el$22 = _tmpl$8$3();
+              insert(_el$22, 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, {
+                    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, {
+                    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;
+                      })();
+                    },
+                    get children() {
+                      var _el$108 = _tmpl$31$1();
+                      insert(_el$108, () => activity.output.trim());
+                      return _el$108;
+                    }
+                  }), 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);
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0
+                  });
+                  return _el$100;
+                })()
+              }));
+              return _el$22;
+            })()];
+          }
+        })];
+      }
+    }), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return memo(() => !!isPremium())() && selectedKit() !== null;
+      },
+      get children() {
+        return [(() => {
+          var _el$23 = _tmpl$9$3(), _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling;
+          _el$24.$$click = () => {
+            setSelectedKit(null);
+            setEditingTaskJobId(null);
+          };
+          insert(_el$25, createComponent(KitIcon, {
+            get name() {
+              return selectedKit().icon;
+            },
+            size: 14
+          }), null);
+          insert(_el$25, () => selectedKit().name, null);
+          return _el$23;
+        })(), (() => {
+          var _el$26 = _tmpl$0$3();
+          insert(_el$26, () => selectedKit().description);
+          return _el$26;
+        })(), (() => {
+          var _el$27 = _tmpl$1$3();
+          insert(_el$27, 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, {
+                get when() {
+                  return input.required;
+                },
+                get children() {
+                  return _tmpl$34$1();
+                }
+              }), null);
+              insert(_el$110, 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);
+                    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);
+                      return _p$;
+                    }, {
+                      e: void 0,
+                      t: void 0
+                    });
+                    createRenderEffect(() => _el$115.value = fieldValues()[input.key] ?? "");
+                    return _el$115;
+                  })();
+                },
+                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;
+                }
+              }), null);
+              insert(_el$110, createComponent(Show, {
+                get when() {
+                  return input.hint;
+                },
+                get children() {
+                  var _el$114 = _tmpl$36$1();
+                  insert(_el$114, () => input.hint);
+                  return _el$114;
+                }
+              }), null);
+              return _el$110;
+            })()
+          }));
+          return _el$27;
+        })(), createComponent(Show, {
+          get when() {
+            return selectedKit().estimatedMinutes !== void 0;
+          },
+          get children() {
+            var _el$28 = _tmpl$10$3(), _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$32 = _tmpl$11$3();
+          _el$32.$$click = () => void handleRun();
+          insert(_el$32, createComponent(Show, {
+            get when() {
+              return !isStreaming2();
+            },
+            get fallback() {
+              return [_tmpl$39$1(), "Agent busy…"];
+            },
+            children: "Run Kit"
+          }));
+          createRenderEffect(() => _el$32.disabled = !canRun());
+          return _el$32;
+        })(), (() => {
+          var _el$33 = _tmpl$18$2(), _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, {
+            size: 13
+          }), _el$36);
+          insert(_el$33, createComponent(Show, {
+            get when() {
+              return scheduleEnabled();
+            },
+            get children() {
+              var _el$37 = _tmpl$17$2(), _el$38 = _el$37.firstChild, _el$52 = _el$38.nextSibling, _el$53 = _el$52.nextSibling;
+              insert(_el$38, 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;
+                })()
+              }));
+              insert(_el$37, createComponent(Show, {
+                get when() {
+                  return schedType() === "once";
+                },
+                get children() {
+                  var _el$39 = _tmpl$12$3(), _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;
+                }
+              }), _el$52);
+              insert(_el$37, createComponent(Show, {
+                get when() {
+                  return schedType() === "daily";
+                },
+                get children() {
+                  var _el$42 = _tmpl$13$2(), _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;
+                }
+              }), _el$52);
+              insert(_el$37, createComponent(Show, {
+                get when() {
+                  return schedType() === "weekly";
+                },
+                get children() {
+                  return [(() => {
+                    var _el$45 = _tmpl$14$2(), _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, {
+                      each: DAY_NAMES,
+                      children: (day, i) => (() => {
+                        var _el$119 = _tmpl$41$1();
+                        insert(_el$119, day);
+                        createRenderEffect(() => _el$119.value = i());
+                        return _el$119;
+                      })()
+                    }));
+                    createRenderEffect(() => _el$47.value = schedDayOfWeek());
+                    return _el$45;
+                  })(), (() => {
+                    var _el$48 = _tmpl$15$2(), _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;
+                  })()];
+                }
+              }), _el$52);
+              insert(_el$37, createComponent(Show, {
+                get when() {
+                  return scheduleError() !== null;
+                },
+                get children() {
+                  var _el$51 = _tmpl$16$2();
+                  insert(_el$51, scheduleError);
+                  return _el$51;
+                }
+              }), _el$52);
+              _el$53.$$click = () => void handleSchedule();
+              insert(_el$53, () => editingTaskJobId() ? "Save Changes" : "Schedule Kit");
+              createRenderEffect(() => _el$53.disabled = !canSchedule());
+              return _el$37;
+            }
+          }), null);
+          createRenderEffect(() => _el$35.checked = scheduleEnabled());
+          return _el$33;
+        })()];
+      }
+    }), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return editingJob() !== null;
+      },
+      get children() {
+        var _el$54 = _tmpl$22$2(), _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, {
+          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;
+          })()
+        }));
+        insert(_el$55, createComponent(Show, {
+          get when() {
+            return editType() === "once";
+          },
+          get children() {
+            var _el$60 = _tmpl$19$2(), _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;
+          }
+        }), _el$70);
+        insert(_el$55, createComponent(Show, {
+          get when() {
+            return editType() === "daily" || editType() === "weekly";
+          },
+          get children() {
+            return [createComponent(Show, {
+              get when() {
+                return editType() === "weekly";
+              },
+              get children() {
+                var _el$63 = _tmpl$20$2(), _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, {
+                  each: DAY_NAMES,
+                  children: (name, i) => (() => {
+                    var _el$122 = _tmpl$41$1();
+                    insert(_el$122, name);
+                    createRenderEffect(() => _el$122.value = i());
+                    return _el$122;
+                  })()
+                }));
+                createRenderEffect(() => _el$65.value = editDayOfWeek());
+                return _el$63;
+              }
+            }), (() => {
+              var _el$66 = _tmpl$21$2(), _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;
+            })()];
+          }
+        }), _el$70);
+        insert(_el$55, createComponent(Show, {
+          get when() {
+            return editError();
+          },
+          get children() {
+            var _el$69 = _tmpl$16$2();
+            insert(_el$69, editError);
+            return _el$69;
+          }
+        }), _el$70);
+        _el$71.$$click = () => setEditingJob(null);
+        _el$72.$$click = () => void handleSaveEditSchedule();
+        return _el$54;
+      }
+    }), null);
+    return _el$;
+  })();
+};
+delegateEvents(["click", "input", "keydown", "contextmenu"]);
+const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
+var _tmpl$$4 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$4 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$3$3 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$4$3 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$5$3 = /* @__PURE__ */ template(`<section class=agent-panel><div class=agent-panel-header><div><div class=agent-panel-title>Supervisor</div><div class=agent-panel-subtitle></div></div><span class=agent-status-pill></span></div><div class=agent-panel-controls><button class=agent-control-button type=button></button><button class=agent-control-button type=button>Restore session</button></div><div class=agent-muted></div><div class=agent-section-header><div class=agent-section-title>Recent actions`), _tmpl$6$3 = /* @__PURE__ */ template(`<span class=bookmark-status-pill>Saved`), _tmpl$7$2 = /* @__PURE__ */ template(`<div class=bookmark-save-card><div class=bookmark-current-title></div><div class=bookmark-current-url></div><div class=bookmark-save-controls><button class=bookmark-primary-button type=button>Save page</button></div><textarea class=bookmark-note-input placeholder="Optional note about why this matters"rows=2>`), _tmpl$8$2 = /* @__PURE__ */ template(`<section class=bookmark-panel><div class=bookmark-panel-header><div><div class=bookmark-panel-title>Bookmarks</div><div class=bookmark-panel-subtitle></div></div></div><input class="bookmark-input bookmark-search-input"placeholder="Search titles, URLs, notes, and folders"><div class=bookmark-save-shell><button class=bookmark-save-toggle type=button><span class=bookmark-save-toggle-copy><span class=bookmark-save-toggle-title>Save Current Page</span><span class=bookmark-save-toggle-subtitle>Manual bookmark save options</span></span><span class=bookmark-save-toggle-caret aria-hidden=true>▾</span></button></div><form class=bookmark-folder-create><div class=bookmark-folder-form-fields><input class=bookmark-input placeholder="Create a folder"><input class=bookmark-input placeholder="Optional one-line summary"></div><button class=bookmark-secondary-button type=submit>New folder</button></form><div class=bookmark-folder-list>`), _tmpl$9$2 = /* @__PURE__ */ template(`<div class=checkpoint-timeline>`), _tmpl$0$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"><button class=agent-primary-button type=button>Save checkpoint</button></div><div class=agent-section-title>Recent checkpoints`), _tmpl$1$2 = /* @__PURE__ */ template(`<span>`), _tmpl$10$2 = /* @__PURE__ */ template(`<div><div class=streaming-status><span class=streaming-pulse aria-hidden=true></span><span>Generating`), _tmpl$11$2 = /* @__PURE__ */ template(`<div class="message message-assistant"><div class=message-content>`), _tmpl$12$2 = /* @__PURE__ */ template(`<div class=sidebar-empty><svg class=sidebar-empty-icon width=48 height=48 viewBox="0 0 48 48"aria-hidden=true><line x1=8 y1=8 x2=24 y2=5 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=24 y1=5 x2=40 y2=10 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=8 y1=8 x2=6 y2=24 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=40 y1=10 x2=44 y2=26 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=6 y1=24 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=44 y1=26 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=10 y1=38 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=38 y1=40 x2=24 y2=44 stroke=var(--border-visible) stroke-width=1 opacity=0.35></line><line x1=8 y1=8 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=24 y1=5 x2=20 y2=18 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=40 y1=10 x2=32 y2=20 stroke=var(--border-visible) stroke-width=1 opacity=0.5></line><line x1=20 y1=18 x2=32 y2=20 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.3></line><line x1=6 y1=24 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=20 y1=18 x2=18 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=32 y1=20 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=44 y1=26 x2=36 y2=30 stroke=var(--border-visible) stroke-width=1 opacity=0.45></line><line x1=18 y1=30 x2=36 y2=30 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.25></line><line x1=18 y1=30 x2=10 y2=38 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=36 y1=30 x2=38 y2=40 stroke=var(--border-visible) stroke-width=1 opacity=0.4></line><line x1=18 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><line x1=36 y1=30 x2=24 y2=44 stroke=var(--accent-primary) stroke-width=0.75 opacity=0.2></line><circle cx=8 cy=8 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=24 cy=5 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=40 cy=10 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.7></circle><circle cx=6 cy=24 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=44 cy=26 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.55></circle><circle cx=10 cy=38 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=38 cy=40 r=2 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.45></circle><circle cx=24 cy=44 r=2.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.5></circle><circle cx=20 cy=18 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.85></circle><circle cx=32 cy=20 r=4 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.9></circle><circle cx=18 cy=30 r=3 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.75></circle><circle cx=36 cy=30 r=3.5 fill=var(--bg-secondary) stroke=var(--accent-primary) stroke-width=1.5 opacity=0.8></circle></svg><p class=sidebar-empty-title>Your move.</p><p class=sidebar-empty-hint>Configure a provider in Settings (Ctrl+,) then ask anything about the current page or beyond.`), _tmpl$13$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$14$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$15$1 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$16$1 = /* @__PURE__ */ template(`<div class=highlight-nav><button class=highlight-nav-btn type=button title="Previous highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M8 10L4 6l4-4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round></path></svg></button><button class=highlight-nav-label type=button title="Go to current highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><circle cx=6 cy=6 r=3 fill="rgba(196, 160, 90, 0.6)"stroke="rgba(196, 160, 90, 0.9)"stroke-width=1></circle></svg></button><button class=highlight-nav-btn type=button title="Next highlight"><svg width=12 height=12 viewBox="0 0 12 12"fill=none aria-hidden=true><path d="M4 2l4 4-4 4"stroke=currentColor stroke-width=1.5 stroke-linecap=round stroke-linejoin=round>`), _tmpl$17$1 = /* @__PURE__ */ template(`<button class=chat-queue-clear type=button>Clear queue`), _tmpl$18$1 = /* @__PURE__ */ template(`<div class=chat-queue-list>`), _tmpl$19$1 = /* @__PURE__ */ template(`<div class=chat-queue-status><div class=chat-queue-status-row><span>`), _tmpl$20$1 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2></textarea><button class=sidebar-send>`), _tmpl$21$1 = /* @__PURE__ */ template(`<div class=sidebar><div class=sidebar-resize-handle></div><div class=sidebar-header><div class=sidebar-brand><img class=sidebar-logo alt=Vessel><span class=sidebar-brand-text>Vessel Browser</span></div><div class=sidebar-header-actions><button class=sidebar-clear title="Clear chat">Clear</button><button class=sidebar-close title="Close AI chat (Esc)"aria-label="Close AI chat"><svg width=14 height=14 viewBox="0 0 14 14"aria-hidden=true><path d="M3.5 3.5l7 7M10.5 3.5l-7 7"fill=none stroke=currentColor stroke-width=1.4 stroke-linecap=round></path></svg></button></div></div><div class=sidebar-tabs role=tablist><button class=sidebar-tab role=tab>Supervisor</button><button class=sidebar-tab role=tab>Bookmarks</button><button class=sidebar-tab role=tab>Checkpoints</button><button class=sidebar-tab role=tab>Chat</button><button class=sidebar-tab role=tab>Automate</button></div><div class=sidebar-messages><div>`), _tmpl$22$1 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$23$1 = /* @__PURE__ */ template(`<div class="agent-card agent-card-approval"><div class=agent-card-approval-stripe aria-hidden=true></div><div class=agent-card-title></div><div class=agent-card-copy></div><div class=agent-card-copy></div><div class=agent-card-actions><button class=agent-primary-button type=button>Approve</button><button class=agent-control-button type=button>Reject`), _tmpl$24$1 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$25$1 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$26$1 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$27$1 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$28 = /* @__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$29 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$30 = /* @__PURE__ */ template(`<div class=bookmark-folder-summary>`), _tmpl$31 = /* @__PURE__ */ template(`<div class=bookmark-folder-actions><button class=bookmark-ghost-button type=button>Rename</button><button class="bookmark-ghost-button danger"type=button>Delete`), _tmpl$32 = /* @__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$33 = /* @__PURE__ */ template(`<div class=bookmark-items>`), _tmpl$34 = /* @__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$35 = /* @__PURE__ */ template(`<div class=bookmark-folder-collapsed-hint>Click to view saved links.`), _tmpl$36 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>No bookmarks in this folder yet.`), _tmpl$37 = /* @__PURE__ */ template(`<div class=bookmark-item-note>`), _tmpl$38 = /* @__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 danger"type=button>Remove`), _tmpl$39 = /* @__PURE__ */ template(`<div class=agent-muted>No checkpoints yet.`), _tmpl$40 = /* @__PURE__ */ template(`<span class=checkpoint-timeline-line>`), _tmpl$41 = /* @__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><button class=agent-control-button type=button>Restore`), _tmpl$42 = /* @__PURE__ */ template(`<div>`), _tmpl$43 = /* @__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$44 = /* @__PURE__ */ template(`<div class=chat-approval-detail>`), _tmpl$45 = /* @__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$46 = /* @__PURE__ */ template(`<div class=chat-queue-item><span class=chat-queue-text></span><button class=chat-queue-remove type=button>×`);
+const UNSORTED_FOLDER = {
+  id: "unsorted",
+  name: "Unsorted",
+  createdAt: ""
+};
+const MarkdownMessage = (props) => {
+  const html2 = createMemo(() => renderMarkdown(props.content));
+  return (() => {
+    var _el$ = _tmpl$$4();
+    createRenderEffect(() => _el$.innerHTML = html2());
+    return _el$;
+  })();
+};
+const Sidebar = (props) => {
   const {
     messages: messages2,
     streamingText: streamingText2,
     isStreaming: isStreaming2,
     hasFirstChunk: hasFirstChunk2,
     streamStartedAt: streamStartedAt2,
+    pendingQueries: pendingQueries2,
+    pendingQueryCount,
+    pendingQueryLimit,
+    queueNotice: queueNotice2,
+    removePendingQuery,
+    clearPendingQueries,
     clearHistory,
     query,
     cancel
@@ -3433,19 +5419,37 @@ const Sidebar = (props) => {
   const [chatInput, setChatInput] = createSignal("");
   const [highlightCount, setHighlightCount] = createSignal(0);
   const [highlightIndex, setHighlightIndex] = createSignal(-1);
+  const syncHighlightCount = async () => {
+    try {
+      const count = await window.vessel.highlights.getCount() ?? 0;
+      setHighlightCount(count);
+      if (count === 0) {
+        setHighlightIndex(-1);
+        return;
+      }
+      if (highlightIndex() >= count) {
+        setHighlightIndex(count - 1);
+      }
+    } catch {
+    }
+  };
   createEffect(() => {
-    if (sidebarTab() !== "chat") return;
-    const poll = async () => {
-      try {
-        const count = await window.vessel.highlights.getCount() ?? 0;
-        setHighlightCount(count);
-        if (count === 0 && highlightIndex() >= 0) setHighlightIndex(-1);
-      } catch {
+    if (sidebarTab() === "chat") {
+      void syncHighlightCount();
+    }
+  });
+  createEffect(() => {
+    const unsubscribe = window.vessel.highlights.onCountUpdate((count) => {
+      setHighlightCount(count);
+      if (count === 0) {
+        setHighlightIndex(-1);
+        return;
       }
-    };
-    void poll();
-    const id = setInterval(poll, 2e3);
-    onCleanup(() => clearInterval(id));
+      if (highlightIndex() >= count) {
+        setHighlightIndex(count - 1);
+      }
+    });
+    onCleanup(unsubscribe);
   });
   const scrollToHighlight = async (idx) => {
     const count = highlightCount();
@@ -3458,13 +5462,12 @@ const Sidebar = (props) => {
     const idx = highlightIndex();
     if (idx < 0) return;
     await window.vessel.highlights.remove(idx);
-    const newCount = await window.vessel.highlights.getCount() ?? 0;
-    setHighlightCount(newCount);
-    if (newCount === 0) {
+    const nextCount = highlightCount();
+    if (nextCount === 0) {
       setHighlightIndex(-1);
-    } else if (idx >= newCount) {
-      setHighlightIndex(newCount - 1);
-      await window.vessel.highlights.scrollTo(newCount - 1);
+    } else if (idx >= nextCount) {
+      setHighlightIndex(nextCount - 1);
+      await window.vessel.highlights.scrollTo(nextCount - 1);
     }
   };
   const clearAllHighlights = async () => {
@@ -3508,9 +5511,11 @@ ${contextBlock}` : contextBlock);
   });
   const handleChatSend = async () => {
     const prompt = chatInput().trim();
-    if (!prompt || isStreaming2()) return;
-    setChatInput("");
-    await query(prompt);
+    if (!prompt) return;
+    const result = await query(prompt);
+    if (result !== "rejected") {
+      setChatInput("");
+    }
   };
   const handleRetry = () => {
     const msgs = messages2();
@@ -3535,7 +5540,7 @@ ${contextBlock}` : contextBlock);
   const [actionsExpanded, setActionsExpanded] = createSignal(false);
   const [checkpointsExpanded, setCheckpointsExpanded] = createSignal(false);
   const [isDragging, setIsDragging] = createSignal(false);
-  const [elapsedSeconds, setElapsedSeconds] = createSignal(0);
+  const now2 = useNow();
   let messagesContainerRef;
   let messagesEndRef;
   let chatInputRef;
@@ -3618,19 +5623,10 @@ ${contextBlock}` : contextBlock);
       }
     });
   });
-  createEffect(() => {
-    if (!isStreaming2() || !streamStartedAt2()) {
-      setElapsedSeconds(0);
-      return;
-    }
-    const tick = () => {
-      const startedAt = streamStartedAt2();
-      if (!startedAt) return;
-      setElapsedSeconds(Math.max(0, Math.floor((Date.now() - startedAt) / 1e3)));
-    };
-    tick();
-    const intervalId = window.setInterval(tick, 1e3);
-    onCleanup(() => window.clearInterval(intervalId));
+  const elapsedSeconds = createMemo(() => {
+    const startedAt = streamStartedAt2();
+    if (!isStreaming2() || !startedAt) return 0;
+    return Math.max(0, Math.floor((now2() - startedAt) / 1e3));
   });
   const startResize = (e) => {
     e.preventDefault();
@@ -3714,12 +5710,12 @@ ${contextBlock}` : contextBlock);
       return props.forceOpen || sidebarOpen2();
     },
     get children() {
-      var _el$2 = _tmpl$18$1(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$4.nextSibling, _el$1 = _el$0.firstChild;
+      var _el$2 = _tmpl$21$1(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$5.nextSibling, _el$8 = _el$7.firstChild, _el$9 = _el$8.nextSibling, _el$0 = _el$4.nextSibling, _el$1 = _el$0.firstChild;
       _el$1.firstChild;
-      var _el$12 = _el$1.nextSibling, _el$13 = _el$12.nextSibling, _el$14 = _el$13.nextSibling, _el$15 = _el$0.nextSibling, _el$72 = _el$15.firstChild;
+      var _el$12 = _el$1.nextSibling, _el$13 = _el$12.nextSibling, _el$14 = _el$13.nextSibling, _el$15 = _el$14.nextSibling, _el$16 = _el$0.nextSibling, _el$73 = _el$16.firstChild;
       _el$3.$$pointerdown = startResize;
       setAttribute(_el$6, "src", vesselLogo);
-      addEventListener(_el$8, "click", clearHistory);
+      addEventListener(_el$8, "click", clearHistory, true);
       _el$9.$$click = () => void toggleSidebar();
       _el$1.$$click = () => setSidebarTab("supervisor");
       insert(_el$1, createComponent(Show, {
@@ -3735,20 +5731,21 @@ ${contextBlock}` : contextBlock);
       _el$12.$$click = () => setSidebarTab("bookmarks");
       _el$13.$$click = () => setSidebarTab("checkpoints");
       _el$14.$$click = () => setSidebarTab("chat");
+      _el$15.$$click = () => setSidebarTab("automation");
       use((el) => {
         messagesContainerRef = el;
         useScrollFade(el);
-      }, _el$15);
-      insert(_el$15, createComponent(Show, {
+      }, _el$16);
+      insert(_el$16, createComponent(Show, {
         get when() {
           return sidebarTab() === "supervisor";
         },
         get children() {
-          var _el$16 = _tmpl$5$3(), _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild, _el$20 = _el$19.nextSibling, _el$21 = _el$18.nextSibling, _el$22 = _el$17.nextSibling, _el$23 = _el$22.firstChild, _el$24 = _el$23.nextSibling, _el$25 = _el$22.nextSibling, _el$27 = _el$25.nextSibling;
-          _el$27.firstChild;
-          insert(_el$20, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
-          insert(_el$21, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
-          insert(_el$22, createComponent(DropdownSelect, {
+          var _el$17 = _tmpl$5$3(), _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild, _el$20 = _el$19.firstChild, _el$21 = _el$20.nextSibling, _el$22 = _el$19.nextSibling, _el$23 = _el$18.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling, _el$26 = _el$23.nextSibling, _el$28 = _el$26.nextSibling;
+          _el$28.firstChild;
+          insert(_el$21, () => runtimeState2().supervisor.paused ? "Agent is paused" : "Agent is live");
+          insert(_el$22, () => runtimeState2().supervisor.paused ? "Paused" : "Running");
+          insert(_el$23, createComponent(DropdownSelect, {
             "class": "agent-select",
             get value() {
               return runtimeState2().supervisor.approvalMode;
@@ -3758,17 +5755,17 @@ ${contextBlock}` : contextBlock);
             },
             ariaLabel: "Approval mode",
             onChange: (value) => void setApprovalMode(value)
-          }), _el$23);
-          _el$23.$$click = () => void (runtimeState2().supervisor.paused ? resume() : pause());
-          insert(_el$23, () => runtimeState2().supervisor.paused ? "Resume" : "Pause");
-          _el$24.$$click = () => void restoreSession();
-          insert(_el$25, approvalModeDescription);
-          insert(_el$16, createComponent(Show, {
+          }), _el$24);
+          _el$24.$$click = () => void (runtimeState2().supervisor.paused ? resume() : pause());
+          insert(_el$24, () => runtimeState2().supervisor.paused ? "Resume" : "Pause");
+          _el$25.$$click = () => void restoreSession();
+          insert(_el$26, approvalModeDescription);
+          insert(_el$17, createComponent(Show, {
             get when() {
               return runtimeState2().supervisor.pendingApprovals.length > 0;
             },
             get fallback() {
-              return _tmpl$19$1();
+              return _tmpl$22$1();
             },
             get children() {
               return [_tmpl$3$3(), createComponent(For, {
@@ -3776,37 +5773,37 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$85 = _tmpl$20$1(), _el$86 = _el$85.firstChild, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling, _el$90 = _el$89.nextSibling, _el$91 = _el$90.firstChild, _el$92 = _el$91.nextSibling;
-                  insert(_el$87, () => approval.name);
-                  insert(_el$88, () => approval.argsSummary);
-                  insert(_el$89, () => approval.reason);
-                  _el$91.$$click = () => void resolveApproval(approval.id, true);
-                  _el$92.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$85;
+                  var _el$91 = _tmpl$23$1(), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling, _el$94 = _el$93.nextSibling, _el$95 = _el$94.nextSibling, _el$96 = _el$95.nextSibling, _el$97 = _el$96.firstChild, _el$98 = _el$97.nextSibling;
+                  insert(_el$93, () => approval.name);
+                  insert(_el$94, () => approval.argsSummary);
+                  insert(_el$95, () => approval.reason);
+                  _el$97.$$click = () => void resolveApproval(approval.id, true);
+                  _el$98.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$91;
                 })()
               })];
             }
-          }), _el$27);
-          insert(_el$27, createComponent(Show, {
+          }), _el$28);
+          insert(_el$28, createComponent(Show, {
             get when() {
               return recentActions().length > 0;
             },
             get children() {
-              var _el$29 = _tmpl$4$3();
-              _el$29.$$click = () => setActionsExpanded((current) => !current);
-              insert(_el$29, (() => {
+              var _el$30 = _tmpl$4$3();
+              _el$30.$$click = () => setActionsExpanded((current) => !current);
+              insert(_el$30, (() => {
                 var _c$ = memo(() => !!actionsExpanded());
                 return () => _c$() ? "Hide history" : `Show history (${recentActions().length})`;
               })());
-              return _el$29;
+              return _el$30;
             }
           }), null);
-          insert(_el$16, createComponent(Show, {
+          insert(_el$17, createComponent(Show, {
             get when() {
               return recentActions().length > 0;
             },
             get fallback() {
-              return _tmpl$21$1();
+              return _tmpl$24$1();
             },
             get children() {
               return createComponent(Show, {
@@ -3814,7 +5811,7 @@ ${contextBlock}` : contextBlock);
                   return actionsExpanded();
                 },
                 get fallback() {
-                  return _tmpl$22$1();
+                  return _tmpl$25$1();
                 },
                 get children() {
                   return createComponent(For, {
@@ -3822,53 +5819,53 @@ ${contextBlock}` : contextBlock);
                       return recentActions();
                     },
                     children: (action) => (() => {
-                      var _el$95 = _tmpl$25$1(), _el$96 = _el$95.firstChild, _el$97 = _el$96.firstChild, _el$98 = _el$97.nextSibling, _el$99 = _el$96.nextSibling;
-                      insert(_el$97, () => action.name);
-                      insert(_el$98, () => action.status);
-                      insert(_el$99, () => action.argsSummary);
-                      insert(_el$95, createComponent(Show, {
+                      var _el$101 = _tmpl$28(), _el$102 = _el$101.firstChild, _el$103 = _el$102.firstChild, _el$104 = _el$103.nextSibling, _el$105 = _el$102.nextSibling;
+                      insert(_el$103, () => action.name);
+                      insert(_el$104, () => action.status);
+                      insert(_el$105, () => action.argsSummary);
+                      insert(_el$101, createComponent(Show, {
                         get when() {
                           return action.resultSummary;
                         },
                         get children() {
-                          var _el$100 = _tmpl$23$1();
-                          insert(_el$100, () => action.resultSummary);
-                          return _el$100;
+                          var _el$106 = _tmpl$26$1();
+                          insert(_el$106, () => action.resultSummary);
+                          return _el$106;
                         }
                       }), null);
-                      insert(_el$95, createComponent(Show, {
+                      insert(_el$101, createComponent(Show, {
                         get when() {
                           return action.error;
                         },
                         get children() {
-                          var _el$101 = _tmpl$24$1();
-                          insert(_el$101, () => action.error);
-                          return _el$101;
+                          var _el$107 = _tmpl$27$1();
+                          insert(_el$107, () => action.error);
+                          return _el$107;
                         }
                       }), null);
-                      createRenderEffect(() => className(_el$98, `agent-action-status ${action.status}`));
-                      return _el$95;
+                      createRenderEffect(() => className(_el$104, `agent-action-status ${action.status}`));
+                      return _el$101;
                     })()
                   });
                 }
               });
             }
           }), null);
-          createRenderEffect(() => _el$21.classList.toggle("paused", !!runtimeState2().supervisor.paused));
-          return _el$16;
+          createRenderEffect(() => _el$22.classList.toggle("paused", !!runtimeState2().supervisor.paused));
+          return _el$17;
         }
-      }), _el$72);
-      insert(_el$15, createComponent(Show, {
+      }), _el$73);
+      insert(_el$16, createComponent(Show, {
         get when() {
           return sidebarTab() === "bookmarks";
         },
         get children() {
-          var _el$30 = _tmpl$8$2(), _el$31 = _el$30.firstChild, _el$32 = _el$31.firstChild, _el$33 = _el$32.firstChild, _el$34 = _el$33.nextSibling, _el$36 = _el$31.nextSibling, _el$37 = _el$36.nextSibling, _el$38 = _el$37.firstChild, _el$39 = _el$38.firstChild, _el$40 = _el$39.nextSibling, _el$47 = _el$37.nextSibling, _el$48 = _el$47.firstChild, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$48.nextSibling, _el$52 = _el$47.nextSibling;
-          insert(_el$34, (() => {
+          var _el$31 = _tmpl$8$2(), _el$32 = _el$31.firstChild, _el$33 = _el$32.firstChild, _el$34 = _el$33.firstChild, _el$35 = _el$34.nextSibling, _el$37 = _el$32.nextSibling, _el$38 = _el$37.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$39.firstChild, _el$41 = _el$40.nextSibling, _el$48 = _el$38.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling, _el$52 = _el$49.nextSibling, _el$53 = _el$48.nextSibling;
+          insert(_el$35, (() => {
             var _c$2 = memo(() => !!normalizedBookmarkSearch());
             return () => _c$2() ? `${bookmarkMatchCount()} matches for "${bookmarkSearchQuery().trim()}"` : `${bookmarksState2().bookmarks.length} saved across ${bookmarkFolders().length} folders`;
           })());
-          insert(_el$31, createComponent(Show, {
+          insert(_el$32, createComponent(Show, {
             get when() {
               return currentTabSaved();
             },
@@ -3876,17 +5873,17 @@ ${contextBlock}` : contextBlock);
               return _tmpl$6$3();
             }
           }), null);
-          _el$36.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
-          _el$38.$$click = () => setBookmarkSaveExpanded((current) => !current);
-          insert(_el$37, createComponent(Show, {
+          _el$37.$$input = (e) => setBookmarkSearchQuery(e.currentTarget.value);
+          _el$39.$$click = () => setBookmarkSaveExpanded((current) => !current);
+          insert(_el$38, createComponent(Show, {
             get when() {
               return bookmarkSaveExpanded();
             },
             get children() {
-              var _el$41 = _tmpl$7$2(), _el$42 = _el$41.firstChild, _el$43 = _el$42.nextSibling, _el$44 = _el$43.nextSibling, _el$45 = _el$44.firstChild, _el$46 = _el$44.nextSibling;
-              insert(_el$42, () => currentTab()?.title || "No active page");
-              insert(_el$43, () => currentTab()?.url || "Open a page to save it here.");
-              insert(_el$44, createComponent(DropdownSelect, {
+              var _el$42 = _tmpl$7$2(), _el$43 = _el$42.firstChild, _el$44 = _el$43.nextSibling, _el$45 = _el$44.nextSibling, _el$46 = _el$45.firstChild, _el$47 = _el$45.nextSibling;
+              insert(_el$43, () => currentTab()?.title || "No active page");
+              insert(_el$44, () => currentTab()?.url || "Open a page to save it here.");
+              insert(_el$45, createComponent(DropdownSelect, {
                 "class": "bookmark-select",
                 get value() {
                   return selectedFolderId();
@@ -3896,29 +5893,29 @@ ${contextBlock}` : contextBlock);
                 },
                 ariaLabel: "Bookmark folder",
                 onChange: (value) => setSelectedFolderId(value)
-              }), _el$45);
-              _el$45.$$click = () => void handleSaveBookmark();
-              _el$46.$$input = (e) => setBookmarkNote(e.currentTarget.value);
-              createRenderEffect(() => _el$45.disabled = !currentTab()?.url);
-              createRenderEffect(() => _el$46.value = bookmarkNote());
-              return _el$41;
+              }), _el$46);
+              _el$46.$$click = () => void handleSaveBookmark();
+              _el$47.$$input = (e) => setBookmarkNote(e.currentTarget.value);
+              createRenderEffect(() => _el$46.disabled = !currentTab()?.url);
+              createRenderEffect(() => _el$47.value = bookmarkNote());
+              return _el$42;
             }
           }), null);
-          _el$47.addEventListener("submit", handleCreateFolder);
-          _el$49.$$input = (e) => setNewFolderName(e.currentTarget.value);
-          _el$50.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
-          insert(_el$52, createComponent(Show, {
+          _el$48.addEventListener("submit", handleCreateFolder);
+          _el$50.$$input = (e) => setNewFolderName(e.currentTarget.value);
+          _el$51.$$input = (e) => setNewFolderSummary(e.currentTarget.value);
+          insert(_el$53, createComponent(Show, {
             get when() {
               return filteredGroupedBookmarks().length > 0;
             },
             get fallback() {
               return (() => {
-                var _el$102 = _tmpl$26$1();
-                insert(_el$102, (() => {
+                var _el$108 = _tmpl$29();
+                insert(_el$108, (() => {
                   var _c$5 = memo(() => !!normalizedBookmarkSearch());
                   return () => _c$5() ? `No bookmarks matched "${bookmarkSearchQuery().trim()}".` : "No bookmarks saved yet.";
                 })());
-                return _el$102;
+                return _el$108;
               })();
             },
             get children() {
@@ -3927,71 +5924,71 @@ ${contextBlock}` : contextBlock);
                   return filteredGroupedBookmarks();
                 },
                 children: (folder) => (() => {
-                  var _el$103 = _tmpl$31(), _el$104 = _el$103.firstChild, _el$105 = _el$104.firstChild, _el$106 = _el$105.firstChild, _el$107 = _el$106.nextSibling, _el$108 = _el$107.firstChild, _el$109 = _el$108.nextSibling, _el$110 = _el$109.firstChild;
-                  _el$104.$$keydown = (e) => {
+                  var _el$109 = _tmpl$34(), _el$110 = _el$109.firstChild, _el$111 = _el$110.firstChild, _el$112 = _el$111.firstChild, _el$113 = _el$112.nextSibling, _el$114 = _el$113.firstChild, _el$115 = _el$114.nextSibling, _el$116 = _el$115.firstChild;
+                  _el$110.$$keydown = (e) => {
                     if (e.key === "Enter" || e.key === " ") {
                       e.preventDefault();
                       toggleFolderExpanded(folder.id);
                     }
                   };
-                  _el$104.$$click = () => toggleFolderExpanded(folder.id);
-                  insert(_el$108, () => folder.name);
-                  insert(_el$109, () => folder.items.length, _el$110);
-                  insert(_el$107, createComponent(Show, {
+                  _el$110.$$click = () => toggleFolderExpanded(folder.id);
+                  insert(_el$114, () => folder.name);
+                  insert(_el$115, () => folder.items.length, _el$116);
+                  insert(_el$113, createComponent(Show, {
                     get when() {
                       return folder.summary;
                     },
                     get children() {
-                      var _el$111 = _tmpl$27$1();
-                      insert(_el$111, () => folder.summary);
-                      return _el$111;
+                      var _el$117 = _tmpl$30();
+                      insert(_el$117, () => folder.summary);
+                      return _el$117;
                     }
                   }), null);
-                  insert(_el$104, createComponent(Show, {
+                  insert(_el$110, createComponent(Show, {
                     get when() {
                       return folder.id !== UNSORTED_FOLDER.id;
                     },
                     get children() {
-                      var _el$112 = _tmpl$28(), _el$113 = _el$112.firstChild, _el$114 = _el$113.nextSibling;
-                      _el$113.$$click = (e) => {
+                      var _el$118 = _tmpl$31(), _el$119 = _el$118.firstChild, _el$120 = _el$119.nextSibling;
+                      _el$119.$$click = (e) => {
                         e.stopPropagation();
                         setEditingFolderId(folder.id);
                         setEditingFolderName(folder.name);
                         setEditingFolderSummary(folder.summary || "");
                       };
-                      _el$114.$$click = (e) => {
+                      _el$120.$$click = (e) => {
                         e.stopPropagation();
                         void handleRemoveFolder(folder.id);
                       };
-                      return _el$112;
+                      return _el$118;
                     }
                   }), null);
-                  insert(_el$103, createComponent(Show, {
+                  insert(_el$109, createComponent(Show, {
                     get when() {
                       return editingFolderId() === folder.id;
                     },
                     get children() {
-                      var _el$115 = _tmpl$29(), _el$116 = _el$115.firstChild, _el$117 = _el$116.firstChild, _el$118 = _el$117.nextSibling, _el$119 = _el$116.nextSibling, _el$120 = _el$119.nextSibling;
-                      _el$117.$$input = (e) => setEditingFolderName(e.currentTarget.value);
-                      _el$118.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
-                      _el$119.$$click = () => void handleRenameFolder(folder.id);
-                      _el$120.$$click = () => {
+                      var _el$121 = _tmpl$32(), _el$122 = _el$121.firstChild, _el$123 = _el$122.firstChild, _el$124 = _el$123.nextSibling, _el$125 = _el$122.nextSibling, _el$126 = _el$125.nextSibling;
+                      _el$123.$$input = (e) => setEditingFolderName(e.currentTarget.value);
+                      _el$124.$$input = (e) => setEditingFolderSummary(e.currentTarget.value);
+                      _el$125.$$click = () => void handleRenameFolder(folder.id);
+                      _el$126.$$click = () => {
                         setEditingFolderId(null);
                         setEditingFolderName("");
                         setEditingFolderSummary("");
                       };
-                      createRenderEffect(() => _el$119.disabled = !editingFolderName().trim());
-                      createRenderEffect(() => _el$117.value = editingFolderName());
-                      createRenderEffect(() => _el$118.value = editingFolderSummary());
-                      return _el$115;
+                      createRenderEffect(() => _el$125.disabled = !editingFolderName().trim());
+                      createRenderEffect(() => _el$123.value = editingFolderName());
+                      createRenderEffect(() => _el$124.value = editingFolderSummary());
+                      return _el$121;
                     }
                   }), null);
-                  insert(_el$103, createComponent(Show, {
+                  insert(_el$109, createComponent(Show, {
                     get when() {
                       return isFolderExpanded(folder.id);
                     },
                     get fallback() {
-                      return _tmpl$32();
+                      return _tmpl$35();
                     },
                     get children() {
                       return createComponent(Show, {
@@ -3999,116 +5996,126 @@ ${contextBlock}` : contextBlock);
                           return folder.items.length > 0;
                         },
                         get fallback() {
-                          return _tmpl$33();
+                          return _tmpl$36();
                         },
                         get children() {
-                          var _el$121 = _tmpl$30();
-                          insert(_el$121, createComponent(For, {
+                          var _el$127 = _tmpl$33();
+                          insert(_el$127, createComponent(For, {
                             get each() {
                               return folder.items;
                             },
                             children: (bookmark) => (() => {
-                              var _el$124 = _tmpl$35(), _el$125 = _el$124.firstChild, _el$126 = _el$125.firstChild, _el$127 = _el$126.nextSibling, _el$129 = _el$125.nextSibling, _el$130 = _el$129.firstChild, _el$131 = _el$130.nextSibling;
-                              _el$125.$$click = () => void createTab(bookmark.url);
-                              insert(_el$126, () => bookmark.title || bookmark.url);
-                              insert(_el$127, () => bookmark.url);
-                              insert(_el$124, createComponent(Show, {
+                              var _el$130 = _tmpl$38(), _el$131 = _el$130.firstChild, _el$132 = _el$131.firstChild, _el$133 = _el$132.nextSibling, _el$135 = _el$131.nextSibling, _el$136 = _el$135.firstChild, _el$137 = _el$136.nextSibling;
+                              _el$131.$$click = () => void createTab(bookmark.url);
+                              insert(_el$132, () => bookmark.title || bookmark.url);
+                              insert(_el$133, () => bookmark.url);
+                              insert(_el$130, createComponent(Show, {
                                 get when() {
                                   return bookmark.note;
                                 },
                                 get children() {
-                                  var _el$128 = _tmpl$34();
-                                  insert(_el$128, () => bookmark.note);
-                                  return _el$128;
+                                  var _el$134 = _tmpl$37();
+                                  insert(_el$134, () => bookmark.note);
+                                  return _el$134;
                                 }
-                              }), _el$129);
-                              insert(_el$130, () => formatBookmarkDate(bookmark.savedAt));
-                              _el$131.$$click = () => void removeBookmark(bookmark.id);
-                              createRenderEffect(() => setAttribute(_el$124, "data-bookmark-id", bookmark.id));
-                              return _el$124;
+                              }), _el$135);
+                              insert(_el$136, () => formatBookmarkDate(bookmark.savedAt));
+                              _el$137.$$click = () => void removeBookmark(bookmark.id);
+                              createRenderEffect(() => setAttribute(_el$130, "data-bookmark-id", bookmark.id));
+                              return _el$130;
                             })()
                           }));
-                          return _el$121;
+                          return _el$127;
                         }
                       });
                     }
                   }), null);
-                  createRenderEffect(() => _el$106.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
-                  return _el$103;
+                  createRenderEffect(() => _el$112.classList.toggle("expanded", !!isFolderExpanded(folder.id)));
+                  return _el$109;
                 })()
               });
             }
           }));
           createRenderEffect((_p$) => {
             var _v$ = !!bookmarkSaveExpanded(), _v$2 = !newFolderName().trim();
-            _v$ !== _p$.e && _el$40.classList.toggle("expanded", _p$.e = _v$);
-            _v$2 !== _p$.t && (_el$51.disabled = _p$.t = _v$2);
+            _v$ !== _p$.e && _el$41.classList.toggle("expanded", _p$.e = _v$);
+            _v$2 !== _p$.t && (_el$52.disabled = _p$.t = _v$2);
             return _p$;
           }, {
             e: void 0,
             t: void 0
           });
-          createRenderEffect(() => _el$36.value = bookmarkSearchQuery());
-          createRenderEffect(() => _el$49.value = newFolderName());
-          createRenderEffect(() => _el$50.value = newFolderSummary());
-          return _el$30;
+          createRenderEffect(() => _el$37.value = bookmarkSearchQuery());
+          createRenderEffect(() => _el$50.value = newFolderName());
+          createRenderEffect(() => _el$51.value = newFolderSummary());
+          return _el$31;
         }
-      }), _el$72);
-      insert(_el$15, createComponent(Show, {
+      }), _el$73);
+      insert(_el$16, createComponent(Show, {
         get when() {
           return sidebarTab() === "checkpoints";
         },
         get children() {
-          var _el$53 = _tmpl$0$2(), _el$54 = _el$53.firstChild, _el$55 = _el$54.firstChild, _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling, _el$58 = _el$54.nextSibling, _el$59 = _el$58.firstChild, _el$60 = _el$59.firstChild, _el$61 = _el$60.nextSibling;
-          _el$59.nextSibling;
-          insert(_el$57, (() => {
+          var _el$54 = _tmpl$0$2(), _el$55 = _el$54.firstChild, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.nextSibling, _el$59 = _el$55.nextSibling, _el$60 = _el$59.firstChild, _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling;
+          _el$60.nextSibling;
+          insert(_el$58, (() => {
             var _c$3 = memo(() => recentCheckpoints().length > 0);
             return () => _c$3() ? `${recentCheckpoints().length} saved snapshots` : "Save and restore session snapshots";
           })());
-          _el$60.$$input = (e) => setCheckpointName(e.currentTarget.value);
-          _el$61.$$click = async () => {
+          _el$61.$$input = (e) => setCheckpointName(e.currentTarget.value);
+          _el$62.$$click = async () => {
             const name = checkpointName().trim();
             await createCheckpoint(name || void 0);
             setCheckpointName("");
           };
-          insert(_el$58, createComponent(Show, {
+          insert(_el$59, createComponent(Show, {
             get when() {
               return recentCheckpoints().length > 0;
             },
             get fallback() {
-              return _tmpl$36();
+              return _tmpl$39();
             },
             get children() {
-              var _el$63 = _tmpl$9$2();
-              insert(_el$63, createComponent(For, {
+              var _el$64 = _tmpl$9$2();
+              insert(_el$64, createComponent(For, {
                 get each() {
                   return recentCheckpoints();
                 },
                 children: (checkpoint, i) => (() => {
-                  var _el$133 = _tmpl$38(), _el$134 = _el$133.firstChild, _el$135 = _el$134.firstChild, _el$137 = _el$134.nextSibling, _el$138 = _el$137.firstChild, _el$139 = _el$138.nextSibling, _el$140 = _el$139.nextSibling;
-                  insert(_el$134, createComponent(Show, {
+                  var _el$139 = _tmpl$41(), _el$140 = _el$139.firstChild, _el$141 = _el$140.firstChild, _el$143 = _el$140.nextSibling, _el$144 = _el$143.firstChild, _el$145 = _el$144.nextSibling, _el$146 = _el$145.nextSibling;
+                  insert(_el$140, createComponent(Show, {
                     get when() {
                       return i() < recentCheckpoints().length - 1;
                     },
                     get children() {
-                      return _tmpl$37();
+                      return _tmpl$40();
                     }
                   }), null);
-                  insert(_el$138, () => checkpoint.name);
-                  insert(_el$139, () => new Date(checkpoint.createdAt).toLocaleString());
-                  _el$140.$$click = () => void restoreCheckpoint(checkpoint.id);
-                  createRenderEffect(() => _el$135.classList.toggle("latest", !!(i() === 0)));
-                  return _el$133;
+                  insert(_el$144, () => checkpoint.name);
+                  insert(_el$145, () => new Date(checkpoint.createdAt).toLocaleString());
+                  _el$146.$$click = () => void restoreCheckpoint(checkpoint.id);
+                  createRenderEffect(() => _el$141.classList.toggle("latest", !!(i() === 0)));
+                  return _el$139;
                 })()
               }));
-              return _el$63;
+              return _el$64;
             }
           }), null);
-          createRenderEffect(() => _el$60.value = checkpointName());
-          return _el$53;
+          createRenderEffect(() => _el$61.value = checkpointName());
+          return _el$54;
         }
-      }), _el$72);
-      insert(_el$15, createComponent(Show, {
+      }), _el$73);
+      insert(_el$16, createComponent(Show, {
+        get when() {
+          return sidebarTab() === "automation";
+        },
+        get children() {
+          return createComponent(AutomationTab, {
+            onRun: () => setSidebarTab("supervisor")
+          });
+        }
+      }), _el$73);
+      insert(_el$16, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
         },
@@ -4118,50 +6125,50 @@ ${contextBlock}` : contextBlock);
               return messages2();
             },
             children: (msg) => (() => {
-              var _el$141 = _tmpl$39();
-              insert(_el$141, createComponent(MarkdownMessage, {
+              var _el$147 = _tmpl$42();
+              insert(_el$147, createComponent(MarkdownMessage, {
                 get content() {
                   return msg.content;
                 }
               }));
-              createRenderEffect(() => className(_el$141, `message message-${msg.role}`));
-              return _el$141;
+              createRenderEffect(() => className(_el$147, `message message-${msg.role}`));
+              return _el$147;
             })()
           }), createComponent(Show, {
             get when() {
               return isStreaming2();
             },
             get children() {
-              var _el$64 = _tmpl$11$2(), _el$65 = _el$64.firstChild;
-              insert(_el$65, createComponent(Show, {
+              var _el$65 = _tmpl$11$2(), _el$66 = _el$65.firstChild;
+              insert(_el$66, createComponent(Show, {
                 get when() {
                   return hasFirstChunk2();
                 },
                 get fallback() {
-                  return _tmpl$40();
+                  return _tmpl$43();
                 },
                 get children() {
-                  var _el$66 = _tmpl$10$2(), _el$67 = _el$66.firstChild, _el$68 = _el$67.firstChild;
-                  _el$68.nextSibling;
-                  insert(_el$66, createComponent(MarkdownMessage, {
+                  var _el$67 = _tmpl$10$2(), _el$68 = _el$67.firstChild, _el$69 = _el$68.firstChild;
+                  _el$69.nextSibling;
+                  insert(_el$67, createComponent(MarkdownMessage, {
                     get content() {
                       return streamingText2();
                     }
-                  }), _el$67);
-                  insert(_el$67, createComponent(Show, {
+                  }), _el$68);
+                  insert(_el$68, createComponent(Show, {
                     get when() {
                       return elapsedSeconds() > 0;
                     },
                     get children() {
-                      var _el$70 = _tmpl$1$2();
-                      insert(_el$70, () => ` • ${elapsedSeconds()}s`);
-                      return _el$70;
+                      var _el$71 = _tmpl$1$2();
+                      insert(_el$71, () => ` • ${elapsedSeconds()}s`);
+                      return _el$71;
                     }
                   }), null);
-                  return _el$66;
+                  return _el$67;
                 }
               }));
-              return _el$64;
+              return _el$65;
             }
           }), createComponent(Show, {
             get when() {
@@ -4173,22 +6180,22 @@ ${contextBlock}` : contextBlock);
                   return runtimeState2().supervisor.pendingApprovals;
                 },
                 children: (approval) => (() => {
-                  var _el$143 = _tmpl$42(), _el$144 = _el$143.firstChild, _el$145 = _el$144.nextSibling, _el$146 = _el$145.firstChild, _el$147 = _el$146.firstChild, _el$148 = _el$147.nextSibling, _el$150 = _el$146.nextSibling, _el$151 = _el$150.nextSibling, _el$152 = _el$151.firstChild, _el$153 = _el$152.nextSibling;
-                  insert(_el$148, () => approval.name);
-                  insert(_el$145, createComponent(Show, {
+                  var _el$149 = _tmpl$45(), _el$150 = _el$149.firstChild, _el$151 = _el$150.nextSibling, _el$152 = _el$151.firstChild, _el$153 = _el$152.firstChild, _el$154 = _el$153.nextSibling, _el$156 = _el$152.nextSibling, _el$157 = _el$156.nextSibling, _el$158 = _el$157.firstChild, _el$159 = _el$158.nextSibling;
+                  insert(_el$154, () => approval.name);
+                  insert(_el$151, createComponent(Show, {
                     get when() {
                       return approval.argsSummary;
                     },
                     get children() {
-                      var _el$149 = _tmpl$41();
-                      insert(_el$149, () => approval.argsSummary);
-                      return _el$149;
+                      var _el$155 = _tmpl$44();
+                      insert(_el$155, () => approval.argsSummary);
+                      return _el$155;
                     }
-                  }), _el$150);
-                  insert(_el$150, () => approval.reason);
-                  _el$152.$$click = () => void resolveApproval(approval.id, true);
-                  _el$153.$$click = () => void resolveApproval(approval.id, false);
-                  return _el$143;
+                  }), _el$156);
+                  insert(_el$156, () => approval.reason);
+                  _el$158.$$click = () => void resolveApproval(approval.id, true);
+                  _el$159.$$click = () => void resolveApproval(approval.id, false);
+                  return _el$149;
                 })()
               });
             }
@@ -4201,9 +6208,9 @@ ${contextBlock}` : contextBlock);
             }
           })];
         }
-      }), _el$72);
+      }), _el$73);
       var _ref$ = messagesEndRef;
-      typeof _ref$ === "function" ? use(_ref$, _el$72) : messagesEndRef = _el$72;
+      typeof _ref$ === "function" ? use(_ref$, _el$73) : messagesEndRef = _el$73;
       insert(_el$2, createComponent(Show, {
         get when() {
           return sidebarTab() === "chat";
@@ -4214,85 +6221,137 @@ ${contextBlock}` : contextBlock);
               return isStreaming2() || messages2().length > 0;
             },
             get children() {
-              var _el$73 = _tmpl$15$1();
-              insert(_el$73, createComponent(Show, {
+              var _el$74 = _tmpl$15$1();
+              insert(_el$74, createComponent(Show, {
                 get when() {
                   return isStreaming2();
                 },
                 get children() {
-                  var _el$74 = _tmpl$13$1();
-                  _el$74.$$click = () => cancel();
-                  return _el$74;
+                  var _el$75 = _tmpl$13$1();
+                  _el$75.$$click = () => cancel();
+                  return _el$75;
                 }
               }), null);
-              insert(_el$73, createComponent(Show, {
+              insert(_el$74, createComponent(Show, {
                 get when() {
                   return memo(() => !!!isStreaming2())() && messages2().length > 0;
                 },
                 get children() {
-                  var _el$75 = _tmpl$14$1();
-                  _el$75.$$click = handleRetry;
-                  return _el$75;
+                  var _el$76 = _tmpl$14$1();
+                  _el$76.$$click = handleRetry;
+                  return _el$76;
                 }
               }), null);
-              return _el$73;
+              return _el$74;
             }
           }), createComponent(Show, {
             get when() {
               return highlightCount() > 0;
             },
             get children() {
-              var _el$76 = _tmpl$16$1(), _el$77 = _el$76.firstChild, _el$78 = _el$77.nextSibling;
-              _el$78.firstChild;
-              var _el$80 = _el$78.nextSibling;
-              _el$77.$$click = () => void scrollToHighlight(highlightIndex() - 1);
-              _el$78.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
-              insert(_el$78, (() => {
+              var _el$77 = _tmpl$16$1(), _el$78 = _el$77.firstChild, _el$79 = _el$78.nextSibling;
+              _el$79.firstChild;
+              var _el$81 = _el$79.nextSibling;
+              _el$78.$$click = () => void scrollToHighlight(highlightIndex() - 1);
+              _el$79.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex());
+              insert(_el$79, (() => {
                 var _c$4 = memo(() => highlightIndex() >= 0);
                 return () => _c$4() ? `${highlightIndex() + 1} / ${highlightCount()}` : `${highlightCount()} highlight${highlightCount() > 1 ? "s" : ""}`;
               })(), null);
-              _el$80.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
+              _el$81.$$click = () => void scrollToHighlight(highlightIndex() < 0 ? 0 : highlightIndex() + 1);
               createRenderEffect((_p$) => {
                 var _v$3 = highlightIndex() <= 0, _v$4 = highlightIndex() >= highlightCount() - 1;
-                _v$3 !== _p$.e && (_el$77.disabled = _p$.e = _v$3);
-                _v$4 !== _p$.t && (_el$80.disabled = _p$.t = _v$4);
+                _v$3 !== _p$.e && (_el$78.disabled = _p$.e = _v$3);
+                _v$4 !== _p$.t && (_el$81.disabled = _p$.t = _v$4);
                 return _p$;
               }, {
                 e: void 0,
                 t: void 0
               });
-              return _el$76;
+              return _el$77;
+            }
+          }), createComponent(Show, {
+            get when() {
+              return queueNotice2() !== null || pendingQueryCount() > 0;
+            },
+            get children() {
+              var _el$82 = _tmpl$19$1(), _el$83 = _el$82.firstChild, _el$84 = _el$83.firstChild;
+              insert(_el$84, () => queueNotice2() ?? `Queued ${pendingQueryCount()}/${pendingQueryLimit}.`);
+              insert(_el$83, createComponent(Show, {
+                get when() {
+                  return pendingQueryCount() > 0;
+                },
+                get children() {
+                  var _el$85 = _tmpl$17$1();
+                  _el$85.$$click = () => clearPendingQueries();
+                  return _el$85;
+                }
+              }), null);
+              insert(_el$82, createComponent(Show, {
+                get when() {
+                  return pendingQueries2().length > 0;
+                },
+                get children() {
+                  var _el$86 = _tmpl$18$1();
+                  insert(_el$86, createComponent(For, {
+                    get each() {
+                      return pendingQueries2();
+                    },
+                    children: (pendingPrompt, index) => (() => {
+                      var _el$160 = _tmpl$46(), _el$161 = _el$160.firstChild, _el$162 = _el$161.nextSibling;
+                      setAttribute(_el$161, "title", pendingPrompt);
+                      insert(_el$161, pendingPrompt);
+                      _el$162.$$click = () => removePendingQuery(index());
+                      createRenderEffect(() => setAttribute(_el$162, "aria-label", `Remove queued prompt ${index() + 1}`));
+                      return _el$160;
+                    })()
+                  }));
+                  return _el$86;
+                }
+              }), null);
+              return _el$82;
             }
           }), (() => {
-            var _el$81 = _tmpl$17$1(), _el$82 = _el$81.firstChild, _el$83 = _el$82.nextSibling;
-            _el$82.$$keydown = (e) => {
+            var _el$87 = _tmpl$20$1(), _el$88 = _el$87.firstChild, _el$89 = _el$88.nextSibling;
+            _el$88.$$keydown = (e) => {
               if (e.key === "Enter" && !e.shiftKey) {
                 e.preventDefault();
                 void handleChatSend();
               }
             };
-            _el$82.$$input = (e) => setChatInput(e.currentTarget.value);
+            _el$88.$$input = (e) => setChatInput(e.currentTarget.value);
             var _ref$2 = chatInputRef;
-            typeof _ref$2 === "function" ? use(_ref$2, _el$82) : chatInputRef = _el$82;
-            _el$83.$$click = () => void handleChatSend();
-            createRenderEffect(() => _el$83.disabled = !chatInput().trim() || isStreaming2());
-            createRenderEffect(() => _el$82.value = chatInput());
-            return _el$81;
+            typeof _ref$2 === "function" ? use(_ref$2, _el$88) : chatInputRef = _el$88;
+            _el$89.$$click = () => void handleChatSend();
+            insert(_el$89, () => isStreaming2() ? "Queue" : "Send");
+            createRenderEffect((_p$) => {
+              var _v$5 = isStreaming2() ? "Send now to queue the next prompt..." : "Ask anything...", _v$6 = !chatInput().trim();
+              _v$5 !== _p$.e && setAttribute(_el$88, "placeholder", _p$.e = _v$5);
+              _v$6 !== _p$.t && (_el$89.disabled = _p$.t = _v$6);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0
+            });
+            createRenderEffect(() => _el$88.value = chatInput());
+            return _el$87;
           })()];
         }
       }), null);
       createRenderEffect((_p$) => {
-        var _v$5 = `${sidebarWidth2()}px`, _v$6 = !!isDragging(), _v$7 = !!(sidebarTab() === "supervisor"), _v$8 = sidebarTab() === "supervisor", _v$9 = !!(sidebarTab() === "bookmarks"), _v$0 = sidebarTab() === "bookmarks", _v$1 = !!(sidebarTab() === "checkpoints"), _v$10 = sidebarTab() === "checkpoints", _v$11 = !!(sidebarTab() === "chat"), _v$12 = sidebarTab() === "chat";
-        _v$5 !== _p$.e && setStyleProperty(_el$2, "width", _p$.e = _v$5);
-        _v$6 !== _p$.t && _el$3.classList.toggle("dragging", _p$.t = _v$6);
-        _v$7 !== _p$.a && _el$1.classList.toggle("active", _p$.a = _v$7);
-        _v$8 !== _p$.o && setAttribute(_el$1, "aria-selected", _p$.o = _v$8);
-        _v$9 !== _p$.i && _el$12.classList.toggle("active", _p$.i = _v$9);
-        _v$0 !== _p$.n && setAttribute(_el$12, "aria-selected", _p$.n = _v$0);
-        _v$1 !== _p$.s && _el$13.classList.toggle("active", _p$.s = _v$1);
-        _v$10 !== _p$.h && setAttribute(_el$13, "aria-selected", _p$.h = _v$10);
-        _v$11 !== _p$.r && _el$14.classList.toggle("active", _p$.r = _v$11);
-        _v$12 !== _p$.d && setAttribute(_el$14, "aria-selected", _p$.d = _v$12);
+        var _v$7 = `${sidebarWidth2()}px`, _v$8 = !!isDragging(), _v$9 = !!(sidebarTab() === "supervisor"), _v$0 = sidebarTab() === "supervisor", _v$1 = !!(sidebarTab() === "bookmarks"), _v$10 = sidebarTab() === "bookmarks", _v$11 = !!(sidebarTab() === "checkpoints"), _v$12 = sidebarTab() === "checkpoints", _v$13 = !!(sidebarTab() === "chat"), _v$14 = sidebarTab() === "chat", _v$15 = !!(sidebarTab() === "automation"), _v$16 = sidebarTab() === "automation";
+        _v$7 !== _p$.e && setStyleProperty(_el$2, "width", _p$.e = _v$7);
+        _v$8 !== _p$.t && _el$3.classList.toggle("dragging", _p$.t = _v$8);
+        _v$9 !== _p$.a && _el$1.classList.toggle("active", _p$.a = _v$9);
+        _v$0 !== _p$.o && setAttribute(_el$1, "aria-selected", _p$.o = _v$0);
+        _v$1 !== _p$.i && _el$12.classList.toggle("active", _p$.i = _v$1);
+        _v$10 !== _p$.n && setAttribute(_el$12, "aria-selected", _p$.n = _v$10);
+        _v$11 !== _p$.s && _el$13.classList.toggle("active", _p$.s = _v$11);
+        _v$12 !== _p$.h && setAttribute(_el$13, "aria-selected", _p$.h = _v$12);
+        _v$13 !== _p$.r && _el$14.classList.toggle("active", _p$.r = _v$13);
+        _v$14 !== _p$.d && setAttribute(_el$14, "aria-selected", _p$.d = _v$14);
+        _v$15 !== _p$.l && _el$15.classList.toggle("active", _p$.l = _v$15);
+        _v$16 !== _p$.u && setAttribute(_el$15, "aria-selected", _p$.u = _v$16);
         return _p$;
       }, {
         e: void 0,
@@ -4304,7 +6363,9 @@ ${contextBlock}` : contextBlock);
         s: void 0,
         h: void 0,
         r: void 0,
-        d: void 0
+        d: void 0,
+        l: void 0,
+        u: void 0
       });
       return _el$2;
     }
@@ -4482,21 +6543,6 @@ const NetworkView = (props) => {
   });
 };
 const ActivityView = (props) => {
-  let scrollRef;
-  let autoScroll = true;
-  const onScroll = () => {
-    if (!scrollRef) return;
-    const atBottom = scrollRef.scrollHeight - scrollRef.scrollTop - scrollRef.clientHeight < 30;
-    autoScroll = atBottom;
-  };
-  createEffect(() => {
-    props.entries.length;
-    if (autoScroll && scrollRef) {
-      requestAnimationFrame(() => {
-        scrollRef.scrollTop = scrollRef.scrollHeight;
-      });
-    }
-  });
   return createComponent(Show, {
     get when() {
       return props.entries.length > 0;
@@ -4506,12 +6552,9 @@ const ActivityView = (props) => {
     },
     get children() {
       var _el$15 = _tmpl$7$1();
-      _el$15.addEventListener("scroll", onScroll);
-      var _ref$3 = scrollRef;
-      typeof _ref$3 === "function" ? use(_ref$3, _el$15) : scrollRef = _el$15;
       insert(_el$15, createComponent(For, {
         get each() {
-          return props.entries;
+          return [...props.entries].reverse();
         },
         children: (entry) => (() => {
           var _el$17 = _tmpl$9$1(), _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling, _el$20 = _el$19.nextSibling, _el$21 = _el$20.nextSibling, _el$22 = _el$21.nextSibling;
@@ -4658,16 +6701,16 @@ const DevToolsPanel = () => {
       }
     }), null);
     _el$36.$$click = () => setShowExport((v) => !v);
-    var _ref$4 = exportBtnRef;
-    typeof _ref$4 === "function" ? use(_ref$4, _el$36) : exportBtnRef = _el$36;
+    var _ref$3 = exportBtnRef;
+    typeof _ref$3 === "function" ? use(_ref$3, _el$36) : exportBtnRef = _el$36;
     insert(_el$35, createComponent(Show, {
       get when() {
         return showExport();
       },
       get children() {
         var _el$37 = _tmpl$11$1(), _el$38 = _el$37.firstChild, _el$39 = _el$38.firstChild, _el$40 = _el$39.nextSibling, _el$41 = _el$40.firstChild, _el$42 = _el$40.nextSibling, _el$43 = _el$42.firstChild, _el$44 = _el$42.nextSibling, _el$45 = _el$44.firstChild, _el$46 = _el$38.nextSibling, _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$58 = _el$46.nextSibling;
-        var _ref$5 = exportDropdownRef;
-        typeof _ref$5 === "function" ? use(_ref$5, _el$37) : exportDropdownRef = _el$37;
+        var _ref$4 = exportDropdownRef;
+        typeof _ref$4 === "function" ? use(_ref$4, _el$37) : exportDropdownRef = _el$37;
         _el$41.addEventListener("change", (e) => setExportConsole(e.currentTarget.checked));
         _el$43.addEventListener("change", (e) => setExportNetwork(e.currentTarget.checked));
         _el$45.addEventListener("change", (e) => setExportActivity(e.currentTarget.checked));
@@ -5513,6 +7556,10 @@ const Settings = () => {
   };
   onMount(() => {
     void loadState();
+    const unsubscribe = window.vessel.settings.onHealthUpdate((nextHealth) => {
+      setHealth(nextHealth);
+    });
+    onCleanup(unsubscribe);
   });
   createEffect(() => {
     if (settingsOpen2()) {
@@ -5571,7 +7618,7 @@ const Settings = () => {
         var _el$61 = _el$52.nextSibling, _el$62 = _el$61.nextSibling, _el$63 = _el$62.firstChild;
         _el$63.firstChild;
         var _el$79 = _el$62.nextSibling, _el$80 = _el$79.nextSibling, _el$81 = _el$80.firstChild, _el$82 = _el$81.firstChild, _el$83 = _el$80.nextSibling, _el$84 = _el$83.firstChild, _el$85 = _el$84.nextSibling;
-        addEventListener(_el$, "click", closeSettings);
+        addEventListener(_el$, "click", closeSettings, true);
         _el$2.$$keydown = handleKeyDown;
         _el$2.$$click = (e) => e.stopPropagation();
         insert(_el$2, createComponent(Show, {
@@ -5997,7 +8044,7 @@ const Settings = () => {
         }), null);
         _el$82.$$click = () => setTelemetryEnabled(!telemetryEnabled());
         _el$84.$$click = handleSave;
-        addEventListener(_el$85, "click", closeSettings);
+        addEventListener(_el$85, "click", closeSettings, true);
         insert(_el$2, createComponent(Show, {
           get when() {
             return status();
@@ -6164,9 +8211,9 @@ const KeyboardHelp = (props) => {
     get children() {
       return [(() => {
         var _el$ = _tmpl$$1(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$3.nextSibling;
-        addEventListener(_el$, "click", props.onClose);
+        addEventListener(_el$, "click", props.onClose, true);
         _el$2.$$click = (e) => e.stopPropagation();
-        addEventListener(_el$5, "click", props.onClose);
+        addEventListener(_el$5, "click", props.onClose, true);
         insert(_el$6, () => SHORTCUTS.map((s) => [(() => {
           var _el$8 = _tmpl$3();
           insert(_el$8, () => s.keys.split("+").map((k, i) => [i > 0 && _tmpl$6(), (() => {