Skip to content

feat(ui): add agent-specific minimal chat page#1566

Open
al-personal wants to merge 1 commit into
SolaceLabs:mainfrom
al-personal:feat/agent-chat-page
Open

feat(ui): add agent-specific minimal chat page#1566
al-personal wants to merge 1 commit into
SolaceLabs:mainfrom
al-personal:feat/agent-chat-page

Conversation

@al-personal
Copy link
Copy Markdown

@al-personal al-personal commented May 28, 2026

Summary

  • Adds AgentChatPage — a minimal, embed-friendly chat page locked to a single agent via URL segment (/#/:agentName/chat)
  • Removes agent selector dropdown for single-agent contexts (hideAgentSelector prop on ChatInputArea)
  • Left sidebar, right panel, and header bar are hidden by default; each can be re-enabled via query params

Query params

Param Effect
?panel=true Show right artifact/task panel
?header=true Show header bar with session controls
?menu=true Show left navigation sidebar

Files changed

  • client/webui/frontend/src/lib/components/pages/AgentChatPage.tsx (new)
  • client/webui/frontend/src/lib/components/chat/ChatInputArea.tsx
  • client/webui/frontend/src/lib/components/pages/index.ts
  • client/webui/frontend/src/router.tsx
  • client/webui/frontend/src/AppLayout.tsx
  • client/webui/frontend/AGENT_CHAT_CHANGES.md (implementation guide)

Test plan

  • /#/chat — existing chat works unchanged
  • /#/HappyAgent/chat — minimal view, no sidebar/panel/header
  • /#/HappyAgent/chat?panel=true — right panel visible
  • /#/HappyAgent/chat?header=true — header visible
  • /#/HappyAgent/chat?menu=true — left sidebar visible
  • /#/HappyAgent/chat?panel=true&header=true&menu=true — all enabled

Generated with Claude Code

Introduces AgentChatPage — a minimal embed-friendly chat view locked to a
single agent via the URL segment. Supports opt-in query params:
  ?panel=true   — show right artifact/task panel
  ?header=true  — show header bar with session controls
  ?menu=true    — show left navigation sidebar

Changes:
- New AgentChatPage component (pages/AgentChatPage.tsx)
- ChatInputArea: add hideAgentSelector prop
- pages/index.ts: export AgentChatPage
- router.tsx: register :agentName/chat route
- AppLayout.tsx: suppress left nav on agent-chat routes; ?menu=true overrides
- AGENT_CHAT_CHANGES.md: implementation guide for the team

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant