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

src/pages/admin/bots/[bot_id]/(partials)/bot-computers-modal.tsx

@@ -16,10 +16,11 @@ type Props = {
 /**
  * The header's computer icon, beside the model icon: opens what the bot's
  * computers are, the one it's on checked, and with more than one,
- * switches it.
+ * switches it. Each can be opened in the viewer.
  */
 export default function BotComputersModal({ bot }: Props) {
-    const { computers, switching_id, error, switchComputer } = useContext(BotComputersContext);
+    const { computers, switching_id, error, switchComputer, openComputer } =
+        useContext(BotComputersContext);
     const [open, setOpen] = useState(false);
 
     const current = computers[0];
@@ -48,7 +49,7 @@ export default function BotComputersModal({ bot }: Props) {
                     {can_switch ? `${name}'s computers` : `${name}'s computer`}
                 </H2>
                 <Span className="text-[13px] leading-[18px] text-ink-secondary">
-                    {`A computer is a sandbox ${name} works in: a shell, a browser and files of its own. Its tasks run on the checked one.`}
+                    {`A computer is a sandbox ${name} works in: a shell, a browser and files of its own. Its tasks run on the checked one. Open one to use it yourself.`}
                 </Span>
                 <Span className="text-[13px] leading-[18px] text-ink-secondary">
                     {can_switch
@@ -69,6 +70,10 @@ export default function BotComputersModal({ bot }: Props) {
                         onPick={async () => {
                             await switchComputer({ computer_id: computer.id || 0 });
                         }}
+                        onOpen={() => {
+                            setOpen(false);
+                            openComputer({ computer_id: computer.id || 0, mode: "browser" });
+                        }}
                     />
                 ))}
             </Stack>