💄 make the chat box less cramped

src/renderer/components/AIChat/Chat.css

@@ -491,11 +491,18 @@
   color: var(--text-primary);
 }
 
-/* ── Input row: paperclip + textarea + send ─── */
+/* ── Input row: textarea on top, buttons below ─── */
 .chat-input-row {
   display: flex;
-  align-items: flex-end;
+  flex-direction: column;
-  gap: 8px;
+  gap: 6px;
+}
+
+.chat-input-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 6px;
 }
 
 .chat-paperclip-btn {
@@ -561,6 +568,7 @@
   padding: 8px 10px;
   resize: none;
   outline: none;
+  overflow: hidden;
   transition: border-color 0.15s;
   min-height: 36px;
 }

src/renderer/components/AIChat/ChatInput.tsx

@@ -177,15 +177,6 @@ export function ChatInput({ onSend, onAttachmentsChange, disabled }: Props): JSX
       )}
 
       <div className="chat-input-row">
-        <button
-          className="chat-paperclip-btn"
-          onClick={handleAttach}
-          disabled={disabled}
-          title="Attach file (image, text, PDF)"
-          aria-label="Attach file"
-        >
-          ⌁
-        </button>
         <textarea
           ref={textareaRef}
           className="chat-textarea"
@@ -198,6 +189,16 @@ export function ChatInput({ onSend, onAttachmentsChange, disabled }: Props): JSX
           disabled={disabled}
           rows={1}
         />
+        <div className="chat-input-actions">
+          <button
+            className="chat-paperclip-btn"
+            onClick={handleAttach}
+            disabled={disabled}
+            title="Attach file (image, text, PDF)"
+            aria-label="Attach file"
+          >
+            ⌁
+          </button>
           <button
             className="chat-send-btn"
             onClick={submit}
@@ -207,6 +208,7 @@ export function ChatInput({ onSend, onAttachmentsChange, disabled }: Props): JSX
             ↑
           </button>
         </div>
+      </div>
       {menuPos && (
         <ContextMenu
           x={menuPos.x}