stagent 0.9.5 → 0.10.0

package/src/app/auth/callback/route.ts

@@ -1,73 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { createClient } from "@supabase/supabase-js";
-import { licenseManager } from "@/lib/license/manager";
-import { validateLicenseWithCloud } from "@/lib/license/cloud-validation";
-import { sendUpgradeConfirmation } from "@/lib/billing/email";
-import { getSupabaseUrl, getSupabaseAnonKey } from "@/lib/cloud/supabase-client";
-
-/**
- * GET /auth/callback
- *
- * Handles the Supabase magic link redirect. Exchanges the auth code
- * for a session, validates the user's license, and redirects to settings.
- *
- * Flow:
- * 1. User clicks magic link in email
- * 2. Supabase redirects here with ?code=...
- * 3. We exchange the code for a session (gets user email)
- * 4. Validate license against cloud (check if they have a paid subscription)
- * 5. Activate the license locally if found
- * 6. Redirect to /settings with success indicator
- */
-export async function GET(req: NextRequest) {
-  const { searchParams } = req.nextUrl;
-  const code = searchParams.get("code");
-
-  if (!code) {
-    return NextResponse.redirect(new URL("/settings?auth=error", req.url));
-  }
-
-  const supabase = createClient(getSupabaseUrl(), getSupabaseAnonKey(), {
-    auth: { persistSession: false },
-  });
-
-  // Exchange the code for a session
-  const { data, error } = await supabase.auth.exchangeCodeForSession(code);
-
-  if (error || !data.session) {
-    console.error("[auth/callback] Code exchange failed:", error?.message);
-    return NextResponse.redirect(new URL("/settings?auth=error", req.url));
-  }
-
-  const email = data.session.user.email;
-  if (!email) {
-    return NextResponse.redirect(new URL("/settings?auth=error", req.url));
-  }
-
-  // Validate license against cloud — check if this email has a paid subscription
-  const validation = await validateLicenseWithCloud(email);
-
-  if (validation.valid && validation.tier !== "community") {
-    // User has a paid subscription — activate locally
-    licenseManager.activate({
-      tier: validation.tier,
-      email,
-      expiresAt: validation.expiresAt,
-    });
-    // Send upgrade confirmation email (fire-and-forget)
-    sendUpgradeConfirmation(email, validation.tier).catch(() => {});
-  } else {
-    // No paid subscription — still link the email for future activation
-    // This sets the email so cloud sync and marketplace work when they upgrade
-    const currentTier = licenseManager.getTierFromDb();
-    if (currentTier === "community") {
-      // Just store the email association without changing tier
-      licenseManager.activate({
-        tier: "community",
-        email,
-      });
-    }
-  }
-
-  return NextResponse.redirect(new URL("/settings?auth=success", req.url));
-}

package/src/app/marketplace/page.tsx

@@ -1,19 +0,0 @@
-import { PageShell } from "@/components/shared/page-shell";
-import { MarketplaceBrowser } from "@/components/marketplace/marketplace-browser";
-import { licenseManager } from "@/lib/license/manager";
-import { canAccessFeature } from "@/lib/license/features";
-
-export const dynamic = "force-dynamic";
-
-export default function MarketplacePage() {
-  // Use getTierFromDb() for Server Components (Turbopack module instance separation)
-  const tier = licenseManager.getTierFromDb();
-  const canImport = canAccessFeature(tier, "marketplace-import");
-  const canPublish = canAccessFeature(tier, "marketplace-publish");
-
-  return (
-    <PageShell title="Marketplace" description="Browse and import workflow blueprints">
-      <MarketplaceBrowser canImport={canImport} canPublish={canPublish} />
-    </PageShell>
-  );
-}

package/src/components/analytics/analytics-gate-card.tsx

