Add computer switching, crew reporting, job steps and markdown chat

- Bots have a current computer (bots.computer_id), switched from the chat header beside the model button or by clicking a computer the bot names ([computer:ID]); tasks run on it by default - search_computers runs one read-only command on all of a bot's computers; chat replies know their computers (compose-computers-note) - The coordinator can use every computer and grants or revokes crew access with assign_computer - Delegated jobs record requested_by_bot_id; the worker's result or failure is reported back in the coordinator's conversation - bots_queue_updates records each model turn of a job, pushed live and shown in the working-on panel - Live relay: every process pushes new messages, job steps and bot changes from the database to its own sockets, so work done elsewhere shows live - Bot messages render as markdown (react-markdown + remark-gfm, no raw HTML) with twui components; rail previews are plain text - Fix header button overflow in the model and computer selects - Bump @moduletrace/twui to 0.1.2 Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-10-19 04:44:35 +01:00
parent 6a2665dae9
commit 7b580d782e
64 changed files with 1792 additions and 86 deletions
@@ -0,0 +1,56 @@
+import { useContext } from "react";
+import Button from "@moduletrace/twui/layout/Button";
+import Span from "@moduletrace/twui/layout/Span";
+import { Check, Monitor } from "lucide-react";
+import { BotComputersContext } from "../(data)/bot-computers-context";
+
+type Props = {
+    computer_id: number;
+};
+
+/**
+ * A computer the bot named in a message (`computerRef`): a button that
+ * switches the bot to it at once, or a checked chip when it's already on
+ * it. A computer the bot can't use (any more) is shown by name only.
+ */
+export default function ComputerRefChip({ computer_id }: Props) {
+    const { computers, switching_id, error, switchComputer } = useContext(BotComputersContext);
+
+    const index = computers.findIndex((c) => c.id == computer_id);
+    const computer = computers[index];
+    const name = computer?.name || `computer ${computer_id}`;
+
+    if (!computer) {
+        return <Span className="font-bold">{name}</Span>;
+    }
+
+    if (index == 0) {
+        return (
+            <Span
+                title="The computer this bot is on"
+                className="inline-flex h-6 gap-1.5 items-center px-2 align-middle rounded-default-xs bg-sunken text-[13px] font-bold leading-4 text-ink whitespace-nowrap"
+            >
+                <Monitor size={14} aria-hidden />
+                {name}
+                <Check size={14} aria-hidden />
+            </Span>
+        );
+    }
+
+    return (
+        <Button
+            type="button"
+            variant="outlined"
+            color="gray"
+            size="smaller"
+            title={error && switching_id == undefined ? error : `Switch to ${name}`}
+            loading={switching_id == computer_id}
+            disabled={Boolean(switching_id)}
+            onClick={() => switchComputer({ computer_id })}
+            className="inline-flex h-6 gap-1.5! flex-nowrap align-middle px-2! text-[13px] font-bold text-ink whitespace-nowrap"
+        >
+            <Monitor size={14} aria-hidden className="shrink-0" />
+            {name}
+        </Button>
+    );
+}