From 4fdbe123084ae19fd21d0f2fc66d6237f0d340f3 Mon Sep 17 00:00:00 2001 From: Wugweb <132406863+wugweb-git@users.noreply.github.com> Date: Wed, 15 Apr 2026 09:49:33 +0530 Subject: [PATCH] Refine theme tab labels and define component primitive state mapping --- index.html | 9 +- src/App.tsx | 15 +- src/components/GlobalNav.tsx | 64 +++-- src/components/MinimalFooter.tsx | 25 +- src/components/PolymathBento.tsx | 359 ++++++++++++++++------------ src/components/TestingDashboard.tsx | 13 +- src/components/ThemeProvider.tsx | 59 +++++ src/components/ThemeToggle.tsx | 18 ++ src/components/ui/button.tsx | 55 ++--- src/components/ui/textarea.tsx | 16 +- src/index.css | 155 +++++++++--- 11 files changed, 506 insertions(+), 282 deletions(-) create mode 100644 src/components/ThemeProvider.tsx create mode 100644 src/components/ThemeToggle.tsx diff --git a/index.html b/index.html index b4e1805..75c7cdc 100644 --- a/index.html +++ b/index.html @@ -1,14 +1,15 @@ - + - + + + - Vedanshu Srivastava + Identity Prism
- diff --git a/src/App.tsx b/src/App.tsx index 51b7d9a..db919ed 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -2,6 +2,7 @@ import React from 'react'; import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom'; import { VibeProvider } from './components/VibeProvider'; import { GlobalNav } from './components/GlobalNav'; +import { ThemeProvider } from './components/ThemeProvider'; import { TestingDashboard } from './components/TestingDashboard'; import { AmbientVoicePulse } from './components/AmbientVoicePulse'; import { MinimalFooter } from './components/MinimalFooter'; @@ -12,7 +13,7 @@ import MediaVault from './components/MediaVault'; const AppLayout = ({ children }: { children: React.ReactNode }) => { return ( -
+
{/* Persistent Ambient Pulse (Offline Tracker & Voice) */} @@ -20,7 +21,7 @@ const AppLayout = ({ children }: { children: React.ReactNode }) => { {/* Route Content wrapped with proper padding-bottom to avoid overlay collisions */} -
+
{children}
@@ -34,8 +35,9 @@ const AppLayout = ({ children }: { children: React.ReactNode }) => { export default function App() { return ( - - + + + {/* Environment A: Public Proxy (The Manuscript) */} } /> @@ -52,8 +54,9 @@ export default function App() { {/* Fallback */} } /> - - + + + ); } diff --git a/src/components/GlobalNav.tsx b/src/components/GlobalNav.tsx index 5acd2b2..03d5d11 100644 --- a/src/components/GlobalNav.tsx +++ b/src/components/GlobalNav.tsx @@ -3,6 +3,7 @@ import { motion, AnimatePresence } from 'framer-motion'; import { useNavigate, useLocation } from 'react-router-dom'; import { Layers, User, Zap, Menu, X, Image } from 'lucide-react'; import { cn } from '../lib/utils'; +import { ThemeToggle } from './ThemeToggle'; export const GlobalNav = () => { const [isOpen, setIsOpen] = useState(false); @@ -10,26 +11,30 @@ export const GlobalNav = () => { const location = useLocation(); const routes = [ - { path: '/', label: 'PUBLIC_PROXY', icon: , color: 'bg-nothing-yellow' }, - { path: '/owner', label: 'OWNER_HUD', icon: , color: 'bg-black' }, - { path: '/media', label: 'MEDIA_VAULT', icon: , color: 'bg-white text-black' }, - { path: '/port', label: 'COMPLEXITY_PORT', icon: , color: 'bg-white text-black' }, + { path: '/', label: 'Public Proxy', icon: }, + { path: '/owner', label: 'Owner Hub', icon: }, + { path: '/media', label: 'Media Vault', icon: }, + { path: '/port', label: 'Complexity Port', icon: }, ]; return ( -