@nordsym/apiclaw 1.3.6 → 1.3.8

package/landing/next.config.mjs

@@ -1,6 +1,20 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: 'standalone',
+  async redirects() {
+    return [
+      {
+        source: '/docs',
+        destination: '/workspace?tab=docs',
+        permanent: false,
+      },
+      {
+        source: '/faq',
+        destination: '/#faq',
+        permanent: false,
+      },
+    ];
+  },
 };
 
 export default nextConfig;

package/landing/public/stats.json

@@ -1,8 +1,10 @@
 {
   "apiCount": 22392,
+  "openApiCount": 996,
+  "directCallCount": 10,
   "categoryCount": 14,
-  "lastUpdated": "2026-02-27T12:05:00.000Z",
-  "generatedAt": "2026-02-27T12:05:00.000Z",
+  "lastUpdated": "2026-02-28T21:45:00.000Z",
+  "generatedAt": "2026-02-28T21:45:00.000Z",
   "categoryBreakdown": {
     "Utilities": 7069,
     "Analytics": 2600,

package/landing/scripts/generate-stats.js

@@ -88,8 +88,18 @@ try {
   });
   const uniqueCategories = Object.keys(categoryBreakdown);
   
+  // Count open APIs (no auth required) - case insensitive
+  const openApiCount = registry.apis.filter(api => 
+    !api.auth || api.auth === '' || api.auth.toLowerCase() === 'none'
+  ).length;
+  
+  // Direct call providers (hardcoded for now, update when adding new providers)
+  const directCallCount = 10;
+  
   const stats = {
     apiCount: registry.count,
+    openApiCount: openApiCount,
+    directCallCount: directCallCount,
     categoryCount: uniqueCategories.length,
     lastUpdated: registry.lastUpdated || new Date().toISOString().split('T')[0],
     generatedAt: new Date().toISOString(),
@@ -109,6 +119,8 @@ try {
   // Write fallback stats
   const fallback = {
     apiCount: 22392,
+    openApiCount: 996,
+    directCallCount: 10,
     categoryCount: 14,
     lastUpdated: new Date().toISOString().split('T')[0],
     generatedAt: new Date().toISOString(),

package/landing/src/app/api/billing/checkout/route.ts

@@ -0,0 +1,109 @@
+import { NextRequest, NextResponse } from "next/server";
+import Stripe from "stripe";
+
+const CONVEX_URL = process.env.NEXT_PUBLIC_CONVEX_URL || "https://adventurous-avocet-799.convex.cloud";
+const stripeSecretKey = process.env.STRIPE_SECRET_KEY;
+
+const stripe = stripeSecretKey ? new Stripe(stripeSecretKey) : null;
+
+// Price ID for usage-based subscription
+const USAGE_BASED_PRICE_ID = process.env.STRIPE_USAGE_PRICE_ID || "price_1R9hAUCQSPYXHCfhMmaPnmN9";
+
+export async function POST(req: NextRequest) {
+  if (!stripe) {
+    return NextResponse.json({ error: "Stripe not configured" }, { status: 500 });
+  }
+
+  try {
+    const { token } = await req.json();
+
+    if (!token) {
+      return NextResponse.json({ error: "Missing token" }, { status: 400 });
+    }
+
+    // Verify session and get workspace
+    const sessionRes = await fetch(`${CONVEX_URL}/api/query`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        path: "workspaces:getSessionWorkspace",
+        args: { token },
+      }),
+    });
+
+    const sessionData = await sessionRes.json();
+    const workspace = sessionData.value || sessionData;
+
+    if (!workspace || !workspace._id) {
+      return NextResponse.json({ error: "Invalid session" }, { status: 401 });
+    }
+
+    // Check if customer already exists
+    let customerId = workspace.stripeCustomerId;
+
+    if (!customerId) {
+      // Create new Stripe customer
+      const customer = await stripe.customers.create({
+        email: workspace.email,
+        metadata: {
+          workspaceId: workspace._id,
+        },
+      });
+
+      customerId = customer.id;
+
+      // Save customer ID to workspace
+      await fetch(`${CONVEX_URL}/api/mutation`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          path: "billing:linkCustomer",
+          args: {
+            workspaceId: workspace._id,
+            stripeCustomerId: customerId,
+          },
+        }),
+      });
+    }
+
+    // Determine the app URL for redirects
+    const appUrl = process.env.NEXT_PUBLIC_APP_URL || "https://apiclaw.com";
+
+    // Create Checkout Session for setup mode (to collect payment method)
+    // This will create a subscription with usage-based billing
+    const session = await stripe.checkout.sessions.create({
+      customer: customerId,
+      mode: "subscription",
+      payment_method_types: ["card"],
+      line_items: [
+        {
+          price: USAGE_BASED_PRICE_ID,
+        },
+      ],
+      subscription_data: {
+        metadata: {
+          workspaceId: workspace._id,
+          type: "usage_based",
+        },
+      },
+      metadata: {
+        workspaceId: workspace._id,
+        type: "usage_based",
+      },
+      success_url: `${appUrl}/workspace?billing=success`,
+      cancel_url: `${appUrl}/workspace?billing=cancel`,
+      allow_promotion_codes: true,
+    });
+
+    return NextResponse.json({
+      url: session.url,
+      sessionId: session.id,
+    });
+  } catch (error) {
+    console.error("[Checkout] Error:", error);
+    return NextResponse.json(
+      { error: error instanceof Error ? error.message : "Checkout failed" },
+      { status: 500 }
+    );
+  }
+}

