forgecad 0.6.3 → 0.7.0

package/dist/assets/{SettingsPage-BqCh9JcC.js → SettingsPage-FUCSIRq6.js}

@@ -1,5 +1,5 @@
-import { r as reactExports, j as jsxRuntimeExports, L as Link } from "./vendor-react-Dt7-aaJH.js";
-import { u as useAuthStore, a as authFetch } from "./index-1CYp3zUp.js";
+import { r as reactExports, j as jsxRuntimeExports, L as Link } from "./vendor-react-CG3i_wp0.js";
+import { a as useAuthStore, b as authFetch } from "./index-wTEK39at.js";
 function timeAgo(dateStr) {
   const ms = Date.now() - new Date(dateStr).getTime();
   const mins = Math.floor(ms / 6e4);
@@ -414,14 +414,50 @@ function PlanSection() {
   const storageLimitMB = isPro ? 500 : 50;
   const storageUsedMB = 17.2;
   const storagePercent = storageUsedMB / storageLimitMB * 100;
+  const [subscription, setSubscription] = reactExports.useState(null);
+  const [licenseKey, setLicenseKey] = reactExports.useState(null);
+  const [licenseExpiry, setLicenseExpiry] = reactExports.useState(null);
+  const [copied, setCopied] = reactExports.useState(false);
+  const [generating, setGenerating] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    authFetch("/api/billing/subscription").then((data) => setSubscription(data.subscription)).catch(() => {
+    });
+  }, []);
+  const generateLicenseKey = reactExports.useCallback(async () => {
+    setGenerating(true);
+    try {
+      const data = await authFetch("/api/license/generate", {
+        method: "POST"
+      });
+      setLicenseKey(data.token);
+      setLicenseExpiry(data.expiresAt);
+    } catch {
+    } finally {
+      setGenerating(false);
+    }
+  }, []);
+  const copyKey = reactExports.useCallback(() => {
+    if (!licenseKey) return;
+    navigator.clipboard.writeText(licenseKey);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2e3);
+  }, [licenseKey]);
+  const openBillingPortal = reactExports.useCallback(async () => {
+    try {
+      const data = await authFetch("/api/billing/portal", { method: "POST" });
+      window.location.href = data.url;
+    } catch {
+    }
+  }, []);
+  const intervalLabel = (subscription == null ? void 0 : subscription.interval) ? { monthly: "Monthly", annual: "Annual", lifetime: "Lifetime", "admin-granted": "Granted" }[subscription.interval] ?? subscription.interval : "";
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { marginBottom: 40 }, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { style: sectionHeaderStyle, children: "Plan & Usage" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: sectionDescStyle, children: "Your current plan and storage." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: sectionDescStyle, children: "Your current plan, billing, and CLI license." }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: cardStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: cardBodyStyle, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 16 }, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { fontWeight: 600, fontSize: 16 }, children: [
-            isPro ? "Pro" : "Free",
+            isPro ? `Pro ${intervalLabel}` : "Free",
             " Plan"
           ] }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -443,7 +479,37 @@ function PlanSection() {
             }
           )
         ] }),
-        !isPro && /* @__PURE__ */ jsxRuntimeExports.jsx("button", { style: { ...btnPrimaryStyle, padding: "4px 10px", fontSize: 12 }, children: "Upgrade to Pro" })
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", gap: 8 }, children: [
+          isPro && (subscription == null ? void 0 : subscription.hasStripe) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              onClick: openBillingPortal,
+              style: { ...btnPrimaryStyle, padding: "4px 10px", fontSize: 12 },
+              children: "Manage Subscription"
+            }
+          ),
+          !isPro && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Link,
+            {
+              to: "/pricing",
+              style: {
+                ...btnPrimaryStyle,
+                padding: "4px 10px",
+                fontSize: 12,
+                textDecoration: "none",
+                display: "inline-block"
+              },
+              children: "Upgrade to Pro"
+            }
+          )
+        ] })
+      ] }),
+      subscription && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { fontSize: 12, color: "var(--fc-textMuted)", marginBottom: 16 }, children: [
+        subscription.currentPeriodEnd && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+          "Next billing: ",
+          new Date(subscription.currentPeriodEnd).toLocaleDateString()
+        ] }),
+        subscription.canceledAt && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { color: "var(--fc-warning)" }, children: " (Canceled, active until period end)" })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 13, fontWeight: 500 }, children: "Storage" }),
@@ -495,6 +561,64 @@ function PlanSection() {
         )
       ] })
     ] }) }),
+    isPro && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: { fontSize: 14, fontWeight: 600, margin: "24px 0 8px" }, children: "CLI License Key" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: cardStyle, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: cardBodyStyle, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { fontSize: 12, color: "var(--fc-textMuted)", marginBottom: 12 }, children: "Use this key to unlock Pro features in the ForgeCAD CLI. Keys are valid for 30 days and auto-refresh." }),
+        licenseKey ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "div",
+            {
+              style: {
+                fontFamily: "monospace",
+                fontSize: 12,
+                background: "var(--fc-bgActive)",
+                padding: "8px 12px",
+                borderRadius: 6,
+                wordBreak: "break-all",
+                marginBottom: 8
+              },
+              children: licenseKey
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("button", { onClick: copyKey, style: { ...btnPrimaryStyle, padding: "4px 10px", fontSize: 12 }, children: copied ? "Copied!" : "Copy" }),
+            licenseExpiry && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { style: { fontSize: 11, color: "var(--fc-textMuted)" }, children: [
+              "Expires: ",
+              new Date(licenseExpiry).toLocaleDateString()
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              style: {
+                marginTop: 12,
+                padding: "8px 12px",
+                background: "var(--fc-bg)",
+                borderRadius: 6,
+                fontSize: 12,
+                fontFamily: "monospace",
+                color: "var(--fc-textMuted)"
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { marginBottom: 4, color: "var(--fc-textDim)" }, children: "Quick start:" }),
+                "forgecad login",
+                /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}),
+                "forgecad license activate"
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            onClick: generateLicenseKey,
+            disabled: generating,
+            style: { ...btnPrimaryStyle, padding: "6px 14px", fontSize: 13 },
+            children: generating ? "Generating..." : "Generate License Key"
+          }
+        )
+      ] }) })
+    ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("h3", { style: { fontSize: 14, fontWeight: 600, color: "var(--fc-error)", margin: "24px 0 8px" }, children: "Danger Zone" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { ...cardStyle, borderColor: "rgba(248, 81, 73, 0.3)" }, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { ...cardBodyStyle, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 16 }, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [