Skip to content

feat(frontend): agent chat streaming slice + RAG example demo#4780

Open
mmabrouk wants to merge 2 commits into
feat/agent-playground-uifrom
fe-feat/agent-chat-ui-slice
Open

feat(frontend): agent chat streaming slice + RAG example demo#4780
mmabrouk wants to merge 2 commits into
feat/agent-playground-uifrom
fe-feat/agent-chat-ui-slice

Conversation

@mmabrouk

Copy link
Copy Markdown
Member

What this is

This ports the AgentChatSlice frontend and the RAG_QA_chatbot example from fe-feat/agent-streaming-slice onto the restructured agent branches. It adds the slice (web/oss/src/components/AgentChatSlice), the agent-chat page route (oss + ee), the three npm deps it needs (ai, @ai-sdk/react, @ant-design/x-markdown), the NEXT_PUBLIC_AGENT_CHAT_* env flags, and the example backend.

Note to Arda

Your branch carried the whole agent feature, not just the frontend. While you were building the chat slice, the agent backend was restructured into a stack of focused functional PRs (#4771 to #4777). So the backend, docs, and playground controls on your branch are now an older, pre-refactor copy of work those PRs supersede. To avoid regressing them, this PR takes only the parts that are genuinely yours and new: the frontend slice and the example. Nothing else from your branch is included.

What moved, so you can re-point any imports:

The slice's wire contract (transport.ts against the /messages Vercel stream) lines up with the backend in #4772 (the agent service) and #4771 (the SDK messages adapter), so it should run against the current backend unchanged.

How to run

  • pnpm install in web/ for the new deps.
  • Set NEXT_PUBLIC_AGENT_CHAT_API to your agent /messages endpoint.
  • Open the agent-chat page.

Stacking and review notes

Ports the AgentChatSlice frontend (ai-sdk useChat over the agent /messages
stream) and the RAG_QA_chatbot example onto the current functional agent
branches. See the PR description for the note to Arda.
@vercel

vercel Bot commented Jun 19, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
agenta-documentation Ready Ready Preview, Comment Jun 19, 2026 10:33pm

Request Review

@dosubot dosubot Bot added size:XXL This PR changes 1000+ lines, ignoring generated files. example Feature Request New feature or request Frontend labels Jun 19, 2026
@coderabbitai

coderabbitai Bot commented Jun 19, 2026

Copy link
Copy Markdown

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: 69567dfa-83e2-47b1-a47b-930119596c4c

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch fe-feat/agent-chat-ui-slice

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@github-actions

github-actions Bot commented Jun 19, 2026

Copy link
Copy Markdown
Contributor

Railway Preview Environment

Preview URL https://gateway-production-5258.up.railway.app/w
Image tag pr-4780-979d485
Status Failed
Railway logs Open logs
Logs View workflow run
Updated at 2026-06-19T22:40:11.994Z

The agent-chat slice transport relied on the server defaulting to a
stream. The real /messages endpoint only streams when the client sends
Accept: text/event-stream; otherwise it returns a batch JSON body, which
useChat cannot render. Send the SSE Accept header so streamed assistant
replies show up.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

example Feature Request New feature or request Frontend size:XXL This PR changes 1000+ lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant