Initial import

src/app/main/AppShell.tsx

@@ -0,0 +1,24 @@
+import { Navigate, Route, Routes } from 'react-router-dom';
+import { MainLayout } from './layout/MainLayout';
+import { ApisPage } from './pages/ApisPage';
+import { ChatPage } from './pages/ChatPage';
+import { DocsPage } from './pages/DocsPage';
+import { PlansPage } from './pages/PlansPage';
+import { buildDocsPath, buildPlansPath } from './routes';
+
+export function AppShell() {
+  return (
+    <Routes>
+      <Route path="/" element={<MainLayout />}>
+        <Route index element={<Navigate to={buildPlansPath('all')} replace />} />
+        <Route path="docs/:folder" element={<DocsPage />} />
+        <Route path="apis/:section" element={<ApisPage />} />
+        <Route path="plans/:section" element={<PlansPage />} />
+        <Route path="chat/:section" element={<ChatPage />} />
+        <Route path="play/layout" element={<Navigate to={buildPlansPath('all')} replace />} />
+        <Route path="play/layout-record/:layoutId" element={<Navigate to={buildPlansPath('all')} replace />} />
+        <Route path="*" element={<Navigate to={buildDocsPath()} replace />} />
+      </Route>
+    </Routes>
+  );
+}