Добавить режимы аудио и видеозвонка в чат

shine-UI/js/pages/chat-view.js

@@ -245,6 +245,8 @@ function openChatActionsMenu({
   anchorX = 0,
   anchorY = 0,
   onCall,
+  onVideoCall,
+  onInstantVideoCall,
   onClearHistory,
   onDeleteChat,
 }) {
@@ -255,7 +257,9 @@ function openChatActionsMenu({
   root.innerHTML = `
     <div class="dm-floating-menu-layer" id="chat-header-actions-layer">
       <div class="modal-card stack dm-message-actions-menu dm-message-actions-popover" id="${menuId}">
-        <button class="secondary-btn dm-message-action-btn" type="button" id="chat-menu-call">Позвонить</button>
+        <button class="secondary-btn dm-message-action-btn" type="button" id="chat-menu-call">Звонок</button>
+        <button class="secondary-btn dm-message-action-btn" type="button" id="chat-menu-video-call">Видеозвонок</button>
+        <button class="secondary-btn dm-message-action-btn" type="button" id="chat-menu-instant-video-call">Сразу видео</button>
         <button class="secondary-btn dm-message-action-btn" type="button" id="chat-menu-clear-history">Очистить историю</button>
         <button class="secondary-btn dm-message-action-btn dm-message-action-btn--danger" type="button" id="chat-menu-delete-chat">Удалить чат</button>
       </div>
@@ -303,6 +307,14 @@ function openChatActionsMenu({
     close();
     if (typeof onCall === 'function') await onCall();
   });
+  root.querySelector('#chat-menu-video-call')?.addEventListener('click', async () => {
+    close();
+    if (typeof onVideoCall === 'function') await onVideoCall();
+  });
+  root.querySelector('#chat-menu-instant-video-call')?.addEventListener('click', async () => {
+    close();
+    if (typeof onInstantVideoCall === 'function') await onInstantVideoCall();
+  });
   root.querySelector('#chat-menu-clear-history')?.addEventListener('click', async () => {
     close();
     if (typeof onClearHistory === 'function') await onClearHistory();
@@ -803,9 +815,9 @@ export function render({ navigate, route }) {
     await speakTextBySettings(String(parsedText.displayText || ''), state.entrySettings);
   };
 
-  const handleStartCall = async () => {
+  const handleStartCall = async (mode = 'audio') => {
     try {
-      await startOutgoingCall(chatId);
+      await startOutgoingCall(chatId, { mode });
       renderLog(log, chatId, { onOpenActions: handleOpenActions });
     } catch (e) {
       addSystemChatMessage(chatId, `[Звонок] Ошибка запуска: ${e.message || 'unknown'}`, {
@@ -869,10 +881,10 @@ export function render({ navigate, route }) {
           ariaLabel: 'Позвонить',
           className: 'chat-header-icon-btn chat-header-call-btn',
           iconNode: createHeaderPhoneHandsetIcon(),
-          onClick: handleStartCall,
+          onClick: () => handleStartCall('audio'),
         },
         {
-          label: '⋯',
+          label: '⋮',
           title: 'Действия чата',
           ariaLabel: 'Открыть меню действий чата',
           className: 'chat-header-icon-btn chat-header-menu-btn',
@@ -880,7 +892,9 @@ export function render({ navigate, route }) {
             openChatActionsMenu({
               anchorX: Number(event?.currentTarget?.getBoundingClientRect?.().right || event?.clientX || 0),
               anchorY: Number(event?.currentTarget?.getBoundingClientRect?.().bottom || event?.clientY || 0),
-              onCall: handleStartCall,
+              onCall: () => handleStartCall('audio'),
+              onVideoCall: () => handleStartCall('video'),
+              onInstantVideoCall: () => handleStartCall('instant_video'),
               onClearHistory: async () => {
                 openChatConfirmModal({
                   title: 'Очистить историю?',