@@ -1,101 +0,0 @@
-"use client";
-
-import Link from "next/link";
-import { TrendingUp, Trophy, Coins, Sparkles } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { TIER_PRICING } from "@/lib/license/tier-limits";
-
-function ValueProp({
-  icon: Icon,
-  title,
-  description,
-}: {
-  icon: typeof TrendingUp;
-  title: string;
-  description: string;
-}) {
-  return (
-    <div className="space-y-1.5">
-      <div className="flex items-center gap-2">
-        <div className="flex items-center justify-center w-7 h-7 rounded-lg border bg-background">
-          <Icon className="h-3.5 w-3.5 text-primary" />
-        </div>
-        <span className="text-xs font-semibold tracking-tight">{title}</span>
-      </div>
-      <p className="text-[11px] leading-relaxed text-muted-foreground pl-9">
-        {description}
-      </p>
-    </div>
-  );
-}
-
-/**
- * Analytics-specific upgrade CTA card.
- * Replaces the generic PremiumGateOverlay lock card with
- * benefit-oriented messaging and value props.
- */
-export function AnalyticsGateCard() {
-  const price = TIER_PRICING.operator.monthly;
-
-  return (
-    <div className="w-full max-w-lg mx-auto">
-      <div className="surface-card rounded-xl border shadow-lg p-8 space-y-6">
-        {/* Header */}
-        <div className="space-y-2 text-center">
-          <div className="flex items-center justify-center gap-2 mb-3">
-            <Sparkles className="h-4 w-4 text-primary" />
-            <Badge variant="secondary" className="text-[10px] font-medium tracking-wide uppercase">
-              Operator Feature
-            </Badge>
-          </div>
-          <h2 className="text-xl font-bold tracking-tight">
-            See what your AI agents are worth
-          </h2>
-          <p className="text-sm text-muted-foreground max-w-xs mx-auto">
-            Turn raw execution data into actionable ROI insights
-          </p>
-        </div>
-
-        {/* Value Props */}
-        <div className="space-y-4 py-2">
-          <ValueProp
-            icon={TrendingUp}
-            title="ROI Tracking"
-            description="Know exactly how much time and money your agents save with automated value calculations"
-          />
-          <ValueProp
-            icon={Trophy}
-            title="Profile Leaderboard"
-            description="See which agent profiles deliver the best results and optimize your team"
-          />
-          <ValueProp
-            icon={Coins}
-            title="Cost Efficiency"
-            description="Track cost-per-outcome trends to find the sweet spot between quality and spend"
-          />
-        </div>
-
-        {/* Pricing + CTA */}
-        <div className="space-y-3 pt-2">
-          <div className="flex items-baseline justify-center gap-1.5">
-            <span className="text-2xl font-bold">${price}</span>
-            <span className="text-xs text-muted-foreground">/mo</span>
-            <span className="text-xs text-muted-foreground mx-1">·</span>
-            <span className="text-xs text-muted-foreground">Operator tier</span>
-          </div>
-          <Button className="w-full" size="lg" asChild>
-            <Link href="/settings?highlight=operator">
-              Unlock Analytics
-            </Link>
-          </Button>
-        </div>
-
-        {/* Social proof / objection handler */}
-        <p className="text-[11px] text-center text-muted-foreground">
-          Derived from data you already have — zero setup required
-        </p>
-      </div>
-    </div>
-  );
-}

package/src/components/marketplace/blueprint-card.tsx

@@ -1,61 +0,0 @@
-"use client";
-
-import { Download, Star } from "lucide-react";
-import { Badge } from "@/components/ui/badge";
-import { Button } from "@/components/ui/button";
-import type { MarketplaceBlueprint } from "@/lib/marketplace/marketplace-client";
-
-interface BlueprintCardProps {
-  blueprint: MarketplaceBlueprint;
-  canImport: boolean;
-  onImport?: (id: string) => void;
-}
-
-export function BlueprintCard({ blueprint, canImport, onImport }: BlueprintCardProps) {
-  return (
-    <div className="surface-card-muted rounded-lg border p-4 space-y-3">
-      <div className="flex items-start justify-between gap-2">
-        <div className="space-y-1">
-          <h3 className="text-sm font-medium">{blueprint.title}</h3>
-          {blueprint.description && (
-            <p className="text-xs text-muted-foreground line-clamp-2">
-              {blueprint.description}
-            </p>
-          )}
-        </div>
-        <Badge variant="secondary" className="text-[10px] shrink-0">
-          {blueprint.category}
-        </Badge>
-      </div>
-
-      <div className="flex items-center justify-between">
-        <div className="flex items-center gap-3 text-xs text-muted-foreground">
-          <span className="flex items-center gap-1">
-            <Download className="h-3 w-3" />
-            {blueprint.install_count}
-          </span>
-          {blueprint.success_rate > 0 && (
-            <span className="flex items-center gap-1">
-              <Star className="h-3 w-3" />
-              {Math.round(blueprint.success_rate * 100)}%
-            </span>
-          )}
-          {blueprint.tags?.length > 0 && (
-            <span>{blueprint.tags.slice(0, 2).join(", ")}</span>
-          )}
-        </div>
-
-        {canImport && onImport && (
-          <Button
-            size="sm"
-            variant="outline"
-            onClick={() => onImport(blueprint.id)}
-          >
-            <Download className="h-3 w-3 mr-1" />
-            Import
-          </Button>
-        )}
-      </div>
-    </div>
-  );
-}

package/src/components/marketplace/marketplace-browser.tsx

