interview-widget 1.0.8 → 1.0.9

package/dist/widget.es.js

@@ -1,9 +1,9 @@
-var We = Object.defineProperty;
-var Ge = (i, r, t) => r in i ? We(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t;
-var F = (i, r, t) => Ge(i, typeof r != "symbol" ? r + "" : r, t);
-import xe, { createContext as Se, useContext as ae, useSyncExternalStore as Ie, useRef as E, useCallback as T, useMemo as ee, useState as k, useEffect as C, forwardRef as Ve, useImperativeHandle as ze } from "react";
-import { createPortal as He } from "react-dom";
-var Re = { exports: {} }, oe = {};
+var He = Object.defineProperty;
+var Ye = (i, r, t) => r in i ? He(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t;
+var F = (i, r, t) => Ye(i, typeof r != "symbol" ? r + "" : r, t);
+import pe, { createContext as Re, useContext as oe, useSyncExternalStore as Ae, useRef as k, useCallback as T, useMemo as ee, useState as E, useEffect as C, forwardRef as Qe, useImperativeHandle as Ke } from "react";
+import { createPortal as Je } from "react-dom";
+var Me = { exports: {} }, ce = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,8 +13,8 @@ var Re = { exports: {} }, oe = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ye = Symbol.for("react.transitional.element"), Qe = Symbol.for("react.fragment");
-function Ae(i, r, t) {
+var Xe = Symbol.for("react.transitional.element"), Ze = Symbol.for("react.fragment");
+function De(i, r, t) {
   var s = null;
   if (t !== void 0 && (s = "" + t), r.key !== void 0 && (s = "" + r.key), "key" in r) {
     t = {};
@@ -22,19 +22,19 @@ function Ae(i, r, t) {
       n !== "key" && (t[n] = r[n]);
   } else t = r;
   return r = t.ref, {
-    $$typeof: Ye,
+    $$typeof: Xe,
     type: i,
     key: s,
     ref: r !== void 0 ? r : null,
     props: t
   };
 }
-oe.Fragment = Qe;
-oe.jsx = Ae;
-oe.jsxs = Ae;
-Re.exports = oe;
-var e = Re.exports;
-const me = {}, $ = {
+ce.Fragment = Ze;
+ce.jsx = De;
+ce.jsxs = De;
+Me.exports = ce;
+var e = Me.exports;
+const ge = {}, $ = {
   api: {
     baseUrl: "/api",
     retryConfig: {
@@ -65,66 +65,66 @@ const me = {}, $ = {
       enabled: !0
     }
   }
-}, be = "iw-storage";
-function Ke() {
-  if (!(typeof import.meta < "u" && (me != null && me.VITE_IW_SECRET)))
+}, ye = "iw-storage";
+function et() {
+  if (!(typeof import.meta < "u" && (ge != null && ge.VITE_IW_SECRET)))
     return typeof process < "u" && process.env.NEXT_PUBLIC_IW_SECRET ? process.env.NEXT_PUBLIC_IW_SECRET : typeof window < "u" && window.__IW_SECRET__ ? window.__IW_SECRET__ : "proctoring-data-seed";
 }
-const Me = Ke(), ye = "AES-GCM", pe = 12;
-async function De(i) {
+const _e = et(), Pe = 5, ve = "AES-GCM", be = 12;
+async function Fe(i) {
   const t = new TextEncoder().encode(i), s = await crypto.subtle.digest("SHA-256", t);
-  return crypto.subtle.importKey("raw", s, ye, !1, [
+  return crypto.subtle.importKey("raw", s, ve, !1, [
     "encrypt",
     "decrypt"
   ]);
 }
-function Je() {
-  return crypto.getRandomValues(new Uint8Array(pe));
+function tt() {
+  return crypto.getRandomValues(new Uint8Array(be));
 }
-async function Xe(i, r = "default-seed") {
+async function it(i, r = "default-seed") {
   try {
-    const t = typeof i == "string" ? i : JSON.stringify(i), n = new TextEncoder().encode(t), o = await De(r), a = Je(), l = await crypto.subtle.encrypt(
-      { name: ye, iv: a },
+    const t = typeof i == "string" ? i : JSON.stringify(i), n = new TextEncoder().encode(t), o = await Fe(r), a = tt(), c = await crypto.subtle.encrypt(
+      { name: ve, iv: a },
       o,
       n
-    ), w = new Uint8Array(a.length + l.byteLength);
-    return w.set(new Uint8Array(a), 0), w.set(new Uint8Array(l), a.length), btoa(String.fromCharCode(...Array.from(w)));
+    ), w = new Uint8Array(a.length + c.byteLength);
+    return w.set(new Uint8Array(a), 0), w.set(new Uint8Array(c), a.length), btoa(String.fromCharCode(...Array.from(w)));
   } catch (t) {
     throw console.error("Encryption failed:", t), new Error("Failed to encrypt data");
   }
 }
-async function Ze(i, r = "default-seed") {
+async function rt(i, r = "default-seed") {
   try {
     const t = atob(i), s = new Uint8Array(t.length);
     for (let d = 0; d < t.length; d++)
       s[d] = t.charCodeAt(d);
-    const n = s.slice(0, pe), o = s.slice(pe), a = await De(r), l = await crypto.subtle.decrypt(
-      { name: ye, iv: n },
+    const n = s.slice(0, be), o = s.slice(be), a = await Fe(r), c = await crypto.subtle.decrypt(
+      { name: ve, iv: n },
       a,
       o
     );
-    return new TextDecoder().decode(l);
+    return new TextDecoder().decode(c);
   } catch (t) {
     throw console.error("Decryption failed:", t), new Error("Failed to decrypt data");
   }
 }
-async function et(i, r = "default-seed") {
-  return Xe(i, r);
+async function st(i, r = "default-seed") {
+  return it(i, r);
 }
-async function tt(i, r = "default-seed") {
-  const t = await Ze(i, r);
+async function nt(i, r = "default-seed") {
+  const t = await rt(i, r);
   try {
     return JSON.parse(t);
   } catch {
     return t;
   }
 }
-const le = Se(null), it = async () => {
+const le = Re(null), at = async () => {
   var i, r;
   try {
-    const t = sessionStorage.getItem(be);
+    const t = sessionStorage.getItem(ye);
     if (t) {
-      const s = await tt(t, Me);
+      const s = await nt(t, _e);
       return {
         logViolations: ((i = s.state) == null ? void 0 : i.logViolations) || [],
         totalViolations: ((r = s.state) == null ? void 0 : r.totalViolations) || 0
@@ -137,28 +137,28 @@ const le = Se(null), it = async () => {
     );
   }
   return { logViolations: [], totalViolations: 0 };
-}, ke = async (i) => {
+}, Te = async (i) => {
   try {
-    const r = await et(
+    const r = await st(
       {
         state: i,
         version: 0
       },
-      Me
+      _e
     );
-    sessionStorage.setItem(be, r);
+    sessionStorage.setItem(ye, r);
   } catch (r) {
     console.error("Failed to save proctoring data to session storage:", r);
   }
-}, rt = ({
+}, ot = ({
   children: i
 }) => {
-  const r = E({
+  const r = k({
     logViolations: [],
     totalViolations: 0
-  }), t = E(/* @__PURE__ */ new Set());
-  xe.useEffect(() => {
-    it().then((d) => {
+  }), t = k(/* @__PURE__ */ new Set());
+  pe.useEffect(() => {
+    at().then((d) => {
       r.current = d, s();
     });
   }, []);
@@ -171,46 +171,46 @@ const le = Se(null), it = async () => {
       r.current = {
         logViolations: [...r.current.logViolations, d],
         totalViolations: r.current.totalViolations + 1
-      }, ke(r.current), s();
+      }, Te(r.current), s();
     },
     [s]
-  ), l = T(() => {
+  ), c = T(() => {
     r.current = {
       logViolations: [],
       totalViolations: 0
-    }, ke(r.current), s();
+    }, Te(r.current), s();
   }, [s]), w = ee(
     () => ({
       getState: o,
       addViolation: a,
-      clearViolations: l,
+      clearViolations: c,
       subscribe: n
     }),
-    [o, a, l, n]
+    [o, a, c, n]
   );
   return /* @__PURE__ */ e.jsx(le.Provider, { value: w, children: i });
-}, st = () => {
-  const i = ae(le);
+}, ct = () => {
+  const i = oe(le);
   if (!i)
     throw new Error("useViolations must be used within a ProctoringProvider");
-  return Ie(
+  return Ae(
     i.subscribe,
     () => i.getState().logViolations,
     () => i.getState().logViolations
   );
-}, nt = () => {
-  const i = ae(le);
+}, lt = () => {
+  const i = oe(le);
   if (!i)
     throw new Error(
       "useTotalViolations must be used within a ProctoringProvider"
     );
-  return Ie(
+  return Ae(
     i.subscribe,
     () => i.getState().totalViolations,
     () => i.getState().totalViolations
   );
-}, at = () => {
-  const i = ae(le);
+}, dt = () => {
+  const i = oe(le);
   if (!i)
     throw new Error(
       "useProctoringActions must be used within a ProctoringProvider"
@@ -219,10 +219,10 @@ const le = Se(null), it = async () => {
     addViolation: i.addViolation,
     clearViolations: i.clearViolations
   };
-}, _e = Se(
+}, Le = Re(
   null
 );
-function ot({
+function wt({
   config: i = {},
   children: r
 }) {
@@ -257,26 +257,26 @@ function ot({
       }
     }
   };
-  return /* @__PURE__ */ e.jsx(_e.Provider, { value: t, children: /* @__PURE__ */ e.jsx(rt, { children: r }) });
+  return /* @__PURE__ */ e.jsx(Le.Provider, { value: t, children: /* @__PURE__ */ e.jsx(ot, { children: r }) });
 }
-function ce() {
-  const i = ae(_e);
+function de() {
+  const i = oe(Le);
   if (!i)
     throw new Error(
       "useInterviewConfig must be used within an InterviewWidgetProvider. Wrap your component tree with <InterviewWidgetProvider config={...}>"
     );
   return i;
 }
-function Pe() {
-  return ce().api || $.api;
+function $e() {
+  return de().api || $.api;
 }
 function te() {
-  return ce().ui || $.ui;
+  return de().ui || $.ui;
 }
-function lt() {
-  return ce().interview || $.interview;
+function ut() {
+  return de().interview || $.interview;
 }
-const Fe = ({
+const Oe = ({
   className: i,
   ...r
 }) => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
@@ -305,7 +305,7 @@ const Fe = ({
       /* @__PURE__ */ e.jsx("path", { d: "M7.75 7.75l-2.15 -2.15" })
     ]
   }
-) }), Le = ({
+) }), Ue = ({
   children: i,
   variant: r = "primary",
   size: t = "md",
@@ -313,7 +313,7 @@ const Fe = ({
   isLoading: n = !1,
   disabled: o,
   className: a = "",
-  ...l
+  ...c
 }) => {
   const w = "iw-inline-flex iw-items-center iw-justify-center iw-rounded-md iw-font-medium iw-transition-colors iw-focus:outline-none iw-focus:ring-2 iw-focus:ring-primary-500 iw-focus:ring-offset-2", d = {
     primary: "iw-bg-primary-600 iw-text-white iw-hover:bg-primary-700 iw-border iw-border-transparent",
@@ -331,15 +331,15 @@ const Fe = ({
     {
       className: `${w} ${d[r]} ${u[t]} ${m} ${h} ${a}`,
       disabled: o || n,
-      ...l,
+      ...c,
       children: [
-        n && /* @__PURE__ */ e.jsx(Fe, { height: 16, width: 16, style: { marginRight: "3px" } }),
+        n && /* @__PURE__ */ e.jsx(Oe, { height: 16, width: 16, style: { marginRight: "3px" } }),
         i
       ]
     }
   );
 };
-function ct(i) {
+function ht(i) {
   const r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(i);
   return r ? {
     r: parseInt(r[1], 16),
@@ -347,32 +347,32 @@ function ct(i) {
     b: parseInt(r[3], 16)
   } : null;
 }
-function dt(i, r, t) {
+function mt(i, r, t) {
   return "#" + [i, r, t].map((s) => {
     const n = Math.round(s).toString(16);
     return n.length === 1 ? "0" + n : n;
   }).join("");
 }
-function $e(i, r) {
-  const t = ct(i);
+function qe(i, r) {
+  const t = ht(i);
   if (!t) return i;
   const s = t.r + (255 - t.r) * r, n = t.g + (255 - t.g) * r, o = t.b + (255 - t.b) * r;
-  return dt(s, n, o);
+  return mt(s, n, o);
 }
-function wt(i, r = 0.8) {
+function gt(i, r = 0.8) {
   return {
-    background: `linear-gradient(to bottom, ${$e(i, r)}, #ffffff)`,
+    background: `linear-gradient(to bottom, ${qe(i, r)}, #ffffff)`,
     color: "#1f2937"
   };
 }
-function ut(i) {
+function ft(i) {
   return new Promise((r) => setTimeout(r, i));
 }
-function Oe(i) {
-  return `linear-gradient(to left, ${$e(i, 0.4)}, ${i})`;
+function Be(i) {
+  return `linear-gradient(to left, ${qe(i, 0.4)}, ${i})`;
 }
-const ht = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
-function mt(i) {
+const xt = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
+function pt(i) {
   try {
     const r = i.split(".");
     if (r.length !== 3 || !r[1])
@@ -386,7 +386,7 @@ function mt(i) {
     return console.error("Error decoding JWT:", r), null;
   }
 }
-const qe = (i) => /* @__PURE__ */ e.jsxs(
+const We = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -404,7 +404,7 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
       /* @__PURE__ */ e.jsx("path", { d: "m9 12 2 2 4-4" })
     ]
   }
-), Ue = (i) => /* @__PURE__ */ e.jsxs(
+), Ve = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -423,7 +423,7 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
       /* @__PURE__ */ e.jsx("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
     ]
   }
-), gt = (i) => /* @__PURE__ */ e.jsxs(
+), bt = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -442,52 +442,52 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
       /* @__PURE__ */ e.jsx("path", { d: "M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" })
     ]
   }
-), V = (i) => {
+), G = (i) => {
   const { baseColor: r, borderRadius: t } = te(), { loading: s, children: n, ...o } = i;
   return /* @__PURE__ */ e.jsx(
-    Le,
+    Ue,
     {
       style: {
-        background: Oe(r),
+        background: Be(r),
         borderRadius: t
       },
       ...o,
-      children: s ? /* @__PURE__ */ e.jsx(Fe, {}) : n
+      children: s ? /* @__PURE__ */ e.jsx(Oe, {}) : n
     }
   );
-}, ft = [
+}, yt = [
   "Do not refresh or reload the page during your assessment",
   "Refrain from switching tabs or opening other applications while the session is in progress",
   "Ensure your face remains clearly visible on camera at all times",
   "Avoid frequent distractions or leaving your seat during the session",
   "Do not disable or interfere with audio/video monitoring"
-], xt = ({
+], vt = ({
   isOpen: i,
   onStart: r,
   onClose: t
 }) => {
-  var A;
-  const s = E(null), n = E(null), { baseColor: o, borderRadius: a } = te(), [l, w] = k(!1), [d, u] = k(null), [h, m] = k(!1), c = o ?? "#2563eb", x = Oe(c), p = a ?? 18, j = (f, M) => f.startsWith("#") && f.length === 7 ? `${f}${M}` : f, g = [
-    `radial-gradient(120% 85% at 50% 125%, ${j(
-      c,
+  var M;
+  const s = k(null), n = k(null), { baseColor: o, borderRadius: a } = te(), [c, w] = E(!1), [d, u] = E(null), [h, m] = E(!1), l = o ?? "#2563eb", p = Be(l), b = a ?? 18, y = (x, D) => x.startsWith("#") && x.length === 7 ? `${x}${D}` : x, g = [
+    `radial-gradient(120% 85% at 50% 125%, ${y(
+      l,
       "34"
     )} 0%, transparent 70%)`,
-    `radial-gradient(90% 70% at 10% 130%, ${j(
-      c,
+    `radial-gradient(90% 70% at 10% 130%, ${y(
+      l,
       "24"
     )} 0%, transparent 72%)`,
-    `radial-gradient(90% 70% at 90% 130%, ${j(
-      c,
+    `radial-gradient(90% 70% at 90% 130%, ${y(
+      l,
       "24"
     )} 0%, transparent 72%)`,
-    `repeating-linear-gradient(135deg, ${j(
-      c,
+    `repeating-linear-gradient(135deg, ${y(
+      l,
       "14"
-    )} 0, ${j(
-      c,
+    )} 0, ${y(
+      l,
       "14"
     )} 16px, transparent 16px, transparent 32px)`
-  ].join(", "), y = l ? {
+  ].join(", "), f = c ? {
     label: "Camera & microphone ready",
     toneClass: "iw-bg-white/15 iw-text-white",
     dotClass: "iw-bg-emerald-400"
@@ -499,7 +499,7 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
     label: "Allow access to continue",
     toneClass: "iw-bg-white/15 iw-text-white",
     dotClass: "iw-bg-rose-300"
-  }, S = l ? {
+  }, S = c ? {
     badge: "Ready",
     toneClass: "iw-bg-emerald-50 iw-text-emerald-600",
     cameraCopy: "Framing looks good for identity verification.",
@@ -514,57 +514,57 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
     toneClass: "iw-bg-rose-50 iw-text-rose-600",
     cameraCopy: "Grant camera access to continue with the interview.",
     micCopy: "Enable microphone access so we can capture your answers."
-  }, N = [
+  }, j = [
     {
       label: "Camera feed",
       description: S.cameraCopy,
       status: S.badge,
       toneClass: S.toneClass,
-      Icon: Ue
+      Icon: Ve
     },
     {
       label: "Microphone input",
       description: S.micCopy,
       status: S.badge,
       toneClass: S.toneClass,
-      Icon: gt
+      Icon: bt
     }
-  ], _ = () => {
-    n.current && (n.current.getTracks().forEach((f) => f.stop()), n.current = null);
-  }, v = async () => {
+  ], R = () => {
+    n.current && (n.current.getTracks().forEach((x) => x.stop()), n.current = null);
+  }, N = async () => {
     m(!0), u(null);
     try {
-      const f = await navigator.mediaDevices.getUserMedia({
+      const x = await navigator.mediaDevices.getUserMedia({
         video: { width: { ideal: 1280 }, height: { ideal: 720 } },
         audio: !0
       });
-      n.current = f, s.current && (s.current.srcObject = f), w(!0);
-    } catch (f) {
-      console.error("Media permission error:", f);
-      let M = "Unable to access camera or microphone.";
-      (f == null ? void 0 : f.name) === "NotAllowedError" ? M = "Permissions denied. Please allow access to camera and microphone." : (f == null ? void 0 : f.name) === "NotFoundError" ? M = "No camera/microphone found. Please connect a device and retry." : f != null && f.message && (M = f.message), w(!1), u(M);
+      n.current = x, s.current && (s.current.srcObject = x), w(!0);
+    } catch (x) {
+      console.error("Media permission error:", x);
+      let D = "Unable to access camera or microphone.";
+      (x == null ? void 0 : x.name) === "NotAllowedError" ? D = "Permissions denied. Please allow access to camera and microphone." : (x == null ? void 0 : x.name) === "NotFoundError" ? D = "No camera/microphone found. Please connect a device and retry." : x != null && x.message && (D = x.message), w(!1), u(D);
     } finally {
       m(!1);
     }
   };
   if (C(() => {
     if (!i) {
-      _();
+      R();
       return;
     }
-    return v(), () => {
-      _();
+    return N(), () => {
+      R();
     };
   }, [i]), !i) return null;
-  const R = () => {
-    r(), _();
+  const A = () => {
+    r(), R();
   };
   return /* @__PURE__ */ e.jsx("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center iw-bg-gray-900/25 iw-backdrop-blur-md iw-p-4", children: /* @__PURE__ */ e.jsxs("div", { className: " iw-w-full iw-max-w-[920px] iw-max-h-[96vh] iw-overflow-auto iw-rounded-3xl iw-bg-white iw-shadow-[0_40px_80px_-28px_rgba(15,23,42,0.25)]", children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "iw-relative iw-overflow-hidden",
-        style: { background: x },
+        style: { background: p },
         children: [
           /* @__PURE__ */ e.jsx(
             "div",
@@ -598,7 +598,7 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
           ),
           /* @__PURE__ */ e.jsxs("div", { className: "iw-relative iw-grid md:iw-grid-cols-[minmax(0,1fr)_auto] iw-items-start iw-gap-6 iw-px-6 iw-py-7", children: [
             /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-flex-col iw-gap-4 iw-text-white", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-4", children: [
-              /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-12 iw-w-12 iw-items-center iw-justify-center iw-rounded-2xl iw-bg-white/15 iw-shadow-inner", children: /* @__PURE__ */ e.jsx(qe, { className: "iw-h-6 iw-w-6" }) }),
+              /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-12 iw-w-12 iw-items-center iw-justify-center iw-rounded-2xl iw-bg-white/15 iw-shadow-inner", children: /* @__PURE__ */ e.jsx(We, { className: "iw-h-6 iw-w-6" }) }),
               /* @__PURE__ */ e.jsxs("div", { children: [
                 /* @__PURE__ */ e.jsx("p", { className: "iw-text-[11px] iw-font-medium iw-uppercase iw-tracking-wide iw-text-white/70", children: "Pre-interview checklist" }),
                 /* @__PURE__ */ e.jsx("h2", { className: "iw-mt-1 iw-text-xl iw-font-semibold iw-leading-tight", children: "Final checks before you go live" }),
@@ -608,15 +608,15 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
             /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-items-start iw-justify-end", children: /* @__PURE__ */ e.jsxs(
               "div",
               {
-                className: `iw-inline-flex iw-items-center iw-gap-2 iw-rounded-full iw-bg-white/10 iw-px-4 iw-py-1.5 iw-text-xs iw-font-medium iw-text-white/85 iw-backdrop-blur-sm ${y.toneClass}`,
+                className: `iw-inline-flex iw-items-center iw-gap-2 iw-rounded-full iw-bg-white/10 iw-px-4 iw-py-1.5 iw-text-xs iw-font-medium iw-text-white/85 iw-backdrop-blur-sm ${f.toneClass}`,
                 children: [
                   /* @__PURE__ */ e.jsx(
                     "span",
                     {
-                      className: `iw-inline-flex iw-h-2 iw-w-2 iw-rounded-full ${y.dotClass}`
+                      className: `iw-inline-flex iw-h-2 iw-w-2 iw-rounded-full ${f.dotClass}`
                     }
                   ),
-                  y.label
+                  f.label
                 ]
               }
             ) }),
@@ -626,7 +626,7 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
                 "aria-label": "Close",
                 className: "iw-absolute iw-top-5 iw-right-5 iw-text-white/70 transition-colors hover:iw-text-white",
                 onClick: () => {
-                  _(), t == null || t();
+                  R(), t == null || t();
                 },
                 children: "✕"
               }
@@ -642,7 +642,7 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
             /* @__PURE__ */ e.jsx("h3", { className: "iw-text-sm iw-font-semibold iw-text-slate-900", children: "Proctoring guidelines" }),
             /* @__PURE__ */ e.jsx("span", { className: "iw-text-[11px] iw-font-medium iw-uppercase iw-tracking-wide iw-text-slate-400", children: "Required" })
           ] }),
-          /* @__PURE__ */ e.jsx("ul", { className: "iw-mt-5 iw-flex iw-flex-col iw-gap-4", children: ft.map((f, M) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("ul", { className: "iw-mt-5 iw-flex iw-flex-col iw-gap-4", children: yt.map((x, D) => /* @__PURE__ */ e.jsx(
             "li",
             {
               className: "iw-group iw-overflow-hidden iw-rounded-xl iw-border iw-border-slate-100 iw-bg-slate-50/60 iw-p-4 iw-transition-all hover:iw-border-slate-200 hover:iw-bg-white",
@@ -651,14 +651,14 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
                   "span",
                   {
                     className: "iw-flex iw-h-8 iw-w-8 iw-flex-none iw-items-center iw-justify-center iw-rounded-full iw-text-sm iw-font-semibold iw-text-white",
-                    style: { background: x },
-                    children: M + 1
+                    style: { background: p },
+                    children: D + 1
                   }
                 ),
-                /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-slate-600", children: f })
+                /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-slate-600", children: x })
               ] })
             },
-            f
+            x
           )) })
         ] }) }),
         /* @__PURE__ */ e.jsxs("section", { className: "iw-flex iw-flex-col iw-gap-5", children: [
@@ -666,7 +666,7 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
             "div",
             {
               className: "iw-relative iw-flex iw-flex-col iw-gap-6 iw-overflow-hidden iw-rounded-3xl  iw-bg-white ",
-              style: { borderRadius: p },
+              style: { borderRadius: b },
               children: [
                 /* @__PURE__ */ e.jsx("div", { className: "iw-relative iw-z-10 iw-rounded-2xl iw-border iw-border-slate-200 iw-bg-slate-50/80 iw-p-3", children: /* @__PURE__ */ e.jsx(
                   "video",
@@ -678,35 +678,35 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
                     className: "iw-h-64 iw-w-full iw-rounded-2xl iw-object-cover",
                     style: {
                       transform: "scaleX(-1)",
-                      borderRadius: p
+                      borderRadius: b
                     }
                   }
                 ) }),
                 /* @__PURE__ */ e.jsxs("div", { className: "iw-relative iw-grid iw-grid-cols-2 iw-gap-4 iw-px-1", children: [
                   /* @__PURE__ */ e.jsx(
-                    Le,
+                    Ue,
                     {
-                      onClick: v,
+                      onClick: N,
                       disabled: h,
                       variant: "outline",
                       size: "sm",
                       className: "iw-font-medium",
                       style: {
-                        borderColor: c,
-                        borderRadius: p,
-                        color: c
+                        borderColor: l,
+                        borderRadius: b,
+                        color: l
                       },
-                      children: l ? "Recheck permissions" : "Enable camera & mic"
+                      children: c ? "Recheck permissions" : "Enable camera & mic"
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    V,
+                    G,
                     {
-                      onClick: R,
-                      disabled: !l,
+                      onClick: A,
+                      disabled: !c,
                       className: "iw-h-10 iw-px-6 iw-text-sm",
                       style: {
-                        backgroundColor: c
+                        backgroundColor: l
                       },
                       children: "Proceed"
                     }
@@ -715,20 +715,20 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
               ]
             }
           ),
-          /* @__PURE__ */ e.jsx("ul", { className: "iw-grid sm:iw-grid-cols-1 iw-gap-3", children: N.map(
-            ({ Icon: f, label: M, description: L, status: O, toneClass: U }) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("ul", { className: "iw-grid sm:iw-grid-cols-1 iw-gap-3", children: j.map(
+            ({ Icon: x, label: D, description: L, status: O, toneClass: B }) => /* @__PURE__ */ e.jsx(
               "li",
               {
                 className: "iw-rounded-2xl iw-border iw-border-slate-200/65 iw-bg-white iw-p-4 iw-shadow-sm iw-transition-all hover:iw-border-slate-200",
                 children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-3", children: [
-                  /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-flex-none iw-items-center iw-justify-center iw-rounded-xl iw-bg-slate-100", children: /* @__PURE__ */ e.jsx(f, { className: "iw-h-5 iw-w-5 iw-text-slate-600" }) }),
+                  /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-flex-none iw-items-center iw-justify-center iw-rounded-xl iw-bg-slate-100", children: /* @__PURE__ */ e.jsx(x, { className: "iw-h-5 iw-w-5 iw-text-slate-600" }) }),
                   /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1", children: [
                     /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between iw-gap-3", children: [
-                      /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-font-medium iw-text-slate-800", children: M }),
+                      /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-font-medium iw-text-slate-800", children: D }),
                       /* @__PURE__ */ e.jsx(
                         "span",
                         {
-                          className: `iw-rounded-full iw-px-3 iw-py-1 iw-text-[11px] iw-font-semibold ${U}`,
+                          className: `iw-rounded-full iw-px-3 iw-py-1 iw-text-[11px] iw-font-semibold ${B}`,
                           children: O
                         }
                       )
@@ -737,11 +737,11 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
                   ] })
                 ] })
               },
-              M
+              D
             )
           ) }),
           d && /* @__PURE__ */ e.jsx("div", { className: "iw-rounded-lg iw-border iw-border-rose-200 iw-bg-rose-50 iw-px-3 iw-py-2 iw-text-xs iw-text-rose-600", children: d }),
-          !((A = navigator.mediaDevices) != null && A.getUserMedia) && /* @__PURE__ */ e.jsx("div", { className: "iw-rounded-lg iw-border iw-border-amber-200 iw-bg-amber-50 iw-px-3 iw-py-2 iw-text-xs iw-text-amber-700", children: "Your browser does not support media devices. Please use a modern browser like Chrome, Edge, or Firefox." })
+          !((M = navigator.mediaDevices) != null && M.getUserMedia) && /* @__PURE__ */ e.jsx("div", { className: "iw-rounded-lg iw-border iw-border-amber-200 iw-bg-amber-50 iw-px-3 iw-py-2 iw-text-xs iw-text-amber-700", children: "Your browser does not support media devices. Please use a modern browser like Chrome, Edge, or Firefox." })
         ] })
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: " iw-rounded-2xl iw-border iw-border-dashed iw-border-slate-200 iw-bg-slate-50/85 iw-px-5 iw-py-4 iw-text-center", children: /* @__PURE__ */ e.jsx("div", { className: "iw-text-xs iw-text-slate-500", children: "Your session is monitored to protect exam integrity. Continuing confirms you have reviewed and accept these safeguards." }) }),
@@ -765,12 +765,12 @@ const qe = (i) => /* @__PURE__ */ e.jsxs(
     ] })
   ] }) });
 };
-var D = /* @__PURE__ */ ((i) => (i.IDLE = "idle", i.FETCHING_QUESTION = "fetching_question", i.READING_QUESTION = "reading_question", i.THINKING = "thinking", i.ANSWERING = "answering", i.TRANSCRIBING = "transcribing", i.EDITING = "editing", i.SUBMITTING = "submitting", i.COMPLETED = "completed", i))(D || {});
-const pt = {
+var _ = /* @__PURE__ */ ((i) => (i.IDLE = "idle", i.FETCHING_QUESTION = "fetching_question", i.READING_QUESTION = "reading_question", i.THINKING = "thinking", i.ANSWERING = "answering", i.TRANSCRIBING = "transcribing", i.EDITING = "editing", i.SUBMITTING = "submitting", i.COMPLETED = "completed", i))(_ || {});
+const jt = {
   thinkingDuration: 30,
   answeringDuration: 120,
   editingDuration: 30
-}, bt = {
+}, Nt = {
   idle: {
     next: "fetching_question"
     /* FETCHING_QUESTION */
@@ -799,14 +799,14 @@ const pt = {
     /* COMPLETED */
   }
 };
-class yt {
+class kt {
   constructor(r = {}, t = {}) {
     F(this, "config");
     F(this, "state");
     F(this, "phaseIntervalId", null);
     F(this, "globalIntervalId", null);
     F(this, "callbacks");
-    this.config = { ...pt, ...r }, this.callbacks = t, this.state = {
+    this.config = { ...jt, ...r }, this.callbacks = t, this.state = {
       phase: "idle",
       currentPhaseTimeRemaining: 0,
       totalTimeElapsed: 0,
@@ -829,7 +829,7 @@ class yt {
    * Move to next phase
    */
   nextPhase() {
-    const r = this.state.phase, t = bt[r];
+    const r = this.state.phase, t = Nt[r];
     if (!t) return;
     this.stopPhaseTimer(), this.state.phase = t.next;
     const s = this.getDurationForPhase(t.next);
@@ -900,38 +900,38 @@ class yt {
     (t = (r = this.callbacks).onPhaseChange) == null || t.call(r, this.state.phase, this.getState());
   }
 }
-function vt(i = {}) {
-  const { config: r = {}, callbacks: t = {} } = i, s = E(null);
-  s.current || (s.current = new yt(r, {}));
-  const n = s.current, [o, a] = k(n.getState()), l = T(() => {
+function Et(i = {}) {
+  const { config: r = {}, callbacks: t = {} } = i, s = k(null);
+  s.current || (s.current = new kt(r, {}));
+  const n = s.current, [o, a] = E(n.getState()), c = T(() => {
     a(n.getState());
   }, [n]);
   C(() => {
     const h = {
-      onPhaseChange: (m, c) => {
-        var x;
-        l(), (x = t.onPhaseChange) == null || x.call(t, m, c);
+      onPhaseChange: (m, l) => {
+        var p;
+        c(), (p = t.onPhaseChange) == null || p.call(t, m, l);
       },
       onTick: (m) => {
-        var c;
-        l(), (c = t.onTick) == null || c.call(t, m);
+        var l;
+        c(), (l = t.onTick) == null || l.call(t, m);
       },
       onInterviewEnd: () => {
         var m;
-        l(), (m = t.onInterviewEnd) == null || m.call(t);
+        c(), (m = t.onInterviewEnd) == null || m.call(t);
       }
     };
     n.callbacks = h;
-  }, [n, t, l]), C(() => () => {
+  }, [n, t, c]), C(() => () => {
     n.destroy();
   }, [n]);
   const w = T(() => {
-    n.startQuestion(), l();
-  }, [n, l]), d = T(() => {
-    n.nextPhase(), l();
-  }, [n, l]), u = T(() => {
-    n.completeInterview(), l();
-  }, [n, l]);
+    n.startQuestion(), c();
+  }, [n, c]), d = T(() => {
+    n.nextPhase(), c();
+  }, [n, c]), u = T(() => {
+    n.completeInterview(), c();
+  }, [n, c]);
   return {
     state: o,
     startQuestion: w,
@@ -940,14 +940,14 @@ function vt(i = {}) {
     timerService: n
   };
 }
-function jt(i, r = {}) {
-  const [t, s] = k({
+function Tt(i, r = {}) {
+  const [t, s] = E({
     data: null,
     loading: !1,
     error: null
   }), n = T(
     async (...o) => {
-      var a, l, w, d;
+      var a, c, w, d;
       s((u) => ({ ...u, loading: !0, error: null }));
       try {
         const u = await i(...o);
@@ -956,7 +956,7 @@ function jt(i, r = {}) {
           data: u,
           loading: !1,
           error: null
-        })), (a = r.onSuccess) == null || a.call(r, u), (l = r.onSettled) == null || l.call(r, u, null);
+        })), (a = r.onSuccess) == null || a.call(r, u), (c = r.onSettled) == null || c.call(r, u, null);
       } catch (u) {
         const h = u.type ? u : {
           type: "unknown",
@@ -979,67 +979,67 @@ function jt(i, r = {}) {
     execute: n
   };
 }
-const Nt = (i) => {
-  const [r, t] = k(null), [s, n] = k(!1), o = document, a = () => !!(o.fullscreenEnabled || o.webkitFullscreenEnabled || o.mozFullScreenEnabled || o.msFullscreenEnabled), l = () => o.fullscreenElement || o.webkitFullscreenElement || o.mozFullScreenElement || o.msFullscreenElement, w = async (c) => {
-    var x;
+const St = (i) => {
+  const [r, t] = E(null), [s, n] = E(!1), o = document, a = () => !!(o.fullscreenEnabled || o.webkitFullscreenEnabled || o.mozFullScreenEnabled || o.msFullscreenEnabled), c = () => o.fullscreenElement || o.webkitFullscreenElement || o.mozFullScreenElement || o.msFullscreenElement, w = async (l) => {
+    var p;
     try {
       if (!a())
         throw new Error("Fullscreen is not supported in this environment");
-      c.requestFullscreen ? await c.requestFullscreen() : c.webkitRequestFullscreen ? await c.webkitRequestFullscreen() : c.mozRequestFullScreen ? await c.mozRequestFullScreen() : c.msRequestFullscreen && await c.msRequestFullscreen();
-    } catch (p) {
-      const j = {
+      l.requestFullscreen ? await l.requestFullscreen() : l.webkitRequestFullscreen ? await l.webkitRequestFullscreen() : l.mozRequestFullScreen ? await l.mozRequestFullScreen() : l.msRequestFullscreen && await l.msRequestFullscreen();
+    } catch (b) {
+      const y = {
         name: "FullscreenError",
-        message: p instanceof Error ? p.message : "Failed to enter fullscreen"
+        message: b instanceof Error ? b.message : "Failed to enter fullscreen"
       };
-      t(j), (x = i == null ? void 0 : i.onError) == null || x.call(i, j);
+      t(y), (p = i == null ? void 0 : i.onError) == null || p.call(i, y);
     }
   }, d = async () => {
-    var c;
+    var l;
     try {
       o.exitFullscreen ? await o.exitFullscreen() : o.webkitExitFullscreen ? await o.webkitExitFullscreen() : o.mozCancelFullScreen ? await o.mozCancelFullScreen() : o.msExitFullscreen && await o.msExitFullscreen();
-    } catch (x) {
-      const p = {
+    } catch (p) {
+      const b = {
         name: "FullscreenError",
-        message: x instanceof Error ? x.message : "Failed to exit fullscreen"
+        message: p instanceof Error ? p.message : "Failed to exit fullscreen"
       };
-      t(p), (c = i == null ? void 0 : i.onError) == null || c.call(i, p);
+      t(b), (l = i == null ? void 0 : i.onError) == null || l.call(i, b);
     }
   }, u = T(() => {
-    var x;
-    const c = !!l();
-    n(c), (x = i == null ? void 0 : i.onFullScreenChange) == null || x.call(i, c);
+    var p;
+    const l = !!c();
+    n(l), (p = i == null ? void 0 : i.onFullScreenChange) == null || p.call(i, l);
   }, [i]);
   C(() => {
-    const c = [
+    const l = [
       "fullscreenchange",
       "webkitfullscreenchange",
       "mozfullscreenchange",
       "MSFullscreenChange"
     ];
-    return c.forEach((x) => {
-      document.addEventListener(x, u);
+    return l.forEach((p) => {
+      document.addEventListener(p, u);
     }), () => {
-      c.forEach((x) => {
-        document.removeEventListener(x, u);
+      l.forEach((p) => {
+        document.removeEventListener(p, u);
       });
     };
   }, [u]);
-  const h = async (c) => {
+  const h = async (l) => {
     t(null);
-    const x = c ?? document.documentElement;
-    await w(x);
+    const p = l ?? document.documentElement;
+    await w(p);
   };
   return {
     isFullScreen: s,
-    toggleFullScreen: async (c) => {
-      s ? await d() : await h(c);
+    toggleFullScreen: async (l) => {
+      s ? await d() : await h(l);
     },
     enterFullScreen: h,
     exitFullScreen: d,
     error: r
   };
 };
-function kt(i) {
+function Ct(i) {
   var r;
   if (!navigator.onLine)
     return {
@@ -1098,7 +1098,7 @@ function kt(i) {
     originalError: i
   };
 }
-async function ve(i, r = {}, t = {
+async function ae(i, r = {}, t = {
   attempts: 3,
   backoff: "exponential",
   baseDelay: 1e3,
@@ -1108,33 +1108,33 @@ async function ve(i, r = {}, t = {
   let s;
   for (let n = 1; n <= t.attempts; n++)
     try {
-      const o = new AbortController(), a = setTimeout(() => o.abort(), 6e4), l = await fetch(i, {
+      const o = new AbortController(), a = setTimeout(() => o.abort(), 6e4), c = await fetch(i, {
         ...r,
         signal: o.signal
       });
-      if (clearTimeout(a), l.status >= 400 && l.status < 500 && l.status !== 429)
-        return l;
-      if (!l.ok)
-        throw new Error(`HTTP ${l.status}: ${l.statusText}`);
-      return l;
+      if (clearTimeout(a), c.status >= 400 && c.status < 500 && c.status !== 429)
+        return c;
+      if (!c.ok)
+        throw new Error(`HTTP ${c.status}: ${c.statusText}`);
+      return c;
     } catch (o) {
       s = o;
-      const a = kt(o);
+      const a = Ct(o);
       if (!a.retryable || n === t.attempts)
         throw a;
-      const l = Et(n, t);
+      const c = It(n, t);
       console.warn(
-        `API request failed (attempt ${n}/${t.attempts}), retrying in ${l}ms:`,
+        `API request failed (attempt ${n}/${t.attempts}), retrying in ${c}ms:`,
         a.message
-      ), await new Promise((w) => setTimeout(w, l));
+      ), await new Promise((w) => setTimeout(w, c));
     }
   throw s;
 }
-function Et(i, r) {
+function It(i, r) {
   let t;
   return r.backoff === "exponential" ? t = r.baseDelay * Math.pow(2, i - 1) : t = r.baseDelay, t = Math.min(t, r.maxDelay), r.jitter && (t = t * (0.5 + Math.random() * 0.5)), Math.round(t);
 }
-class Tt {
+class Rt {
   constructor(r = {}) {
     F(this, "config");
     this.config = r;
@@ -1173,7 +1173,7 @@ class Tt {
     answer: o,
     answerDuration: a
   }) {
-    const l = await ve(
+    const c = await ae(
       `${this.getBaseUrl()}/questions/next`,
       {
         method: "POST",
@@ -1189,19 +1189,54 @@ class Tt {
         })
       }
     );
-    if (!l.ok)
-      throw new Error(`Failed to get questions: ${l.status}`);
-    return await l.json();
+    if (!c.ok)
+      throw new Error(`Failed to get questions: ${c.status}`);
+    return await c.json();
+  }
+  /**
+   * Request a signed URL for uploading a screenshot
+   */
+  async requestScreenshotUploadUrl(r, t = `screenshot-${Date.now()}.jpeg`) {
+    const s = await ae(
+      `${this.getBaseUrl()}/interview/${r}/content`,
+      {
+        method: "POST",
+        headers: this.getHeaders(),
+        body: JSON.stringify({
+          filename: t,
+          mime_type: "image/jpeg"
+        })
+      }
+    );
+    if (!s.ok)
+      throw new Error(
+        `Failed to request screenshot upload URL: ${s.status}`
+      );
+    return await s.json();
+  }
+  /**
+   * Upload screenshot to the provided signed URL
+   */
+  async uploadScreenshot(r, t) {
+    const s = await fetch(r, {
+      method: "PUT",
+      body: t,
+      headers: {
+        "Content-Type": "image/jpeg"
+      }
+    });
+    if (!s.ok)
+      throw new Error(`Failed to upload screenshot: ${s.status}`);
   }
 }
-function Ct() {
-  const i = ce();
+function Ge() {
+  const i = de();
   return ee(() => {
     const t = i.api || {};
-    return new Tt(t);
+    return new Rt(t);
   }, [i.api]);
 }
-const St = (i) => {
+const At = (i) => {
   C(() => {
     const r = (s) => {
       (s.ctrlKey || s.metaKey) && ["c", "v", "a", "t", "n", "w", "r", "s", "p"].includes(s.key.toLowerCase()) && (s.preventDefault(), i({
@@ -1246,7 +1281,7 @@ class I extends Error {
     super(r), this.code = t, this.recoverable = s, this.name = "STTError";
   }
 }
-class It {
+class Mt {
   constructor(r = {}) {
     F(this, "config");
     F(this, "mediaRecorder", null);
@@ -1310,13 +1345,13 @@ class It {
         var o;
         (o = t == null ? void 0 : t.onStop) == null || o.call(t);
       }, this.mediaRecorder.onerror = (o) => {
-        var l;
+        var c;
         const a = new I(
           `Recording failed: ${o.error}`,
           "RECORDING_ERROR",
           !0
         );
-        (l = t == null ? void 0 : t.onError) == null || l.call(t, a), this.cleanup();
+        (c = t == null ? void 0 : t.onError) == null || c.call(t, a), this.cleanup();
       }, this.mediaRecorder.start(100), (s = t == null ? void 0 : t.onStart) == null || s.call(t), r && r > 0 && (this.autoStopTimeoutId = setTimeout(() => {
         this.isRecording() && this.stopRecording();
       }, r * 1e3));
@@ -1390,11 +1425,11 @@ class It {
         !1
       );
     try {
-      const l = new FormData(), w = new File([t], "recording.wav", {
+      const c = new FormData(), w = new File([t], "recording.wav", {
         type: t.type || "audio/wav"
       });
-      l.append("file", w), l.append("model", s || "whisper-large-v3-turbo"), l.append("language", n || "en"), l.append("include_timestamps", String(o || !1)), l.append("temperature", String(a || 0)), l.append("qna_id", this.config.qnaId || "");
-      const d = await ve(
+      c.append("file", w), c.append("model", s || "whisper-large-v3-turbo"), c.append("language", n || "en"), c.append("include_timestamps", String(o || !1)), c.append("temperature", String(a || 0)), c.append("qna_id", this.config.qnaId || "");
+      const d = await ae(
         `${this.config.baseUrl}/speech/transcribe`,
         {
           method: "POST",
@@ -1405,7 +1440,7 @@ class It {
               Authorization: `Bearer ${this.config.authToken}`
             }
           },
-          body: l
+          body: c
         },
         {
           attempts: 1,
@@ -1419,8 +1454,8 @@ class It {
         const h = await d.text();
         let m = `STT request failed: ${d.status} ${d.statusText}`;
         try {
-          const c = JSON.parse(h);
-          m = c.message || c.error || m;
+          const l = JSON.parse(h);
+          m = l.message || l.error || m;
         } catch {
           m = h || m;
         }
@@ -1433,9 +1468,9 @@ class It {
       return {
         transcript: (await d.json()).data.text ?? ""
       };
-    } catch (l) {
-      throw l instanceof I ? l : new I(
-        `Transcription failed: ${l instanceof Error ? l.message : String(l)}`,
+    } catch (c) {
+      throw c instanceof I ? c : new I(
+        `Transcription failed: ${c instanceof Error ? c.message : String(c)}`,
         "TRANSCRIPTION_FAILED",
         !0
       );
@@ -1476,13 +1511,13 @@ class It {
     this.recordingStream && (this.recordingStream.getTracks().forEach((r) => r.stop()), this.recordingStream = null), this.mediaRecorder = null, this.audioChunks = [], this.autoStopTimeoutId && (clearTimeout(this.autoStopTimeoutId), this.autoStopTimeoutId = null);
   }
 }
-const Z = new It(), Rt = (i = {}) => {
-  const [r, t] = k(!1), [s, n] = k(!1), [o, a] = k(null), [l, w] = k(null), [d, u] = k(null);
+const Z = new Mt(), Dt = (i = {}) => {
+  const [r, t] = E(!1), [s, n] = E(!1), [o, a] = E(null), [c, w] = E(null), [d, u] = E(null);
   i.config && Z.updateConfig(i.config);
-  const h = T(async (p) => {
-    var j;
+  const h = T(async (b) => {
+    var y;
     try {
-      w(null), a(null), u(null), await Z.startRecording(p, {
+      w(null), a(null), u(null), await Z.startRecording(b, {
         onStart: () => {
           var g;
           t(!0), (g = i.onStart) == null || g.call(i);
@@ -1493,67 +1528,67 @@ const Z = new It(), Rt = (i = {}) => {
         },
         onError: (g) => {
           var S;
-          const y = g instanceof I ? g : new I(g.message, "RECORDING_ERROR", !0);
-          w(y), t(!1), (S = i.onError) == null || S.call(i, y);
+          const f = g instanceof I ? g : new I(g.message, "RECORDING_ERROR", !0);
+          w(f), t(!1), (S = i.onError) == null || S.call(i, f);
         }
       });
     } catch (g) {
-      const y = g instanceof I ? g : new I(
+      const f = g instanceof I ? g : new I(
         g instanceof Error ? g.message : String(g),
         "START_FAILED",
         !1
       );
-      throw w(y), t(!1), (j = i.onError) == null || j.call(i, y), y;
+      throw w(f), t(!1), (y = i.onError) == null || y.call(i, f), f;
     }
   }, []), m = T(async () => {
-    var p, j;
+    var b, y;
     try {
       const g = await Z.stopRecording();
-      return u(g), t(!1), (p = i.onStop) == null || p.call(i), g;
+      return u(g), t(!1), (b = i.onStop) == null || b.call(i), g;
     } catch (g) {
-      const y = g instanceof I ? g : new I(
+      const f = g instanceof I ? g : new I(
         g instanceof Error ? g.message : String(g),
         "STOP_FAILED",
         !1
       );
-      throw w(y), t(!1), (j = i.onError) == null || j.call(i, y), y;
+      throw w(f), t(!1), (y = i.onError) == null || y.call(i, f), f;
     }
-  }, []), c = T(
-    async (p, j = {}) => {
-      var g, y;
+  }, []), l = T(
+    async (b, y = {}) => {
+      var g, f;
       try {
         w(null), n(!0);
         const S = {
-          audioBlob: p,
-          ...j
-        }, N = await Z.transcribe(S);
-        return a(N.transcript), n(!1), (g = i.onTranscriptionComplete) == null || g.call(i, N), N;
+          audioBlob: b,
+          ...y
+        }, j = await Z.transcribe(S);
+        return a(j.transcript), n(!1), (g = i.onTranscriptionComplete) == null || g.call(i, j), j;
       } catch (S) {
-        const N = S instanceof I ? S : new I(
+        const j = S instanceof I ? S : new I(
           S instanceof Error ? S.message : String(S),
           "TRANSCRIPTION_FAILED",
           !0
         );
-        throw w(N), n(!1), (y = i.onError) == null || y.call(i, N), N;
+        throw w(j), n(!1), (f = i.onError) == null || f.call(i, j), j;
       }
     },
     []
-  ), x = T(() => {
+  ), p = T(() => {
     Z.cancelRecording(), t(!1), u(null);
   }, []);
   return {
     startRecording: h,
     stopRecording: m,
-    transcribe: c,
-    cancelRecording: x,
+    transcribe: l,
+    cancelRecording: p,
     isRecording: r,
     isTranscribing: s,
     transcript: o,
-    error: l,
+    error: c,
     audioBlob: d
   };
-}, At = (i) => {
-  const r = E(null), t = E(!1);
+}, _t = (i) => {
+  const r = k(null), t = k(!1);
   C(() => {
     const s = () => {
       document.hidden && (t.current = !0, r.current && (clearTimeout(r.current), r.current = null), i({
@@ -1582,7 +1617,7 @@ const Z = new It(), Rt = (i = {}) => {
       document.removeEventListener("visibilitychange", s), window.removeEventListener("blur", n), r.current && clearTimeout(r.current);
     };
   }, [i]);
-}, Mt = () => {
+}, Pt = () => {
   C(() => {
     const i = document.createElement("style");
     return i.textContent = `
@@ -1603,7 +1638,7 @@ const Z = new It(), Rt = (i = {}) => {
     };
   }, []);
 };
-class Dt {
+class Ft {
   constructor(r = {}) {
     F(this, "config");
     F(this, "currentAudio", null);
@@ -1631,7 +1666,7 @@ class Dt {
       speed: n = this.config.speed
     } = r, o = new URLSearchParams();
     o.append("text", t), o.append("voice", s || "string"), o.append("speed", (n == null ? void 0 : n.toString()) || "1");
-    const a = await ve(
+    const a = await ae(
       `${this.config.baseUrl}/speech/synthesize`,
       {
         method: "POST",
@@ -1657,8 +1692,8 @@ class Dt {
       throw new Error(
         `TTS request failed: ${a.status} ${a.statusText}`
       );
-    const l = a.headers.get("content-type");
-    if (l && l.includes("audio/"))
+    const c = a.headers.get("content-type");
+    if (c && c.includes("audio/"))
       return a.blob();
     try {
       const w = await a.json();
@@ -1675,7 +1710,7 @@ class Dt {
     try {
       this.stop(), (s = t == null ? void 0 : t.onStart) == null || s.call(t);
       const o = await this.synthesizeSpeech(r), a = URL.createObjectURL(o);
-      return this.currentAudio = new Audio(a), new Promise((l, w) => {
+      return this.currentAudio = new Audio(a), new Promise((c, w) => {
         if (!this.currentAudio) {
           w(new Error("Audio element not created"));
           return;
@@ -1683,7 +1718,7 @@ class Dt {
         const d = this.currentAudio;
         d.onended = () => {
           var u;
-          URL.revokeObjectURL(a), this.currentAudio = null, (u = t == null ? void 0 : t.onEnd) == null || u.call(t), l();
+          URL.revokeObjectURL(a), this.currentAudio = null, (u = t == null ? void 0 : t.onEnd) == null || u.call(t), c();
         }, d.onerror = (u) => {
           var m;
           URL.revokeObjectURL(a), this.currentAudio = null;
@@ -1714,10 +1749,10 @@ class Dt {
     return this.currentAudio !== null && !this.currentAudio.paused;
   }
 }
-const ge = new Dt(), _t = (i = {}) => {
-  const [r, t] = k(!1), [s, n] = k(!1), [o, a] = k(null);
-  i.config && ge.updateConfig(i.config);
-  const l = T(
+const fe = new Ft(), Lt = (i = {}) => {
+  const [r, t] = E(!1), [s, n] = E(!1), [o, a] = E(null);
+  i.config && fe.updateConfig(i.config);
+  const c = T(
     async (d, u = {}) => {
       var h;
       try {
@@ -1726,46 +1761,46 @@ const ge = new Dt(), _t = (i = {}) => {
           text: d,
           ...u
         };
-        await ge.speak(m, {
+        await fe.speak(m, {
           onStart: () => {
-            var c;
-            n(!1), t(!0), (c = i.onStart) == null || c.call(i);
+            var l;
+            n(!1), t(!0), (l = i.onStart) == null || l.call(i);
           },
           onEnd: () => {
-            var c;
-            t(!1), (c = i.onEnd) == null || c.call(i);
+            var l;
+            t(!1), (l = i.onEnd) == null || l.call(i);
           },
-          onError: (c) => {
-            var x;
-            t(!1), n(!1), a(c), (x = i.onError) == null || x.call(i, c);
+          onError: (l) => {
+            var p;
+            t(!1), n(!1), a(l), (p = i.onError) == null || p.call(i, l);
           }
         });
       } catch (m) {
-        const c = m instanceof Error ? m : new Error(String(m));
-        throw a(c), t(!1), n(!1), (h = i.onError) == null || h.call(i, c), c;
+        const l = m instanceof Error ? m : new Error(String(m));
+        throw a(l), t(!1), n(!1), (h = i.onError) == null || h.call(i, l), l;
       }
     },
     [i]
   ), w = T(() => {
-    ge.stop(), t(!1), n(!1);
+    fe.stop(), t(!1), n(!1);
   }, []);
   return {
-    speak: l,
+    speak: c,
     stop: w,
     isPlaying: r,
     isLoading: s,
     error: o
   };
-}, Pt = ({
+}, $t = ({
   onViolation: i,
   onEnd: r,
   maxViolations: t = 5
 }) => {
-  const { addViolation: s } = at(), n = st(), o = nt(), a = E(o);
+  const { addViolation: s } = dt(), n = ct(), o = lt(), a = k(o);
   C(() => {
     a.current = o;
   }, [o]);
-  const l = T(
+  const c = T(
     (d) => {
       r && r(d, a.current);
     },
@@ -1775,23 +1810,23 @@ const ge = new Dt(), _t = (i = {}) => {
     logViolation: T(
       ({ type: d, severity: u, details: h }) => {
         const m = {
-          id: ht(),
+          id: xt(),
           type: d,
           severity: u,
           details: h,
           timestamp: Date.now()
         };
         s(m);
-        const c = a.current + 1;
-        i && i(m, c), c >= t && l("excessive_violations");
+        const l = a.current + 1;
+        i && i(m, l), l >= t && c("excessive_violations");
       },
-      [s, i, t, l]
+      [s, i, t, c]
     ),
-    onInterviewEnd: l,
+    onInterviewEnd: c,
     violationCount: o,
     logList: n
   };
-}, Ft = () => {
+}, Ot = () => {
   C(() => {
     function i() {
       console.clear(), console.log(
@@ -1895,7 +1930,7 @@ const ge = new Dt(), _t = (i = {}) => {
       /* @__PURE__ */ e.jsx("path", { d: "M8.644 21.42a10 10 0 0 0 7.631-.38" })
     ]
   }
-), Lt = (i, r, t) => Math.max(r, Math.min(t, i)), Ee = (i) => {
+), Ut = (i, r, t) => Math.max(r, Math.min(t, i)), Se = (i) => {
   const r = Math.max(0, Math.floor(i)), t = Math.floor(r / 60).toString().padStart(2, "0"), s = (r % 60).toString().padStart(2, "0");
   return `${t}:${s}`;
 }, Ne = ({
@@ -1906,16 +1941,16 @@ const ge = new Dt(), _t = (i = {}) => {
   className: n = "",
   showLabel: o = !0
 }) => {
-  const a = Math.max(1, i || 1), l = Lt(r / a, 0, 1), { radius: w, circumference: d, dashOffset: u, center: h } = ee(() => {
-    const x = (t - s) / 2, p = 2 * Math.PI * x, j = p * (1 - l), g = Math.round(s) % 2 === 1, y = t / 2 + (g ? 0.5 : 0);
-    return { radius: x, circumference: p, dashOffset: j, center: y };
-  }, [t, s, l]), m = ee(() => l <= 0.25 ? "iw-stroke-red-500" : l <= 0.5 ? "iw-stroke-yellow-500" : "iw-stroke-green-500", [l]), c = l <= 0.25 ? "iw-animate-pulse" : "";
+  const a = Math.max(1, i || 1), c = Ut(r / a, 0, 1), { radius: w, circumference: d, dashOffset: u, center: h } = ee(() => {
+    const p = (t - s) / 2, b = 2 * Math.PI * p, y = b * (1 - c), g = Math.round(s) % 2 === 1, f = t / 2 + (g ? 0.5 : 0);
+    return { radius: p, circumference: b, dashOffset: y, center: f };
+  }, [t, s, c]), m = ee(() => c <= 0.25 ? "iw-stroke-red-500" : c <= 0.5 ? "iw-stroke-yellow-500" : "iw-stroke-green-500", [c]), l = c <= 0.25 ? "iw-animate-pulse" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: `iw-relative iw-inline-flex iw-items-center iw-justify-center iw-rounded-full iw-bg-white ${n}`,
       style: { width: t, height: t },
-      "aria-label": `Time remaining ${Ee(r)}`,
+      "aria-label": `Time remaining ${Se(r)}`,
       role: "timer",
       "aria-live": "polite",
       children: [
@@ -1946,7 +1981,7 @@ const ge = new Dt(), _t = (i = {}) => {
                   cx: h,
                   cy: h,
                   r: w,
-                  className: `${m} ${c}`,
+                  className: `${m} ${l}`,
                   strokeWidth: s,
                   strokeLinecap: "round",
                   fill: "none",
@@ -1965,14 +2000,14 @@ const ge = new Dt(), _t = (i = {}) => {
         o && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-0 iw-flex iw-items-center iw-justify-center iw-rotate-0", children: /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: `iw-text-[11px] iw-font-semibold iw-tabular-nums ${l <= 0.25 ? "iw-text-red-600" : l <= 0.5 ? "iw-text-yellow-600" : "iw-text-green-600"}`,
-            children: Ee(r)
+            className: `iw-text-[11px] iw-font-semibold iw-tabular-nums ${c <= 0.25 ? "iw-text-red-600" : c <= 0.5 ? "iw-text-yellow-600" : "iw-text-green-600"}`,
+            children: Se(r)
           }
         ) })
       ]
     }
   );
-}, $t = ({
+}, qt = ({
   label: i,
   error: r,
   fullWidth: t = !1,
@@ -1980,7 +2015,7 @@ const ge = new Dt(), _t = (i = {}) => {
   id: n,
   ...o
 }) => {
-  const a = n || `textarea-${Math.random().toString(36).substring(2, 9)}`, l = "iw-block iw-rounded-md iw-border iw-border-gray-300 iw-shadow-sm iw-px-4 iw-py-2 iw-text-sm  iw-transition-all", w = r ? "iw-border-red-500 iw-focus:border-red-500 iw-focus:ring-red-500" : "", d = t ? "iw-w-full" : "", u = s.includes("iw-h-full") || t ? "iw-h-full" : "";
+  const a = n || `textarea-${Math.random().toString(36).substring(2, 9)}`, c = "iw-block iw-rounded-md iw-border iw-border-gray-300 iw-shadow-sm iw-px-4 iw-py-2 iw-text-sm  iw-transition-all", w = r ? "iw-border-red-500 iw-focus:border-red-500 iw-focus:ring-red-500" : "", d = t ? "iw-w-full" : "", u = s.includes("iw-h-full") || t ? "iw-h-full" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1998,7 +2033,7 @@ const ge = new Dt(), _t = (i = {}) => {
           "textarea",
           {
             id: a,
-            className: `${l} ${w} ${d} ${u} ${s}`,
+            className: `${c} ${w} ${d} ${u} ${s}`,
             "aria-invalid": r ? "true" : "false",
             ...o
           }
@@ -2007,7 +2042,7 @@ const ge = new Dt(), _t = (i = {}) => {
       ]
     }
   );
-}, Ot = ({
+}, Bt = ({
   value: i,
   onChange: r,
   onSubmit: t,
@@ -2015,8 +2050,8 @@ const ge = new Dt(), _t = (i = {}) => {
   state: n,
   editingTime: o
 }) => {
-  const a = (l) => {
-    l.key === "Enter" && (l.ctrlKey || l.metaKey) && !s && (l.preventDefault(), t());
+  const a = (c) => {
+    c.key === "Enter" && (c.ctrlKey || c.metaKey) && !s && (c.preventDefault(), t());
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-h-full ", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between", children: [
@@ -2039,45 +2074,84 @@ const ge = new Dt(), _t = (i = {}) => {
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: " iw-overflow-hidden  iw-flex iw-flex-col iw-h-full iw-mt-2", children: [
       /* @__PURE__ */ e.jsx(
-        $t,
+        qt,
         {
           value: i,
           onChange: r,
           onKeyDown: a,
           placeholder: "Type your answer here...",
           className: " iw-w-full iw-h-full iw-flex-1 iw-resize-none !iw-p-4 iw-bg-transparent iw-min-h-full  focus-visible:iw-outline-0",
-          onPaste: (l) => l.preventDefault(),
-          onCopy: (l) => l.preventDefault(),
-          onCut: (l) => l.preventDefault(),
-          onDrop: (l) => l.preventDefault(),
-          onDragOver: (l) => l.preventDefault()
+          onPaste: (c) => c.preventDefault(),
+          onCopy: (c) => c.preventDefault(),
+          onCut: (c) => c.preventDefault(),
+          onDrop: (c) => c.preventDefault(),
+          onDragOver: (c) => c.preventDefault()
         }
       ),
-      /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1 iw-mt-4", children: /* @__PURE__ */ e.jsx(V, { onClick: t, disabled: s, children: "Submit Answer" }) })
+      /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1 iw-mt-4", children: /* @__PURE__ */ e.jsx(G, { onClick: t, disabled: s, children: "Submit Answer" }) })
     ] })
   ] });
-}, qt = ({ className: i = "" }) => {
-  var n;
-  const { authToken: r } = Pe(), t = r ? mt(r) : null, s = E(null);
+}, Wt = ({
+  className: i = "",
+  interviewId: r = "",
+  interview_duration: t
+}) => {
+  var d;
+  const { authToken: s } = $e(), n = s ? pt(s) : null, o = Ge(), a = k(null), c = k(null), w = async (u) => {
+    var b;
+    const h = a.current, m = c.current;
+    if (!h || !m) return;
+    const l = m.getContext("2d");
+    if (!l) return;
+    m.width = h.videoWidth, m.height = h.videoHeight, l.drawImage(h, 0, 0, m.width, m.height), console.log(`${u} captured frame at`, (/* @__PURE__ */ new Date()).toLocaleTimeString());
+    const p = await new Promise(
+      (y) => m.toBlob(y, "image/jpeg")
+    );
+    if (p && r)
+      try {
+        const y = `${u}-${Date.now()}.jpeg`, g = await o.requestScreenshotUploadUrl(
+          r,
+          y
+        );
+        g.success && g.data.upload_url && (await o.uploadScreenshot(
+          (b = g == null ? void 0 : g.data) == null ? void 0 : b.upload_url,
+          p
+        ), console.log(
+          `${u} uploaded successfully to ${g.data.file_path}`
+        ));
+      } catch (y) {
+        console.error(`Failed to upload screenshot for ${u}:`, y);
+      }
+  };
   return C(() => {
-    let o = null;
+    let u = null;
+    const h = [];
     return (async () => {
       try {
-        o = await navigator.mediaDevices.getUserMedia({
+        u = await navigator.mediaDevices.getUserMedia({
           video: !0,
           audio: !1
-        }), s.current && (s.current.srcObject = o);
+        }), a.current && (a.current.srcObject = u);
+        const p = (t ?? Pe) * 60 * 1e3 / 3, b = [0, 1, 2].map((g, f) => ({
+          label: `capture-${f + 1}`,
+          start: f * p,
+          end: (f + 1) * p
+        })), y = (g, f) => g === f ? g : Math.random() * (f - g) + g;
+        b.forEach(({ label: g, start: f, end: S }, j) => {
+          let R;
+          j === 0 ? R = 3e3 : R = y(f, S), h.push(setTimeout(() => w(g), R));
+        });
       } catch (l) {
         console.error("Error accessing camera:", l);
       }
     })(), () => {
-      o && o.getTracks().forEach((l) => l.stop());
+      u && u.getTracks().forEach((l) => l.stop()), h.forEach(clearTimeout);
     };
   }, []), /* @__PURE__ */ e.jsxs("div", { className: `iw-relative ${i}`, children: [
     /* @__PURE__ */ e.jsx(
       "video",
       {
-        ref: s,
+        ref: a,
         autoPlay: !0,
         playsInline: !0,
         muted: !0,
@@ -2087,13 +2161,14 @@ const ge = new Dt(), _t = (i = {}) => {
         }
       }
     ),
+    /* @__PURE__ */ e.jsx("canvas", { ref: c, style: { display: "none" } }),
     /* @__PURE__ */ e.jsxs("div", { className: "iw-absolute iw-top-4 iw-left-4 iw-inline-flex iw-items-center iw-gap-2 iw-rounded-lg iw-border iw-border-white/10 iw-bg-black/40 iw-px-4 iw-py-2 iw-backdrop-blur-md", children: [
       /* @__PURE__ */ e.jsx("div", { className: "iw-size-2 iw-animate-pulse iw-rounded-full iw-bg-red-500" }),
       /* @__PURE__ */ e.jsx("span", { className: "iw-font-medium iw-text-white", children: "Recording" })
     ] }),
-    ((n = t == null ? void 0 : t.data) == null ? void 0 : n.user_name) && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-bottom-4 iw-right-4 iw-inline-flex iw-items-center iw-gap-2 iw-rounded-lg iw-border iw-border-white/10 iw-bg-black/40 iw-px-4 iw-py-2 iw-backdrop-blur-md", children: /* @__PURE__ */ e.jsx("span", { className: "iw-font-medium iw-text-white", children: t.data.user_name }) })
+    ((d = n == null ? void 0 : n.data) == null ? void 0 : d.user_name) && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-bottom-4 iw-right-4 iw-inline-flex iw-items-center iw-gap-2 iw-rounded-lg iw-border iw-border-white/10 iw-bg-black/40 iw-px-4 iw-py-2 iw-backdrop-blur-md", children: /* @__PURE__ */ e.jsx("span", { className: "iw-font-medium iw-text-white", children: n.data.user_name }) })
   ] });
-}, Ut = ({
+}, Vt = ({
   question: i,
   isLoading: r = !1
 }) => {
@@ -2102,7 +2177,7 @@ const ge = new Dt(), _t = (i = {}) => {
     "div",
     {
       className: "iw-rounded-xl iw-mb-4 message-animation  iw-text-gray-800 iw-p-6 ",
-      style: wt(t, 0.85),
+      style: gt(t, 0.85),
       children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-8", children: [
         /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-flex-col iw-items-center iw-relative iw-h-32 iw-w-32 iw-shrink-0 iw-shadow iw-rounded-lg iw-bg-white", children: /* @__PURE__ */ e.jsx("div", { className: "iw-mt-2", children: /* @__PURE__ */ e.jsx(
           "img",
@@ -2119,30 +2194,38 @@ const ge = new Dt(), _t = (i = {}) => {
       ] })
     }
   );
-}, Te = ({
+}, Ce = ({
   currentQuestion: i,
   phase: r,
   className: t = "",
-  children: s
+  children: s,
+  interviewId: n = "",
+  interview_duration: o = Pe
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
     className: `iw-p-4 iw-space-y-4 iw-pb-6 ${t}  iw-min-h-[calc(100vh_-_3.8rem)] iw-flex iw-flex-col iw-justify-between`,
     children: [
       /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-items-start iw-justify-between iw-gap-3", children: /* @__PURE__ */ e.jsx("div", { className: "iw-flex-1", children: /* @__PURE__ */ e.jsx(
-        Ut,
+        Vt,
         {
           question: i,
-          isLoading: r === D.FETCHING_QUESTION || r === D.IDLE
+          isLoading: r === _.FETCHING_QUESTION || r === _.IDLE
         }
       ) }) }),
       /* @__PURE__ */ e.jsxs("div", { className: "iw iw-bg-[#F6F6F6] iw-grid iw-grid-cols-2 iw-rounded-[14px] iw-p-6", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "iw-min-h-[400px] iw-max-h-[600px]", children: /* @__PURE__ */ e.jsx(qt, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-min-h-[400px] iw-max-h-[600px]", children: /* @__PURE__ */ e.jsx(
+          Wt,
+          {
+            interviewId: n,
+            interview_duration: o
+          }
+        ) }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-bg-white iw-rounded-r-xl iw-shadow iw-p-6", children: s })
       ] })
     ]
   }
-), Be = ({
+), ze = ({
   isOpen: i,
   onClose: r,
   children: t,
@@ -2150,7 +2233,7 @@ const ge = new Dt(), _t = (i = {}) => {
   showCloseButton: n = !0,
   closeOnOverlayClick: o = !0,
   closeOnEscape: a = !0,
-  className: l = ""
+  className: c = ""
 }) => {
   if (C(() => {
     if (!i || !a) return;
@@ -2174,7 +2257,7 @@ const ge = new Dt(), _t = (i = {}) => {
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: `iw-relative iw-bg-white iw-rounded-lg iw-shadow-xl iw-max-w-md iw-w-full iw-mx-4 iw-max-h-[90vh] iw-overflow-hidden ${l}`,
+        className: `iw-relative iw-bg-white iw-rounded-lg iw-shadow-xl iw-max-w-md iw-w-full iw-mx-4 iw-max-h-[90vh] iw-overflow-hidden ${c}`,
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": s ? "dialog-title" : void 0,
@@ -2220,13 +2303,13 @@ const ge = new Dt(), _t = (i = {}) => {
       }
     )
   ] });
-  return He(d, document.body);
-}, Bt = ({
+  return Je(d, document.body);
+}, Gt = ({
   confirmExitInterview: i,
   isOpen: r,
   onClose: t
 }) => /* @__PURE__ */ e.jsx(
-  Be,
+  ze,
   {
     isOpen: r,
     onClose: t,
@@ -2264,8 +2347,8 @@ const ge = new Dt(), _t = (i = {}) => {
       ] })
     ] })
   }
-), Ce = ({ title: i, onExit: r }) => {
-  const { baseColor: t } = te(), [s, n] = k(!1);
+), Ie = ({ title: i, onExit: r }) => {
+  const { baseColor: t } = te(), [s, n] = E(!1);
   return /* @__PURE__ */ e.jsxs("header", { className: "iw-w-full iw-text-gray-900", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "iw-mx-auto iw-flex iw-items-center iw-justify-between iw-px-4 iw-pb-4 iw-pt-2", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-space-x-2", children: [
@@ -2294,7 +2377,7 @@ const ge = new Dt(), _t = (i = {}) => {
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "iw-h-px iw-bg-gray-200" }),
     /* @__PURE__ */ e.jsx(
-      Bt,
+      Gt,
       {
         isOpen: s,
         confirmExitInterview: () => {
@@ -2304,7 +2387,7 @@ const ge = new Dt(), _t = (i = {}) => {
       }
     )
   ] });
-}, Wt = ({
+}, zt = ({
   className: i = "",
   width: r,
   height: t = 56,
@@ -2312,78 +2395,78 @@ const ge = new Dt(), _t = (i = {}) => {
   gap: n = 2,
   fftSize: o = 1024,
   smoothingTimeConstant: a = 0.8,
-  mediaStream: l,
+  mediaStream: c,
   startOnMount: w = !0
 }) => {
-  const { baseColor: d } = te(), u = E(null), h = E(null), m = E(null), c = E(null), x = E(null), p = E(null), j = E(!1), [g, y] = k(null);
+  const { baseColor: d } = te(), u = k(null), h = k(null), m = k(null), l = k(null), p = k(null), b = k(null), y = k(!1), [g, f] = E(null);
   C(() => {
     if (r || !h.current) return;
-    const N = h.current, _ = () => {
-      const R = u.current;
-      if (!R) return;
-      const A = N.clientWidth, f = t;
-      R.width = Math.max(1, Math.floor(A * window.devicePixelRatio || 1)), R.height = Math.max(1, Math.floor(f * window.devicePixelRatio || 1));
-    }, v = new ResizeObserver(_);
-    return v.observe(N), _(), () => v.disconnect();
+    const j = h.current, R = () => {
+      const A = u.current;
+      if (!A) return;
+      const M = j.clientWidth, x = t;
+      A.width = Math.max(1, Math.floor(M * window.devicePixelRatio || 1)), A.height = Math.max(1, Math.floor(x * window.devicePixelRatio || 1));
+    }, N = new ResizeObserver(R);
+    return N.observe(j), R(), () => N.disconnect();
   }, [r, t]), C(() => {
     if (!r) return;
-    const N = u.current;
-    N && (N.width = Math.max(
+    const j = u.current;
+    j && (j.width = Math.max(
       1,
       Math.floor(r * (window.devicePixelRatio || 1))
-    ), N.height = Math.max(
+    ), j.height = Math.max(
       1,
       Math.floor(t * (window.devicePixelRatio || 1))
     ));
   }, [r, t]), C(() => {
-    let N = !1;
+    let j = !1;
     return (async () => {
       try {
-        const v = new (window.AudioContext || window.webkitAudioContext)();
-        m.current = v;
-        let R = l;
-        if (!R) {
+        const N = new (window.AudioContext || window.webkitAudioContext)();
+        m.current = N;
+        let A = c;
+        if (!A) {
           if (!w) return;
-          R = await navigator.mediaDevices.getUserMedia({
+          A = await navigator.mediaDevices.getUserMedia({
             audio: !0,
             video: !1
-          }), j.current = !0;
+          }), y.current = !0;
         }
-        if (N) return;
-        const A = v.createAnalyser();
-        A.fftSize = o, A.smoothingTimeConstant = a, c.current = A;
-        const f = v.createMediaStreamSource(R);
-        x.current = f, f.connect(A), S();
-      } catch (v) {
-        y((v == null ? void 0 : v.message) || "Failed to initialize microphone");
+        if (j) return;
+        const M = N.createAnalyser();
+        M.fftSize = o, M.smoothingTimeConstant = a, l.current = M;
+        const x = N.createMediaStreamSource(A);
+        p.current = x, x.connect(M), S();
+      } catch (N) {
+        f((N == null ? void 0 : N.message) || "Failed to initialize microphone");
       }
     })(), () => {
-      var v, R, A, f;
-      N = !0, p.current && cancelAnimationFrame(p.current);
+      var N, A, M, x;
+      j = !0, b.current && cancelAnimationFrame(b.current);
       try {
-        (v = x.current) == null || v.disconnect();
+        (N = p.current) == null || N.disconnect();
       } catch {
       }
       try {
-        (R = c.current) == null || R.disconnect();
+        (A = l.current) == null || A.disconnect();
       } catch {
       }
-      j.current && ((f = ((A = x.current) == null ? void 0 : A.mediaStream) || void 0) == null || f.getTracks().forEach((M) => M.stop())), m.current && m.current.state !== "closed" && m.current.close();
+      y.current && ((x = ((M = p.current) == null ? void 0 : M.mediaStream) || void 0) == null || x.getTracks().forEach((D) => D.stop())), m.current && m.current.state !== "closed" && m.current.close();
     };
-  }, [l, o, a, w]);
+  }, [c, o, a, w]);
   const S = () => {
-    const N = u.current, _ = c.current;
-    if (!N || !_) return;
-    const v = N.getContext("2d");
-    if (!v) return;
-    const R = window.devicePixelRatio || 1, A = N.width, f = N.height, M = _.frequencyBinCount, L = new Uint8Array(M), O = () => {
-      p.current = requestAnimationFrame(O), _.getByteTimeDomainData(L), v.clearRect(0, 0, A, f), v.fillStyle = "rgba(0,0,0,0)", v.fillRect(0, 0, A, f);
-      const U = Math.max(1, Math.floor(s * R)), z = Math.max(1, Math.floor(n * R)), H = U + z, Y = Math.max(8, Math.floor((A + z) / H)), B = Math.floor(L.length / Y);
-      for (let q = 0; q < Y; q++) {
-        const P = Math.min(L.length - 1, q * B), Q = L[P] / 128 - 1, W = Math.abs(Q), de = Math.pow(W, 0.6), K = Math.max(f * 0.06, de * (f * 0.9)), we = q * H, ue = (f - K) / 2, he = 140 - Math.min(140, 140 * W), J = 85, ie = 48 + Math.floor(12 * (1 - W));
-        v.fillStyle = `${d}`, v.shadowColor = `hsla(${he}, ${J}%, ${ie}%, ${0.25 * W})`, v.shadowBlur = 8 * W;
-        const re = Math.min(U / 2, K / 2);
-        Gt(v, we, ue, U, K, re), v.fill();
+    const j = u.current, R = l.current;
+    if (!j || !R) return;
+    const N = j.getContext("2d");
+    if (!N) return;
+    const A = window.devicePixelRatio || 1, M = j.width, x = j.height, D = R.frequencyBinCount, L = new Uint8Array(D), O = () => {
+      b.current = requestAnimationFrame(O), R.getByteTimeDomainData(L), N.clearRect(0, 0, M, x), N.fillStyle = "rgba(0,0,0,0)", N.fillRect(0, 0, M, x);
+      const B = Math.max(1, Math.floor(s * A)), z = Math.max(1, Math.floor(n * A)), H = B + z, Y = Math.max(8, Math.floor((M + z) / H)), W = Math.floor(L.length / Y);
+      for (let U = 0; U < Y; U++) {
+        const P = Math.min(L.length - 1, U * W), Q = L[P] / 128 - 1, V = Math.abs(Q), we = Math.pow(V, 0.6), K = Math.max(x * 0.06, we * (x * 0.9)), ue = U * H, he = (x - K) / 2, me = 140 - Math.min(140, 140 * V), J = 85, ie = 48 + Math.floor(12 * (1 - V));
+        N.fillStyle = `${d}`, N.shadowColor = `hsla(${me}, ${J}%, ${ie}%, ${0.25 * V})`, N.shadowBlur = 8 * V;
+        const re = Math.min(B / 2, K / 2);
+        Ht(N, ue, he, B, K, re), N.fill();
       }
     };
     O();
@@ -2401,11 +2484,11 @@ const ge = new Dt(), _t = (i = {}) => {
     }
   );
 };
-function Gt(i, r, t, s, n, o) {
+function Ht(i, r, t, s, n, o) {
   const a = Math.min(o, s / 2, n / 2);
   i.beginPath(), i.moveTo(r + a, t), i.lineTo(r + s - a, t), i.quadraticCurveTo(r + s, t, r + s, t + a), i.lineTo(r + s, t + n - a), i.quadraticCurveTo(r + s, t + n, r + s - a, t + n), i.lineTo(r + a, t + n), i.quadraticCurveTo(r, t + n, r, t + n - a), i.lineTo(r, t + a), i.quadraticCurveTo(r, t, r + a, t), i.closePath();
 }
-const Vt = ({
+const Yt = ({
   state: i,
   answeringTime: r,
   nextPhase: t,
@@ -2433,14 +2516,14 @@ const Vt = ({
     /* @__PURE__ */ e.jsx("p", { className: "iw-max-w-lg iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: "Done talking? Click the button to review your answer." })
   ] }),
   /* @__PURE__ */ e.jsxs("div", { children: [
-    /* @__PURE__ */ e.jsx(Wt, {}),
+    /* @__PURE__ */ e.jsx(zt, {}),
     s && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
       "Recording error: ",
       s.message
     ] })
   ] }),
   /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1", children: /* @__PURE__ */ e.jsx(
-    V,
+    G,
     {
       onClick: () => {
         t();
@@ -2449,8 +2532,8 @@ const Vt = ({
     }
   ) })
 ] });
-function zt() {
-  const [i, r] = k(!0), t = ee(
+function Qt() {
+  const [i, r] = E(!0), t = ee(
     () => [0, 1, 2].map((s) => ({ id: s })),
     []
   );
@@ -2461,7 +2544,7 @@ function zt() {
     return () => clearInterval(s);
   }, []), /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-8 iw-h-full", children: [
     /* @__PURE__ */ e.jsx("div", { className: "iw-relative iw-w-80 iw-h-48 ", "aria-hidden": !0, children: t.map((s, n) => {
-      const o = n * 50, a = i ? o : o + 12, l = i ? 1 : 0.08, w = n * 140;
+      const o = n * 50, a = i ? o : o + 12, c = i ? 1 : 0.08, w = n * 140;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -2470,7 +2553,7 @@ function zt() {
           style: {
             top: 0,
             transform: `translateY(${a}px)`,
-            opacity: l,
+            opacity: c,
             transition: `transform 600ms cubic-bezier(.2,.9,.3,1) ${w}ms, opacity 400ms ease ${w}ms`
           },
           children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-gap-3 iw-items-center", children: [
@@ -2487,7 +2570,7 @@ function zt() {
     /* @__PURE__ */ e.jsx("div", { className: "iw-text-center", children: /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-500  iw-font-medium", children: "Preparing your question..." }) })
   ] });
 }
-const Ht = ({
+const Kt = ({
   size: i = "192px",
   className: r,
   colors: t,
@@ -2501,7 +2584,7 @@ const Ht = ({
     // Pastel blue
     c3: "oklch(78% 0.14 280)"
     // Pastel purple/lavender
-  }, ...t }, a = parseInt(i.replace("px", ""), 10), l = a < 50 ? Math.max(a * 8e-3, 1) : Math.max(a * 0.015, 4), w = a < 50 ? Math.max(a * 4e-3, 1.2) : Math.max(a * 8e-3, 1.5), d = a < 50 ? Math.max(a * 4e-3, 0.05) : Math.max(a * 8e-3, 0.1), u = a < 50 ? Math.max(a * 4e-3, 0.5) : Math.max(a * 8e-3, 2), h = a < 30 ? "0%" : a < 50 ? "5%" : a < 100 ? "15%" : "25%", m = a < 30 ? 1.1 : a < 50 ? Math.max(w * 1.2, 1.3) : w;
+  }, ...t }, a = parseInt(i.replace("px", ""), 10), c = a < 50 ? Math.max(a * 8e-3, 1) : Math.max(a * 0.015, 4), w = a < 50 ? Math.max(a * 4e-3, 1.2) : Math.max(a * 8e-3, 1.5), d = a < 50 ? Math.max(a * 4e-3, 0.05) : Math.max(a * 8e-3, 0.1), u = a < 50 ? Math.max(a * 4e-3, 0.5) : Math.max(a * 8e-3, 2), h = a < 30 ? "0%" : a < 50 ? "5%" : a < 100 ? "15%" : "25%", m = a < 30 ? 1.1 : a < 50 ? Math.max(w * 1.2, 1.3) : w;
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -2514,7 +2597,7 @@ const Ht = ({
         "--c2": o.c2,
         "--c3": o.c3,
         "--animation-duration": `${s}s`,
-        "--blur-amount": `${l}px`,
+        "--blur-amount": `${c}px`,
         "--contrast-amount": m,
         "--dot-size": `${d}px`,
         "--shadow-spread": `${u}px`,
@@ -2629,9 +2712,9 @@ const Ht = ({
     }
   );
 };
-function Yt({ ttsError: i }) {
+function Jt({ ttsError: i }) {
   return /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-8 iw-w-full iw-h-full", children: [
-    /* @__PURE__ */ e.jsx(Ht, { size: "80px" }),
+    /* @__PURE__ */ e.jsx(Kt, { size: "80px" }),
     i && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
       "Audio playback failed: ",
       i.message
@@ -2639,7 +2722,7 @@ function Yt({ ttsError: i }) {
     /* @__PURE__ */ e.jsx("p", { className: "iw-text- iw-text-gray-700", children: "Your AI interviewer is speaking..." })
   ] });
 }
-const Qt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-gap-6 iw-items-center iw-justify-center iw-text-center iw-h-full ", children: [
+const Xt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-gap-6 iw-items-center iw-justify-center iw-text-center iw-h-full ", children: [
   /* @__PURE__ */ e.jsxs("div", { children: [
     /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Get Ready to Answer" }),
     /* @__PURE__ */ e.jsx("p", { className: "iw-max-w-lg iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: "After 30-seconds thinking time, recording will start automatically, or you can begin recording early by clicking the button below." })
@@ -2660,7 +2743,7 @@ const Qt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
     )
   ] }),
   /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1", children: /* @__PURE__ */ e.jsx(
-    V,
+    G,
     {
       onClick: () => {
         t();
@@ -2668,7 +2751,7 @@ const Qt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       children: "Start Answering"
     }
   ) })
-] }), Kt = ({ sttError: i }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-h-full", children: [
+] }), Zt = ({ sttError: i }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-h-full", children: [
   /* @__PURE__ */ e.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 60 60", fill: "none", children: [
     /* @__PURE__ */ e.jsx(
       "rect",
@@ -2728,7 +2811,7 @@ const Qt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("path", { d: "M12 17h.01" })
     ]
   }
-), Jt = (i) => /* @__PURE__ */ e.jsxs(
+), ei = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2746,7 +2829,7 @@ const Qt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
     ]
   }
-), Xt = (i) => /* @__PURE__ */ e.jsxs(
+), ti = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2764,7 +2847,7 @@ const Qt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
-), Zt = (i) => /* @__PURE__ */ e.jsxs(
+), ii = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2785,7 +2868,7 @@ const Qt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
     ]
   }
-), fe = (i) => /* @__PURE__ */ e.jsxs(
+), xe = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2806,7 +2889,7 @@ const Qt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
     ]
   }
-), ei = (i) => /* @__PURE__ */ e.jsxs(
+), ri = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2828,20 +2911,20 @@ const Qt = ({ state: i, thinkingTime: r, nextPhase: t }) => /* @__PURE__ */ e.js
     ]
   }
 ), se = 5;
-function ti({
+function si({
   isOpen: i,
   onClose: r,
   warningCount: t,
   violationType: s,
   onDisqualify: n
 }) {
-  const [o, a] = k(10), l = E(r);
+  const [o, a] = E(10), c = k(r);
   if (C(() => {
-    l.current = r;
+    c.current = r;
   }, [r]), C(() => {
     if (!i) return;
     const m = setInterval(() => {
-      a((c) => c <= 1 ? (l.current(), 10) : c - 1);
+      a((l) => l <= 1 ? (c.current(), 10) : l - 1);
     }, 1e3);
     return () => clearInterval(m);
   }, [i]), C(() => {
@@ -2855,43 +2938,43 @@ function ti({
         return {
           title: "Tab Switch Detected",
           description: "You attempted to switch to another tab or reload application.",
-          icon: /* @__PURE__ */ e.jsx(Xt, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(ti, { className: "iw-h-5 iw-w-5" })
         };
       case "fullscreen_exit":
         return {
           title: "Full Screen Exit Detected",
           description: "You attempted to exit full screen mode.",
-          icon: /* @__PURE__ */ e.jsx(Ue, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Ve, { className: "iw-h-5 iw-w-5" })
         };
       case "focus_loss":
         return {
           title: "Focus Loss Detected",
           description: "You lost focus from the interview window.",
-          icon: /* @__PURE__ */ e.jsx(Zt, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(ii, { className: "iw-h-5 iw-w-5" })
         };
       case "blocked_shortcut":
         return {
           title: "Keyboard Shortcut Blocked",
           description: "You attempted to use a blocked keyboard shortcut.",
-          icon: /* @__PURE__ */ e.jsx(fe, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(xe, { className: "iw-h-5 iw-w-5" })
         };
       case "right_click_attempt":
         return {
           title: "Right Click Attempted",
           description: "You attempted to use the right click.",
-          icon: /* @__PURE__ */ e.jsx(ei, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(ri, { className: "iw-h-5 iw-w-5" })
         };
       case "alt_tab_attempt":
         return {
           title: "Alt + Tab Attempted",
           description: "You attempted to use the Alt + Tab shortcut.",
-          icon: /* @__PURE__ */ e.jsx(fe, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(xe, { className: "iw-h-5 iw-w-5" })
         };
       case "blocked_function_key":
         return {
           title: "Function Key Blocked",
           description: "You attempted to use a blocked function key.",
-          icon: /* @__PURE__ */ e.jsx(fe, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(xe, { className: "iw-h-5 iw-w-5" })
         };
       default:
         return {
@@ -2911,12 +2994,12 @@ function ti({
           /* @__PURE__ */ e.jsx("h2", { className: "iw-mb-1 iw-text-xl iw-font-semibold iw-text-gray-900", children: "Security Violation" }),
           /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-2", children: [
             /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-gray-500", children: "Warning" }),
-            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-gap-1", children: Array.from({ length: se }).map((m, c) => /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-gap-1", children: Array.from({ length: se }).map((m, l) => /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: `iw-h-2 iw-w-2 iw-rounded-full ${c <= t - 1 ? "iw-bg-red-500" : "iw-bg-gray-200"}`
+                className: `iw-h-2 iw-w-2 iw-rounded-full ${l <= t - 1 ? "iw-bg-red-500" : "iw-bg-gray-200"}`
               },
-              c
+              l
             )) }),
             /* @__PURE__ */ e.jsxs("span", { className: "iw-text-sm iw-text-gray-500", children: [
               "(",
@@ -2942,7 +3025,7 @@ function ti({
               /* @__PURE__ */ e.jsx("h3", { className: "iw-mb-2 iw-font-semibold iw-text-gray-900", children: d.title }),
               /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-leading-relaxed iw-text-gray-700", children: d.description }),
               /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-3 iw-flex iw-items-center iw-gap-2 iw-text-xs iw-text-red-600", children: [
-                /* @__PURE__ */ e.jsx(qe, { className: "iw-h-3 iw-w-3" }),
+                /* @__PURE__ */ e.jsx(We, { className: "iw-h-3 iw-w-3" }),
                 /* @__PURE__ */ e.jsx("span", { children: "This action is monitored for interview integrity" })
               ] })
             ] })
@@ -2956,7 +3039,7 @@ function ti({
         ] }) }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-border-primary-100 iw-bg-primary-50 iw-rounded-xl iw-border iw-p-4", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-text-center", children: [
           /* @__PURE__ */ e.jsxs("div", { className: "iw-mb-1 iw-flex iw-items-center iw-justify-center iw-gap-1.5", children: [
-            /* @__PURE__ */ e.jsx(Jt, { className: "iw-text-primary-600 iw-h-4 iw-w-4" }),
+            /* @__PURE__ */ e.jsx(ei, { className: "iw-text-primary-600 iw-h-4 iw-w-4" }),
             /* @__PURE__ */ e.jsx("span", { className: "iw-text-primary-600 iw-text-2xl iw-font-bold", children: o })
           ] }),
           /* @__PURE__ */ e.jsx("div", { className: "iw-text-primary-700 iw-text-xs iw-font-medium", children: "Auto Close" })
@@ -2981,7 +3064,7 @@ function ti({
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "iw-p-6 iw-pt-0", children: [
       /* @__PURE__ */ e.jsx(
-        V,
+        G,
         {
           onClick: h,
           className: "iw-h-12 iw-w-full iw-rounded-xl iw-bg-gray-800 iw-text-sm iw-font-medium iw-text-white iw-hover:bg-gray-800",
@@ -2992,7 +3075,7 @@ function ti({
     ] })
   ] }) });
 }
-const ii = (i) => /* @__PURE__ */ e.jsxs(
+const ni = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -3010,7 +3093,7 @@ const ii = (i) => /* @__PURE__ */ e.jsxs(
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
     ]
   }
-), ri = ({
+), ai = ({
   showHardReloadWarning: i,
   onContinue: r
 }) => {
@@ -3018,7 +3101,7 @@ const ii = (i) => /* @__PURE__ */ e.jsxs(
     r();
   };
   return /* @__PURE__ */ e.jsxs(
-    Be,
+    ze,
     {
       isOpen: i,
       onClose: t,
@@ -3039,7 +3122,7 @@ const ii = (i) => /* @__PURE__ */ e.jsxs(
             onClick: t,
             className: "iw-w-full iw-flex iw-items-center iw-justify-center iw-gap-2 iw-px-4 iw-py-3 iw-bg-gray-100 iw-text-gray-600 iw-rounded-md iw-font-medium iw-transition-colors hover:iw-bg-gray-200 focus:iw-outline-none focus:iw-ring-2 focus:iw-ring-gray-400 focus:iw-ring-offset-2",
             children: [
-              /* @__PURE__ */ e.jsx(ii, { className: "iw-size-4" }),
+              /* @__PURE__ */ e.jsx(ni, { className: "iw-size-4" }),
               "Continue Session"
             ]
           }
@@ -3047,16 +3130,16 @@ const ii = (i) => /* @__PURE__ */ e.jsxs(
       ]
     }
   );
-}, si = Ve(
+}, oi = Qe(
   ({ children: i, onDisqualify: r }, t) => {
-    const [s, n] = k(!1), [o, a] = k(!1), [l, w] = k(!1), [d, u] = k("fullscreen_exit"), { logViolation: h, violationCount: m } = Pt({
+    const [s, n] = E(!1), [o, a] = E(!1), [c, w] = E(!1), [d, u] = E("fullscreen_exit"), { logViolation: h, violationCount: m } = $t({
       maxViolations: 5,
       onViolation: (g) => {
         o || (n(!0), u(g.type));
       }
-    }), { enterFullScreen: c, isFullScreen: x, exitFullScreen: p } = Nt({
+    }), { enterFullScreen: l, isFullScreen: p, exitFullScreen: b } = St({
       onFullScreenChange(g) {
-        !g && !o && !l && (n(!0), h({
+        !g && !o && !c && (n(!0), h({
           type: "fullscreen_exit",
           severity: "high",
           details: {
@@ -3067,8 +3150,8 @@ const ii = (i) => /* @__PURE__ */ e.jsxs(
       }
     });
     C(() => {
-      c();
-    }, []), ze(
+      l();
+    }, []), Ke(
       t,
       () => ({
         exitFullScreenIntentionally: async () => {
@@ -3081,113 +3164,113 @@ const ii = (i) => /* @__PURE__ */ e.jsxs(
         }
       }),
       []
-    ), At(h), St(h), Mt(), Ft();
-    const j = () => {
-      a(!0), p(), n(!1), r == null || r();
+    ), _t(h), At(h), Pt(), Ot();
+    const y = () => {
+      a(!0), b(), n(!1), r == null || r();
     };
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx("div", { className: "iw-relative iw-h-full iw-w-full", children: i }),
       /* @__PURE__ */ e.jsx(
-        ti,
+        si,
         {
           warningCount: m,
           isOpen: s,
           violationType: d,
           onClose: () => {
-            n(!1), c();
+            n(!1), l();
           },
-          onDisqualify: j
+          onDisqualify: y
         }
       ),
-      !s && m > 0 && !o && !l && /* @__PURE__ */ e.jsx(
-        ri,
+      !s && m > 0 && !o && !c && /* @__PURE__ */ e.jsx(
+        ai,
         {
-          showHardReloadWarning: !x,
+          showHardReloadWarning: !p,
           logViolation: h,
-          onContinue: c
+          onContinue: l
         }
       )
     ] });
   }
-), ni = ({
+), ci = ({
   interviewTitle: i,
   interviewId: r,
   onComplete: t,
   onDisqualify: s,
   className: n = ""
 }) => {
-  var re;
-  const o = Ct(), { baseUrl: a, authToken: l } = Pe(), { timers: w, stt: d, tts: u, proctoring: h } = lt(), m = E(null), [c, x] = k(null), [p, j] = k(""), g = E(""), y = E(null), S = {
+  var re, ke, Ee;
+  const o = Ge(), { baseUrl: a, authToken: c } = $e(), { timers: w, stt: d, tts: u, proctoring: h } = ut(), m = k(null), [l, p] = E(null), [b, y] = E(""), g = k(""), f = k(null), S = {
     thinkingTime: (w == null ? void 0 : w.thinkingDuration) || 30,
     answeringTime: (w == null ? void 0 : w.answeringDuration) || 120,
     editingTime: (w == null ? void 0 : w.editingDuration) || 30
-  }, { thinkingTime: N, answeringTime: _, editingTime: v } = S;
+  }, { thinkingTime: j, answeringTime: R, editingTime: N } = S;
   C(() => {
-    g.current = p;
-  }, [p]);
-  const R = E(!1), {
-    speak: A,
-    stop: f,
-    error: M
-  } = _t({
+    g.current = b;
+  }, [b]);
+  const A = k(!1), {
+    speak: M,
+    stop: x,
+    error: D
+  } = Lt({
     config: {
       baseUrl: a,
       provider: u == null ? void 0 : u.provider,
-      authToken: l
+      authToken: c
     },
     onEnd: () => {
-      R.current = !1, P();
+      A.current = !1, P();
     },
     onError: () => {
-      R.current || (R.current = !0, P());
+      A.current || (A.current = !0, P());
     }
-  }), L = E(!1), O = E(!1), {
-    startRecording: U,
+  }), L = k(!1), O = k(!1), {
+    startRecording: B,
     stopRecording: z,
     transcribe: H,
     error: Y
-  } = Rt({
+  } = Dt({
     config: {
       baseUrl: a,
       provider: d == null ? void 0 : d.provider,
       model: d == null ? void 0 : d.model,
       language: d == null ? void 0 : d.language,
-      authToken: l,
-      qnaId: ((re = y.current) == null ? void 0 : re.qna_id) || ""
+      authToken: c,
+      qnaId: ((re = f.current) == null ? void 0 : re.qna_id) || ""
     },
     onStart: () => {
       L.current = !1, O.current = !1;
     },
     onStop: () => {
     },
-    onTranscriptionComplete: (b) => {
-      j(b.transcript), O.current || (O.current = !0, P());
+    onTranscriptionComplete: (v) => {
+      y(v.transcript), O.current || (O.current = !0, P());
     },
-    onError: (b) => {
-      console.error("STT Error:", b), L.current || (L.current = !0, P());
+    onError: (v) => {
+      console.error("STT Error:", v), L.current || (L.current = !0, P());
     }
-  }), { state: B, startQuestion: q, nextPhase: P, completeInterview: Q } = vt({
+  }), { state: W, startQuestion: U, nextPhase: P, completeInterview: Q } = Et({
     config: {
-      thinkingDuration: N,
-      answeringDuration: _,
-      editingDuration: v
+      thinkingDuration: j,
+      answeringDuration: R,
+      editingDuration: N
     },
     callbacks: {
-      onPhaseChange: (b) => {
-        switch (b) {
-          case D.FETCHING_QUESTION:
-            W();
-            break;
-          case D.READING_QUESTION:
-            we();
+      onPhaseChange: (v) => {
+        switch (v) {
+          case _.FETCHING_QUESTION:
+            V();
             break;
-          case D.ANSWERING:
+          case _.READING_QUESTION:
             ue();
             break;
-          case D.TRANSCRIBING:
+          case _.ANSWERING:
             he();
             break;
-          case D.SUBMITTING:
+          case _.TRANSCRIBING:
+            me();
+            break;
+          case _.SUBMITTING:
             K();
             break;
         }
@@ -3198,133 +3281,140 @@ const ii = (i) => /* @__PURE__ */ e.jsxs(
     }
   });
   C(() => {
-    q();
+    U();
   }, []);
-  const { execute: W, loading: de } = jt(
+  const { execute: V, loading: we } = Tt(
     async () => {
-      var G, X;
-      const b = await o.generateQuestion({
+      var q, X;
+      const v = await o.generateQuestion({
         interviewId: r,
-        question: ((G = y.current) == null ? void 0 : G.question) || "",
-        qnaId: ((X = y.current) == null ? void 0 : X.qna_id) || "",
+        question: ((q = f.current) == null ? void 0 : q.question) || "",
+        qnaId: ((X = f.current) == null ? void 0 : X.qna_id) || "",
         answer: g.current
       });
-      return y.current = b.data, b;
+      return f.current = v.data, v;
     },
     {
-      onSuccess: async (b) => {
-        b && b.data && (j(""), x(b.data), P());
+      onSuccess: async (v) => {
+        v && v.data && (y(""), p(v.data), P());
       },
-      onError: (b) => {
-        console.error("Failed to fetch questions:", b);
+      onError: (v) => {
+        console.error("Failed to fetch questions:", v);
       }
     }
   ), K = T(async () => {
-    q();
-  }, [q]), we = T(async () => {
-    var b;
-    if ((b = y.current) != null && b.question)
+    U();
+  }, [U]), ue = T(async () => {
+    var v;
+    if ((v = f.current) != null && v.question)
       try {
-        R.current = !1, await A(y.current.question), y.current.is_interview_done && (await ut(2e3), Q());
-      } catch (G) {
-        console.error("Failed to speak question:", G);
+        A.current = !1, await M(f.current.question), f.current.is_interview_done && (await ft(2e3), Q());
+      } catch (q) {
+        console.error("Failed to speak question:", q);
       }
     else
       P();
-  }, [A, P, Q]), ue = T(async () => {
+  }, [M, P, Q]), he = T(async () => {
     try {
-      await U(_);
-    } catch (b) {
-      console.error("Failed to start recording:", b), P();
+      await B(R);
+    } catch (v) {
+      console.error("Failed to start recording:", v), P();
     }
-  }, [U, P]), he = T(async () => {
+  }, [B, P]), me = T(async () => {
     try {
-      const b = await z();
-      await H(b);
-    } catch (b) {
-      console.error("STT processing failed:", b), !L.current && !O.current && (L.current = !0, P());
+      const v = await z();
+      await H(v);
+    } catch (v) {
+      console.error("STT processing failed:", v), !L.current && !O.current && (L.current = !0, P());
     }
   }, [z, H, P]), J = T(
-    async (b) => {
-      var X;
-      f(), await ((X = m.current) == null ? void 0 : X.exitFullScreenIntentionally()), (await o.generateQuestion({
-        interviewId: r,
-        isInterviewDone: !0
-      })).success && (b == null || b(), Q(), sessionStorage.removeItem(be));
+    async (v) => {
+      var q;
+      x(), await ((q = m.current) == null ? void 0 : q.exitFullScreenIntentionally());
+      try {
+        (await o.generateQuestion({
+          interviewId: r,
+          isInterviewDone: !0
+        })).success && (v == null || v(), Q(), sessionStorage.removeItem(ye));
+      } catch (X) {
+        console.error("API call failed:", X);
+      }
     },
-    [r, f, o]
+    [r, x, o]
   ), ie = () => {
-    const { phase: b } = B;
-    switch (b) {
-      case D.IDLE:
+    const { phase: v } = W;
+    switch (v) {
+      case _.IDLE:
         return /* @__PURE__ */ e.jsxs("div", { className: "iw-text-center iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-2 iw-h-full", children: [
           /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Ready to start the Interview?" }),
           /* @__PURE__ */ e.jsx("p", { className: "iw-max-w-xl iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: `You will be asked a series of behavioral and technical questions. For each one you'll get a short thinking period, then a timed recording window. We'll transcribe your response so you can review and edit it before submitting. Click "Start Interview" when you're ready.` }),
-          /* @__PURE__ */ e.jsx(V, { onClick: q, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
+          /* @__PURE__ */ e.jsx(G, { onClick: U, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
         ] });
-      case D.FETCHING_QUESTION:
-        return /* @__PURE__ */ e.jsx(zt, {});
-      case D.READING_QUESTION:
-        return /* @__PURE__ */ e.jsx(Yt, { ttsError: M });
-      case D.THINKING:
+      case _.FETCHING_QUESTION:
+        return /* @__PURE__ */ e.jsx(Qt, {});
+      case _.READING_QUESTION:
+        return /* @__PURE__ */ e.jsx(Jt, { ttsError: D });
+      case _.THINKING:
         return /* @__PURE__ */ e.jsx(
-          Qt,
+          Xt,
           {
-            state: B,
-            thinkingTime: N,
+            state: W,
+            thinkingTime: j,
             nextPhase: P
           }
         );
-      case D.ANSWERING:
+      case _.ANSWERING:
         return /* @__PURE__ */ e.jsx(
-          Vt,
+          Yt,
           {
-            state: B,
-            answeringTime: _,
+            state: W,
+            answeringTime: R,
             nextPhase: P,
             sttError: Y
           }
         );
-      case D.TRANSCRIBING:
-        return /* @__PURE__ */ e.jsx(Kt, { sttError: Y });
-      case D.EDITING:
-      case D.SUBMITTING:
+      case _.TRANSCRIBING:
+        return /* @__PURE__ */ e.jsx(Zt, { sttError: Y });
+      case _.EDITING:
+      case _.SUBMITTING:
         return /* @__PURE__ */ e.jsx("div", { className: "iw-space-y-4 iw-h-full", children: /* @__PURE__ */ e.jsx(
-          Ot,
+          Bt,
           {
-            value: p,
-            onChange: (G) => j(G.target.value),
+            value: b,
+            onChange: (q) => y(q.target.value),
             onSubmit: () => P(),
-            isSubmitDisabled: !p.trim() || de,
-            state: B,
-            editingTime: v
+            isSubmitDisabled: !b.trim() || we,
+            state: W,
+            editingTime: N
           }
         ) });
-      case D.COMPLETED:
+      case _.COMPLETED:
         return null;
       default:
         return null;
     }
   };
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: h != null && h.enabled ? /* @__PURE__ */ e.jsxs(
-    si,
+    oi,
     {
       ref: m,
       onDisqualify: () => J(s),
       children: [
         /* @__PURE__ */ e.jsx(
-          Ce,
+          Ie,
           {
             title: i,
             onExit: () => J()
           }
         ),
         /* @__PURE__ */ e.jsx(
-          Te,
+          Ce,
           {
-            currentQuestion: c,
-            phase: B.phase,
+            currentQuestion: l,
+            phase: W.phase,
             className: n,
+            interviewId: r,
+            interview_duration: (ke = f == null ? void 0 : f.current) == null ? void 0 : ke.interview_duration,
             children: ie()
           }
         )
@@ -3332,37 +3422,39 @@ const ii = (i) => /* @__PURE__ */ e.jsxs(
     }
   ) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      Ce,
+      Ie,
       {
         title: i,
         onExit: () => J()
       }
     ),
     /* @__PURE__ */ e.jsx(
-      Te,
+      Ce,
       {
-        currentQuestion: c,
-        phase: B.phase,
+        currentQuestion: l,
+        phase: W.phase,
         className: n,
+        interviewId: r,
+        interview_duration: (Ee = f == null ? void 0 : f.current) == null ? void 0 : Ee.interview_duration,
         children: ie()
       }
     )
   ] }) });
-}, ai = ({
+}, li = ({
   title: i,
   interviewId: r,
   onInterviewEnd: t,
   onInterviewDisqualify: s,
   className: n = ""
 }) => {
-  const [o, a] = xe.useState(!1), [l, w] = xe.useState(!0), d = E(null);
+  const [o, a] = pe.useState(!1), [c, w] = pe.useState(!0), d = k(null);
   return o ? /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: d,
       className: `iw-flex iw-flex-col iw-rounded-xl iw-shadow-lg iw-overflow-hidden  iw-h-[calc(100vh-1rem)] ${n}`,
       children: /* @__PURE__ */ e.jsx("div", { className: " iw-h-full iw-flex iw-flex-col", children: /* @__PURE__ */ e.jsx(
-        ni,
+        ci,
         {
           interviewTitle: i ?? "Interview",
           interviewId: r,
@@ -3374,9 +3466,9 @@ const ii = (i) => /* @__PURE__ */ e.jsxs(
       ) })
     }
   ) }) : /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
-    xt,
+    vt,
     {
-      isOpen: l,
+      isOpen: c,
       onStart: () => {
         a(!0), w(!1);
       }
@@ -3384,11 +3476,11 @@ const ii = (i) => /* @__PURE__ */ e.jsxs(
   ) });
 };
 typeof window < "u" && (window.InterviewWidget = {
-  InterviewWidget: ai,
-  InterviewWidgetProvider: ot
+  InterviewWidget: li,
+  InterviewWidgetProvider: wt
 });
 export {
-  ai as InterviewWidget,
-  ot as InterviewWidgetProvider,
-  ai as default
+  li as InterviewWidget,
+  wt as InterviewWidgetProvider,
+  li as default
 };