stagent 0.9.6 → 0.11.0

package/src/components/settings/cloud-account-section.tsx

@@ -1,147 +0,0 @@
-"use client";
-
-import { useState, useEffect } from "react";
-import { User, LogOut, Mail, CheckCircle2 } from "lucide-react";
-import { toast } from "sonner";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Input } from "@/components/ui/input";
-import { Badge } from "@/components/ui/badge";
-import { useSupabaseAuth } from "@/hooks/use-supabase-auth";
-
-/**
- * Cloud Account section — sign-in with email for cloud features.
- * Shows sign-in form when not authenticated, account info when signed in.
- * Placed in Settings between Subscription and Cloud Sync.
- */
-export function CloudAccountSection() {
-  const { isSignedIn, email, loading, signInWithEmail, signOut } = useSupabaseAuth();
-  const [inputEmail, setInputEmail] = useState("");
-  const [sending, setSending] = useState(false);
-  const [sent, setSent] = useState(false);
-
-  async function handleSignIn(e: React.FormEvent) {
-    e.preventDefault();
-    if (!inputEmail.includes("@")) return;
-
-    setSending(true);
-    const { error } = await signInWithEmail(inputEmail);
-    setSending(false);
-
-    if (error) {
-      toast.error(error);
-    } else {
-      setSent(true);
-      toast.success("Magic link sent — check your email");
-    }
-  }
-
-  async function handleSignOut() {
-    await signOut();
-    toast.success("Signed out");
-  }
-
-  // Handle auth callback URL params — must be in useEffect, not during render
-  useEffect(() => {
-    const params = new URLSearchParams(window.location.search);
-    const authParam = params.get("auth");
-    if (!authParam || loading) return;
-
-    if (authParam === "success") {
-      toast.success("Signed in successfully");
-    } else if (authParam === "error") {
-      toast.error("Sign-in failed — try again");
-    }
-
-    // Clean up URL
-    const url = new URL(window.location.href);
-    url.searchParams.delete("auth");
-    window.history.replaceState({}, "", url.toString());
-  }, [loading]);
-
-  if (loading) {
-    return (
-      <Card>
-        <CardHeader>
-          <CardTitle className="flex items-center gap-2">
-            <User className="h-5 w-5" />
-            Cloud Account
-          </CardTitle>
-        </CardHeader>
-        <CardContent>
-          <div className="animate-pulse h-8 bg-muted rounded w-1/3" />
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <User className="h-5 w-5" />
-          Cloud Account
-        </CardTitle>
-        <CardDescription>
-          {isSignedIn
-            ? "Connected to Stagent cloud for sync, marketplace, and billing"
-            : "Sign in to enable cloud sync, marketplace access, and license activation"}
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        {isSignedIn ? (
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-3">
-              <Badge variant="outline" className="gap-1.5">
-                <CheckCircle2 className="h-3 w-3 text-status-completed" />
-                Connected
-              </Badge>
-              <span className="text-sm text-muted-foreground">{email}</span>
-            </div>
-            <Button variant="ghost" size="sm" onClick={handleSignOut}>
-              <LogOut className="h-3.5 w-3.5 mr-1.5" />
-              Sign out
-            </Button>
-          </div>
-        ) : sent ? (
-          <div className="flex items-center gap-3">
-            <Mail className="h-5 w-5 text-primary" />
-            <div>
-              <p className="text-sm font-medium">Check your email</p>
-              <p className="text-xs text-muted-foreground">
-                Click the magic link sent to <strong>{inputEmail}</strong> to sign in.
-                After clicking, you&apos;ll be redirected back here.
-              </p>
-            </div>
-          </div>
-        ) : (
-          <form onSubmit={handleSignIn} className="space-y-3">
-            <p className="text-xs text-muted-foreground">
-              We&apos;ll send a magic link to your email — no password needed.
-              Use the same email you used to purchase your subscription.
-            </p>
-            <div className="flex gap-2 max-w-md">
-              <Input
-                type="email"
-                placeholder="you@example.com"
-                value={inputEmail}
-                onChange={(e) => setInputEmail(e.target.value)}
-                className="text-sm"
-                required
-              />
-              <Button size="sm" type="submit" disabled={sending}>
-                {sending ? "Sending..." : "Sign in"}
-              </Button>
-            </div>
-          </form>
-        )}
-      </CardContent>
-    </Card>
-  );
-}

package/src/components/settings/cloud-sync-section.tsx

@@ -1,155 +0,0 @@
-"use client";
-
-import { useState, useEffect } from "react";
-import { Cloud, Upload, Download } from "lucide-react";
-import { getSupabaseBrowserClient } from "@/lib/cloud/supabase-browser";
-import { toast } from "sonner";
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card";
-import { Button } from "@/components/ui/button";
-import { Badge } from "@/components/ui/badge";
-
-interface SyncSession {
-  id: string;
-  device_name: string;
-  sync_type: string;
-  blob_size_bytes: number;
-  created_at: string;
-}
-
-export function CloudSyncSection() {
-  const [sessions, setSessions] = useState<SyncSession[]>([]);
-  const [exporting, setExporting] = useState(false);
-  const [restoring, setRestoring] = useState(false);
-
-  useEffect(() => {
-    fetch("/api/sync/sessions")
-      .then((r) => (r.ok ? r.json() : { sessions: [] }))
-      .then((d) => setSessions(d.sessions ?? []))
-      .catch(() => {});
-  }, []);
-
-  async function handleExport() {
-    setExporting(true);
-    try {
-      // Get the user's access token for authenticated Storage uploads
-      const supabase = getSupabaseBrowserClient();
-      const { data: { session } } = await supabase.auth.getSession();
-      const accessToken = session?.access_token;
-
-      const res = await fetch("/api/sync/export", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ accessToken }),
-      });
-      const data = await res.json();
-      if (res.ok) {
-        toast.success(`Backup uploaded (${formatBytes(data.sizeBytes)})`);
-        // Refresh sessions
-        const sessRes = await fetch("/api/sync/sessions");
-        if (sessRes.ok) setSessions((await sessRes.json()).sessions ?? []);
-      } else {
-        toast.error(data.error ?? "Export failed");
-      }
-    } catch {
-      toast.error("Failed to export");
-    } finally {
-      setExporting(false);
-    }
-  }
-
-  async function handleRestore() {
-    if (!confirm("This will replace your local database with the latest cloud backup. A safety backup will be created first. Continue?")) {
-      return;
-    }
-    setRestoring(true);
-    try {
-      const res = await fetch("/api/sync/restore", { method: "POST" });
-      const data = await res.json();
-      if (res.ok) {
-        toast.success("Database restored. Restart the app to apply changes.");
-      } else {
-        toast.error(data.error ?? "Restore failed");
-      }
-    } catch {
-      toast.error("Failed to restore");
-    } finally {
-      setRestoring(false);
-    }
-  }
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          <Cloud className="h-5 w-5" />
-          Cloud Sync
-        </CardTitle>
-        <CardDescription>
-          Encrypted database backup and restore via Supabase Storage
-        </CardDescription>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        <div className="flex gap-3">
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={handleExport}
-            disabled={exporting || restoring}
-          >
-            <Upload className="h-3.5 w-3.5 mr-1.5" />
-            {exporting ? "Exporting..." : "Backup Now"}
-          </Button>
-          <Button
-            variant="outline"
-            size="sm"
-            onClick={handleRestore}
-            disabled={exporting || restoring || sessions.length === 0}
-          >
-            <Download className="h-3.5 w-3.5 mr-1.5" />
-            {restoring ? "Restoring..." : "Restore Latest"}
-          </Button>
-        </div>
-
-        {sessions.length > 0 && (
-          <div className="space-y-2">
-            <h4 className="text-xs font-medium text-muted-foreground">Recent Syncs</h4>
-            <div className="space-y-1">
-              {sessions.slice(0, 5).map((s) => (
-                <div key={s.id} className="flex items-center justify-between text-xs py-1">
-                  <div className="flex items-center gap-2">
-                    <Badge variant={s.sync_type === "backup" ? "secondary" : "outline"} className="text-[10px]">
-                      {s.sync_type}
-                    </Badge>
-                    <span className="text-muted-foreground">{s.device_name}</span>
-                  </div>
-                  <div className="flex items-center gap-2 text-muted-foreground">
-                    <span>{formatBytes(s.blob_size_bytes)}</span>
-                    <span>{new Date(s.created_at).toLocaleDateString()}</span>
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-        )}
-
-        {sessions.length === 0 && (
-          <p className="text-xs text-muted-foreground">
-            No backups yet. Click "Backup Now" to create your first encrypted cloud backup.
-          </p>
-        )}
-      </CardContent>
-    </Card>
-  );
-}
-
-function formatBytes(bytes: number): string {
-  if (bytes < 1024) return `${bytes} B`;
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
-  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-}