@@ -1,131 +0,0 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { Store } from "lucide-react";
-import { toast } from "sonner";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-import { EmptyState } from "@/components/shared/empty-state";
-import { BlueprintCard } from "./blueprint-card";
-import type { MarketplaceBlueprint } from "@/lib/marketplace/marketplace-client";
-
-interface MarketplaceBrowserProps {
-  canImport: boolean;
-  canPublish: boolean;
-}
-
-const CATEGORIES = ["all", "general", "research", "content", "data", "automation"];
-
-export function MarketplaceBrowser({ canImport }: MarketplaceBrowserProps) {
-  const [blueprints, setBlueprints] = useState<MarketplaceBlueprint[]>([]);
-  const [category, setCategory] = useState("all");
-  const [loading, setLoading] = useState(true);
-  const [page, setPage] = useState(1);
-  const [total, setTotal] = useState(0);
-
-  useEffect(() => {
-    setLoading(true);
-    const params = new URLSearchParams({ page: String(page) });
-    if (category !== "all") params.set("category", category);
-
-    fetch(`/api/marketplace/browse?${params}`)
-      .then((r) => (r.ok ? r.json() : { blueprints: [], total: 0 }))
-      .then((d) => {
-        setBlueprints(d.blueprints ?? []);
-        setTotal(d.total ?? 0);
-      })
-      .catch(() => setBlueprints([]))
-      .finally(() => setLoading(false));
-  }, [page, category]);
-
-  async function handleImport(blueprintId: string) {
-    try {
-      const res = await fetch("/api/marketplace/import", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ blueprintId }),
-      });
-      if (res.ok) {
-        toast.success("Blueprint imported! Check your workflows.");
-      } else {
-        const data = await res.json();
-        toast.error(data.error ?? "Import failed");
-      }
-    } catch {
-      toast.error("Failed to import blueprint");
-    }
-  }
-
-  return (
-    <div className="space-y-4">
-      {/* Category filter */}
-      <div className="flex items-center gap-2 flex-wrap">
-        {CATEGORIES.map((cat) => (
-          <Badge
-            key={cat}
-            variant={category === cat ? "default" : "outline"}
-            className="cursor-pointer capitalize"
-            onClick={() => { setCategory(cat); setPage(1); }}
-          >
-            {cat}
-          </Badge>
-        ))}
-      </div>
-
-      {/* Results */}
-      {loading ? (
-        <div className="grid grid-cols-2 gap-3">
-          {[1, 2, 3, 4].map((i) => (
-            <div key={i} className="h-32 bg-muted rounded-lg animate-pulse" />
-          ))}
-        </div>
-      ) : blueprints.length === 0 ? (
-        <EmptyState
-          icon={Store}
-          heading="No blueprints found"
-          description={
-            category !== "all"
-              ? `No blueprints in the "${category}" category yet.`
-              : "The marketplace is empty. Be the first to publish a blueprint!"
-          }
-        />
-      ) : (
-        <div className="grid grid-cols-2 gap-3">
-          {blueprints.map((bp) => (
-            <BlueprintCard
-              key={bp.id}
-              blueprint={bp}
-              canImport={canImport}
-              onImport={handleImport}
-            />
-          ))}
-        </div>
-      )}
-
-      {/* Pagination */}
-      {total > 20 && (
-        <div className="flex justify-center gap-2">
-          <Button
-            size="sm"
-            variant="outline"
-            disabled={page <= 1}
-            onClick={() => setPage((p) => p - 1)}
-          >
-            Previous
-          </Button>
-          <span className="text-xs text-muted-foreground self-center">
-            Page {page} of {Math.ceil(total / 20)}
-          </span>
-          <Button
-            size="sm"
-            variant="outline"
-            disabled={page * 20 >= total}
-            onClick={() => setPage((p) => p + 1)}
-          >
-            Next
-          </Button>
-        </div>
-      )}
-    </div>
-  );
-}

package/src/components/onboarding/email-capture-card.tsx

