@gravito/zenith 1.1.3 → 1.1.6

package/src/client/index.css

@@ -1,172 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@import url("https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800;900&display=swap");
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 224 71.4% 4.1%;
-    --card: 0 0% 100%;
-    --card-foreground: 224 71.4% 4.1%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 224 71.4% 4.1%;
-    --primary: 238.7 83.5% 66.7%;
-    /* Indigo 500 */
-    --primary-foreground: 210 20% 98%;
-    --secondary: 220 14.3% 95.9%;
-    --secondary-foreground: 238.7 83.5% 66.7%;
-    --muted: 220 14.3% 95.9%;
-    --muted-foreground: 220 8.9% 46.1%;
-    --accent: 220 14.3% 95.9%;
-    --accent-foreground: 238.7 83.5% 66.7%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 20% 98%;
-    --border: 220 13% 91%;
-    --input: 220 13% 91%;
-    --ring: 238.7 83.5% 66.7%;
-    --radius: 1.25rem;
-  }
-
-  .dark {
-    --background: 240 10% 3.9%;
-    --foreground: 0 0% 98%;
-    --card: 240 10% 3.9%;
-    --card-foreground: 0 0% 98%;
-    --popover: 240 10% 3.9%;
-    --popover-foreground: 0 0% 98%;
-    --primary: 180 100% 50%; /* Electric Cyan */
-    --primary-foreground: 240 5.9% 10%;
-    --secondary: 240 3.7% 15.9%;
-    --secondary-foreground: 0 0% 98%;
-    --muted: 240 3.7% 10%;
-    --muted-foreground: 240 5% 64.9%;
-    --accent: 240 3.7% 15.9%;
-    --accent-foreground: 0 0% 98%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 98%;
-    --border: 240 3.7% 15.9%;
-    --input: 240 3.7% 15.9%;
-    --ring: 180 100% 50%;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-
-  body {
-    @apply bg-background text-foreground antialiased;
-    font-feature-settings: "ss01", "ss02", "cv01", "cv02", "cv03";
-  }
-
-  .dark body {
-    background-image:
-      radial-gradient(at 50% 0%, hsla(238, 83%, 66%, 0.05) 0%, transparent 50%),
-      radial-gradient(at 100% 100%, hsla(238, 83%, 66%, 0.02) 0%, transparent 50%);
-    background-attachment: fixed;
-  }
-}
-
-@layer utilities {
-  .scrollbar-thin::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-
-  .scrollbar-thin::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  .scrollbar-thin::-webkit-scrollbar-thumb {
-    @apply bg-muted-foreground/20 rounded-full hover:bg-muted-foreground/40 transition-colors;
-  }
-
-  .glass {
-    @apply bg-card/60 backdrop-blur-xl border-white/10;
-  }
-
-  .scanline {
-    position: relative;
-    overflow: hidden;
-  }
-
-  .scanline::after {
-    content: " ";
-    display: block;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: linear-gradient(to bottom, transparent 50%, rgba(var(--primary), 0.02) 50%);
-    background-size: 100% 4px;
-    z-index: 2;
-    pointer-events: none;
-    animation: scanline-move 10s linear infinite;
-  }
-
-  @keyframes scanline-move {
-    0% {
-      background-position: 0 0;
-    }
-
-    100% {
-      background-position: 0 100%;
-    }
-  }
-
-  .glow-pulse {
-    animation: glow-pulse 2.5s ease-in-out infinite;
-  }
-
-  @keyframes glow-pulse {
-    0%,
-    100% {
-      opacity: 0.3;
-      transform: scale(1);
-      filter: blur(2px);
-    }
-
-    50% {
-      opacity: 0.7;
-      transform: scale(1.5);
-      filter: blur(4px);
-    }
-  }
-
-  .card-premium {
-    @apply bg-card border border-border/50 shadow-sm transition-all duration-300;
-  }
-
-  .dark .card-premium {
-    @apply bg-zinc-900/40 backdrop-blur-xl border-white/5;
-    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.8);
-  }
-
-  .dark .card-premium:hover {
-    @apply border-primary/20 bg-zinc-900/60;
-    box-shadow: 0 8px 40px rgba(0, 240, 255, 0.05);
-  }
-}
-
-.animate-in {
-  animation-duration: 400ms;
-  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
-  fill-mode: forwards;
-}
-
-@keyframes toast-progress {
-  from {
-    transform: scaleX(1);
-  }
-  to {
-    transform: scaleX(0);
-  }
-}
-
-.animate-toast-progress {
-  animation: toast-progress 5s linear forwards;
-}

package/src/client/main.tsx

@@ -1,15 +0,0 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App'
-import './index.css'
-
-const queryClient = new QueryClient()
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <QueryClientProvider client={queryClient}>
-      <App />
-    </QueryClientProvider>
-  </React.StrictMode>
-)

package/src/client/pages/LoginPage.tsx

