Skip to content

feat(tui): enhance FocusedAgent panel with avatar, sparkline, and improved progress bar (#505)#536

Merged
JeremyDev87 merged 1 commit intomasterfrom
feat/tui-focused-agent-panel-enhancements-505
Feb 18, 2026
Merged

feat(tui): enhance FocusedAgent panel with avatar, sparkline, and improved progress bar (#505)#536
JeremyDev87 merged 1 commit intomasterfrom
feat/tui-focused-agent-panel-enhancements-505

Conversation

@JeremyDev87
Copy link
Owner

Summary

Closes #505

Enhances the FocusedAgentPanel TUI component with richer visual feedback, making it easier to identify agents and monitor their activity at a glance.

Changes

theme.ts

  • Add AGENT_AVATARS constant mapping 20+ agent role keywords to emoji identifiers
  • Add getAgentAvatar(agentName) function that resolves the best-matching emoji for a given agent name

focused-agent.pure.ts

  • Add formatEnhancedProgressBar() — braille character-based progress bar with a % label (replaces formatProgressBar)
  • Add formatActivitySparkline() — sparkline chart showing tool call frequency bucketed over the last 60 seconds
  • Add formatEnhancedChecklist() — checklist with / icons and an overflow indicator (⋯ +N more)
  • Deprecate formatChecklist and formatProgressBar with @deprecated JSDoc tags

FocusedAgentPanel.tsx

  • Display agent emoji avatar next to the agent name in the header
  • Switch to formatEnhancedProgressBar for finer-grained progress visualization
  • Switch to formatEnhancedChecklist for improved task status icons
  • Add Activity section rendering a live sparkline of per-agent tool calls
  • Accept new toolCalls: ToolCallRecord[] prop; filter by agentId before rendering

dashboard-app.tsx

  • Pass state.toolCalls to both FocusedAgentPanel instances

Test plan

  • theme.spec.ts — unit tests for getAgentAvatar covering exact, partial, and unknown name cases
  • focused-agent.pure.spec.ts — unit tests for formatEnhancedProgressBar, formatActivitySparkline, and formatEnhancedChecklist
  • FocusedAgentPanel.spec.tsx — snapshot/render tests updated to include toolCalls prop and verify new sections render correctly
  • Manual TUI smoke test: start dev server, verify avatar, sparkline, and enhanced progress bar appear in the FocusedAgent panel

@vercel
Copy link

vercel bot commented Feb 18, 2026

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

Project Deployment Actions Updated (UTC)
codingbuddy-landing Ready Ready Preview, Comment Feb 18, 2026 7:16am

…roved progress bar (#505)

- Add agent emoji avatar display via getAgentAvatar() in theme.ts
- Add AGENT_AVATARS map for 20+ agent role keyword → emoji mappings
- Add formatActivitySparkline() to visualize tool call frequency over time
- Add formatEnhancedProgressBar() using braille chars with percentage label
- Add formatEnhancedChecklist() with ✔/◻ icons and overflow indicator
- Pass toolCalls prop through DashboardApp to FocusedAgentPanel
- Deprecate formatChecklist and formatProgressBar in favor of enhanced variants
- Fix TaskItem test fixtures to include required id field
- Fix ToolCallRecord test fixtures to use valid status values (completed)
@JeremyDev87 JeremyDev87 force-pushed the feat/tui-focused-agent-panel-enhancements-505 branch from 4fa2f91 to 1fda0d2 Compare February 18, 2026 07:15
@JeremyDev87 JeremyDev87 merged commit d1cd3f9 into master Feb 18, 2026
25 checks passed
@JeremyDev87 JeremyDev87 deleted the feat/tui-focused-agent-panel-enhancements-505 branch February 18, 2026 07:19
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.

feat(tui): enhance FocusedAgent panel with visual agent avatars, braille progress, sparkline graph, and status icons

1 participant