Back to labs

Agent Console

A focused trading-agent console that combines token context, portfolio actions, and agent feedback in one workspace.

Agent interaction panel

The interface keeps agent output, market context, and user actions visible together so the flow feels closer to operating a tool than chatting with a blank box.

Open live

Notes

  • Portfolio and token context remain visible during agent actions.
  • Agent state is expressed with compact status surfaces.
  • Built for fast iteration on trading workflows.

Code

A compact implementation sketch for the pattern behind this lab.

1type AgentState = "idle" | "thinking" | "ready";2 3export function AgentConsole({ state }: { state: AgentState }) {4  return (5    <section className="grid gap-3">6      <TokenSummary />7      <AgentStatus state={state} />8      <ActionComposer />9    </section>10  );11}