Prodular UI

Assistant

Pro

A full Relay Analyst workspace: conversations grouped by day with search, a thread with reasoning, tool calls, a streamed answer with a table and citations, a composer with model picker and attachments, and a generated reconciliation report with versions in a side panel.

Open full screen
Assistant screen from Prodular UI

Install

The screen lands in app/assistant/ with every component it uses. Change it like any other code in your app. It is part of Prodular UI Pro, so run npx prodular-ui login first. See pricing.

npx prodular-ui add assistant

States

The screen ships with 5 states. Pick one with the tabs above the preview, with ?state= in the URL, or with the state prop from your app.

  • Default
  • New chat
  • Streaming
  • Error
  • Out of credits

Files

  • app/assistant/page.tsx
  • app/assistant/thread.tsx
  • app/assistant/composer.tsx
  • app/assistant/history.tsx
  • app/assistant/report.tsx
  • app/assistant/app-shell.tsx
  • app/assistant/data.ts