Initial scaffold: AI Tycoon monorepo with core game loop

Turborepo monorepo with three packages: - packages/shared: TypeScript types for all 14 game systems + balance constants + formatting utils - packages/game-engine: Pure TS simulation engine with tick processor, economy, infrastructure, compute, research, market, and reputation systems - apps/web: React + Vite + Tailwind + Zustand frontend with sidebar dashboard layout, new game screen, dashboard with charts, infrastructure management, and model training pages Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-24 16:53:46 -04:00
commit fdc8e544ae
57 changed files with 4753 additions and 0 deletions
@@ -0,0 +1,44 @@
+import { Sidebar } from './Sidebar';
+import { TopBar } from './TopBar';
+import { useGameStore } from '@/store';
+import { DashboardPage } from '@/pages/DashboardPage';
+import { InfrastructurePage } from '@/pages/InfrastructurePage';
+import { ModelsPage } from '@/pages/ModelsPage';
+import { SettingsPage } from '@/pages/SettingsPage';
+
+export function MainLayout() {
+  const activePage = useGameStore((s) => s.activePage);
+
+  return (
+    <div className="flex h-screen overflow-hidden">
+      <Sidebar />
+      <div className="flex-1 flex flex-col overflow-hidden">
+        <TopBar />
+        <main className="flex-1 overflow-y-auto p-6">
+          <PageRouter page={activePage} />
+        </main>
+      </div>
+    </div>
+  );
+}
+
+function PageRouter({ page }: { page: string }) {
+  switch (page) {
+    case 'dashboard': return <DashboardPage />;
+    case 'infrastructure': return <InfrastructurePage />;
+    case 'models': return <ModelsPage />;
+    case 'settings': return <SettingsPage />;
+    default: return <PlaceholderPage name={page} />;
+  }
+}
+
+function PlaceholderPage({ name }: { name: string }) {
+  return (
+    <div className="flex items-center justify-center h-full text-surface-500">
+      <div className="text-center">
+        <h2 className="text-2xl font-bold capitalize mb-2">{name}</h2>
+        <p className="text-sm">Coming soon...</p>
+      </div>
+    </div>
+  );
+}