name: agent-studio-chat description: Work on Agent Studio chat (UI + streaming) and the /api/chat route. Use for tasks like message rendering, reasoning display, editing/regenerate, Zustand chat stores, model/settings UI, and OpenRouter or Vercel AI SDK integration. 聊天功能开发/排障:流式输出、Reasoning 展示、消息编辑与重新生成、模型与参数设置。
Agent Studio Chat
Follow the data flow
- Start from
src/components/features/chat/hooks/useChatLogic.ts(Vercel AI SDKuseChat+DefaultChatTransport). - Server route is
src/app/api/chat/route.ts(OpenRouter provider +streamText). - UI entry is
src/components/features/chat/ChatInterface.tsx(Virtuoso list +ChatInput).
Know the state layers
- Conversation persistence:
src/lib/store/useChatStore.ts - UI-only transient state (editing/copy):
src/lib/store/useChatUIStore.ts - Model + sampling + system instructions:
src/lib/store/useSettingsStore.tsandsrc/components/features/settings/SettingsPanel.tsx
Make safe changes
- Preserve
UIMessage.partswhen needed (reasoning parts may carry provider metadata; seesrc/app/api/chat/route.ts). - Prefer adding new transient UI flags to
useChatUIStoreto avoid prop drilling. - Keep feature code under
src/components/features/chat/and reusesrc/components/ui/*primitives.
chat Comments (0)
Sign in to join the discussion and leave a comment.
Skill Details
GitHub Stars
0
GitHub Forks
0
Created
Jan 2026
Last Updated
6个月前
tools
tools llm ai
Related Skills
Build your own?
Join 12,000+ developers contributing to the Claude ecosystem.
No comments yet. Be the first to share your thoughts!