Add API key authentication for external access
Some checks failed
Lint and Build / build (pull_request) Failing after 1m44s

- Create API key context for managing authentication state
- Add dedicated settings page for API key management
- Move performance metrics to dedicated page in navigation
- Update middleware to support URL parameter fallback
- Enhance UI with proper glass morphism styling
- Add Solarized color utilities to CSS
- Improve spacing and padding throughout UI components
- Remove manual bullet points from list items

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Decobus 2025-07-26 00:19:16 -04:00
parent 4f9e6d2097
commit bc4cfe607d
10 changed files with 620 additions and 48 deletions

View file

@ -2,7 +2,7 @@ import './globals.css';
import Header from '@/components/Header';
import Footer from '@/components/Footer';
import { ErrorBoundary } from '@/components/ErrorBoundary';
import PerformanceDashboard from '@/components/PerformanceDashboard';
import { ApiKeyProvider } from '@/contexts/ApiKeyContext';
export const metadata = {
title: 'Live Stream Manager',
@ -13,14 +13,15 @@ export default function RootLayout({ children }: { children: React.ReactNode })
return (
<html lang="en">
<body className="min-h-screen flex flex-col">
<Header />
<main className="flex-1">
<ErrorBoundary>
{children}
</ErrorBoundary>
</main>
<Footer />
<PerformanceDashboard />
<ApiKeyProvider>
<Header />
<main className="flex-1">
<ErrorBoundary>
{children}
</ErrorBoundary>
</main>
<Footer />
</ApiKeyProvider>
</body>
</html>
);