better-auth-studio 1.0.6 → 1.0.7

package/frontend/src/components/ui/select.tsx

@@ -1,71 +0,0 @@
-import * as React from "react"
-import { ChevronDown } from "lucide-react"
-
-export interface SelectProps
-  extends React.SelectHTMLAttributes<HTMLSelectElement> {}
-
-const Select = React.forwardRef<HTMLSelectElement, SelectProps>(
-  ({ className, children, ...props }, ref) => {
-    return (
-      <div className="relative">
-        <select
-          className={`flex h-10 w-full border border-dashed border-white/20 bg-black/30 px-3 py-2 text-sm text-white focus:outline-none focus:ring-1 focus:ring-white focus:border-white/40 disabled:cursor-not-allowed disabled:opacity-50 rounded-none appearance-none pr-8 ${className}`}
-          ref={ref}
-          {...props}
-        >
-          {children}
-        </select>
-        <ChevronDown className="absolute right-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-gray-400 pointer-events-none" />
-      </div>
-    )
-  }
-)
-Select.displayName = "Select"
-
-const SelectContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
-  ({ className, ...props }, ref) => (
-    <div
-      ref={ref}
-      className={`border border-dashed border-white/20 bg-black/30 rounded-none ${className}`}
-      {...props}
-    />
-  )
-)
-SelectContent.displayName = "SelectContent"
-
-const SelectItem = React.forwardRef<HTMLOptionElement, React.OptionHTMLAttributes<HTMLOptionElement>>(
-  ({ className, ...props }, ref) => (
-    <option
-      ref={ref}
-      className={`px-3 py-2 text-sm text-white hover:bg-white/10 ${className}`}
-      {...props}
-    />
-  )
-)
-SelectItem.displayName = "SelectItem"
-
-const SelectTrigger = React.forwardRef<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>(
-  ({ className, children, ...props }, ref) => (
-    <button
-      ref={ref}
-      className={`flex h-10 w-full border border-dashed border-white/20 bg-black/30 px-3 py-2 text-sm text-white focus:outline-none focus:ring-1 focus:ring-white focus:border-white/40 disabled:cursor-not-allowed disabled:opacity-50 rounded-none ${className}`}
-      {...props}
-    >
-      {children}
-    </button>
-  )
-)
-SelectTrigger.displayName = "SelectTrigger"
-
-const SelectValue = React.forwardRef<HTMLSpanElement, React.HTMLAttributes<HTMLSpanElement>>(
-  ({ className, ...props }, ref) => (
-    <span
-      ref={ref}
-      className={`text-sm text-white ${className}`}
-      {...props}
-    />
-  )
-)
-SelectValue.displayName = "SelectValue"
-
-export { Select, SelectContent, SelectItem, SelectTrigger, SelectValue }

package/frontend/src/index.css

