fix: improve realtime controls layout and add agent status bar

- Change realtime controls to horizontal layout with fixed height (88px)
- Add orientation prop to VolumeMeter for horizontal/vertical modes
- Create AgentStatusBar component showing mode badge and agent status
- Add agent persistence system for managing agent state across restarts
- Fix bottom sheet dismiss handling to clear state properly
- Remove debug timer from realtime controls

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

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

packages/app/src/components/agent-stream-view.tsx

@@ -45,7 +45,14 @@ export function AgentStreamView({
 
   function handleOpenToolCallDetails(toolCall: SelectedToolCall) {
     setSelectedToolCall(toolCall);
-    bottomSheetRef.current?.present();
+    // Delay present to next frame to ensure component is mounted
+    setTimeout(() => {
+      bottomSheetRef.current?.present();
+    }, 0);
+  }
+
+  function handleBottomSheetDismiss() {
+    setSelectedToolCall(null);
   }
 
   return (
@@ -171,6 +178,7 @@ export function AgentStreamView({
       <ToolCallBottomSheet
         bottomSheetRef={bottomSheetRef}
         selectedToolCall={selectedToolCall}
+        onDismiss={handleBottomSheetDismiss}
       />
     </View>
   );