zevairouter 1.0.153 → 1.0.155

package/src/app/landing/components/Navigation.js

@@ -1,77 +0,0 @@
-"use client";
-import { useState } from "react";
-import { useRouter } from "next/navigation";
-
-export default function Navigation() {
-  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
-  const router = useRouter();
-
-  return (
-    <nav className="fixed top-0 z-50 w-full bg-[#181411]/80 backdrop-blur-md border-b border-[#3a2f27]">
-      <div className="max-w-7xl mx-auto px-6 h-16 flex items-center justify-between">
-        {/* Logo */}
-        <button
-          type="button"
-          className="flex items-center gap-3 cursor-pointer bg-transparent border-none p-0"
-          onClick={() => router.push("/")}
-          aria-label="Navigate to home"
-        >
-          <div className="size-8 rounded bg-linear-to-br from-[#f97815] to-orange-700 flex items-center justify-center text-white">
-            <span className="material-symbols-outlined text-[20px]">hub</span>
-          </div>
-          <h2 className="text-white text-xl font-bold tracking-tight">ZevaiRouter</h2>
-        </button>
-
-        {/* Desktop menu */}
-        <div className="hidden md:flex items-center gap-1 rounded-full border border-[#3a2f27]/80 bg-[#23180f]/55 p-1 shadow-[0_12px_35px_-25px_rgba(249,120,21,0.8)]">
-          <a className="rounded-full px-3 py-1.5 text-gray-300 hover:bg-[#3a2f27]/70 hover:text-white text-sm font-medium transition-colors" href="#features">Features</a>
-          <a className="rounded-full px-3 py-1.5 text-gray-300 hover:bg-[#3a2f27]/70 hover:text-white text-sm font-medium transition-colors" href="#how-it-works">How it Works</a>
-          <a className="rounded-full px-3 py-1.5 text-gray-300 hover:bg-[#3a2f27]/70 hover:text-white text-sm font-medium transition-colors" href="https://github.com/Verifiedlabs/zevairouter#readme" target="_blank" rel="noopener noreferrer">Docs</a>
-          <a className="rounded-full px-3 py-1.5 text-gray-300 hover:bg-[#3a2f27]/70 hover:text-white text-sm font-medium transition-colors flex items-center gap-1" href="https://github.com/Verifiedlabs/zevairouter" target="_blank" rel="noopener noreferrer">
-            GitHub <span className="material-symbols-outlined text-[14px]">open_in_new</span>
-          </a>
-        </div>
-
-        {/* CTA + Mobile menu */}
-        <div className="flex items-center gap-4">
-          <button 
-            type="button"
-            onClick={() => router.push("/dashboard")}
-            className="hidden sm:flex h-10 items-center justify-center rounded-xl px-5 bg-[#f97815] hover:bg-[#ff8a2f] transition-all text-[#181411] text-sm font-bold shadow-[0_8px_24px_-10px_rgba(249,120,21,0.8)] hover:-translate-y-0.5 hover:shadow-[0_12px_30px_-10px_rgba(249,120,21,0.9)]"
-          >
-            Get Started
-          </button>
-          <button 
-            type="button"
-            className="flex size-10 items-center justify-center rounded-lg text-white transition-colors hover:bg-[#3a2f27] md:hidden"
-            onClick={() => setMobileMenuOpen(!mobileMenuOpen)}
-            aria-label={mobileMenuOpen ? "Close navigation menu" : "Open navigation menu"}
-            aria-expanded={mobileMenuOpen}
-            aria-controls="landing-mobile-navigation"
-          >
-            <span className="material-symbols-outlined">{mobileMenuOpen ? "close" : "menu"}</span>
-          </button>
-        </div>
-      </div>
-
-      {/* Mobile menu dropdown */}
-      {mobileMenuOpen && (
-        <div id="landing-mobile-navigation" className="md:hidden border-t border-[#3a2f27] bg-[#181411]/95 backdrop-blur-md">
-          <div className="flex flex-col gap-4 p-6">
-            <a className="text-gray-300 hover:text-white text-sm font-medium transition-colors" href="#features" onClick={() => setMobileMenuOpen(false)}>Features</a>
-            <a className="text-gray-300 hover:text-white text-sm font-medium transition-colors" href="#how-it-works" onClick={() => setMobileMenuOpen(false)}>How it Works</a>
-            <a className="text-gray-300 hover:text-white text-sm font-medium transition-colors" href="https://github.com/Verifiedlabs/zevairouter#readme" target="_blank" rel="noopener noreferrer">Docs</a>
-            <a className="text-gray-300 hover:text-white text-sm font-medium transition-colors" href="https://github.com/Verifiedlabs/zevairouter" target="_blank" rel="noopener noreferrer">GitHub</a>
-            <button 
-              type="button"
-              onClick={() => router.push("/dashboard")}
-              className="h-9 rounded-lg bg-[#f97815] hover:bg-[#e0650a] text-[#181411] text-sm font-bold"
-            >
-              Get Started
-            </button>
-          </div>
-        </div>
-      )}
-    </nav>
-  );
-}

