1package messages
2
3import (
4 "fmt"
5 "path/filepath"
6 "strings"
7 "time"
8
9 "github.com/charmbracelet/bubbles/v2/viewport"
10 tea "github.com/charmbracelet/bubbletea/v2"
11 "github.com/charmbracelet/catwalk/pkg/catwalk"
12 "github.com/charmbracelet/lipgloss/v2"
13 "github.com/charmbracelet/x/ansi"
14
15 "github.com/charmbracelet/crush/internal/config"
16 "github.com/charmbracelet/crush/internal/message"
17 "github.com/charmbracelet/crush/internal/tui/components/anim"
18 "github.com/charmbracelet/crush/internal/tui/components/core"
19 "github.com/charmbracelet/crush/internal/tui/components/core/layout"
20 "github.com/charmbracelet/crush/internal/tui/components/core/list"
21 "github.com/charmbracelet/crush/internal/tui/styles"
22 "github.com/charmbracelet/crush/internal/tui/util"
23)
24
25// MessageCmp defines the interface for message components in the chat interface.
26// It combines standard UI model interfaces with message-specific functionality.
27type MessageCmp interface {
28 util.Model // Basic Bubble Tea model interface
29 layout.Sizeable // Width/height management
30 layout.Focusable // Focus state management
31 GetMessage() message.Message // Access to underlying message data
32 SetMessage(msg message.Message) // Update the message content
33 Spinning() bool // Animation state for loading messages
34}
35
36// messageCmp implements the MessageCmp interface for displaying chat messages.
37// It handles rendering of user and assistant messages with proper styling,
38// animations, and state management.
39type messageCmp struct {
40 width int // Component width for text wrapping
41 focused bool // Focus state for border styling
42
43 // Core message data and state
44 message message.Message // The underlying message content
45 spinning bool // Whether to show loading animation
46 anim anim.Anim // Animation component for loading states
47
48 // Thinking viewport for displaying reasoning content
49 thinkingViewport viewport.Model
50}
51
52var focusedMessageBorder = lipgloss.Border{
53 Left: "▌",
54}
55
56// NewMessageCmp creates a new message component with the given message and options
57func NewMessageCmp(msg message.Message) MessageCmp {
58 t := styles.CurrentTheme()
59
60 thinkingViewport := viewport.New()
61 thinkingViewport.SetHeight(1)
62 thinkingViewport.KeyMap = viewport.KeyMap{}
63
64 m := &messageCmp{
65 message: msg,
66 anim: anim.New(anim.Settings{
67 Size: 15,
68 GradColorA: t.Primary,
69 GradColorB: t.Secondary,
70 CycleColors: true,
71 }),
72 thinkingViewport: thinkingViewport,
73 }
74 return m
75}
76
77// Init initializes the message component and starts animations if needed.
78// Returns a command to start the animation for spinning messages.
79func (m *messageCmp) Init() tea.Cmd {
80 m.spinning = m.shouldSpin()
81 return m.anim.Init()
82}
83
84// Update handles incoming messages and updates the component state.
85// Manages animation updates for spinning messages and stops animation when appropriate.
86func (m *messageCmp) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
87 switch msg := msg.(type) {
88 case anim.StepMsg:
89 m.spinning = m.shouldSpin()
90 if m.spinning {
91 u, cmd := m.anim.Update(msg)
92 m.anim = u.(anim.Anim)
93 return m, cmd
94 }
95 }
96 return m, nil
97}
98
99// View renders the message component based on its current state.
100// Returns different views for spinning, user, and assistant messages.
101func (m *messageCmp) View() string {
102 if m.spinning && m.message.ReasoningContent().Thinking == "" {
103 return m.style().PaddingLeft(1).Render(m.anim.View())
104 }
105 if m.message.ID != "" {
106 // this is a user or assistant message
107 switch m.message.Role {
108 case message.User:
109 return m.renderUserMessage()
110 default:
111 return m.renderAssistantMessage()
112 }
113 }
114 return m.style().Render("No message content")
115}
116
117// GetMessage returns the underlying message data
118func (m *messageCmp) GetMessage() message.Message {
119 return m.message
120}
121
122func (m *messageCmp) SetMessage(msg message.Message) {
123 m.message = msg
124}
125
126// textWidth calculates the available width for text content,
127// accounting for borders and padding
128func (m *messageCmp) textWidth() int {
129 return m.width - 2 // take into account the border and/or padding
130}
131
132// style returns the lipgloss style for the message component.
133// Applies different border colors and styles based on message role and focus state.
134func (msg *messageCmp) style() lipgloss.Style {
135 t := styles.CurrentTheme()
136 borderStyle := lipgloss.NormalBorder()
137 if msg.focused {
138 borderStyle = focusedMessageBorder
139 }
140
141 style := t.S().Text
142 if msg.message.Role == message.User {
143 style = style.PaddingLeft(1).BorderLeft(true).BorderStyle(borderStyle).BorderForeground(t.Primary)
144 } else {
145 if msg.focused {
146 style = style.PaddingLeft(1).BorderLeft(true).BorderStyle(borderStyle).BorderForeground(t.GreenDark)
147 } else {
148 style = style.PaddingLeft(2)
149 }
150 }
151 return style
152}
153
154// renderAssistantMessage renders assistant messages with optional footer information.
155// Shows model name, response time, and finish reason when the message is complete.
156func (m *messageCmp) renderAssistantMessage() string {
157 t := styles.CurrentTheme()
158 parts := []string{}
159 content := m.message.Content().String()
160 thinking := m.message.IsThinking()
161 finished := m.message.IsFinished()
162 finishedData := m.message.FinishPart()
163 thinkingContent := ""
164
165 if thinking || m.message.ReasoningContent().Thinking != "" {
166 m.anim.SetLabel("Thinking")
167 thinkingContent = m.renderThinkingContent()
168 } else if finished && content == "" && finishedData.Reason == message.FinishReasonEndTurn {
169 content = ""
170 } else if finished && content == "" && finishedData.Reason == message.FinishReasonCanceled {
171 content = "*Canceled*"
172 } else if finished && content == "" && finishedData.Reason == message.FinishReasonError {
173 errTag := t.S().Base.Padding(0, 1).Background(t.Red).Foreground(t.White).Render("ERROR")
174 truncated := ansi.Truncate(finishedData.Message, m.textWidth()-2-lipgloss.Width(errTag), "...")
175 title := fmt.Sprintf("%s %s", errTag, t.S().Base.Foreground(t.FgHalfMuted).Render(truncated))
176 details := t.S().Base.Foreground(t.FgSubtle).Width(m.textWidth() - 2).Render(finishedData.Details)
177 // Handle error messages differently
178 return fmt.Sprintf("%s\n\n%s", title, details)
179 }
180
181 if thinkingContent != "" {
182 parts = append(parts, thinkingContent)
183 }
184
185 if content != "" {
186 if thinkingContent != "" {
187 parts = append(parts, "")
188 }
189 parts = append(parts, m.toMarkdown(content))
190 }
191
192 joined := lipgloss.JoinVertical(lipgloss.Left, parts...)
193 return m.style().Render(joined)
194}
195
196// renderUserMessage renders user messages with file attachments. It displays
197// message content and any attached files with appropriate icons.
198func (m *messageCmp) renderUserMessage() string {
199 t := styles.CurrentTheme()
200 parts := []string{
201 m.toMarkdown(m.message.Content().String()),
202 }
203
204 attachmentStyles := t.S().Text.
205 MarginLeft(1).
206 Background(t.BgSubtle)
207
208 attachments := make([]string, len(m.message.BinaryContent()))
209 for i, attachment := range m.message.BinaryContent() {
210 const maxFilenameWidth = 10
211 filename := filepath.Base(attachment.Path)
212 attachments[i] = attachmentStyles.Render(fmt.Sprintf(
213 " %s %s ",
214 styles.DocumentIcon,
215 ansi.Truncate(filename, maxFilenameWidth, "..."),
216 ))
217 }
218
219 if len(attachments) > 0 {
220 parts = append(parts, "", strings.Join(attachments, ""))
221 }
222
223 joined := lipgloss.JoinVertical(lipgloss.Left, parts...)
224 return m.style().Render(joined)
225}
226
227// toMarkdown converts text content to rendered markdown using the configured renderer
228func (m *messageCmp) toMarkdown(content string) string {
229 r := styles.GetMarkdownRenderer(m.textWidth())
230 rendered, _ := r.Render(content)
231 return strings.TrimSuffix(rendered, "\n")
232}
233
234func (m *messageCmp) renderThinkingContent() string {
235 t := styles.CurrentTheme()
236 reasoningContent := m.message.ReasoningContent()
237 if reasoningContent.Thinking == "" {
238 return ""
239 }
240 lines := strings.Split(reasoningContent.Thinking, "\n")
241 var content strings.Builder
242 lineStyle := t.S().Subtle.Background(t.BgBaseLighter)
243 for i, line := range lines {
244 if line == "" {
245 continue
246 }
247 content.WriteString(lineStyle.Width(m.textWidth() - 2).Render(line))
248 if i < len(lines)-1 {
249 content.WriteString("\n")
250 }
251 }
252 fullContent := content.String()
253 height := util.Clamp(lipgloss.Height(fullContent), 1, 10)
254 m.thinkingViewport.SetHeight(height)
255 m.thinkingViewport.SetWidth(m.textWidth())
256 m.thinkingViewport.SetContent(fullContent)
257 m.thinkingViewport.GotoBottom()
258 finishReason := m.message.FinishPart()
259 var footer string
260 if reasoningContent.StartedAt > 0 {
261 duration := m.message.ThinkingDuration()
262 if reasoningContent.FinishedAt > 0 {
263 m.anim.SetLabel("")
264 opts := core.StatusOpts{
265 Title: "Thought for",
266 Description: duration.String(),
267 NoIcon: true,
268 }
269 return t.S().Base.PaddingLeft(1).Render(core.Status(opts, m.textWidth()-1))
270 } else if finishReason != nil && finishReason.Reason == message.FinishReasonCanceled {
271 footer = t.S().Base.PaddingLeft(1).Render(m.toMarkdown("*Canceled*"))
272 } else {
273 footer = m.anim.View()
274 }
275 }
276 return lineStyle.Width(m.textWidth()).Padding(0, 1).Render(m.thinkingViewport.View()) + "\n\n" + footer
277}
278
279// shouldSpin determines whether the message should show a loading animation.
280// Only assistant messages without content that aren't finished should spin.
281func (m *messageCmp) shouldSpin() bool {
282 if m.message.Role != message.Assistant {
283 return false
284 }
285
286 if m.message.IsFinished() {
287 return false
288 }
289
290 if m.message.Content().Text != "" {
291 return false
292 }
293 if len(m.message.ToolCalls()) > 0 {
294 return false
295 }
296 return true
297}
298
299// Blur removes focus from the message component
300func (m *messageCmp) Blur() tea.Cmd {
301 m.focused = false
302 return nil
303}
304
305// Focus sets focus on the message component
306func (m *messageCmp) Focus() tea.Cmd {
307 m.focused = true
308 return nil
309}
310
311// IsFocused returns whether the message component is currently focused
312func (m *messageCmp) IsFocused() bool {
313 return m.focused
314}
315
316// Size management methods
317
318// GetSize returns the current dimensions of the message component
319func (m *messageCmp) GetSize() (int, int) {
320 return m.width, 0
321}
322
323// SetSize updates the width of the message component for text wrapping
324func (m *messageCmp) SetSize(width int, height int) tea.Cmd {
325 m.width = util.Clamp(width, 1, 120)
326 m.thinkingViewport.SetWidth(m.width - 4)
327 return nil
328}
329
330// Spinning returns whether the message is currently showing a loading animation
331func (m *messageCmp) Spinning() bool {
332 return m.spinning
333}
334
335type AssistantSection interface {
336 util.Model
337 layout.Sizeable
338 list.SectionHeader
339}
340type assistantSectionModel struct {
341 width int
342 message message.Message
343 lastUserMessageTime time.Time
344}
345
346func NewAssistantSection(message message.Message, lastUserMessageTime time.Time) AssistantSection {
347 return &assistantSectionModel{
348 width: 0,
349 message: message,
350 lastUserMessageTime: lastUserMessageTime,
351 }
352}
353
354func (m *assistantSectionModel) Init() tea.Cmd {
355 return nil
356}
357
358func (m *assistantSectionModel) Update(tea.Msg) (tea.Model, tea.Cmd) {
359 return m, nil
360}
361
362func (m *assistantSectionModel) View() string {
363 t := styles.CurrentTheme()
364 finishData := m.message.FinishPart()
365 finishTime := time.Unix(finishData.Time, 0)
366 duration := finishTime.Sub(m.lastUserMessageTime)
367 infoMsg := t.S().Subtle.Render(duration.String())
368 icon := t.S().Subtle.Render(styles.ModelIcon)
369 model := config.Get().GetModel(m.message.Provider, m.message.Model)
370 if model == nil {
371 // This means the model is not configured anymore
372 model = &catwalk.Model{
373 Name: "Unknown Model",
374 }
375 }
376 modelFormatted := t.S().Muted.Render(model.Name)
377 assistant := fmt.Sprintf("%s %s %s", icon, modelFormatted, infoMsg)
378 return t.S().Base.PaddingLeft(2).Render(
379 core.Section(assistant, m.width-2),
380 )
381}
382
383func (m *assistantSectionModel) GetSize() (int, int) {
384 return m.width, 1
385}
386
387func (m *assistantSectionModel) SetSize(width int, height int) tea.Cmd {
388 m.width = width
389 return nil
390}
391
392func (m *assistantSectionModel) IsSectionHeader() bool {
393 return true
394}