refactor: optimize audio initialization and fix agent interactions

- Lazy initialize audio (on-demand instead of mount) in both player and Speechmatics hooks
- Add audio session teardown on stop for proper cleanup
- Implement agent audio recording with sendAgentAudio in AgentInputArea
- Fix Android navigation race condition in CreateAgentModal (navigate before closing)
- Add animations to global footer and agent screen (FadeIn/FadeOut)
- Auto-cancel stuck agents when sending new messages
- Fix permission request ID propagation from AgentManager to Session
- Apply theme background color via AppContainer wrapper

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

packages/app/src/components/agent-input-area.tsx

@@ -13,7 +13,7 @@ interface AgentInputAreaProps {
 
 export function AgentInputArea({ agentId }: AgentInputAreaProps) {
   const { theme } = useUnistyles();
-  const { agents, ws, sendAgentMessage, setAgentMode } = useSession();
+  const { agents, ws, sendAgentMessage, sendAgentAudio, setAgentMode } = useSession();
   const { isRealtimeMode, startRealtime } = useRealtime();
   const audioRecorder = useAudioRecorder();
 
@@ -54,10 +54,17 @@ export function AgentInputArea({ agentId }: AgentInputAreaProps) {
 
         if (audioData) {
           setIsProcessing(true);
-          // TODO: Send audio to agent
-          // For now, just log it
           console.log("[AgentInput] Audio recorded:", audioData.size, "bytes");
-          setIsProcessing(false);
+
+          try {
+            // Send audio to agent for transcription and processing
+            await sendAgentAudio(agentId, audioData);
+            console.log("[AgentInput] Audio sent to agent");
+          } catch (error) {
+            console.error("[AgentInput] Failed to send audio:", error);
+          } finally {
+            setIsProcessing(false);
+          }
         }
       } catch (error) {
         console.error("[AgentInput] Failed to stop recording:", error);