package/src/app/landing/page.js

@@ -1,106 +0,0 @@
-"use client";
-import { useRouter } from "next/navigation";
-import Navigation from "./components/Navigation";
-import HeroSection from "./components/HeroSection";
-import FlowAnimation from "./components/FlowAnimation";
-import HowItWorks from "./components/HowItWorks";
-import Features from "./components/Features";
-import GetStarted from "./components/GetStarted";
-import Footer from "./components/Footer";
-
-export default function LandingPage() {
-  const router = useRouter();
-  return (
-    <div className="relative text-white font-sans overflow-x-hidden antialiased selection:bg-[#f97815] selection:text-white">
-      {/* Animated Background */}
-      <div className="fixed inset-0 z-0 overflow-hidden pointer-events-none bg-[#181411]">
-        {/* Grid pattern */}
-        <div className="absolute inset-0 opacity-[0.06]" style={{
-          backgroundImage: `linear-gradient(to right, #f97815 1px, transparent 1px), linear-gradient(to bottom, #f97815 1px, transparent 1px)`,
-          backgroundSize: '50px 50px'
-        }}></div>
-        
-        {/* Animated gradient orbs */}
-        <div className="absolute top-0 left-1/4 w-[700px] h-[700px] bg-[#f97815]/12 rounded-full blur-[130px] animate-blob"></div>
-        <div className="absolute top-1/3 right-1/4 w-[600px] h-[600px] bg-purple-500/10 rounded-full blur-[130px] animate-blob" style={{ animationDelay: '2s', animationDuration: '22s' }}></div>
-        <div className="absolute bottom-0 left-1/2 w-[650px] h-[650px] bg-blue-500/8 rounded-full blur-[130px] animate-blob" style={{ animationDelay: '4s', animationDuration: '25s' }}></div>
-        
-        {/* Vignette effect */}
-        <div className="absolute inset-0" style={{
-          background: 'radial-gradient(circle at center, transparent 0%, rgba(24, 20, 17, 0.4) 100%)'
-        }}></div>
-      </div>
-
-      <div className="relative z-10">
-        <Navigation />
-        
-        <main>
-          {/* Hero with Flow Animation */}
-          <div className="relative">
-          <HeroSection />
-          <div className="flex justify-center pb-20">
-            <FlowAnimation />
-          </div>
-        </div>
-        
-        <GetStarted />
-        <HowItWorks />
-        <Features />
-        
-        {/* CTA Section */}
-        <section className="py-32 px-6 relative overflow-hidden">
-          <div className="absolute inset-0 bg-linear-to-t from-[#f97815]/5 to-transparent pointer-events-none"></div>
-          <div className="max-w-4xl mx-auto text-center relative z-10">
-            <h2 className="text-4xl md:text-5xl font-black mb-6">Open the dashboard</h2>
-            <p className="text-xl text-gray-400 mb-10 max-w-2xl mx-auto">
-              Self-hosted. Open source (MIT). Point your tools at <code className="text-sm text-gray-300">http://localhost:1997/v1</code>.
-            </p>
-            <div className="flex flex-col sm:flex-row items-center justify-center gap-4">
-              <button 
-                onClick={() => router.push("/dashboard")}
-                className="w-full sm:w-auto h-14 px-10 rounded-lg bg-[#f97815] hover:bg-[#e0650a] text-[#181411] text-lg font-bold transition-all shadow-[0_0_20px_rgba(249,120,21,0.5)]"
-              >
-                Open dashboard
-              </button>
-              <button 
-                onClick={() => window.open("https://github.com/Verifiedlabs/zevairouter#readme", "_blank")}
-                className="w-full sm:w-auto h-14 px-10 rounded-lg border border-[#3a2f27] hover:bg-[#23180f] text-white text-lg font-bold transition-all"
-              >
-                Read Documentation
-              </button>
-            </div>
-          </div>
-        </section>
-        </main>
-        
-        <Footer />
-      </div>
-      
-      {/* Global styles for keyframes */}
-      <style jsx global>{`
-        @keyframes float {
-          0%, 100% { transform: translateY(0); }
-          50% { transform: translateY(-10px); }
-        }
-        @keyframes dash {
-          to { stroke-dashoffset: -20; }
-        }
-        @keyframes blob {
-          0%, 100% { 
-            transform: translate(0, 0) scale(1);
-          }
-          33% { 
-            transform: translate(30px, -50px) scale(1.1);
-          }
-          66% { 
-            transform: translate(-20px, 20px) scale(0.9);
-          }
-        }
-        .animate-blob {
-          animation: blob 20s ease-in-out infinite;
-        }
-      `}</style>
-    </div>
-  );
-}
-