@@ -1,130 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100;200;300;400;500;600;700;800;900&display=swap');
-
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: 0 0% 0%;
-    --foreground: 0 0% 100%;
-    --card: 0 0% 3%;
-    --card-foreground: 0 0% 100%;
-    --popover: 0 0% 3%;
-    --popover-foreground: 0 0% 100%;
-    --primary: 0 0% 100%;
-    --primary-foreground: 0 0% 0%;
-    --secondary: 0 0% 3%;
-    --secondary-foreground: 0 0% 100%;
-    --muted: 0 0% 3%;
-    --muted-foreground: 0 0% 100%;
-    --accent: 0 0% 3%;
-    --accent-foreground: 0 0% 100%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 0 0% 100%;
-    --border: 0 0% 15%;
-    --input: 0 0% 3%;
-    --ring: 0 0% 100%;
-    --radius: 0.5rem;
-  }
-
-  .light {
-    --background: 0 0% 100%;
-    --foreground: 0 0% 0%;
-    --card: 0 0% 100%;
-    --card-foreground: 0 0% 0%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 0 0% 0%;
-    --primary: 0 0% 0%;
-    --primary-foreground: 0 0% 100%;
-    --secondary: 0 0% 100%;
-    --secondary-foreground: 0 0% 0%;
-    --muted: 0 0% 100%;
-    --muted-foreground: 0 0% 0%;
-    --accent: 0 0% 100%;
-    --accent-foreground: 0 0% 0%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 0 0% 100%;
-    --border: 0 0% 0%;
-    --input: 0 0% 0%;
-    --ring: 0 0% 0%;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  
-  body {
-    @apply bg-background text-foreground font-sans;
-    font-feature-settings: "rlig" 1, "calt" 1;
-    background: #000000;
-    color: #ffffff;
-    font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  }
-
-  /* Custom scrollbar for dark theme */
-  ::-webkit-scrollbar {
-    width: 6px;
-    height: 6px;
-  }
-
-  ::-webkit-scrollbar-track {
-    @apply bg-black;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    @apply bg-gray-400 rounded-full;
-  }
-
-  ::-webkit-scrollbar-thumb:hover {
-    @apply bg-gray-300;
-  }
-}
-
-@layer components {
-  /* Pure black and white button styles */
-  .btn-primary {
-    @apply bg-white hover:bg-white text-black font-medium px-4 py-2 rounded-lg transition-colors duration-200;
-  }
-
-  .btn-secondary {
-    @apply bg-gray-900 hover:bg-gray-900 text-white font-medium px-4 py-2 rounded-lg transition-colors duration-200 border border-gray-600;
-  }
-
-  .btn-ghost {
-    @apply hover:bg-gray-900 text-white hover:text-white font-medium px-4 py-2 rounded-lg transition-colors duration-200;
-  }
-
-  /* Card styles for lighter dark theme */
-  .card {
-    @apply bg-gray-900 border border-gray-700 rounded-lg shadow-sm hover:shadow-md transition-shadow duration-200;
-  }
-
-  /* Input styles for lighter dark theme */
-  .input {
-    @apply w-full px-3 py-2 border border-gray-600 bg-gray-900 text-white rounded-lg focus:ring-2 focus:ring-white focus:border-transparent transition-colors duration-200;
-  }
-
-  /* Badge styles for lighter dark theme */
-  .badge {
-    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
-  }
-
-  .badge-success {
-    @apply bg-green-900 text-green-300;
-  }
-
-  .badge-warning {
-    @apply bg-yellow-900 text-yellow-300;
-  }
-
-  .badge-error {
-    @apply bg-red-900 text-red-300;
-  }
-
-  .badge-info {
-    @apply bg-gray-800 text-white border border-gray-600;
-  }
-}

package/frontend/src/lib/utils.ts

@@ -1,6 +0,0 @@
-import { type ClassValue, clsx } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}

package/frontend/src/main.tsx

@@ -1,10 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.tsx'
-import './index.css'
-
-ReactDOM.createRoot(document.getElementById('root')!).render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>,
-)

package/frontend/src/pages/Dashboard.tsx

