- 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]>
30 lines
905 B
TypeScript
30 lines
905 B
TypeScript
import { ComputerViewModes, type ComputerViewMode } from "@/src/dict/computer-dict";
|
|
import computerViewUrl from "@/src/utils/computer-view-url";
|
|
|
|
type Props = {
|
|
computer_id: number;
|
|
name: string;
|
|
mode: ComputerViewMode;
|
|
/**
|
|
* The mode on show; the others stay loaded but hidden.
|
|
*/
|
|
active: boolean;
|
|
};
|
|
|
|
/**
|
|
* One of a computer's apps in a frame. A raw iframe: twui has no
|
|
* equivalent.
|
|
*/
|
|
export default function ComputerViewFrame({ computer_id, name, mode, active }: Props) {
|
|
const title = ComputerViewModes.find((m) => m.value == mode)?.title || mode;
|
|
|
|
return (
|
|
<iframe
|
|
src={computerViewUrl({ computer_id, mode })}
|
|
title={`${name}: ${title}`}
|
|
allow="clipboard-read; clipboard-write; fullscreen"
|
|
className={`absolute inset-0 w-full h-full border-0 bg-sunken ${active ? "" : "hidden"}`}
|
|
/>
|
|
);
|
|
}
|