package/src/app/layout.js

@@ -1,48 +0,0 @@
-import { Inter } from "next/font/google";
-import "./globals.css";
-import { ThemeProvider } from "@/shared/components/ThemeProvider";
-import "@/lib/network/initOutboundProxy"; // Auto-initialize outbound proxy env
-import "@/shared/services/bootstrap"; // Auto-run initializeApp (watchdog, auto-resume tunnel)
-import { initConsoleLogCapture } from "@/lib/consoleLogBuffer";
-import { RuntimeI18nProvider } from "@/i18n/RuntimeI18nProvider";
-
-// Hook console immediately at module load time (server-side only, runs once)
-initConsoleLogCapture();
-
-const inter = Inter({
-  subsets: ["latin"],
-  variable: "--font-inter",
-});
-
-export const metadata = {
-  title: "ZevaiRouter - Provider Automation & Quota Tracking",
-  description: "ZevaiRouter - provider automation, multi-account workflows, and quota tracking.",
-  icons: {
-    icon: "/favicon.svg",
-  },
-};
-
-export const viewport = {
-  themeColor: "#0a0a0a",
-};
-
-export default function RootLayout({ children }) {
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <head>
-        <script
-          dangerouslySetInnerHTML={{
-            __html: `if(document.fonts&&document.fonts.ready){document.fonts.ready.then(function(){document.documentElement.classList.add('fonts-loaded')})}else{document.documentElement.classList.add('fonts-loaded')}`,
-          }}
-        />
-      </head>
-      <body className={`${inter.variable} font-sans antialiased`}>
-        <ThemeProvider>
-          <RuntimeI18nProvider>
-            {children}
-          </RuntimeI18nProvider>
-        </ThemeProvider>
-      </body>
-    </html>
-  );
-}

package/src/app/login/page.js

