@quanta-intellect/vessel-browser 0.1.17 → 0.1.18

package/out/main/index.js

@@ -26,7 +26,15 @@ const defaults = {
   chatProvider: null,
   maxToolIterations: 200,
   domainPolicy: { allowedDomains: [], blockedDomains: [] },
-  downloadPath: ""
+  downloadPath: "",
+  telemetryEnabled: true,
+  premium: {
+    status: "free",
+    customerId: "",
+    email: "",
+    validatedAt: "",
+    expiresAt: ""
+  }
 };
 const SETTABLE_KEYS = new Set(Object.keys(defaults));
 let settings = null;
@@ -2334,6 +2342,13 @@ const Channels = {
   DOWNLOAD_STARTED: "download:started",
   DOWNLOAD_PROGRESS: "download:progress",
   DOWNLOAD_DONE: "download:done",
+  // Premium
+  PREMIUM_GET_STATE: "premium:get-state",
+  PREMIUM_ACTIVATE: "premium:activate",
+  PREMIUM_CHECKOUT: "premium:checkout",
+  PREMIUM_PORTAL: "premium:portal",
+  PREMIUM_RESET: "premium:reset",
+  PREMIUM_UPDATE: "premium:update",
   // Window controls
   WINDOW_MINIMIZE: "window:minimize",
   WINDOW_MAXIMIZE: "window:maximize",
@@ -4396,6 +4411,288 @@ function setMcpHealth(update) {
     }
   }
 }
+const VERIFICATION_API = process.env.VESSEL_PREMIUM_API || "https://vesselpremium.quantaintellect.com";
+const FREE_TOOL_ITERATION_LIMIT = 50;
+const REVALIDATION_INTERVAL_MS = 24 * 60 * 60 * 1e3;
+const OFFLINE_GRACE_PERIOD_MS = 7 * 24 * 60 * 60 * 1e3;
+const PREMIUM_TOOLS = /* @__PURE__ */ new Set([
+  "screenshot",
+  "save_session",
+  "load_session",
+  "list_sessions",
+  "delete_session",
+  "flow_start",
+  "flow_advance",
+  "flow_status",
+  "flow_end",
+  "metrics",
+  "extract_table"
+]);
+function isPremium() {
+  const { premium } = loadSettings();
+  if (premium.status === "active" || premium.status === "trialing") {
+    return true;
+  }
+  if (premium.validatedAt && premium.status !== "free") {
+    const lastValidated = new Date(premium.validatedAt).getTime();
+    if (Date.now() - lastValidated < OFFLINE_GRACE_PERIOD_MS) {
+      return true;
+    }
+  }
+  return false;
+}
+function getPremiumState() {
+  return { ...loadSettings().premium };
+}
+function getEffectiveMaxIterations() {
+  if (isPremium()) {
+    return loadSettings().maxToolIterations || 200;
+  }
+  return FREE_TOOL_ITERATION_LIMIT;
+}
+function resetPremium() {
+  const fresh = {
+    status: "free",
+    customerId: "",
+    email: "",
+    validatedAt: "",
+    expiresAt: ""
+  };
+  setSetting("premium", fresh);
+  return fresh;
+}
+function isToolGated(toolName) {
+  return PREMIUM_TOOLS.has(toolName) && !isPremium();
+}
+async function getCheckoutUrl(email) {
+  try {
+    const params = new URLSearchParams();
+    if (email) params.set("email", email);
+    const res = await fetch(`${VERIFICATION_API}/checkout?${params}`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" }
+    });
+    if (!res.ok) {
+      const body = await res.text();
+      return { ok: false, error: body || `HTTP ${res.status}` };
+    }
+    const { url } = await res.json();
+    return { ok: true, url };
+  } catch (err) {
+    return {
+      ok: false,
+      error: err instanceof Error ? err.message : "Failed to create checkout"
+    };
+  }
+}
+async function getPortalUrl() {
+  const { premium } = loadSettings();
+  if (!premium.customerId) {
+    return { ok: false, error: "No active subscription" };
+  }
+  try {
+    const res = await fetch(`${VERIFICATION_API}/portal`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ customerId: premium.customerId })
+    });
+    if (!res.ok) {
+      return { ok: false, error: `HTTP ${res.status}` };
+    }
+    const { url } = await res.json();
+    return { ok: true, url };
+  } catch (err) {
+    return {
+      ok: false,
+      error: err instanceof Error ? err.message : "Failed to get portal URL"
+    };
+  }
+}
+async function verifySubscription(emailOrCustomerId) {
+  const current = loadSettings().premium;
+  const identifier = emailOrCustomerId || current.customerId || current.email;
+  if (!identifier) {
+    return current;
+  }
+  try {
+    const res = await fetch(`${VERIFICATION_API}/verify`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ identifier })
+    });
+    if (!res.ok) {
+      console.warn("[Vessel Premium] Verification API returned", res.status);
+      return current;
+    }
+    const data = await res.json();
+    const updated = {
+      status: data.status,
+      customerId: data.customerId,
+      email: data.email,
+      validatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      expiresAt: data.expiresAt
+    };
+    setSetting("premium", updated);
+    return updated;
+  } catch (err) {
+    console.warn("[Vessel Premium] Verification failed:", err);
+    return current;
+  }
+}
+async function activateWithEmail(email) {
+  if (!email.trim()) {
+    return { ok: false, state: getPremiumState(), error: "Email is required" };
+  }
+  const state2 = await verifySubscription(email.trim());
+  if (state2.status === "active" || state2.status === "trialing") {
+    return { ok: true, state: state2 };
+  }
+  return {
+    ok: false,
+    state: state2,
+    error: state2.status === "canceled" ? "Subscription is canceled. Resubscribe to continue." : state2.status === "past_due" ? "Subscription payment is past due. Update your payment method." : "No active subscription found for this email."
+  };
+}
+let revalidationTimer = null;
+function startBackgroundRevalidation() {
+  if (revalidationTimer) return;
+  const { premium } = loadSettings();
+  if (premium.customerId || premium.email) {
+    const lastValidated = premium.validatedAt ? new Date(premium.validatedAt).getTime() : 0;
+    if (Date.now() - lastValidated > REVALIDATION_INTERVAL_MS) {
+      void verifySubscription();
+    }
+  }
+  revalidationTimer = setInterval(() => {
+    const { premium: p } = loadSettings();
+    if (p.customerId || p.email) {
+      void verifySubscription();
+    }
+  }, REVALIDATION_INTERVAL_MS);
+}
+function stopBackgroundRevalidation() {
+  if (revalidationTimer) {
+    clearInterval(revalidationTimer);
+    revalidationTimer = null;
+  }
+}
+const POSTHOG_API_KEY = process.env.POSTHOG_API_KEY || "phc_OMeM3P5cxJwl14lOKxYad0Yre52xvjNfkLEFnPtXyM";
+const POSTHOG_HOST = process.env.POSTHOG_HOST || "https://us.i.posthog.com";
+const BATCH_INTERVAL_MS = 6e4;
+const MAX_BATCH_SIZE = 50;
+function getDeviceIdPath() {
+  return path.join(electron.app.getPath("userData"), ".vessel-device-id");
+}
+let deviceId = null;
+function getDeviceId() {
+  if (deviceId) return deviceId;
+  const idPath = getDeviceIdPath();
+  try {
+    deviceId = fs.readFileSync(idPath, "utf-8").trim();
+    if (deviceId) return deviceId;
+  } catch {
+  }
+  deviceId = crypto.randomUUID();
+  try {
+    fs.mkdirSync(path.dirname(idPath), { recursive: true });
+    fs.writeFileSync(idPath, deviceId, "utf-8");
+  } catch {
+  }
+  return deviceId;
+}
+let eventQueue = [];
+let flushTimer = null;
+let sessionStartedAt = null;
+function isEnabled() {
+  if (POSTHOG_API_KEY === "YOUR_POSTHOG_KEY_HERE") return false;
+  return loadSettings().telemetryEnabled !== false;
+}
+function trackEvent(event, properties = {}) {
+  if (!isEnabled()) return;
+  eventQueue.push({
+    event,
+    properties: {
+      ...properties,
+      premium_status: isPremium() ? "premium" : "free",
+      app_version: electron.app.getVersion(),
+      platform: process.platform,
+      arch: process.arch
+    },
+    timestamp: (/* @__PURE__ */ new Date()).toISOString()
+  });
+  if (eventQueue.length >= MAX_BATCH_SIZE) {
+    void flush();
+  }
+}
+function trackToolCall(toolName, pageType) {
+  trackEvent("tool_called", {
+    tool_name: toolName,
+    page_type: "unknown"
+  });
+}
+function trackProviderConfigured(providerId) {
+  trackEvent("provider_configured", {
+    provider_id: providerId
+  });
+}
+function startTelemetry() {
+  if (!isEnabled()) return;
+  sessionStartedAt = Date.now();
+  trackEvent("app_launched", {
+    electron_version: process.versions.electron,
+    chrome_version: process.versions.chrome
+  });
+  flushTimer = setInterval(() => {
+    void flush();
+  }, BATCH_INTERVAL_MS);
+}
+function stopTelemetry() {
+  if (sessionStartedAt) {
+    const durationMinutes = Math.round(
+      (Date.now() - sessionStartedAt) / 6e4
+    );
+    trackEvent("app_session_ended", {
+      duration_minutes: durationMinutes
+    });
+    sessionStartedAt = null;
+  }
+  if (flushTimer) {
+    clearInterval(flushTimer);
+    flushTimer = null;
+  }
+  void flush();
+}
+async function flush() {
+  if (eventQueue.length === 0) return;
+  if (!isEnabled()) {
+    eventQueue = [];
+    return;
+  }
+  const batch = eventQueue.splice(0);
+  const distinctId = getDeviceId();
+  const payload = {
+    api_key: POSTHOG_API_KEY,
+    batch: batch.map((e) => ({
+      event: e.event,
+      properties: {
+        distinct_id: distinctId,
+        ...e.properties
+      },
+      timestamp: e.timestamp
+    }))
+  };
+  try {
+    await fetch(`${POSTHOG_HOST}/batch`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(payload)
+    });
+  } catch {
+    if (eventQueue.length < MAX_BATCH_SIZE * 2) {
+      eventQueue.unshift(...batch);
+    }
+  }
+}
 function isRichToolResult(value) {
   return typeof value === "object" && value !== null && value.__richResult === true;
 }
