Open computers from the chat, let bots ask for a take-over, show task progress

- Serve each computer to its owner under /computers/<id>/ (HTTP and websockets proxied to the AIO sandbox) and show it in a shared ComputerView with browser, terminal and code modes, opened from the computers modal or a take-over button in the thread. - ask_user_to_take_over lets a bot hand a computer to the user for a login or captcha; the message gets a take-over button and needs-you, and the viewer hands it back with a chat message. - While a task runs the thread shows "<bot> is working..." with the task's latest step; steps read as plain words, not tool names. - A coordinator with no workers no longer claims to delegate, and bots describe started tasks in the first person. Co-Authored-By: Claude Opus 5.5 <[email protected]>
2026-10-19 05:35:44 +01:00
parent b1023ba8ff
commit 56daf0c462
44 changed files with 1289 additions and 75 deletions
@@ -0,0 +1,54 @@
+import { useState } from "react";
+import useServerEvent from "@/src/hooks/use-server-event";
+import type { BotJobUpdateData, BotTaskWithSteps, BotUpdatedData } from "@/src/types";
+
+type Params = {
+    bot_id: number;
+    /**
+     * The bot's active task when the page loaded.
+     */
+    task: BotTaskWithSteps | null;
+};
+
+type Progress = {
+    task_id: number | null;
+    text: string | null;
+};
+
+function fromTask({ task }: { task: BotTaskWithSteps | null }): Progress {
+    return {
+        task_id: task?.id || null,
+        text: task?.updates[task.updates.length - 1]?.text || null,
+    };
+}
+
+/**
+ * The latest step of the open bot's active task (a `bots_queue_updates`
+ * row's text), kept current from `server:bot-job-update`. Starts over when
+ * `server:bot-updated` brings a different task, or none.
+ */
+export default function useTaskProgress({ bot_id, task }: Params) {
+    const [progress, setProgress] = useState<Progress>(() => fromTask({ task }));
+
+    useServerEvent({
+        event: "server:bot-job-update",
+        onData: (update: BotJobUpdateData) => {
+            if (update.bot_id != bot_id || !update.task_id || !update.text) return;
+
+            setProgress({ task_id: update.task_id, text: update.text });
+        },
+    });
+
+    useServerEvent({
+        event: "server:bot-updated",
+        onData: (data: BotUpdatedData) => {
+            if (data.id != bot_id) return;
+
+            setProgress((prev) =>
+                (data.task?.id || null) == prev.task_id ? prev : fromTask({ task: data.task }),
+            );
+        },
+    });
+
+    return progress.text;
+}