From bb71d28721576f10db6eeb4ed6a241e33b769bb2 Mon Sep 17 00:00:00 2001
From: Xin Wang <your-email@example.com>
Date: Fri, 10 Jul 2026 17:06:57 +0800
Subject: [PATCH] Enhance MobileCallPage functionality with camera view reset
 and chat transcript condition

- Update the effect to reset the view to "camera" when the call status is "idle" or "failed", improving user experience during call interruptions.
- Modify the rendering condition for the MobileCallTranscript to only display when inCall is true, ensuring chat messages are shown appropriately during active calls.
---
 frontend/src/components/pages/MobileCallPage.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/pages/MobileCallPage.tsx b/frontend/src/components/pages/MobileCallPage.tsx
index e766c3e..39191d2 100644
--- a/frontend/src/components/pages/MobileCallPage.tsx
+++ b/frontend/src/components/pages/MobileCallPage.tsx
@@ -300,7 +300,10 @@ export function MobileCallPage({ assistantId }: { assistantId: string }) {
   }, [startCall]);
 
   useEffect(() => {
-    if (status === "idle" || status === "failed") stopCamera();
+    if (status === "idle" || status === "failed") {
+      stopCamera();
+      setView("camera");
+    }
   }, [status, stopCamera]);
 
   const error = previewError || cameraError;
@@ -325,7 +328,7 @@ export function MobileCallPage({ assistantId }: { assistantId: string }) {
 
       <div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-black/35 via-transparent to-black/65" />
 
-      {view === "chat" && <MobileCallTranscript messages={messages} />}
+      {view === "chat" && inCall && <MobileCallTranscript messages={messages} />}
 
       <NetworkQualityIndicator
         quality={networkQuality}