@@ -1,197 +0,0 @@
-"use client";
-
-import { useState, useEffect } from "react";
-import { Card, Button, Input } from "@/shared/components";
-import { useRouter } from "next/navigation";
-
-export default function LoginPage() {
-  const [password, setPassword] = useState("");
-  const [error, setError] = useState("");
-  const [resetHint, setResetHint] = useState("");
-  const [retryAfter, setRetryAfter] = useState(0);
-  const [loading, setLoading] = useState(false);
-  const [hasPassword, setHasPassword] = useState(null);
-  const [authMode, setAuthMode] = useState("password");
-  const [oidcConfigured, setOidcConfigured] = useState(false);
-  const [oidcLoginLabel, setOidcLoginLabel] = useState("Sign in with OIDC");
-  const router = useRouter();
-
-  // Countdown for rate-limit
-  useEffect(() => {
-    if (retryAfter <= 0) return;
-    const id = setInterval(() => setRetryAfter((s) => (s > 0 ? s - 1 : 0)), 1000);
-    return () => clearInterval(id);
-  }, [retryAfter]);
-
-  useEffect(() => {
-    async function checkAuth() {
-      const controller = new AbortController();
-      const timeoutId = setTimeout(() => controller.abort(), 5000);
-      const baseUrl = typeof window !== "undefined" ? window.location.origin : "";
-
-      try {
-        const res = await fetch(`${baseUrl}/api/auth/status`, {
-          signal: controller.signal,
-        });
-        clearTimeout(timeoutId);
-
-        if (res.ok) {
-          const data = await res.json();
-          if (data.requireLogin === false) {
-            router.push("/dashboard");
-            router.refresh();
-            return;
-          }
-          setHasPassword(!!data.hasPassword);
-          setAuthMode(data.authMode || "password");
-          setOidcConfigured(data.oidcConfigured === true);
-          setOidcLoginLabel(data.oidcLoginLabel || "Sign in with OIDC");
-        } else {
-          // Safe fallback on non-OK response to avoid infinite loading state.
-          setHasPassword(true);
-        }
-      } catch (err) {
-        clearTimeout(timeoutId);
-        setHasPassword(true);
-      }
-    }
-    checkAuth();
-  }, [router]);
-
-  const handleLogin = async (e) => {
-    e.preventDefault();
-    setLoading(true);
-    setError("");
-    setResetHint("");
-
-    try {
-      const res = await fetch("/api/auth/login", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ password }),
-      });
-
-      if (res.ok) {
-        router.push("/dashboard");
-        router.refresh();
-      } else {
-        const data = await res.json();
-        setError(data.error || "Invalid password");
-        if (data.resetHint) setResetHint(data.resetHint);
-        if (data.retryAfter) setRetryAfter(Number(data.retryAfter));
-      }
-    } catch (err) {
-      setError("An error occurred. Please try again.");
-    } finally {
-      setLoading(false);
-    }
-  };
-
-  const handleOidcLogin = () => {
-    window.location.href = "/api/auth/oidc/start";
-  };
-
-  const oidcAvailable = oidcConfigured && ["oidc", "both"].includes(authMode);
-  const passwordAvailable = authMode !== "oidc" || !oidcConfigured;
-
-  // Show loading state while checking password
-  if (hasPassword === null) {
-    return (
-      <div className="min-h-screen flex items-center justify-center bg-bg p-4">
-        <div className="text-center">
-          <div className="inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-primary"></div>
-          <p className="text-text-muted mt-4">Loading...</p>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="min-h-screen flex items-center justify-center bg-bg p-4 relative overflow-hidden">
-      {/* Faint grid background */}
-      <div className="landing-grid absolute inset-0 pointer-events-none" aria-hidden="true" />
-      <div className="relative z-10 w-full max-w-md">
-        <div className="text-center mb-8">
-          <h1 className="text-3xl font-bold text-primary mb-2">ZevaiRouter</h1>
-          <p className="text-text-muted">
-            {authMode === "oidc" && oidcConfigured
-              ? "Sign in with your OIDC provider to access the dashboard"
-              : "Enter your password to access the dashboard"}
-          </p>
-        </div>
-
-        <Card>
-          <div className="flex flex-col gap-4">
-            {oidcAvailable && (
-              <Button type="button" variant="primary" className="w-full" onClick={handleOidcLogin}>
-                {oidcLoginLabel}
-              </Button>
-            )}
-
-            {oidcAvailable && passwordAvailable && <div className="h-px bg-border/60" />}
-
-            {passwordAvailable ? (
-              <form onSubmit={handleLogin} className="flex flex-col gap-4">
-                {((authMode === "oidc" && !oidcConfigured) || (authMode === "both" && !oidcConfigured)) && (
-                  <p className="text-xs text-amber-600 dark:text-amber-400 text-center">
-                    OIDC login is enabled, but the issuer/client fields are not configured yet. Password login is still available for recovery.
-                  </p>
-                )}
-
-                {authMode === "both" && oidcConfigured && (
-                  <p className="text-xs text-text-muted text-center">
-                    Password and OIDC login are both enabled.
-                  </p>
-                )}
-
-                <div className="flex flex-col gap-2">
-                  <label className="text-sm font-medium">Password</label>
-                  <Input
-                    type="password"
-                    placeholder="Enter password"
-                    value={password}
-                    onChange={(e) => setPassword(e.target.value)}
-                    required
-                    autoFocus={!oidcAvailable}
-                  />
-                  {error && <p className="text-xs text-red-500">{error}</p>}
-                  {retryAfter > 0 && (
-                    <p className="text-xs text-amber-600 dark:text-amber-400">
-                      Locked. Retry in <span className="font-mono">{retryAfter}s</span>.
-                    </p>
-                  )}
-                  {resetHint && (
-                    <p className="text-xs text-text-muted">
-                      Forgot password? Open <code className="bg-sidebar px-1 rounded">zevai</code> CLI on the host → <b>Settings</b> → <b>Reset Password to Default</b>.
-                    </p>
-                  )}
-                </div>
-
-                <Button
-                  type="submit"
-                  variant="primary"
-                  className="w-full"
-                  loading={loading}
-                  disabled={retryAfter > 0}
-                >
-                  {retryAfter > 0 ? `Wait ${retryAfter}s` : "Login"}
-                </Button>
-
-                <p className="text-xs text-center text-text-muted mt-2">
-                  Default password is <code className="bg-sidebar px-1 rounded">123456</code>
-                </p>
-                {hasPassword === false && (
-                  <p className="text-xs text-center text-text-muted">
-                    No custom password is set yet. The default password above will work until you change it.
-                  </p>
-                )}
-              </form>
-            ) : (
-              error && <p className="text-xs text-red-500">{error}</p>
-            )}
-          </div>
-        </Card>
-      </div>
-    </div>
-  );
-}

package/src/app/manifest.js

@@ -1,30 +0,0 @@
-export default function manifest() {
-  return {
-    name: 'ZevaiRouter - Provider Automation & Quota Tracking',
-    short_name: 'ZevaiRouter',
-    description: 'Self-hosted AI router with an OpenAI-compatible API, provider automation, multi-account workflows, and quota tracking.',
-    start_url: '/',
-    display: 'standalone',
-    background_color: '#0a0a0a',
-    theme_color: '#0a0a0a',
-    orientation: 'portrait-primary',
-    icons: [
-      {
-        src: '/icons/icon-192.svg',
-        sizes: '192x192',
-        type: 'image/svg+xml',
-      },
-      {
-        src: '/icons/icon-512.svg',
-        sizes: '512x512',
-        type: 'image/svg+xml',
-      },
-      {
-        src: '/icons/icon-512.svg',
-        sizes: '512x512',
-        type: 'image/svg+xml',
-        purpose: 'maskable',
-      },
-    ],
-  }
-}

package/src/app/page.js

@@ -1,5 +0,0 @@
-import { redirect } from "next/navigation";
-
-export default function InitPage() {
-  redirect('/dashboard');
-}