Add workspaces, conversation sessions, app-managed computers and pictures

- Rail: Add icon with stacked form modals (bot, workspace, computer),
  coordinator, recent bots with "See all bots", Workspaces section, and
  a workspace mode listing only its crew
- Workspaces: page for context, bots (per-workspace instructions and
  memory), computers (default, link, unlink), models and delete;
  conversations scoped per bot per workspace
- Sessions: conversations split into searchable, reopenable sessions
  with carry-over summaries; sessions and new-session header icons
- Computers: created and provisioned over the docker socket, home dir
  kept at DATA_DIR/computers/<id> after delete; super admins only
- Models: workspace settings win over a bot's own, then the defaults
- Pictures for bots and workspaces; bots editable from the header
- Coordinator tools: update_workspace, set_bot_workspace_instructions

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/layouts/bots/index.tsx

@@ -2,10 +2,12 @@ import React from "react";
 import Row from "@moduletrace/twui/layout/Row";
 import useWebSocket from "@moduletrace/twui/hooks/useWebSocket";
 import BotsRail from "./(sections)/bots-rail";
+import AddFlow from "./(partials)/add-flow";
 
 /**
- * Full-bleed shell for every `/admin/*` page: the rail of bot conversations,
- * then the page (conversation + working-on panel, or settings). No cards, no shadows;
+ * Full-bleed shell for every `/admin/*` page: the rail of bot conversations
+ * and workspaces, then the page (a conversation, a workspace, or
+ * settings), inside the Add flow both can open. No cards, no shadows;
  * regions are separated by 1px hairlines.
  */
 export default function BotsLayout({
@@ -19,11 +21,13 @@ export default function BotsLayout({
     useWebSocket({ url: "/ws" });
 
     return (
-        <Row className="w-full h-screen gap-0! flex-nowrap items-stretch overflow-hidden bg-paper text-ink">
-            <BotsRail />
-            <Row className="grow min-w-[480px] h-full gap-0! flex-nowrap items-stretch">
-                {children}
+        <AddFlow>
+            <Row className="w-full h-screen gap-0! flex-nowrap items-stretch overflow-hidden bg-paper text-ink">
+                <BotsRail />
+                <Row className="grow min-w-[480px] h-full gap-0! flex-nowrap items-stretch">
+                    {children}
+                </Row>
             </Row>
-        </Row>
+        </AddFlow>
     );
 }