interview-widget 1.0.3 → 1.0.5

package/dist/widget.es.js

@@ -1,9 +1,9 @@
-var _e = Object.defineProperty;
-var Le = (t, r, i) => r in t ? _e(t, r, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[r] = i;
-var _ = (t, r, i) => Le(t, typeof r != "symbol" ? r + "" : r, i);
-import fe, { createContext as je, useRef as T, useCallback as N, useMemo as X, useContext as re, useSyncExternalStore as Ne, useState as k, useEffect as C } from "react";
-import { createPortal as $e } from "react-dom";
-var ke = { exports: {} }, se = {};
+var qe = Object.defineProperty;
+var Be = (i, r, t) => r in i ? qe(i, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[r] = t;
+var F = (i, r, t) => Be(i, typeof r != "symbol" ? r + "" : r, t);
+import ge, { createContext as Te, useContext as ne, useSyncExternalStore as Ce, useRef as E, useCallback as T, useMemo as ee, useState as k, useEffect as C, forwardRef as We, useImperativeHandle as Ge } from "react";
+import { createPortal as Ve } from "react-dom";
+var Se = { exports: {} }, ae = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,27 +13,27 @@ var ke = { exports: {} }, se = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Oe = Symbol.for("react.transitional.element"), qe = Symbol.for("react.fragment");
-function Ee(t, r, i) {
+var ze = Symbol.for("react.transitional.element"), He = Symbol.for("react.fragment");
+function Ie(i, r, t) {
   var s = null;
-  if (i !== void 0 && (s = "" + i), r.key !== void 0 && (s = "" + r.key), "key" in r) {
-    i = {};
+  if (t !== void 0 && (s = "" + t), r.key !== void 0 && (s = "" + r.key), "key" in r) {
+    t = {};
     for (var n in r)
-      n !== "key" && (i[n] = r[n]);
-  } else i = r;
-  return r = i.ref, {
-    $$typeof: Oe,
-    type: t,
+      n !== "key" && (t[n] = r[n]);
+  } else t = r;
+  return r = t.ref, {
+    $$typeof: ze,
+    type: i,
     key: s,
     ref: r !== void 0 ? r : null,
-    props: i
+    props: t
   };
 }
-se.Fragment = qe;
-se.jsx = Ee;
-se.jsxs = Ee;
-ke.exports = se;
-var e = ke.exports;
+ae.Fragment = He;
+ae.jsx = Ie;
+ae.jsxs = Ie;
+Se.exports = ae;
+var e = Se.exports;
 const $ = {
   api: {
     baseUrl: "/api",
@@ -65,57 +65,120 @@ const $ = {
       enabled: !0
     }
   }
-}, ne = je(null), Te = "proctoring-storage", Ue = () => {
-  var t, r;
+}, xe = "iw-storage";
+function Ye() {
+  return typeof import.meta < "u" ? "your-secure-encryption-seed-here" : 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 Re = Ye(), pe = "AES-GCM", fe = 12;
+async function Ae(i) {
+  const t = new TextEncoder().encode(i), s = await crypto.subtle.digest("SHA-256", t);
+  return crypto.subtle.importKey("raw", s, pe, !1, [
+    "encrypt",
+    "decrypt"
+  ]);
+}
+function Qe() {
+  return crypto.getRandomValues(new Uint8Array(fe));
+}
+async function Ke(i, r = "default-seed") {
+  try {
+    const t = typeof i == "string" ? i : JSON.stringify(i), n = new TextEncoder().encode(t), o = await Ae(r), a = Qe(), l = await crypto.subtle.encrypt(
+      { name: pe, 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)));
+  } catch (t) {
+    throw console.error("Encryption failed:", t), new Error("Failed to encrypt data");
+  }
+}
+async function Je(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, fe), o = s.slice(fe), a = await Ae(r), l = await crypto.subtle.decrypt(
+      { name: pe, iv: n },
+      a,
+      o
+    );
+    return new TextDecoder().decode(l);
+  } catch (t) {
+    throw console.error("Decryption failed:", t), new Error("Failed to decrypt data");
+  }
+}
+async function Xe(i, r = "default-seed") {
+  return Ke(i, r);
+}
+async function Ze(i, r = "default-seed") {
+  const t = await Je(i, r);
+  try {
+    return JSON.parse(t);
+  } catch {
+    return t;
+  }
+}
+const oe = Te(null), et = async () => {
+  var i, r;
   try {
-    const i = sessionStorage.getItem(Te);
-    if (i) {
-      const s = JSON.parse(i);
+    const t = sessionStorage.getItem(xe);
+    if (t) {
+      const s = await Ze(t, Re);
       return {
-        logViolations: ((t = s.state) == null ? void 0 : t.logViolations) || [],
+        logViolations: ((i = s.state) == null ? void 0 : i.logViolations) || [],
         totalViolations: ((r = s.state) == null ? void 0 : r.totalViolations) || 0
       };
     }
-  } catch (i) {
+  } catch (t) {
     console.error(
       "Failed to load proctoring data from session storage:",
-      i
+      t
     );
   }
   return { logViolations: [], totalViolations: 0 };
-}, pe = (t) => {
+}, je = async (i) => {
   try {
-    sessionStorage.setItem(
-      Te,
-      JSON.stringify({
-        state: t,
+    const r = await Xe(
+      {
+        state: i,
         version: 0
-      })
+      },
+      Re
     );
+    sessionStorage.setItem(xe, r);
   } catch (r) {
     console.error("Failed to save proctoring data to session storage:", r);
   }
-}, ze = ({
-  children: t
+}, tt = ({
+  children: i
 }) => {
-  const r = T(Ue()), i = T(/* @__PURE__ */ new Set()), s = N(() => {
-    i.current.forEach((w) => w());
-  }, []), n = N((w) => (i.current.add(w), () => {
-    i.current.delete(w);
-  }), []), o = N(() => r.current, []), a = N(
-    (w) => {
+  const r = E({
+    logViolations: [],
+    totalViolations: 0
+  }), t = E(/* @__PURE__ */ new Set());
+  ge.useEffect(() => {
+    et().then((d) => {
+      r.current = d, s();
+    });
+  }, []);
+  const s = T(() => {
+    t.current.forEach((d) => d());
+  }, []), n = T((d) => (t.current.add(d), () => {
+    t.current.delete(d);
+  }), []), o = T(() => r.current, []), a = T(
+    (d) => {
       r.current = {
-        logViolations: [...r.current.logViolations, w],
+        logViolations: [...r.current.logViolations, d],
         totalViolations: r.current.totalViolations + 1
-      }, pe(r.current), s();
+      }, je(r.current), s();
     },
     [s]
-  ), l = N(() => {
+  ), l = T(() => {
     r.current = {
       logViolations: [],
       totalViolations: 0
-    }, pe(r.current), s();
-  }, [s]), d = X(
+    }, je(r.current), s();
+  }, [s]), w = ee(
     () => ({
       getState: o,
       addViolation: a,
@@ -124,96 +187,96 @@ const $ = {
     }),
     [o, a, l, n]
   );
-  return /* @__PURE__ */ e.jsx(ne.Provider, { value: d, children: t });
-}, Be = () => {
-  const t = re(ne);
-  if (!t)
+  return /* @__PURE__ */ e.jsx(oe.Provider, { value: w, children: i });
+}, it = () => {
+  const i = ne(oe);
+  if (!i)
     throw new Error("useViolations must be used within a ProctoringProvider");
-  return Ne(
-    t.subscribe,
-    () => t.getState().logViolations,
-    () => t.getState().logViolations
+  return Ce(
+    i.subscribe,
+    () => i.getState().logViolations,
+    () => i.getState().logViolations
   );
-}, Ge = () => {
-  const t = re(ne);
-  if (!t)
+}, rt = () => {
+  const i = ne(oe);
+  if (!i)
     throw new Error(
       "useTotalViolations must be used within a ProctoringProvider"
     );
-  return Ne(
-    t.subscribe,
-    () => t.getState().totalViolations,
-    () => t.getState().totalViolations
+  return Ce(
+    i.subscribe,
+    () => i.getState().totalViolations,
+    () => i.getState().totalViolations
   );
-}, We = () => {
-  const t = re(ne);
-  if (!t)
+}, st = () => {
+  const i = ne(oe);
+  if (!i)
     throw new Error(
       "useProctoringActions must be used within a ProctoringProvider"
     );
   return {
-    addViolation: t.addViolation,
-    clearViolations: t.clearViolations
+    addViolation: i.addViolation,
+    clearViolations: i.clearViolations
   };
-}, Ce = je(
+}, Me = Te(
   null
 );
-function Ve({
-  config: t = {},
+function nt({
+  config: i = {},
   children: r
 }) {
   var s, n, o, a;
-  const i = {
+  const t = {
     api: {
       ...$.api,
-      ...t.api,
+      ...i.api,
       retryConfig: {
         ...$.api.retryConfig,
-        ...(s = t.api) == null ? void 0 : s.retryConfig
+        ...(s = i.api) == null ? void 0 : s.retryConfig
       }
     },
     ui: {
       ...$.ui,
-      ...t.ui
+      ...i.ui
     },
     interview: {
       ...$.interview,
-      ...t.interview,
+      ...i.interview,
       timers: {
         ...$.interview.timers,
-        ...(n = t.interview) == null ? void 0 : n.timers
+        ...(n = i.interview) == null ? void 0 : n.timers
       },
       stt: {
         ...$.interview.stt,
-        ...(o = t.interview) == null ? void 0 : o.stt
+        ...(o = i.interview) == null ? void 0 : o.stt
       },
       tts: {
         ...$.interview.tts,
-        ...(a = t.interview) == null ? void 0 : a.tts
+        ...(a = i.interview) == null ? void 0 : a.tts
       }
     }
   };
-  return /* @__PURE__ */ e.jsx(Ce.Provider, { value: i, children: /* @__PURE__ */ e.jsx(ze, { children: r }) });
+  return /* @__PURE__ */ e.jsx(Me.Provider, { value: t, children: /* @__PURE__ */ e.jsx(tt, { children: r }) });
 }
-function ae() {
-  const t = re(Ce);
-  if (!t)
+function le() {
+  const i = ne(Me);
+  if (!i)
     throw new Error(
       "useInterviewConfig must be used within an InterviewWidgetProvider. Wrap your component tree with <InterviewWidgetProvider config={...}>"
     );
-  return t;
+  return i;
 }
-function Se() {
-  return ae().api || $.api;
+function De() {
+  return le().api || $.api;
 }
-function Z() {
-  return ae().ui || $.ui;
+function te() {
+  return le().ui || $.ui;
 }
-function He() {
-  return ae().interview || $.interview;
+function at() {
+  return le().interview || $.interview;
 }
-const Ie = ({
-  className: t,
+const _e = ({
+  className: i,
   ...r
 }) => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
   "svg",
@@ -227,7 +290,7 @@ const Ie = ({
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: `iw-animate-spin ${t}`,
+    className: `iw-animate-spin ${i}`,
     ...r,
     children: [
       /* @__PURE__ */ e.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
@@ -241,17 +304,17 @@ const Ie = ({
       /* @__PURE__ */ e.jsx("path", { d: "M7.75 7.75l-2.15 -2.15" })
     ]
   }
-) }), Re = ({
-  children: t,
+) }), Pe = ({
+  children: i,
   variant: r = "primary",
-  size: i = "md",
+  size: t = "md",
   fullWidth: s = !1,
   isLoading: n = !1,
   disabled: o,
   className: a = "",
   ...l
 }) => {
-  const d = "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", w = {
+  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",
     secondary: "iw-bg-primary-100 iw-text-primary-700 iw-hover:bg-primary-200 iw-border iw-border-transparent",
     outline: "iw-bg-transparent iw-text-primary-700 iw-border iw-border-primary-500 iw-hover:bg-primary-50",
@@ -265,52 +328,52 @@ const Ie = ({
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      className: `${d} ${w[r]} ${u[i]} ${m} ${h} ${a}`,
+      className: `${w} ${d[r]} ${u[t]} ${m} ${h} ${a}`,
       disabled: o || n,
       ...l,
       children: [
-        n && /* @__PURE__ */ e.jsx(Ie, { height: 16, width: 16, style: { marginRight: "3px" } }),
-        t
+        n && /* @__PURE__ */ e.jsx(_e, { height: 16, width: 16, style: { marginRight: "3px" } }),
+        i
       ]
     }
   );
 };
-function Qe(t) {
-  const r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+function ot(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),
     g: parseInt(r[2], 16),
     b: parseInt(r[3], 16)
   } : null;
 }
-function Ye(t, r, i) {
-  return "#" + [t, r, i].map((s) => {
+function lt(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 Me(t, r) {
-  const i = Qe(t);
-  if (!i) return t;
-  const s = i.r + (255 - i.r) * r, n = i.g + (255 - i.g) * r, o = i.b + (255 - i.b) * r;
-  return Ye(s, n, o);
+function Fe(i, r) {
+  const t = ot(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 lt(s, n, o);
 }
-function Ke(t, r = 0.8) {
+function ct(i, r = 0.8) {
   return {
-    background: `linear-gradient(to bottom, ${Me(t, r)}, #ffffff)`,
+    background: `linear-gradient(to bottom, ${Fe(i, r)}, #ffffff)`,
     color: "#1f2937"
   };
 }
-function Je(t) {
-  return new Promise((r) => setTimeout(r, t));
+function dt(i) {
+  return new Promise((r) => setTimeout(r, i));
 }
-function Ae(t) {
-  return `linear-gradient(to left, ${Me(t, 0.4)}, ${t})`;
+function Le(i) {
+  return `linear-gradient(to left, ${Fe(i, 0.4)}, ${i})`;
 }
-const Xe = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
-function Ze(t) {
+const wt = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
+function ut(i) {
   try {
-    const r = t.split(".");
+    const r = i.split(".");
     if (r.length !== 3 || !r[1])
       throw new Error("Invalid JWT token");
     const s = r[1].replace(/-/g, "+").replace(/_/g, "/"), n = s.padEnd(
@@ -322,7 +385,7 @@ function Ze(t) {
     return console.error("Error decoding JWT:", r), null;
   }
 }
-const De = (t) => /* @__PURE__ */ e.jsxs(
+const $e = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -334,13 +397,13 @@ const De = (t) => /* @__PURE__ */ e.jsxs(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
       /* @__PURE__ */ e.jsx("path", { d: "m9 12 2 2 4-4" })
     ]
   }
-), Pe = (t) => /* @__PURE__ */ e.jsxs(
+), Oe = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -352,14 +415,14 @@ const De = (t) => /* @__PURE__ */ e.jsxs(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
       /* @__PURE__ */ e.jsx("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
       /* @__PURE__ */ e.jsx("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
     ]
   }
-), et = (t) => /* @__PURE__ */ e.jsxs(
+), ht = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -371,39 +434,39 @@ const De = (t) => /* @__PURE__ */ e.jsxs(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
       /* @__PURE__ */ e.jsx("path", { d: "M15 8a5 5 0 0 1 0 8" }),
       /* @__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" })
     ]
   }
-), W = (t) => {
-  const { baseColor: r, borderRadius: i } = Z(), { loading: s, children: n, ...o } = t;
+), V = (i) => {
+  const { baseColor: r, borderRadius: t } = te(), { loading: s, children: n, ...o } = i;
   return /* @__PURE__ */ e.jsx(
-    Re,
+    Pe,
     {
       style: {
-        background: Ae(r),
-        borderRadius: i
+        background: Le(r),
+        borderRadius: t
       },
       ...o,
-      children: s ? /* @__PURE__ */ e.jsx(Ie, {}) : n
+      children: s ? /* @__PURE__ */ e.jsx(_e, {}) : n
     }
   );
-}, tt = [
+}, mt = [
   "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"
-], it = ({
-  isOpen: t,
+], gt = ({
+  isOpen: i,
   onStart: r,
-  onClose: i
+  onClose: t
 }) => {
-  var M;
-  const s = T(null), n = T(null), { baseColor: o, borderRadius: a } = Z(), [l, d] = k(!1), [w, u] = k(null), [h, m] = k(!1), c = o ?? "#2563eb", x = Ae(c), y = a ?? 18, j = (g, I) => g.startsWith("#") && g.length === 7 ? `${g}${I}` : g, f = [
+  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 = Le(c), b = a ?? 18, j = (f, M) => f.startsWith("#") && f.length === 7 ? `${f}${M}` : f, g = [
     `radial-gradient(120% 85% at 50% 125%, ${j(
       c,
       "34"
@@ -423,7 +486,7 @@ const De = (t) => /* @__PURE__ */ e.jsxs(
       c,
       "14"
     )} 16px, transparent 16px, transparent 32px)`
-  ].join(", "), E = l ? {
+  ].join(", "), v = l ? {
     label: "Camera & microphone ready",
     toneClass: "iw-bg-white/15 iw-text-white",
     dotClass: "iw-bg-emerald-400"
@@ -450,50 +513,50 @@ const De = (t) => /* @__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."
-  }, v = [
+  }, N = [
     {
       label: "Camera feed",
       description: S.cameraCopy,
       status: S.badge,
       toneClass: S.toneClass,
-      Icon: Pe
+      Icon: Oe
     },
     {
       label: "Microphone input",
       description: S.micCopy,
       status: S.badge,
       toneClass: S.toneClass,
-      Icon: et
+      Icon: ht
     }
-  ], F = () => {
-    n.current && (n.current.getTracks().forEach((g) => g.stop()), n.current = null);
-  }, b = async () => {
+  ], _ = () => {
+    n.current && (n.current.getTracks().forEach((f) => f.stop()), n.current = null);
+  }, y = async () => {
     m(!0), u(null);
     try {
-      const g = await navigator.mediaDevices.getUserMedia({
+      const f = await navigator.mediaDevices.getUserMedia({
         video: { width: { ideal: 1280 }, height: { ideal: 720 } },
         audio: !0
       });
-      n.current = g, s.current && (s.current.srcObject = g), d(!0);
-    } catch (g) {
-      console.error("Media permission error:", g);
-      let I = "Unable to access camera or microphone.";
-      (g == null ? void 0 : g.name) === "NotAllowedError" ? I = "Permissions denied. Please allow access to camera and microphone." : (g == null ? void 0 : g.name) === "NotFoundError" ? I = "No camera/microphone found. Please connect a device and retry." : g != null && g.message && (I = g.message), d(!1), u(I);
+      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);
     } finally {
       m(!1);
     }
   };
   if (C(() => {
-    if (!t) {
-      F();
+    if (!i) {
+      _();
       return;
     }
-    return b(), () => {
-      F();
+    return y(), () => {
+      _();
     };
-  }, [t]), !t) return null;
-  const D = () => {
-    r(), F();
+  }, [i]), !i) return null;
+  const 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(
@@ -534,7 +597,7 @@ const De = (t) => /* @__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(De, { 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($e, { 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" }),
@@ -544,25 +607,25 @@ const De = (t) => /* @__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 ${E.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 ${v.toneClass}`,
                 children: [
                   /* @__PURE__ */ e.jsx(
                     "span",
                     {
-                      className: `iw-inline-flex iw-h-2 iw-w-2 iw-rounded-full ${E.dotClass}`
+                      className: `iw-inline-flex iw-h-2 iw-w-2 iw-rounded-full ${v.dotClass}`
                     }
                   ),
-                  E.label
+                  v.label
                 ]
               }
             ) }),
-            i && /* @__PURE__ */ e.jsx(
+            t && /* @__PURE__ */ e.jsx(
               "button",
               {
                 "aria-label": "Close",
                 className: "iw-absolute iw-top-5 iw-right-5 iw-text-white/70 transition-colors hover:iw-text-white",
                 onClick: () => {
-                  F(), i == null || i();
+                  _(), t == null || t();
                 },
                 children: "✕"
               }
@@ -578,7 +641,7 @@ const De = (t) => /* @__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: tt.map((g, I) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("ul", { className: "iw-mt-5 iw-flex iw-flex-col iw-gap-4", children: mt.map((f, M) => /* @__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",
@@ -588,13 +651,13 @@ const De = (t) => /* @__PURE__ */ e.jsxs(
                   {
                     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: I + 1
+                    children: M + 1
                   }
                 ),
-                /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-slate-600", children: g })
+                /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-slate-600", children: f })
               ] })
             },
-            g
+            f
           )) })
         ] }) }),
         /* @__PURE__ */ e.jsxs("section", { className: "iw-flex iw-flex-col iw-gap-5", children: [
@@ -602,7 +665,7 @@ const De = (t) => /* @__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: y },
+              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",
@@ -614,31 +677,31 @@ const De = (t) => /* @__PURE__ */ e.jsxs(
                     className: "iw-h-64 iw-w-full iw-rounded-2xl iw-object-cover",
                     style: {
                       transform: "scaleX(-1)",
-                      borderRadius: y
+                      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(
-                    Re,
+                    Pe,
                     {
-                      onClick: b,
+                      onClick: y,
                       disabled: h,
                       variant: "outline",
                       size: "sm",
                       className: "iw-font-medium",
                       style: {
                         borderColor: c,
-                        borderRadius: y,
+                        borderRadius: b,
                         color: c
                       },
                       children: l ? "Recheck permissions" : "Enable camera & mic"
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
-                    W,
+                    V,
                     {
-                      onClick: D,
+                      onClick: R,
                       disabled: !l,
                       className: "iw-h-10 iw-px-6 iw-text-sm",
                       style: {
@@ -651,21 +714,21 @@ const De = (t) => /* @__PURE__ */ e.jsxs(
               ]
             }
           ),
-          /* @__PURE__ */ e.jsx("ul", { className: "iw-grid sm:iw-grid-cols-1 iw-gap-3", children: v.map(
-            ({ Icon: g, label: I, description: L, status: z, toneClass: U }) => /* @__PURE__ */ e.jsx(
+          /* @__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: q }) => /* @__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(g, { 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(f, { 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: I }),
+                      /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-font-medium iw-text-slate-800", children: M }),
                       /* @__PURE__ */ e.jsx(
                         "span",
                         {
-                          className: `iw-rounded-full iw-px-3 iw-py-1 iw-text-[11px] iw-font-semibold ${U}`,
-                          children: z
+                          className: `iw-rounded-full iw-px-3 iw-py-1 iw-text-[11px] iw-font-semibold ${q}`,
+                          children: O
                         }
                       )
                     ] }),
@@ -673,11 +736,11 @@ const De = (t) => /* @__PURE__ */ e.jsxs(
                   ] })
                 ] })
               },
-              I
+              M
             )
           ) }),
-          w && /* @__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: w }),
-          !((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." })
+          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." })
         ] })
       ] }),
       /* @__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." }) }),
@@ -687,7 +750,7 @@ const De = (t) => /* @__PURE__ */ e.jsxs(
           "aria-hidden": !0,
           className: "iw-pointer-events-none iw-absolute iw-inset-x-0 iw-bottom-1 iw-h-20",
           style: {
-            backgroundImage: f,
+            backgroundImage: g,
             backgroundSize: "100% 120%, 100% 120%, 100% 120%, 32px 32px",
             backgroundPosition: "center bottom, left 95% bottom, right 95% bottom, center bottom",
             backgroundRepeat: "no-repeat, no-repeat, no-repeat, repeat",
@@ -701,12 +764,12 @@ const De = (t) => /* @__PURE__ */ e.jsxs(
     ] })
   ] }) });
 };
-var P = /* @__PURE__ */ ((t) => (t.IDLE = "idle", t.FETCHING_QUESTION = "fetching_question", t.READING_QUESTION = "reading_question", t.THINKING = "thinking", t.ANSWERING = "answering", t.TRANSCRIBING = "transcribing", t.EDITING = "editing", t.SUBMITTING = "submitting", t.COMPLETED = "completed", t))(P || {});
-const rt = {
+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 ft = {
   thinkingDuration: 30,
   answeringDuration: 120,
   editingDuration: 30
-}, st = {
+}, xt = {
   idle: {
     next: "fetching_question"
     /* FETCHING_QUESTION */
@@ -735,14 +798,14 @@ const rt = {
     /* COMPLETED */
   }
 };
-class nt {
-  constructor(r = {}, i = {}) {
-    _(this, "config");
-    _(this, "state");
-    _(this, "phaseIntervalId", null);
-    _(this, "globalIntervalId", null);
-    _(this, "callbacks");
-    this.config = { ...rt, ...r }, this.callbacks = i, this.state = {
+class pt {
+  constructor(r = {}, t = {}) {
+    F(this, "config");
+    F(this, "state");
+    F(this, "phaseIntervalId", null);
+    F(this, "globalIntervalId", null);
+    F(this, "callbacks");
+    this.config = { ...ft, ...r }, this.callbacks = t, this.state = {
       phase: "idle",
       currentPhaseTimeRemaining: 0,
       totalTimeElapsed: 0,
@@ -765,18 +828,18 @@ class nt {
    * Move to next phase
    */
   nextPhase() {
-    const r = this.state.phase, i = st[r];
-    if (!i) return;
-    this.stopPhaseTimer(), this.state.phase = i.next;
-    const s = this.getDurationForPhase(i.next);
+    const r = this.state.phase, t = xt[r];
+    if (!t) return;
+    this.stopPhaseTimer(), this.state.phase = t.next;
+    const s = this.getDurationForPhase(t.next);
     s > 0 ? (this.state.currentPhaseTimeRemaining = s, this.startPhaseTimer()) : this.state.currentPhaseTimeRemaining = 0, this.notifyChange();
   }
   /**
    * Manually complete the interview
    */
   completeInterview() {
-    var r, i;
-    this.stopGlobalTimer(), this.stopPhaseTimer(), this.state.phase = "completed", (i = (r = this.callbacks).onInterviewEnd) == null || i.call(r), this.notifyChange();
+    var r, t;
+    this.stopGlobalTimer(), this.stopPhaseTimer(), this.state.phase = "completed", (t = (r = this.callbacks).onInterviewEnd) == null || t.call(r), this.notifyChange();
   }
   /**
    * Cleanup
@@ -804,8 +867,8 @@ class nt {
    */
   startGlobalTimer() {
     this.globalIntervalId = setInterval(() => {
-      var r, i;
-      this.state.totalTimeElapsed++, (i = (r = this.callbacks).onTick) == null || i.call(r, this.getState());
+      var r, t;
+      this.state.totalTimeElapsed++, (t = (r = this.callbacks).onTick) == null || t.call(r, this.getState());
     }, 1e3);
   }
   /**
@@ -832,61 +895,61 @@ class nt {
    * Notify phase change
    */
   notifyChange() {
-    var r, i;
-    (i = (r = this.callbacks).onPhaseChange) == null || i.call(r, this.state.phase, this.getState());
+    var r, t;
+    (t = (r = this.callbacks).onPhaseChange) == null || t.call(r, this.state.phase, this.getState());
   }
 }
-function at(t = {}) {
-  const { config: r = {}, callbacks: i = {} } = t, s = T(null);
-  s.current || (s.current = new nt(r, {}));
-  const n = s.current, [o, a] = k(n.getState()), l = N(() => {
+function bt(i = {}) {
+  const { config: r = {}, callbacks: t = {} } = i, s = E(null);
+  s.current || (s.current = new pt(r, {}));
+  const n = s.current, [o, a] = k(n.getState()), l = T(() => {
     a(n.getState());
   }, [n]);
   C(() => {
     const h = {
       onPhaseChange: (m, c) => {
         var x;
-        l(), (x = i.onPhaseChange) == null || x.call(i, m, c);
+        l(), (x = t.onPhaseChange) == null || x.call(t, m, c);
       },
       onTick: (m) => {
         var c;
-        l(), (c = i.onTick) == null || c.call(i, m);
+        l(), (c = t.onTick) == null || c.call(t, m);
       },
       onInterviewEnd: () => {
         var m;
-        l(), (m = i.onInterviewEnd) == null || m.call(i);
+        l(), (m = t.onInterviewEnd) == null || m.call(t);
       }
     };
     n.callbacks = h;
-  }, [n, i, l]), C(() => () => {
+  }, [n, t, l]), C(() => () => {
     n.destroy();
   }, [n]);
-  const d = N(() => {
+  const w = T(() => {
     n.startQuestion(), l();
-  }, [n, l]), w = N(() => {
+  }, [n, l]), d = T(() => {
     n.nextPhase(), l();
-  }, [n, l]), u = N(() => {
+  }, [n, l]), u = T(() => {
     n.completeInterview(), l();
   }, [n, l]);
   return {
     state: o,
-    startQuestion: d,
-    nextPhase: w,
+    startQuestion: w,
+    nextPhase: d,
     completeInterview: u,
     timerService: n
   };
 }
-function ot(t, r = {}) {
-  const [i, s] = k({
+function yt(i, r = {}) {
+  const [t, s] = k({
     data: null,
     loading: !1,
     error: null
-  }), n = N(
+  }), n = T(
     async (...o) => {
-      var a, l, d, w;
+      var a, l, w, d;
       s((u) => ({ ...u, loading: !0, error: null }));
       try {
-        const u = await t(...o);
+        const u = await i(...o);
         s((h) => ({
           ...h,
           data: u,
@@ -905,46 +968,46 @@ function ot(t, r = {}) {
           ...m,
           loading: !1,
           error: h
-        })), (d = r.onError) == null || d.call(r, h), (w = r.onSettled) == null || w.call(r, null, h);
+        })), (w = r.onError) == null || w.call(r, h), (d = r.onSettled) == null || d.call(r, null, h);
       }
     },
-    [t, r]
+    [i, r]
   );
   return {
-    ...i,
+    ...t,
     execute: n
   };
 }
-const lt = (t) => {
-  const [r, i] = 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, d = async (c) => {
+const vt = (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;
     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 (y) {
+    } catch (b) {
       const j = {
         name: "FullscreenError",
-        message: y instanceof Error ? y.message : "Failed to enter fullscreen"
+        message: b instanceof Error ? b.message : "Failed to enter fullscreen"
       };
-      i(j), (x = t == null ? void 0 : t.onError) == null || x.call(t, j);
+      t(j), (x = i == null ? void 0 : i.onError) == null || x.call(i, j);
     }
-  }, w = async () => {
+  }, d = async () => {
     var c;
     try {
       o.exitFullscreen ? await o.exitFullscreen() : o.webkitExitFullscreen ? await o.webkitExitFullscreen() : o.mozCancelFullScreen ? await o.mozCancelFullScreen() : o.msExitFullscreen && await o.msExitFullscreen();
     } catch (x) {
-      const y = {
+      const b = {
         name: "FullscreenError",
         message: x instanceof Error ? x.message : "Failed to exit fullscreen"
       };
-      i(y), (c = t == null ? void 0 : t.onError) == null || c.call(t, y);
+      t(b), (c = i == null ? void 0 : i.onError) == null || c.call(i, b);
     }
-  }, u = N(() => {
+  }, u = T(() => {
     var x;
     const c = !!l();
-    n(c), (x = t == null ? void 0 : t.onFullScreenChange) == null || x.call(t, c);
-  }, [t]);
+    n(c), (x = i == null ? void 0 : i.onFullScreenChange) == null || x.call(i, c);
+  }, [i]);
   C(() => {
     const c = [
       "fullscreenchange",
@@ -961,21 +1024,21 @@ const lt = (t) => {
     };
   }, [u]);
   const h = async (c) => {
-    i(null);
+    t(null);
     const x = c ?? document.documentElement;
-    await d(x);
+    await w(x);
   };
   return {
     isFullScreen: s,
     toggleFullScreen: async (c) => {
-      s ? await w() : await h(c);
+      s ? await d() : await h(c);
     },
     enterFullScreen: h,
-    exitFullScreen: w,
+    exitFullScreen: d,
     error: r
   };
 };
-function ct(t) {
+function jt(i) {
   var r;
   if (!navigator.onLine)
     return {
@@ -984,57 +1047,57 @@ function ct(t) {
       retryable: !0,
       userMessage: "Please check your internet connection and try again."
     };
-  if (t.name === "AbortError" || (r = t.message) != null && r.includes("timeout"))
+  if (i.name === "AbortError" || (r = i.message) != null && r.includes("timeout"))
     return {
       type: "timeout",
       message: "Request timed out",
       retryable: !0,
       userMessage: "The request is taking longer than expected. Please try again."
     };
-  if (t.status) {
-    const { status: i } = t;
-    if (i === 401 || i === 403)
+  if (i.status) {
+    const { status: t } = i;
+    if (t === 401 || t === 403)
       return {
         type: "auth",
-        status: i,
+        status: t,
         message: "Authentication failed",
         retryable: !1,
         userMessage: "Your session has expired. Please refresh the page."
       };
-    if (i === 429)
+    if (t === 429)
       return {
         type: "rate-limit",
-        status: i,
+        status: t,
         message: "Too many requests",
         retryable: !0,
         userMessage: "Please wait a moment before trying again."
       };
-    if (i >= 500)
+    if (t >= 500)
       return {
         type: "server",
-        status: i,
-        message: `Server error: ${i}`,
+        status: t,
+        message: `Server error: ${t}`,
         retryable: !0,
         userMessage: "Our servers are experiencing issues. Please try again in a few moments."
       };
-    if (i >= 400)
+    if (t >= 400)
       return {
         type: "client",
-        status: i,
-        message: `Client error: ${i}`,
+        status: t,
+        message: `Client error: ${t}`,
         retryable: !1,
         userMessage: "There was an issue with your request. Please check your input."
       };
   }
   return {
     type: "unknown",
-    message: t.message || "Unknown error occurred",
+    message: i.message || "Unknown error occurred",
     retryable: !0,
     userMessage: "Something unexpected happened. Please try again.",
-    originalError: t
+    originalError: i
   };
 }
-async function he(t, r = {}, i = {
+async function be(i, r = {}, t = {
   attempts: 3,
   backoff: "exponential",
   baseDelay: 1e3,
@@ -1042,9 +1105,9 @@ async function he(t, r = {}, i = {
   jitter: !0
 }) {
   let s;
-  for (let n = 1; n <= i.attempts; n++)
+  for (let n = 1; n <= t.attempts; n++)
     try {
-      const o = new AbortController(), a = setTimeout(() => o.abort(), 6e4), l = await fetch(t, {
+      const o = new AbortController(), a = setTimeout(() => o.abort(), 6e4), l = await fetch(i, {
         ...r,
         signal: o.signal
       });
@@ -1055,24 +1118,24 @@ async function he(t, r = {}, i = {
       return l;
     } catch (o) {
       s = o;
-      const a = ct(o);
-      if (!a.retryable || n === i.attempts)
+      const a = jt(o);
+      if (!a.retryable || n === t.attempts)
         throw a;
-      const l = dt(n, i);
+      const l = Nt(n, t);
       console.warn(
-        `API request failed (attempt ${n}/${i.attempts}), retrying in ${l}ms:`,
+        `API request failed (attempt ${n}/${t.attempts}), retrying in ${l}ms:`,
         a.message
-      ), await new Promise((d) => setTimeout(d, l));
+      ), await new Promise((w) => setTimeout(w, l));
     }
   throw s;
 }
-function dt(t, r) {
-  let i;
-  return r.backoff === "exponential" ? i = r.baseDelay * Math.pow(2, t - 1) : i = r.baseDelay, i = Math.min(i, r.maxDelay), r.jitter && (i = i * (0.5 + Math.random() * 0.5)), Math.round(i);
+function Nt(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 wt {
+class kt {
   constructor(r = {}) {
-    _(this, "config");
+    F(this, "config");
     this.config = r;
   }
   /**
@@ -1085,11 +1148,11 @@ class wt {
    * Get default headers for API requests
    */
   getHeaders() {
-    var i;
+    var t;
     const r = {
       "Content-Type": "application/json"
     };
-    return (i = this.config) != null && i.authToken && (r.Authorization = `Bearer ${this.config.authToken}`), r;
+    return (t = this.config) != null && t.authToken && (r.Authorization = `Bearer ${this.config.authToken}`), r;
   }
   /**
    * Get base URL from config with fallback
@@ -1103,20 +1166,20 @@ class wt {
    */
   async generateQuestion({
     interviewId: r,
-    isInterviewDone: i = !1,
+    isInterviewDone: t = !1,
     qnaId: s,
     question: n,
     answer: o,
     answerDuration: a
   }) {
-    const l = await he(
+    const l = await be(
       `${this.getBaseUrl()}/questions/next`,
       {
         method: "POST",
         headers: this.getHeaders(),
         body: JSON.stringify({
           interview_id: r,
-          is_interview_done: i,
+          is_interview_done: t,
           qna_id: s,
           question: n,
           answer: o,
@@ -1130,31 +1193,31 @@ class wt {
     return await l.json();
   }
 }
-function ut() {
-  const t = ae();
-  return X(() => {
-    const i = t.api || {};
-    return new wt(i);
-  }, [t.api]);
+function Et() {
+  const i = le();
+  return ee(() => {
+    const t = i.api || {};
+    return new kt(t);
+  }, [i.api]);
 }
-const ht = (t) => {
+const Tt = (i) => {
   C(() => {
     const r = (s) => {
-      (s.ctrlKey || s.metaKey) && ["c", "v", "a", "t", "n", "w", "r", "s", "p"].includes(s.key.toLowerCase()) && (s.preventDefault(), t({
+      (s.ctrlKey || s.metaKey) && ["c", "v", "a", "t", "n", "w", "r", "s", "p"].includes(s.key.toLowerCase()) && (s.preventDefault(), i({
         type: "blocked_shortcut",
         severity: "low",
         details: {
           action: "shortcut_pressed",
           reason: `Attempted to use a blocked keyboard shortcut: Ctrl + ${s.key}`
         }
-      })), s.key.startsWith("F") && s.key.length <= 3 && (s.preventDefault(), t({
+      })), s.key.startsWith("F") && s.key.length <= 3 && (s.preventDefault(), i({
         type: "blocked_function_key",
         severity: "low",
         details: {
           action: "function_key_pressed",
           reason: `Attempted to use a blocked function key: ${s.key}`
         }
-      })), s.altKey && s.key === "Tab" && (s.preventDefault(), t({
+      })), s.altKey && s.key === "Tab" && (s.preventDefault(), i({
         type: "alt_tab_attempt",
         severity: "medium",
         details: {
@@ -1162,8 +1225,8 @@ const ht = (t) => {
           reason: "Attempted to use the Alt + Tab shortcut"
         }
       }));
-    }, i = (s) => {
-      s.preventDefault(), t({
+    }, t = (s) => {
+      s.preventDefault(), i({
         type: "right_click_attempt",
         severity: "low",
         details: {
@@ -1172,23 +1235,23 @@ const ht = (t) => {
         }
       });
     };
-    return document.addEventListener("keydown", r), document.addEventListener("contextmenu", i), () => {
-      document.removeEventListener("keydown", r), document.removeEventListener("contextmenu", i);
+    return document.addEventListener("keydown", r), document.addEventListener("contextmenu", t), () => {
+      document.removeEventListener("keydown", r), document.removeEventListener("contextmenu", t);
     };
-  }, [t]);
+  }, [i]);
 };
-class R extends Error {
-  constructor(r, i, s = !1) {
-    super(r), this.code = i, this.recoverable = s, this.name = "STTError";
+class I extends Error {
+  constructor(r, t, s = !1) {
+    super(r), this.code = t, this.recoverable = s, this.name = "STTError";
   }
 }
-class mt {
+class Ct {
   constructor(r = {}) {
-    _(this, "config");
-    _(this, "mediaRecorder", null);
-    _(this, "audioChunks", []);
-    _(this, "recordingStream", null);
-    _(this, "autoStopTimeoutId", null);
+    F(this, "config");
+    F(this, "mediaRecorder", null);
+    F(this, "audioChunks", []);
+    F(this, "recordingStream", null);
+    F(this, "autoStopTimeoutId", null);
     this.config = {
       baseUrl: "http://localhost:8000",
       provider: "groq",
@@ -1214,16 +1277,16 @@ class mt {
   /**
    * Start recording audio from user's microphone
    */
-  async startRecording(r, i) {
+  async startRecording(r, t) {
     var s;
     if (!this.isRecordingSupported())
-      throw new R(
+      throw new I(
         "Audio recording is not supported in this browser",
         "RECORDING_NOT_SUPPORTED",
         !1
       );
     if (this.isRecording())
-      throw new R(
+      throw new I(
         "Recording is already in progress",
         "ALREADY_RECORDING",
         !0
@@ -1241,33 +1304,33 @@ class mt {
         mimeType: n
       }), this.mediaRecorder.ondataavailable = (o) => {
         var a;
-        o.data.size > 0 && (this.audioChunks.push(o.data), (a = i == null ? void 0 : i.onDataAvailable) == null || a.call(i, o.data));
+        o.data.size > 0 && (this.audioChunks.push(o.data), (a = t == null ? void 0 : t.onDataAvailable) == null || a.call(t, o.data));
       }, this.mediaRecorder.onstop = () => {
         var o;
-        (o = i == null ? void 0 : i.onStop) == null || o.call(i);
+        (o = t == null ? void 0 : t.onStop) == null || o.call(t);
       }, this.mediaRecorder.onerror = (o) => {
         var l;
-        const a = new R(
+        const a = new I(
           `Recording failed: ${o.error}`,
           "RECORDING_ERROR",
           !0
         );
-        (l = i == null ? void 0 : i.onError) == null || l.call(i, a), this.cleanup();
-      }, this.mediaRecorder.start(100), (s = i == null ? void 0 : i.onStart) == null || s.call(i), r && r > 0 && (this.autoStopTimeoutId = setTimeout(() => {
+        (l = t == null ? void 0 : t.onError) == null || l.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));
     } catch (n) {
       if (this.cleanup(), n instanceof Error) {
         if (n.name === "NotAllowedError" || n.name === "PermissionDeniedError")
-          throw new R(
+          throw new I(
             "Microphone permission was denied",
             "PERMISSION_DENIED",
             !1
           );
         if (n.name === "NotFoundError")
-          throw new R("No microphone found", "NO_MICROPHONE", !1);
+          throw new I("No microphone found", "NO_MICROPHONE", !1);
       }
-      throw new R(
+      throw new I(
         `Failed to start recording: ${n instanceof Error ? n.message : String(n)}`,
         "START_RECORDING_FAILED",
         !0
@@ -1279,15 +1342,15 @@ class mt {
    */
   async stopRecording() {
     if (this.autoStopTimeoutId && (clearTimeout(this.autoStopTimeoutId), this.autoStopTimeoutId = null), !this.mediaRecorder || !this.isRecording())
-      throw new R(
+      throw new I(
         "No active recording to stop",
         "NO_ACTIVE_RECORDING",
         !1
       );
-    return new Promise((r, i) => {
+    return new Promise((r, t) => {
       if (!this.mediaRecorder) {
-        i(
-          new R("MediaRecorder is null", "MEDIARECORDER_NULL", !1)
+        t(
+          new I("MediaRecorder is null", "MEDIARECORDER_NULL", !1)
         );
         return;
       }
@@ -1296,8 +1359,8 @@ class mt {
           const o = s.mimeType || "audio/webm", a = new Blob(this.audioChunks, { type: o });
           this.cleanup(), r(a);
         } catch (o) {
-          i(
-            new R(
+          t(
+            new I(
               `Failed to create audio blob: ${o instanceof Error ? o.message : String(o)}`,
               "BLOB_CREATION_FAILED",
               !1
@@ -1313,24 +1376,24 @@ class mt {
    */
   async transcribe(r) {
     const {
-      audioBlob: i,
+      audioBlob: t,
       model: s = this.config.model,
       language: n = this.config.language,
       includeTimestamps: o = this.config.includeTimestamps,
       temperature: a = this.config.temperature
     } = r;
-    if (!i || i.size === 0)
-      throw new R(
+    if (!t || t.size === 0)
+      throw new I(
         "Audio blob is empty or invalid",
         "INVALID_AUDIO",
         !1
       );
     try {
-      const l = new FormData(), d = new File([i], "recording.wav", {
-        type: i.type || "audio/wav"
+      const l = new FormData(), w = new File([t], "recording.wav", {
+        type: t.type || "audio/wav"
       });
-      l.append("file", d), 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));
-      const w = await he(
+      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));
+      const d = await be(
         `${this.config.baseUrl}/speech/transcribe`,
         {
           method: "POST",
@@ -1351,26 +1414,26 @@ class mt {
           jitter: !0
         }
       );
-      if (!w.ok) {
-        const h = await w.text();
-        let m = `STT request failed: ${w.status} ${w.statusText}`;
+      if (!d.ok) {
+        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;
         } catch {
           m = h || m;
         }
-        throw new R(
+        throw new I(
           m,
-          `HTTP_${w.status}`,
-          w.status >= 500
+          `HTTP_${d.status}`,
+          d.status >= 500
         );
       }
       return {
-        transcript: (await w.json()).data.text ?? ""
+        transcript: (await d.json()).data.text ?? ""
       };
     } catch (l) {
-      throw l instanceof R ? l : new R(
+      throw l instanceof I ? l : new I(
         `Transcription failed: ${l instanceof Error ? l.message : String(l)}`,
         "TRANSCRIPTION_FAILED",
         !0
@@ -1400,9 +1463,9 @@ class mt {
       "audio/mp4",
       "audio/wav"
     ];
-    for (const i of r)
-      if (MediaRecorder.isTypeSupported(i))
-        return i;
+    for (const t of r)
+      if (MediaRecorder.isTypeSupported(t))
+        return t;
     return "audio/webm";
   }
   /**
@@ -1412,70 +1475,70 @@ class mt {
     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 J = new mt(), gt = (t = {}) => {
-  const [r, i] = k(!1), [s, n] = k(!1), [o, a] = k(null), [l, d] = k(null), [w, u] = k(null);
-  t.config && J.updateConfig(t.config);
-  const h = N(async (y) => {
+const Z = new Ct(), St = (i = {}) => {
+  const [r, t] = k(!1), [s, n] = k(!1), [o, a] = k(null), [l, w] = k(null), [d, u] = k(null);
+  i.config && Z.updateConfig(i.config);
+  const h = T(async (b) => {
     var j;
     try {
-      d(null), a(null), u(null), await J.startRecording(y, {
+      w(null), a(null), u(null), await Z.startRecording(b, {
         onStart: () => {
-          var f;
-          i(!0), (f = t.onStart) == null || f.call(t);
+          var g;
+          t(!0), (g = i.onStart) == null || g.call(i);
         },
         onStop: () => {
-          var f;
-          i(!1), (f = t.onStop) == null || f.call(t);
+          var g;
+          t(!1), (g = i.onStop) == null || g.call(i);
         },
-        onError: (f) => {
+        onError: (g) => {
           var S;
-          const E = f instanceof R ? f : new R(f.message, "RECORDING_ERROR", !0);
-          d(E), i(!1), (S = t.onError) == null || S.call(t, E);
+          const v = g instanceof I ? g : new I(g.message, "RECORDING_ERROR", !0);
+          w(v), t(!1), (S = i.onError) == null || S.call(i, v);
         }
       });
-    } catch (f) {
-      const E = f instanceof R ? f : new R(
-        f instanceof Error ? f.message : String(f),
+    } catch (g) {
+      const v = g instanceof I ? g : new I(
+        g instanceof Error ? g.message : String(g),
         "START_FAILED",
         !1
       );
-      throw d(E), i(!1), (j = t.onError) == null || j.call(t, E), E;
+      throw w(v), t(!1), (j = i.onError) == null || j.call(i, v), v;
     }
-  }, []), m = N(async () => {
-    var y, j;
+  }, []), m = T(async () => {
+    var b, j;
     try {
-      const f = await J.stopRecording();
-      return u(f), i(!1), (y = t.onStop) == null || y.call(t), f;
-    } catch (f) {
-      const E = f instanceof R ? f : new R(
-        f instanceof Error ? f.message : String(f),
+      const g = await Z.stopRecording();
+      return u(g), t(!1), (b = i.onStop) == null || b.call(i), g;
+    } catch (g) {
+      const v = g instanceof I ? g : new I(
+        g instanceof Error ? g.message : String(g),
         "STOP_FAILED",
         !1
       );
-      throw d(E), i(!1), (j = t.onError) == null || j.call(t, E), E;
+      throw w(v), t(!1), (j = i.onError) == null || j.call(i, v), v;
     }
-  }, []), c = N(
-    async (y, j = {}) => {
-      var f, E;
+  }, []), c = T(
+    async (b, j = {}) => {
+      var g, v;
       try {
-        d(null), n(!0);
+        w(null), n(!0);
         const S = {
-          audioBlob: y,
+          audioBlob: b,
           ...j
-        }, v = await J.transcribe(S);
-        return a(v.transcript), n(!1), (f = t.onTranscriptionComplete) == null || f.call(t, v), v;
+        }, N = await Z.transcribe(S);
+        return a(N.transcript), n(!1), (g = i.onTranscriptionComplete) == null || g.call(i, N), N;
       } catch (S) {
-        const v = S instanceof R ? S : new R(
+        const N = S instanceof I ? S : new I(
           S instanceof Error ? S.message : String(S),
           "TRANSCRIPTION_FAILED",
           !0
         );
-        throw d(v), n(!1), (E = t.onError) == null || E.call(t, v), v;
+        throw w(N), n(!1), (v = i.onError) == null || v.call(i, N), N;
       }
     },
     []
-  ), x = N(() => {
-    J.cancelRecording(), i(!1), u(null);
+  ), x = T(() => {
+    Z.cancelRecording(), t(!1), u(null);
   }, []);
   return {
     startRecording: h,
@@ -1486,13 +1549,13 @@ const J = new mt(), gt = (t = {}) => {
     isTranscribing: s,
     transcript: o,
     error: l,
-    audioBlob: w
+    audioBlob: d
   };
-}, xt = (t) => {
-  const r = T(null), i = T(!1);
+}, It = (i) => {
+  const r = E(null), t = E(!1);
   C(() => {
     const s = () => {
-      document.hidden && (i.current = !0, r.current && (clearTimeout(r.current), r.current = null), t({
+      document.hidden && (t.current = !0, r.current && (clearTimeout(r.current), r.current = null), i({
         type: "tab_switch",
         severity: "high",
         details: {
@@ -1500,11 +1563,11 @@ const J = new mt(), gt = (t = {}) => {
           reason: "Attempted to switch tabs or applications"
         }
       }), setTimeout(() => {
-        i.current = !1;
+        t.current = !1;
       }, 100));
     }, n = () => {
-      i.current || (r.current = setTimeout(() => {
-        i.current || t({
+      t.current || (r.current = setTimeout(() => {
+        t.current || i({
           type: "focus_loss",
           severity: "medium",
           details: {
@@ -1517,11 +1580,11 @@ const J = new mt(), gt = (t = {}) => {
     return document.addEventListener("visibilitychange", s), window.addEventListener("blur", n), () => {
       document.removeEventListener("visibilitychange", s), window.removeEventListener("blur", n), r.current && clearTimeout(r.current);
     };
-  }, [t]);
-}, ft = () => {
+  }, [i]);
+}, Rt = () => {
   C(() => {
-    const t = document.createElement("style");
-    return t.textContent = `
+    const i = document.createElement("style");
+    return i.textContent = `
       * {
         -webkit-user-select: none !important;
         -moz-user-select: none !important;
@@ -1534,15 +1597,15 @@ const J = new mt(), gt = (t = {}) => {
         -ms-user-select: text !important;
         user-select: text !important;
       }
-    `, document.head.appendChild(t), () => {
-      document.head.removeChild(t);
+    `, document.head.appendChild(i), () => {
+      document.head.removeChild(i);
     };
   }, []);
 };
-class pt {
+class At {
   constructor(r = {}) {
-    _(this, "config");
-    _(this, "currentAudio", null);
+    F(this, "config");
+    F(this, "currentAudio", null);
     this.config = {
       baseUrl: "http://localhost:8000",
       provider: "piper",
@@ -1562,12 +1625,12 @@ class pt {
    */
   async synthesizeSpeech(r) {
     const {
-      text: i,
+      text: t,
       voice: s = this.config.voice,
       speed: n = this.config.speed
     } = r, o = new URLSearchParams();
-    o.append("text", i), o.append("voice", s || "string"), o.append("speed", (n == null ? void 0 : n.toString()) || "1");
-    const a = await he(
+    o.append("text", t), o.append("voice", s || "string"), o.append("speed", (n == null ? void 0 : n.toString()) || "1");
+    const a = await be(
       `${this.config.baseUrl}/speech/synthesize`,
       {
         method: "POST",
@@ -1597,8 +1660,8 @@ class pt {
     if (l && l.includes("audio/"))
       return a.blob();
     try {
-      const d = await a.json();
-      throw new Error(`TTS Error: ${JSON.stringify(d)}`);
+      const w = await a.json();
+      throw new Error(`TTS Error: ${JSON.stringify(w)}`);
     } catch {
       throw new Error("TTS request failed with unknown error");
     }
@@ -1606,35 +1669,35 @@ class pt {
   /**
    * Speak text and return a promise that resolves when playback completes
    */
-  async speak(r, i) {
+  async speak(r, t) {
     var s, n;
     try {
-      this.stop(), (s = i == null ? void 0 : i.onStart) == null || s.call(i);
+      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, d) => {
+      return this.currentAudio = new Audio(a), new Promise((l, w) => {
         if (!this.currentAudio) {
-          d(new Error("Audio element not created"));
+          w(new Error("Audio element not created"));
           return;
         }
-        const w = this.currentAudio;
-        w.onended = () => {
+        const d = this.currentAudio;
+        d.onended = () => {
           var u;
-          URL.revokeObjectURL(a), this.currentAudio = null, (u = i == null ? void 0 : i.onEnd) == null || u.call(i), l();
-        }, w.onerror = (u) => {
+          URL.revokeObjectURL(a), this.currentAudio = null, (u = t == null ? void 0 : t.onEnd) == null || u.call(t), l();
+        }, d.onerror = (u) => {
           var m;
           URL.revokeObjectURL(a), this.currentAudio = null;
           const h = new Error(`Audio playback failed: ${u}`);
-          (m = i == null ? void 0 : i.onError) == null || m.call(i, h), d(h);
-        }, w.play().catch((u) => {
+          (m = t == null ? void 0 : t.onError) == null || m.call(t, h), w(h);
+        }, d.play().catch((u) => {
           var m;
           URL.revokeObjectURL(a), this.currentAudio = null;
           const h = new Error(`Failed to play audio: ${u.message}`);
-          (m = i == null ? void 0 : i.onError) == null || m.call(i, h), d(h);
+          (m = t == null ? void 0 : t.onError) == null || m.call(t, h), w(h);
         });
       });
     } catch (o) {
       const a = o instanceof Error ? o : new Error(`TTS Error: ${String(o)}`);
-      throw (n = i == null ? void 0 : i.onError) == null || n.call(i, a), a;
+      throw (n = t == null ? void 0 : t.onError) == null || n.call(t, a), a;
     }
   }
   /**
@@ -1650,86 +1713,86 @@ class pt {
     return this.currentAudio !== null && !this.currentAudio.paused;
   }
 }
-const we = new pt(), bt = (t = {}) => {
-  const [r, i] = k(!1), [s, n] = k(!1), [o, a] = k(null);
-  t.config && we.updateConfig(t.config);
-  const l = N(
-    async (w, u = {}) => {
+const he = new At(), Mt = (i = {}) => {
+  const [r, t] = k(!1), [s, n] = k(!1), [o, a] = k(null);
+  i.config && he.updateConfig(i.config);
+  const l = T(
+    async (d, u = {}) => {
       var h;
       try {
         a(null), n(!0);
         const m = {
-          text: w,
+          text: d,
           ...u
         };
-        await we.speak(m, {
+        await he.speak(m, {
           onStart: () => {
             var c;
-            n(!1), i(!0), (c = t.onStart) == null || c.call(t);
+            n(!1), t(!0), (c = i.onStart) == null || c.call(i);
           },
           onEnd: () => {
             var c;
-            i(!1), (c = t.onEnd) == null || c.call(t);
+            t(!1), (c = i.onEnd) == null || c.call(i);
           },
           onError: (c) => {
             var x;
-            i(!1), n(!1), a(c), (x = t.onError) == null || x.call(t, c);
+            t(!1), n(!1), a(c), (x = i.onError) == null || x.call(i, c);
           }
         });
       } catch (m) {
         const c = m instanceof Error ? m : new Error(String(m));
-        throw a(c), i(!1), n(!1), (h = t.onError) == null || h.call(t, c), c;
+        throw a(c), t(!1), n(!1), (h = i.onError) == null || h.call(i, c), c;
       }
     },
-    [t]
-  ), d = N(() => {
-    we.stop(), i(!1), n(!1);
+    [i]
+  ), w = T(() => {
+    he.stop(), t(!1), n(!1);
   }, []);
   return {
     speak: l,
-    stop: d,
+    stop: w,
     isPlaying: r,
     isLoading: s,
     error: o
   };
-}, vt = ({
-  onViolation: t,
+}, Dt = ({
+  onViolation: i,
   onEnd: r,
-  maxViolations: i = 5
+  maxViolations: t = 5
 }) => {
-  const { addViolation: s } = We(), n = Be(), o = Ge(), a = T(o);
+  const { addViolation: s } = st(), n = it(), o = rt(), a = E(o);
   C(() => {
     a.current = o;
   }, [o]);
-  const l = N(
-    (w) => {
-      r && r(w, a.current);
+  const l = T(
+    (d) => {
+      r && r(d, a.current);
     },
     [r]
   );
   return {
-    logViolation: N(
-      ({ type: w, severity: u, details: h }) => {
+    logViolation: T(
+      ({ type: d, severity: u, details: h }) => {
         const m = {
-          id: Xe(),
-          type: w,
+          id: wt(),
+          type: d,
           severity: u,
           details: h,
           timestamp: Date.now()
         };
         s(m);
         const c = a.current + 1;
-        t && t(m, c), c >= i && l("excessive_violations");
+        i && i(m, c), c >= t && l("excessive_violations");
       },
-      [s, t, i, l]
+      [s, i, t, l]
     ),
     onInterviewEnd: l,
     violationCount: o,
     logList: n
   };
-}, yt = () => {
+}, _t = () => {
   C(() => {
-    function t() {
+    function i() {
       console.clear(), console.log(
         `
 %c
@@ -1765,11 +1828,11 @@ const we = new pt(), bt = (t = {}) => {
       ), console.log(
         `
 %c    
-    ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
+    ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
     ◇                                                     ◇
     ◆    🔒 INTERVIEW INTEGRITY SYSTEM ACTIVATED 🔒       ◆
     ◇                                                     ◇
-    ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
+    ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
     
 `,
         "color: #4ecdc4; font-size: 16px; font-weight: bold; text-shadow: 0 0 10px #4ecdc4;"
@@ -1790,8 +1853,8 @@ const we = new pt(), bt = (t = {}) => {
         "color: #ffd93d; font-size: 14px; font-family: monospace; background: rgba(255, 217, 61, 0.1); padding: 10px;"
       );
     }
-    const r = { open: !1, orientation: null }, i = 160, s = setInterval(() => {
-      window.outerHeight - window.innerHeight > i || window.outerWidth - window.innerWidth > i ? r.open || (r.open = !0, r.orientation = window.outerWidth - window.innerWidth > i ? "vertical" : "horizontal", t()) : r.open && (r.open = !1, console.log(
+    const r = { open: !1, orientation: null }, t = 160, s = setInterval(() => {
+      window.outerHeight - window.innerHeight > t || window.outerWidth - window.innerWidth > t ? r.open || (r.open = !0, r.orientation = window.outerWidth - window.innerWidth > t ? "vertical" : "horizontal", i()) : r.open && (r.open = !1, console.log(
         "%c🌟 Developer tools closed. Interview continues smoothly! ✨",
         "color: #4ecdc4; font-weight: bold; text-shadow: 0 0 10px #4ecdc4;"
       ));
@@ -1809,7 +1872,7 @@ const we = new pt(), bt = (t = {}) => {
       clearInterval(s), document.removeEventListener("keydown", n), document.removeEventListener("contextmenu", o), delete window.showStats, delete window.interviewTips;
     };
   }, []);
-}, me = (t) => /* @__PURE__ */ e.jsxs(
+}, ye = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1821,7 +1884,7 @@ const we = new pt(), bt = (t = {}) => {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("path", { d: "M12 2a10 10 0 0 1 7.38 16.75" }),
       /* @__PURE__ */ e.jsx("path", { d: "M12 6v6l4 2" }),
@@ -1831,36 +1894,36 @@ const we = new pt(), bt = (t = {}) => {
       /* @__PURE__ */ e.jsx("path", { d: "M8.644 21.42a10 10 0 0 0 7.631-.38" })
     ]
   }
-), jt = (t, r, i) => Math.max(r, Math.min(i, t)), be = (t) => {
-  const r = Math.max(0, Math.floor(t)), i = Math.floor(r / 60).toString().padStart(2, "0"), s = (r % 60).toString().padStart(2, "0");
-  return `${i}:${s}`;
-}, ge = ({
-  total: t,
+), Pt = (i, r, t) => Math.max(r, Math.min(t, i)), Ne = (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}`;
+}, ve = ({
+  total: i,
   remaining: r,
-  size: i = 64,
+  size: t = 64,
   strokeWidth: s = 6,
   className: n = "",
   showLabel: o = !0
 }) => {
-  const a = Math.max(1, t || 1), l = jt(r / a, 0, 1), { radius: d, circumference: w, dashOffset: u, center: h } = X(() => {
-    const x = (i - s) / 2, y = 2 * Math.PI * x, j = y * (1 - l), f = Math.round(s) % 2 === 1, E = i / 2 + (f ? 0.5 : 0);
-    return { radius: x, circumference: y, dashOffset: j, center: E };
-  }, [i, s, l]), m = X(() => 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), l = Pt(r / a, 0, 1), { radius: w, circumference: d, dashOffset: u, center: h } = ee(() => {
+    const x = (t - s) / 2, b = 2 * Math.PI * x, j = b * (1 - l), g = Math.round(s) % 2 === 1, v = t / 2 + (g ? 0.5 : 0);
+    return { radius: x, circumference: b, dashOffset: j, center: v };
+  }, [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" : "";
   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: i, height: i },
-      "aria-label": `Time remaining ${be(r)}`,
+      style: { width: t, height: t },
+      "aria-label": `Time remaining ${Ne(r)}`,
       role: "timer",
       "aria-live": "polite",
       children: [
         /* @__PURE__ */ e.jsx(
           "svg",
           {
-            width: i,
-            height: i,
-            viewBox: `0 0 ${i} ${i}`,
+            width: t,
+            height: t,
+            viewBox: `0 0 ${t} ${t}`,
             preserveAspectRatio: "xMidYMid meet",
             children: /* @__PURE__ */ e.jsxs("g", { transform: `rotate(-90 ${h} ${h})`, children: [
               /* @__PURE__ */ e.jsx(
@@ -1868,7 +1931,7 @@ const we = new pt(), bt = (t = {}) => {
                 {
                   cx: h,
                   cy: h,
-                  r: d,
+                  r: w,
                   className: "iw-stroke-gray-200",
                   strokeWidth: s,
                   fill: "none",
@@ -1881,12 +1944,12 @@ const we = new pt(), bt = (t = {}) => {
                 {
                   cx: h,
                   cy: h,
-                  r: d,
+                  r: w,
                   className: `${m} ${c}`,
                   strokeWidth: s,
                   strokeLinecap: "round",
                   fill: "none",
-                  strokeDasharray: w,
+                  strokeDasharray: d,
                   strokeDashoffset: u,
                   shapeRendering: "geometricPrecision",
                   vectorEffect: "non-scaling-stroke",
@@ -1902,39 +1965,39 @@ const we = new pt(), bt = (t = {}) => {
           "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: be(r)
+            children: Ne(r)
           }
         ) })
       ]
     }
   );
-}, Nt = ({
-  label: t,
+}, Ft = ({
+  label: i,
   error: r,
-  fullWidth: i = !1,
+  fullWidth: t = !1,
   className: s = "",
   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", d = r ? "iw-border-red-500 iw-focus:border-red-500 iw-focus:ring-red-500" : "", w = i ? "iw-w-full" : "", u = s.includes("iw-h-full") || i ? "iw-h-full" : "";
+  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" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `iw-h-full iw-flex iw-flex-col ${i ? "iw-w-full" : ""}`,
+      className: `iw-h-full iw-flex iw-flex-col ${t ? "iw-w-full" : ""}`,
       children: [
-        t && /* @__PURE__ */ e.jsx(
+        i && /* @__PURE__ */ e.jsx(
           "label",
           {
             htmlFor: a,
             className: "iw-block iw-text-sm iw-font-medium iw-text-gray-700 iw-mb-1",
-            children: t
+            children: i
           }
         ),
         /* @__PURE__ */ e.jsx(
           "textarea",
           {
             id: a,
-            className: `${l} ${d} ${w} ${u} ${s}`,
+            className: `${l} ${w} ${d} ${u} ${s}`,
             "aria-invalid": r ? "true" : "false",
             ...o
           }
@@ -1943,27 +2006,27 @@ const we = new pt(), bt = (t = {}) => {
       ]
     }
   );
-}, kt = ({
-  value: t,
+}, Lt = ({
+  value: i,
   onChange: r,
-  onSubmit: i,
+  onSubmit: t,
   isSubmitDisabled: s,
   state: n,
   editingTime: o
 }) => {
   const a = (l) => {
-    l.key === "Enter" && (l.ctrlKey || l.metaKey) && !s && (l.preventDefault(), i());
+    l.key === "Enter" && (l.ctrlKey || l.metaKey) && !s && (l.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: [
       /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Your Answer" }),
       /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
-          /* @__PURE__ */ e.jsx(me, { className: "iw-size-4 iw-text-orange-600" }),
+          /* @__PURE__ */ e.jsx(ye, { className: "iw-size-4 iw-text-orange-600" }),
           /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to edit: " })
         ] }),
         /* @__PURE__ */ e.jsx(
-          ge,
+          ve,
           {
             total: o,
             remaining: n.currentPhaseTimeRemaining,
@@ -1975,9 +2038,9 @@ const we = new pt(), bt = (t = {}) => {
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: " iw-overflow-hidden  iw-flex iw-flex-col iw-h-full iw-mt-2", children: [
       /* @__PURE__ */ e.jsx(
-        Nt,
+        Ft,
         {
-          value: t,
+          value: i,
           onChange: r,
           onKeyDown: a,
           placeholder: "Type your answer here...",
@@ -1989,12 +2052,12 @@ const we = new pt(), bt = (t = {}) => {
           onDragOver: (l) => l.preventDefault()
         }
       ),
-      /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1 iw-mt-4", children: /* @__PURE__ */ e.jsx(W, { onClick: i, 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(V, { onClick: t, disabled: s, children: "Submit Answer" }) })
     ] })
   ] });
-}, Et = ({ className: t = "" }) => {
+}, $t = ({ className: i = "" }) => {
   var n;
-  const { authToken: r } = Se(), i = r ? Ze(r) : null, s = T(null);
+  const { authToken: r } = De(), t = r ? ut(r) : null, s = E(null);
   return C(() => {
     let o = null;
     return (async () => {
@@ -2009,7 +2072,7 @@ const we = new pt(), bt = (t = {}) => {
     })(), () => {
       o && o.getTracks().forEach((l) => l.stop());
     };
-  }, []), /* @__PURE__ */ e.jsxs("div", { className: `iw-relative ${t}`, children: [
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: `iw-relative ${i}`, children: [
     /* @__PURE__ */ e.jsx(
       "video",
       {
@@ -2027,18 +2090,18 @@ const we = new pt(), bt = (t = {}) => {
       /* @__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 = i == null ? void 0 : i.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: i.data.user_name }) })
+    ((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 }) })
   ] });
-}, Tt = ({
-  question: t,
+}, Ot = ({
+  question: i,
   isLoading: r = !1
 }) => {
-  const { baseColor: i } = Z();
+  const { baseColor: t } = te();
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: "iw-rounded-xl iw-mb-4 message-animation  iw-text-gray-800 iw-p-6 ",
-      style: Ke(i, 0.85),
+      style: ct(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",
@@ -2051,37 +2114,37 @@ const we = new pt(), bt = (t = {}) => {
         r ? /* @__PURE__ */ e.jsxs("div", { className: "iw-animate-pulse iw-w-full iw-space-y-3 iw-mr-10", children: [
           /* @__PURE__ */ e.jsx("div", { className: "iw-h-5 iw-bg-gray-200 iw-rounded iw-w-full" }),
           /* @__PURE__ */ e.jsx("div", { className: "iw-h-5 iw-bg-gray-200 iw-rounded iw-w-3/4" })
-        ] }) : /* @__PURE__ */ e.jsx("p", { className: "iw-text-lg iw-leading-8", children: t == null ? void 0 : t.question })
+        ] }) : /* @__PURE__ */ e.jsx("p", { className: "iw-text-lg iw-leading-8", children: i == null ? void 0 : i.question })
       ] })
     }
   );
-}, ve = ({
-  currentQuestion: t,
+}, ke = ({
+  currentQuestion: i,
   phase: r,
-  className: i = "",
+  className: t = "",
   children: s
 }) => /* @__PURE__ */ e.jsxs(
   "div",
   {
-    className: `iw-p-4 iw-space-y-4 iw-pb-6 ${i}  iw-min-h-[calc(100vh_-_3.8rem)] iw-flex iw-flex-col iw-justify-between`,
+    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(
-        Tt,
+        Ot,
         {
-          question: t,
-          isLoading: r === P.FETCHING_QUESTION || r === P.IDLE
+          question: i,
+          isLoading: r === D.FETCHING_QUESTION || r === D.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(Et, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-min-h-[400px] iw-max-h-[600px]", children: /* @__PURE__ */ e.jsx($t, {}) }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-bg-white iw-rounded-r-xl iw-shadow iw-p-6", children: s })
       ] })
     ]
   }
-), Fe = ({
-  isOpen: t,
+), Ue = ({
+  isOpen: i,
   onClose: r,
-  children: i,
+  children: t,
   title: s,
   showCloseButton: n = !0,
   closeOnOverlayClick: o = !0,
@@ -2089,22 +2152,22 @@ const we = new pt(), bt = (t = {}) => {
   className: l = ""
 }) => {
   if (C(() => {
-    if (!t || !a) return;
+    if (!i || !a) return;
     const u = (h) => {
       h.key === "Escape" && r();
     };
     return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
-  }, [t, a, r]), C(() => (t ? (document.body.style.overflow = "hidden", document.body.classList.add("interview-widget-container")) : (document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container")), () => {
+  }, [i, a, r]), C(() => (i ? (document.body.style.overflow = "hidden", document.body.classList.add("interview-widget-container")) : (document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container")), () => {
     document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container");
-  }), [t]), !t) return null;
-  const d = (u) => {
+  }), [i]), !i) return null;
+  const w = (u) => {
     o && u.target === u.currentTarget && r();
-  }, w = /* @__PURE__ */ e.jsxs("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center", children: [
+  }, d = /* @__PURE__ */ e.jsxs("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center", children: [
     /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "iw-fixed iw-inset-0 iw-bg-black iw-bg-opacity-50 iw-transition-opacity",
-        onClick: d
+        onClick: w
       }
     ),
     /* @__PURE__ */ e.jsxs(
@@ -2151,21 +2214,21 @@ const we = new pt(), bt = (t = {}) => {
               }
             )
           ] }),
-          /* @__PURE__ */ e.jsx("div", { className: "iw-p-4 iw-overflow-y-auto", children: i })
+          /* @__PURE__ */ e.jsx("div", { className: "iw-p-4 iw-overflow-y-auto", children: t })
         ]
       }
     )
   ] });
-  return $e(w, document.body);
-}, Ct = ({
-  confirmExitInterview: t,
+  return Ve(d, document.body);
+}, Ut = ({
+  confirmExitInterview: i,
   isOpen: r,
-  onClose: i
+  onClose: t
 }) => /* @__PURE__ */ e.jsx(
-  Fe,
+  Ue,
   {
     isOpen: r,
-    onClose: i,
+    onClose: t,
     title: "Exit Interview",
     closeOnOverlayClick: !1,
     children: /* @__PURE__ */ e.jsxs("div", { className: "iw-space-y-5", children: [
@@ -2181,7 +2244,7 @@ const we = new pt(), bt = (t = {}) => {
           "button",
           {
             className: "iw-inline-flex iw-items-center iw-justify-center iw-rounded-lg iw-border iw-border-slate-200 iw-bg-white iw-px-4 iw-py-2 iw-text-sm iw-font-medium iw-text-slate-600 iw-shadow-sm iw-transition hover:iw-bg-slate-50",
-            onClick: i,
+            onClick: t,
             children: "Stay in interview"
           }
         ),
@@ -2193,15 +2256,15 @@ const we = new pt(), bt = (t = {}) => {
               background: "linear-gradient(to right, rgba(244, 63, 94, 0.8), rgba(225, 29, 72, 0.8))",
               boxShadow: "0 12px 30px -16px rgba(244, 63, 94, 0.65)"
             },
-            onClick: t,
+            onClick: i,
             children: "Confirm exit"
           }
         )
       ] })
     ] })
   }
-), ye = ({ title: t, onExit: r }) => {
-  const { baseColor: i } = Z(), [s, n] = k(!1);
+), Ee = ({ title: i, onExit: r }) => {
+  const { baseColor: t } = te(), [s, n] = k(!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: [
@@ -2209,13 +2272,13 @@ const we = new pt(), bt = (t = {}) => {
           "div",
           {
             className: "iw-h-7 iw-w-7 iw-rounded-md  iw-flex iw-items-center iw-justify-center iw-text-white iw-font-semibold",
-            style: { backgroundColor: i },
+            style: { backgroundColor: t },
             children: "N"
           }
         ),
         /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-font-medium", children: "Novara" })
       ] }),
-      /* @__PURE__ */ e.jsx("h1", { className: "iw-text-base iw-font-bold", children: t }),
+      /* @__PURE__ */ e.jsx("h1", { className: "iw-text-base iw-font-bold", children: i }),
       /* @__PURE__ */ e.jsx(
         "button",
         {
@@ -2230,7 +2293,7 @@ const we = new pt(), bt = (t = {}) => {
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "iw-h-px iw-bg-gray-200" }),
     /* @__PURE__ */ e.jsx(
-      Ct,
+      Ut,
       {
         isOpen: s,
         confirmExitInterview: () => {
@@ -2240,111 +2303,111 @@ const we = new pt(), bt = (t = {}) => {
       }
     )
   ] });
-}, St = ({
-  className: t = "",
+}, qt = ({
+  className: i = "",
   width: r,
-  height: i = 56,
+  height: t = 56,
   barWidth: s = 3,
   gap: n = 2,
   fftSize: o = 1024,
   smoothingTimeConstant: a = 0.8,
   mediaStream: l,
-  startOnMount: d = !0
+  startOnMount: w = !0
 }) => {
-  const { baseColor: w } = Z(), u = T(null), h = T(null), m = T(null), c = T(null), x = T(null), y = T(null), j = T(!1), [f, E] = k(null);
+  const { baseColor: d } = te(), u = E(null), h = E(null), m = E(null), c = E(null), x = E(null), b = E(null), j = E(!1), [g, v] = k(null);
   C(() => {
     if (r || !h.current) return;
-    const v = h.current, F = () => {
-      const D = u.current;
-      if (!D) return;
-      const M = v.clientWidth, g = i;
-      D.width = Math.max(1, Math.floor(M * window.devicePixelRatio || 1)), D.height = Math.max(1, Math.floor(g * window.devicePixelRatio || 1));
-    }, b = new ResizeObserver(F);
-    return b.observe(v), F(), () => b.disconnect();
-  }, [r, i]), C(() => {
+    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));
+    }, y = new ResizeObserver(_);
+    return y.observe(N), _(), () => y.disconnect();
+  }, [r, t]), C(() => {
     if (!r) return;
-    const v = u.current;
-    v && (v.width = Math.max(
+    const N = u.current;
+    N && (N.width = Math.max(
       1,
       Math.floor(r * (window.devicePixelRatio || 1))
-    ), v.height = Math.max(
+    ), N.height = Math.max(
       1,
-      Math.floor(i * (window.devicePixelRatio || 1))
+      Math.floor(t * (window.devicePixelRatio || 1))
     ));
-  }, [r, i]), C(() => {
-    let v = !1;
+  }, [r, t]), C(() => {
+    let N = !1;
     return (async () => {
       try {
-        const b = new (window.AudioContext || window.webkitAudioContext)();
-        m.current = b;
-        let D = l;
-        if (!D) {
-          if (!d) return;
-          D = await navigator.mediaDevices.getUserMedia({
+        const y = new (window.AudioContext || window.webkitAudioContext)();
+        m.current = y;
+        let R = l;
+        if (!R) {
+          if (!w) return;
+          R = await navigator.mediaDevices.getUserMedia({
             audio: !0,
             video: !1
           }), j.current = !0;
         }
-        if (v) return;
-        const M = b.createAnalyser();
-        M.fftSize = o, M.smoothingTimeConstant = a, c.current = M;
-        const g = b.createMediaStreamSource(D);
-        x.current = g, g.connect(M), S();
-      } catch (b) {
-        E((b == null ? void 0 : b.message) || "Failed to initialize microphone");
+        if (N) return;
+        const A = y.createAnalyser();
+        A.fftSize = o, A.smoothingTimeConstant = a, c.current = A;
+        const f = y.createMediaStreamSource(R);
+        x.current = f, f.connect(A), S();
+      } catch (y) {
+        v((y == null ? void 0 : y.message) || "Failed to initialize microphone");
       }
     })(), () => {
-      var b, D, M, g;
-      v = !0, y.current && cancelAnimationFrame(y.current);
+      var y, R, A, f;
+      N = !0, b.current && cancelAnimationFrame(b.current);
       try {
-        (b = x.current) == null || b.disconnect();
+        (y = x.current) == null || y.disconnect();
       } catch {
       }
       try {
-        (D = c.current) == null || D.disconnect();
+        (R = c.current) == null || R.disconnect();
       } catch {
       }
-      j.current && ((g = ((M = x.current) == null ? void 0 : M.mediaStream) || void 0) == null || g.getTracks().forEach((I) => I.stop())), m.current && m.current.state !== "closed" && m.current.close();
+      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();
     };
-  }, [l, o, a, d]);
+  }, [l, o, a, w]);
   const S = () => {
-    const v = u.current, F = c.current;
-    if (!v || !F) return;
-    const b = v.getContext("2d");
-    if (!b) return;
-    const D = window.devicePixelRatio || 1, M = v.width, g = v.height, I = F.frequencyBinCount, L = new Uint8Array(I), z = () => {
-      y.current = requestAnimationFrame(z), F.getByteTimeDomainData(L), b.clearRect(0, 0, M, g), b.fillStyle = "rgba(0,0,0,0)", b.fillRect(0, 0, M, g);
-      const U = Math.max(1, Math.floor(s * D)), V = Math.max(1, Math.floor(n * D)), H = U + V, O = Math.max(8, Math.floor((M + V) / H)), G = Math.floor(L.length / O);
-      for (let A = 0; A < O; A++) {
-        const Q = Math.min(L.length - 1, A * G), oe = L[Q] / 128 - 1, B = Math.abs(oe), le = Math.pow(B, 0.6), Y = Math.max(g * 0.06, le * (g * 0.9)), ce = A * H, de = (g - Y) / 2, K = 140 - Math.min(140, 140 * B), ee = 85, p = 48 + Math.floor(12 * (1 - B));
-        b.fillStyle = `${w}`, b.shadowColor = `hsla(${K}, ${ee}%, ${p}%, ${0.25 * B})`, b.shadowBlur = 8 * B;
-        const q = Math.min(U / 2, Y / 2);
-        It(b, ce, de, U, Y, q), b.fill();
+    const N = u.current, _ = c.current;
+    if (!N || !_) return;
+    const y = N.getContext("2d");
+    if (!y) return;
+    const R = window.devicePixelRatio || 1, A = N.width, f = N.height, M = _.frequencyBinCount, L = new Uint8Array(M), O = () => {
+      b.current = requestAnimationFrame(O), _.getByteTimeDomainData(L), y.clearRect(0, 0, A, f), y.fillStyle = "rgba(0,0,0,0)", y.fillRect(0, 0, A, f);
+      const q = Math.max(1, Math.floor(s * R)), z = Math.max(1, Math.floor(n * R)), H = q + z, Y = Math.max(8, Math.floor((A + z) / H)), B = Math.floor(L.length / Y);
+      for (let U = 0; U < Y; U++) {
+        const P = Math.min(L.length - 1, U * B), Q = L[P] / 128 - 1, W = Math.abs(Q), ce = Math.pow(W, 0.6), K = Math.max(f * 0.06, ce * (f * 0.9)), de = U * H, we = (f - K) / 2, ue = 140 - Math.min(140, 140 * W), J = 85, ie = 48 + Math.floor(12 * (1 - W));
+        y.fillStyle = `${d}`, y.shadowColor = `hsla(${ue}, ${J}%, ${ie}%, ${0.25 * W})`, y.shadowBlur = 8 * W;
+        const p = Math.min(q / 2, K / 2);
+        Bt(y, de, we, q, K, p), y.fill();
       }
     };
-    z();
+    O();
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       ref: h,
-      className: `iw-relative iw-w-full iw-overflow-hidden iw-rounded-md iw-bg-gray-50 ${t}`,
-      style: { height: i },
+      className: `iw-relative iw-w-full iw-overflow-hidden iw-rounded-md iw-bg-gray-50 ${i}`,
+      style: { height: t },
       children: [
         /* @__PURE__ */ e.jsx("canvas", { ref: u, className: "iw-w-full iw-h-full" }),
-        f && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-0 iw-flex iw-items-center iw-justify-center", children: /* @__PURE__ */ e.jsx("span", { className: "iw-text-xs iw-text-red-600 iw-bg-red-50 iw-border iw-border-red-200 iw-px-2 iw-py-1 iw-rounded", children: f }) })
+        g && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-0 iw-flex iw-items-center iw-justify-center", children: /* @__PURE__ */ e.jsx("span", { className: "iw-text-xs iw-text-red-600 iw-bg-red-50 iw-border iw-border-red-200 iw-px-2 iw-py-1 iw-rounded", children: g }) })
       ]
     }
   );
 };
-function It(t, r, i, s, n, o) {
+function Bt(i, r, t, s, n, o) {
   const a = Math.min(o, s / 2, n / 2);
-  t.beginPath(), t.moveTo(r + a, i), t.lineTo(r + s - a, i), t.quadraticCurveTo(r + s, i, r + s, i + a), t.lineTo(r + s, i + n - a), t.quadraticCurveTo(r + s, i + n, r + s - a, i + n), t.lineTo(r + a, i + n), t.quadraticCurveTo(r, i + n, r, i + n - a), t.lineTo(r, i + a), t.quadraticCurveTo(r, i, r + a, i), t.closePath();
+  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 Rt = ({
-  state: t,
+const Wt = ({
+  state: i,
   answeringTime: r,
-  nextPhase: i,
+  nextPhase: t,
   sttError: s
 }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-justify-between iw-h-full ", children: [
   /* @__PURE__ */ e.jsxs("div", { children: [
@@ -2352,14 +2415,14 @@ const Rt = ({
       /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "You may start speaking now. We're listening...." }),
       /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
-          /* @__PURE__ */ e.jsx(me, { className: "iw-size-4 iw-text-orange-600" }),
+          /* @__PURE__ */ e.jsx(ye, { className: "iw-size-4 iw-text-orange-600" }),
           /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to talk: " })
         ] }),
         /* @__PURE__ */ e.jsx(
-          ge,
+          ve,
           {
             total: r,
-            remaining: t.currentPhaseTimeRemaining,
+            remaining: i.currentPhaseTimeRemaining,
             size: 50,
             strokeWidth: 4
           }
@@ -2369,24 +2432,24 @@ const Rt = ({
     /* @__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(St, {}),
+    /* @__PURE__ */ e.jsx(qt, {}),
     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(
-    W,
+    V,
     {
       onClick: () => {
-        i();
+        t();
       },
       children: "Transcribe My Answer"
     }
   ) })
 ] });
-function Mt() {
-  const [t, r] = k(!0), i = X(
+function Gt() {
+  const [i, r] = k(!0), t = ee(
     () => [0, 1, 2].map((s) => ({ id: s })),
     []
   );
@@ -2396,8 +2459,8 @@ function Mt() {
     }, 1500);
     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: i.map((s, n) => {
-      const o = n * 50, a = t ? o : o + 12, l = t ? 1 : 0.08, d = n * 140;
+    /* @__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;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -2407,7 +2470,7 @@ function Mt() {
             top: 0,
             transform: `translateY(${a}px)`,
             opacity: l,
-            transition: `transform 600ms cubic-bezier(.2,.9,.3,1) ${d}ms, opacity 400ms ease ${d}ms`
+            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: [
             /* @__PURE__ */ e.jsx("div", { className: "iw-w-10 iw-h-10 iw-bg-gray-300 iw-rounded iw-flex-shrink-0" }),
@@ -2423,10 +2486,10 @@ function Mt() {
     /* @__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 At = ({
-  size: t = "192px",
+const Vt = ({
+  size: i = "192px",
   className: r,
-  colors: i,
+  colors: t,
   animationDuration: s = 20
 }) => {
   const o = { ...{
@@ -2437,14 +2500,14 @@ const At = ({
     // Pastel blue
     c3: "oklch(78% 0.14 280)"
     // Pastel purple/lavender
-  }, ...i }, a = parseInt(t.replace("px", ""), 10), l = a < 50 ? Math.max(a * 8e-3, 1) : Math.max(a * 0.015, 4), d = a < 50 ? Math.max(a * 4e-3, 1.2) : Math.max(a * 8e-3, 1.5), w = 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(d * 1.2, 1.3) : d;
+  }, ...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;
   return /* @__PURE__ */ e.jsx(
     "div",
     {
       className: `siri-orb ${r}`,
       style: {
-        width: t,
-        height: t,
+        width: i,
+        height: i,
         "--bg": o.bg,
         "--c1": o.c1,
         "--c2": o.c2,
@@ -2452,7 +2515,7 @@ const At = ({
         "--animation-duration": `${s}s`,
         "--blur-amount": `${l}px`,
         "--contrast-amount": m,
-        "--dot-size": `${w}px`,
+        "--dot-size": `${d}px`,
         "--shadow-spread": `${u}px`,
         "--mask-radius": h
       },
@@ -2565,46 +2628,46 @@ const At = ({
     }
   );
 };
-function Dt({ ttsError: t }) {
+function zt({ 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(At, { size: "80px" }),
-    t && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
+    /* @__PURE__ */ e.jsx(Vt, { size: "80px" }),
+    i && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
       "Audio playback failed: ",
-      t.message
+      i.message
     ] }),
     /* @__PURE__ */ e.jsx("p", { className: "iw-text- iw-text-gray-700", children: "Your AI interviewer is speaking..." })
   ] });
 }
-const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__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 Ht = ({ 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." })
   ] }),
   /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
-      /* @__PURE__ */ e.jsx(me, { className: "iw-size-4 iw-text-orange-600" }),
+      /* @__PURE__ */ e.jsx(ye, { className: "iw-size-4 iw-text-orange-600" }),
       /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to think: " })
     ] }),
     /* @__PURE__ */ e.jsx(
-      ge,
+      ve,
       {
         total: r,
-        remaining: t.currentPhaseTimeRemaining,
+        remaining: i.currentPhaseTimeRemaining,
         size: 50,
         strokeWidth: 4
       }
     )
   ] }),
   /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1", children: /* @__PURE__ */ e.jsx(
-    W,
+    V,
     {
       onClick: () => {
-        i();
+        t();
       },
       children: "Start Answering"
     }
   ) })
-] }), Ft = ({ sttError: t }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-h-full", children: [
+] }), Yt = ({ 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",
@@ -2640,12 +2703,12 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
   ] }),
   /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1 iw-mt-3", children: "Just a moment... We're analyzing your response" }),
   /* @__PURE__ */ e.jsx("p", { className: "iw-max-w-lg iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: "After transcription, you'll have 45 sec to review your answer." }),
-  t && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
+  i && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
     "Transcription error: ",
-    t.message,
-    t.recoverable && " (attempting to continue)"
+    i.message,
+    i.recoverable && " (attempting to continue)"
   ] })
-] }), ie = (t) => /* @__PURE__ */ e.jsxs(
+] }), se = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2657,14 +2720,14 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
       /* @__PURE__ */ e.jsx("path", { d: "M12 9v4" }),
       /* @__PURE__ */ e.jsx("path", { d: "M12 17h.01" })
     ]
   }
-), _t = (t) => /* @__PURE__ */ e.jsxs(
+), Qt = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2676,13 +2739,13 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("path", { d: "M12 6v6l4 2" }),
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
     ]
   }
-), Lt = (t) => /* @__PURE__ */ e.jsxs(
+), Kt = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2694,13 +2757,13 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
-), $t = (t) => /* @__PURE__ */ e.jsxs(
+), Jt = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2712,7 +2775,7 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
       /* @__PURE__ */ e.jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
@@ -2721,7 +2784,7 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
     ]
   }
-), ue = (t) => /* @__PURE__ */ e.jsxs(
+), me = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2733,7 +2796,7 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
       /* @__PURE__ */ e.jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
@@ -2742,7 +2805,7 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
     ]
   }
-), Ot = (t) => /* @__PURE__ */ e.jsxs(
+), Xt = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2754,7 +2817,7 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
       /* @__PURE__ */ e.jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
@@ -2763,102 +2826,102 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
     ]
   }
-), te = 5;
-function qt({
-  isOpen: t,
+), re = 5;
+function Zt({
+  isOpen: i,
   onClose: r,
-  warningCount: i,
+  warningCount: t,
   violationType: s,
   onDisqualify: n
 }) {
-  const [o, a] = k(10), l = T(r);
+  const [o, a] = k(10), l = E(r);
   if (C(() => {
     l.current = r;
   }, [r]), C(() => {
-    if (!t) return;
+    if (!i) return;
     const m = setInterval(() => {
       a((c) => c <= 1 ? (l.current(), 10) : c - 1);
     }, 1e3);
     return () => clearInterval(m);
-  }, [t]), C(() => {
-    t && a(10);
-  }, [t]), C(() => (t ? (document.body.style.overflow = "hidden", document.body.classList.add("interview-widget-container")) : (document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container")), () => {
+  }, [i]), C(() => {
+    i && a(10);
+  }, [i]), C(() => (i ? (document.body.style.overflow = "hidden", document.body.classList.add("interview-widget-container")) : (document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container")), () => {
     document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container");
-  }), [t]), !t) return null;
-  const w = (() => {
+  }), [i]), !i) return null;
+  const d = (() => {
     switch (s) {
       case "tab_switch":
         return {
           title: "Tab Switch Detected",
           description: "You attempted to switch to another tab or reload application.",
-          icon: /* @__PURE__ */ e.jsx(Lt, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Kt, { 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(Pe, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Oe, { 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($t, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Jt, { 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(ue, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(me, { 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(Ot, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Xt, { 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(ue, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(me, { 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(ue, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(me, { className: "iw-h-5 iw-w-5" })
         };
       default:
         return {
           title: "Violation Detected",
           description: "You attempted to perform an action that is not allowed.",
-          icon: /* @__PURE__ */ e.jsx(ie, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(se, { className: "iw-h-5 iw-w-5" })
         };
     }
-  })(), u = te - i, h = () => {
-    i + 1 > te ? n() : r();
+  })(), u = re - t, h = () => {
+    t + 1 > re ? n() : 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-black/60 iw-p-4 iw-backdrop-blur-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-w-full iw-max-w-md iw-rounded-2xl iw-border iw-border-gray-100 iw-bg-white iw-shadow-xl", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "iw-p-6 iw-pb-0", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "iw-mb-6 iw-flex iw-items-start iw-gap-4", children: [
-        /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-12 iw-w-12 iw-flex-shrink-0 iw-items-center iw-justify-center iw-rounded-2xl iw-bg-red-50", children: /* @__PURE__ */ e.jsx(ie, { className: "iw-h-6 iw-w-6 iw-text-red-500" }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-12 iw-w-12 iw-flex-shrink-0 iw-items-center iw-justify-center iw-rounded-2xl iw-bg-red-50", children: /* @__PURE__ */ e.jsx(se, { className: "iw-h-6 iw-w-6 iw-text-red-500" }) }),
         /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1", children: [
           /* @__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: te }).map((m, c) => /* @__PURE__ */ e.jsx(
+            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-gap-1", children: Array.from({ length: re }).map((m, c) => /* @__PURE__ */ e.jsx(
               "div",
               {
-                className: `iw-h-2 iw-w-2 iw-rounded-full ${c <= i - 1 ? "iw-bg-red-500" : "iw-bg-gray-200"}`
+                className: `iw-h-2 iw-w-2 iw-rounded-full ${c <= t - 1 ? "iw-bg-red-500" : "iw-bg-gray-200"}`
               },
               c
             )) }),
             /* @__PURE__ */ e.jsxs("span", { className: "iw-text-sm iw-text-gray-500", children: [
               "(",
-              i,
+              t,
               "/",
-              te,
+              re,
               ")"
             ] })
           ] })
@@ -2873,12 +2936,12 @@ function qt({
             borderColor: "rgb(254, 226, 226)"
           },
           children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-4", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-items-center iw-justify-center iw-rounded-xl iw-bg-white iw-shadow-sm", children: w.icon }),
+            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-items-center iw-justify-center iw-rounded-xl iw-bg-white iw-shadow-sm", children: d.icon }),
             /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1", children: [
-              /* @__PURE__ */ e.jsx("h3", { className: "iw-mb-2 iw-font-semibold iw-text-gray-900", children: w.title }),
-              /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-leading-relaxed iw-text-gray-700", children: w.description }),
+              /* @__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(De, { className: "iw-h-3 iw-w-3" }),
+                /* @__PURE__ */ e.jsx($e, { className: "iw-h-3 iw-w-3" }),
                 /* @__PURE__ */ e.jsx("span", { children: "This action is monitored for interview integrity" })
               ] })
             ] })
@@ -2892,7 +2955,7 @@ function qt({
         ] }) }),
         /* @__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(_t, { className: "iw-text-primary-600 iw-h-4 iw-w-4" }),
+            /* @__PURE__ */ e.jsx(Qt, { 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" })
@@ -2906,7 +2969,7 @@ function qt({
             background: "linear-gradient(to right, rgba(220, 38, 38, 0.9), rgba(239, 68, 68, 0.9))"
           },
           children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-3", children: [
-            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-8 iw-w-8 iw-items-center iw-justify-center iw-rounded-full iw-bg-white/20", children: /* @__PURE__ */ e.jsx(ie, { className: "iw-h-4 iw-w-4" }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-8 iw-w-8 iw-items-center iw-justify-center iw-rounded-full iw-bg-white/20", children: /* @__PURE__ */ e.jsx(se, { className: "iw-h-4 iw-w-4" }) }),
             /* @__PURE__ */ e.jsxs("div", { children: [
               /* @__PURE__ */ e.jsx("div", { className: "iw-text-sm iw-font-semibold", children: "Final Warning" }),
               /* @__PURE__ */ e.jsx("div", { className: "iw-text-xs iw-text-red-100", children: "Next violation will disqualify you from this interview" })
@@ -2917,7 +2980,7 @@ function qt({
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "iw-p-6 iw-pt-0", children: [
       /* @__PURE__ */ e.jsx(
-        W,
+        V,
         {
           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",
@@ -2928,7 +2991,7 @@ function qt({
     ] })
   ] }) });
 }
-const Ut = (t) => /* @__PURE__ */ e.jsxs(
+const ei = (i) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2940,24 +3003,24 @@ const Ut = (t) => /* @__PURE__ */ e.jsxs(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...t,
+    ...i,
     children: [
       /* @__PURE__ */ e.jsx("path", { d: "M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z" }),
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
     ]
   }
-), zt = ({
-  showHardReloadWarning: t,
+), ti = ({
+  showHardReloadWarning: i,
   onContinue: r
 }) => {
-  const i = () => {
+  const t = () => {
     r();
   };
   return /* @__PURE__ */ e.jsxs(
-    Fe,
+    Ue,
     {
-      isOpen: t,
-      onClose: i,
+      isOpen: i,
+      onClose: t,
       closeOnOverlayClick: !1,
       closeOnEscape: !1,
       showCloseButton: !1,
@@ -2965,17 +3028,17 @@ const Ut = (t) => /* @__PURE__ */ e.jsxs(
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-x-0 iw-top-0 iw-h-1 iw-bg-gradient-to-r iw-from-red-500 iw-to-red-600" }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-space-y-1 iw-pb-2 iw-pt-3", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-2", children: [
-          /* @__PURE__ */ e.jsx(ie, { className: "iw-w-5 iw-h-5 iw-text-red-500" }),
+          /* @__PURE__ */ e.jsx(se, { className: "iw-w-5 iw-h-5 iw-text-red-500" }),
           /* @__PURE__ */ e.jsx("h3", { className: "iw-text-xl iw-font-semibold iw-text-red-500", children: "Full Screen Exit Detected" })
         ] }) }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-pt-4 iw-pb-6", children: /* @__PURE__ */ e.jsx("p", { className: "iw-text-center iw-text-sm iw-leading-relaxed iw-text-gray-500/90", children: "Exiting full screen mode or reloading this page during the session is strictly prohibited. Any attempt to do so will be recorded and may lead to penalties." }) }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-pt-2 iw-pb-4", children: /* @__PURE__ */ e.jsxs(
           "button",
           {
-            onClick: i,
+            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(Ut, { className: "iw-size-4" }),
+              /* @__PURE__ */ e.jsx(ei, { className: "iw-size-4" }),
               "Continue Session"
             ]
           }
@@ -2983,329 +3046,346 @@ const Ut = (t) => /* @__PURE__ */ e.jsxs(
       ]
     }
   );
-}, Bt = ({ children: t, onDisqualify: r }) => {
-  const [i, s] = k(!1), [n, o] = k(!1), [a, l] = k("fullscreen_exit"), { logViolation: d, violationCount: w } = vt({
-    maxViolations: 5,
-    onViolation: (x) => {
-      n || (s(!0), l(x.type));
-    }
-  }), { enterFullScreen: u, isFullScreen: h, exitFullScreen: m } = lt({
-    onFullScreenChange(x) {
-      !x && !n && (s(!0), d({
-        type: "fullscreen_exit",
-        severity: "high",
-        details: {
-          action: "fullscreen_exit",
-          reason: "Attempted to exit full screen mode"
-        }
-      }));
-    }
-  });
-  C(() => {
-    u();
-  }, []), xt(d), ht(d), ft(), yt();
-  const c = () => {
-    o(!0), m(), s(!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: t }),
-    /* @__PURE__ */ e.jsx(
-      qt,
-      {
-        warningCount: w,
-        isOpen: i,
-        violationType: a,
-        onClose: () => {
-          s(!1), u();
-        },
-        onDisqualify: c
+}, ii = We(
+  ({ 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 } = Dt({
+      maxViolations: 5,
+      onViolation: (g) => {
+        o || (n(!0), u(g.type));
       }
-    ),
-    !i && w > 0 && !n && /* @__PURE__ */ e.jsx(
-      zt,
-      {
-        showHardReloadWarning: !h,
-        logViolation: d,
-        onContinue: u
+    }), { enterFullScreen: c, isFullScreen: x, exitFullScreen: b } = vt({
+      onFullScreenChange(g) {
+        !g && !o && !l && (n(!0), h({
+          type: "fullscreen_exit",
+          severity: "high",
+          details: {
+            action: "fullscreen_exit",
+            reason: "Attempted to exit full screen mode"
+          }
+        })), g && w(!1);
       }
-    )
-  ] });
-}, Gt = ({
-  interviewTitle: t,
+    });
+    C(() => {
+      c();
+    }, []), Ge(
+      t,
+      () => ({
+        exitFullScreenIntentionally: async () => {
+          w(!0), n(!1), a(!1);
+          try {
+            document.fullscreenElement && await document.exitFullscreen();
+          } catch (g) {
+            console.error("Failed to exit fullscreen:", g);
+          }
+        }
+      }),
+      []
+    ), It(h), Tt(h), Rt(), _t();
+    const j = () => {
+      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(
+        Zt,
+        {
+          warningCount: m,
+          isOpen: s,
+          violationType: d,
+          onClose: () => {
+            n(!1), c();
+          },
+          onDisqualify: j
+        }
+      ),
+      !s && m > 0 && !o && /* @__PURE__ */ e.jsx(
+        ti,
+        {
+          showHardReloadWarning: !x,
+          logViolation: h,
+          onContinue: c
+        }
+      )
+    ] });
+  }
+), ri = ({
+  interviewTitle: i,
   interviewId: r,
-  onComplete: i,
+  onComplete: t,
   onDisqualify: s,
   className: n = ""
 }) => {
-  const o = ut(), { baseUrl: a, authToken: l } = Se(), { timers: d, stt: w, tts: u, proctoring: h } = He(), [m, c] = k(null), [x, y] = k(""), j = T(""), f = T(null), E = {
-    thinkingTime: (d == null ? void 0 : d.thinkingDuration) || 30,
-    answeringTime: (d == null ? void 0 : d.answeringDuration) || 120,
-    editingTime: (d == null ? void 0 : d.editingDuration) || 30
-  }, { thinkingTime: S, answeringTime: v, editingTime: F } = E;
+  const o = Et(), { baseUrl: a, authToken: l } = De(), { timers: w, stt: d, tts: u, proctoring: h } = at(), m = E(null), [c, x] = k(null), [b, j] = k(""), g = E(""), v = E(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: y } = S;
   C(() => {
-    j.current = x;
-  }, [x]);
-  const b = T(!1), {
-    speak: D,
-    stop: M,
-    error: g
-  } = bt({
+    g.current = b;
+  }, [b]);
+  const R = E(!1), {
+    speak: A,
+    stop: f,
+    error: M
+  } = Mt({
     config: {
       baseUrl: a,
       provider: u == null ? void 0 : u.provider,
       authToken: l
     },
     onEnd: () => {
-      b.current = !1, A();
+      R.current = !1, P();
     },
     onError: () => {
-      b.current || (b.current = !0, A());
+      R.current || (R.current = !0, P());
     }
-  }), I = T(!1), L = T(!1), {
-    startRecording: z,
-    stopRecording: U,
-    transcribe: V,
-    error: H
-  } = gt({
+  }), L = E(!1), O = E(!1), {
+    startRecording: q,
+    stopRecording: z,
+    transcribe: H,
+    error: Y
+  } = St({
     config: {
       baseUrl: a,
-      provider: w == null ? void 0 : w.provider,
-      model: w == null ? void 0 : w.model,
-      language: w == null ? void 0 : w.language,
+      provider: d == null ? void 0 : d.provider,
+      model: d == null ? void 0 : d.model,
+      language: d == null ? void 0 : d.language,
       authToken: l
     },
     onStart: () => {
-      I.current = !1, L.current = !1;
+      L.current = !1, O.current = !1;
     },
     onStop: () => {
     },
     onTranscriptionComplete: (p) => {
-      y(p.transcript), L.current || (L.current = !0, A());
+      j(p.transcript), O.current || (O.current = !0, P());
     },
     onError: (p) => {
-      console.error("STT Error:", p), I.current || (I.current = !0, A());
+      console.error("STT Error:", p), L.current || (L.current = !0, P());
     }
-  }), { state: O, startQuestion: G, nextPhase: A, completeInterview: Q } = at({
+  }), { state: B, startQuestion: U, nextPhase: P, completeInterview: Q } = bt({
     config: {
-      thinkingDuration: S,
-      answeringDuration: v,
-      editingDuration: F
+      thinkingDuration: N,
+      answeringDuration: _,
+      editingDuration: y
     },
     callbacks: {
       onPhaseChange: (p) => {
         switch (p) {
-          case P.FETCHING_QUESTION:
-            oe();
+          case D.FETCHING_QUESTION:
+            W();
             break;
-          case P.READING_QUESTION:
-            Y();
+          case D.READING_QUESTION:
+            de();
             break;
-          case P.ANSWERING:
-            ce();
+          case D.ANSWERING:
+            we();
             break;
-          case P.TRANSCRIBING:
-            de();
+          case D.TRANSCRIBING:
+            ue();
             break;
-          case P.SUBMITTING:
-            le();
+          case D.SUBMITTING:
+            K();
             break;
         }
       },
       onInterviewEnd: () => {
-        i == null || i();
+        t == null || t();
       }
     }
   });
   C(() => {
-    G();
+    U();
   }, []);
-  const { execute: oe, loading: B } = ot(
+  const { execute: W, loading: ce } = yt(
     async () => {
-      var q, xe;
+      var G, X;
       const p = await o.generateQuestion({
         interviewId: r,
-        question: ((q = f.current) == null ? void 0 : q.question) || "",
-        qnaId: ((xe = f.current) == null ? void 0 : xe.qna_id) || "",
-        answer: j.current
+        question: ((G = v.current) == null ? void 0 : G.question) || "",
+        qnaId: ((X = v.current) == null ? void 0 : X.qna_id) || "",
+        answer: g.current
       });
-      return f.current = p.data, p;
+      return v.current = p.data, p;
     },
     {
       onSuccess: async (p) => {
-        p && p.data && (y(""), c(p.data), A());
+        p && p.data && (j(""), x(p.data), P());
       },
       onError: (p) => {
         console.error("Failed to fetch questions:", p);
       }
     }
-  ), le = N(async () => {
-    G();
-  }, [G]), Y = N(async () => {
+  ), K = T(async () => {
+    U();
+  }, [U]), de = T(async () => {
     var p;
-    if ((p = f.current) != null && p.question)
+    if ((p = v.current) != null && p.question)
       try {
-        b.current = !1, await D(f.current.question), f.current.is_interview_done && (await Je(2e3), Q());
-      } catch (q) {
-        console.error("Failed to speak question:", q);
+        R.current = !1, await A(v.current.question), v.current.is_interview_done && (await dt(2e3), Q());
+      } catch (G) {
+        console.error("Failed to speak question:", G);
       }
     else
-      A();
-  }, [D, A, Q]), ce = N(async () => {
+      P();
+  }, [A, P, Q]), we = T(async () => {
     try {
-      await z(v);
+      await q(_);
     } catch (p) {
-      console.error("Failed to start recording:", p), A();
+      console.error("Failed to start recording:", p), P();
     }
-  }, [z, A]), de = N(async () => {
+  }, [q, P]), ue = T(async () => {
     try {
-      const p = await U();
-      await V(p);
+      const p = await z();
+      await H(p);
     } catch (p) {
-      console.error("STT processing failed:", p), !I.current && !L.current && (I.current = !0, A());
+      console.error("STT processing failed:", p), !L.current && !O.current && (L.current = !0, P());
     }
-  }, [U, V, A]), K = N(
+  }, [z, H, P]), J = T(
     async (p) => {
-      M(), (await o.generateQuestion({
+      var X;
+      f(), await ((X = m.current) == null ? void 0 : X.exitFullScreenIntentionally()), (await o.generateQuestion({
         interviewId: r,
         isInterviewDone: !0
-      })).success && (p == null || p(), Q(), sessionStorage.removeItem("proctoring-storage"));
+      })).success && (p == null || p(), Q(), sessionStorage.removeItem(xe));
     },
-    [r, M, o]
-  ), ee = () => {
-    const { phase: p } = O;
+    [r, f, o]
+  ), ie = () => {
+    const { phase: p } = B;
     switch (p) {
-      case P.IDLE:
+      case D.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(W, { onClick: G, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
+          /* @__PURE__ */ e.jsx(V, { onClick: U, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
         ] });
-      case P.FETCHING_QUESTION:
-        return /* @__PURE__ */ e.jsx(Mt, {});
-      case P.READING_QUESTION:
-        return /* @__PURE__ */ e.jsx(Dt, { ttsError: g });
-      case P.THINKING:
+      case D.FETCHING_QUESTION:
+        return /* @__PURE__ */ e.jsx(Gt, {});
+      case D.READING_QUESTION:
+        return /* @__PURE__ */ e.jsx(zt, { ttsError: M });
+      case D.THINKING:
         return /* @__PURE__ */ e.jsx(
-          Pt,
+          Ht,
           {
-            state: O,
-            thinkingTime: S,
-            nextPhase: A
+            state: B,
+            thinkingTime: N,
+            nextPhase: P
           }
         );
-      case P.ANSWERING:
+      case D.ANSWERING:
         return /* @__PURE__ */ e.jsx(
-          Rt,
+          Wt,
           {
-            state: O,
-            answeringTime: v,
-            nextPhase: A,
-            sttError: H
+            state: B,
+            answeringTime: _,
+            nextPhase: P,
+            sttError: Y
           }
         );
-      case P.TRANSCRIBING:
-        return /* @__PURE__ */ e.jsx(Ft, { sttError: H });
-      case P.EDITING:
-      case P.SUBMITTING:
+      case D.TRANSCRIBING:
+        return /* @__PURE__ */ e.jsx(Yt, { sttError: Y });
+      case D.EDITING:
+      case D.SUBMITTING:
         return /* @__PURE__ */ e.jsx("div", { className: "iw-space-y-4 iw-h-full", children: /* @__PURE__ */ e.jsx(
-          kt,
+          Lt,
           {
-            value: x,
-            onChange: (q) => y(q.target.value),
-            onSubmit: () => A(),
-            isSubmitDisabled: !x.trim() || B,
-            state: O,
-            editingTime: F
+            value: b,
+            onChange: (G) => j(G.target.value),
+            onSubmit: () => P(),
+            isSubmitDisabled: !b.trim() || ce,
+            state: B,
+            editingTime: y
           }
         ) });
-      case P.COMPLETED:
+      case D.COMPLETED:
         return null;
       default:
         return null;
     }
   };
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: h != null && h.enabled ? /* @__PURE__ */ e.jsxs(
-    Bt,
+    ii,
     {
-      onDisqualify: () => K(s),
+      ref: m,
+      onDisqualify: () => J(s),
       children: [
         /* @__PURE__ */ e.jsx(
-          ye,
+          Ee,
           {
-            title: t,
-            onExit: () => K()
+            title: i,
+            onExit: () => J()
           }
         ),
         /* @__PURE__ */ e.jsx(
-          ve,
+          ke,
           {
-            currentQuestion: m,
-            phase: O.phase,
+            currentQuestion: c,
+            phase: B.phase,
             className: n,
-            children: ee()
+            children: ie()
           }
         )
       ]
     }
   ) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      ye,
+      Ee,
       {
-        title: t,
-        onExit: () => K()
+        title: i,
+        onExit: () => J()
       }
     ),
     /* @__PURE__ */ e.jsx(
-      ve,
+      ke,
       {
-        currentQuestion: m,
-        phase: O.phase,
+        currentQuestion: c,
+        phase: B.phase,
         className: n,
-        children: ee()
+        children: ie()
       }
     )
   ] }) });
-}, Wt = ({
-  title: t,
+}, si = ({
+  title: i,
   interviewId: r,
-  onInterviewEnd: i,
+  onInterviewEnd: t,
   onInterviewDisqualify: s,
   className: n = ""
 }) => {
-  const [o, a] = fe.useState(!1), [l, d] = fe.useState(!0), w = T(null);
+  const [o, a] = ge.useState(!1), [l, w] = ge.useState(!0), d = E(null);
   return o ? /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: w,
+      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(
-        Gt,
+        ri,
         {
-          interviewTitle: t ?? "Interview",
+          interviewTitle: i ?? "Interview",
           interviewId: r,
           className: n,
-          onComplete: i || (() => {
+          onComplete: t || (() => {
           }),
           onDisqualify: s
         }
       ) })
     }
   ) }) : /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
-    it,
+    gt,
     {
       isOpen: l,
       onStart: () => {
-        a(!0), d(!1);
+        a(!0), w(!1);
       }
     }
   ) });
 };
 typeof window < "u" && (window.InterviewWidget = {
-  InterviewWidget: Wt,
-  InterviewWidgetProvider: Ve
+  InterviewWidget: si,
+  InterviewWidgetProvider: nt
 });
 export {
-  Wt as InterviewWidget,
-  Ve as InterviewWidgetProvider,
-  Wt as default
+  si as InterviewWidget,
+  nt as InterviewWidgetProvider,
+  si as default
 };