Skip to content
pandacoderz/ui

Blocks

Full screens assembled from the components. Install a block and you get every component it uses.

  • AI Chatnew

    A complete chat surface that composes the nine core chat components, with a mock streaming transport you can swap for your API.

    AI Chat
  • Chat Shellnew

    Conversation sidebar with search, pin, rename, and delete wrapped around the AI Chat block.

    Chat Shell
  • Answer with Sourcesnew

    Search-style answer with inline citations, a source grid, and follow-up questions.

    Answer with Sources
  • Voice Chatnew

    Push-to-talk assistant with live waveform, streaming transcript, and barge-in.

    Voice Chat
  • AI Heronew

    Landing hero with a rotating-placeholder prompt input, suggestion chips, and a streamed sample reply.

    AI Hero
  • Agent Runnew

    Live agent plan with nested tool calls, a streaming log, and a human approval gate.

    Agent Run
  • Agent Inboxnew

    Parallel agent runs as cards with status, progress, and an expandable detail panel.

    Agent Inbox
  • Code Review Agentnew

    Agent-proposed patch across files with per-hunk accept and reject.

    Code Review Agent
  • Artifact Canvasnew

    Chat beside a live preview and code tabs with a version switcher.

    Artifact Canvas
  • Prompt Playgroundnew

    System prompt, parameter sliders, and side-by-side model comparison with latency and cost.

    Prompt Playground
  • Trace Viewernew

    Span waterfall for one request with tokens, latency, and input and output payloads.

    Trace Viewer
  • Usage Dashboardnew

    Stat tiles, spend charts, rate-limit meters, and a recent-requests table.

    Usage Dashboard
  • Command Palettenew

    Cmd-K over app data that turns into a streamed AI answer with actionable results.

    Command Palette
  • Editor Copilotnew

    Selection toolbar with rewrite actions, inline diff acceptance, and ghost-text completion.

    Editor Copilot
  • Document Q&Anew

    File drop, page thumbnails, and a chat whose citations jump to the cited page.

    Document Q&A
  • Support Inboxnew

    Ticket list with an AI-drafted reply you can retone, edit, and send.

    Support Inbox