@@ -1,104 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { Mail, X } from "lucide-react";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Card, CardContent } from "@/components/ui/card";
-
-const DISMISSED_KEY = "onboarding-email-dismissed";
-
-/**
- * Non-blocking email capture card for first-run users.
- * Appears once, never again after submit or dismiss.
- */
-export function EmailCaptureCard() {
-  const [dismissed, setDismissed] = useState(() => {
-    if (typeof window === "undefined") return true;
-    return localStorage.getItem(DISMISSED_KEY) === "true";
-  });
-  const [email, setEmail] = useState("");
-  const [status, setStatus] = useState<"idle" | "loading" | "success" | "error">("idle");
-
-  function dismiss() {
-    localStorage.setItem(DISMISSED_KEY, "true");
-    setDismissed(true);
-  }
-
-  async function handleSubmit(e: React.FormEvent) {
-    e.preventDefault();
-    if (!email.includes("@")) return;
-
-    setStatus("loading");
-    try {
-      const res = await fetch("/api/onboarding/email", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ email }),
-      });
-      if (res.ok) {
-        setStatus("success");
-        localStorage.setItem(DISMISSED_KEY, "true");
-      } else {
-        setStatus("error");
-      }
-    } catch {
-      setStatus("error");
-    }
-  }
-
-  if (dismissed) return null;
-
-  if (status === "success") {
-    return (
-      <Card className="border-primary/20">
-        <CardContent className="py-4 text-center">
-          <p className="text-sm text-muted-foreground">
-            Check your email for a magic link to connect your account.
-          </p>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <Card className="border-primary/20">
-      <CardContent className="py-4">
-        <div className="flex items-start justify-between gap-4">
-          <div className="flex items-start gap-3 flex-1">
-            <Mail className="h-5 w-5 text-primary mt-0.5 shrink-0" />
-            <div className="space-y-2 flex-1">
-              <p className="text-sm font-medium">Connect your email for cloud features</p>
-              <p className="text-xs text-muted-foreground">
-                Enable cloud sync, billing, and marketplace access. No account required to use Stagent.
-              </p>
-              <form onSubmit={handleSubmit} className="flex gap-2 max-w-sm">
-                <Input
-                  type="email"
-                  placeholder="you@example.com"
-                  value={email}
-                  onChange={(e) => setEmail(e.target.value)}
-                  className="text-sm"
-                  required
-                />
-                <Button size="sm" type="submit" disabled={status === "loading"}>
-                  {status === "loading" ? "..." : "Connect"}
-                </Button>
-              </form>
-              {status === "error" && (
-                <p className="text-xs text-destructive">Something went wrong. Try again later.</p>
-              )}
-            </div>
-          </div>
-          <button
-            onClick={dismiss}
-            className="text-muted-foreground hover:text-foreground transition-colors"
-            aria-label="Dismiss"
-          >
-            <X className="h-4 w-4" />
-          </button>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}

package/src/components/settings/activation-form.tsx

@@ -1,95 +0,0 @@
-"use client";
-
-import { useState } from "react";
-import { KeyRound } from "lucide-react";
-import { toast } from "sonner";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { validateLicenseKey, formatKeyInput } from "@/lib/license/key-format";
-
-interface ActivationFormProps {
-  onActivated?: () => void;
-}
-
-export function ActivationForm({ onActivated }: ActivationFormProps) {
-  const [keyInput, setKeyInput] = useState("");
-  const [error, setError] = useState<string | null>(null);
-  const [activating, setActivating] = useState(false);
-
-  function handleKeyChange(value: string) {
-    // Strip the STAG- prefix for formatting, then re-add
-    const raw = value.replace(/^STAG-?/, "").replace(/-/g, "");
-    setKeyInput(formatKeyInput(raw));
-    setError(null);
-  }
-
-  async function handleActivate() {
-    const validation = validateLicenseKey(keyInput);
-    if (!validation.valid) {
-      setError(validation.error ?? "Invalid key");
-      return;
-    }
-
-    setActivating(true);
-    setError(null);
-
-    try {
-      const res = await fetch("/api/license", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ key: keyInput }),
-      });
-
-      const data = await res.json();
-
-      if (!res.ok) {
-        const errorMsg =
-          res.status === 404
-            ? "License key not found"
-            : res.status === 409
-              ? "This key has already been used"
-              : res.status === 410
-                ? "This key has expired"
-                : data.error ?? "Activation failed";
-        setError(errorMsg);
-        return;
-      }
-
-      toast.success(`Activated ${data.tier} tier!`);
-      setKeyInput("");
-      onActivated?.();
-    } catch {
-      setError("Network error — please try again");
-    } finally {
-      setActivating(false);
-    }
-  }
-
-  return (
-    <div className="space-y-3">
-      <div className="flex items-center gap-2">
-        <KeyRound className="h-3.5 w-3.5 text-muted-foreground" />
-        <span className="text-xs font-medium">Activate with License Key</span>
-      </div>
-      <div className="flex gap-2">
-        <Input
-          value={keyInput}
-          onChange={(e) => handleKeyChange(e.target.value)}
-          placeholder="STAG-XXXX-XXXX-XXXX-XXXX"
-          className="font-mono text-sm"
-          maxLength={24}
-        />
-        <Button
-          size="sm"
-          onClick={handleActivate}
-          disabled={activating || keyInput.length < 24}
-        >
-          {activating ? "Activating..." : "Activate"}
-        </Button>
-      </div>
-      {error && (
-        <p className="text-xs text-destructive">{error}</p>
-      )}
-    </div>
-  );
-}