@@ -18,7 +18,9 @@ import (
1818 "github.com/charmbracelet/crush/internal/tui/components/core/layout"
1919 "github.com/charmbracelet/crush/internal/tui/components/dialogs/commands"
2020 "github.com/charmbracelet/crush/internal/tui/page"
21+ "github.com/charmbracelet/crush/internal/tui/styles"
2122 "github.com/charmbracelet/crush/internal/tui/util"
23+ "github.com/charmbracelet/lipgloss/v2"
2224)
2325
2426var ChatPageID page.PageID = "chat"
@@ -51,7 +53,9 @@ type chatPage struct {
5153
5254 compactMode bool
5355 forceCompactMode bool // Force compact mode regardless of window size
56+ showDetails bool // Show details in the header
5457 header header.Header
58+ compactSidebar layout.Container
5559}
5660
5761func (p *chatPage) Init() tea.Cmd {
@@ -69,6 +73,9 @@ func (p *chatPage) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
6973 h, cmd := p.header.Update(msg)
7074 cmds = append(cmds, cmd)
7175 p.header = h.(header.Header)
76+ if p.compactMode && p.showDetails {
77+ cmds = append(cmds, p.compactSidebar.SetSize(msg.Width-4, 0))
78+ }
7279 // the mode is only relevant when there is a session
7380 if p.session.ID != "" {
7481 // Only auto-switch to compact mode if not forced
@@ -178,15 +185,34 @@ func (p *chatPage) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
178185 p.app.CoderAgent.Cancel(p.session.ID)
179186 return p, nil
180187 }
188+ case key.Matches(msg, p.keyMap.Details):
189+ if p.session.ID == "" || !p.compactMode {
190+ return p, nil // No session to show details for
191+ }
192+ p.showDetails = !p.showDetails
193+ p.header.SetDetailsOpen(p.showDetails)
194+ if p.showDetails {
195+ p.compactSidebar = sidebarCmp(p.app, true)
196+ c, cmd := p.compactSidebar.Update(chat.SessionSelectedMsg(p.session))
197+ p.compactSidebar = c.(layout.Container)
198+ return p, tea.Batch(
199+ cmd,
200+ p.compactSidebar.SetSize(p.wWidth-4, 0),
201+ )
202+ }
203+
204+ return p, nil
181205 }
182206 }
183207 u, cmd := p.layout.Update(msg)
184208 cmds = append(cmds, cmd)
185209 p.layout = u.(layout.SplitPaneLayout)
186210
187− h, cmd := p.header.Update(msg)
188− cmds = append(cmds, cmd)
189− p.header = h.(header.Header)
211+ if p.compactMode && p.showDetails {
212+ s, cmd := p.compactSidebar.Update(msg)
213+ p.compactSidebar = s.(layout.Container)
214+ cmds = append(cmds, cmd)
215+ }
190216 return p, tea.Batch(cmds...)
191217}
192218
@@ -199,7 +225,7 @@ func (p *chatPage) setMessages() tea.Cmd {
199225}
200226
201227func (p *chatPage) setSidebar() tea.Cmd {
202− sidebarContainer := sidebarCmp(p.app)
228+ sidebarContainer := sidebarCmp(p.app, false)
203229 sidebarContainer.Init()
204230 return p.layout.SetRightPanel(sidebarContainer)
205231}
@@ -267,16 +293,29 @@ func (p *chatPage) View() tea.View {
267293 return p.layout.View()
268294 }
269295 layoutView := p.layout.View()
270− chatView := tea.NewView(
271− strings.Join(
272− []string{
273− p.header.View().String(),
274− layoutView.String(),
275− }, "\n",
276− ),
296+ chatView := strings.Join(
297+ []string{
298+ p.header.View().String(),
299+ layoutView.String(),
300+ }, "\n",
301+ )
302+ layers := []*lipgloss.Layer{
303+ lipgloss.NewLayer(chatView).X(0).Y(0),
304+ }
305+ if p.showDetails {
306+ t := styles.CurrentTheme()
307+ style := t.S().Base.
308+ Border(lipgloss.RoundedBorder()).
309+ BorderForeground(t.BorderFocus)
310+ details := style.Render(p.compactSidebar.View().String())
311+ layers = append(layers, lipgloss.NewLayer(details).X(1).Y(1))
312+ }
313+ canvas := lipgloss.NewCanvas(
314+ layers...,
277315 )
278− chatView.SetCursor(layoutView.Cursor())
279− return chatView
316+ view := tea.NewView(canvas.Render())
317+ view.SetCursor(layoutView.Cursor())
318+ return view
280319}
281320
282321func (p *chatPage) Bindings() []key.Binding {
@@ -308,10 +347,14 @@ func (p *chatPage) Bindings() []key.Binding {
308347 return bindings
309348}
310349
311−func sidebarCmp(app *app.App) layout.Container {
350+func sidebarCmp(app *app.App, compact bool) layout.Container {
351+ padding := layout.WithPadding(1, 1, 1, 1)
352+ if compact {
353+ padding = layout.WithPadding(0, 1, 1, 1)
354+ }
312355 return layout.NewContainer(
313− sidebar.NewSidebarCmp(app.History, app.LSPClients),
314− layout.WithPadding(1, 1, 1, 1),
356+ sidebar.NewSidebarCmp(app.History, app.LSPClients, compact),
357+ padding,
315358 )
316359}
317360
@@ -322,7 +365,7 @@ func NewChatPage(app *app.App) ChatPage {
322365 return &chatPage{
323366 app: app,
324367 layout: layout.NewSplitPane(
325− layout.WithRightPanel(sidebarCmp(app)),
368+ layout.WithRightPanel(sidebarCmp(app, false)),
326369 layout.WithBottomPanel(editorContainer),
327370 layout.WithFixedBottomHeight(5),
328371 layout.WithFixedRightWidth(31),