Update src/App.tsx

src/App.tsx

@@ -9,8 +9,6 @@ import { isIOS } from "./lib/platform";
 import cn from "classnames";
 import { LiveConfig } from "./multimodal-live-types";
 import Logo from "./components/logo/Logo";
-// BackButton از اینجا حذف شد
-// import BackButton from "./components/back-button/BackButton";
 
 const myCustomInstruction = `
 تو دستیار صوتی و تصویری پیشرفته از "اپلیکیشن هوش مصنوعی هوشان" هستی
@@ -64,7 +62,7 @@ const AppInternalLogic: React.FC<AppInternalLogicProps> = ({
   currentFacingMode,
   onFacingModeChange,
 }) => {
-  const { connected, disconnect } = useLiveAPIContext();
+  const { connected, disconnect, volume } = useLiveAPIContext(); // <-- دریافت volume
 
   useEffect(() => {
     if (!isMicActive && !isCamActive && connected) {
@@ -75,17 +73,13 @@ const AppInternalLogic: React.FC<AppInternalLogicProps> = ({
   return (
     <div className="w-full flex flex-col items-center justify-center min-h-screen text-foreground antialiased">
       <div className="main-wrapper max-w-3xl w-full flex flex-col items-center justify-center h-full relative">
-        {/* --- شروع تغییرات در این بخش --- */}
         <div className="header-controls">
-          {/* دکمه بازگشت و div آن کاملاً حذف شد */}
-          <div /> {/* این div خالی برای حفظ ساختار flex (justify-content: space-between) است */}
-          
+          <div />
           <div id="notification-trigger-container">
             <button
               ref={notificationButtonRef}
               id="notification-button"
               aria-label="Notifications"
-              // کلاس 'header-button' حذف و کلاس‌های جدید اضافه شد
               className="p-2 bg-transparent text-gray-600 dark:text-gray-300 hover:text-black dark:hover:text-white transition-colors"
               onClick={(e) => {
                   e.stopPropagation();
@@ -96,7 +90,6 @@ const AppInternalLogic: React.FC<AppInternalLogicProps> = ({
             </button>
           </div>
         </div>
-        {/* --- پایان تغییرات --- */}
 
         <div ref={notificationPopoverRef} id="notification-popover-wrapper" className="notification-popover-wrapper">
           <div
@@ -129,7 +122,13 @@ const AppInternalLogic: React.FC<AppInternalLogicProps> = ({
               id="large-logo-container"
               className="absolute top-0 left-0 w-full h-full flex items-center justify-center pointer-events-none"
             >
-              <Logo isMini={false} isActive={true} isAi={false} />
+              {/* --- 👇 تغییر در اینجا: پاس دادن volume و تنظیم isAi 👇 --- */}
+              <Logo 
+                isMini={false} 
+                isActive={true} 
+                isAi={true} 
+                speakingVolume={volume} 
+              />
             </div>
           )}
         </div>