@@ -1,164 +0,0 @@
-import { motion } from 'framer-motion'
-import { Activity, AlertCircle, ArrowRight, Eye, EyeOff, Lock } from 'lucide-react'
-import { useState } from 'react'
-import { useAuth } from '../contexts/AuthContext'
-import { cn } from '../utils'
-
-/**
- * The login page for the Zenith dashboard.
- *
- * Provides a secure, password-protected entry point to the administration
- * console with modern UI effects and smooth animations.
- *
- * @public
- * @since 3.0.0
- */
-export function LoginPage() {
-  const { login } = useAuth()
-  const [password, setPassword] = useState('')
-  const [showPassword, setShowPassword] = useState(false)
-  const [error, setError] = useState('')
-  const [isLoading, setIsLoading] = useState(false)
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-    setError('')
-    setIsLoading(true)
-
-    const result = await login(password)
-
-    if (!result.success) {
-      setError(result.error || 'Authentication failed')
-      setIsLoading(false)
-    }
-  }
-
-  return (
-    <div className="min-h-screen bg-background flex items-center justify-center p-4 relative overflow-hidden">
-      {/* Background Effects */}
-      <div className="absolute inset-0 bg-gradient-to-br from-primary/5 via-transparent to-indigo-500/5" />
-      <div className="absolute top-1/4 -left-1/4 w-96 h-96 bg-primary/10 rounded-full blur-3xl animate-pulse" />
-      <div
-        className="absolute bottom-1/4 -right-1/4 w-96 h-96 bg-indigo-500/10 rounded-full blur-3xl animate-pulse"
-        style={{ animationDelay: '1s' }}
-      />
-
-      {/* Grid Pattern */}
-      <div className="absolute inset-0 bg-[linear-gradient(rgba(var(--primary-rgb),0.03)_1px,transparent_1px),linear-gradient(90deg,rgba(var(--primary-rgb),0.03)_1px,transparent_1px)] bg-[size:64px_64px]" />
-
-      <motion.div
-        initial={{ opacity: 0, y: 20 }}
-        animate={{ opacity: 1, y: 0 }}
-        transition={{ duration: 0.5 }}
-        className="relative z-10 w-full max-w-md"
-      >
-        {/* Logo & Title */}
-        <div className="text-center mb-8 font-heading">
-          <motion.div
-            initial={{ scale: 0 }}
-            animate={{ scale: 1 }}
-            transition={{ type: 'spring', delay: 0.2 }}
-            className="inline-flex items-center justify-center w-24 h-24 bg-primary rounded-3xl shadow-[0_0_40px_rgba(0,240,255,0.2)] mb-8"
-          >
-            <Activity size={48} className="text-black" />
-          </motion.div>
-          <h1 className="text-5xl font-black tracking-tighter mb-2 text-white italic uppercase">
-            ZENITH
-          </h1>
-          <p className="text-[10px] font-black text-primary uppercase tracking-[0.5em] ml-1">
-            Quantum Control Plane
-          </p>
-        </div>
-
-        {/* Login Card */}
-        <div className="card-premium p-10 backdrop-blur-2xl bg-zinc-900/40 border-white/5">
-          <div className="text-center mb-10">
-            <h2 className="text-xl font-black text-white uppercase tracking-tight font-heading">
-              Secure Access
-            </h2>
-            <p className="text-xs text-muted-foreground mt-2 font-bold uppercase tracking-widest opacity-60">
-              Biometric or Password verification required
-            </p>
-          </div>
-
-          <form onSubmit={handleSubmit} className="space-y-8 font-heading">
-            {/* Error Message */}
-            {error && (
-              <motion.div
-                initial={{ opacity: 0, y: -10 }}
-                animate={{ opacity: 1, y: 0 }}
-                className="flex items-center gap-3 p-4 bg-red-500/10 border border-red-500/20 rounded-xl text-red-500"
-              >
-                <AlertCircle size={18} />
-                <span className="text-[11px] font-black uppercase tracking-widest">{error}</span>
-              </motion.div>
-            )}
-
-            {/* Password Field */}
-            <div className="space-y-3">
-              <label
-                htmlFor="password"
-                className="text-[10px] font-black text-muted-foreground uppercase tracking-[0.2em] ml-1"
-              >
-                System Authentication
-              </label>
-              <div className="relative">
-                <Lock
-                  className="absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground/40"
-                  size={18}
-                />
-                <input
-                  id="password"
-                  type={showPassword ? 'text' : 'password'}
-                  value={password}
-                  onChange={(e) => setPassword(e.target.value)}
-                  placeholder="Enter access code..."
-                  className={cn(
-                    'w-full bg-black/40 border border-white/5 rounded-xl py-4 pl-12 pr-12 font-mono',
-                    'text-sm font-bold placeholder:text-white/10 tracking-widest',
-                    'focus:outline-none focus:ring-1 focus:ring-primary/40 focus:border-primary/40',
-                    'transition-all'
-                  )}
-                  disabled={isLoading}
-                />
-                <button
-                  type="button"
-                  onClick={() => setShowPassword(!showPassword)}
-                  className="absolute right-4 top-1/2 -translate-y-1/2 text-muted-foreground/40 hover:text-primary transition-colors"
-                >
-                  {showPassword ? <EyeOff size={18} /> : <Eye size={18} />}
-                </button>
-              </div>
-            </div>
-
-            {/* Submit Button */}
-            <button
-              type="submit"
-              disabled={isLoading || !password}
-              className={cn(
-                'w-full py-4 rounded-xl font-black text-xs uppercase tracking-[0.3em]',
-                'bg-primary text-black font-heading shadow-[0_0_30px_rgba(0,240,255,0.2)] hover:shadow-[0_0_40px_rgba(0,240,255,0.4)]',
-                'transition-all duration-500 hover:scale-[1.02] active:scale-95',
-                'disabled:opacity-20 disabled:cursor-not-allowed disabled:hover:scale-100',
-                'flex items-center justify-center gap-3'
-              )}
-            >
-              {isLoading ? (
-                <div className="w-5 h-5 border-2 border-black/30 border-t-black rounded-full animate-spin" />
-              ) : (
-                <>
-                  Connect <ArrowRight size={18} />
-                </>
-              )}
-            </button>
-          </form>
-        </div>
-
-        {/* Footer */}
-        <p className="text-center mt-6 text-xs text-muted-foreground/50">
-          Protected by Gravito Security Layer
-        </p>
-      </motion.div>
-    </div>
-  )
-}