package/landing/src/app/api/billing/payment-method/route.ts

@@ -0,0 +1,118 @@
+import { NextRequest, NextResponse } from "next/server";
+import Stripe from "stripe";
+
+const CONVEX_URL = process.env.NEXT_PUBLIC_CONVEX_URL || "https://adventurous-avocet-799.convex.cloud";
+const stripeSecretKey = process.env.STRIPE_SECRET_KEY;
+
+const stripe = stripeSecretKey ? new Stripe(stripeSecretKey) : null;
+
+export async function POST(req: NextRequest) {
+  if (!stripe) {
+    return NextResponse.json({ error: "Stripe not configured" }, { status: 500 });
+  }
+
+  try {
+    const { token } = await req.json();
+
+    if (!token) {
+      return NextResponse.json({ error: "Missing token" }, { status: 400 });
+    }
+
+    // Verify session and get workspace
+    const sessionRes = await fetch(`${CONVEX_URL}/api/query`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        path: "workspaces:getSessionWorkspace",
+        args: { token },
+      }),
+    });
+
+    const sessionData = await sessionRes.json();
+    const workspace = sessionData.value || sessionData;
+
+    if (!workspace || !workspace._id) {
+      return NextResponse.json({ error: "Invalid session" }, { status: 401 });
+    }
+
+    if (!workspace.stripeCustomerId) {
+      return NextResponse.json({ paymentMethod: null });
+    }
+
+    // Get customer's default payment method
+    const customer = await stripe.customers.retrieve(workspace.stripeCustomerId, {
+      expand: ["invoice_settings.default_payment_method"],
+    });
+
+    if (customer.deleted) {
+      return NextResponse.json({ paymentMethod: null });
+    }
+
+    const defaultPm = customer.invoice_settings?.default_payment_method;
+
+    if (!defaultPm || typeof defaultPm === "string") {
+      // Try to get from subscriptions
+      const subscriptions = await stripe.subscriptions.list({
+        customer: workspace.stripeCustomerId,
+        status: "active",
+        limit: 1,
+        expand: ["data.default_payment_method"],
+      });
+
+      if (subscriptions.data.length > 0) {
+        const subPm = subscriptions.data[0].default_payment_method;
+        if (subPm && typeof subPm !== "string" && subPm.type === "card" && subPm.card) {
+          return NextResponse.json({
+            paymentMethod: {
+              brand: subPm.card.brand,
+              last4: subPm.card.last4,
+              expMonth: subPm.card.exp_month,
+              expYear: subPm.card.exp_year,
+            },
+          });
+        }
+      }
+
+      // Try to get any payment method
+      const paymentMethods = await stripe.paymentMethods.list({
+        customer: workspace.stripeCustomerId,
+        type: "card",
+        limit: 1,
+      });
+
+      if (paymentMethods.data.length > 0 && paymentMethods.data[0].card) {
+        const pm = paymentMethods.data[0];
+        return NextResponse.json({
+          paymentMethod: {
+            brand: pm.card!.brand,
+            last4: pm.card!.last4,
+            expMonth: pm.card!.exp_month,
+            expYear: pm.card!.exp_year,
+          },
+        });
+      }
+
+      return NextResponse.json({ paymentMethod: null });
+    }
+
+    // Extract card details from default payment method
+    if (defaultPm.type === "card" && defaultPm.card) {
+      return NextResponse.json({
+        paymentMethod: {
+          brand: defaultPm.card.brand,
+          last4: defaultPm.card.last4,
+          expMonth: defaultPm.card.exp_month,
+          expYear: defaultPm.card.exp_year,
+        },
+      });
+    }
+
+    return NextResponse.json({ paymentMethod: null });
+  } catch (error) {
+    console.error("[Payment Method] Error:", error);
+    return NextResponse.json(
+      { error: error instanceof Error ? error.message : "Failed to get payment method" },
+      { status: 500 }
+    );
+  }
+}

