@quanta-intellect/vessel-browser 0.1.101 → 0.1.104

package/out/main/index.js

@@ -4593,16 +4593,17 @@ const PREMIUM_TOOLS = /* @__PURE__ */ new Set([
 ]);
 function isPremium() {
   const { premium } = loadSettings();
-  if (premium.status === "active" || premium.status === "trialing") {
+  if (premium.status !== "active" && premium.status !== "trialing") {
+    return false;
+  }
+  if (!premium.validatedAt) {
     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;
-    }
+  const lastValidated = new Date(premium.validatedAt).getTime();
+  if (!Number.isFinite(lastValidated)) {
+    return false;
   }
-  return false;
+  return Date.now() - lastValidated < OFFLINE_GRACE_PERIOD_MS;
 }
 function getPremiumState() {
   return { ...loadSettings().premium };
@@ -4647,9 +4648,31 @@ async function getCheckoutUrl(email) {
   }
 }
 async function getPortalUrl() {
-  return errorResult(
-    "Billing portal access is temporarily disabled until authenticated customer access is implemented."
-  );
+  const current = loadSettings().premium;
+  const identifier = current.verificationToken;
+  if (!identifier) {
+    return errorResult(
+      "Verify your Premium subscription before opening billing management."
+    );
+  }
+  try {
+    const res = await fetch(`${VERIFICATION_API}/portal`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ identifier })
+    });
+    if (!res.ok) {
+      const detail = await readApiErrorDetail(res);
+      return errorResult(detail || `HTTP ${res.status}`);
+    }
+    const { url } = await res.json();
+    if (typeof url !== "string" || !url.trim()) {
+      return errorResult("Billing portal did not return a valid URL.");
+    }
+    return okResult({ url });
+  } catch (err) {
+    return errorResult(getErrorMessage(err, "Failed to open billing portal"));
+  }
 }
 async function verifySubscription$1(identifier) {
   const current = loadSettings().premium;
@@ -4801,7 +4824,14 @@ const TELEMETRY_PROPERTY_ALLOWLIST = {
   bookmark_action: /* @__PURE__ */ new Set(["action"]),
   vault_action: /* @__PURE__ */ new Set(["action"]),
   extraction_failed: /* @__PURE__ */ new Set(["reason"]),
-  premium_funnel: /* @__PURE__ */ new Set(["step", "status", "reason"])
+  premium_funnel: /* @__PURE__ */ new Set([
+    "step",
+    "status",
+    "reason",
+    "source",
+    "previous_status",
+    "new_status"
+  ])
 };
 function getDeviceIdPath() {
   return path.join(electron.app.getPath("userData"), ".vessel-device-id");
@@ -27266,6 +27296,14 @@ const PREMIUM_TRACKABLE_STEPS = [
 ];
 const premiumApiOrigin = process.env.VESSEL_PREMIUM_API ? new URL(process.env.VESSEL_PREMIUM_API).origin : "https://vesselpremium.quantaintellect.com";
 function registerPremiumHandlers(tabManager, sendToRendererViews) {
+  const trackPremiumStatusChange = (previousStatus, nextStatus, source) => {
+    if (previousStatus === nextStatus) return;
+    trackPremiumFunnel("premium_status_changed", {
+      previous_status: previousStatus,
+      new_status: nextStatus,
+      source
+    });
+  };
   const watchPremiumCheckoutTab = (tabId) => {
     const tab = tabManager.getTab(tabId);
     const wc = tab?.view.webContents;
@@ -27303,13 +27341,26 @@ function registerPremiumHandlers(tabManager, sendToRendererViews) {
         return;
       }
       trackPremiumFunnel("auto_activation_attempted");
+      trackPremiumFunnel("premium_verify_started", {
+        source: "checkout_auto"
+      });
+      const previousStatus = getPremiumState().status;
       const state2 = await verifySubscription(sessionId);
       if (isPremiumActiveState(state2)) {
         sendToRendererViews(Channels.PREMIUM_UPDATE, state2);
+        trackPremiumFunnel("premium_verify_succeeded", {
+          status: state2.status,
+          source: "checkout_auto"
+        });
+        trackPremiumStatusChange(previousStatus, state2.status, "checkout_auto");
         trackPremiumFunnel("auto_activation_succeeded", {
           status: state2.status
         });
       } else {
+        trackPremiumFunnel("premium_verify_failed", {
+          status: state2.status,
+          source: "checkout_auto"
+        });
         trackPremiumFunnel("auto_activation_failed", {
           status: state2.status
         });
@@ -27342,9 +27393,19 @@ function registerPremiumHandlers(tabManager, sendToRendererViews) {
       return errorResult("Invalid email format");
     }
     trackPremiumFunnel("activation_attempted");
+    trackPremiumFunnel("activation_code_requested", {
+      source: "settings"
+    });
     const result = await requestActivationCode(email);
     if (!result.ok) {
+      trackPremiumFunnel("activation_code_failed", {
+        source: "settings"
+      });
       trackPremiumFunnel("activation_failed");
+    } else {
+      trackPremiumFunnel("activation_code_sent", {
+        source: "settings"
+      });
     }
     return result;
   });
@@ -27361,13 +27422,30 @@ function registerPremiumHandlers(tabManager, sendToRendererViews) {
         });
       }
       trackPremiumFunnel("activation_attempted");
+      trackPremiumFunnel("premium_verify_started", {
+        source: "settings_code"
+      });
+      const previousStatus = getPremiumState().status;
       const result = await verifyActivationCode(email, code, challengeToken);
       if (result.ok) {
+        trackPremiumFunnel("premium_verify_succeeded", {
+          status: result.state.status,
+          source: "settings_code"
+        });
         trackPremiumFunnel("activation_succeeded", {
           status: result.state.status
         });
+        trackPremiumStatusChange(
+          previousStatus,
+          result.state.status,
+          "settings_code"
+        );
         sendToRendererViews(Channels.PREMIUM_UPDATE, result.state);
       } else {
+        trackPremiumFunnel("premium_verify_failed", {
+          status: result.state.status,
+          source: "settings_code"
+        });
         trackPremiumFunnel("activation_failed", { status: result.state.status });
       }
       return result;
@@ -27380,6 +27458,8 @@ function registerPremiumHandlers(tabManager, sendToRendererViews) {
     if (result.ok && result.url) {
       const tabId = tabManager.createTab(result.url);
       watchPremiumCheckoutTab(tabId);
+    } else {
+      trackPremiumFunnel("checkout_open_failed");
     }
     return result;
   });

package/out/renderer/assets/{index-CfezqyLr.js → index-D3ABnKy4.js}

@@ -11515,7 +11515,7 @@ const SettingsPrivacy = (props) => {
   })();
 };
 delegateEvents(["input", "click"]);
-var _tmpl$$4 = /* @__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$2$4 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$3$3 = /* @__PURE__ */ template(`<div class=settings-category-panel><div class=settings-field><label class=settings-label>Vessel Premium</label></div><div class=settings-field><label class=settings-label>Saved Sessions</label><p class=settings-hint style=margin-bottom:10px>Save the current browser state (tabs, cookies, storage) as a named session. Restore it later from this panel.</p><div class=premium-activate-row style=margin-bottom:8px><input class="settings-input premium-email-input"placeholder="Session name"><button class="premium-btn premium-btn-activate">Save Current`), _tmpl$4$3 = /* @__PURE__ */ template(`<div class=premium-activate-row><input class="settings-input premium-email-input"inputmode=numeric maxlength=6 placeholder="Enter 6-digit code"><button class="premium-btn premium-btn-activate">`), _tmpl$5$2 = /* @__PURE__ */ template(`<button class="premium-btn premium-btn-reset">Clear Saved Email`), _tmpl$6$2 = /* @__PURE__ */ template(`<div class=premium-section><p class=premium-description>Unlock screenshot/vision analysis, session management, Obsidian integration, workflow tracking, DevTools tools, table extraction, Agent Credential Vault, 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.99/mo after 7-day free trial`), _tmpl$7$2 = /* @__PURE__ */ template(`<p class=settings-status>`), _tmpl$8$1 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail> &middot; <!> cookies &middot; <!> domains</span></div><div style=display:flex;gap:6px;align-items:center><button class="premium-btn premium-btn-activate"title="Restore this session (replaces current tabs and cookies)"style="padding:2px 10px;font-size:12px">Load</button><button class=vault-entry-remove title="Delete session">&times;`);
+var _tmpl$$4 = /* @__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$2$4 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$3$3 = /* @__PURE__ */ template(`<div class=settings-category-panel><div class=settings-field><label class=settings-label>Vessel Premium</label></div><div class=settings-field><label class=settings-label>Saved Sessions</label><p class=settings-hint style=margin-bottom:10px>Save the current browser state (tabs, cookies, storage) as a named session. Restore it later from this panel.</p><div class=premium-activate-row style=margin-bottom:8px><input class="settings-input premium-email-input"placeholder="Session name"><button class="premium-btn premium-btn-activate">Save Current`), _tmpl$4$3 = /* @__PURE__ */ template(`<div class=premium-activate-row><input class="settings-input premium-email-input"inputmode=numeric maxlength=6 placeholder="Enter 6-digit code"><button class="premium-btn premium-btn-activate">`), _tmpl$5$2 = /* @__PURE__ */ template(`<button class="premium-btn premium-btn-reset">Clear Saved Email`), _tmpl$6$2 = /* @__PURE__ */ template(`<div class=premium-section><p class=premium-description>Unlock screenshot/vision analysis, session management, Obsidian integration, workflow tracking, DevTools tools, table extraction, Agent Credential Vault, 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">`), _tmpl$7$2 = /* @__PURE__ */ template(`<p class=settings-status>`), _tmpl$8$1 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail> &middot; <!> cookies &middot; <!> domains</span></div><div style=display:flex;gap:6px;align-items:center><button class="premium-btn premium-btn-activate"title="Restore this session (replaces current tabs and cookies)"style="padding:2px 10px;font-size:12px">Load</button><button class=vault-entry-remove title="Delete session">&times;`);
 const SettingsAccount = (props) => {
   const p = props.premium;
   const s = props.sessions;
@@ -11620,6 +11620,7 @@ const SettingsAccount = (props) => {
           _el$24.$$click = () => {
             p.startCheckout();
           };
+          insert(_el$24, () => p.loading() ? "Opening Checkout..." : "Subscribe to Premium — $5.99/mo after 7-day free trial");
           insert(_el$16, createComponent(Show, {
             get when() {
               return p.message();
@@ -11628,9 +11629,9 @@ const SettingsAccount = (props) => {
               var _el$26 = _tmpl$7$2();
               insert(_el$26, () => msg().text);
               createRenderEffect((_p$) => {
-                var _v$ = !!(msg().kind === "success"), _v$2 = !!(msg().kind === "error");
-                _v$ !== _p$.e && _el$26.classList.toggle("success", _p$.e = _v$);
-                _v$2 !== _p$.t && _el$26.classList.toggle("error", _p$.t = _v$2);
+                var _v$3 = !!(msg().kind === "success"), _v$4 = !!(msg().kind === "error");
+                _v$3 !== _p$.e && _el$26.classList.toggle("success", _p$.e = _v$3);
+                _v$4 !== _p$.t && _el$26.classList.toggle("error", _p$.t = _v$4);
                 return _p$;
               }, {
                 e: void 0,
@@ -11655,7 +11656,15 @@ const SettingsAccount = (props) => {
               return _el$25;
             }
           }), null);
-          createRenderEffect(() => _el$20.disabled = p.loading() || !p.email().trim());
+          createRenderEffect((_p$) => {
+            var _v$ = p.loading() || !p.email().trim(), _v$2 = p.loading();
+            _v$ !== _p$.e && (_el$20.disabled = _p$.e = _v$);
+            _v$2 !== _p$.t && (_el$24.disabled = _p$.t = _v$2);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
           createRenderEffect(() => _el$19.value = p.email());
           return _el$16;
         })();
@@ -11706,9 +11715,9 @@ const SettingsAccount = (props) => {
             var _el$27 = _tmpl$7$2();
             insert(_el$27, () => msg().text);
             createRenderEffect((_p$) => {
-              var _v$3 = !!(msg().kind === "success"), _v$4 = !!(msg().kind === "error");
-              _v$3 !== _p$.e && _el$27.classList.toggle("success", _p$.e = _v$3);
-              _v$4 !== _p$.t && _el$27.classList.toggle("error", _p$.t = _v$4);
+              var _v$5 = !!(msg().kind === "success"), _v$6 = !!(msg().kind === "error");
+              _v$5 !== _p$.e && _el$27.classList.toggle("success", _p$.e = _v$5);
+              _v$6 !== _p$.t && _el$27.classList.toggle("error", _p$.t = _v$6);
               return _p$;
             }, {
               e: void 0,
@@ -12807,8 +12816,30 @@ const Settings = () => {
   const trackPremiumContext = (step) => window.vessel.premium.trackContext(step).catch((err) => {
     logger.warn("Failed to track premium context:", err);
   });
-  const startPremiumCheckout = () => {
-    void window.vessel.premium.checkout(premiumEmail().trim() || void 0);
+  const startPremiumCheckout = async () => {
+    setPremiumLoading(true);
+    setPremiumMessage(null);
+    try {
+      const result = await window.vessel.premium.checkout(premiumEmail().trim() || void 0);
+      if (result.ok) {
+        setPremiumMessage({
+          kind: "success",
+          text: "Checkout opened. This screen will update when Premium activates."
+        });
+      } else {
+        setPremiumMessage({
+          kind: "error",
+          text: result.error || "Could not open checkout."
+        });
+      }
+    } catch (err) {
+      setPremiumMessage({
+        kind: "error",
+        text: err instanceof Error ? err.message : "Could not open checkout."
+      });
+    } finally {
+      setPremiumLoading(false);
+    }
   };
   const resetPremiumActivationFlow = () => {
     setPremiumCode("");

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'; base-uri 'none'; object-src 'none'; frame-src 'none'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self'; font-src 'self' data:; form-action 'self';" />
     <title>Vessel</title>
-    <script type="module" crossorigin src="./assets/index-CfezqyLr.js"></script>
+    <script type="module" crossorigin src="./assets/index-D3ABnKy4.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-BF_JrL2V.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.101",
+  "version": "0.1.104",
   "description": "AI-native web browser runtime for autonomous agents with human supervision",
   "main": "./out/main/index.js",
   "bin": {