Tidy the bot chat: icon header controls, status in the rail, narrower thread

Drop the working-on panel. Rail rows show the bot's status line first.
The header's computer and model controls are ghost icons opening modals
that explain them, and the bot's text model, provider and computer show
under its name. The thread and composer are held to 760px.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
2026-10-19 05:02:28 +01:00
co-authored by Claude Opus 5.5
parent 7b580d782e
commit 02ed47dd86
21 changed files with 263 additions and 379 deletions
@@ -1,6 +1,6 @@
import Divider from "@moduletrace/twui/layout/Divider";
import type { BotWithLastMessage } from "@/src/types";
import { crewStatusLine } from "@/src/utils/crew-status";
import { crewCounts, crewStatusLine } from "@/src/utils/crew-status";
import BotRow from "./bot-row";
type Props = {
@@ -10,16 +10,18 @@ type Props = {
};
/**
* Pinned first. Hue-less, and its subtitle is the crew status, not a
* snippet.
* Pinned first. Hue-less. Its subtitle is its status line, else the crew
* counts while any worker is busy or needs you, else its last message.
*/
export default function CoordinatorRow({ bot, bots, selected }: Props) {
const { working, needs_you } = crewCounts({ bots });
return (
<>
<BotRow
bot={bot}
selected={selected}
subtitle={crewStatusLine({ bots })}
subtitle={working || needs_you ? crewStatusLine({ bots }) : undefined}
/>
<Divider className="shrink-0 mx-1 lg:mx-3 my-2 w-auto border-hairline dark:border-hairline" />
</>