feat(console): style the text-mode prompt bar

Render the text-mode input as a framed prompt bar: a top rule and a
bottom status line showing "in text mode (-t)" in the corner, colored
to match the agent status text. The input line keeps the normal
terminal background.

Author: u9g

cmd/lk/console_tui.go

@@ -27,6 +27,7 @@ import (
 	"github.com/charmbracelet/bubbles/textinput"
 	tea "github.com/charmbracelet/bubbletea"
 	"github.com/charmbracelet/lipgloss"
+	"github.com/charmbracelet/x/ansi"
 
 	agent "github.com/livekit/protocol/livekit/agent"
 
@@ -39,12 +40,13 @@ var (
 	lkCyan   = lipgloss.Color("#1fd5f9")
 	lkPurple = lipgloss.Color("#8f83ff")
 	lkGreen  = lipgloss.Color("#6BCB77")
-	lkRed = lipgloss.Color("#EF4444")
+	lkRed    = lipgloss.Color("#EF4444")
 
-	labelStyle     = lipgloss.NewStyle().Foreground(lkPurple)
-	cyanBoldStyle  = lipgloss.NewStyle().Foreground(lkCyan).Bold(true)
-	greenBoldStyle = lipgloss.NewStyle().Foreground(lkGreen).Bold(true)
-	redBoldStyle   = lipgloss.NewStyle().Foreground(lkRed).Bold(true)
+	labelStyle       = lipgloss.NewStyle().Foreground(lkPurple)
+	cyanBoldStyle    = lipgloss.NewStyle().Foreground(lkCyan).Bold(true)
+	greenBoldStyle   = lipgloss.NewStyle().Foreground(lkGreen).Bold(true)
+	redBoldStyle     = lipgloss.NewStyle().Foreground(lkRed).Bold(true)
+	textModeBoxStyle = lipgloss.NewStyle().Background(lkPurple).Foreground(lipgloss.Color("#E6F7FF"))
 )
 
 // Unicode block characters for frequency visualizer (matching Python console)
@@ -286,6 +288,51 @@ func (m consoleModel) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 	return m, nil
 }
 
+func renderTextModeBox(width int, input string) string {
+	if width <= 0 {
+		width = 80
+	}
+
+	var b strings.Builder
+	b.WriteString(renderTextModeBoxLine(width, strings.Repeat("─", width)))
+	b.WriteString("\n")
+	b.WriteString(renderTextModeInputLine(width, input))
+	b.WriteString("\n")
+	b.WriteString(renderTextModeBoxLine(width, textModeStatusLine(width)))
+	return b.String()
+}
+
+// renderTextModeInputLine keeps the input on the normal terminal background
+// but paints the first and last column with the bar color so it reads as a
+// framed prompt bar.
+func renderTextModeInputLine(width int, input string) string {
+	if width <= 2 {
+		return renderTextModeBoxLine(width, input)
+	}
+	inner := width - 2
+	input = ansi.Truncate(input, inner, "")
+	pad := inner - lipgloss.Width(input)
+	if pad < 0 {
+		pad = 0
+	}
+	edge := textModeBoxStyle.Render(" ")
+	return edge + input + strings.Repeat(" ", pad) + edge
+}
+
+func renderTextModeBoxLine(width int, line string) string {
+	line = ansi.Truncate(line, width, "")
+	return textModeBoxStyle.Width(width).MaxWidth(width).Render(line)
+}
+
+func textModeStatusLine(width int) string {
+	label := "in text mode (-t)"
+	labelWidth := lipgloss.Width(label)
+	if width <= labelWidth {
+		return label[:min(width, len(label))]
+	}
+	return strings.Repeat("─", width-labelWidth-1) + " " + label
+}
+
 func (m *consoleModel) switchToAudio() tea.Cmd {
 	if m.pipeline.HasAudio() {
 		m.textMode = false
@@ -445,7 +492,7 @@ func (m *consoleModel) handleSessionEvent(ev *agent.AgentSessionEvent) []tea.Cmd
 				if text := formatMetrics(msg.Metrics); text != "" {
 					m.metricsText = text
 				}
-				}
+			}
 			cmds = append(cmds, tea.Println(formatChatItem(item)))
 		}
 
@@ -553,17 +600,7 @@ func (m consoleModel) View() string {
 			frame := spinnerFrames[int(time.Now().UnixMilli()/80)%len(spinnerFrames)]
 			b.WriteString("  " + dimStyle.Render(frame+" thinking"))
 		} else {
-			// ── Text input ──
-			w := m.width
-			if w <= 0 {
-				w = 80
-			}
-			sep := dimStyle.Render(strings.Repeat("─", min(w, 80)))
-			b.WriteString(sep)
-			b.WriteString("\n")
-			b.WriteString(m.textInput.View())
-			b.WriteString("\n")
-			b.WriteString(sep)
+			b.WriteString(renderTextModeBox(m.width, m.textInput.View()))
 		}
 
 		if m.audioError != "" {