tbenandClaude Opus 5.5
3286b80029
- Remove the preset document suite (letters, emails, invoices, quotes, PDF generation, line items) with its routes, API handlers and tables - Rebrand to Cobble: site data, Lato, handoff design tokens (light and dark) in main.css, brand assets in public/brand, ember stone logo and regenerated favicons - Add bots, bot_messages, bot_tasks and bot_task_steps tables, regenerate DB types (BUN_SQLITE_COBBLE_*) and add a sample crew seed (seed:bots) - Add the chat shell at /admin/bots: rail with pinned coordinator and user popover, bottom-anchored conversation with composer, working-on panel, and a send-message API scoped to the session user - Add BotStone and Wordmark components, crew status and relative time utils with tests, and update AGENTS.md Co-Authored-By: Claude Opus 5.5 <[email protected]>
42 lines
1.4 KiB
TypeScript
42 lines
1.4 KiB
TypeScript
import Row from "@moduletrace/twui/layout/Row";
|
|
import Stack from "@moduletrace/twui/layout/Stack";
|
|
import H1 from "@moduletrace/twui/layout/H1";
|
|
import Span from "@moduletrace/twui/layout/Span";
|
|
import BotStone from "@/src/components/general/bot-stone";
|
|
import type { BotFace, BotHue } from "@/src/dict/bot-dict";
|
|
import type { BotWithLastMessage } from "@/src/types";
|
|
import { crewStatusSentence } from "@/src/utils/crew-status";
|
|
|
|
type Props = {
|
|
bot: BotWithLastMessage;
|
|
bots: BotWithLastMessage[];
|
|
};
|
|
|
|
/**
|
|
* 64px header. The coordinator's status is the crew sentence.
|
|
*/
|
|
export default function ConversationHeader({ bot, bots }: Props) {
|
|
const status =
|
|
bot.kind === "coordinator"
|
|
? crewStatusSentence({ bots })
|
|
: bot.status_line || "";
|
|
|
|
return (
|
|
<Row className="h-16 shrink-0 gap-3! flex-nowrap items-center px-6 border-0 border-b border-solid border-hairline">
|
|
<BotStone
|
|
hue={(bot.hue || null) as BotHue | null}
|
|
face={(bot.face || "idle") as BotFace}
|
|
size={40}
|
|
/>
|
|
<Stack className="min-w-0 gap-0!">
|
|
<H1 className="text-lg! leading-6! tracking-normal! font-bold text-ink truncate">
|
|
{bot.name}
|
|
</H1>
|
|
<Span className="text-[13px] leading-[18px] text-ink-secondary truncate">
|
|
{status}
|
|
</Span>
|
|
</Stack>
|
|
</Row>
|
|
);
|
|
}
|