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]>

src/pages/admin/bots/[bot_id]/(partials)/conversation-header.tsx

@@ -0,0 +1,41 @@
+import Row from "@moduletrace/twui/layout/Row";
+import Stack from "@moduletrace/twui/layout/Stack";
+import H1 from "@moduletrace/twui/layout/H1";
+import Span from "@moduletrace/twui/layout/Span";
+import BotStone from "@/src/components/general/bot-stone";
+import type { BotFace, BotHue } from "@/src/dict/bot-dict";
+import type { BotWithLastMessage } from "@/src/types";
+import { crewStatusSentence } from "@/src/utils/crew-status";
+
+type Props = {
+    bot: BotWithLastMessage;
+    bots: BotWithLastMessage[];
+};
+
+/**
+ * 64px header. The coordinator's status is the crew sentence.
+ */
+export default function ConversationHeader({ bot, bots }: Props) {
+    const status =
+        bot.kind === "coordinator"
+            ? crewStatusSentence({ bots })
+            : bot.status_line || "";
+
+    return (
+        <Row className="h-16 shrink-0 gap-3! flex-nowrap items-center px-6 border-0 border-b border-solid border-hairline">
+            <BotStone
+                hue={(bot.hue || null) as BotHue | null}
+                face={(bot.face || "idle") as BotFace}
+                size={40}
+            />
+            <Stack className="min-w-0 gap-0!">
+                <H1 className="text-lg! leading-6! tracking-normal! font-bold text-ink truncate">
+                    {bot.name}
+                </H1>
+                <Span className="text-[13px] leading-[18px] text-ink-secondary truncate">
+                    {status}
+                </Span>
+            </Stack>
+        </Row>
+    );
+}