Agent management

Build with Vlak
Website releaseShared workspace2 working · 1 to review
Active agents02
Needs review01
In queue01
Task 013Needs review

Audit keyboard navigation

Accessibility agentNavigation and dialogs

Check the primary navigation, dialogs, and account flow. Propose focused fixes without changing the visual layout.

  1. Ready for review. All 18 keyboard checks pass.

  2. Restored focus to the trigger when a dialog closes.

  3. Added a visible focus state to navigation links.

Ready for your review2 files · 18 checks passed
Local demoChanges stay in this tab

Choose a task → inspect the work → approve or pause the agent

View source

Inside the interface

A workspace for delegating work to a small team of agents. The queue keeps assignments and status in view, while the detail pane follows one task from its brief to its output. Approval requests sit beside the work they affect. On a phone, the queue and task become separate views.

Queue a task, pause or resume a run, and respond to a review request. This is a local simulation with sample agents; it does not run models, edit files, or connect to an agent service. Changes reset when the page reloads.

Components used

Use this as a starting point

Build with Vlak

Install the components, add the stylesheet, and bring your own content. The study’s source shows how the pieces fit together.

React componentsCSS includedMIT licensed
Install the package
npm install @noorddev/vlak-react
import "@noorddev/vlak-react/css";
Installation guide View study source

Start with your coding agent

A ready-to-use brief with this study, Vlak’s components, and the design guide.

Component modifications

  • Cards become flush summary regions above a custom task queue. Full-row tonal selection, status text, and Icons keep states legible without color.
  • Buttons handle task actions and mobile navigation. Input and Textarea compose the new-task form; Vlak's compact control radius stays separate from the square workspace frame.
  • Toggle groups switch queue filters and detail views, while Progress shows task completion. Container queries turn the split workspace into a list-to-detail flow when the panel becomes narrow.
  • On mobile, bottom navigation switches Tasks, Active, and Review. Opening a task replaces the workspace header and summaries with a full-height detail screen. Approvals and new-task submission stay in a bottom action area while the content scrolls.