@@ -4409,7 +4706,6 @@ function makeImageResult(base64, description, mediaType = "image/png") {
   };
   return JSON.stringify(result);
 }
-const DEFAULT_MAX_ITERATIONS$1 = 200;
 class AnthropicProvider {
   client;
   model;
@@ -4457,7 +4753,7 @@ class AnthropicProvider {
       { role: "user", content: userMessage }
     ];
     try {
-      const maxIterations = loadSettings().maxToolIterations || DEFAULT_MAX_ITERATIONS$1;
+      const maxIterations = getEffectiveMaxIterations();
       let iterationsUsed = 0;
       for (let i = 0; i < maxIterations; i++) {
         iterationsUsed = i + 1;
@@ -4698,7 +4994,6 @@ const PROVIDERS = {
     apiKeyHint: "Any OpenAI-compatible API endpoint"
   }
 };
-const DEFAULT_MAX_ITERATIONS = 200;
 function toOpenAITools(tools) {
   return tools.map((t) => ({
     type: "function",
@@ -4764,7 +5059,7 @@ class OpenAICompatProvider {
       { role: "user", content: userMessage }
     ];
     try {
-      const maxIterations = loadSettings().maxToolIterations || DEFAULT_MAX_ITERATIONS;
+      const maxIterations = getEffectiveMaxIterations();
       let iterationsUsed = 0;
       for (let i = 0; i < maxIterations; i++) {
         iterationsUsed = i + 1;
@@ -7275,7 +7570,7 @@ function pruneToolsForContext(tools, pageType, query = "") {
   const ctx = pageType ?? "GENERAL";
   const hints = CONTEXT_HINTS[ctx] ?? {};
   const intents = inferIntent(query);
-  const scored = tools.filter((tool) => shouldIncludeTool(tool.name, ctx, intents)).map((tool) => ({
+  const scored = tools.filter((tool) => !isToolGated(tool.name)).filter((tool) => shouldIncludeTool(tool.name, ctx, intents)).map((tool) => ({
     tool,
     score: scoreForContext(tool.name, ctx)
   }));
@@ -10773,6 +11068,10 @@ async function executeAction(name, args, ctx) {
   ].includes(name)) {
     return "Error: No active tab";
   }
+  trackToolCall(name);
+  if (isToolGated(name)) {
+    return `This tool (${name}) requires Vessel Premium. Upgrade at Settings > Premium to unlock screenshot, session management, workflow tracking, and more.`;
+  }
   const wc = tab?.view.webContents;
   const result = await ctx.runtime.runControlledAction({
     source: "ai",
@@ -17398,6 +17697,7 @@ function registerIpcHandlers(windowState, runtime2) {
     }
     try {
       activeChatProvider = createProvider(chatConfig);
+      trackProviderConfigured(chatConfig.id);
       const activeTab = tabManager.getActiveTab();
       await handleAIQuery(
         query,
@@ -17698,6 +17998,35 @@ function registerIpcHandlers(windowState, runtime2) {
     layoutViews(windowState);
     return clamped;
   });
+  electron.ipcMain.handle(Channels.PREMIUM_GET_STATE, () => {
+    return getPremiumState();
+  });
+  electron.ipcMain.handle(Channels.PREMIUM_ACTIVATE, async (_, email) => {
+    const result = await activateWithEmail(email);
+    if (result.ok) {
+      sendToRendererViews(Channels.PREMIUM_UPDATE, result.state);
+    }
+    return result;
+  });
+  electron.ipcMain.handle(Channels.PREMIUM_CHECKOUT, async (_, email) => {
+    const result = await getCheckoutUrl(email);
+    if (result.ok && result.url) {
+      tabManager.createTab(result.url);
+    }
+    return result;
+  });
+  electron.ipcMain.handle(Channels.PREMIUM_RESET, () => {
+    const state2 = resetPremium();
+    sendToRendererViews(Channels.PREMIUM_UPDATE, state2);
+    return state2;
+  });
+  electron.ipcMain.handle(Channels.PREMIUM_PORTAL, async () => {
+    const result = await getPortalUrl();
+    if (result.ok && result.url) {
+      tabManager.createTab(result.url);
+    }
+    return result;
+  });
   electron.ipcMain.handle(Channels.WINDOW_MINIMIZE, () => {
     mainWindow.minimize();
   });
@@ -18466,6 +18795,8 @@ async function bootstrap() {
     sidebarView.webContents.send(Channels.HISTORY_UPDATE, state2);
   });
   installDownloadHandler(chromeView);
+  startBackgroundRevalidation();
+  startTelemetry();
   const chromeUrl = rendererUrlFor("chrome");
   const sidebarUrl = rendererUrlFor("sidebar");
   const devtoolsUrl = rendererUrlFor("devtools");
@@ -18505,6 +18836,8 @@ electron.app.whenReady().then(bootstrap).catch((error) => {
 });
 electron.app.on("window-all-closed", () => {
   electron.globalShortcut.unregisterAll();
+  stopTelemetry();
+  stopBackgroundRevalidation();
   runtime?.flushPersist();
   void stopMcpServer().finally(() => {
     electron.app.quit();

package/out/preload/index.js

@@ -74,6 +74,13 @@ const Channels = {
   HISTORY_SEARCH: "history:search",
   HISTORY_CLEAR: "history:clear",
   HISTORY_UPDATE: "history:update",
+  // Premium
+  PREMIUM_GET_STATE: "premium:get-state",
+  PREMIUM_ACTIVATE: "premium:activate",
+  PREMIUM_CHECKOUT: "premium:checkout",
+  PREMIUM_PORTAL: "premium:portal",
+  PREMIUM_RESET: "premium:reset",
+  PREMIUM_UPDATE: "premium:update",
   // Window controls
   WINDOW_MINIMIZE: "window:minimize",
   WINDOW_MAXIMIZE: "window:maximize",
@@ -223,6 +230,18 @@ const api = {
       return () => electron.ipcRenderer.removeListener(Channels.HISTORY_UPDATE, handler);
     }
   },
+  premium: {
+    getState: () => electron.ipcRenderer.invoke(Channels.PREMIUM_GET_STATE),
+    activate: (email) => electron.ipcRenderer.invoke(Channels.PREMIUM_ACTIVATE, email),
+    checkout: (email) => electron.ipcRenderer.invoke(Channels.PREMIUM_CHECKOUT, email),
+    portal: () => electron.ipcRenderer.invoke(Channels.PREMIUM_PORTAL),
+    reset: () => electron.ipcRenderer.invoke(Channels.PREMIUM_RESET),
+    onUpdate: (cb) => {
+      const handler = (_, state) => cb(state);
+      electron.ipcRenderer.on(Channels.PREMIUM_UPDATE, handler);
+      return () => electron.ipcRenderer.removeListener(Channels.PREMIUM_UPDATE, handler);
+    }
+  },
   window: {
     minimize: () => electron.ipcRenderer.invoke(Channels.WINDOW_MINIMIZE),
     maximize: () => electron.ipcRenderer.invoke(Channels.WINDOW_MAXIMIZE),

package/out/renderer/assets/{index-iB-6qrfG.js → index-DAaJOss-.js}

@@ -3159,7 +3159,7 @@ const DropdownSelect = (props) => {
 };
 delegateEvents(["click"]);
 const vesselLogo = "" + new URL("vessel-logo-transparent-IT25qr-Z.png", import.meta.url).href;
-var _tmpl$$3 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$3 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$4$2 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$5$2 = /* @__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$2 = /* @__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 = /* @__PURE__ */ template(`<div class=chat-actions>`), _tmpl$16 = /* @__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 = /* @__PURE__ */ template(`<div class=sidebar-input-area><textarea class=sidebar-input rows=2 placeholder="Ask anything..."></textarea><button class=sidebar-send>Send`), _tmpl$18 = /* @__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 = /* @__PURE__ */ template(`<div class=agent-muted>No pending approvals.`), _tmpl$20 = /* @__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 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$22 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$23 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$24 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$25 = /* @__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 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$27 = /* @__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`);
+var _tmpl$$3 = /* @__PURE__ */ template(`<div class="message-content markdown-content">`), _tmpl$2$3 = /* @__PURE__ */ template(`<span class=sidebar-tab-badge>`), _tmpl$3$2 = /* @__PURE__ */ template(`<div class=agent-section-title>Pending approvals`), _tmpl$4$2 = /* @__PURE__ */ template(`<button class=agent-section-toggle type=button>`), _tmpl$5$2 = /* @__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$2 = /* @__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 = /* @__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 = /* @__PURE__ */ template(`<div class=agent-muted>No actions yet.`), _tmpl$22 = /* @__PURE__ */ template(`<div class=agent-muted>Recent actions are collapsed to reduce noise.`), _tmpl$23 = /* @__PURE__ */ template(`<div class="agent-card-copy success">`), _tmpl$24 = /* @__PURE__ */ template(`<div class="agent-card-copy error">`), _tmpl$25 = /* @__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 = /* @__PURE__ */ template(`<div class=bookmark-empty-folder>`), _tmpl$27 = /* @__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",
@@ -3498,7 +3498,7 @@ ${contextBlock}` : contextBlock);
       return props.forceOpen || sidebarOpen2();
     },
     get children() {
-      var _el$2 = _tmpl$18(), _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$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;
       _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;
       _el$3.$$pointerdown = startResize;
@@ -3552,7 +3552,7 @@ ${contextBlock}` : contextBlock);
               return runtimeState2().supervisor.pendingApprovals.length > 0;
             },
             get fallback() {
-              return _tmpl$19();
+              return _tmpl$19$1();
             },
             get children() {
               return [_tmpl$3$2(), createComponent(For, {
@@ -3998,7 +3998,7 @@ ${contextBlock}` : contextBlock);
               return isStreaming2() || messages2().length > 0;
             },
             get children() {
-              var _el$73 = _tmpl$15();
+              var _el$73 = _tmpl$15$1();
               insert(_el$73, createComponent(Show, {
                 get when() {
                   return isStreaming2();
@@ -4026,7 +4026,7 @@ ${contextBlock}` : contextBlock);
               return highlightCount() > 0;
             },
             get children() {
-              var _el$76 = _tmpl$16(), _el$77 = _el$76.firstChild, _el$78 = _el$77.nextSibling;
+              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);
@@ -4048,7 +4048,7 @@ ${contextBlock}` : contextBlock);
               return _el$76;
             }
           }), (() => {
-            var _el$81 = _tmpl$17(), _el$82 = _el$81.firstChild, _el$83 = _el$82.nextSibling;
+            var _el$81 = _tmpl$17$1(), _el$82 = _el$81.firstChild, _el$83 = _el$82.nextSibling;
             _el$82.$$keydown = (e) => {
               if (e.key === "Enter" && !e.shiftKey) {
                 e.preventDefault();
@@ -4542,7 +4542,7 @@ const DevToolsPanel = () => {
   })();
 };
 delegateEvents(["click", "input"]);
-var _tmpl$$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-provider>Provider</label><select id=chat-provider class="settings-input settings-select">`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-api-key>API Key</label><input id=chat-api-key class=settings-input type=password>`), _tmpl$3 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$4 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$5 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-model>Model</label><div style=display:flex;gap:6px;align-items:center><button type=button class=settings-refresh-btn title="Refresh model list">↺`), _tmpl$6 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-base-url>Base URL</label><input id=chat-base-url class=settings-input>`), _tmpl$7 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=settings-panel><h2 class=settings-title>Runtime Settings</h2><div class=settings-callout><div class=settings-callout-title>External Agent Control</div><p class=settings-callout-copy>Vessel is configured to run under an external harness such as Hermes Agent or OpenClaw. Provider and model selection are not configured inside Vessel.</p></div><div class=settings-field><label class=settings-label for=default-homepage>Homepage</label><input id=default-homepage class=settings-input placeholder=https://start.duckduckgo.com><p class=settings-hint>The page that opens when you create a new tab or launch Vessel without restoring a previous session.</p></div><div class=settings-field><label class=settings-label for=mcp-port>MCP Port</label><input id=mcp-port class=settings-input placeholder=3100><p class=settings-hint>External harnesses connect to Vessel at <code>http://127.0.0.1:&lt;port&gt;/mcp</code>. Changing this value restarts the MCP server immediately.</p></div><div class=settings-field><label class=settings-label for=max-tool-iterations>Max Tool Iterations</label><input id=max-tool-iterations class=settings-input type=number min=10 max=1000 placeholder=200><p class=settings-hint>Maximum number of tool calls the AI agent can make per conversation turn before pausing. Higher values let the agent complete longer multi-step workflows without stopping. Range: 10–1000.</p></div><div class=settings-field><label class=settings-label for=obsidian-vault-path>Obsidian Vault Path</label><input id=obsidian-vault-path class=settings-input placeholder=/home/you/Documents/MyVault><p class=settings-hint>Optional. When set, Vessel memory tools can write markdown notes into this vault for research breadcrumbs and summaries.</p></div><div class=settings-field><label class=settings-label for=agent-transcript-mode>Agent Transcript Monitor</label><select id=agent-transcript-mode class="settings-input settings-select"><option value=off>Off</option><option value=summary>Summary HUD</option><option value=full>Full transcript</option></select><p class=settings-hint>Controls the in-browser transcript monitor when an external harness publishes reasoning or status updates into Vessel via the<code>vessel_publish_transcript</code> MCP tool. Summary HUD shows a compact 2-line status surface; Full transcript shows the recent entry list.</p></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Restore last browser session on launch</span></label></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Start bookmarks fresh on launch</span></label><p class=settings-hint>Off by default. When enabled, bookmark folders and saved pages are cleared each time Vessel starts.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Enable Chat Assistant</span></label><p class=settings-hint>Adds a Chat tab to the sidebar for conversing with an AI provider of your choice.</p></div><div class=settings-actions><button class=settings-save>Save</button><button class=settings-close>Close`), _tmpl$8 = /* @__PURE__ */ template(`<style>
+var _tmpl$$1 = /* @__PURE__ */ template(`<input id=max-tool-iterations class=settings-input type=number min=10 max=1000 placeholder=200>`), _tmpl$2$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-provider>Provider</label><select id=chat-provider class="settings-input settings-select">`), _tmpl$3 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-api-key>API Key</label><input id=chat-api-key class=settings-input type=password>`), _tmpl$4 = /* @__PURE__ */ template(`<select id=chat-model class="settings-input settings-select"style=flex:1>`), _tmpl$5 = /* @__PURE__ */ template(`<p class=settings-hint style=color:var(--error)>Could not fetch models — check your API key and connection.`), _tmpl$6 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-model>Model</label><div style=display:flex;gap:6px;align-items:center><button type=button class=settings-refresh-btn title="Refresh model list">↺`), _tmpl$7 = /* @__PURE__ */ template(`<div class=settings-field><label class=settings-label for=chat-base-url>Base URL</label><input id=chat-base-url class=settings-input>`), _tmpl$8 = /* @__PURE__ */ template(`<div class=premium-section><div class=premium-active-badge>Premium Active</div><p class=premium-detail></p><div class=premium-actions-row><button class="premium-btn premium-btn-manage">Manage Subscription</button><button class="premium-btn premium-btn-reset">Sign Out`), _tmpl$9 = /* @__PURE__ */ template(`<div class=command-bar-overlay><div class=settings-panel><h2 class=settings-title>Runtime Settings</h2><div class=settings-callout><div class=settings-callout-title>External Agent Control</div><p class=settings-callout-copy>Vessel is configured to run under an external harness such as Hermes Agent or OpenClaw. Provider and model selection are not configured inside Vessel.</p></div><div class=settings-field><label class=settings-label for=default-homepage>Homepage</label><input id=default-homepage class=settings-input placeholder=https://start.duckduckgo.com><p class=settings-hint>The page that opens when you create a new tab or launch Vessel without restoring a previous session.</p></div><div class=settings-field><label class=settings-label for=mcp-port>MCP Port</label><input id=mcp-port class=settings-input placeholder=3100><p class=settings-hint>External harnesses connect to Vessel at <code>http://127.0.0.1:&lt;port&gt;/mcp</code>. Changing this value restarts the MCP server immediately.</p></div><div class=settings-field><label class=settings-label for=max-tool-iterations>Max Tool Iterations</label><p class=settings-hint></p></div><div class=settings-field><label class=settings-label for=obsidian-vault-path>Obsidian Vault Path</label><input id=obsidian-vault-path class=settings-input placeholder=/home/you/Documents/MyVault><p class=settings-hint>Optional. When set, Vessel memory tools can write markdown notes into this vault for research breadcrumbs and summaries.</p></div><div class=settings-field><label class=settings-label for=agent-transcript-mode>Agent Transcript Monitor</label><select id=agent-transcript-mode class="settings-input settings-select"><option value=off>Off</option><option value=summary>Summary HUD</option><option value=full>Full transcript</option></select><p class=settings-hint>Controls the in-browser transcript monitor when an external harness publishes reasoning or status updates into Vessel via the<code>vessel_publish_transcript</code> MCP tool. Summary HUD shows a compact 2-line status surface; Full transcript shows the recent entry list.</p></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Restore last browser session on launch</span></label></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Start bookmarks fresh on launch</span></label><p class=settings-hint>Off by default. When enabled, bookmark folders and saved pages are cleared each time Vessel starts.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Enable Chat Assistant</span></label><p class=settings-hint>Adds a Chat tab to the sidebar for conversing with an AI provider of your choice.</p></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-label>Vessel Premium</label></div><div class=settings-section-divider></div><div class=settings-field><label class=settings-toggle><button type=button class=toggle-switch role=switch><span class=toggle-switch-thumb></span></button><span>Anonymous Usage Analytics</span></label><p class=settings-hint>Help improve Vessel by sending anonymous usage data (tool popularity, session duration, provider type). No URLs, page content, queries, or personal data is ever collected.</p></div><div class=settings-actions><button class=settings-save>Save</button><button class=settings-close>Close`), _tmpl$0 = /* @__PURE__ */ template(`<style>
         .settings-panel {
           width: min(440px, calc(100vw - 32px));
           max-height: calc(100vh - 48px);
@@ -4767,7 +4767,117 @@ var _tmpl$$1 = /* @__PURE__ */ template(`<div class=settings-field><label class=
           opacity: 0.4;
           cursor: default;
         }
-      `), _tmpl$9 = /* @__PURE__ */ template(`<div class=settings-health-issues>`), _tmpl$0 = /* @__PURE__ */ template(`<div class=settings-health><div class=settings-callout-title>Runtime Health</div><p class=settings-hint>MCP status: <strong></strong> `), _tmpl$1 = /* @__PURE__ */ template(`<p class=settings-hint>Active endpoint: <code>`), _tmpl$10 = /* @__PURE__ */ template(`<div class=settings-health-issue><strong></strong><div>`), _tmpl$11 = /* @__PURE__ */ template(`<div>`), _tmpl$12 = /* @__PURE__ */ template(`<option>`), _tmpl$13 = /* @__PURE__ */ template(`<input id=chat-model class=settings-input style=flex:1>`), _tmpl$14 = /* @__PURE__ */ template(`<p class=settings-status>`);
+
+        .settings-input-disabled {
+          opacity: 0.5;
+          cursor: not-allowed;
+          user-select: none;
+          display: flex;
+          align-items: center;
+        }
+
+        /* Premium section */
+        .premium-section {
+          display: flex;
+          flex-direction: column;
+          gap: 10px;
+        }
+        .premium-description {
+          color: var(--text-secondary);
+          font-size: 12px;
+          line-height: 1.5;
+          margin: 0;
+        }
+        .premium-activate-row {
+          display: flex;
+          gap: 8px;
+          align-items: center;
+        }
+        .premium-email-input {
+          flex: 1;
+          min-width: 0;
+        }
+        .premium-btn {
+          height: 34px;
+          padding: 0 16px;
+          border-radius: var(--radius-md);
+          font-size: 12px;
+          font-weight: 500;
+          cursor: pointer;
+          border: none;
+          transition:
+            background var(--duration-fast) var(--ease-in-out),
+            transform var(--duration-fast) var(--ease-out-expo);
+          white-space: nowrap;
+        }
+        .premium-btn:active {
+          transform: scale(0.97);
+        }
+        .premium-btn:disabled {
+          opacity: 0.5;
+          cursor: default;
+        }
+        .premium-btn-activate {
+          background: var(--bg-tertiary);
+          color: var(--text-primary);
+          border: 1px solid var(--border-subtle);
+        }
+        .premium-btn-activate:hover:not(:disabled) {
+          background: var(--border-visible);
+        }
+        .premium-btn-upgrade {
+          background: var(--accent-primary);
+          color: white;
+          width: 100%;
+        }
+        .premium-btn-upgrade:hover {
+          background: #d4b06a;
+        }
+        .premium-btn-manage {
+          background: var(--bg-tertiary);
+          color: var(--text-secondary);
+          border: 1px solid var(--border-subtle);
+          align-self: flex-start;
+        }
+        .premium-btn-manage:hover {
+          background: var(--border-visible);
+          color: var(--text-primary);
+        }
+        .premium-active-badge {
+          display: inline-flex;
+          align-items: center;
+          gap: 6px;
+          background: rgba(240, 198, 54, 0.15);
+          color: #f0c636;
+          font-size: 12px;
+          font-weight: 600;
+          padding: 4px 12px;
+          border-radius: var(--radius-md);
+          align-self: flex-start;
+        }
+        .premium-detail {
+          color: var(--text-secondary);
+          font-size: 12px;
+          margin: 0;
+        }
+        .premium-actions-row {
+          display: flex;
+          gap: 8px;
+          align-items: center;
+        }
+        .premium-btn-reset {
+          background: transparent;
+          color: var(--text-tertiary, #71717a);
+          border: 1px solid var(--border-subtle);
+          font-size: 11px;
+          padding: 0 12px;
+          height: 30px;
+        }
+        .premium-btn-reset:hover {
+          color: var(--text-secondary);
+          background: var(--bg-tertiary);
+        }
+      `), _tmpl$1 = /* @__PURE__ */ template(`<div class="settings-input settings-input-disabled"title="Upgrade to Vessel Premium for unlimited tool iterations">50`), _tmpl$10 = /* @__PURE__ */ template(`<div class=settings-health-issues>`), _tmpl$11 = /* @__PURE__ */ template(`<div class=settings-health><div class=settings-callout-title>Runtime Health</div><p class=settings-hint>MCP status: <strong></strong> `), _tmpl$12 = /* @__PURE__ */ template(`<p class=settings-hint>Active endpoint: <code>`), _tmpl$13 = /* @__PURE__ */ template(`<div class=settings-health-issue><strong></strong><div>`), _tmpl$14 = /* @__PURE__ */ template(`<div>`), _tmpl$15 = /* @__PURE__ */ template(`<option>`), _tmpl$16 = /* @__PURE__ */ template(`<input id=chat-model class=settings-input style=flex:1>`), _tmpl$17 = /* @__PURE__ */ template(`<button class="premium-btn premium-btn-reset">Clear Saved Email`), _tmpl$18 = /* @__PURE__ */ template(`<div class=premium-section><p class=premium-description>Unlock screenshot/vision analysis, session management, Obsidian integration, workflow tracking, DevTools tools, table extraction, and unlimited tool iterations.</p><div class=premium-activate-row><input class="settings-input premium-email-input"type=email placeholder="Enter your subscription email"><button class="premium-btn premium-btn-activate"></button></div><button class="premium-btn premium-btn-upgrade">Subscribe to Premium — 5-day free trial`), _tmpl$19 = /* @__PURE__ */ template(`<p class=settings-status>`);
 const CHAT_PROVIDERS = [{
   id: "anthropic",
   name: "Anthropic",
@@ -4848,6 +4958,21 @@ const Settings = () => {
   const [health, setHealth] = createSignal(null);
   const [defaultUrl, setDefaultUrl] = createSignal("https://start.duckduckgo.com");
   const [status, setStatus] = createSignal(null);
+  const [telemetryEnabled, setTelemetryEnabled] = createSignal(true);
+  const [premiumState, setPremiumState] = createSignal({
+    status: "free",
+    customerId: "",
+    email: "",
+    validatedAt: "",
+    expiresAt: ""
+  });
+  const [premiumEmail, setPremiumEmail] = createSignal("");
+  const [premiumLoading, setPremiumLoading] = createSignal(false);
+  const [premiumMessage, setPremiumMessage] = createSignal(null);
+  const premiumActive = () => {
+    const s = premiumState().status;
+    return s === "active" || s === "trialing";
+  };
   const [chatEnabled, setChatEnabled] = createSignal(false);
   const [chatProviderId, setChatProviderId] = createSignal("anthropic");
   const [chatApiKey, setChatApiKey] = createSignal("");
@@ -4920,6 +5045,13 @@ const Settings = () => {
       setChatModel(cp.model);
       setChatBaseUrl(cp.baseUrl ?? "");
     }
+    setTelemetryEnabled(settings.telemetryEnabled !== false);
+    try {
+      const ps = await window.vessel.premium.getState();
+      setPremiumState(ps);
+      if (ps.email) setPremiumEmail(ps.email);
+    } catch {
+    }
   };
   onMount(() => {
     void loadState();
@@ -4947,6 +5079,7 @@ const Settings = () => {
       const parsedIterations = Number(maxToolIterations().trim()) || 200;
       await window.vessel.settings.set("maxToolIterations", Math.max(10, Math.min(1e3, parsedIterations)));
       await window.vessel.settings.set("agentTranscriptMode", agentTranscriptMode());
+      await window.vessel.settings.set("telemetryEnabled", telemetryEnabled());
       const chatConfig = chatEnabled() ? {
         id: chatProviderId(),
         apiKey: chatApiKey().trim(),
@@ -4975,7 +5108,9 @@ const Settings = () => {
     },
     get children() {
       return [(() => {
-        var _el$ = _tmpl$7(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$5.nextSibling, _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling, _el$1 = _el$8.nextSibling, _el$10 = _el$1.firstChild, _el$11 = _el$10.nextSibling, _el$12 = _el$1.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$12.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.nextSibling, _el$18 = _el$15.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$19.firstChild, _el$21 = _el$18.nextSibling, _el$22 = _el$21.firstChild, _el$23 = _el$22.firstChild, _el$24 = _el$21.nextSibling, _el$25 = _el$24.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$26.firstChild, _el$43 = _el$25.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$44.nextSibling;
+        var _el$ = _tmpl$9(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$5.nextSibling, _el$9 = _el$8.firstChild, _el$0 = _el$9.nextSibling, _el$1 = _el$8.nextSibling, _el$10 = _el$1.firstChild, _el$12 = _el$10.nextSibling, _el$13 = _el$1.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$14.nextSibling, _el$16 = _el$13.nextSibling, _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling, _el$19 = _el$16.nextSibling, _el$20 = _el$19.firstChild, _el$21 = _el$20.firstChild, _el$22 = _el$19.nextSibling, _el$23 = _el$22.firstChild, _el$24 = _el$23.firstChild, _el$25 = _el$22.nextSibling, _el$26 = _el$25.nextSibling, _el$27 = _el$26.firstChild, _el$28 = _el$27.firstChild, _el$44 = _el$26.nextSibling, _el$45 = _el$44.nextSibling;
+        _el$45.firstChild;
+        var _el$54 = _el$45.nextSibling, _el$55 = _el$54.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$55.nextSibling, _el$59 = _el$58.firstChild, _el$60 = _el$59.nextSibling;
         addEventListener(_el$, "click", closeSettings);
         _el$2.$$keydown = handleKeyDown;
         _el$2.$$click = (e) => e.stopPropagation();
@@ -4983,77 +5118,97 @@ const Settings = () => {
         setAttribute(_el$7, "spellcheck", false);
         _el$0.$$input = (e) => setMcpPort(e.currentTarget.value);
         setAttribute(_el$0, "spellcheck", false);
-        _el$11.$$input = (e) => setMaxToolIterations(e.currentTarget.value);
+        insert(_el$1, createComponent(Show, {
+          get when() {
+            return premiumActive();
+          },
+          get fallback() {
+            return _tmpl$1();
+          },
+          get children() {
+            var _el$11 = _tmpl$$1();
+            _el$11.$$input = (e) => setMaxToolIterations(e.currentTarget.value);
+            createRenderEffect(() => _el$11.value = maxToolIterations());
+            return _el$11;
+          }
+        }), _el$12);
+        insert(_el$12, createComponent(Show, {
+          get when() {
+            return premiumActive();
+          },
+          fallback: "Free tier: 50 tool calls per conversation turn. Upgrade to Vessel Premium to customize this limit (up to 1,000).",
+          children: "Maximum number of tool calls the AI agent can make per conversation turn before pausing. Higher values let the agent complete longer multi-step workflows without stopping. Range: 10–1000."
+        }));
         insert(_el$2, createComponent(Show, {
           get when() {
             return health();
           },
           children: (currentHealth) => (() => {
-            var _el$47 = _tmpl$0(), _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling, _el$50 = _el$49.firstChild, _el$52 = _el$50.nextSibling;
-            _el$52.nextSibling;
-            insert(_el$52, () => currentHealth().mcp.status);
-            insert(_el$49, () => currentHealth().mcp.message, null);
-            insert(_el$47, createComponent(Show, {
+            var _el$63 = _tmpl$11(), _el$64 = _el$63.firstChild, _el$65 = _el$64.nextSibling, _el$66 = _el$65.firstChild, _el$68 = _el$66.nextSibling;
+            _el$68.nextSibling;
+            insert(_el$68, () => currentHealth().mcp.status);
+            insert(_el$65, () => currentHealth().mcp.message, null);
+            insert(_el$63, createComponent(Show, {
               get when() {
                 return currentHealth().mcp.endpoint;
               },
               children: (endpoint) => (() => {
-                var _el$55 = _tmpl$1(), _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling;
-                insert(_el$57, endpoint);
-                return _el$55;
+                var _el$71 = _tmpl$12(), _el$72 = _el$71.firstChild, _el$73 = _el$72.nextSibling;
+                insert(_el$73, endpoint);
+                return _el$71;
               })()
             }), null);
-            insert(_el$47, createComponent(Show, {
+            insert(_el$63, createComponent(Show, {
               get when() {
                 return currentHealth().startupIssues.length > 0;
               },
               get children() {
-                var _el$54 = _tmpl$9();
-                insert(_el$54, () => currentHealth().startupIssues.map((issue) => (() => {
-                  var _el$58 = _tmpl$10(), _el$59 = _el$58.firstChild, _el$60 = _el$59.nextSibling;
-                  insert(_el$59, () => issue.title);
-                  insert(_el$60, () => issue.detail);
-                  insert(_el$58, createComponent(Show, {
+                var _el$70 = _tmpl$10();
+                insert(_el$70, () => currentHealth().startupIssues.map((issue) => (() => {
+                  var _el$74 = _tmpl$13(), _el$75 = _el$74.firstChild, _el$76 = _el$75.nextSibling;
+                  insert(_el$75, () => issue.title);
+                  insert(_el$76, () => issue.detail);
+                  insert(_el$74, createComponent(Show, {
                     get when() {
                       return issue.action;
                     },
                     children: (action) => (() => {
-                      var _el$61 = _tmpl$11();
-                      insert(_el$61, action);
-                      return _el$61;
+                      var _el$77 = _tmpl$14();
+                      insert(_el$77, action);
+                      return _el$77;
                     })()
                   }), null);
                   createRenderEffect((_p$) => {
-                    var _v$7 = !!(issue.severity === "warning"), _v$8 = !!(issue.severity === "error");
-                    _v$7 !== _p$.e && _el$58.classList.toggle("warning", _p$.e = _v$7);
-                    _v$8 !== _p$.t && _el$58.classList.toggle("error", _p$.t = _v$8);
+                    var _v$9 = !!(issue.severity === "warning"), _v$0 = !!(issue.severity === "error");
+                    _v$9 !== _p$.e && _el$74.classList.toggle("warning", _p$.e = _v$9);
+                    _v$0 !== _p$.t && _el$74.classList.toggle("error", _p$.t = _v$0);
                     return _p$;
                   }, {
                     e: void 0,
                     t: void 0
                   });
-                  return _el$58;
+                  return _el$74;
                 })()));
-                return _el$54;
+                return _el$70;
               }
             }), null);
-            return _el$47;
+            return _el$63;
           })()
-        }), _el$12);
-        _el$14.$$input = (e) => setObsidianVaultPath(e.currentTarget.value);
-        setAttribute(_el$14, "spellcheck", false);
-        _el$17.addEventListener("change", (e) => setAgentTranscriptMode(e.currentTarget.value));
-        _el$20.$$click = () => setAutoRestoreSession(!autoRestoreSession());
-        _el$23.$$click = () => setClearBookmarksOnLaunch(!clearBookmarksOnLaunch());
-        _el$27.$$click = () => setChatEnabled(!chatEnabled());
+        }), _el$13);
+        _el$15.$$input = (e) => setObsidianVaultPath(e.currentTarget.value);
+        setAttribute(_el$15, "spellcheck", false);
+        _el$18.addEventListener("change", (e) => setAgentTranscriptMode(e.currentTarget.value));
+        _el$21.$$click = () => setAutoRestoreSession(!autoRestoreSession());
+        _el$24.$$click = () => setClearBookmarksOnLaunch(!clearBookmarksOnLaunch());
+        _el$28.$$click = () => setChatEnabled(!chatEnabled());
         insert(_el$2, createComponent(Show, {
           get when() {
             return chatEnabled();
           },
           get children() {
             return [(() => {
-              var _el$28 = _tmpl$$1(), _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling;
-              _el$30.addEventListener("change", (e) => {
+              var _el$29 = _tmpl$2$1(), _el$30 = _el$29.firstChild, _el$31 = _el$30.nextSibling;
+              _el$31.addEventListener("change", (e) => {
                 const id = e.currentTarget.value;
                 setChatProviderId(id);
                 setChatModel("");
@@ -5062,118 +5217,232 @@ const Settings = () => {
                 setProviderModels([]);
                 setModelFetchState("idle");
               });
-              insert(_el$30, createComponent(For, {
+              insert(_el$31, createComponent(For, {
                 each: CHAT_PROVIDERS,
                 children: (p) => (() => {
-                  var _el$62 = _tmpl$12();
-                  insert(_el$62, () => p.name);
-                  createRenderEffect(() => _el$62.value = p.id);
-                  return _el$62;
+                  var _el$78 = _tmpl$15();
+                  insert(_el$78, () => p.name);
+                  createRenderEffect(() => _el$78.value = p.id);
+                  return _el$78;
                 })()
               }));
-              createRenderEffect(() => _el$30.value = chatProviderId());
-              return _el$28;
+              createRenderEffect(() => _el$31.value = chatProviderId());
+              return _el$29;
             })(), createComponent(Show, {
               get when() {
                 return chatProviderMeta().requiresKey;
               },
               get children() {
-                var _el$31 = _tmpl$2$1(), _el$32 = _el$31.firstChild, _el$33 = _el$32.nextSibling;
-                _el$33.$$input = (e) => setChatApiKey(e.currentTarget.value);
-                setAttribute(_el$33, "spellcheck", false);
-                createRenderEffect(() => setAttribute(_el$33, "placeholder", chatProviderMeta().keyPlaceholder));
-                createRenderEffect(() => _el$33.value = chatApiKey());
-                return _el$31;
+                var _el$32 = _tmpl$3(), _el$33 = _el$32.firstChild, _el$34 = _el$33.nextSibling;
+                _el$34.$$input = (e) => setChatApiKey(e.currentTarget.value);
+                setAttribute(_el$34, "spellcheck", false);
+                createRenderEffect(() => setAttribute(_el$34, "placeholder", chatProviderMeta().keyPlaceholder));
+                createRenderEffect(() => _el$34.value = chatApiKey());
+                return _el$32;
               }
             }), (() => {
-              var _el$34 = _tmpl$5(), _el$35 = _el$34.firstChild, _el$36 = _el$35.nextSibling, _el$38 = _el$36.firstChild;
-              insert(_el$36, createComponent(Show, {
+              var _el$35 = _tmpl$6(), _el$36 = _el$35.firstChild, _el$37 = _el$36.nextSibling, _el$39 = _el$37.firstChild;
+              insert(_el$37, createComponent(Show, {
                 get when() {
                   return providerModels().length > 0;
                 },
                 get fallback() {
                   return (() => {
-                    var _el$63 = _tmpl$13();
-                    _el$63.$$input = (e) => setChatModel(e.currentTarget.value);
-                    setAttribute(_el$63, "spellcheck", false);
-                    createRenderEffect(() => setAttribute(_el$63, "placeholder", modelFetchState() === "loading" ? "Fetching models…" : chatProviderMeta().requiresKey && !chatApiKey().trim() ? "Enter API key to load models" : chatProviderMeta().defaultModel || "model name"));
-                    createRenderEffect(() => _el$63.value = chatModel());
-                    return _el$63;
+                    var _el$79 = _tmpl$16();
+                    _el$79.$$input = (e) => setChatModel(e.currentTarget.value);
+                    setAttribute(_el$79, "spellcheck", false);
+                    createRenderEffect(() => setAttribute(_el$79, "placeholder", modelFetchState() === "loading" ? "Fetching models…" : chatProviderMeta().requiresKey && !chatApiKey().trim() ? "Enter API key to load models" : chatProviderMeta().defaultModel || "model name"));
+                    createRenderEffect(() => _el$79.value = chatModel());
+                    return _el$79;
                   })();
                 },
                 get children() {
-                  var _el$37 = _tmpl$3();
-                  _el$37.addEventListener("change", (e) => setChatModel(e.currentTarget.value));
-                  insert(_el$37, createComponent(For, {
+                  var _el$38 = _tmpl$4();
+                  _el$38.addEventListener("change", (e) => setChatModel(e.currentTarget.value));
+                  insert(_el$38, createComponent(For, {
                     get each() {
                       return providerModels();
                     },
                     children: (m) => (() => {
-                      var _el$64 = _tmpl$12();
-                      _el$64.value = m;
-                      insert(_el$64, m);
-                      return _el$64;
+                      var _el$80 = _tmpl$15();
+                      _el$80.value = m;
+                      insert(_el$80, m);
+                      return _el$80;
                     })()
                   }));
-                  createRenderEffect(() => _el$37.value = chatModel());
-                  return _el$37;
+                  createRenderEffect(() => _el$38.value = chatModel());
+                  return _el$38;
                 }
-              }), _el$38);
-              _el$38.$$click = doFetchModels;
-              insert(_el$34, createComponent(Show, {
+              }), _el$39);
+              _el$39.$$click = doFetchModels;
+              insert(_el$35, createComponent(Show, {
                 get when() {
                   return modelFetchState() === "error";
                 },
                 get children() {
-                  return _tmpl$4();
+                  return _tmpl$5();
                 }
               }), null);
-              createRenderEffect(() => _el$38.disabled = modelFetchState() === "loading");
-              return _el$34;
+              createRenderEffect(() => _el$39.disabled = modelFetchState() === "loading");
+              return _el$35;
             })(), createComponent(Show, {
               get when() {
                 return chatProviderMeta().needsBaseUrl || chatProviderId() === "custom";
               },
               get children() {
-                var _el$40 = _tmpl$6(), _el$41 = _el$40.firstChild, _el$42 = _el$41.nextSibling;
-                _el$42.$$input = (e) => setChatBaseUrl(e.currentTarget.value);
-                setAttribute(_el$42, "spellcheck", false);
-                createRenderEffect(() => setAttribute(_el$42, "placeholder", chatProviderMeta().defaultBaseUrl ?? "https://..."));
-                createRenderEffect(() => _el$42.value = chatBaseUrl());
-                return _el$40;
+                var _el$41 = _tmpl$7(), _el$42 = _el$41.firstChild, _el$43 = _el$42.nextSibling;
+                _el$43.$$input = (e) => setChatBaseUrl(e.currentTarget.value);
+                setAttribute(_el$43, "spellcheck", false);
+                createRenderEffect(() => setAttribute(_el$43, "placeholder", chatProviderMeta().defaultBaseUrl ?? "https://..."));
+                createRenderEffect(() => _el$43.value = chatBaseUrl());
+                return _el$41;
               }
             })];
           }
-        }), _el$43);
-        _el$44.$$click = handleSave;
-        addEventListener(_el$45, "click", closeSettings);
+        }), _el$44);
+        insert(_el$45, createComponent(Show, {
+          get when() {
+            return premiumActive();
+          },
+          get fallback() {
+            return (() => {
+              var _el$81 = _tmpl$18(), _el$82 = _el$81.firstChild, _el$83 = _el$82.nextSibling, _el$84 = _el$83.firstChild, _el$85 = _el$84.nextSibling, _el$86 = _el$83.nextSibling;
+              _el$84.$$input = (e) => setPremiumEmail(e.currentTarget.value);
+              setAttribute(_el$84, "spellcheck", false);
+              _el$85.$$click = async () => {
+                setPremiumLoading(true);
+                setPremiumMessage(null);
+                try {
+                  const result = await window.vessel.premium.activate(premiumEmail().trim());
+                  setPremiumState(result.state);
+                  if (result.ok) {
+                    setPremiumMessage({
+                      kind: "success",
+                      text: "Premium activated!"
+                    });
+                  } else {
+                    setPremiumMessage({
+                      kind: "error",
+                      text: result.error || "Activation failed"
+                    });
+                  }
+                } catch (err) {
+                  setPremiumMessage({
+                    kind: "error",
+                    text: err instanceof Error ? err.message : "Activation failed"
+                  });
+                } finally {
+                  setPremiumLoading(false);
+                }
+              };
+              insert(_el$85, () => premiumLoading() ? "Checking..." : "Activate");
+              _el$86.$$click = () => {
+                void window.vessel.premium.checkout(premiumEmail().trim() || void 0);
+              };
+              insert(_el$81, createComponent(Show, {
+                get when() {
+                  return premiumMessage();
+                },
+                children: (msg) => (() => {
+                  var _el$88 = _tmpl$19();
+                  insert(_el$88, () => msg().text);
+                  createRenderEffect((_p$) => {
+                    var _v$1 = !!(msg().kind === "success"), _v$10 = !!(msg().kind === "error");
+                    _v$1 !== _p$.e && _el$88.classList.toggle("success", _p$.e = _v$1);
+                    _v$10 !== _p$.t && _el$88.classList.toggle("error", _p$.t = _v$10);
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0
+                  });
+                  return _el$88;
+                })()
+              }), null);
+              insert(_el$81, createComponent(Show, {
+                get when() {
+                  return premiumState().email || premiumEmail();
+                },
+                get children() {
+                  var _el$87 = _tmpl$17();
+                  _el$87.$$click = async () => {
+                    const state = await window.vessel.premium.reset();
+                    setPremiumState(state);
+                    setPremiumEmail("");
+                    setPremiumMessage(null);
+                  };
+                  return _el$87;
+                }
+              }), null);
+              createRenderEffect(() => _el$85.disabled = premiumLoading() || !premiumEmail().trim());
+              createRenderEffect(() => _el$84.value = premiumEmail());
+              return _el$81;
+            })();
+          },
+          get children() {
+            var _el$47 = _tmpl$8(), _el$48 = _el$47.firstChild;
+            _el$48.firstChild;
+            var _el$50 = _el$48.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$52.nextSibling;
+            insert(_el$48, createComponent(Show, {
+              get when() {
+                return premiumState().status === "trialing";
+              },
+              get children() {
+                return [" ", "(Trial)"];
+              }
+            }), null);
+            insert(_el$50, () => premiumState().email, null);
+            insert(_el$50, createComponent(Show, {
+              get when() {
+                return premiumState().expiresAt;
+              },
+              get children() {
+                return [" ", "· Renews", " ", memo(() => new Date(premiumState().expiresAt).toLocaleDateString())];
+              }
+            }), null);
+            _el$52.$$click = () => {
+              void window.vessel.premium.portal();
+            };
+            _el$53.$$click = async () => {
+              const state = await window.vessel.premium.reset();
+              setPremiumState(state);
+              setPremiumEmail("");
+              setPremiumMessage(null);
+            };
+            return _el$47;
+          }
+        }), null);
+        _el$57.$$click = () => setTelemetryEnabled(!telemetryEnabled());
+        _el$59.$$click = handleSave;
+        addEventListener(_el$60, "click", closeSettings);
         insert(_el$2, createComponent(Show, {
           get when() {
             return status();
           },
           children: (currentStatus) => (() => {
-            var _el$65 = _tmpl$14();
-            insert(_el$65, () => currentStatus().text);
+            var _el$89 = _tmpl$19();
+            insert(_el$89, () => currentStatus().text);
             createRenderEffect((_p$) => {
-              var _v$9 = !!(currentStatus().kind === "success"), _v$0 = !!(currentStatus().kind === "error");
-              _v$9 !== _p$.e && _el$65.classList.toggle("success", _p$.e = _v$9);
-              _v$0 !== _p$.t && _el$65.classList.toggle("error", _p$.t = _v$0);
+              var _v$11 = !!(currentStatus().kind === "success"), _v$12 = !!(currentStatus().kind === "error");
+              _v$11 !== _p$.e && _el$89.classList.toggle("success", _p$.e = _v$11);
+              _v$12 !== _p$.t && _el$89.classList.toggle("error", _p$.t = _v$12);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            return _el$65;
+            return _el$89;
           })()
         }), null);
         createRenderEffect((_p$) => {
-          var _v$ = !!autoRestoreSession(), _v$2 = autoRestoreSession(), _v$3 = !!clearBookmarksOnLaunch(), _v$4 = clearBookmarksOnLaunch(), _v$5 = !!chatEnabled(), _v$6 = chatEnabled();
-          _v$ !== _p$.e && _el$20.classList.toggle("on", _p$.e = _v$);
-          _v$2 !== _p$.t && setAttribute(_el$20, "aria-checked", _p$.t = _v$2);
-          _v$3 !== _p$.a && _el$23.classList.toggle("on", _p$.a = _v$3);
-          _v$4 !== _p$.o && setAttribute(_el$23, "aria-checked", _p$.o = _v$4);
-          _v$5 !== _p$.i && _el$27.classList.toggle("on", _p$.i = _v$5);
-          _v$6 !== _p$.n && setAttribute(_el$27, "aria-checked", _p$.n = _v$6);
+          var _v$ = !!autoRestoreSession(), _v$2 = autoRestoreSession(), _v$3 = !!clearBookmarksOnLaunch(), _v$4 = clearBookmarksOnLaunch(), _v$5 = !!chatEnabled(), _v$6 = chatEnabled(), _v$7 = !!telemetryEnabled(), _v$8 = telemetryEnabled();
+          _v$ !== _p$.e && _el$21.classList.toggle("on", _p$.e = _v$);
+          _v$2 !== _p$.t && setAttribute(_el$21, "aria-checked", _p$.t = _v$2);
+          _v$3 !== _p$.a && _el$24.classList.toggle("on", _p$.a = _v$3);
+          _v$4 !== _p$.o && setAttribute(_el$24, "aria-checked", _p$.o = _v$4);
+          _v$5 !== _p$.i && _el$28.classList.toggle("on", _p$.i = _v$5);
+          _v$6 !== _p$.n && setAttribute(_el$28, "aria-checked", _p$.n = _v$6);
+          _v$7 !== _p$.s && _el$57.classList.toggle("on", _p$.s = _v$7);
+          _v$8 !== _p$.h && setAttribute(_el$57, "aria-checked", _p$.h = _v$8);
           return _p$;
         }, {
           e: void 0,
@@ -5181,15 +5450,16 @@ const Settings = () => {
           a: void 0,
           o: void 0,
           i: void 0,
-          n: void 0
+          n: void 0,
+          s: void 0,
+          h: void 0
         });
         createRenderEffect(() => _el$7.value = defaultUrl());
         createRenderEffect(() => _el$0.value = mcpPort());
-        createRenderEffect(() => _el$11.value = maxToolIterations());
-        createRenderEffect(() => _el$14.value = obsidianVaultPath());
-        createRenderEffect(() => _el$17.value = agentTranscriptMode());
+        createRenderEffect(() => _el$15.value = obsidianVaultPath());
+        createRenderEffect(() => _el$18.value = agentTranscriptMode());
         return _el$;
-      })(), _tmpl$8()];
+      })(), _tmpl$0()];
     }
   });
 };

package/out/renderer/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self'; font-src 'self' data:;" />
     <title>Vessel</title>
-    <script type="module" crossorigin src="./assets/index-iB-6qrfG.js"></script>
+    <script type="module" crossorigin src="./assets/index-DAaJOss-.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-DMd-y6tm.css">
   </head>
   <body>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quanta-intellect/vessel-browser",
   "mcpName": "io.github.unmodeled-tyler/vessel-browser",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "description": "AI-native web browser for Linux — persistent browser runtime for autonomous agents with human supervision",
   "main": "./out/main/index.js",
   "bin": {