Update src/contexts/LiveAPIContext.tsx

src/contexts/LiveAPIContext.tsx

@@ -16,13 +16,7 @@
 
 import { createContext, FC, type ReactNode, useContext } from "react";
 import { useLiveAPI, type UseLiveAPIResults } from "../hooks/use-live-api";
-
-export type LiveConfig = {
-  model?: string;
-  systemInstruction?: {
-    parts: Array<{ text: string }>;
-  };
-};
+import { LiveConfig } from "../multimodal-live-types";
 
 const LiveAPIContext = createContext<UseLiveAPIResults | undefined>(undefined);
 
@@ -30,6 +24,7 @@ export type LiveAPIProviderProps = {
   children: ReactNode;
   url?: string;
   initialConfig?: LiveConfig;
+  apiKey?: string;
 };
 
 export const LiveAPIProvider: FC<LiveAPIProviderProps> = ({
@@ -37,9 +32,10 @@ export const LiveAPIProvider: FC<LiveAPIProviderProps> = ({
     ? `${window.location.protocol === 'https:' ? 'wss:' : 'ws:'}//localhost:3001/ws`
     : `${window.location.protocol === 'https:' ? 'wss:' : 'ws:'}//${window.location.host}/ws`,
   initialConfig,
+  apiKey,
   children,
 }) => {
-  const liveAPI = useLiveAPI({ url, initialConfig });
+  const liveAPI = useLiveAPI({ url, apiKey, initialConfig });
 
   return (
     <LiveAPIContext.Provider value={liveAPI}>
@@ -49,11 +45,9 @@ export const LiveAPIProvider: FC<LiveAPIProviderProps> = ({
 };
 
 export const useLiveAPIContext = () => {
-  console.log('🎯 LiveAPIContext: Hook being accessed');
   const context = useContext(LiveAPIContext);
   if (!context) {
     throw new Error("useLiveAPIContext must be used within a LiveAPIProvider");
   }
-  console.log('✅ LiveAPIContext successfully retrieved');
   return context;
 };