Merge deployment-updates into main, taking all changes from deployment-updates

README.md

@@ -5,7 +5,8 @@ colorFrom: blue
 colorTo: purple
 sdk: docker
 pinned: false
-app_port: 3001
+license: apache-2.0
+short_description: Gemini Multimodal Live API Console
 ---
 
 # Multimodal Live API - Web console

src/components/control-tray/ControlTray.tsx

@@ -244,24 +244,22 @@ function ControlTray({
             ref={connectButtonRef}
             className={cn("action-button connect-toggle", { connected })}
             onClick={async () => {
-              console.log('🔄 Connection button clicked');
+              console.log('🎮 ControlTray: Connection button clicked');
               try {
                 if (connected) {
-                  console.log('📴 Disconnecting...');
+                  console.log('📴 ControlTray: Initiating disconnect...');
                   await disconnect();
-                  console.log('✅ Disconnected successfully');
+                  console.log('✅ ControlTray: Disconnected successfully');
                 } else {
-                  console.log('🔌 Starting connection...');
-                  console.log('📱 Device info:', { isIOSDevice, isSafari });
+                  console.log('🔌 ControlTray: Starting connection process...');
+                  console.log('📱 ControlTray: Device info:', { isIOSDevice, isSafari });
                   
-                  // We already have mic permissions from the modal, just connect
-                  console.log('📞 Calling connect()...');
+                  console.log('📞 ControlTray: Calling LiveAPIContext.connect()...');
                   await connect();
-                  console.log('✅ Connected successfully');
+                  console.log('✅ ControlTray: Connected successfully via LiveAPIContext');
                 }
               } catch (err) {
-                console.error('❌ Failed to toggle connection:', err);
-                // Here you could add UI feedback about the error
+                console.error('❌ ControlTray: Connection error:', err);
               }
             }}
           >

src/contexts/LiveAPIContext.tsx

@@ -28,7 +28,6 @@ export const LiveAPIProvider: FC<LiveAPIProviderProps> = ({
   url = `${window.location.protocol === 'https:' ? 'wss:' : 'ws:'}//${window.location.host}/ws`,
   children,
 }) => {
-  console.log('🌐 Initializing LiveAPIProvider with URL:', url);
   const liveAPI = useLiveAPI({ url });
 
   return (
@@ -39,9 +38,9 @@ export const LiveAPIProvider: FC<LiveAPIProviderProps> = ({
 };
 
 export const useLiveAPIContext = () => {
+  console.log('🎯 LiveAPIContext: Hook being accessed');
   const context = useContext(LiveAPIContext);
   if (!context) {
-    console.error('❌ LiveAPIContext used outside of LiveAPIProvider');
     throw new Error("useLiveAPIContext must be used within a LiveAPIProvider");
   }
   console.log('✅ LiveAPIContext successfully retrieved');

src/lib/multimodal-live-client.ts

@@ -89,20 +89,21 @@ export class MultimodalLiveClient extends EventEmitter<MultimodalLiveClientEvent
   connect(config: LiveConfig): Promise<boolean> {
     console.log('🔌 Attempting WebSocket connection to:', this.url);
     this.config = config;
+    console.log('🔗 MultimodalLiveClient: Starting WebSocket connection to:', this.url);
 
     const ws = new WebSocket(this.url);
 
     ws.addEventListener("message", async (evt: MessageEvent) => {
       console.log('📨 Received WebSocket message:', evt.data instanceof Blob ? 'Blob data' : evt.data);
       if (evt.data instanceof Blob) {
+        console.log('📩 MultimodalLiveClient: Received blob message');
         this.receive(evt.data);
       } else {
-        console.log("📦 Non-blob message received:", evt);
+        console.log("non blob message", evt);
       }
     });
     return new Promise((resolve, reject) => {
       const onError = (ev: Event) => {
-        console.error('❌ WebSocket connection error:', ev);
         this.disconnect(ws);
         const message = `Could not connect to "${this.url}"`;
         this.log(`server.${ev.type}`, message);
@@ -112,10 +113,10 @@ export class MultimodalLiveClient extends EventEmitter<MultimodalLiveClientEvent
       ws.addEventListener("open", (ev: Event) => {
         console.log('✅ WebSocket connection opened successfully');
         if (!this.config) {
-          console.error('❌ Invalid config provided to connect()');
           reject("Invalid config sent to `connect(config)`");
           return;
         }
+        console.log('✨ MultimodalLiveClient: WebSocket connection established');
         this.log(`client.${ev.type}`, `connected to socket`);
         this.emit("open");
 
@@ -124,13 +125,12 @@ export class MultimodalLiveClient extends EventEmitter<MultimodalLiveClientEvent
         const setupMessage: SetupMessage = {
           setup: this.config,
         };
-        console.log('📤 Sending setup message:', setupMessage);
         this._sendDirect(setupMessage);
         this.log("client.send", "setup");
 
         ws.removeEventListener("error", onError);
         ws.addEventListener("close", (ev: CloseEvent) => {
-          console.log('🔒 WebSocket connection closed:', ev);
+          console.log(ev);
           this.disconnect(ws);
           let reason = ev.reason || "";
           if (reason.toLowerCase().includes("error")) {
@@ -176,17 +176,20 @@ export class MultimodalLiveClient extends EventEmitter<MultimodalLiveClientEvent
     )) as LiveIncomingMessage;
     console.log('📥 Received message:', response);
     if (isToolCallMessage(response)) {
+      console.log('🛠️ MultimodalLiveClient: Received tool call');
       this.log("server.toolCall", response);
       this.emit("toolcall", response.toolCall);
       return;
     }
     if (isToolCallCancellationMessage(response)) {
+      console.log('🚫 MultimodalLiveClient: Received tool call cancellation');
       this.log("receive.toolCallCancellation", response);
       this.emit("toolcallcancellation", response.toolCallCancellation);
       return;
     }
 
     if (isSetupCompleteMessage(response)) {
+      console.log('🎉 MultimodalLiveClient: Setup complete received');
       this.log("server.send", "setupComplete");
       this.emit("setupcomplete");
       return;