1 variants
Agent Workspace
One place for an agent run. A prompt with a border beam while it works, the plan ticking off, then an answer with its sources.
Workspace
The prompt bar wears a border beam only while the agent runs, a thinking orb names the current step, and the checklist and sourced answer glide in below.
Research agent
Ask a question; it searches, compares and answers with sources.
Plan
0 of 4
- Read the question and plan the search, in progress
- Search the docs and changelogs, not started
- Compare what the sources say, not started
- Write the answer with citations, not started
Sources · 3
- web.devAnimating grid-template-rows for smooth collapses
- caniuseCSS grid animation support tables
- emil.designDurations that feel fast without feeling abrupt
Grid track interpolation collapses a row without measuring its height , and it works in every current browser . Keep it under 300ms so it reads as a response .
import { AgentWorkspace } from "@/components/blocks/agent-workspace";
export default function Page({ run }) {
return (
<AgentWorkspace
title="Research agent"
status={run.status}
steps={run.steps}
answer={run.answer}
onSubmit={startRun}
/>
);
}94 more lines ship with an easeUI Pro license.
Buy a licenseInstall
$ bunx --bun shadcn add @easeui-pro/agent-workspace