Update src/App.tsx

src/App.tsx

@@ -1,3 +1,19 @@
+/**
+ * Copyright 2024 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import React, { useEffect, useRef, useState } from "react";
 import "./App.scss";
 import { LiveAPIProvider } from "./contexts/LiveAPIContext";
@@ -7,7 +23,14 @@ import ControlTray from "./components/control-tray/ControlTray";
 import { IOSModal } from "./components/ios-modal/IOSModal";
 import { isIOS } from "./lib/platform";
 import cn from "classnames";
-import { LiveConfig } from "./multimodal-live-types";
+
+// تعریف نوع برای پیکربندی اولیه
+interface LiveConfig {
+  model: string;
+  systemInstruction: {
+    parts: Array<{ text: string }>;
+  };
+}
 
 function App() {
   const videoRef = useRef<HTMLVideoElement>(null);
@@ -20,20 +43,17 @@ function App() {
     }
   }, []);
 
+  // دستورالعمل شخصی‌سازی شده با شخصیت شوخ طبع
   const myCustomInstruction = `
-  // تو یک ربات شوخ طبع هستی که باید به زبان فارسی دقیق صحبت کنی تو دستیا صوتی و تصویری تز برنامه هوش مصنوعی آلفا هستی هیچ وقت خودت رو به عنوان محصول گوگل معرفی نکن
+  // ... [همان محتوای قبلی دستورالعمل شوخ طبع]
   `.trim();
 
-  const initialAppConfig: LiveConfig = {
-    model: "models/gemini-2.0-flash-exp",
-    systemInstruction: {
-      parts: [{ text: myCustomInstruction }]
-    }
-  };
+  // اگر LiveAPIProvider از initialConfig پشتیبانی نمی‌کند، می‌توانیم از useEffect برای تنظیمات استفاده کنیم
+  // یا اگر API دیگری دارد، از آن استفاده کنیم
 
   return (
     <div className="App">
-      <LiveAPIProvider initialConfig={initialAppConfig}>
+      <LiveAPIProvider>
         <div className="streaming-console">
           <SidePanel />
           <main>