From 15480105425fdb025fc203db6a100a08e256ecc6 Mon Sep 17 00:00:00 2001
From: "mateusz.bieniek" <mateusz.bieniek@escolasoft.com>
Date: Mon, 30 Mar 2026 15:20:59 +0200
Subject: [PATCH 1/9] REK-164 Configure webinars with jitsy, add display
 webinar pages

---
 .../Profile/ProfileHeader/index.tsx           |   4 +-
 .../Profile/ProfileLayout/index.tsx           |   5 +
 src/components/Routes/index.tsx               |  18 +--
 .../Webinar/WebinarMeetModal/index.tsx        | 126 +++++++++++++-----
 src/components/_App/Navbar/index.tsx          |  20 +--
 src/hooks/useAnalyticsWebsockets.ts           |   2 +-
 src/pages/static-page/index.tsx               |   3 +
 7 files changed, 124 insertions(+), 54 deletions(-)

diff --git a/src/components/Profile/ProfileHeader/index.tsx b/src/components/Profile/ProfileHeader/index.tsx
index 972f54195..bf1138668 100644
--- a/src/components/Profile/ProfileHeader/index.tsx
+++ b/src/components/Profile/ProfileHeader/index.tsx
@@ -29,7 +29,9 @@ const StyledHeader = styled.div<{ withTabs?: boolean }>`
 const ProfileHeader: React.FC<Props> = ({ title, withTabs, actions }) => {
   return (
     <StyledHeader withTabs={withTabs}>
-      <Title level={2}>{title}</Title>
+      <Title level={2} style={{ marginBottom: 12 }}>
+        {title}
+      </Title>
       {actions && <div className="actions">{actions}</div>}
     </StyledHeader>
   );
diff --git a/src/components/Profile/ProfileLayout/index.tsx b/src/components/Profile/ProfileLayout/index.tsx
index 7aafa4be5..24f3ff912 100644
--- a/src/components/Profile/ProfileLayout/index.tsx
+++ b/src/components/Profile/ProfileLayout/index.tsx
@@ -87,6 +87,11 @@ const ProfileLayout: React.FC<Props> = ({
         title: t("MyProfilePage.MyConsultations"),
         url: routeRoutes.myConsultations,
       },
+      {
+        key: "WEBINARS",
+        title: t("MyProfilePage.MyWebinars"),
+        url: routeRoutes.myWebinars,
+      },
     ],
     [t]
   );
diff --git a/src/components/Routes/index.tsx b/src/components/Routes/index.tsx
index 1cdb67be8..7983d358a 100644
--- a/src/components/Routes/index.tsx
+++ b/src/components/Routes/index.tsx
@@ -35,8 +35,8 @@ const ConsultationsPage = lazy(() => import("../../pages/consultations"));
 const ResetPage = lazy(() => import("../../pages/reset-password/index"));
 // const EventsPage = lazy(() => import("../../pages/events"));
 // const EventPage = lazy(() => import("../../pages/event"));
-// const WebinarsPage = lazy(() => import("../../pages/webinars"));
-// const WebinarPage = lazy(() => import("../../pages/webinar"));
+const WebinarsPage = lazy(() => import("../../pages/webinars"));
+const WebinarPage = lazy(() => import("../../pages/webinar"));
 // const PackagesPage = lazy(() => import("../../pages/packages"));
 const PackagePage = lazy(() => import("../../pages/package"));
 const SubscriptionsPage = lazy(() => import("../../pages/subscriptions"));
@@ -62,7 +62,7 @@ const MyConsultationsPage = lazy(
 const MyDataPage = lazy(() => import("../../pages/user/my-data"));
 const CourseProgramPage = lazy(() => import("../../pages/course/index"));
 const CartPage = lazy(() => import("../../pages/cart/index"));
-// const MyWebinarsPage = lazy(() => import("../../pages/user/MyWebinars"));
+const MyWebinarsPage = lazy(() => import("../../pages/user/MyWebinars"));
 const MyCertificatesPage = lazy(
   () => import("../../pages/user/my-certificates")
 );
@@ -116,9 +116,9 @@ const Routes: React.FC = (): ReactElement => {
     // myStationaryEvents,
     // myTasks,
     // myBookmarks,
-    // webinars,
-    // webinar,
-    // myWebinars,
+    webinars,
+    webinar,
+    myWebinars,
     // packages,
     packageProduct,
     myCertificates,
@@ -154,9 +154,9 @@ const Routes: React.FC = (): ReactElement => {
           <ConfigRoute exact path={preview} component={CoursePreviewPage} />
           <ConfigRouteExtend exact path={courses} component={CoursesPage} />
           {/* <ConfigRoute exact path={events} component={EventsPage} />
-          <ConfigRoute exact path={event} component={EventPage} />
+          <ConfigRoute exact path={event} component={EventPage} />*/}
           <ConfigRoute exact path={webinars} component={WebinarsPage} />
-          <ConfigRoute exact path={webinar} component={WebinarPage} /> */}
+          <ConfigRoute exact path={webinar} component={WebinarPage} />
           {/* <ConfigRoute exact path={packages} component={PackagesPage} /> */}
           <ConfigRoute exact path={packageProduct} component={PackagePage} />
           {/* privates pages*/}
@@ -164,7 +164,7 @@ const Routes: React.FC = (): ReactElement => {
           <PrivateRoute exact path={myProfile} component={MyProfilePage} />
           {/* <PrivateRoute exact path={myTasks} component={MyTasks} />
           <PrivateRoute exact path={myBookmarks} component={MyBookmarks} /> */}
-          {/* <PrivateRoute exact path={myWebinars} component={MyWebinarsPage} /> */}
+          <PrivateRoute exact path={myWebinars} component={MyWebinarsPage} />
           <PrivateRoute
             exact
             path={mySubscriptions}
diff --git a/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx b/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
index 858dc7107..ba9e4d00c 100644
--- a/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
+++ b/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useState } from "react";
+import { useCallback, useContext, useEffect, useState } from "react";
 import { EscolaLMSContext } from "@escolalms/sdk/lib/react";
 import { Modal } from "@escolalms/components/lib/components/atoms/Modal/Modal";
 import { JitsyData } from "@escolalms/sdk/lib/types";
@@ -6,6 +6,11 @@ import ContentLoader from "@/components/_App/ContentLoader";
 import { WebinarMeetModalStyles } from "./WebinarMeetModalStyles";
 import { useTranslation } from "react-i18next";
 import { toast } from "@/utils/toast";
+import styled from "styled-components";
+import JitsyMeeting from "@/components/Consultations/ConsultationCard/JitsyMeeting";
+import MeetingAnalyticsOverlay from "@/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay";
+import { EndMeetingQuestionnairesModal } from "@/components/Consultations/ConsultationCard/EndMeetingQuestionnaires";
+import { QuestionnaireModelType } from "@/types/questionnaire";
 
 interface Props {
   onClose: () => void;
@@ -13,11 +18,21 @@ interface Props {
   webinarId: number;
 }
 
+const JitsiContainer = styled.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+`;
+
 const WebinarMeetModal = ({ onClose, visible, webinarId }: Props) => {
   const [webinarMeetData, setWebinarMeetData] = useState<JitsyData | null>(
     null
   );
   const [loading, setLoading] = useState(false);
+  const [isEnded, setIsEnded] = useState(false);
+  const [recordingUrl, setRecordingUrl] = useState<string | null>(null);
+
   const { generateWebinarJitsy } = useContext(EscolaLMSContext);
   const { t } = useTranslation();
 
@@ -25,45 +40,90 @@ const WebinarMeetModal = ({ onClose, visible, webinarId }: Props) => {
     const getMeetUrl = async () => {
       setLoading(true);
       if (webinarId) {
-        const res = await generateWebinarJitsy(webinarId);
-        if (res.success) {
-          setWebinarMeetData((res as { data: JitsyData }).data);
-        }
-        if (!res.success) {
+        try {
+          const res = await generateWebinarJitsy(webinarId);
+          if (res.success) {
+            setWebinarMeetData((res as { data: JitsyData }).data);
+          } else {
+            toast(`${t("WebinarPage.ErrorWhileGeneratingUrl")}`, "error");
+            onClose();
+          }
+        } catch (error) {
+          console.error(error);
           toast(`${t("WebinarPage.ErrorWhileGeneratingUrl")}`, "error");
-          onClose();
+        } finally {
+          setLoading(false);
         }
       }
-      setLoading(false);
     };
 
-    getMeetUrl();
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [webinarId]);
+    if (visible) {
+      getMeetUrl();
+    }
+
+    return () => {
+      Object.keys(localStorage).forEach((key) => {
+        if (key.startsWith("questionnaire_")) {
+          localStorage.removeItem(key);
+        }
+      });
+    };
+  }, [webinarId, visible, generateWebinarJitsy, t, onClose]);
+
+  useEffect(() => {
+    if (visible) setIsEnded(false);
+  }, [visible]);
+
+  const handleOnClose = useCallback(() => {
+    setIsEnded(true);
+    onClose();
+    window.location.reload();
+  }, [onClose]);
 
   return (
-    <Modal
-      onClose={onClose}
-      visible={visible}
-      animation="zoom"
-      maskAnimation="fade"
-      destroyOnClose={true}
-      width="100vw"
-      height="100vh"
-      bodyStyle={{
-        minHeight: "93vh",
-      }}
-    >
-      <WebinarMeetModalStyles>
-        {loading && <ContentLoader />}
-        {!loading && webinarMeetData && (
-          <iframe
-            title={webinarMeetData.data.roomName}
-            src={webinarMeetData.url}
-          />
-        )}
-      </WebinarMeetModalStyles>
-    </Modal>
+    <>
+      <Modal
+        visible={visible}
+        animation="zoom"
+        maskAnimation="fade"
+        destroyOnClose={true}
+        width="100vw"
+        height="100vh"
+        bodyStyle={{
+          minHeight: "100vh",
+          padding: 0,
+          background: "black",
+        }}
+      >
+        <WebinarMeetModalStyles>
+          {loading && <ContentLoader />}
+          <JitsiContainer>
+            <MeetingAnalyticsOverlay
+              onClose={handleOnClose}
+              recordingUrl={recordingUrl}
+            />
+            {!loading && webinarMeetData && (
+              <JitsyMeeting
+                jitsyData={webinarMeetData}
+                close={handleOnClose}
+                consultationId={webinarId}
+                consultationTermId={0}
+                term={""}
+                onRecordingAvailable={setRecordingUrl}
+              />
+            )}
+          </JitsiContainer>
+        </WebinarMeetModalStyles>
+      </Modal>
+
+      {isEnded && (
+        <EndMeetingQuestionnairesModal
+          entityId={webinarId}
+          entityModel={QuestionnaireModelType.WEBINAR}
+          setIsEnded={setIsEnded}
+        />
+      )}
+    </>
   );
 };
 
diff --git a/src/components/_App/Navbar/index.tsx b/src/components/_App/Navbar/index.tsx
index 729a04c36..5a3d7b0d8 100644
--- a/src/components/_App/Navbar/index.tsx
+++ b/src/components/_App/Navbar/index.tsx
@@ -647,11 +647,11 @@ const Navbar = () => {
                 //   content: t("Menu.Events"),
                 //   redirect: routeRoutes.events,
                 // },
-                // {
-                //   id: 6,
-                //   content: t("Menu.Webinars"),
-                //   redrect: routeRoutes.webinars,
-                // },
+                {
+                  id: 6,
+                  content: t("Menu.Webinars"),
+                  redrect: routeRoutes.webinars,
+                },
                 // {
                 //   id: 7,
                 //   content: t("Menu.Packages"),
@@ -754,11 +754,11 @@ const Navbar = () => {
                     content: t("Navbar.MyConsultations"),
                     redirect: routeRoutes.myConsultations,
                   },
-                  // {
-                  //   id: 4,
-                  //   content: t("Navbar.MyWebinars"),
-                  //   redirect: routeRoutes.myWebinars,
-                  // },
+                  {
+                    id: 4,
+                    content: t("Navbar.MyWebinars"),
+                    redirect: routeRoutes.myWebinars,
+                  },
                   // {
                   //   id: 5,
                   //   content: t("Navbar.MyStationaryEvents"),
diff --git a/src/hooks/useAnalyticsWebsockets.ts b/src/hooks/useAnalyticsWebsockets.ts
index 9f43982fd..335c6e9ba 100644
--- a/src/hooks/useAnalyticsWebsockets.ts
+++ b/src/hooks/useAnalyticsWebsockets.ts
@@ -19,7 +19,7 @@ export const useMeetingSockets = (
       console.log("🟢 PUSHER CONNECTED", consultationId, termUnix);
     });
 
