Files
AutoMetabuilder/frontend/autometabuilder/components/layout/PageLayout.tsx
johndoe6345789 22c9306347 Introduce AutoMetabuilder core components and workflow packages:
- Implement core components: CLI argument parsing, environment loading, GitHub service creation, and logging configuration.
- Add support for OpenAI client setup and model resolution.
- Develop SDLC context loader from GitHub and repository files.
- Implement workflow context and engine builders.
- Introduce major workflow packages: `game_tick_loop` and `contextual_iterative_loop`.
- Update localization files with new package descriptions and labels.
- Streamline web navigation by loading items from a dedicated JSON file.
2026-01-10 01:08:34 +00:00

27 lines
913 B
TypeScript

import { ReactNode } from "react";
import { NavigationItem } from "../../lib/types";
import Sidebar from "./Sidebar";
type PageLayoutProps = {
navItems: NavigationItem[];
section: string;
onSectionChange: (section: string) => void;
t: (key: string, fallback?: string) => string;
children: ReactNode;
};
export default function PageLayout({ navItems, section, onSectionChange, t, children }: PageLayoutProps) {
return (
<div className="app-shell">
<Sidebar items={navItems} selected={section} onSelect={onSectionChange} t={t} />
<div className="content-shell">
<header className="content-shell__header">
<h1>{t("ui.app.title", "AutoMetabuilder Dashboard")}</h1>
<p>{t("ui.dashboard.subtitle", "Control the bot and monitor system activity")}</p>
</header>
<div className="content-shell__body">{children}</div>
</div>
</div>
);
}