package/landing/src/app/api/billing/portal/route.ts

@@ -0,0 +1,64 @@
+import { NextRequest, NextResponse } from "next/server";
+import Stripe from "stripe";
+
+const CONVEX_URL = process.env.NEXT_PUBLIC_CONVEX_URL || "https://adventurous-avocet-799.convex.cloud";
+const stripeSecretKey = process.env.STRIPE_SECRET_KEY;
+
+const stripe = stripeSecretKey ? new Stripe(stripeSecretKey) : null;
+
+export async function POST(req: NextRequest) {
+  if (!stripe) {
+    return NextResponse.json({ error: "Stripe not configured" }, { status: 500 });
+  }
+
+  try {
+    const { token } = await req.json();
+
+    if (!token) {
+      return NextResponse.json({ error: "Missing token" }, { status: 400 });
+    }
+
+    // Verify session and get workspace
+    const sessionRes = await fetch(`${CONVEX_URL}/api/query`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        path: "workspaces:getSessionWorkspace",
+        args: { token },
+      }),
+    });
+
+    const sessionData = await sessionRes.json();
+    const workspace = sessionData.value || sessionData;
+
+    if (!workspace || !workspace._id) {
+      return NextResponse.json({ error: "Invalid session" }, { status: 401 });
+    }
+
+    if (!workspace.stripeCustomerId) {
+      return NextResponse.json(
+        { error: "No billing account. Add a payment method first." },
+        { status: 400 }
+      );
+    }
+
+    // Determine the app URL for redirects
+    const appUrl = process.env.NEXT_PUBLIC_APP_URL || "https://apiclaw.com";
+
+    // Create Billing Portal session
+    const session = await stripe.billingPortal.sessions.create({
+      customer: workspace.stripeCustomerId,
+      return_url: `${appUrl}/workspace?tab=settings&portal=success`,
+    });
+
+    return NextResponse.json({
+      url: session.url,
+    });
+  } catch (error) {
+    console.error("[Billing Portal] Error:", error);
+    return NextResponse.json(
+      { error: error instanceof Error ? error.message : "Failed to create portal session" },
+      { status: 500 }
+    );
+  }
+}

package/landing/src/app/api/workspace-auth/magic-link/route.ts