@@ -1,231 +0,0 @@
-import { useState } from 'react'
-import { 
-  Users, 
-  Building2, 
-  Database, 
-  Settings, 
-  BarChart3, 
-  Zap,
-  ArrowRight
-} from 'lucide-react'
-import { Card, CardContent } from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
-import { Button } from '@/components/ui/button'
-import UsersPage from './Users'
-import OrganizationsPage from './Organizations'
-import SessionsPage from './Sessions'
-
-export default function Dashboard() {
-  const [activeTab, setActiveTab] = useState('overview')
-
-  const renderOverview = () => (
-    <div className="space-y-8 animate-fade-in px-6 py-8">
-      {/* Header */}
-      <div>
-        <h1 className="text-2xl text-white font-normal">Better Auth Studio</h1>
-        <p className="text-gray-400 mt-1 font-light">Manage your authentication system</p>
-      </div>
-
-      {/* Action Cards */}
-      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-        {/* Users Card */}
-        <Card className="border border-dashed border-white/20 bg-black/30 rounded-none hover:bg-black/50 transition-colors">
-          <CardContent className="p-6">
-            <div className="flex items-center justify-between mb-4">
-              <div className="p-3 bg-white/10 rounded-none">
-                <Users className="w-6 h-6 text-white" />
-              </div>
-              <Badge className="bg-white/10 text-white border border-dashed border-white/20 rounded-none">
-                Active
-              </Badge>
-            </div>
-            <h3 className="text-lg text-white font-light mb-2">User Management</h3>
-            <p className="text-gray-400 font-light mb-4">Manage user accounts, profiles, and permissions</p>
-            <Button 
-              onClick={() => setActiveTab('users')}
-              className="w-full bg-white hover:bg-white/90 text-black border border-white/20 rounded-none"
-            >
-              Manage Users
-              <ArrowRight className="w-4 h-4 ml-2" />
-            </Button>
-          </CardContent>
-        </Card>
-
-        {/* Organizations Card */}
-        <Card className="border border-dashed border-white/20 bg-black/30 rounded-none hover:bg-black/50 transition-colors">
-          <CardContent className="p-6">
-            <div className="flex items-center justify-between mb-4">
-              <div className="p-3 bg-white/10 rounded-none">
-                <Building2 className="w-6 h-6 text-white" />
-              </div>
-              <Badge className="bg-white/10 text-white border border-dashed border-white/20 rounded-none">
-                Active
-              </Badge>
-            </div>
-            <h3 className="text-lg text-white font-light mb-2">Organizations</h3>
-            <p className="text-gray-400 font-light mb-4">Manage organizations, teams, and memberships</p>
-            <Button 
-              onClick={() => setActiveTab('organizations')}
-              className="w-full bg-white hover:bg-white/90 text-black border border-white/20 rounded-none"
-            >
-              Manage Organizations
-              <ArrowRight className="w-4 h-4 ml-2" />
-            </Button>
-          </CardContent>
-        </Card>
-
-        {/* Sessions Card */}
-        <Card className="border border-dashed border-white/20 bg-black/30 rounded-none hover:bg-black/50 transition-colors">
-          <CardContent className="p-6">
-            <div className="flex items-center justify-between mb-4">
-              <div className="p-3 bg-white/10 rounded-none">
-                <Database className="w-6 h-6 text-white" />
-              </div>
-              <Badge className="bg-white/10 text-white border border-dashed border-white/20 rounded-none">
-                Active
-              </Badge>
-            </div>
-            <h3 className="text-lg text-white font-light mb-2">Session Management</h3>
-            <p className="text-gray-400 font-light mb-4">Monitor and manage user sessions</p>
-            <Button 
-              onClick={() => setActiveTab('sessions')}
-              className="w-full bg-white hover:bg-white/90 text-black border border-white/20 rounded-none"
-            >
-              Manage Sessions
-              <ArrowRight className="w-4 h-4 ml-2" />
-            </Button>
-          </CardContent>
-        </Card>
-
-        {/* Configuration Card */}
-        <Card className="border border-dashed border-white/20 bg-black/30 rounded-none hover:bg-black/50 transition-colors">
-          <CardContent className="p-6">
-            <div className="flex items-center justify-between mb-4">
-              <div className="p-3 bg-white/10 rounded-none">
-                <Settings className="w-6 h-6 text-white" />
-              </div>
-              <Badge className="bg-white/10 text-white border border-dashed border-white/20 rounded-none">
-                Configured
-              </Badge>
-            </div>
-            <h3 className="text-lg text-white font-light mb-2">Configuration</h3>
-            <p className="text-gray-400 font-light mb-4">View and manage auth configuration</p>
-            <Button 
-              variant="outline"
-              className="w-full border border-dashed border-white/20 text-white hover:bg-white/10 rounded-none"
-            >
-              View Config
-              <ArrowRight className="w-4 h-4 ml-2" />
-            </Button>
-          </CardContent>
-        </Card>
-
-        {/* Analytics Card */}
-        <Card className="border border-dashed border-white/20 bg-black/30 rounded-none hover:bg-black/50 transition-colors">
-          <CardContent className="p-6">
-            <div className="flex items-center justify-between mb-4">
-              <div className="p-3 bg-white/10 rounded-none">
-                <BarChart3 className="w-6 h-6 text-white" />
-              </div>
-              <Badge className="bg-white/10 text-white border border-dashed border-white/20 rounded-none">
-                Coming Soon
-              </Badge>
-            </div>
-            <h3 className="text-lg text-white font-light mb-2">Analytics</h3>
-            <p className="text-gray-400 font-light mb-4">View authentication analytics and insights</p>
-            <Button 
-              variant="outline"
-              disabled
-              className="w-full border border-dashed border-white/20 text-gray-400 rounded-none"
-            >
-              View Analytics
-              <ArrowRight className="w-4 h-4 ml-2" />
-            </Button>
-          </CardContent>
-        </Card>
-
-        {/* Quick Actions Card */}
-        <Card className="border border-dashed border-white/20 bg-black/30 rounded-none hover:bg-black/50 transition-colors">
-          <CardContent className="p-6">
-            <div className="flex items-center justify-between mb-4">
-              <div className="p-3 bg-white/10 rounded-none">
-                <Zap className="w-6 h-6 text-white" />
-              </div>
-              <Badge className="bg-white/10 text-white border border-dashed border-white/20 rounded-none">
-                Available
-              </Badge>
-            </div>
-            <h3 className="text-lg text-white font-light mb-2">Quick Actions</h3>
-            <p className="text-gray-400 font-light mb-4">Common tasks and shortcuts</p>
-            <Button 
-              variant="outline"
-              className="w-full border border-dashed border-white/20 text-white hover:bg-white/10 rounded-none"
-            >
-              View Actions
-              <ArrowRight className="w-4 h-4 ml-2" />
-            </Button>
-          </CardContent>
-        </Card>
-      </div>
-    </div>
-  )
-
-  return (
-    <div className="min-h-screen bg-black text-white">
-      {/* Navigation */}
-      {/* <div className="border-b border-dashed border-white/10">
-        <div className="px-6 py-4">
-          <div className="flex items-center space-x-8">
-            <button
-              onClick={() => setActiveTab('overview')}
-              className={`pb-3 px-1 border-b-2 font-light text-sm transition-colors ${
-                activeTab === 'overview'
-                  ? 'border-white text-white'
-                  : 'border-transparent text-white/60 hover:text-white/80'
-              }`}
-            >
-              Overview
-            </button>
-            <button
-              onClick={() => setActiveTab('users')}
-              className={`pb-3 px-1 border-b-2 font-light text-sm transition-colors ${
-                activeTab === 'users'
-                  ? 'border-white text-white'
-                  : 'border-transparent text-white/60 hover:text-white/80'
-              }`}
-            >
-              Users
-            </button>
-            <button
-              onClick={() => setActiveTab('organizations')}
-              className={`pb-3 px-1 border-b-2 font-light text-sm transition-colors ${
-                activeTab === 'organizations'
-                  ? 'border-white text-white'
-                  : 'border-transparent text-white/60 hover:text-white/80'
-              }`}
-            >
-              Organizations
-            </button>
-            <button
-              onClick={() => setActiveTab('sessions')}
-              className={`pb-3 px-1 border-b-2 font-light text-sm transition-colors ${
-                activeTab === 'sessions'
-                  ? 'border-white text-white'
-                  : 'border-transparent text-white/60 hover:text-white/80'
-              }`}
-            >
-              Sessions
-            </button>
-          </div>
-        </div>
-      </div> */}
-
-      {/* Tab Content */}
-      {activeTab === 'overview' ? renderOverview() : 
-       activeTab === 'users' ? <UsersPage /> : 
-       activeTab === 'organizations' ? <OrganizationsPage /> :
-       activeTab === 'sessions' ? <SessionsPage /> : 
-       renderOverview()}
-    </div>
-  )
-}