Merge pull request #121 from nogataka/fix/ime-support-and-padding

fix: Prevent accidental IME submission and add bottom padding for Kanban cards

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">

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()
     }

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()
     }

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('')

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()
     }

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') {