fix: use agent accent color for working spinners in sidebar

The agent working spinner in the sidebar used a fixed color
(SpinnerDotsHighlightStyle) regardless of the agent's assigned color.
This looked inconsistent in multi-agent teams where each agent name
has a distinct accent color.

Add RawFrame() to the Spinner interface to return the current frame
character without pre-applied styling, then use it in renderAgentEntry
so the agent's accent style is applied to the spinner.

Fixes #2310

Signed-off-by: pangjiahui <438648229@qq.com>

Author: jiahuipaung

pkg/tui/components/sidebar/sidebar.go

@@ -1159,7 +1159,7 @@ func (m *model) renderAgentEntry(content *strings.Builder, agent runtime.AgentDe
 	var prefix string
 	if isCurrent {
 		if m.workingAgent == agent.Name {
-			prefix = agentStyle.Render(m.spinner.View()) + " "
+			prefix = agentStyle.Render(m.spinner.RawFrame()) + " "
 		} else {
 			prefix = agentStyle.Render("▶") + " "
 		}

pkg/tui/components/spinner/spinner.go

@@ -23,6 +23,8 @@ type Spinner interface {
 	layout.Model
 	Reset() Spinner
 	Stop()
+	// RawFrame returns the current spinner character without any styling applied.
+	RawFrame() string
 }
 type spinner struct {
 	animSub             *animation.Subscription // manages animation tick subscription
@@ -136,6 +138,11 @@ func (s *spinner) Stop() {
 	s.animSub.Stop()
 }
 
+// RawFrame returns the current spinner character without any styling applied.
+func (s *spinner) RawFrame() string {
+	return spinnerFrames[s.frame%len(spinnerFrames)]
+}
+
 // spinnerFrames holds the animation frames for the current terminal.
 var spinnerFrames = []string{"⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"}