App screenPro
Settings
Wire it up
All optional. With none, it plays exactly as it does here and hands over to whoever touches it.
<Settings
keys={keys}
members={members}
workspace={workspace}
onCreateKey={(key) => {}}
onRotateKey={(id) => {}}
onInvite={(email) => {}}
/>Your data
keysThe keys to list, each with an optional owner (a member id), spend as [used, limit] and expired flag. Only a prefix and the last four characters are ever shown.
ApiKey[]membersThe people in the workspace, with their roles.
Member[]workspaceThe workspace’s name, in the danger zone.
string'Harbor'assistantWhat the AI is called, everywhere the screen names it.
string'Detent'What it tells you
onCreateKeyCalled with a new key once it’s made. The secret never leaves the sheet.
(key: ApiKey) => voidonRotateKeyCalled with a key’s id when a person rotates it.
(id: string) => voidonInviteCalled with the address a person invites.
(email: string) => voidonDeleteWorkspaceCalled when a person holds to delete, and with false if they undo it.
(deleted: boolean) => voidEvery block also takes accent, the one colour everything in it derives from; autoplay, which plays the demo until someone touches it; and className.