@@ -4,7 +4,7 @@ const CONVEX_URL = process.env.NEXT_PUBLIC_CONVEX_URL || "https://adventurous-av
 
 export async function POST(req: NextRequest) {
   try {
-    const { email, fingerprint } = await req.json();
+    const { email, fingerprint, referralCode } = await req.json();
 
     if (!email || !email.includes("@")) {
       return NextResponse.json({ error: "Valid email required" }, { status: 400 });
@@ -33,8 +33,11 @@ export async function POST(req: NextRequest) {
       throw new Error("Failed to get token from Convex");
     }
 
-    // Send magic link email via n8n
-    const magicLinkUrl = `${process.env.NEXT_PUBLIC_APP_URL || "https://apiclaw.nordsym.com"}/dashboard/verify?token=${token}`;
+    // Build magic link URL with optional referral code
+    let magicLinkUrl = `${process.env.NEXT_PUBLIC_APP_URL || "https://apiclaw.nordsym.com"}/auth/verify?token=${token}`;
+    if (referralCode) {
+      magicLinkUrl += `&ref=${encodeURIComponent(referralCode)}`;
+    }
 
     await fetch("https://nordsym.app.n8n.cloud/webhook/symbot-gmail", {
       method: "POST",

package/landing/src/app/auth/verify/page.tsx

@@ -4,7 +4,7 @@ import { useEffect, useState } from "react";
 import { useSearchParams } from "next/navigation";
 import { Suspense } from "react";
 
-const CONVEX_URL = process.env.NEXT_PUBLIC_CONVEX_URL || "https://brilliant-puffin-712.eu-west-1.convex.cloud";
+const CONVEX_URL = process.env.NEXT_PUBLIC_CONVEX_URL || "https://adventurous-avocet-799.convex.cloud";
 
 interface VerifyResult {
   success: boolean;
@@ -23,6 +23,7 @@ interface VerifyResult {
 function VerifyContent() {
   const searchParams = useSearchParams();
   const token = searchParams.get("token");
+  const referralCode = searchParams.get("ref"); // Referral code from signup URL
   
   const [status, setStatus] = useState<"loading" | "success" | "error">("loading");
   const [error, setError] = useState<string>("");
@@ -43,17 +44,23 @@ function VerifyContent() {
       return;
     }
 
-    verifyToken(token);
-  }, [token]);
+    verifyToken(token, referralCode || undefined);
+  }, [token, referralCode]);
 
-  async function verifyToken(token: string) {
+  async function verifyToken(token: string, refCode?: string) {
     try {
+      // Build args with optional referral code
+      const args: { token: string; referralCode?: string } = { token };
+      if (refCode) {
+        args.referralCode = refCode;
+      }
+
       const response = await fetch(`${CONVEX_URL}/api/mutation`, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           path: "workspaces:verifyMagicLink",
-          args: { token },
+          args,
         }),
       });
 
@@ -68,6 +75,15 @@ function VerifyContent() {
         setStatus("success");
         setWorkspace(data.workspace || null);
         setSessionToken(data.sessionToken || "");
+        
+        // Store session for workspace dashboard
+        if (data.sessionToken) {
+          localStorage.setItem("apiclaw_workspace_session", data.sessionToken);
+          // Auto-redirect to workspace after 2 seconds
+          setTimeout(() => {
+            window.location.href = "/workspace";
+          }, 2000);
+        }
       } else {
         setStatus("error");
         switch (data.error) {
@@ -235,9 +251,15 @@ function VerifyContent() {
               </div>
             )}
 
-            <div className="text-center pt-4 border-t border-[var(--border)]">
+            <div className="text-center pt-4 border-t border-[var(--border)] space-y-3">
+              <a 
+                href="/workspace"
+                className="inline-flex items-center justify-center px-6 py-3 bg-[var(--accent)] text-white rounded-lg font-medium hover:opacity-90 transition w-full"
+              >
+                Go to Workspace →
+              </a>
               <p className="text-[var(--text-muted)] text-sm">
-                ✓ You can close this tab now
+                ✓ Or close this tab if using CLI
               </p>
             </div>
           </div>
@@ -267,8 +289,8 @@ function VerifyContent() {
         {/* Footer */}
         <p className="text-center text-[var(--text-muted)] text-xs mt-6">
           Having trouble? Contact{" "}
-          <a href="mailto:support@apiclaw.com" className="text-[var(--accent)] hover:underline">
-            support@apiclaw.com
+          <a href="mailto:support_apiclaw@nordsym.com" className="text-[var(--accent)] hover:underline">
+            support_apiclaw@nordsym.com
           </a>
         </p>
       </div>

package/landing/src/app/docs/page.tsx

@@ -311,7 +311,7 @@ export default function DocsPage() {
               </li>
               <li>
                 <strong>Email:</strong>{' '}
-                <a href="mailto:symbot@nordsym.com" className="text-[var(--accent)] hover:underline">symbot@nordsym.com</a>
+                <a href="mailto:support_apiclaw@nordsym.com" className="text-[var(--accent)] hover:underline">support_apiclaw@nordsym.com</a>
               </li>
             </ul>
           </div>

package/landing/src/app/earn/page.tsx

@@ -10,7 +10,7 @@ const EARN_CHANNELS = [
     iconName: 'star',
     title: 'Star on GitHub',
     description: 'Show some love on GitHub',
-    credits: 500,
+    credits: 20,
     cta: 'Star Repository',
     href: 'https://github.com/nordsym/apiclaw',
     color: 'from-red-500/20 to-orange-500/10',
@@ -22,7 +22,7 @@ const EARN_CHANNELS = [
     iconName: 'twitter',
     title: 'Follow @NordSym',
     description: 'Stay updated on X/Twitter',
-    credits: 250,
+    credits: 15,
     cta: 'Follow Us',
     href: 'https://x.com/NordSym',
     color: 'from-red-400/20 to-rose-500/10',
@@ -34,7 +34,7 @@ const EARN_CHANNELS = [
     iconName: 'mail',
     title: 'Join Newsletter',
     description: 'Get weekly updates & tips',
-    credits: 100,
+    credits: 15,
     cta: 'Subscribe',
     href: '#newsletter',
     color: 'from-rose-500/20 to-red-500/10',
@@ -45,8 +45,8 @@ const EARN_CHANNELS = [
     id: 'referral',
     iconName: 'users',
     title: 'Invite Friends',
-    description: 'Earn for each friend who joins',
-    credits: 500,
+    description: 'Earn 10 calls for each friend',
+    credits: 10,
     perUnit: 'per friend',
     cta: 'Copy Link',
     color: 'from-orange-500/20 to-red-500/10',
@@ -72,7 +72,7 @@ export default function EarnPage() {
   const [copied, setCopied] = useState(false);
   const [email, setEmail] = useState('');
   const [subscribed, setSubscribed] = useState(false);
-  const [totalCredits] = useState(1350); // Demo value
+  const [totalCredits] = useState(50); // Demo value - matches free tier max earn
   const [theme, setTheme] = useState<'light' | 'dark'>('light');
 
   useEffect(() => {

package/landing/src/app/join/page.tsx

@@ -0,0 +1,49 @@
+"use client";
+
+import { useEffect } from "react";
+import { useSearchParams, useRouter } from "next/navigation";
+import { Suspense } from "react";
+
+function JoinContent() {
+  const searchParams = useSearchParams();
+  const router = useRouter();
+  const refCode = searchParams.get("ref");
+
+  useEffect(() => {
+    // Store referral code in localStorage for use during signup
+    if (refCode) {
+      localStorage.setItem("apiclaw_referral_code", refCode);
+    }
+
+    // Redirect to login page
+    router.push("/login");
+  }, [refCode, router]);
+
+  return (
+    <div className="min-h-screen bg-[var(--background)] flex items-center justify-center p-4">
+      <div className="text-center">
+        <span className="text-6xl animate-bounce">🦞</span>
+        <p className="mt-4 text-[var(--text-secondary)]">
+          {refCode ? "Processing your invite..." : "Redirecting to login..."}
+        </p>
+      </div>
+    </div>
+  );
+}
+
+export default function JoinPage() {
+  return (
+    <Suspense
+      fallback={
+        <div className="min-h-screen bg-[var(--background)] flex items-center justify-center">
+          <div className="text-center">
+            <span className="text-6xl">🦞</span>
+            <p className="mt-4 text-[var(--text-secondary)]">Loading...</p>
+          </div>
+        </div>
+      }
+    >
+      <JoinContent />
+    </Suspense>
+  );
+}

package/landing/src/app/login/page.tsx

@@ -48,10 +48,13 @@ export default function LoginPage() {
     setError(null);
 
     try {
+      // Check for stored referral code (from /join page)
+      const referralCode = localStorage.getItem("apiclaw_referral_code");
+
       const response = await fetch("/api/workspace-auth/magic-link", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ email }),
+        body: JSON.stringify({ email, referralCode }),
       });
 
       if (!response.ok) {
@@ -59,6 +62,9 @@ export default function LoginPage() {
         throw new Error(data.error || "Failed to send magic link");
       }
 
+      // Clear referral code after sending (it will be in the email link)
+      localStorage.removeItem("apiclaw_referral_code");
+
       setIsSent(true);
     } catch (err) {
       setError(err instanceof Error ? err.message : "Something went wrong");
@@ -175,7 +181,7 @@ export default function LoginPage() {
               <div className="space-y-3 text-sm text-[var(--text-muted)]">
                 <div className="flex items-center gap-2">
                   <Check className="w-4 h-4 text-green-500" />
-                  <span>1,000 free API calls per month</span>
+                  <span>50 free API calls per month</span>
                 </div>
                 <div className="flex items-center gap-2">
                   <Check className="w-4 h-4 text-green-500" />