Files
bzzz/install/config-ui/app/layout.tsx
anthonyrawlins c2dfaba4a6 Update Chorus branding and configuration UI improvements
- Updated branding transformation documentation
- Enhanced config UI layout and styling with Tailwind config updates
- Modified web embed integration for improved component packaging
- Added Next.js build artifacts to .gitignore for cleaner repository

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-08-26 23:41:17 +10:00

83 lines
2.9 KiB
TypeScript

import type { Metadata } from 'next'
import './globals.css'
import ThemeToggle from './components/ThemeToggle'
export const metadata: Metadata = {
title: 'CHORUS Agent Configuration',
description: 'Configure your CHORUS distributed agent orchestration platform',
viewport: 'width=device-width, initial-scale=1',
}
export default function RootLayout({
children,
}: {
children: React.ReactNode
}) {
return (
<html lang="en">
<body className="bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100 min-h-screen transition-colors duration-200">
<div className="min-h-screen flex flex-col">
<header className="bg-gray-900 dark:bg-black border-b border-gray-200 dark:border-gray-800 transition-colors duration-200">
<div className="max-w-7xl mx-auto px-8 py-6">
<div className="flex justify-between items-center">
<div className="flex items-center space-x-4">
<div className="flex-shrink-0">
<img
src="/assets/chorus-mobius-on-white.png"
alt="CHORUS"
className="w-10 h-10"
/>
</div>
<div>
<h1 className="heading-subsection">
CHORUS Agent Configuration
</h1>
<p className="text-small">
Distributed Agent Orchestration Platform
</p>
</div>
</div>
<div className="flex items-center space-x-6">
<div className="status-online">
System Online
</div>
<ThemeToggle />
</div>
</div>
</div>
</header>
<main className="flex-1">
{children}
</main>
<footer className="bg-gray-900 dark:bg-black border-t border-gray-200 dark:border-gray-800 transition-colors duration-200">
<div className="max-w-7xl mx-auto px-8 py-6">
<div className="flex justify-between items-center text-sm text-gray-400">
<div>
© 2025 Chorus Services. All rights reserved.
</div>
<div className="flex space-x-6">
<a
href="https://docs.chorus.services/agents"
target="_blank"
className="btn-text"
>
Documentation
</a>
<a
href="https://discord.gg/chorus-services"
target="_blank"
className="btn-text"
>
Support
</a>
</div>
</div>
</div>
</footer>
</div>
</body>
</html>
)
}