+
+
+ {children}
+
+
+
+
+
+
+ Welcome Back
+Enter your credentials to access the dashboard
+
+
+ + Don't have an account? +
+
+
+
+ {title}
+
+
+
+
+
+ 
+
+
+ {/* Background Decor */}
+
+ );
+};
diff --git a/frontend/src/components/layout/Navbar.tsx b/frontend/src/components/layout/Navbar.tsx
new file mode 100644
index 0000000..65ed60b
--- /dev/null
+++ b/frontend/src/components/layout/Navbar.tsx
@@ -0,0 +1,89 @@
+import { motion } from "framer-motion";
+import {
+ BarChart3,
+ Calendar,
+ Settings as SettingsIcon,
+ Users,
+ UserCog,
+ ShieldCheck,
+ ChevronRight,
+ LogOut
+} from "lucide-react";
+import { Link, useLocation } from "react-router-dom";
+import { useAuth } from "../../context/AuthContext";
+
+export const Navbar = () => {
+ const { isAdmin, signOut } = useAuth();
+ const location = useLocation();
+
+ const navItems = [
+ { icon: BarChart3, label: "Dashboard", href: "/" },
+ { icon: Calendar, label: "History", href: "/history" },
+ ...(isAdmin ? [
+ { icon: Users, label: "People", href: "/people" },
+ { icon: UserCog, label: "User Management", href: "/admin/users" }
+ ] : []),
+ { icon: SettingsIcon, label: "Settings", href: "/settings" },
+ ];
+
+ return (
+
+ );
+};
diff --git a/frontend/src/context/AuthContext.tsx b/frontend/src/context/AuthContext.tsx
new file mode 100644
index 0000000..9975939
--- /dev/null
+++ b/frontend/src/context/AuthContext.tsx
@@ -0,0 +1,103 @@
+import { createContext, useContext, useEffect, useState } from 'react';
+import type { ReactNode } from 'react';
+import { supabase } from '../lib/supabase';
+import type { Session, User } from '@supabase/supabase-js';
+
+interface UserProfile {
+ id: string;
+ username: string;
+ email: string;
+ role: 'ADMIN' | 'USER';
+}
+
+interface AuthContextType {
+ session: Session | null;
+ user: User | null;
+ profile: UserProfile | null;
+ isAdmin: boolean;
+ loading: boolean;
+ signIn: (email: string, password: string) => Promise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | ID | +Task / Role | +Date Assigned | +Status | +#SHF-{item.id} | +
+
+
+
+
+ {item.task_name}
+ |
+ + {new Date(item.assigned_at).toLocaleString()} + | ++ + Completed + + | +
|---|---|---|---|
| + No matching assignment history found tokens. + | +
+
+
+ {error && (
+
+
+
+
+
+ )}
+
+ {/* Hero Section */}
+
+
+
+ {/* Info Cards */}
+
+
+
+ {/* Quick Actions */}
+
+
+
+
+ Active Schedule
+
+
+ Next Assignment Shuffling in
+
+
+ Next Assignment Shuffling in
+ {data?.next_shuffle_in_days ?? 0} Days
+
+ + The system is currently on track. No manual intervention is required at this time. +
+ +
+
+
+
+ {isAdmin && (
+
+
+ Manage Groups
+{data?.people.length ?? 0} active members synced
+
+
+ )}
+
+
+ Manual Trigger
+Force re-shuffling now
+
+
+
+
+
+ + Recent Activity +
+
+ {data?.recent_assignments.map((assignment) => (
+
+
+
+
+
+ ))}
+ {(!data || data.recent_assignments.length === 0) && (
+
+
+ Assigned to {assignment.task_name}
++ {new Date(assignment.assigned_at).toLocaleDateString()} +
+No recent assignments found
+ )} +
+
+
+ Pro Support
++ Advanced analytics and cloud backup for your workspace. +
+ +
+ {/* Dynamic Background */}
+
+
+
+ );
+};
diff --git a/frontend/src/pages/PeopleManagement.tsx b/frontend/src/pages/PeopleManagement.tsx
new file mode 100644
index 0000000..e967b59
--- /dev/null
+++ b/frontend/src/pages/PeopleManagement.tsx
@@ -0,0 +1,204 @@
+import { motion } from "framer-motion";
+import {
+ Users,
+ Plus,
+ Trash2,
+ CheckCircle,
+ XCircle,
+} from "lucide-react";
+import { useState, useEffect } from "react";
+import { useAuth } from "../context/AuthContext";
+import { Layout } from "../components/layout/Layout";
+import type { Person } from "../types";
+
+export const PeopleManagement = () => {
+ const { session } = useAuth();
+ const [people, setPeople] = useState
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + VividShift +
++ {isLogin ? "Secure Admin Control Panel" : "Create your account"} +
++ © 2026 VividShift Enterprise. All rights reserved. +
+
+
+
+
+ )}
+
+
+
+
+
+ {isAdding && (
+
+
+
+ Manage Members
+Add or remove people from the rotation
+
+ {people.map((person) => (
+
+
+ ))}
+
+ {people.length === 0 && !loading && (
+
+
+
+
+ 
+
+
+
+
+
+
+
+ {person.name}
+
+
+ Group {person.group_type}
+
+
+ {person.active ? 'Active' : 'Inactive'}
+
+
+
+
+ )}
+ No people found. Add someone to get started!
+
+ {/* Profile Section */}
+
+
+
+
+ {/* System Configuration - Admin Only */}
+ {isAdmin && (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+ Your Profile
+{profile?.email}
+
+
+
+
+
+
+
+
+ Security
+Manage your account password
+
+
+
+
+
+
+
+
+
+ Configuration
+Adjust system parameters and integration settings
+
+ {settings.map((setting) => (
+
+
+
+ ))}
+
+ {settings.length === 0 && !loading && (
+
+
+
+ {setting.value === 'true' || setting.value === 'false' ? (
+
+
+ {setting.value === 'true' ? 'Enabled' : 'Disabled'}
+
+ ) : (
+ updateSetting(setting.key, e.target.value)}
+ className="w-full bg-muted/30 border border-border/50 rounded-2xl px-6 py-4 focus:outline-none focus:ring-2 focus:ring-primary/20 transition-all font-medium"
+ />
+ )}
+ No configurable settings found in database.
+ )} + +
+
+
+
+
+
+ )}
+ Danger Zone
+Irreversible actions that affect the entire workspace data.
+ +
+
+ );
+};
diff --git a/frontend/src/types/index.ts b/frontend/src/types/index.ts
new file mode 100644
index 0000000..9b981c6
--- /dev/null
+++ b/frontend/src/types/index.ts
@@ -0,0 +1,24 @@
+export interface Person {
+ id: number;
+ name: string;
+ group_type: string;
+ active: boolean;
+}
+
+export interface Assignment {
+ id: number;
+ person_id: number;
+ task_name: string;
+ assigned_at: string;
+}
+
+export interface DashboardData {
+ people: Person[];
+ recent_assignments: Assignment[];
+ next_shuffle_in_days: number;
+}
+
+export interface Setting {
+ key: string;
+ value: string;
+}
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
new file mode 100644
index 0000000..dee1922
--- /dev/null
+++ b/frontend/tailwind.config.ts
@@ -0,0 +1,80 @@
+export default {
+ content: [
+ "./index.html",
+ "./src/**/*.{js,ts,jsx,tsx}",
+ ],
+ darkMode: "class",
+ theme: {
+ extend: {
+ colors: {
+ border: "hsl(var(--border))",
+ input: "hsl(var(--input))",
+ ring: "hsl(var(--ring))",
+ background: "hsl(var(--background))",
+ foreground: "hsl(var(--foreground))",
+ primary: {
+ DEFAULT: "hsl(var(--primary))",
+ foreground: "hsl(var(--primary-foreground))",
+ },
+ secondary: {
+ DEFAULT: "hsl(var(--secondary))",
+ foreground: "hsl(var(--secondary-foreground))",
+ },
+ destructive: {
+ DEFAULT: "hsl(var(--destructive))",
+ foreground: "hsl(var(--destructive-foreground))",
+ },
+ muted: {
+ DEFAULT: "hsl(var(--muted))",
+ foreground: "hsl(var(--muted-foreground))",
+ },
+ accent: {
+ DEFAULT: "hsl(var(--accent))",
+ foreground: "hsl(var(--accent-foreground))",
+ },
+ popover: {
+ DEFAULT: "hsl(var(--popover))",
+ foreground: "hsl(var(--popover-foreground))",
+ },
+ card: {
+ DEFAULT: "hsl(var(--card))",
+ foreground: "hsl(var(--card-foreground))",
+ },
+ success: {
+ DEFAULT: "hsl(var(--success))",
+ foreground: "hsl(var(--success-foreground))",
+ },
+ warning: {
+ DEFAULT: "hsl(var(--warning))",
+ foreground: "hsl(var(--warning-foreground))",
+ },
+ },
+ borderRadius: {
+ lg: "var(--radius)",
+ md: "calc(var(--radius) - 2px)",
+ sm: "calc(var(--radius) - 4px)",
+ },
+ keyframes: {
+ "accordion-down": {
+ from: { height: "0" },
+ to: { height: "var(--radix-accordion-content-height)" },
+ },
+ "accordion-up": {
+ from: { height: "var(--radix-accordion-content-height)" },
+ to: { height: "0" },
+ },
+ shimmer: {
+ "100%": {
+ transform: "translateX(100%)",
+ },
+ },
+ },
+ animation: {
+ "accordion-down": "accordion-down 0.2s ease-out",
+ "accordion-up": "accordion-up 0.2s ease-out",
+ shimmer: "shimmer 2s infinite",
+ },
+ },
+ },
+ plugins: [],
+}
diff --git a/frontend/tsconfig.app.json b/frontend/tsconfig.app.json
new file mode 100644
index 0000000..6fbfe52
--- /dev/null
+++ b/frontend/tsconfig.app.json
@@ -0,0 +1,40 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+ "target": "ES2022",
+ "useDefineForClassFields": true,
+ "lib": [
+ "ES2022",
+ "DOM",
+ "DOM.Iterable"
+ ],
+ "module": "ESNext",
+ "types": [
+ "vite/client"
+ ],
+ "skipLibCheck": true,
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+ "jsx": "react-jsx",
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true,
+ "baseUrl": ".",
+ "paths": {
+ "@/*": [
+ "./src/*"
+ ]
+ }
+ },
+ "include": [
+ "src"
+ ]
+}
\ No newline at end of file
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
new file mode 100644
index 0000000..65f670c
--- /dev/null
+++ b/frontend/tsconfig.json
@@ -0,0 +1,11 @@
+{
+ "files": [],
+ "references": [
+ {
+ "path": "./tsconfig.app.json"
+ },
+ {
+ "path": "./tsconfig.node.json"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/frontend/tsconfig.node.json b/frontend/tsconfig.node.json
new file mode 100644
index 0000000..8a67f62
--- /dev/null
+++ b/frontend/tsconfig.node.json
@@ -0,0 +1,26 @@
+{
+ "compilerOptions": {
+ "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+ "target": "ES2023",
+ "lib": ["ES2023"],
+ "module": "ESNext",
+ "types": ["node"],
+ "skipLibCheck": true,
+
+ /* Bundler mode */
+ "moduleResolution": "bundler",
+ "allowImportingTsExtensions": true,
+ "verbatimModuleSyntax": true,
+ "moduleDetection": "force",
+ "noEmit": true,
+
+ /* Linting */
+ "strict": true,
+ "noUnusedLocals": true,
+ "noUnusedParameters": true,
+ "erasableSyntaxOnly": true,
+ "noFallthroughCasesInSwitch": true,
+ "noUncheckedSideEffectImports": true
+ },
+ "include": ["vite.config.ts"]
+}
diff --git a/frontend/tsconfig.tsbuildinfo b/frontend/tsconfig.tsbuildinfo
new file mode 100644
index 0000000..fe514af
--- /dev/null
+++ b/frontend/tsconfig.tsbuildinfo
@@ -0,0 +1 @@
+{"root":["./src/App.tsx","./src/main.tsx"],"errors":true,"version":"5.9.3"}
\ No newline at end of file
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
new file mode 100644
index 0000000..bc76812
--- /dev/null
+++ b/frontend/vite.config.ts
@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+import tailwindcss from '@tailwindcss/vite'
+
+// https://vite.dev/config/
+export default defineConfig({
+ plugins: [react(), tailwindcss()],
+ resolve: {
+ alias: {
+ "@": path.resolve(__dirname, "./src"),
+ },
+ },
+ server: {
+ proxy: {
+ '/api': {
+ target: 'http://127.0.0.1:3000',
+ changeOrigin: true,
+ }
+ }
+ }
+})
diff --git a/migrations/.diesel_lock b/migrations/.diesel_lock
new file mode 100644
index 0000000..e69de29
diff --git a/migrations/2024-01-01-000000_create_initial_tables/up.sql b/migrations/2024-01-01-000000_create_initial_tables/up.sql
index 8f8172b..b134abd 100644
--- a/migrations/2024-01-01-000000_create_initial_tables/up.sql
+++ b/migrations/2024-01-01-000000_create_initial_tables/up.sql
@@ -1,12 +1,12 @@
-- Up.sql
-CREATE TABLE people (
+CREATE TABLE IF NOT EXISTS people (
id SERIAL PRIMARY KEY,
name TEXT NOT NULL,
group_type TEXT NOT NULL CHECK (group_type IN ('A', 'B')),
active BOOLEAN NOT NULL DEFAULT TRUE
);
-CREATE TABLE assignments (
+CREATE TABLE IF NOT EXISTS assignments (
id SERIAL PRIMARY KEY,
person_id INTEGER NOT NULL REFERENCES people(id),
task_name TEXT NOT NULL,
diff --git a/migrations/2026-01-29-125635_create_settings_table/down.sql b/migrations/2026-01-29-125635_create_settings_table/down.sql
new file mode 100644
index 0000000..69af4f9
--- /dev/null
+++ b/migrations/2026-01-29-125635_create_settings_table/down.sql
@@ -0,0 +1 @@
+DROP TABLE settings;
diff --git a/migrations/2026-01-29-125635_create_settings_table/up.sql b/migrations/2026-01-29-125635_create_settings_table/up.sql
new file mode 100644
index 0000000..b7a069e
--- /dev/null
+++ b/migrations/2026-01-29-125635_create_settings_table/up.sql
@@ -0,0 +1,8 @@
+CREATE TABLE IF NOT EXISTS settings (
+ key TEXT PRIMARY KEY,
+ value TEXT NOT NULL
+);
+
+INSERT INTO settings (key, value) VALUES ('assignment_interval_days', '14') ON CONFLICT (key) DO NOTHING;
+INSERT INTO settings (key, value) VALUES ('discord_enabled', 'false') ON CONFLICT (key) DO NOTHING;
+INSERT INTO settings (key, value) VALUES ('discord_webhook_url', '') ON CONFLICT (key) DO NOTHING;
diff --git a/migrations/2026-01-29-152600_create_users_table/down.sql b/migrations/2026-01-29-152600_create_users_table/down.sql
new file mode 100644
index 0000000..6555dc7
--- /dev/null
+++ b/migrations/2026-01-29-152600_create_users_table/down.sql
@@ -0,0 +1,2 @@
+-- Down.sql
+DROP TABLE users;
diff --git a/migrations/2026-01-29-152600_create_users_table/up.sql b/migrations/2026-01-29-152600_create_users_table/up.sql
new file mode 100644
index 0000000..288c894
--- /dev/null
+++ b/migrations/2026-01-29-152600_create_users_table/up.sql
@@ -0,0 +1,14 @@
+-- Up.sql
+CREATE TABLE IF NOT EXISTS users (
+ id TEXT PRIMARY KEY, -- Supabase UUID
+ username TEXT NOT NULL UNIQUE,
+ email TEXT NOT NULL UNIQUE,
+ role TEXT NOT NULL DEFAULT 'USER' CHECK (role IN ('ADMIN', 'USER'))
+);
+
+-- Seed with a placeholder for the initial admin.
+-- Note: The actual Supabase UID will be linked upon first login or manual update.
+-- But we can pre-specify the admin@admin.com email as the seed target.
+INSERT INTO users (id, username, email, role)
+VALUES ('placeholder-admin-id', 'admin', 'admin@admin.com', 'ADMIN')
+ON CONFLICT (email) DO UPDATE SET role = 'ADMIN';
diff --git a/migrations/2026-01-29-193239-0000_add_password_hash_to_users/down.sql b/migrations/2026-01-29-193239-0000_add_password_hash_to_users/down.sql
new file mode 100644
index 0000000..de578d1
--- /dev/null
+++ b/migrations/2026-01-29-193239-0000_add_password_hash_to_users/down.sql
@@ -0,0 +1,2 @@
+-- Remove password_hash column from users table
+ALTER TABLE users DROP COLUMN password_hash;
diff --git a/migrations/2026-01-29-193239-0000_add_password_hash_to_users/up.sql b/migrations/2026-01-29-193239-0000_add_password_hash_to_users/up.sql
new file mode 100644
index 0000000..34ce7d6
--- /dev/null
+++ b/migrations/2026-01-29-193239-0000_add_password_hash_to_users/up.sql
@@ -0,0 +1,5 @@
+-- Add password_hash column to users table
+ALTER TABLE users ADD COLUMN password_hash VARCHAR(255);
+
+-- Make it NOT NULL after we've created default admin
+-- We'll update this in the backend code to handle the transition
diff --git a/src/api/auth.rs b/src/api/auth.rs
new file mode 100644
index 0000000..6d97bcf
--- /dev/null
+++ b/src/api/auth.rs
@@ -0,0 +1,249 @@
+use diesel::prelude::*;
+use jsonwebtoken::{decode, encode, DecodingKey, EncodingKey, Header, Validation, Algorithm};
+use serde::{Deserialize, Serialize};
+use axum::{
+ async_trait,
+ extract::{FromRequestParts, FromRef, State, Json},
+ http::{header, request::Parts, StatusCode},
+ response::IntoResponse,
+};
+use tracing::{error, info, warn};
+use std::sync::Arc;
+use uuid::Uuid;
+use chrono::{Utc, Duration};
+
+use crate::models::{UserRole, NewUser};
+use crate::schema::users;
+use crate::db::DbPool;
+use crate::auth::{hash_password, verify_password};
+
+#[derive(Debug, Serialize, Deserialize, Clone)]
+pub struct Claims {
+ pub sub: String,
+ pub email: String,
+ pub role: String,
+ pub exp: usize,
+}
+
+#[derive(Debug, Deserialize)]
+pub struct LoginRequest {
+ pub email: String,
+ pub password: String,
+}
+
+#[derive(Debug, Deserialize)]
+pub struct RegisterRequest {
+ pub username: String,
+ pub email: String,
+ pub password: String,
+}
+
+#[derive(Debug, Serialize)]
+pub struct AuthResponse {
+ pub token: String,
+ pub user: UserRole,
+}
+
+pub struct AuthenticatedUser {
+ pub claims: Claims,
+ pub user: UserRole,
+}
+
+pub struct AdminUser(#[allow(dead_code)] pub AuthenticatedUser);
+
+// Simplified AuthState - no longer needs Supabase URL
+#[derive(Clone)]
+pub struct AuthState {
+ pub jwt_secret: String,
+}
+
+impl AuthState {
+ pub fn new(jwt_secret: String) -> Self {
+ Self { jwt_secret }
+ }
+}
+
+pub async fn login(
+ State(pool): State
+
+
+ {notification && (
+ User Management
++ Manage user roles and permissions +
+
+ {notification.message}
+
+ )}
+
+ {loading && !users.length ? (
+
+
+
+ ) : error ? (
+
+ Error: {error}
+
+ ) : (
+
+
+
+
+
+ )}
+ | + Email + | ++ Username + | ++ Role + | ++ Actions + | +
|---|---|---|---|
|
+
+
+ {user.email}
+
+ {isDefault && (
+
+ Default Admin
+
+ )}
+ {isCurrentUser && (
+
+ You
+
+ )}
+
+ |
+ + {user.username} + | ++ + {user.role} + + | ++ + | +