-    echo.connector.pusher.connection.bind("error", (err: any) => {
+    echo.connector.pusher.connection.bind("error", (err: string) => {
       console.log("🔴 PUSHER ERROR", err);
     });
 
diff --git a/src/pages/static-page/index.tsx b/src/pages/static-page/index.tsx
index 198126042..715517ce2 100644
--- a/src/pages/static-page/index.tsx
+++ b/src/pages/static-page/index.tsx
@@ -58,6 +58,9 @@ const StaticPage = () => {
 
   const mainTabs = useMemo(() => {
     let items = pages?.list?.data;
+
+    console.log(pages, "pages");
+
     items = pages?.list?.data.filter((item) => !item.slug.includes("mobile"));
     return (
       items &&

From 984ff3cdb356746c850cda683ac1a944c964e365 Mon Sep 17 00:00:00 2001
From: "mateusz.bieniek" <mateusz.bieniek@escolasoft.com>
Date: Thu, 2 Apr 2026 14:56:23 +0200
Subject: [PATCH 2/9] REK-164 Webinar data connection

---
 .../Categories/CategoriesSection/index.tsx    |   2 +-
 .../ConsultationCard/JitsyMeeting/index.tsx   | 489 +++++++++---------
 .../ConsultationCard/MeetModal/index.tsx      |   8 +-
 .../MeetingAnalyticsOverlay.tsx               |  22 +-
 .../Profile/ProfileWebinars/index.tsx         |  16 +-
 .../Webinars/List/WebinarsContext.tsx         |   4 +
 .../Webinars/List/WebinarsProvider.tsx        |  25 +-
 .../Webinar/WebinarMeetModal/index.tsx        |  18 +-
 src/hooks/usePerformanceMetrics.ts            |   1 -
 src/pages/static-page/index.tsx               |   2 -
 src/workers/saveImageWorker.ts                | 215 ++++----
 11 files changed, 421 insertions(+), 381 deletions(-)

diff --git a/src/components/Categories/CategoriesSection/index.tsx b/src/components/Categories/CategoriesSection/index.tsx
index e98b80128..5854653f8 100644
--- a/src/components/Categories/CategoriesSection/index.tsx
+++ b/src/components/Categories/CategoriesSection/index.tsx
@@ -18,7 +18,7 @@ const StyledSection = styled.section`
     padding: 30px 0;
   }
   h2 {
-    margin-bottom: 27px;
+    margin: 27px 0;
   }
   .slider-title {
     @media (max-width: 575px) {
diff --git a/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx b/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
index cc707ad4f..f46d41a9e 100644
--- a/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
+++ b/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
@@ -1,19 +1,15 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
 import { JaaSMeeting } from "@jitsi/react-sdk";
 import { IJitsiMeetExternalApi } from "@jitsi/react-sdk/lib/types";
-import { Text } from "@escolalms/components/lib/components/atoms/Typography/Text";
-
-import * as API from "@escolalms/sdk/lib/types";
-import useCamera, { cameraPermissions } from "@/hooks/meeting/useCamera";
-import { getCurrentUser } from "@/utils/meeting";
 import JitsyMeetingMessage from "@/components/Consultations/ConsultationCard/JitsyMeeting/Message";
 import { useRoles } from "@/hooks/useRoles";
 import { useTranslation } from "react-i18next";
 import { Modal } from "@escolalms/components/lib/components/atoms/Modal/Modal";
 import styled from "styled-components";
-import { API_URL } from "@/config/index";
-import { Button } from "@escolalms/components/lib/components/atoms/Button/Button";
 import JitsyMeetingSkeleton from "@/components/Skeletons/JitsyMeeting";
+import { EscolaLMSContext } from "@escolalms/sdk/lib/react/context";
+import { API_URL } from "@/config/index";
+import useCamera from "@/hooks/meeting/useCamera";
 
 export const StyledModal = styled(Modal)`
   .rc-dialog-content {
@@ -24,294 +20,292 @@ export const StyledModal = styled(Modal)`
   }
 `;
 
-const StyledAccessWrapper = styled.div`
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: #fff;
-  padding: 20px;
-  border-radius: 10px;
-  text-align: center;
-  font-size: 20px;
-  .button-reload {
-    margin-top: 20px;
-  }
-`;
-
-const FRAME_RATE = 1;
-const SEND_INTERVAL = 1000;
-
-declare global {
-  interface Window {
-    api: IJitsiMeetExternalApi;
-  }
-}
-
-type Props = {
-  jitsyData: Omit<API.JitsyData, "yt_url" | "yt_stream_url" | "yt_stream_key">;
-  term: string;
-  consultationTermId: number;
-  consultationId?: number;
-  close?: () => void;
-  onRecordingAvailable?: (url: string) => void;
-};
-
-const JitsyMeeting: React.FC<Props> = ({
+const JitsyMeeting: React.FC<any> = ({
   jitsyData,
+  modelId,
+  modelType,
   term,
   consultationTermId,
-  consultationId,
   close,
   onRecordingAvailable,
 }) => {
+  const RECOMMENDER_TUTOR_INTERVAL = 15000;
+  const ANALYTICS_INTERVAL = 1000;
+
   const [showMeeting, setShowMeeting] = useState(false);
   const [showModal, setShowModal] = useState(false);
-  const { camera, getDataUrl, hasCameraAccess, cameraAccessStatus } =
-    useCamera();
+  const { token } = useContext(EscolaLMSContext);
+  const { isStudent } = useRoles();
+  const { t } = useTranslation();
+
+  const { camera, getDataUrl } = useCamera();
   const userConsentedRef = useRef(false);
-  const isMeetingActive = useRef(false);
-  const intervalIdRef = useRef<NodeJS.Timeout | null>(null);
-  const workerRef = useRef<Worker | null>(null);
   const isCameraMutedRef = useRef(false);
 
-  const { isStudent } = useRoles();
-  const { t } = useTranslation();
+  const recordingIdRef = useRef<number | null>(null);
+  const recordingUrlRef = useRef<string | null>(null);
+  const recordingExpiryRef = useRef<number | null>(null);
 
-  const handleConferenceJoined = useCallback(() => {
-    isMeetingActive.current = true;
-  }, []);
+  const analyticsIntervalRef = useRef<NodeJS.Timeout | null>(null);
+  const recommenderIntervalRef = useRef<NodeJS.Timeout | null>(null);
+  const workerRef = useRef<Worker | null>(null);
+  const apiRef = useRef<IJitsiMeetExternalApi | null>(null);
 
-  const handleConferenceLeft = useCallback(() => {
-    isMeetingActive.current = false;
-  }, []);
+  const preparePayload = useCallback(
+    (action: "start-recording" | "end-recording") => {
+      const now = new Date().toISOString();
+      const payload: any = {
+        id: recordingIdRef.current || 0,
+        model_type: modelType,
+        model_id: Number(modelId),
+        action,
+        term: term || now,
+      };
 
-  interface RecordingLinkAvailableEvent {
-    link: string;
-  }
+      if (action === "start-recording") {
+        payload.start_at = now;
+      } else {
+        payload.end_at = now;
+        if (recordingUrlRef.current) {
+          payload.url = recordingUrlRef.current;
+        }
 
-  const handleRecordingLinkAvailable = useCallback(
-    (event: RecordingLinkAvailableEvent) => {
-      if (event.link && onRecordingAvailable) {
-        onRecordingAvailable(event.link);
+        if (recordingExpiryRef.current) {
+          payload.url_expiration_time_millis = recordingExpiryRef.current;
+        }
+      }
+
+      if (modelType === "consultation") {
+        payload.consultation_term_id = consultationTermId || 0;
       }
+      return payload;
     },
-    [onRecordingAvailable]
+    [modelId, modelType, term, consultationTermId]
   );
 
-  const saveImagesInWorker = useCallback(
-    (
-      consultationId: number,
-      consultationTermId: number,
-      userEmail: string,
-      userId: number,
-      screenshots: { dataURL: Blob; timestamp: number }[],
-      term: string
-    ) => {
-      if (!workerRef.current) {
-        workerRef.current = new Worker(
-          new URL("../../../../workers/saveImageWorker.ts", import.meta.url),
-          { type: "module" }
+  const sendRecordingEvent = useCallback(
+    async (action: "start-recording" | "end-recording") => {
+      if (isStudent) return;
+      try {
+        const payload = preparePayload(action);
+
+        const response = await fetch(
+          "https://rekomender.api.s.wellms.io/api/recommender/meet-recordings",
+          {
+            method: "POST",
+            keepalive: true,
+            headers: {
+              "Content-Type": "application/json",
+              Authorization: `Bearer ${token}`,
+            },
+            body: JSON.stringify(payload),
+          }
         );
-        workerRef.current.postMessage({
-          apiUrl: API_URL,
-        });
-      }
 
-      workerRef.current.onmessage = (event: MessageEvent) => {
-        const { success, error } = event.data;
-        if (success) {
-          console.log("Images saved successfully via Worker.");
-        } else {
-          console.error("Error saving images in Worker:", error);
-        }
-      };
+        const result = await response.json();
 
-      workerRef.current.postMessage({
-        consultationId,
-        consultationTermId,
-        userEmail,
-        userId,
-        screenshots,
-        term,
-      });
+        if (action === "start-recording" && result?.data?.id) {
+          recordingIdRef.current = result.data.id;
+        }
+      } catch (e) {
+        console.error("Recording API error", e);
+      }
     },
-    []
+    [isStudent, token, preparePayload]
   );
 
-  const handleRecordingStatusChanged = useCallback(
-    async (
-      api: IJitsiMeetExternalApi,
-      getDataUrl: () => Promise<Blob | null>,
-      status: {
-        on: boolean;
-        mode: string;
-        error?: string;
-        transcription: boolean;
-      }
-    ) => {
-      if (status.on) {
-        let screenshots: {
-          dataURL: Blob;
-          timestamp: number;
-          userID: number;
-          consultationId: number | undefined;
-        }[] = [];
-
-        if (!intervalIdRef.current) {
-          intervalIdRef.current = setInterval(async () => {
-            if (isCameraMutedRef.current) {
-              return;
-            }
+  const stopAllIntervals = useCallback(() => {
+    if (analyticsIntervalRef.current)
+      clearInterval(analyticsIntervalRef.current);
+    if (recommenderIntervalRef.current)
+      clearInterval(recommenderIntervalRef.current);
+    analyticsIntervalRef.current = null;
+    recommenderIntervalRef.current = null;
+  }, []);
 
-            const dataUrl = await getDataUrl();
-            if (dataUrl) {
-              screenshots.push({
-                dataURL: dataUrl,
-                timestamp: new Date().getTime(),
-                userID: jitsyData.data.userInfo.id,
-                consultationId,
-              });
-
-              if (screenshots.length === FRAME_RATE * (SEND_INTERVAL / 1000)) {
-                const currentUser = await getCurrentUser(api);
-                if (currentUser) {
-                  saveImagesInWorker(
-                    consultationId ?? 0,
-                    consultationTermId,
-                    jitsyData.data.userInfo.email,
-                    jitsyData.data.userInfo.id,
-                    screenshots,
-                    term
-                  );
-                  screenshots = [];
-                }
-              }
-            }
-          }, 1000 / FRAME_RATE);
+  const startScreenshotFlows = useCallback(() => {
+    if (!workerRef.current) {
+      workerRef.current = new Worker(
+        new URL("../../../../workers/saveImageWorker.ts", import.meta.url),
+        { type: "module" }
+      );
+      workerRef.current.postMessage({ apiUrl: API_URL });
+    }
+
+    const userId = jitsyData.data.userInfo.id;
+
+    if (isStudent && !analyticsIntervalRef.current) {
+      let screenshots: any[] = [];
+      analyticsIntervalRef.current = setInterval(async () => {
+        if (isCameraMutedRef.current || !userConsentedRef.current) return;
+        const blob = await getDataUrl();
+        if (blob) {
+          screenshots.push({
+            dataURL: blob,
+            timestamp: Date.now(),
+            userID: userId,
+          });
+          if (screenshots.length >= 1) {
+            workerRef.current?.postMessage({
+              modelId: Number(modelId),
+              modelType,
+              userId,
+              userEmail: jitsyData.data.userInfo.email,
+              consultationTermId,
+              screenshots,
+              term,
+              token,
+            });
+            screenshots = [];
+          }
         }
-      } else {
-        if (intervalIdRef.current) {
-          clearInterval(intervalIdRef.current);
-          intervalIdRef.current = null;
+      }, ANALYTICS_INTERVAL);
+    }
+
+    if (!isStudent && !recommenderIntervalRef.current) {
+      recommenderIntervalRef.current = setInterval(async () => {
+        if (isCameraMutedRef.current) return;
+        const blob = await getDataUrl();
+        if (blob) {
+          workerRef.current?.postMessage({
+            action: "recommender-screens",
+            modelId: Number(modelId),
+            modelType,
+            userId,
+            term: term || new Date().toISOString(),
+            screenshots: [
+              { dataURL: blob, timestamp: Date.now(), userID: userId },
+            ],
+            token,
+          });
         }
-      }
-    },
-    [
-      consultationId,
-      consultationTermId,
-      jitsyData.data.userInfo.email,
-      jitsyData.data.userInfo.id,
-      term,
-      saveImagesInWorker,
-    ]
-  );
+      }, RECOMMENDER_TUTOR_INTERVAL);
+    }
+  }, [
+    isStudent,
+    modelId,
+    modelType,
+    term,
+    token,
+    jitsyData,
+    getDataUrl,
+    consultationTermId,
+  ]);
 
-  const onApiReady = useCallback(
-    async (api: IJitsiMeetExternalApi) => {
-      window.api = api;
-      await camera();
-      api.isVideoMuted().then((muted) => {
-        isCameraMutedRef.current = muted;
-      });
+  const onApiReady = (api: IJitsiMeetExternalApi) => {
+    apiRef.current = api;
+    camera();
 
-      api.addListener("videoConferenceJoined", () => handleConferenceJoined());
-      api.addListener("videoConferenceLeft", () => handleConferenceLeft());
+    api.on("recordingLinkAvailable", (event: { link: string; ttl: number }) => {
+      recordingUrlRef.current = event.link;
+      if (onRecordingAvailable) {
+        onRecordingAvailable(event.link);
+      }
+      if (event.ttl) {
+        recordingExpiryRef.current = event.ttl * 1000;
+      }
+    });
 
-      api.addListener("recordingLinkAvailable", (event) =>
-        handleRecordingLinkAvailable(event)
-      );
-      api.on("recordingStatusChanged", (status) => {
-        if (userConsentedRef.current)
-          handleRecordingStatusChanged(
-            api,
-            async () => (await getDataUrl()) as Blob,
-            status
-          );
-      });
-
-      api.addListener("videoMuteStatusChanged", (event: { muted: boolean }) => {
-        isCameraMutedRef.current = event.muted;
-      });
-    },
-    [
-      camera,
-      handleConferenceJoined,
-      handleConferenceLeft,
-      getDataUrl,
-      handleRecordingStatusChanged,
-      userConsentedRef,
-      handleRecordingLinkAvailable,
-    ]
-  );
+    api.on("recordingStatusChanged", async (status: { on: boolean }) => {
+      if (status.on) {
+        recordingUrlRef.current = null;
+        recordingExpiryRef.current = null;
+        startScreenshotFlows();
+        await sendRecordingEvent("start-recording");
+      } else {
+        stopAllIntervals();
+        setTimeout(async () => {
+          if (recordingIdRef.current) {
+            await sendRecordingEvent("end-recording");
+            recordingIdRef.current = null;
+            recordingUrlRef.current = null;
+          }
+        }, 500);
+      }
+    });
 
-  const handleReadyToClose = () => {
-    if (close) {
-      close();
-    }
-    window.api?.dispose();
-    window.location.reload();
-  };
+    api.addListener("videoMuteStatusChanged", (e: { muted: boolean }) => {
+      isCameraMutedRef.current = e.muted;
+    });
 
-  const getProperRoomName = useCallback(() => {
-    const regex = /\/([^/?]+)\?/;
-    const match = jitsyData.url.match(regex);
-    return match ? match[1] : jitsyData.data.roomName;
-  }, [jitsyData]);
+    api.on("videoConferenceLeft", () => {
+      stopAllIntervals();
+      if (!isStudent && recordingIdRef.current) {
+        sendRecordingEvent("end-recording");
+      }
+    });
+  };
 
   useEffect(() => {
     return () => {
-      if (workerRef.current) {
-        workerRef.current.terminate();
+      stopAllIntervals();
+
+      if (!isStudent && recordingIdRef.current) {
+        sendRecordingEvent("end-recording");
       }
-      if (intervalIdRef.current) {
-        clearInterval(intervalIdRef.current);
+
+      workerRef.current?.terminate();
+      if (apiRef.current) {
+        apiRef.current.dispose();
       }
     };
-  }, []);
+  }, [stopAllIntervals, isStudent, sendRecordingEvent]);
+
+  useEffect(() => {
+    const handleUnload = () => {
+      if (!isStudent && recordingIdRef.current) {
+        const payload = preparePayload("end-recording");
+        navigator.sendBeacon(
+          "https://rekomender.api.s.wellms.io/api/recommender/meet-recordings",
+          JSON.stringify(payload)
+        );
+      }
+    };
+
+    window.addEventListener("beforeunload", handleUnload);
+    return () => window.removeEventListener("beforeunload", handleUnload);
+  }, [isStudent, preparePayload]);
 
   useEffect(() => {
-    const checkPermissions = async () => {
+    const init = async () => {
       try {
         await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
-        if (hasCameraAccess && isMeetingActive && isStudent) {
-          setShowModal(true);
-        } else {
-          setShowModal(false);
-          if (!isStudent) {
-            setShowMeeting(true);
-          }
-        }
-      } catch (error) {
-        console.error("Error checking permissions:", error);
-        setShowModal(false);
+        isStudent ? setShowModal(true) : setShowMeeting(true);
+      } catch {
+        setShowMeeting(true);
       }
     };
+    init();
+  }, [isStudent]);
 
-    checkPermissions();
-  }, [hasCameraAccess, isMeetingActive, isStudent, t]);
+  const getProperRoomName = () => {
+    const regex = /\/([^/?]+)\?/;
+    const match = jitsyData.url.match(regex);
+    return match ? match[1] : jitsyData.data.roomName;
+  };
 
   return (
     <>
-      {jitsyData && !showModal && showMeeting && (
+      {showMeeting && (
         <JaaSMeeting
           jwt={jitsyData.data.jwt}
           appId={jitsyData.data.app_id}
           roomName={getProperRoomName()}
+          onApiReady={onApiReady}
           getIFrameRef={(iframeRef) => {
             iframeRef.style.height = "calc(100vh - 76px)";
             iframeRef.style.width = "100%";
           }}
-          onApiReady={onApiReady}
-          onReadyToClose={handleReadyToClose}
-          interfaceConfigOverwrite={{
-            ...jitsyData.data.interfaceConfigOverwrite,
+          onReadyToClose={async () => {
+            stopAllIntervals();
+            if (!isStudent && recordingIdRef.current) {
+              await sendRecordingEvent("end-recording");
+            }
+            close?.();
           }}
           configOverwrite={{
             ...jitsyData.data.configOverwrite,
-            prejoinConfig: {
-              enabled: false,
-            },
+            prejoinConfig: { enabled: false },
             constraints: {
               video: {
                 deviceId: localStorage.getItem("preferredCamera") || undefined,
@@ -324,14 +318,12 @@ const JitsyMeeting: React.FC<Props> = ({
         />
       )}
       <StyledModal
-        onClose={() => [setShowModal(false), setShowMeeting(true)]}
         visible={showModal}
-        animation="zoom"
-        maskAnimation="fade"
-        destroyOnClose={true}
-        width={468}
+        onClose={() => [setShowModal(false), setShowMeeting(true)]}
         closable={false}
         maskClosable={false}
+        destroyOnClose={true}
+        width={468}
       >
         <JitsyMeetingMessage
           message={t("ConsultationPage.AdditionalRecording")}
@@ -339,20 +331,7 @@ const JitsyMeeting: React.FC<Props> = ({
           userConsentedRef={userConsentedRef}
         />
       </StyledModal>
-      {!showModal && !showMeeting && <JitsyMeetingSkeleton />}
-      {!showModal &&
-        !showMeeting &&
-        cameraAccessStatus === cameraPermissions.DENIED && (
-          <StyledAccessWrapper>
-            <Text>{t("ConsultationPage.BlockedAccess")}</Text>
-            <Text>{t("ConsultationPage.BlockedAccessEnable")}</Text>
-            <div className="button-reload">
-              <Button onClick={() => window.location.reload()}>
-                {t("ConsultationPage.ReloadPage")}
-              </Button>
-            </div>
-          </StyledAccessWrapper>
-        )}
+      {!showMeeting && !showModal && <JitsyMeetingSkeleton />}
     </>
   );
 };
diff --git a/src/components/Consultations/ConsultationCard/MeetModal/index.tsx b/src/components/Consultations/ConsultationCard/MeetModal/index.tsx
index 90a0df50a..08978a502 100644
--- a/src/components/Consultations/ConsultationCard/MeetModal/index.tsx
+++ b/src/components/Consultations/ConsultationCard/MeetModal/index.tsx
@@ -92,15 +92,17 @@ const ConsultationMeetModal = ({ onClose }: Props) => {
             {!loading && meetData && (
               <JitsyMeeting
                 jitsyData={meetData}
-                close={handleOnClose}
-                consultationId={
-                  consultationModalContext?.consultationData?.consultationId
+                modelId={
+                  consultationModalContext?.consultationData?.consultationId ??
+                  0
                 }
+                modelType="consultation"
                 consultationTermId={
                   consultationModalContext?.consultationData
                     ?.consultationTermId ?? 0
                 }
                 term={consultationModalContext?.consultationData?.term ?? ""}
+                close={handleOnClose}
                 onRecordingAvailable={setRecordingUrl}
               />
             )}
diff --git a/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx b/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx
index f8c691f41..0eec5d33b 100644
--- a/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx
+++ b/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx
@@ -21,6 +21,7 @@ import { ConsultationModalContext } from "@/components/Consultations/Consultatio
 import { useRoles } from "@/hooks/useRoles";
 import { DataPoint, EMOTION_POOL, EmotionHistory } from "@/types/sockets";
 import { useTranslation } from "react-i18next";
+import { API } from "@escolalms/sdk/lib";
 
 const getColorByValue = (val: number) => {
   if (val < 35) return "#FF4D4D";
@@ -30,10 +31,14 @@ const getColorByValue = (val: number) => {
 
 export default function MeetingAnalyticsOverlay({
   onClose,
+  modelType = "consultation",
   recordingUrl,
+  webinar,
 }: {
   onClose: () => void;
+  modelType?: "consultation" | "webinar";
   recordingUrl?: string | null;
+  webinar?: API.Webinar;
 }) {
   const { isTutor } = useRoles();
   const { consultation, token } = useContext(EscolaLMSContext);
@@ -78,6 +83,17 @@ export default function MeetingAnalyticsOverlay({
     [t]
   );
 
+  const displayTitle = useMemo(() => {
+    if (modelType === "webinar") {
+      return webinar?.name || "";
+    }
+    return (
+      consultation?.value?.name ??
+      consultationModalContext?.consultationData?.name ??
+      ""
+    );
+  }, [modelType, webinar, consultation, consultationModalContext]);
+
   useEffect(() => {
     if (scrollRef.current) {
       scrollRef.current.scrollTo({
@@ -189,11 +205,7 @@ export default function MeetingAnalyticsOverlay({
           <BackButton onClick={onClose}>
             <Chevron>‹</Chevron>
           </BackButton>
-          <HeaderTitle>
-            {consultation?.value?.name ??
-              consultationModalContext?.consultationData?.name ??
-              ""}
-          </HeaderTitle>
+          <HeaderTitle>{displayTitle}</HeaderTitle>
         </LeftGroup>
 
         {isTutor && (
diff --git a/src/components/Profile/ProfileWebinars/index.tsx b/src/components/Profile/ProfileWebinars/index.tsx
index 8450f9008..0e93dcfe2 100644
--- a/src/components/Profile/ProfileWebinars/index.tsx
+++ b/src/components/Profile/ProfileWebinars/index.tsx
@@ -1,4 +1,4 @@
-import { memo, useState } from "react";
+import { memo, useContext, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Col, Row } from "react-grid-system";
 import ContentLoader from "@/components/_App/ContentLoader";
@@ -10,6 +10,7 @@ import { API } from "@escolalms/sdk/lib";
 import { ProfileWebinarItemFooter } from "./ItemFooter";
 import { ProfileWebinarItemActions } from "./ItemActions";
 import WebinarMeetModal from "@/components/Webinars/Webinar/WebinarMeetModal";
+import { WebinarsContext } from "@/components/Webinars/List/WebinarsContext";
 
 const RowStyled = styled(Row)`
   gap: 30px 0;
@@ -29,6 +30,11 @@ ProfileWebinarsProps) => {
   const [webinarJoinId, setWebinarJoinId] = useState<number | undefined>(
     undefined
   );
+  const [webinarData, setWebinarData] = useState<API.Webinar | undefined>(
+    undefined
+  );
+
+  const webinarsContext = useContext(WebinarsContext);
   const { t } = useTranslation();
 
   if (loading) {
@@ -54,19 +60,23 @@ ProfileWebinarsProps) => {
             actions={
               <ProfileWebinarItemActions
                 webinar={webinar}
-                onJoin={() => setWebinarJoinId(webinar.id)}
+                onJoin={() => {
+                  setWebinarData(webinar);
+                  setWebinarJoinId(webinar.id);
+                  webinarsContext?.setModalOpen?.(true);
+                }}
               />
             }
             footer={<ProfileWebinarItemFooter webinar={webinar} />}
           />
         </Col>
       ))}
-      {/* MEET MODAL */}
       {!!webinarJoinId && (
         <WebinarMeetModal
           visible={!!webinarJoinId}
           onClose={() => setWebinarJoinId(undefined)}
           webinarId={webinarJoinId}
+          webinar={webinarData}
         />
       )}
     </RowStyled>
diff --git a/src/components/Webinars/List/WebinarsContext.tsx b/src/components/Webinars/List/WebinarsContext.tsx
index 00f7a644c..5fec904dd 100644
--- a/src/components/Webinars/List/WebinarsContext.tsx
+++ b/src/components/Webinars/List/WebinarsContext.tsx
@@ -13,4 +13,8 @@ export const WebinarsContext: React.Context<{
   params?: WebinarsParams;
   setParams?: (params: WebinarsParams) => void;
   onlyFree?: boolean;
+  webinarData?: API.Webinar | null;
+  setWebinarData?: (webinar: API.Webinar | null) => void;
+  isModalOpen?: boolean;
+  setModalOpen?: (open: boolean) => void;
 }> = React.createContext({});
diff --git a/src/components/Webinars/List/WebinarsProvider.tsx b/src/components/Webinars/List/WebinarsProvider.tsx
index a32542263..528d94b88 100644
--- a/src/components/Webinars/List/WebinarsProvider.tsx
+++ b/src/components/Webinars/List/WebinarsProvider.tsx
@@ -20,17 +20,16 @@ const WebinarsProvider: React.FC<{
   const { fetchWebinars, webinars, fetchTags } = useContext(EscolaLMSContext);
   const location = useLocation();
   const { push } = useHistory();
-
   const [params, setParams] = useState<WebinarsParams | undefined>();
+  const [webinarData, setWebinarData] = useState<API.Webinar | null>(null);
+  const [isModalOpen, setModalOpen] = useState(false);
 
   const getApiParams = (params: WebinarsParams = {}): WebinarsParams => {
-    const apiParams = {
+    return {
       page: 1,
       per_page: 8,
-      // order_by: 'created_at',
       ...params,
     };
-    return apiParams;
   };
 
   useEffect(() => {
@@ -39,8 +38,7 @@ const WebinarsProvider: React.FC<{
 
   useEffect(() => {
     push(`${location.pathname}?${parseParams(params)}`);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [params, location.pathname]);
+  }, [params, location.pathname, push]);
 
   useEffect(() => {
     if (
@@ -53,11 +51,20 @@ const WebinarsProvider: React.FC<{
     } else {
       fetchWebinars(getApiParams(params));
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [location.search]);
+  }, [fetchWebinars, location.search, params]);
 
   return (
-    <WebinarsContext.Provider value={{ params, setParams, webinars: webinars }}>
+    <WebinarsContext.Provider
+      value={{
+        params,
+        setParams,
+        webinars: webinars,
+        webinarData,
+        setWebinarData,
+        isModalOpen,
+        setModalOpen,
+      }}
+    >
       {children}
     </WebinarsContext.Provider>
   );
diff --git a/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx b/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
index ba9e4d00c..2d2519c1c 100644
--- a/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
+++ b/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
@@ -11,11 +11,13 @@ import JitsyMeeting from "@/components/Consultations/ConsultationCard/JitsyMeeti
 import MeetingAnalyticsOverlay from "@/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay";
 import { EndMeetingQuestionnairesModal } from "@/components/Consultations/ConsultationCard/EndMeetingQuestionnaires";
 import { QuestionnaireModelType } from "@/types/questionnaire";
+import { API } from "@escolalms/sdk/lib";
 
 interface Props {
   onClose: () => void;
   visible: boolean;
   webinarId: number;
+  webinar?: API.Webinar;
 }
 
 const JitsiContainer = styled.div`
@@ -25,7 +27,7 @@ const JitsiContainer = styled.div`
   overflow: hidden;
 `;
 
-const WebinarMeetModal = ({ onClose, visible, webinarId }: Props) => {
+const WebinarMeetModal = ({ onClose, visible, webinarId, webinar }: Props) => {
   const [webinarMeetData, setWebinarMeetData] = useState<JitsyData | null>(
     null
   );
@@ -49,7 +51,7 @@ const WebinarMeetModal = ({ onClose, visible, webinarId }: Props) => {
             onClose();
           }
         } catch (error) {
-          console.error(error);
+          console.error("Error generating Jitsi URL:", error);
           toast(`${t("WebinarPage.ErrorWhileGeneratingUrl")}`, "error");
         } finally {
           setLoading(false);
@@ -71,7 +73,9 @@ const WebinarMeetModal = ({ onClose, visible, webinarId }: Props) => {
   }, [webinarId, visible, generateWebinarJitsy, t, onClose]);
 
   useEffect(() => {
-    if (visible) setIsEnded(false);
+    if (visible) {
+      setIsEnded(false);
+    }
   }, [visible]);
 
   const handleOnClose = useCallback(() => {
@@ -101,15 +105,17 @@ const WebinarMeetModal = ({ onClose, visible, webinarId }: Props) => {
             <MeetingAnalyticsOverlay
               onClose={handleOnClose}
               recordingUrl={recordingUrl}
+              modelType="webinar"
+              webinar={webinar}
             />
             {!loading && webinarMeetData && (
               <JitsyMeeting
                 jitsyData={webinarMeetData}
+                modelId={webinarId}
+                modelType="webinar"
                 close={handleOnClose}
-                consultationId={webinarId}
-                consultationTermId={0}
-                term={""}
                 onRecordingAvailable={setRecordingUrl}
+                term={webinar?.active_to ?? ""}
               />
             )}
           </JitsiContainer>
diff --git a/src/hooks/usePerformanceMetrics.ts b/src/hooks/usePerformanceMetrics.ts
index e2e37a971..cc62abec7 100644
--- a/src/hooks/usePerformanceMetrics.ts
+++ b/src/hooks/usePerformanceMetrics.ts
@@ -22,7 +22,6 @@ const usePerformanceMetrics = () => {
       const now = performance.now();
 
       if (now - startTimeRef.current >= 1000) {
-        console.log(`[FPS] Frames Per Second: ${frameCountRef.current}`);
         frameCountRef.current = 0;
         startTimeRef.current = now;
       }
diff --git a/src/pages/static-page/index.tsx b/src/pages/static-page/index.tsx
index 715517ce2..e549d1b56 100644
--- a/src/pages/static-page/index.tsx
+++ b/src/pages/static-page/index.tsx
@@ -59,8 +59,6 @@ const StaticPage = () => {
   const mainTabs = useMemo(() => {
     let items = pages?.list?.data;
 
-    console.log(pages, "pages");
-
     items = pages?.list?.data.filter((item) => !item.slug.includes("mobile"));
     return (
       items &&
diff --git a/src/workers/saveImageWorker.ts b/src/workers/saveImageWorker.ts
index cd3f52406..4f6faad74 100644
--- a/src/workers/saveImageWorker.ts
+++ b/src/workers/saveImageWorker.ts
@@ -4,16 +4,18 @@ export interface Screenshot {
   dataURL: Blob;
   timestamp: number;
   userID: number;
-  consultationId: number | undefined;
 }
 
 export interface SaveImagesMessage {
-  consultationId: number;
-  consultationTermId: number;
-  userEmail: string;
-  userId: number;
+  action?: "recommender-screens";
+  modelId: number;
+  modelType: "consultation" | "webinar";
   screenshots: Screenshot[];
   term: string;
+  userId: number;
+  consultationTermId?: number;
+  userEmail?: string;
+  token?: string;
   apiUrl?: string;
 }
 
@@ -22,122 +24,143 @@ let API_URL: string;
 const retryFetch = async (
   url: string,
   options: RequestInit,
-  retries: number = 3,
-  delay: number = 2000
+  retries = 3,
+  delay = 2000
 ): Promise<Response> => {
-  return new Promise((resolve, reject) => {
-    const attemptFetch = async (attempt: number) => {
-      try {
-        const response = await fetch(url, options);
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
-        resolve(response);
-      } catch (error) {
-        console.error(`Fetch attempt ${attempt + 1} failed:`, error);
-
-        if (attempt < retries - 1) {
-          setTimeout(() => attemptFetch(attempt + 1), delay);
-        } else {
-          reject(`Retries exhausted. Last error: ${error}`);
-        }
-      }
-    };
-
-    attemptFetch(0);
-  });
+  for (let i = 0; i < retries; i++) {
+    try {
+      const response = await fetch(url, options);
+      if (response.ok) return response;
+      if (i === retries - 1) throw new Error(`HTTP ${response.status}`);
+    } catch (err) {
+      if (i === retries - 1) throw err;
+      await new Promise((r) => setTimeout(r, delay));
+    }
+  }
+  throw new Error("Fetch failed");
 };
 
-function getFormattedFilename(screenshot: Screenshot): string {
+function getFormattedFilename(screenshot: Screenshot, modelId: number): string {
   const date = new Date(screenshot.timestamp);
   const pad = (n: number) => n.toString().padStart(2, "0");
-
-  const formattedTimestamp =
-    `${date.getFullYear()}${pad(date.getMonth() + 1)}${pad(date.getDate())}_` +
-    `${pad(date.getHours())}_${pad(date.getMinutes())}_${pad(
-      date.getSeconds()
-    )}`;
-
-  return `${screenshot.userID}_${screenshot.consultationId}_${formattedTimestamp}.webp`;
+  const ts = `${date.getFullYear()}${pad(date.getMonth() + 1)}${pad(
+    date.getDate()
+  )}_${pad(date.getHours())}_${pad(date.getMinutes())}_${pad(
+    date.getSeconds()
+  )}`;
+  return `${screenshot.userID}_${modelId}_${ts}.webp`;
 }
 
+const formatToSQL = (timestamp: number) => {
+  const date = new Date(timestamp);
+  const pad = (n: number) => n.toString().padStart(2, "0");
+  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(
+    date.getDate()
+  )} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(
+    date.getSeconds()
+  )}`;
+};
+
 self.onmessage = async (event: MessageEvent<SaveImagesMessage>) => {
+  if (event.data.apiUrl) {
+    API_URL = event.data.apiUrl;
+    return;
+  }
+
   const {
-    consultationId,
-    consultationTermId,
-    userEmail,
-    userId,
+    action,
+    modelId,
+    modelType,
     screenshots,
     term,
+    userId,
+    userEmail,
+    consultationTermId,
+    token,
   } = event.data;
 
-  if (event.data.apiUrl) {
-    API_URL = event.data.apiUrl; // Store the environment variable
-    return; // Exit early if it's just setting the API URL
+  if (action === "recommender-screens") {
+    try {
+      const formData = new FormData();
+      formData.append("model_id", modelId.toString());
+      formData.append("model_type", modelType);
+      formData.append("term", term);
+
+      screenshots.forEach((s, index) => {
+        const filename = getFormattedFilename(s, modelId);
+        const file = new File([s.dataURL], filename, { type: "image/webp" });
+        formData.append(`files[${index}][file]`, file, filename);
+        formData.append(`files[${index}][timestamp]`, formatToSQL(s.timestamp));
+      });
+
+      await fetch(`${API_URL}/api/recommender/meet-recordings/screens`, {
+        method: "POST",
+        headers: { Authorization: `Bearer ${token}` },
+        body: formData,
+      });
+      self.postMessage({ success: true, type: "recommender" });
+    } catch (error) {
+      console.error("Worker Recommender Error:", error);
+    }
+    return;
   }
 
   try {
-    const filenames = screenshots.map((screenshot) => ({
-      filename: getFormattedFilename(screenshot),
+    const filenames = screenshots.map((s) => ({
+      filename: getFormattedFilename(s, modelId),
     }));
+    const endpoint =
+      modelType === "webinar"
+        ? `${API_URL}/api/webinars/signed-screen-urls`
+        : `${API_URL}/api/consultations/signed-screen-urls`;
+
+    const payload =
+      modelType === "webinar"
+        ? {
+            webinar_id: modelId,
+            user_id: userId,
+            executed_at: term,
+            files: filenames,
+          }
+        : {
+            consultation_id: modelId,
+            user_termin_id: consultationTermId,
+            user_id: userId,
+            user_email: userEmail,
+            files: filenames,
+            executed_at: term,
+          };
+
+    const signRes = await retryFetch(endpoint, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      body: JSON.stringify(payload),
+    });
 
-    const signUrls = await retryFetch(
-      `${API_URL}/api/consultations/signed-screen-urls`,
-      {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-        },
-        body: JSON.stringify({
-          consultation_id: consultationId,
-          user_termin_id: consultationTermId,
-          user_id: userId,
-          user_email: userEmail,
-          files: filenames,
-          executed_at: term,
-        }),
-      }
-    );
-
-    if (!signUrls.ok) {
-      throw new Error(`Failed to sign URLs: ${signUrls.statusText}`);
-    }
-
-    const responseData = await signUrls.json();
+    const responseData = await signRes.json();
 
-    for (let i = 0; i < responseData.data.length; i++) {
-      const { url, filename } = responseData.data[i];
+    for (const item of responseData.data) {
       const screenshot = screenshots.find(
-        (s) => getFormattedFilename(s) === filename
+        (s) => getFormattedFilename(s, modelId) === item.filename
       );
-
-      if (!screenshot) {
-        console.warn(`Screenshot not found for filename: ${filename}`);
-        continue;
-      }
-
-      try {
+      if (screenshot) {
         const blob = new Blob([screenshot.dataURL]);
-        const response = await fetch(url, {
-          method: "PUT",
-          body: blob,
-        });
-
-        if (!response.ok) {
-          console.error(`Failed to upload ${filename}: ${response.statusText}`);
-        } else {
-          console.log(`File ${filename} uploaded successfully.`);
+
+        try {
+          await fetch(item.url, {
+            method: "PUT",
+            body: blob,
+          });
+          console.log(`Uploaded: ${item.filename}`);
+        } catch (s3Error) {
+          console.error(`S3 Error for ${item.filename}:`, s3Error);
         }
-      } catch (error) {
-        console.error(`Error uploading ${filename}:`, error);
       }
     }
-
-    self.postMessage({ success: true });
+    self.postMessage({ success: true, type: "analytics" });
   } catch (error) {
-    self.postMessage({
-      success: false,
-      error: error instanceof Error ? error.message : "Unknown error",
-    });
+    console.error("Worker Analytics Error:", error);
   }
 };

From 05a62a14cce9204173715041348c7475ebd35aa7 Mon Sep 17 00:00:00 2001
From: "mateusz.bieniek" <mateusz.bieniek@escolasoft.com>
Date: Thu, 2 Apr 2026 15:30:42 +0200
Subject: [PATCH 3/9] REK-164 Configure webinar sockets, cleaup

---
 .../ConsultationCard/JitsyMeeting/index.tsx   | 29 ++++++++----
 .../ConsultationCard/JitsyMeeting/types.ts    | 17 +++++++
 .../MeetingAnalyticsOverlay.tsx               | 27 ++++++-----
 src/hooks/useAnalyticsWebsockets.ts           | 46 +++++++------------
 4 files changed, 70 insertions(+), 49 deletions(-)
 create mode 100644 src/components/Consultations/ConsultationCard/JitsyMeeting/types.ts

diff --git a/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx b/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
index f46d41a9e..3f1112ac2 100644
--- a/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
+++ b/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
@@ -10,6 +10,11 @@ import JitsyMeetingSkeleton from "@/components/Skeletons/JitsyMeeting";
 import { EscolaLMSContext } from "@escolalms/sdk/lib/react/context";
 import { API_URL } from "@/config/index";
 import useCamera from "@/hooks/meeting/useCamera";
+import { API } from "@escolalms/sdk/lib";
+import {
+  IMeetRecording,
+  IScreenshot,
+} from "@/components/Consultations/ConsultationCard/JitsyMeeting/types";
 
 export const StyledModal = styled(Modal)`
   .rc-dialog-content {
@@ -20,7 +25,18 @@ export const StyledModal = styled(Modal)`
   }
 `;
 
-const JitsyMeeting: React.FC<any> = ({
+type JitsyMeetingProps = {
+  jitsyData: Omit<API.JitsyData, "yt_url" | "yt_stream_url" | "yt_stream_key">;
+  term: string;
+  consultationTermId?: number;
+  consultationId?: number;
+  close?: () => void;
+  onRecordingAvailable?: (url: string) => void;
+  modelId: number;
+  modelType: "consultation" | "webinar";
+};
+
+const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
   jitsyData,
   modelId,
   modelType,
@@ -54,7 +70,7 @@ const JitsyMeeting: React.FC<any> = ({
   const preparePayload = useCallback(
     (action: "start-recording" | "end-recording") => {
       const now = new Date().toISOString();
-      const payload: any = {
+      const payload: IMeetRecording = {
         id: recordingIdRef.current || 0,
         model_type: modelType,
         model_id: Number(modelId),
@@ -75,12 +91,9 @@ const JitsyMeeting: React.FC<any> = ({
         }
       }
 
-      if (modelType === "consultation") {
-        payload.consultation_term_id = consultationTermId || 0;
-      }
       return payload;
     },
-    [modelId, modelType, term, consultationTermId]
+    [modelId, modelType, term]
   );
 
   const sendRecordingEvent = useCallback(
@@ -135,13 +148,13 @@ const JitsyMeeting: React.FC<any> = ({
     const userId = jitsyData.data.userInfo.id;
 
     if (isStudent && !analyticsIntervalRef.current) {
-      let screenshots: any[] = [];
+      let screenshots: IScreenshot[] = [];
       analyticsIntervalRef.current = setInterval(async () => {
         if (isCameraMutedRef.current || !userConsentedRef.current) return;
         const blob = await getDataUrl();
         if (blob) {
           screenshots.push({
-            dataURL: blob,
+            dataURL: blob as unknown as Blob,
             timestamp: Date.now(),
             userID: userId,
           });
diff --git a/src/components/Consultations/ConsultationCard/JitsyMeeting/types.ts b/src/components/Consultations/ConsultationCard/JitsyMeeting/types.ts
new file mode 100644
index 000000000..f3e7cdafe
--- /dev/null
+++ b/src/components/Consultations/ConsultationCard/JitsyMeeting/types.ts
@@ -0,0 +1,17 @@
+export interface IMeetRecording {
+  id: number;
+  model_type: string;
+  action: "start-recording" | "end-recording";
+  model_id: number;
+  term: string | number;
+  start_at?: string;
+  end_at?: string;
+  url?: string;
+  url_expiration_time_millis?: number;
+}
+
+export interface IScreenshot {
+  dataURL: Blob;
+  timestamp: number;
+  userID: number;
+}
diff --git a/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx b/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx
index 0eec5d33b..839bb604d 100644
--- a/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx
+++ b/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx
@@ -47,22 +47,27 @@ export default function MeetingAnalyticsOverlay({
   const [hoveredPanel, setHoveredPanel] = useState<
     "emotion" | "attention" | null
   >(null);
+  const modelId = useMemo(() => {
+    if (modelType === "webinar") return webinar?.id;
+    return consultationModalContext?.consultationData?.consultationId;
+  }, [modelType, webinar, consultationModalContext]);
 
-  const scrollRef = useRef<HTMLDivElement>(null);
+  const unixTimestamp = useMemo(() => {
+    const rawDate =
+      modelType === "webinar"
+        ? webinar?.active_from
+        : consultationModalContext?.consultationData?.term;
+
+    return rawDate ? Math.floor(new Date(rawDate).getTime() / 1000) : undefined;
+  }, [modelType, webinar, consultationModalContext]);
 
-  const unixTimestamp = consultationModalContext?.consultationData?.term
-    ? Math.floor(
-        new Date(consultationModalContext?.consultationData?.term).getTime() /
-          1000
-      )
-    : undefined;
+  const scrollRef = useRef<HTMLDivElement>(null);
 
   const { socketData } = useMeetingSockets(
-    isTutor
-      ? consultationModalContext?.consultationData?.consultationId
-      : undefined,
+    isTutor ? modelId : undefined,
     isTutor ? unixTimestamp : undefined,
-    isTutor ? token : undefined
+    isTutor ? token : undefined,
+    modelType
   );
 
   const [attentionData, setAttentionData] = useState<DataPoint[]>([]);
diff --git a/src/hooks/useAnalyticsWebsockets.ts b/src/hooks/useAnalyticsWebsockets.ts
index 335c6e9ba..490ca5d8b 100644
--- a/src/hooks/useAnalyticsWebsockets.ts
+++ b/src/hooks/useAnalyticsWebsockets.ts
@@ -3,60 +3,46 @@ import { getEchoInstance } from "@/utils/websocket";
 import { SocketDataState, MeetingAnalyticsSocketData } from "@/types/sockets";
 
 export const useMeetingSockets = (
-  consultationId?: number,
+  modelId?: number,
   termUnix?: number,
-  token?: string | null
+  token?: string | null,
+  modelType: "consultation" | "webinar" = "consultation"
 ) => {
   const [socketData, setSocketData] = useState<SocketDataState | null>(null);
 
   useEffect(() => {
-    if (!consultationId || !termUnix || !token) return;
+    if (!modelId || !termUnix || !token) return;
 
     const echo = getEchoInstance(token);
     if (!echo) return;
 
-    echo.connector.pusher.connection.bind("connected", () => {
-      console.log("🟢 PUSHER CONNECTED", consultationId, termUnix);
-    });
-
-    echo.connector.pusher.connection.bind("error", (err: string) => {
-      console.log("🔴 PUSHER ERROR", err);
-    });
-
-    const channelName = `consultation.${consultationId}.${termUnix}`;
-    const channel = echo.private(channelName);
+    const channelName = `${modelType}.${modelId}.${termUnix}`;
+    const privateChannel = echo.private(channelName);
 
     const processData = (payload: MeetingAnalyticsSocketData) => {
       if (!payload) return;
       setSocketData({ ...payload, _updatedAt: Date.now() });
     };
 
-    channel.listen(
+    echo.connector.pusher.connection.bind("connected", () => {
+      console.log(`🟢 PUSHER CONNECTED TO ${channelName}`);
+    });
+
+    privateChannel.listen(
       ".AggregatedFrameStored",
-      (data: MeetingAnalyticsSocketData) => {
-        processData(data);
-      }
+      (data: MeetingAnalyticsSocketData) => processData(data)
     );
 
-    channel.listen(
+    privateChannel.listen(
       "AggregatedFrameStored",
-      (data: MeetingAnalyticsSocketData) => {
-        processData(data);
-      }
-    );
-
-    channel.listenToAll(
-      (eventName: string, data: MeetingAnalyticsSocketData) => {
-        if (eventName.includes("AggregatedFrameStored")) {
-          processData(data);
-        }
-      }
+      (data: MeetingAnalyticsSocketData) => processData(data)
     );
 
     return () => {
       echo.leave(channelName);
+      echo.connector.pusher.connection.unbind("connected");
     };
-  }, [consultationId, termUnix, token]);
+  }, [modelId, termUnix, token, modelType]);
 
   return { socketData };
 };

From 47927d7436f848febc7460f1e023ecf156d1f43f Mon Sep 17 00:00:00 2001
From: "mateusz.bieniek" <mateusz.bieniek@escolasoft.com>
Date: Wed, 8 Apr 2026 11:31:37 +0200
Subject: [PATCH 4/9] REK-164 Change img quality from 1 to 0.5, update webinar
 unix term from active_from to active_to

---
 .../MeetingAnalyticsOverlay.tsx               | 64 ++++++++++++-------
 src/workers/dataUrlWorker.ts                  |  2 +-
 2 files changed, 43 insertions(+), 23 deletions(-)

diff --git a/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx b/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx
index 839bb604d..cb0bf068c 100644
--- a/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx
+++ b/src/components/MeetingAnalyticsOverlay/MeetingAnalyticsOverlay.tsx
@@ -55,7 +55,7 @@ export default function MeetingAnalyticsOverlay({
   const unixTimestamp = useMemo(() => {
     const rawDate =
       modelType === "webinar"
-        ? webinar?.active_from
+        ? webinar?.active_to
         : consultationModalContext?.consultationData?.term;
 
     return rawDate ? Math.floor(new Date(rawDate).getTime() / 1000) : undefined;
@@ -539,39 +539,59 @@ const StatCard = styled.div<{ active: boolean; glowColor?: string }>`
   padding: 10px 20px;
   cursor: pointer;
   position: relative;
-  border-radius: 8px;
-  transition: all 0.2s ease;
-  background: ${({ active, glowColor }) =>
-    active
-      ? `linear-gradient(#1A1A1A, #1A1A1A) padding-box, linear-gradient(to bottom, ${glowColor} 0%, transparent 60%) border-box`
-      : `linear-gradient(#0D0D0D, #0D0D0D) padding-box, linear-gradient(to bottom, #333, #333) border-box`};
-  border: 1px solid transparent;
+  border-radius: 12px;
+  transition: all 0.3s ease;
+  background: ${({ active }) => (active ? "#1A1A1A" : "#0D0D0D")};
+  border: 1px solid ${({ active }) => (active ? "transparent" : "#222")};
+  overflow: hidden;
 
   &::before {
     content: "";
     position: absolute;
     top: -1px;
-    left: 10%;
-    right: 10%;
-    height: 1px;
+    left: -1px;
+    right: -1px;
+    bottom: -1px;
+    border-radius: 12px;
+    padding: 1.5px;
     background: ${({ active, glowColor }) =>
-      active ? glowColor : "transparent"};
-    box-shadow: ${({ active, glowColor }) =>
-      active ? `0 0 10px ${glowColor}` : "none"};
-    opacity: ${({ active }) => (active ? 0.8 : 0)};
-    transition: opacity 0.2s ease;
+      active
+        ? `linear-gradient(to bottom, ${glowColor}, transparent 65%)`
+        : "transparent"};
+
+    mask: linear-gradient(#fff, #fff) content-box, linear-gradient(#fff, #fff);
+    mask-composite: exclude;
+    -webkit-mask: linear-gradient(#fff, #fff) content-box,
+      linear-gradient(#fff, #fff);
+    -webkit-mask-composite: destination-out;
+    opacity: ${({ active }) => (active ? 1 : 0)};
+    transition: opacity 0.3s ease;
+    z-index: 1;
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    background: ${({ active, glowColor }) =>
+      active
+        ? `radial-gradient(circle at 50% 0%, ${glowColor}25 0%, transparent 60%)`
+        : "transparent"};
+    opacity: ${({ active }) => (active ? 1 : 0)};
     pointer-events: none;
+    transition: opacity 0.3s ease;
   }
 
   &:hover {
-    background: #141414;
+    background: ${({ active }) => (active ? "#1A1A1A" : "#141414")};
   }
 
-  @media (max-width: 768px) {
-    padding: 8px 12px;
-    gap: 8px;
-    flex: 1;
-    justify-content: center;
+  & > * {
+    position: relative;
+    z-index: 2;
   }
 `;
 
diff --git a/src/workers/dataUrlWorker.ts b/src/workers/dataUrlWorker.ts
index 31431bed5..7c28f427d 100644
--- a/src/workers/dataUrlWorker.ts
+++ b/src/workers/dataUrlWorker.ts
@@ -29,7 +29,7 @@ self.onmessage = async (event: MessageEvent<WorkerMessage>) => {
 
     const blob = await offscreenCanvas.convertToBlob({
       type: "image/webp",
-      quality: 1.0,
+      quality: 0.5,
     });
 
     self.postMessage({ success: true, blob } as WorkerResponse);

From aa6d35b8d3a40e1ddc8a50842031f01cad7060d7 Mon Sep 17 00:00:00 2001
From: "mateusz.bieniek" <mateusz.bieniek@escolasoft.com>
Date: Thu, 9 Apr 2026 13:28:22 +0200
Subject: [PATCH 5/9] REK-164 Fixes to pr

---
 .../ConsultationCard/JitsyMeeting/index.tsx   | 219 ++++++++++++------
 .../ConsultationCard/MeetModal/index.tsx      |   7 +-
 .../Webinars/List/WebinarsProvider.tsx        |   3 +-
 .../Webinar/WebinarMeetModal/index.tsx        |  45 ++--
 src/components/_App/Navbar/index.tsx          |   2 +-
 src/utils/constants.ts                        |   2 +
 src/utils/index.ts                            |  14 ++
 src/workers/saveImageWorker.ts                |  66 +++---
 8 files changed, 222 insertions(+), 136 deletions(-)
 create mode 100644 src/utils/constants.ts

diff --git a/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx b/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
index 3f1112ac2..4d112bc5c 100644
--- a/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
+++ b/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
@@ -9,12 +9,15 @@ import styled from "styled-components";
 import JitsyMeetingSkeleton from "@/components/Skeletons/JitsyMeeting";
 import { EscolaLMSContext } from "@escolalms/sdk/lib/react/context";
 import { API_URL } from "@/config/index";
-import useCamera from "@/hooks/meeting/useCamera";
+import useCamera, { cameraPermissions } from "@/hooks/meeting/useCamera";
 import { API } from "@escolalms/sdk/lib";
+import { IMeetRecording } from "@/components/Consultations/ConsultationCard/JitsyMeeting/types";
 import {
-  IMeetRecording,
-  IScreenshot,
-} from "@/components/Consultations/ConsultationCard/JitsyMeeting/types";
+  JITSY_ANALYTICS_INTERVAL,
+  JITSY_TUTOR_INTERVAL,
+} from "@/utils/constants";
+import { Text } from "@escolalms/components/lib/components/atoms/Typography/Text";
+import { Button } from "@escolalms/components/lib/components/atoms/Button/Button";
 
 export const StyledModal = styled(Modal)`
   .rc-dialog-content {
@@ -25,6 +28,21 @@ export const StyledModal = styled(Modal)`
   }
 `;
 
+const StyledAccessWrapper = styled.div`
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  background: #fff;
+  padding: 20px;
+  border-radius: 10px;
+  text-align: center;
+  font-size: 20px;
+  .button-reload {
+    margin-top: 20px;
+  }
+`;
+
 type JitsyMeetingProps = {
   jitsyData: Omit<API.JitsyData, "yt_url" | "yt_stream_url" | "yt_stream_key">;
   term: string;
@@ -45,16 +63,13 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
   close,
   onRecordingAvailable,
 }) => {
-  const RECOMMENDER_TUTOR_INTERVAL = 15000;
-  const ANALYTICS_INTERVAL = 1000;
-
   const [showMeeting, setShowMeeting] = useState(false);
   const [showModal, setShowModal] = useState(false);
   const { token } = useContext(EscolaLMSContext);
   const { isStudent } = useRoles();
   const { t } = useTranslation();
 
-  const { camera, getDataUrl } = useCamera();
+  const { camera, getDataUrl, cameraAccessStatus } = useCamera();
   const userConsentedRef = useRef(false);
   const isCameraMutedRef = useRef(false);
 
@@ -66,6 +81,7 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
   const recommenderIntervalRef = useRef<NodeJS.Timeout | null>(null);
   const workerRef = useRef<Worker | null>(null);
   const apiRef = useRef<IJitsiMeetExternalApi | null>(null);
+  const recordingTimeoutRef = useRef<NodeJS.Timeout | null>(null);
 
   const preparePayload = useCallback(
     (action: "start-recording" | "end-recording") => {
@@ -103,7 +119,7 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
         const payload = preparePayload(action);
 
         const response = await fetch(
-          "https://rekomender.api.s.wellms.io/api/recommender/meet-recordings",
+          `${API_URL}/api/recommender/meet-recordings`,
           {
             method: "POST",
             keepalive: true,
@@ -128,12 +144,19 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
   );
 
   const stopAllIntervals = useCallback(() => {
-    if (analyticsIntervalRef.current)
+    if (analyticsIntervalRef.current) {
       clearInterval(analyticsIntervalRef.current);
-    if (recommenderIntervalRef.current)
+      analyticsIntervalRef.current = null;
+    }
+    if (recommenderIntervalRef.current) {
       clearInterval(recommenderIntervalRef.current);
-    analyticsIntervalRef.current = null;
-    recommenderIntervalRef.current = null;
+      recommenderIntervalRef.current = null;
+    }
+
+    if (recordingTimeoutRef.current) {
+      clearTimeout(recordingTimeoutRef.current);
+      recordingTimeoutRef.current = null;
+    }
   }, []);
 
   const startScreenshotFlows = useCallback(() => {
@@ -146,38 +169,38 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
     }
 
     const userId = jitsyData.data.userInfo.id;
+    const userEmail = jitsyData.data.userInfo.email;
 
     if (isStudent && !analyticsIntervalRef.current) {
-      let screenshots: IScreenshot[] = [];
       analyticsIntervalRef.current = setInterval(async () => {
         if (isCameraMutedRef.current || !userConsentedRef.current) return;
+
         const blob = await getDataUrl();
         if (blob) {
-          screenshots.push({
-            dataURL: blob as unknown as Blob,
+          const screenshotPayload = {
+            dataURL: blob,
             timestamp: Date.now(),
             userID: userId,
+          };
+
+          workerRef.current?.postMessage({
+            modelId: Number(modelId),
+            modelType,
+            userId,
+            userEmail,
+            consultationTermId,
+            screenshots: [screenshotPayload],
+            term,
+            token,
           });
-          if (screenshots.length >= 1) {
-            workerRef.current?.postMessage({
-              modelId: Number(modelId),
-              modelType,
-              userId,
-              userEmail: jitsyData.data.userInfo.email,
-              consultationTermId,
-              screenshots,
-              term,
-              token,
-            });
-            screenshots = [];
-          }
         }
-      }, ANALYTICS_INTERVAL);
+      }, JITSY_ANALYTICS_INTERVAL);
     }
 
     if (!isStudent && !recommenderIntervalRef.current) {
       recommenderIntervalRef.current = setInterval(async () => {
         if (isCameraMutedRef.current) return;
+
         const blob = await getDataUrl();
         if (blob) {
           workerRef.current?.postMessage({
@@ -187,12 +210,16 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
             userId,
             term: term || new Date().toISOString(),
             screenshots: [
-              { dataURL: blob, timestamp: Date.now(), userID: userId },
+              {
+                dataURL: blob,
+                timestamp: Date.now(),
+                userID: userId,
+              },
             ],
             token,
           });
         }
-      }, RECOMMENDER_TUTOR_INTERVAL);
+      }, JITSY_TUTOR_INTERVAL);
     }
   }, [
     isStudent,
@@ -205,49 +232,66 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
     consultationTermId,
   ]);
 
-  const onApiReady = (api: IJitsiMeetExternalApi) => {
-    apiRef.current = api;
-    camera();
-
-    api.on("recordingLinkAvailable", (event: { link: string; ttl: number }) => {
-      recordingUrlRef.current = event.link;
-      if (onRecordingAvailable) {
-        onRecordingAvailable(event.link);
-      }
-      if (event.ttl) {
-        recordingExpiryRef.current = event.ttl * 1000;
-      }
-    });
-
-    api.on("recordingStatusChanged", async (status: { on: boolean }) => {
-      if (status.on) {
-        recordingUrlRef.current = null;
-        recordingExpiryRef.current = null;
-        startScreenshotFlows();
-        await sendRecordingEvent("start-recording");
-      } else {
-        stopAllIntervals();
-        setTimeout(async () => {
-          if (recordingIdRef.current) {
-            await sendRecordingEvent("end-recording");
-            recordingIdRef.current = null;
-            recordingUrlRef.current = null;
+  const onApiReady = useCallback(
+    async (api: IJitsiMeetExternalApi) => {
+      apiRef.current = api;
+      await camera();
+
+      api.on(
+        "recordingLinkAvailable",
+        (event: { link: string; ttl: number }) => {
+          recordingUrlRef.current = event.link;
+          if (onRecordingAvailable) {
+            onRecordingAvailable(event.link);
           }
-        }, 500);
-      }
-    });
+          if (event.ttl) {
+            recordingExpiryRef.current = event.ttl * 1000;
+          }
+        }
+      );
 
-    api.addListener("videoMuteStatusChanged", (e: { muted: boolean }) => {
-      isCameraMutedRef.current = e.muted;
-    });
+      api.on("recordingStatusChanged", async (status: { on: boolean }) => {
+        if (status.on) {
+          recordingUrlRef.current = null;
+          recordingExpiryRef.current = null;
+          startScreenshotFlows();
+          await sendRecordingEvent("start-recording");
+        } else {
+          stopAllIntervals();
+          if (recordingTimeoutRef.current)
+            clearTimeout(recordingTimeoutRef.current);
+
+          recordingTimeoutRef.current = setTimeout(async () => {
+            if (recordingIdRef.current) {
+              await sendRecordingEvent("end-recording");
+              recordingIdRef.current = null;
+              recordingUrlRef.current = null;
+            }
+            recordingTimeoutRef.current = null;
+          }, 500);
+        }
+      });
 
-    api.on("videoConferenceLeft", () => {
-      stopAllIntervals();
-      if (!isStudent && recordingIdRef.current) {
-        sendRecordingEvent("end-recording");
-      }
-    });
-  };
+      api.on("videoMuteStatusChanged", (e: { muted: boolean }) => {
+        isCameraMutedRef.current = e.muted;
+      });
+
+      api.on("videoConferenceLeft", () => {
+        stopAllIntervals();
+        if (!isStudent && recordingIdRef.current) {
+          sendRecordingEvent("end-recording");
+        }
+      });
+    },
+    [
+      camera,
+      isStudent,
+      onRecordingAvailable,
+      sendRecordingEvent,
+      startScreenshotFlows,
+      stopAllIntervals,
+    ]
+  );
 
   useEffect(() => {
     return () => {
@@ -257,9 +301,14 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
         sendRecordingEvent("end-recording");
       }
 
-      workerRef.current?.terminate();
+      if (workerRef.current) {
+        workerRef.current.terminate();
+        workerRef.current = null;
+      }
+
       if (apiRef.current) {
         apiRef.current.dispose();
+        apiRef.current = null;
       }
     };
   }, [stopAllIntervals, isStudent, sendRecordingEvent]);
@@ -269,7 +318,7 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
       if (!isStudent && recordingIdRef.current) {
         const payload = preparePayload("end-recording");
         navigator.sendBeacon(
-          "https://rekomender.api.s.wellms.io/api/recommender/meet-recordings",
+          `${API_URL}/api/recommender/meet-recordings`,
           JSON.stringify(payload)
         );
       }
@@ -316,9 +365,14 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
             }
             close?.();
           }}
+          interfaceConfigOverwrite={{
+            ...jitsyData.data.interfaceConfigOverwrite,
+          }}
           configOverwrite={{
             ...jitsyData.data.configOverwrite,
-            prejoinConfig: { enabled: false },
+            prejoinConfig: {
+              enabled: false,
+            },
             constraints: {
               video: {
                 deviceId: localStorage.getItem("preferredCamera") || undefined,
@@ -337,6 +391,8 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
         maskClosable={false}
         destroyOnClose={true}
         width={468}
+        animation="zoom"
+        maskAnimation="fade"
       >
         <JitsyMeetingMessage
           message={t("ConsultationPage.AdditionalRecording")}
@@ -345,6 +401,19 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
         />
       </StyledModal>
       {!showMeeting && !showModal && <JitsyMeetingSkeleton />}
+      {!showModal &&
+        !showMeeting &&
+        cameraAccessStatus === cameraPermissions.DENIED && (
+          <StyledAccessWrapper>
+            <Text>{t("ConsultationPage.BlockedAccess")}</Text>
+            <Text>{t("ConsultationPage.BlockedAccessEnable")}</Text>
+            <div className="button-reload">
+              <Button onClick={() => window.location.reload()}>
+                {t("ConsultationPage.ReloadPage")}
+              </Button>
+            </div>
+          </StyledAccessWrapper>
+        )}
     </>
   );
 };
diff --git a/src/components/Consultations/ConsultationCard/MeetModal/index.tsx b/src/components/Consultations/ConsultationCard/MeetModal/index.tsx
index 08978a502..b5296ddd7 100644
--- a/src/components/Consultations/ConsultationCard/MeetModal/index.tsx
+++ b/src/components/Consultations/ConsultationCard/MeetModal/index.tsx
@@ -47,6 +47,10 @@ const ConsultationMeetModal = ({ onClose }: Props) => {
     };
 
     getMeetUrl();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [consultationModalContext?.consultationData]);
+
+  useEffect(() => {
     return () => {
       Object.keys(localStorage).forEach((key) => {
         if (key.startsWith("questionnaire_")) {
@@ -54,8 +58,7 @@ const ConsultationMeetModal = ({ onClose }: Props) => {
         }
       });
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [consultationModalContext?.consultationData]);
+  }, []);
 
   useEffect(() => {
     setIsEnded(false);
diff --git a/src/components/Webinars/List/WebinarsProvider.tsx b/src/components/Webinars/List/WebinarsProvider.tsx
index 528d94b88..bb2dacea6 100644
--- a/src/components/Webinars/List/WebinarsProvider.tsx
+++ b/src/components/Webinars/List/WebinarsProvider.tsx
@@ -38,7 +38,8 @@ const WebinarsProvider: React.FC<{
 
   useEffect(() => {
     push(`${location.pathname}?${parseParams(params)}`);
-  }, [params, location.pathname, push]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [params, location.pathname]);
 
   useEffect(() => {
     if (
diff --git a/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx b/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
index 2d2519c1c..e961abd0a 100644
--- a/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
+++ b/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
@@ -1,4 +1,4 @@
-import { useCallback, useContext, useEffect, useState } from "react";
+import { useCallback, useContext, useEffect, useRef, useState } from "react";
 import { EscolaLMSContext } from "@escolalms/sdk/lib/react";
 import { Modal } from "@escolalms/components/lib/components/atoms/Modal/Modal";
 import { JitsyData } from "@escolalms/sdk/lib/types";
@@ -34,35 +34,38 @@ const WebinarMeetModal = ({ onClose, visible, webinarId, webinar }: Props) => {
   const [loading, setLoading] = useState(false);
   const [isEnded, setIsEnded] = useState(false);
   const [recordingUrl, setRecordingUrl] = useState<string | null>(null);
-
+  const onCloseRef = useRef(onClose);
   const { generateWebinarJitsy } = useContext(EscolaLMSContext);
   const { t } = useTranslation();
 
+  useEffect(() => {
+    onCloseRef.current = onClose;
+  }, [onClose]);
+
   useEffect(() => {
     const getMeetUrl = async () => {
+      if (!webinarId || !visible || webinarMeetData) return;
+
       setLoading(true);
-      if (webinarId) {
-        try {
-          const res = await generateWebinarJitsy(webinarId);
-          if (res.success) {
-            setWebinarMeetData((res as { data: JitsyData }).data);
-          } else {
-            toast(`${t("WebinarPage.ErrorWhileGeneratingUrl")}`, "error");
-            onClose();
-          }
-        } catch (error) {
-          console.error("Error generating Jitsi URL:", error);
-          toast(`${t("WebinarPage.ErrorWhileGeneratingUrl")}`, "error");
-        } finally {
-          setLoading(false);
+      try {
+        const res = await generateWebinarJitsy(webinarId);
+        if (res.success) {
+          setWebinarMeetData((res as { data: JitsyData }).data);
+        } else {
+          toast(t("WebinarPage.ErrorWhileGeneratingUrl"), "error");
+          onCloseRef.current();
         }
+      } catch (error) {
+        console.error("Error generating Jitsi URL:", error);
+        toast(t("WebinarPage.ErrorWhileGeneratingUrl"), "error");
+      } finally {
+        setLoading(false);
       }
     };
+    getMeetUrl();
+  }, [webinarId, visible, generateWebinarJitsy, t, webinarMeetData]);
 
-    if (visible) {
-      getMeetUrl();
-    }
-
+  useEffect(() => {
     return () => {
       Object.keys(localStorage).forEach((key) => {
         if (key.startsWith("questionnaire_")) {
@@ -70,7 +73,7 @@ const WebinarMeetModal = ({ onClose, visible, webinarId, webinar }: Props) => {
         }
       });
     };
-  }, [webinarId, visible, generateWebinarJitsy, t, onClose]);
+  }, []);
 
   useEffect(() => {
     if (visible) {
diff --git a/src/components/_App/Navbar/index.tsx b/src/components/_App/Navbar/index.tsx
index 5a3d7b0d8..c285e71df 100644
--- a/src/components/_App/Navbar/index.tsx
+++ b/src/components/_App/Navbar/index.tsx
@@ -650,7 +650,7 @@ const Navbar = () => {
                 {
                   id: 6,
                   content: t("Menu.Webinars"),
-                  redrect: routeRoutes.webinars,
+                  redirect: routeRoutes.webinars,
                 },
                 // {
                 //   id: 7,
diff --git a/src/utils/constants.ts b/src/utils/constants.ts
new file mode 100644
index 000000000..0165ba215
--- /dev/null
+++ b/src/utils/constants.ts
@@ -0,0 +1,2 @@
+export const JITSY_TUTOR_INTERVAL = 15000;
+export const JITSY_ANALYTICS_INTERVAL = 1000;
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 60009ecd4..df498d1e7 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -386,3 +386,17 @@ export const getFormattedDifferenceRelativeToNow = (time: Date) => {
 export const relativeTimeFormatter = new Intl.RelativeTimeFormat("pl", {
   style: "short",
 });
+
+export const getDateParts = (timestamp: number) => {
+  const date = new Date(timestamp);
+  const pad = (n: number) => n.toString().padStart(2, "0");
+
+  return {
+    yy: date.getFullYear(),
+    mm: pad(date.getMonth() + 1),
+    dd: pad(date.getDate()),
+    hh: pad(date.getHours()),
+    mi: pad(date.getMinutes()),
+    ss: pad(date.getSeconds()),
+  };
+};
diff --git a/src/workers/saveImageWorker.ts b/src/workers/saveImageWorker.ts
index 4f6faad74..c3bab5926 100644
--- a/src/workers/saveImageWorker.ts
+++ b/src/workers/saveImageWorker.ts
@@ -1,3 +1,5 @@
+import { getDateParts } from "@/utils/index";
+
 export {};
 
 export interface Screenshot {
@@ -31,34 +33,24 @@ const retryFetch = async (
     try {
       const response = await fetch(url, options);
       if (response.ok) return response;
-      if (i === retries - 1) throw new Error(`HTTP ${response.status}`);
+      throw new Error(`HTTP ${response.status}`);
     } catch (err) {
       if (i === retries - 1) throw err;
       await new Promise((r) => setTimeout(r, delay));
     }
   }
-  throw new Error("Fetch failed");
+  throw new Error("Fetch failed after retries");
 };
 
 function getFormattedFilename(screenshot: Screenshot, modelId: number): string {
-  const date = new Date(screenshot.timestamp);
-  const pad = (n: number) => n.toString().padStart(2, "0");
-  const ts = `${date.getFullYear()}${pad(date.getMonth() + 1)}${pad(
-    date.getDate()
-  )}_${pad(date.getHours())}_${pad(date.getMinutes())}_${pad(
-    date.getSeconds()
-  )}`;
+  const p = getDateParts(screenshot.timestamp);
+  const ts = `${p.yy}${p.mm}${p.dd}_${p.hh}_${p.mi}_${p.ss}`;
   return `${screenshot.userID}_${modelId}_${ts}.webp`;
 }
 
 const formatToSQL = (timestamp: number) => {
-  const date = new Date(timestamp);
-  const pad = (n: number) => n.toString().padStart(2, "0");
-  return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(
-    date.getDate()
-  )} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(
-    date.getSeconds()
-  )}`;
+  const p = getDateParts(timestamp);
+  return `${p.yy}-${p.mm}-${p.dd} ${p.hh}:${p.mi}:${p.ss}`;
 };
 
 self.onmessage = async (event: MessageEvent<SaveImagesMessage>) => {
@@ -101,6 +93,7 @@ self.onmessage = async (event: MessageEvent<SaveImagesMessage>) => {
       self.postMessage({ success: true, type: "recommender" });
     } catch (error) {
       console.error("Worker Recommender Error:", error);
+      self.postMessage({ success: false, type: "recommender", error });
     }
     return;
   }
@@ -133,34 +126,35 @@ self.onmessage = async (event: MessageEvent<SaveImagesMessage>) => {
 
     const signRes = await retryFetch(endpoint, {
       method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
+      headers: { "Content-Type": "application/json" },
       body: JSON.stringify(payload),
     });
 
     const responseData = await signRes.json();
 
-    for (const item of responseData.data) {
-      const screenshot = screenshots.find(
-        (s) => getFormattedFilename(s, modelId) === item.filename
-      );
-      if (screenshot) {
-        const blob = new Blob([screenshot.dataURL]);
-
-        try {
-          await fetch(item.url, {
-            method: "PUT",
-            body: blob,
-          });
-          console.log(`Uploaded: ${item.filename}`);
-        } catch (s3Error) {
-          console.error(`S3 Error for ${item.filename}:`, s3Error);
+    await Promise.all(
+      responseData.data.map(async (item: { filename: string; url: string }) => {
+        const screenshot = screenshots.find(
+          (s) => getFormattedFilename(s, modelId) === item.filename
+        );
+        if (!screenshot) return;
+        const blobToUpload = new Blob([screenshot.dataURL]);
+
+        const uploadRes = await fetch(item.url, {
+          method: "PUT",
+          body: blobToUpload,
+        });
+
+        if (!uploadRes.ok) {
+          console.error("S3 Upload Failed", uploadRes.status);
+          throw new Error(`S3 Status: ${uploadRes.status}`);
         }
-      }
-    }
+      })
+    );
+
     self.postMessage({ success: true, type: "analytics" });
   } catch (error) {
     console.error("Worker Analytics Error:", error);
+    self.postMessage({ success: false, type: "analytics", error });
   }
 };

From e1f5136b6deda876e6a50c2328dd4be7f064f3b7 Mon Sep 17 00:00:00 2001
From: "mateusz.bieniek" <mateusz.bieniek@escolasoft.com>
Date: Thu, 9 Apr 2026 13:37:57 +0200
Subject: [PATCH 6/9] REK-164 Fixes to pr v2

---
 .../Consultations/ConsultationCard/MeetModal/index.tsx          | 2 +-
 src/components/Webinars/Webinar/WebinarMeetModal/index.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Consultations/ConsultationCard/MeetModal/index.tsx b/src/components/Consultations/ConsultationCard/MeetModal/index.tsx
index b5296ddd7..212887e14 100644
--- a/src/components/Consultations/ConsultationCard/MeetModal/index.tsx
+++ b/src/components/Consultations/ConsultationCard/MeetModal/index.tsx
@@ -68,7 +68,6 @@ const ConsultationMeetModal = ({ onClose }: Props) => {
     setIsEnded(true);
     consultationModalContext?.setModalOpen?.(false);
     onClose();
-    window.location.reload();
   }, [setIsEnded, onClose, consultationModalContext]);
 
   return (
@@ -94,6 +93,7 @@ const ConsultationMeetModal = ({ onClose }: Props) => {
             />
             {!loading && meetData && (
               <JitsyMeeting
+                key={consultationModalContext?.consultationData?.consultationId}
                 jitsyData={meetData}
                 modelId={
                   consultationModalContext?.consultationData?.consultationId ??
diff --git a/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx b/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
index e961abd0a..1a32edac8 100644
--- a/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
+++ b/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
@@ -84,7 +84,6 @@ const WebinarMeetModal = ({ onClose, visible, webinarId, webinar }: Props) => {
   const handleOnClose = useCallback(() => {
     setIsEnded(true);
     onClose();
-    window.location.reload();
   }, [onClose]);
 
   return (
@@ -113,6 +112,7 @@ const WebinarMeetModal = ({ onClose, visible, webinarId, webinar }: Props) => {
             />
             {!loading && webinarMeetData && (
               <JitsyMeeting
+                key={webinarId}
                 jitsyData={webinarMeetData}
                 modelId={webinarId}
                 modelType="webinar"

From 3669a5169f14717d3cb20c9e8982c16aad33aca9 Mon Sep 17 00:00:00 2001
From: "mateusz.bieniek" <mateusz.bieniek@escolasoft.com>
Date: Thu, 9 Apr 2026 16:14:47 +0200
Subject: [PATCH 7/9] REK-164 Fixes to pr v3

---
 .../ConsultationCard/JitsyMeeting/index.tsx   | 18 +++++++++++------
 src/workers/saveImageWorker.ts                | 20 ++++++++++++++-----
 2 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx b/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
index 4d112bc5c..5918a2774 100644
--- a/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
+++ b/src/components/Consultations/ConsultationCard/JitsyMeeting/index.tsx
@@ -315,18 +315,24 @@ const JitsyMeeting: React.FC<JitsyMeetingProps> = ({
 
   useEffect(() => {
     const handleUnload = () => {
-      if (!isStudent && recordingIdRef.current) {
+      if (!isStudent && recordingIdRef.current && token) {
         const payload = preparePayload("end-recording");
-        navigator.sendBeacon(
-          `${API_URL}/api/recommender/meet-recordings`,
-          JSON.stringify(payload)
-        );
+
+        fetch(`${API_URL}/api/recommender/meet-recordings`, {
+          method: "POST",
+          keepalive: true,
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${token}`,
+          },
+          body: JSON.stringify(payload),
+        });
       }
     };
 
     window.addEventListener("beforeunload", handleUnload);
     return () => window.removeEventListener("beforeunload", handleUnload);
-  }, [isStudent, preparePayload]);
+  }, [isStudent, preparePayload, token]);
 
   useEffect(() => {
     const init = async () => {
diff --git a/src/workers/saveImageWorker.ts b/src/workers/saveImageWorker.ts
index c3bab5926..42d5e2c68 100644
--- a/src/workers/saveImageWorker.ts
+++ b/src/workers/saveImageWorker.ts
@@ -85,11 +85,21 @@ self.onmessage = async (event: MessageEvent<SaveImagesMessage>) => {
         formData.append(`files[${index}][timestamp]`, formatToSQL(s.timestamp));
       });
 
-      await fetch(`${API_URL}/api/recommender/meet-recordings/screens`, {
-        method: "POST",
-        headers: { Authorization: `Bearer ${token}` },
-        body: formData,
-      });
+      const response = await fetch(
+        `${API_URL}/api/recommender/meet-recordings/screens`,
+        {
+          method: "POST",
+          headers: { Authorization: `Bearer ${token}` },
+          body: formData,
+        }
+      );
+
+      if (!response.ok) {
+        throw new Error(
+          `Recommender API error: ${response.status} ${response.statusText}`
+        );
+      }
+
       self.postMessage({ success: true, type: "recommender" });
     } catch (error) {
       console.error("Worker Recommender Error:", error);

From e8e1e176af07fb572b9a7e989ad63206725c3cea Mon Sep 17 00:00:00 2001
From: "mateusz.bieniek" <mateusz.bieniek@escolasoft.com>
Date: Mon, 13 Apr 2026 10:35:19 +0200
Subject: [PATCH 8/9] REK-164 Fixes to pr v3

---
 .../EndMeetingQuestionnaires/index.tsx        |  3 +-
 src/components/Courses/RateCourse/index.tsx   |  2 +-
 .../Profile/ProfileWebinars/index.tsx         |  8 +-
 .../Webinar/WebinarMeetModal/index.tsx        | 11 ++-
 .../Webinar/WebinarSidebar/Buttons/index.tsx  |  9 +-
 src/hooks/questionnaires/index.tsx            | 96 ++++++++++---------
 6 files changed, 73 insertions(+), 56 deletions(-)

diff --git a/src/components/Consultations/ConsultationCard/EndMeetingQuestionnaires/index.tsx b/src/components/Consultations/ConsultationCard/EndMeetingQuestionnaires/index.tsx
index 4db130815..5dae5b6bf 100644
--- a/src/components/Consultations/ConsultationCard/EndMeetingQuestionnaires/index.tsx
+++ b/src/components/Consultations/ConsultationCard/EndMeetingQuestionnaires/index.tsx
@@ -25,7 +25,6 @@ export const EndMeetingQuestionnairesModal = ({
   const {
     questionnaires: questionnairesList,
     loading,
-    // error,
     getQuestionnaires,
   } = useQuestionnaires({
     entityId: entityId || 0,
@@ -132,7 +131,7 @@ export const EndMeetingQuestionnairesModal = ({
   }, [state, moveToNextQuestionnaire, setIsEnded]);
 
   useEffect(() => {
-    getQuestionnaires();
+    getQuestionnaires(handleClose);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [entityId]);
 
diff --git a/src/components/Courses/RateCourse/index.tsx b/src/components/Courses/RateCourse/index.tsx
index 1acd86b5c..da712b9c7 100644
--- a/src/components/Courses/RateCourse/index.tsx
+++ b/src/components/Courses/RateCourse/index.tsx
@@ -55,7 +55,7 @@ const RateCourse: React.FC<Props> = ({
           if (request.success) {
             toast(`${t("RateCourse.AnswerSended")}`, "success");
           }
-          // @ts-ignore
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
         } catch (error: any) {
           toast("Error", error.message);
           console.error(error);
diff --git a/src/components/Profile/ProfileWebinars/index.tsx b/src/components/Profile/ProfileWebinars/index.tsx
index 0e93dcfe2..59c984968 100644
--- a/src/components/Profile/ProfileWebinars/index.tsx
+++ b/src/components/Profile/ProfileWebinars/index.tsx
@@ -1,4 +1,4 @@
-import { memo, useContext, useState } from "react";
+import { memo, useContext, useState, useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { Col, Row } from "react-grid-system";
 import ContentLoader from "@/components/_App/ContentLoader";
@@ -37,6 +37,10 @@ ProfileWebinarsProps) => {
   const webinarsContext = useContext(WebinarsContext);
   const { t } = useTranslation();
 
+  const handleOnCloseModal = useCallback(() => {
+    setWebinarJoinId(undefined);
+  }, []);
+
   if (loading) {
     return <ContentLoader />;
   }
@@ -74,7 +78,7 @@ ProfileWebinarsProps) => {
       {!!webinarJoinId && (
         <WebinarMeetModal
           visible={!!webinarJoinId}
-          onClose={() => setWebinarJoinId(undefined)}
+          onClose={handleOnCloseModal}
           webinarId={webinarJoinId}
           webinar={webinarData}
         />
diff --git a/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx b/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
index 1a32edac8..1f29c93f1 100644
--- a/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
+++ b/src/components/Webinars/Webinar/WebinarMeetModal/index.tsx
@@ -12,6 +12,7 @@ import MeetingAnalyticsOverlay from "@/components/MeetingAnalyticsOverlay/Meetin
 import { EndMeetingQuestionnairesModal } from "@/components/Consultations/ConsultationCard/EndMeetingQuestionnaires";
 import { QuestionnaireModelType } from "@/types/questionnaire";
 import { API } from "@escolalms/sdk/lib";
+import { useRoles } from "@/hooks/useRoles";
 
 interface Props {
   onClose: () => void;
@@ -37,6 +38,7 @@ const WebinarMeetModal = ({ onClose, visible, webinarId, webinar }: Props) => {
   const onCloseRef = useRef(onClose);
   const { generateWebinarJitsy } = useContext(EscolaLMSContext);
   const { t } = useTranslation();
+  const { isTutor } = useRoles();
 
   useEffect(() => {
     onCloseRef.current = onClose;
@@ -83,8 +85,8 @@ const WebinarMeetModal = ({ onClose, visible, webinarId, webinar }: Props) => {
 
   const handleOnClose = useCallback(() => {
     setIsEnded(true);
-    onClose();
-  }, [onClose]);
+    isTutor && onClose();
+  }, [isTutor, onClose]);
 
   return (
     <>
@@ -129,7 +131,10 @@ const WebinarMeetModal = ({ onClose, visible, webinarId, webinar }: Props) => {
         <EndMeetingQuestionnairesModal
           entityId={webinarId}
           entityModel={QuestionnaireModelType.WEBINAR}
-          setIsEnded={setIsEnded}
+          setIsEnded={() => {
+            setIsEnded(false);
+            onClose();
+          }}
         />
       )}
     </>
diff --git a/src/components/Webinars/Webinar/WebinarSidebar/Buttons/index.tsx b/src/components/Webinars/Webinar/WebinarSidebar/Buttons/index.tsx
index ab20b3012..316747e76 100644
--- a/src/components/Webinars/Webinar/WebinarSidebar/Buttons/index.tsx
+++ b/src/components/Webinars/Webinar/WebinarSidebar/Buttons/index.tsx
@@ -1,4 +1,4 @@
-import { useContext, useEffect, useMemo, useState } from "react";
+import { useContext, useEffect, useMemo, useState, useCallback } from "react";
 import { EscolaLMSContext } from "@escolalms/sdk/lib/react/context";
 import { isPast } from "date-fns";
 
@@ -87,6 +87,10 @@ const WebinarSidebarButtons = () => {
     }
   }, [webinarInCart, webinarObj, user.value?.id]);
 
+  const handleOnCloseModal = useCallback(() => {
+    setShowMeetModal(false);
+  }, []);
+
   return (
     <>
       {buttonStatus === ButtonStatus.FINISHED && (
@@ -142,11 +146,10 @@ const WebinarSidebarButtons = () => {
         </Button>
       )}
 
-      {/* MEET MODAL */}
       {showMeetModal && webinarObj?.id && (
         <WebinarMeetModal
           visible={showMeetModal}
-          onClose={() => setShowMeetModal(false)}
+          onClose={handleOnCloseModal}
           webinarId={webinarObj.id}
         />
       )}
diff --git a/src/hooks/questionnaires/index.tsx b/src/hooks/questionnaires/index.tsx
index a93b15639..6e2f3a243 100644
--- a/src/hooks/questionnaires/index.tsx
+++ b/src/hooks/questionnaires/index.tsx
@@ -38,59 +38,65 @@ export const useQuestionnaires = ({
     [entityId, entityModel, fetchQuestionnaire]
   );
 
-  const getQuestionnaires = useCallback(async () => {
-    setLoading(true);
-    setError(null);
+  const getQuestionnaires = useCallback(
+    async (handleClose?: () => void) => {
+      setLoading(true);
+      setError(null);
 
-    try {
-      const response = await fetchQuestionnaires(entityModel, entityId);
+      try {
+        const response = await fetchQuestionnaires(entityModel, entityId);
 
-      if (response?.success) {
-        const questionnairesWithCombinedQuestions = await Promise.all(
-          response.data.map(async (data) => {
-            const questions = await getQuestionnaire(data.id);
+        if (response?.success) {
+          const questionnairesWithCombinedQuestions = await Promise.all(
+            response.data.map(async (data) => {
+              const questions = await getQuestionnaire(data.id);
 
-            const combinedQuestions = data.questions.reduce(
-              (result, element) => {
-                const matchingElement = questions?.find(
-                  (item) => item.id === element.id
-                );
+              const combinedQuestions = data.questions.reduce(
+                (result, element) => {
+                  const matchingElement = questions?.find(
+                    (item) => item.id === element.id
+                  );
 
-                const updatedElement = {
-                  ...element,
-                  rate: matchingElement?.rate,
-                  note: matchingElement?.note,
-                };
-                result.push(updatedElement);
+                  const updatedElement = {
+                    ...element,
+                    rate: matchingElement?.rate,
+                    note: matchingElement?.note,
+                  };
+                  result.push(updatedElement);
 
-                return result;
-              },
-              [] as API.QuestionnaireQuestion[]
-            );
+                  return result;
+                },
+                [] as API.QuestionnaireQuestion[]
+              );
 
-            return {
-              ...data,
-              questions: combinedQuestions.sort(
-                (a, b) => a.position - b.position
-              ),
-            };
-          })
-        );
+              return {
+                ...data,
+                questions: combinedQuestions.sort(
+                  (a, b) => a.position - b.position
+                ),
+              };
+            })
+          );
 
-        setQuestionnaires(
-          questionnairesWithCombinedQuestions.filter(
-            (q) => q.questions.length > 0
-          )
-        );
+          setQuestionnaires(
+            questionnairesWithCombinedQuestions.filter(
+              (q) => q.questions.length > 0
+            )
+          );
+          questionnairesWithCombinedQuestions.length === 0 &&
+            handleClose &&
+            handleClose();
+        }
+      } catch (error) {
+        setError("Failed to fetch questionnaires");
+        toast(t<string>("UnexpectedError"), "error");
+        console.error(error);
+      } finally {
+        setLoading(false);
       }
-    } catch (error) {
-      setError("Failed to fetch questionnaires");
-      toast(t<string>("UnexpectedError"), "error");
-      console.error(error);
-    } finally {
-      setLoading(false);
-    }
-  }, [entityId, entityModel, fetchQuestionnaires, getQuestionnaire]);
+    },
+    [entityId, entityModel, fetchQuestionnaires, getQuestionnaire]
+  );
 
   const getReviewQuestion = useCallback(
     ({

From a8d971071595f8803460a01a6b5cf442540e6d8c Mon Sep 17 00:00:00 2001
From: "mateusz.bieniek" <mateusz.bieniek@escolasoft.com>
Date: Mon, 13 Apr 2026 11:35:17 +0200
Subject: [PATCH 9/9] REK-164 Build problem resolve

---
 src/utils/date.ts              | 2 +-
 src/utils/index.ts             | 4 ++--
 src/workers/saveImageWorker.ts | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/utils/date.ts b/src/utils/date.ts
index 25482530a..00051f3fc 100644
--- a/src/utils/date.ts
+++ b/src/utils/date.ts
@@ -1,5 +1,5 @@
 import { add, format, isAfter } from "date-fns";
-import { APP_CONFIG } from "@/config/app";
+import { APP_CONFIG } from "../config/app";
 
 export const formatDate = (
   date: string | number | Date | null | undefined,
diff --git a/src/utils/index.ts b/src/utils/index.ts
index df498d1e7..247904200 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -4,8 +4,8 @@ import {
   Notification,
   Order,
 } from "@escolalms/sdk/lib/types";
-import { APP_CONFIG } from "@/config/app";
-import { formatDate } from "@/utils/date";
+import { APP_CONFIG } from "../config/app";
+import { formatDate } from "../utils/date";
 import { API } from "@escolalms/sdk/lib";
 import {
   differenceInDays,
diff --git a/src/workers/saveImageWorker.ts b/src/workers/saveImageWorker.ts
index 42d5e2c68..e4881c949 100644
--- a/src/workers/saveImageWorker.ts
+++ b/src/workers/saveImageWorker.ts
@@ -1,4 +1,4 @@
-import { getDateParts } from "@/utils/index";
+import { getDateParts } from "../utils/index";
 
 export {};