wip: refactoring tui

Author: adamdotdevin

packages/tui/internal/components/chat/editor.go

@@ -270,6 +270,8 @@ func (m *editorComponent) View() string {
 	)
 	textarea = styles.BaseStyle().
 		Width(m.width).
+		PaddingTop(1).
+		PaddingBottom(1).
 		Background(t.BackgroundElement()).
 		Border(lipgloss.ThickBorder(), false, true).
 		BorderForeground(t.BackgroundSubtle()).
@@ -307,7 +309,7 @@ func (m *editorComponent) SetSize(width, height int) tea.Cmd {
 	m.width = width
 	m.height = height
 	m.textarea.SetWidth(width - 5)   // account for the prompt and padding right
-	m.textarea.SetHeight(height - 2) // account for info underneath
+	m.textarea.SetHeight(height - 4) // account for info underneath
 	return nil
 }
 

packages/tui/internal/components/chat/messages.go

@@ -245,7 +245,7 @@ func (m *messagesComponent) header() string {
 	base := styles.BaseStyle().Render
 	muted := styles.Muted().Render
 	headerLines := []string{}
-	headerLines = append(headerLines, toMarkdown("# "+m.app.Session.Title, width-4, t.BackgroundElement()))
+	headerLines = append(headerLines, toMarkdown("# "+m.app.Session.Title, width-4, t.Background()))
 	if m.app.Session.Share != nil && m.app.Session.Share.Url != "" {
 		headerLines = append(headerLines, muted(m.app.Session.Share.Url))
 	} else {
@@ -256,7 +256,7 @@ func (m *messagesComponent) header() string {
 	header = styles.BaseStyle().
 		Width(width).
 		PaddingLeft(2).
-		Background(t.BackgroundElement()).
+		// Background(t.BackgroundElement()).
 		BorderLeft(true).
 		BorderRight(true).
 		BorderBackground(t.Background()).

packages/tui/internal/page/chat.go

@@ -139,7 +139,7 @@ func (p *chatPage) View() string {
 
 		layoutView = layout.PlaceOverlay(
 			editorX,
-			editorY-lipgloss.Height(overlay)+1,
+			editorY-lipgloss.Height(overlay)+2,
 			overlay,
 			layoutView,
 		)
@@ -169,7 +169,7 @@ func NewChatPage(app *app.App) layout.ModelWithView {
 			layout.WithDirection(layout.FlexDirectionVertical),
 			layout.WithPaneSizes(
 				layout.FlexPaneSizeGrow,
-				layout.FlexPaneSizeFixed(5),
+				layout.FlexPaneSizeFixed(6),
 			),
 		),
 	}