Assistant
AI conversation screens: a streamed analyst workspace.
Installation & usage
npx @youj/cli add app-ai-workspaceAlso installs app-page, async-button, avatar, button, chat, icon-file-text, icon-menu, icon-pencil, icon-search, icon-share, icon-sparkles, input-group, select, sheet, sliding-indicator, youj-core, youj-presets, youj-ui-core.
The CLI copies the block to blocks/app/ai-workspace.tsx with every component it uses, so it’s yours to edit.
Demo content: this block doesn’t take data yet, so edit its file after adding it.
Description
Ask an AI analyst about your team’s data, with streamed answers that show their reasoning, tool calls and sources, a history sidebar and a sheet on phones.
Demo only. Its content is fixed in the block: it takes no data or copy props, only the few settings and callbacks listed in its props. Copy the source to build on it.
Ask an AI analyst about your team’s data, with streamed answers that show their reasoning, tool calls and sources, a history sidebar and a sheet on phones.
Demo only. Its content is fixed in the block: it takes no data or copy props, only the few settings and callbacks listed in its props. Copy the source to build on it.
Code
AI Workspace, the AI workspace story: the files youj add writes.
blocks/app
Reference
Props4 props
Props
| Prop | Type | |
|---|---|---|
theme | ThemeInputWraps the block in this theme. Default: the theme around it. | – |
embedded | booleanA page in your app's frame: the shared page header (AppPage) titled with the open chat, holding Share, over the chat list and the conversation filling the page; no default true | true |
autoplay | booleanAnswer the open chat's question live as the workspace opens. default true | true |
defaultModel | ModelId'deep''fast'Atlas Deep thinks before it answers; Atlas Fast doesn't. default 'deep' | 'deep' |
Built from8 components
Built from
Accessibilitylandmarks, conversation, keyboard
Accessibility
AI workspace has a main with one h1, a labelled history nav that marks the current chat with aria-current, a status region for progress, and a sheet for the history on phones. The streamed answer starts on its own (set autoplay to false to start it still), and under reduced motion text lands a phrase at a time and the shimmer and carets hold still. Links and buttons are real a and button elements with the kit’s focus ring.