Skip to content

feat(frontend): Hub Simple — chat-first home with real agent chat#243

Draft
esafwan wants to merge 2 commits into
developfrom
feat/design-simplified-hub-homepage-interface
Draft

feat(frontend): Hub Simple — chat-first home with real agent chat#243
esafwan wants to merge 2 commits into
developfrom
feat/design-simplified-hub-homepage-interface

Conversation

@esafwan
Copy link
Copy Markdown
Contributor

@esafwan esafwan commented Mar 31, 2026

Summary

Chat-first home interface as default landing page.

Changes

New default home (/)HubSimplePage

  • Collapsed icon sidebar, role-aware greetings and starter prompts (admin/builder/operator/viewer)
  • Slash command palette with keyboard nav → navigates to real sections
  • Starter prompts navigate to real pages; free-text triggers Hub Orchestrator agent

Real agent chat

  • SSE streaming via existing sendMessage API (same pattern as ChatInput)
  • Delta updates as chunks arrive
  • Provider check on mount: no provider → amber onboarding card linking to /models
  • Graceful fallback if Hub Orchestrator agent not yet created

Dashboard preserved at /dashboard

  • Existing metrics dashboard (runs, success rate, cost) + agents/flows/executions tabs at /dashboard
  • ← Hub button in dashboard header returns to hub
  • LayoutDashboard icon at bottom of Hub sidebar navigates to dashboard

New files

  • frontend/src/components/hub/SlashCommandMenu.tsx
  • frontend/src/components/hub/HubConversationView.tsx
  • frontend/src/pages/HubSimplePage.tsx

Notes

  • Hub Orchestrator agent needs to be seeded on install for full chat (follow-up)
  • No backend changes in this PR

- Add HubSimplePage as default '/' route (chat-first, no UnifiedLayout)
- Add '/dashboard' route for existing metrics dashboard (agents/flows/executions tabs)
- Collapsed 60px icon sidebar with nav to all major sections
- Role-aware greetings and starter prompts (admin/builder/operator/viewer)
- Starter prompts navigate to real pages; free-text triggers real agent chat
- Slash command palette (/) with keyboard navigation → navigates to real routes
- Real agent chat via 'Hub Orchestrator' with SSE streaming + delta updates
- Provider check on mount: no provider → amber onboarding card with link to /models
- Streaming delta updates using same pattern as ChatInput (streamingAvailable flag)
- HomeHeaderActions: replace switch button with '← Hub' ghost button back to /
- SlashCommandMenu and HubConversationView extracted to frontend/src/components/hub/
@esafwan esafwan changed the title Add Hub Simple home with slash-command parser and header/sidebar navigation tweaks feat(frontend): Hub Simple — chat-first home with real agent chat Jun 2, 2026
@esafwan esafwan marked this pull request as draft June 2, 2026 03:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant