From 94862b73f46794717a42f27d8c802d7e8e31fa4d Mon Sep 17 00:00:00 2001
From: Mohamed Boudra <boudra.moha@gmail.com>
Date: Sat, 15 Nov 2025 19:46:37 +0100
Subject: [PATCH] Adjust AgentInput controls for send-only state

---
 .../app/src/components/agent-input-area.tsx   | 27 +++++++++----------
 plan.md                                       |  3 ++-
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/packages/app/src/components/agent-input-area.tsx b/packages/app/src/components/agent-input-area.tsx
index 69cfc4a88..856863c6a 100644
--- a/packages/app/src/components/agent-input-area.tsx
+++ b/packages/app/src/components/agent-input-area.tsx
@@ -242,7 +242,7 @@ export function AgentInputArea({ agentId }: AgentInputAreaProps) {
   const hasImages = selectedImages.length > 0;
   const hasSendableContent = hasText || hasImages;
   const shouldShowSendButton = !isAgentRunning && hasSendableContent;
-  const shouldShowDictateButton = !isAgentRunning && !hasSendableContent;
+  const shouldShowVoiceControls = !isAgentRunning && !hasSendableContent;
 
   const overlayAnimatedStyle = useAnimatedStyle(() => {
     return {
@@ -388,20 +388,17 @@ export function AgentInputArea({ agentId }: AgentInputAreaProps) {
                   </Pressable>
                 </>
               ) : shouldShowSendButton ? (
-                <>
-                  <Pressable
-                    onPress={handleSendMessage}
-                    disabled={!ws.isConnected || isProcessing}
-                    style={[
-                      styles.sendButton,
-                      (!ws.isConnected || isProcessing) && styles.buttonDisabled,
-                    ]}
-                  >
-                    <ArrowUp size={20} color="white" />
-                  </Pressable>
-                  {realtimeButton}
-                </>
-              ) : shouldShowDictateButton ? (
+                <Pressable
+                  onPress={handleSendMessage}
+                  disabled={!ws.isConnected || isProcessing}
+                  style={[
+                    styles.sendButton,
+                    (!ws.isConnected || isProcessing) && styles.buttonDisabled,
+                  ]}
+                >
+                  <ArrowUp size={20} color="white" />
+                </Pressable>
+              ) : shouldShowVoiceControls ? (
                 <>
                   <Pressable
                     onPress={handleVoicePress}
diff --git a/plan.md b/plan.md
index f43872ae3..26de30490 100644
--- a/plan.md
+++ b/plan.md
@@ -78,5 +78,6 @@
   - Stream reducer now inspects Codex `provider_event` payloads and converts command/file/MCP/web search items into agent tool entries immediately, so the UI shows the pills while the turn is running instead of waiting for hydration; `stream.test.ts` gained coverage proving provider events alone still surface command + MCP calls, and `npm run test --workspace=@voice-dev/app -- src/types/stream.test.ts` passes.
 - [x] Update the AgentInput “Cancel” control to use a square stop icon button (consistent with media players) so interrupting an agent is visually distinct from other actions.
   - Replaced the text-based pill with a compact circular stop control that reuses the Square media glyph (plus accessibility labels), making the interrupt action visually distinct without impacting the other pending AgentInput tweaks.
-- [ ] When the agent input has text and we’re not in the cancellable state, replace both the mic (Dictate) and Realtime buttons with a single Send button—only surface Dictate/Realtime when the input is empty or the agent is running.
+- [x] When the agent input has text and we’re not in the cancellable state, replace both the mic (Dictate) and Realtime buttons with a single Send button—only surface Dictate/Realtime when the input is empty or the agent is running.
+  - `packages/app/src/components/agent-input-area.tsx` now shows a lone Send control when text/images are queued while keeping Dictate + Realtime visible only when the input is empty or the agent is actively running.
 - [ ] Remove the agent status pill next to the permission selector; instead show a “working” indicator inside the chat scroll view itself (three bouncing dots animation) whenever the agent is busy.