diff --git a/frontend/app/dashboard/page.tsx b/frontend/app/dashboard/page.tsx index 63055e8..4cb6847 100644 --- a/frontend/app/dashboard/page.tsx +++ b/frontend/app/dashboard/page.tsx @@ -19,8 +19,8 @@ export default async function DashboardPage() { return ( -
-
+
+
{/* Sidebar - Fixed Left */} @@ -33,7 +33,7 @@ export default async function DashboardPage() {
{/* Hero Heading */}
-

+

What's today's lesson or concept?

diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx index a80835f..363b67d 100644 --- a/frontend/app/layout.tsx +++ b/frontend/app/layout.tsx @@ -1,6 +1,7 @@ import type { Metadata } from "next"; import { Inter, Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; +import { ThemeProvider } from "@/components/theme-provider"; const inter = Inter({ variable: "--font-inter", @@ -36,11 +37,13 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - + - {children} + + {children} + ); diff --git a/frontend/app/library/page.tsx b/frontend/app/library/page.tsx index 8fba65d..480a071 100644 --- a/frontend/app/library/page.tsx +++ b/frontend/app/library/page.tsx @@ -18,8 +18,8 @@ export default async function LibraryPage() { return ( -
-
+
+
{/* Sidebar - Fixed Left */} @@ -30,8 +30,8 @@ export default async function LibraryPage() {
-

My Library

-

+

My Library

+

View, play, and manage your generated videos

diff --git a/frontend/components/dashboard/GenerationPipeline.tsx b/frontend/components/dashboard/GenerationPipeline.tsx index 4811540..fa5d04a 100644 --- a/frontend/components/dashboard/GenerationPipeline.tsx +++ b/frontend/components/dashboard/GenerationPipeline.tsx @@ -100,10 +100,10 @@ export function GenerationPipeline() { return (
-
+
{/* Header */} -
- +
+ Generation Progress {isPolling && ( @@ -148,13 +148,13 @@ export function GenerationPipeline() { ? "bg-green-200" : state === "active" ? "bg-[#F875AA]/30" - : "bg-gray-100" + : "bg-gray-100 dark:bg-muted" )} /> )} {/* Icon */} -
+
{state === "completed" && ( )} @@ -162,7 +162,7 @@ export function GenerationPipeline() { )} {state === "pending" && ( - + )}
@@ -176,8 +176,8 @@ export function GenerationPipeline() { state === "active" ? "text-[#e8609a]" : state === "completed" - ? "text-gray-700" - : "text-gray-400" + ? "text-gray-700 dark:text-card-foreground" + : "text-gray-400 dark:text-muted-foreground" )} > {step.label} diff --git a/frontend/components/dashboard/Header.tsx b/frontend/components/dashboard/Header.tsx index 031ebe1..f6390f2 100644 --- a/frontend/components/dashboard/Header.tsx +++ b/frontend/components/dashboard/Header.tsx @@ -3,6 +3,7 @@ import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"; import { Button } from "@/components/ui/button"; import { Bell, LogOut, User } from "lucide-react"; +import { ThemeToggle } from "@/components/theme-toggle"; import { DropdownMenu, DropdownMenuContent, @@ -15,12 +16,13 @@ import { signOut } from "@/app/auth/actions"; export function Header() { return ( -
-
+
+
Welcome back, Scholar
- diff --git a/frontend/components/dashboard/PromptInput.tsx b/frontend/components/dashboard/PromptInput.tsx index def001e..9b82b74 100644 --- a/frontend/components/dashboard/PromptInput.tsx +++ b/frontend/components/dashboard/PromptInput.tsx @@ -129,7 +129,7 @@ export function PromptInput() { return (
{/* Prompt box with inline actions */} -
+