Files
zeekay 6c65e3e941 @hanzo/app 0.2.0: the app SDK, renamed from @hanzo/rooms
Every import, the catalog pin and the docs name @hanzo/app and
github.com/hanzoai/app. lib/rooms.ts is lib/app.ts and
components/rooms.tsx is components/app.tsx.
2026-10-22 19:07:20 -07:00

45 lines
1.4 KiB
TypeScript

import { WORKSPACE } from '@hanzo/app/lib/host'
import { Action, Actions, Band, Head, Split } from './band'
import { Caption } from './plate'
import { Shot } from './Shot'
/**
* The band that says what a bot is: a worker with its own computer, awake when
* you are not. The picture is the Bots room itself โ€” a capture of the shipped
* page with sample names, made by scripts/room-shots.mjs. The room is the
* workspace's, so the band links to it on hanzo.team.
*/
export function Bots() {
return (
<Band id="bots" wide>
<Split
says={
<>
<Head
eyebrow="Bots"
title="They keep working."
lede="A bot has its own computer: browser, files, terminal, apps."
/>
<Actions top={28}>
<Action href={`${WORKSPACE}/bots`} filled>
Launch a bot
</Action>
</Actions>
</>
}
>
<Shot
src="/shots/bots-1440"
at="hanzo.team/bots"
alt="The Bots room: the org's agents in the sidebar, Dev's page with its runs โ€” Weekly outreach, Expense report, Support digest, each done โ€” and a message box to Dev"
width={2304}
height={1440}
/>
<Caption text="center">the Bots room ยท sample names</Caption>
</Split>
</Band>
)
}
export default Bots