feat(tui): add multiline chat input with dynamic height

- Support Shift+Enter to insert newlines in chat input
- Chat input container expands dynamically up to 8 lines
- Enter key sends message as before
- Fix cursor line background to match unselected lines
This commit is contained in:
0xallam
2026-01-04 15:20:38 -08:00
committed by Ahmed Allam
parent daba3d8b61
commit e6ddcb1801
2 changed files with 33 additions and 3 deletions
+11 -3
View File
@@ -117,7 +117,7 @@ Screen {
margin-right: 0;
padding: 0;
layout: horizontal;
align-vertical: middle;
align-vertical: top;
}
#chat_input_container:focus-within {
@@ -134,7 +134,7 @@ Screen {
height: 100%;
padding: 0 0 0 1;
color: #737373;
content-align-vertical: middle;
content-align-vertical: top;
}
#chat_history:focus {
@@ -144,7 +144,7 @@ Screen {
#chat_input {
width: 1fr;
height: 100%;
background: #121212;
background: transparent;
border: none;
color: #d4d4d4;
padding: 0;
@@ -155,6 +155,14 @@ Screen {
border: none;
}
#chat_input .text-area--cursor-line {
background: transparent;
}
#chat_input:focus .text-area--cursor-line {
background: transparent;
}
#chat_input > .text-area--placeholder {
color: #525252;
text-style: italic;