From 80c15a534dfe99b08b26b219922b682ec8e8f5dd Mon Sep 17 00:00:00 2001
From: nogataka <nogataka@gmail.com>
Date: Wed, 28 Jan 2026 12:59:14 +0900
Subject: [PATCH 1/2] fix: Prevent accidental message submission during IME
 composition

Add isComposing check to prevent Enter key from submitting messages
while Japanese (or other) IME input is in progress.

Affected components:
- AssistantChat
- ExpandProjectChat
- SpecCreationChat
- FolderBrowser
- TerminalTabs
---
 ui/src/components/AssistantChat.tsx     | 3 ++-
 ui/src/components/ExpandProjectChat.tsx | 3 ++-
 ui/src/components/FolderBrowser.tsx     | 3 ++-
 ui/src/components/SpecCreationChat.tsx  | 3 ++-
 ui/src/components/TerminalTabs.tsx      | 3 ++-
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/AssistantChat.tsx b/ui/src/components/AssistantChat.tsx
index 8f438a1..a2d7ba8 100644
--- a/ui/src/components/AssistantChat.tsx
+++ b/ui/src/components/AssistantChat.tsx
@@ -134,7 +134,8 @@ export function AssistantChat({
   }
 
   const handleKeyDown = (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
-    if (e.key === 'Enter' && !e.shiftKey) {
+    // Skip if composing (e.g., Japanese IME input)
+    if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {
       e.preventDefault()
       handleSend()
     }
diff --git a/ui/src/components/ExpandProjectChat.tsx b/ui/src/components/ExpandProjectChat.tsx
index 52926cb..2eb30b3 100644
--- a/ui/src/components/ExpandProjectChat.tsx
+++ b/ui/src/components/ExpandProjectChat.tsx
@@ -88,7 +88,8 @@ export function ExpandProjectChat({
   }
 
   const handleKeyDown = (e: React.KeyboardEvent) => {
-    if (e.key === 'Enter' && !e.shiftKey) {
+    // Skip if composing (e.g., Japanese IME input)
+    if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {
       e.preventDefault()
       handleSendMessage()
     }
diff --git a/ui/src/components/FolderBrowser.tsx b/ui/src/components/FolderBrowser.tsx
index c3e998a..8641bdd 100644
--- a/ui/src/components/FolderBrowser.tsx
+++ b/ui/src/components/FolderBrowser.tsx
@@ -269,7 +269,8 @@ export function FolderBrowser({ onSelect, onCancel, initialPath }: FolderBrowser
                     className="flex-1"
                     autoFocus
                     onKeyDown={(e) => {
-                      if (e.key === 'Enter') handleCreateFolder()
+                      // Skip if composing (e.g., Japanese IME input)
+                      if (e.key === 'Enter' && !e.nativeEvent.isComposing) handleCreateFolder()
                       if (e.key === 'Escape') {
                         setIsCreatingFolder(false)
                         setNewFolderName('')
diff --git a/ui/src/components/SpecCreationChat.tsx b/ui/src/components/SpecCreationChat.tsx
index 1aa804a..24d0c09 100644
--- a/ui/src/components/SpecCreationChat.tsx
+++ b/ui/src/components/SpecCreationChat.tsx
@@ -127,7 +127,8 @@ export function SpecCreationChat({
   }
 
   const handleKeyDown = (e: React.KeyboardEvent) => {
-    if (e.key === 'Enter' && !e.shiftKey) {
+    // Skip if composing (e.g., Japanese IME input)
+    if (e.key === 'Enter' && !e.shiftKey && !e.nativeEvent.isComposing) {
       e.preventDefault()
       handleSendMessage()
     }
diff --git a/ui/src/components/TerminalTabs.tsx b/ui/src/components/TerminalTabs.tsx
index 2771dec..760d69d 100644
--- a/ui/src/components/TerminalTabs.tsx
+++ b/ui/src/components/TerminalTabs.tsx
@@ -96,7 +96,8 @@ export function TerminalTabs({
   // Handle key events during editing
   const handleKeyDown = useCallback(
     (e: React.KeyboardEvent) => {
-      if (e.key === 'Enter') {
+      // Skip if composing (e.g., Japanese IME input)
+      if (e.key === 'Enter' && !e.nativeEvent.isComposing) {
         e.preventDefault()
         submitEdit()
       } else if (e.key === 'Escape') {

From 9e097b3fc8e8aa2303e46df67c8f94391f0f0cb8 Mon Sep 17 00:00:00 2001
From: nogataka <nogataka@gmail.com>
Date: Wed, 28 Jan 2026 12:59:26 +0900
Subject: [PATCH 2/2] fix: Ensure consistent main content padding when debug
 panel is closed

Add minimum bottom padding (48px) when the debug panel is closed to
prevent Kanban cards from being cut off at the bottom of the viewport.
---
 ui/src/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/App.tsx b/ui/src/App.tsx
index 05f9986..54fe10a 100644
--- a/ui/src/App.tsx
+++ b/ui/src/App.tsx
@@ -331,7 +331,7 @@ function App() {
       {/* Main Content */}
       <main
         className="max-w-7xl mx-auto px-4 py-8"
-        style={{ paddingBottom: debugOpen ? debugPanelHeight + 32 : undefined }}
+        style={{ paddingBottom: debugOpen ? debugPanelHeight + 32 : 48 }}
       >
         {!selectedProject ? (
           <div className="text-center mt-12">