From eef4b25942e67bd5a3948c62bde95c1067714fc6 Mon Sep 17 00:00:00 2001
From: Daniil Lohvinov <nsblnr@gmail.com>
Date: Tue, 2 Dec 2025 17:27:07 +0200
Subject: [PATCH] refactor/simplify-vidstack-player-stream-handling

---
 src/app/api/callWSConnection.js                           | 2 +-
 .../agent-card/components/agent-panel/agent-panel.vue     | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/api/callWSConnection.js b/src/app/api/callWSConnection.js
index d394ca39..81bcc87e 100644
--- a/src/app/api/callWSConnection.js
+++ b/src/app/api/callWSConnection.js
@@ -3,7 +3,7 @@ import { Client } from 'webitel-sdk';
 
 const { hostname, protocol } = window.location;
 const origin = (`${protocol}//${hostname}`).replace(/^http/, 'ws');
-const BASE_URL = import.meta.env.PROD ? `${origin}/ws` : 'wss://dev.webitel.com/ws';
+const BASE_URL = import.meta.env.PROD ? `${origin}/ws` : 'wss://test.webitel.me/ws';
 // const BASE_URL = 'ws://10.10.10.25:10025';
 
 let cliInstance = null;
diff --git a/src/modules/agents/modules/agent-card/components/agent-panel/agent-panel.vue b/src/modules/agents/modules/agent-card/components/agent-panel/agent-panel.vue
index 048bace6..18f93c82 100644
--- a/src/modules/agents/modules/agent-card/components/agent-panel/agent-panel.vue
+++ b/src/modules/agents/modules/agent-card/components/agent-panel/agent-panel.vue
@@ -61,13 +61,18 @@
         >{{ $t('pages.card.callAgent') }}
         </wt-button>
       </div>
+      <!-- <video v-if="mediaStream" 
+      :srcObject="mediaStream"
+       width="200" height="200" 
+       autoplay playsinline muted style="border: 1px solid red;"
+       ></video> -->
 
       <div
         v-if="mediaStream"
       >
         <wt-vidstack-player
           v-for="session in cli?.spyScreenSessions" :key="`screen-${session.id}`"
-          :stream="mediaStream"
+          :stream="session.stream"
           :session="session"
           :screenshot-status="screenshotStatus"
           :screenshot-is-loading="screenshotIsLoading"
@@ -88,6 +93,7 @@
 import { computed, onMounted, onUnmounted } from 'vue';
 import { useStore } from 'vuex';
 import { useRouter } from 'vue-router';
+import {WtVidstackPlayer} from '@webitel/ui-sdk/components';
 import AgentStatusSelect from '@webitel/ui-sdk/src/modules/AgentStatusSelect/components/wt-cc-agent-status-select.vue';
 import getNamespacedState from '@webitel/ui-sdk/src/store/helpers/getNamespacedState';