Label the composer's computer button and move it after the tools

Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
2026-10-19 16:09:21 +01:00
co-authored by Claude Opus 5.5
parent 9b55ef793b
commit e157863cfb
2 changed files with 35 additions and 6 deletions
@@ -2,6 +2,7 @@ import { useContext } from "react";
import Button from "@moduletrace/twui/layout/Button";
import { Monitor } from "lucide-react";
import { BotComputersContext } from "../(data)/bot-computers-context";
import Span from "@moduletrace/twui/layout/Span";
/**
* Beside the composer's tools: opens the computer the bot is on in the
@@ -24,9 +25,14 @@ export default function ComposerComputerButton() {
variant="ghost"
color="gray"
size="small"
onClick={() => openComputer({ computer_id: computer.id || 0, mode: "browser" })}
onClick={() =>
openComputer({ computer_id: computer.id || 0, mode: "browser" })
}
className="shrink-0 px-1.5! py-0.5! text-ink-secondary dark:text-ink-secondary hover:text-ink hover:dark:text-ink"
>
<Span className="text-[12px] leading-4 text-ink-secondary">
Computer
</Span>
<Monitor size={14} aria-hidden />
</Button>
);