Build Cobble project structure from the handoff

- Remove the preset document suite (letters, emails, invoices, quotes, PDF generation, line items) with its routes, API handlers and tables - Rebrand to Cobble: site data, Lato, handoff design tokens (light and dark) in main.css, brand assets in public/brand, ember stone logo and regenerated favicons - Add bots, bot_messages, bot_tasks and bot_task_steps tables, regenerate DB types (BUN_SQLITE_COBBLE_*) and add a sample crew seed (seed:bots) - Add the chat shell at /admin/bots: rail with pinned coordinator and user popover, bottom-anchored conversation with composer, working-on panel, and a send-message API scoped to the session user - Add BotStone and Wordmark components, crew status and relative time utils with tests, and update AGENTS.md Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-10-18 17:10:36 +01:00
parent 81e4a8aecc
commit 3286b80029
340 changed files with 3161 additions and 12060 deletions
@@ -0,0 +1,46 @@
+import { useContext } from "react";
+import Stack from "@moduletrace/twui/layout/Stack";
+import { AppContext } from "@/src/pages/__root";
+import RailHeader from "../(partials)/rail-header";
+import CoordinatorRow from "../(partials)/coordinator-row";
+import BotRow from "../(partials)/bot-row";
+import RailUserRow from "../(partials)/rail-user-row";
+
+/**
+ * Left rail: wordmark, the pinned coordinator, then the crew. Collapses to a
+ * 64px icon rail below 1024px.
+ */
+export default function BotsRail() {
+    const { pageProps } = useContext(AppContext);
+
+    const bots = pageProps?.bots || [];
+    const selected_id = pageProps?.bot?.id;
+    const coordinator = bots.find((bot) => bot.kind === "coordinator");
+    const workers = bots.filter((bot) => bot.kind !== "coordinator");
+
+    return (
+        <Stack
+            className="w-16 lg:w-[260px] shrink-0 h-full gap-0! items-stretch border-0 border-r border-solid border-hairline"
+            aria-label="Bots"
+        >
+            <RailHeader />
+            <Stack className="grow min-h-0 overflow-y-auto gap-0! items-stretch px-2 lg:px-3 pt-1">
+                {coordinator ? (
+                    <CoordinatorRow
+                        bot={coordinator}
+                        bots={bots}
+                        selected={coordinator.id === selected_id}
+                    />
+                ) : null}
+                {workers.map((bot) => (
+                    <BotRow
+                        key={bot.id}
+                        bot={bot}
+                        selected={bot.id === selected_id}
+                    />
+                ))}
+            </Stack>
+            <RailUserRow />
+        </Stack>
+    );
+}