Merge pull request #8 from damassi/fix/word-wrap

feat: Add softwrap to text area

Author: damassi

src/agent_chat_cli/components/user_input.py

@@ -1,6 +1,7 @@
 from textual.widget import Widget
 from textual.app import ComposeResult
-from textual.widgets import Input
+from textual.widgets import TextArea
+from textual.binding import Binding
 
 from agent_chat_cli.components.caret import Caret
 from agent_chat_cli.components.flex import Flex
@@ -11,23 +12,30 @@
 class UserInput(Widget):
     first_boot = True
 
+    BINDINGS = [
+        Binding("enter", "submit", "Submit", priority=True),
+    ]
+
     def __init__(self, actions: Actions) -> None:
         super().__init__()
         self.actions = actions
 
     def compose(self) -> ComposeResult:
         with Flex():
             yield Caret()
-            yield Input(
-                placeholder="" if self.first_boot else "",
+            yield TextArea(
+                "",
+                show_line_numbers=False,
+                soft_wrap=True,
             )
 
     def on_mount(self) -> None:
-        input_widget = self.query_one(Input)
+        input_widget = self.query_one(TextArea)
         input_widget.focus()
 
-    async def on_input_submitted(self, event: Input.Submitted) -> None:
-        user_message = event.value.strip()
+    async def action_submit(self) -> None:
+        input_widget = self.query_one(TextArea)
+        user_message = input_widget.text.strip()
 
         if not user_message:
             return
@@ -36,17 +44,11 @@ async def on_input_submitted(self, event: Input.Submitted) -> None:
             self.actions.quit()
             return
 
-        input_widget = self.query_one(Input)
-        input_widget.value = ""
+        input_widget.clear()
 
         if user_message.lower() == ControlCommand.CLEAR.value:
             await self.actions.interrupt()
             await self.actions.new()
             return
 
         await self.actions.submit_user_message(user_message)
-
-    async def on_input_blurred(self, event: Input.Blurred) -> None:
-        if self.display:
-            input_widget = self.query_one(Input)
-            input_widget.focus()

src/agent_chat_cli/core/actions.py

@@ -1,7 +1,5 @@
 from typing import TYPE_CHECKING
 
-from textual.widgets import Input
-
 from agent_chat_cli.utils.enums import ControlCommand
 from agent_chat_cli.components.chat_history import ChatHistory, MessagePosted
 from agent_chat_cli.components.messages import Message
@@ -24,15 +22,14 @@ async def query(self, user_input: str) -> None:
         await self.app.agent_loop.query_queue.put(user_input)
 
     async def submit_user_message(self, message: str) -> None:
-        from agent_chat_cli.components.user_input import UserInput
+        from textual.widgets import TextArea
 
         self.app.post_message(MessagePosted(Message.user(message)))
 
         thinking_indicator = self.app.query_one(ThinkingIndicator)
         thinking_indicator.is_thinking = True
 
-        user_input = self.app.query_one(UserInput)
-        input_widget = user_input.query_one(Input)
+        input_widget = self.app.query_one(TextArea)
         input_widget.cursor_blink = False
 
         await self.query(message)
@@ -65,6 +62,7 @@ async def new(self) -> None:
 
     async def respond_to_tool_permission(self, response: str) -> None:
         from agent_chat_cli.components.user_input import UserInput
+        from textual.widgets import TextArea
 
         log_json(
             {
@@ -81,7 +79,7 @@ async def respond_to_tool_permission(self, response: str) -> None:
         user_input = self.app.query_one(UserInput)
         user_input.display = True
 
-        input_widget = user_input.query_one(Input)
+        input_widget = self.app.query_one(TextArea)
         input_widget.focus()
 
         thinking_indicator = self.app.query_one(ThinkingIndicator)

src/agent_chat_cli/core/message_bus.py

@@ -1,13 +1,12 @@
 import asyncio
 from typing import TYPE_CHECKING
 
-from textual.widgets import Input, Markdown
+from textual.widgets import Markdown
 from textual.containers import VerticalScroll
 
 from agent_chat_cli.components.chat_history import ChatHistory, MessagePosted
 from agent_chat_cli.components.thinking_indicator import ThinkingIndicator
 from agent_chat_cli.components.tool_permission_prompt import ToolPermissionPrompt
-from agent_chat_cli.components.user_input import UserInput
 from agent_chat_cli.components.messages import (
     AgentMessage as AgentMessageWidget,
     Message,
@@ -122,6 +121,8 @@ async def _handle_user(self, message: AgentMessage) -> None:
         await self._scroll_to_bottom()
 
     async def _handle_tool_permission_request(self, message: AgentMessage) -> None:
+        from agent_chat_cli.components.user_input import UserInput
+
         log_json(
             {
                 "event": "showing_permission_prompt",
@@ -143,6 +144,8 @@ async def _handle_tool_permission_request(self, message: AgentMessage) -> None:
         await self._scroll_to_bottom()
 
     async def _handle_result(self) -> None:
+        from textual.widgets import TextArea
+
         # Check if there's a queued message (e.g., from custom permission response)
         if not self.app.agent_loop.query_queue.empty():
             # Don't turn off thinking - there's more work to do
@@ -151,8 +154,7 @@ async def _handle_result(self) -> None:
         thinking_indicator = self.app.query_one(ThinkingIndicator)
         thinking_indicator.is_thinking = False
 
-        user_input = self.app.query_one(UserInput)
-        input_widget = user_input.query_one(Input)
+        input_widget = self.app.query_one(TextArea)
         input_widget.cursor_blink = True
 
         self.current_agent_message = None

src/agent_chat_cli/core/styles.tcss

@@ -79,14 +79,16 @@ Caret {
     opacity: 0.5;
 }
 
-Input {
-    height: 1;
+TextArea {
+    height: auto;
+    min-height: 1;
+    max-height: 10;
     width: 1fr;
     border: none;
     background: transparent;
     color: white;
-    padding-left: 0;
-    margin-left: 0;
+    padding: 0;
+    margin: 0;
 }
 
 .tool-message {