Add API key authentication for external access
Some checks failed
Lint and Build / build (pull_request) Failing after 1m44s
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:
parent
4f9e6d2097
commit
bc4cfe607d
10 changed files with 620 additions and 48 deletions
|
@ -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>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue