@gravito/zenith 1.1.2 → 1.1.6

package/src/client/index.css

@@ -1,174 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@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: 1rem;
-  }
-
-  .dark {
-    --background: 222 47% 2%;
-    --foreground: 213 31% 91%;
-    --card: 222 47% 6%;
-    --card-foreground: 213 31% 91%;
-    --popover: 222 47% 4%;
-    --popover-foreground: 213 31% 91%;
-    --primary: 238.7 83.5% 66.7%;
-    --primary-foreground: 222 47% 4%;
-    --secondary: 222 47% 10%;
-    --secondary-foreground: 213 31% 91%;
-    --muted: 222 47% 8%;
-    --muted-foreground: 215.4 16.3% 56.9%;
-    --accent: 222 47% 12%;
-    --accent-foreground: 213 31% 91%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 20% 98%;
-    --border: 222 47% 14%;
-    --input: 222 47% 12%;
-    --ring: 238.7 83.5% 66.7%;
-  }
-}
-
-@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 {
-    background-color: hsla(222, 47%, 6%, 0.6);
-    backdrop-filter: blur(12px);
-    border-color: rgba(255, 255, 255, 0.05);
-    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
-  }
-
-  .dark .card-premium:hover {
-    border-color: hsla(238, 83%, 66%, 0.2);
-    box-shadow: 0 8px 30px rgba(99, 102, 241, 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/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Gravito Zenith</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/main.tsx"></script>
-  </body>
-</html>

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,162 +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">
-          <motion.div
-            initial={{ scale: 0 }}
-            animate={{ scale: 1 }}
-            transition={{ type: 'spring', delay: 0.2 }}
-            className="inline-flex items-center justify-center w-20 h-20 bg-gradient-to-br from-primary to-indigo-600 rounded-3xl shadow-2xl shadow-primary/30 mb-6"
-          >
-            <Activity size={40} className="text-primary-foreground" />
-          </motion.div>
-          <h1 className="text-4xl font-black tracking-tighter mb-2">GRAVITO</h1>
-          <p className="text-[10px] font-bold text-primary uppercase tracking-[0.4em]">
-            Flux Console
-          </p>
-        </div>
-
-        {/* Login Card */}
-        <div className="card-premium p-8 backdrop-blur-xl">
-          <div className="text-center mb-8">
-            <h2 className="text-xl font-bold mb-2">Welcome Back</h2>
-            <p className="text-sm text-muted-foreground">
-              Enter your password to access the console
-            </p>
-          </div>
-
-          <form onSubmit={handleSubmit} className="space-y-6">
-            {/* 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-sm font-medium">{error}</span>
-              </motion.div>
-            )}
-
-            {/* Password Field */}
-            <div className="space-y-2">
-              <label
-                htmlFor="password"
-                className="text-sm font-bold text-muted-foreground uppercase tracking-widest"
-              >
-                Password
-              </label>
-              <div className="relative">
-                <Lock
-                  className="absolute left-4 top-1/2 -translate-y-1/2 text-muted-foreground"
-                  size={18}
-                />
-                <input
-                  id="password"
-                  type={showPassword ? 'text' : 'password'}
-                  value={password}
-                  onChange={(e) => setPassword(e.target.value)}
-                  placeholder="Enter console password"
-                  className={cn(
-                    'w-full bg-muted/40 border border-border/50 rounded-xl py-4 pl-12 pr-12',
-                    'text-sm font-medium placeholder:text-muted-foreground/40',
-                    'focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary/50',
-                    'transition-all'
-                  )}
-                  disabled={isLoading}
-                />
-                <button
-                  type="button"
-                  onClick={() => setShowPassword(!showPassword)}
-                  className="absolute right-4 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground 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-bold text-sm uppercase tracking-widest',
-                'bg-gradient-to-r from-primary to-indigo-600 text-primary-foreground',
-                'shadow-lg shadow-primary/30 hover:shadow-xl hover:shadow-primary/40',
-                'transition-all duration-300 hover:scale-[1.02] active:scale-[0.98]',
-                'disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100',
-                'flex items-center justify-center gap-2'
-              )}
-            >
-              {isLoading ? (
-                <div className="w-5 h-5 border-2 border-primary-foreground/30 border-t-primary-foreground rounded-full animate-spin" />
-              ) : (
-                <>
-                  Access Console
-                  <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>
-  )
-}