fix: tidy web chat composer layout

CHANGELOG.md

@@ -41,6 +41,7 @@
 - Android Chat UI: use `onPrimary` for user bubble text to preserve contrast (thanks @Syhids).
 - Control UI: sync sidebar navigation with the URL for deep-linking, and auto-scroll chat to the latest message.
 - Control UI: disable Web Chat + Talk when no iOS/Android node is connected; refreshed Web Chat styling and keyboard send.
+- macOS Web Chat: fix composer layout so the connection pill and send button stay inside the input field.
 - macOS: bundle Control UI assets into the app relay so the packaged app can serve them (thanks @mbelinky).
 - Talk Mode: wait for chat history to surface the assistant reply before starting TTS (macOS/iOS/Android).
 - iOS Talk Mode: fix chat completion wait to time out even if no events arrive (prevents “Thinking…” hangs).

apps/shared/ClawdisKit/Sources/ClawdisChatUI/ChatComposer.swift

@@ -131,28 +131,31 @@ struct ClawdisChatComposer: View {
     }
 
     private var editor: some View {
-        RoundedRectangle(cornerRadius: 12, style: .continuous)
+        VStack(alignment: .leading, spacing: 8) {
-            .strokeBorder(ClawdisChatTheme.composerBorder)
+            self.editorOverlay
-            .background(
+
-                RoundedRectangle(cornerRadius: 12, style: .continuous)
+            Rectangle()
-                    .fill(ClawdisChatTheme.composerField))
+                .fill(ClawdisChatTheme.divider)
-            .overlay {
+                .frame(height: 1)
-                VStack(alignment: .leading, spacing: 4) {
+                .padding(.horizontal, 2)
-                    self.editorOverlay
+
-                    HStack(alignment: .bottom, spacing: 6) {
+            HStack(alignment: .center, spacing: 8) {
-                        if self.showsConnectionPill {
+                if self.showsConnectionPill {
-                            self.connectionPill
+                    self.connectionPill
-                        }
-                        Spacer(minLength: 0)
-                        self.sendButton
-                    }
                 }
+                Spacer(minLength: 0)
+                self.sendButton
             }
-            .padding(self.editorPadding)
+        }
-            .frame(
+        .padding(.horizontal, 10)
-                minHeight: self.editorMinHeight,
+        .padding(.vertical, 8)
-                idealHeight: self.editorMinHeight,
+        .background(
-                maxHeight: self.editorMaxHeight)
+            RoundedRectangle(cornerRadius: 12, style: .continuous)
+                .fill(ClawdisChatTheme.composerField)
+                .overlay(
+                    RoundedRectangle(cornerRadius: 12, style: .continuous)
+                        .strokeBorder(ClawdisChatTheme.composerBorder)))
+        .padding(self.editorPadding)
     }
 
     private var connectionPill: some View {
@@ -192,6 +195,10 @@ struct ClawdisChatComposer: View {
             TextEditor(text: self.$viewModel.input)
                 .font(.system(size: 15))
                 .scrollContentBackground(.hidden)
+                .frame(
+                    minHeight: self.textMinHeight,
+                    idealHeight: self.textMinHeight,
+                    maxHeight: self.textMaxHeight)
                 .padding(.horizontal, 4)
                 .padding(.vertical, 4)
                 .focused(self.$isFocused)
@@ -268,14 +275,6 @@ struct ClawdisChatComposer: View {
         self.style == .onboarding ? 5 : 6
     }
 
-    private var editorMinHeight: CGFloat {
-        self.style == .onboarding ? 34 : 40
-    }
-
-    private var editorMaxHeight: CGFloat {
-        self.style == .onboarding ? 60 : 84
-    }
-
     private var textMinHeight: CGFloat {
         self.style == .onboarding ? 24 : 28
     }