interview-widget 1.0.2 → 1.0.3

package/dist/widget.es.js

@@ -1,7 +1,7 @@
-var Fe = Object.defineProperty;
-var Le = (t, r, i) => r in t ? Fe(t, r, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[r] = i;
-var F = (t, r, i) => Le(t, typeof r != "symbol" ? r + "" : r, i);
-import fe, { createContext as je, useRef as E, useCallback as N, useMemo as X, useContext as re, useSyncExternalStore as Ne, useState as k, useEffect as C } from "react";
+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 = {};
 /**
@@ -13,8 +13,8 @@ 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 qe = Symbol.for("react.transitional.element"), Oe = Symbol.for("react.fragment");
-function Te(t, r, i) {
+var Oe = Symbol.for("react.transitional.element"), qe = Symbol.for("react.fragment");
+function Ee(t, r, i) {
   var s = null;
   if (i !== void 0 && (s = "" + i), r.key !== void 0 && (s = "" + r.key), "key" in r) {
     i = {};
@@ -22,16 +22,16 @@ function Te(t, r, i) {
       n !== "key" && (i[n] = r[n]);
   } else i = r;
   return r = i.ref, {
-    $$typeof: qe,
+    $$typeof: Oe,
     type: t,
     key: s,
     ref: r !== void 0 ? r : null,
     props: i
   };
 }
-se.Fragment = Oe;
-se.jsx = Te;
-se.jsxs = Te;
+se.Fragment = qe;
+se.jsx = Ee;
+se.jsxs = Ee;
 ke.exports = se;
 var e = ke.exports;
 const $ = {
@@ -65,10 +65,10 @@ const $ = {
       enabled: !0
     }
   }
-}, ne = je(null), Ee = "proctoring-storage", Be = () => {
+}, ne = je(null), Te = "proctoring-storage", Ue = () => {
   var t, r;
   try {
-    const i = sessionStorage.getItem(Ee);
+    const i = sessionStorage.getItem(Te);
     if (i) {
       const s = JSON.parse(i);
       return {
@@ -86,7 +86,7 @@ const $ = {
 }, pe = (t) => {
   try {
     sessionStorage.setItem(
-      Ee,
+      Te,
       JSON.stringify({
         state: t,
         version: 0
@@ -95,14 +95,14 @@ const $ = {
   } catch (r) {
     console.error("Failed to save proctoring data to session storage:", r);
   }
-}, Ge = ({
+}, ze = ({
   children: t
 }) => {
-  const r = E(Be()), i = E(/* @__PURE__ */ new Set()), s = N(() => {
+  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, []), l = N(
+  }), []), o = N(() => r.current, []), a = N(
     (w) => {
       r.current = {
         logViolations: [...r.current.logViolations, w],
@@ -110,7 +110,7 @@ const $ = {
       }, pe(r.current), s();
     },
     [s]
-  ), a = N(() => {
+  ), l = N(() => {
     r.current = {
       logViolations: [],
       totalViolations: 0
@@ -118,14 +118,14 @@ const $ = {
   }, [s]), d = X(
     () => ({
       getState: o,
-      addViolation: l,
-      clearViolations: a,
+      addViolation: a,
+      clearViolations: l,
       subscribe: n
     }),
-    [o, l, a, n]
+    [o, a, l, n]
   );
   return /* @__PURE__ */ e.jsx(ne.Provider, { value: d, children: t });
-}, Ue = () => {
+}, Be = () => {
   const t = re(ne);
   if (!t)
     throw new Error("useViolations must be used within a ProctoringProvider");
@@ -134,7 +134,7 @@ const $ = {
     () => t.getState().logViolations,
     () => t.getState().logViolations
   );
-}, ze = () => {
+}, Ge = () => {
   const t = re(ne);
   if (!t)
     throw new Error(
@@ -155,14 +155,14 @@ const $ = {
     addViolation: t.addViolation,
     clearViolations: t.clearViolations
   };
-}, Se = je(
+}, Ce = je(
   null
 );
 function Ve({
   config: t = {},
   children: r
 }) {
-  var s, n, o, l;
+  var s, n, o, a;
   const i = {
     api: {
       ...$.api,
@@ -189,21 +189,21 @@ function Ve({
       },
       tts: {
         ...$.interview.tts,
-        ...(l = t.interview) == null ? void 0 : l.tts
+        ...(a = t.interview) == null ? void 0 : a.tts
       }
     }
   };
-  return /* @__PURE__ */ e.jsx(Se.Provider, { value: i, children: /* @__PURE__ */ e.jsx(Ge, { children: r }) });
+  return /* @__PURE__ */ e.jsx(Ce.Provider, { value: i, children: /* @__PURE__ */ e.jsx(ze, { children: r }) });
 }
 function ae() {
-  const t = re(Se);
+  const t = re(Ce);
   if (!t)
     throw new Error(
       "useInterviewConfig must be used within an InterviewWidgetProvider. Wrap your component tree with <InterviewWidgetProvider config={...}>"
     );
   return t;
 }
-function Ce() {
+function Se() {
   return ae().api || $.api;
 }
 function Z() {
@@ -248,8 +248,8 @@ const Ie = ({
   fullWidth: s = !1,
   isLoading: n = !1,
   disabled: o,
-  className: l = "",
-  ...a
+  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 = {
     primary: "iw-bg-primary-600 iw-text-white iw-hover:bg-primary-700 iw-border iw-border-transparent",
@@ -265,9 +265,9 @@ const Ie = ({
   return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      className: `${d} ${w[r]} ${u[i]} ${m} ${h} ${l}`,
+      className: `${d} ${w[r]} ${u[i]} ${m} ${h} ${a}`,
       disabled: o || n,
-      ...a,
+      ...l,
       children: [
         n && /* @__PURE__ */ e.jsx(Ie, { height: 16, width: 16, style: { marginRight: "3px" } }),
         t
@@ -295,13 +295,13 @@ function Me(t, r) {
   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 Je(t, r = 0.8) {
+function Ke(t, r = 0.8) {
   return {
     background: `linear-gradient(to bottom, ${Me(t, r)}, #ffffff)`,
     color: "#1f2937"
   };
 }
-function Ke(t) {
+function Je(t) {
   return new Promise((r) => setTimeout(r, t));
 }
 function Ae(t) {
@@ -322,7 +322,7 @@ function Ze(t) {
     return console.error("Error decoding JWT:", r), null;
   }
 }
-const Pe = (t) => /* @__PURE__ */ e.jsxs(
+const De = (t) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -340,7 +340,7 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
       /* @__PURE__ */ e.jsx("path", { d: "m9 12 2 2 4-4" })
     ]
   }
-), De = (t) => /* @__PURE__ */ e.jsxs(
+), Pe = (t) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -403,7 +403,7 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
   onClose: i
 }) => {
   var M;
-  const s = E(null), n = E(null), { baseColor: o, borderRadius: l } = Z(), [a, d] = k(!1), [w, u] = k(null), [h, m] = k(!1), c = o ?? "#2563eb", g = Ae(c), y = l ?? 18, j = (x, I) => x.startsWith("#") && x.length === 7 ? `${x}${I}` : x, f = [
+  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 = [
     `radial-gradient(120% 85% at 50% 125%, ${j(
       c,
       "34"
@@ -423,7 +423,7 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
       c,
       "14"
     )} 16px, transparent 16px, transparent 32px)`
-  ].join(", "), T = a ? {
+  ].join(", "), E = l ? {
     label: "Camera & microphone ready",
     toneClass: "iw-bg-white/15 iw-text-white",
     dotClass: "iw-bg-emerald-400"
@@ -435,7 +435,7 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
     label: "Allow access to continue",
     toneClass: "iw-bg-white/15 iw-text-white",
     dotClass: "iw-bg-rose-300"
-  }, S = a ? {
+  }, S = l ? {
     badge: "Ready",
     toneClass: "iw-bg-emerald-50 iw-text-emerald-600",
     cameraCopy: "Framing looks good for identity verification.",
@@ -456,7 +456,7 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
       description: S.cameraCopy,
       status: S.badge,
       toneClass: S.toneClass,
-      Icon: De
+      Icon: Pe
     },
     {
       label: "Microphone input",
@@ -465,42 +465,42 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
       toneClass: S.toneClass,
       Icon: et
     }
-  ], _ = () => {
-    n.current && (n.current.getTracks().forEach((x) => x.stop()), n.current = null);
+  ], F = () => {
+    n.current && (n.current.getTracks().forEach((g) => g.stop()), n.current = null);
   }, b = async () => {
     m(!0), u(null);
     try {
-      const x = await navigator.mediaDevices.getUserMedia({
+      const g = await navigator.mediaDevices.getUserMedia({
         video: { width: { ideal: 1280 }, height: { ideal: 720 } },
         audio: !0
       });
-      n.current = x, s.current && (s.current.srcObject = x), d(!0);
-    } catch (x) {
-      console.error("Media permission error:", x);
+      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.";
-      (x == null ? void 0 : x.name) === "NotAllowedError" ? I = "Permissions denied. Please allow access to camera and microphone." : (x == null ? void 0 : x.name) === "NotFoundError" ? I = "No camera/microphone found. Please connect a device and retry." : x != null && x.message && (I = x.message), d(!1), u(I);
+      (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);
     } finally {
       m(!1);
     }
   };
   if (C(() => {
     if (!t) {
-      _();
+      F();
       return;
     }
     return b(), () => {
-      _();
+      F();
     };
   }, [t]), !t) return null;
-  const P = () => {
-    r(), _();
+  const D = () => {
+    r(), F();
   };
   return /* @__PURE__ */ e.jsx("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center iw-bg-gray-900/25 iw-backdrop-blur-md iw-p-4", children: /* @__PURE__ */ e.jsxs("div", { className: " iw-w-full iw-max-w-[920px] iw-max-h-[96vh] iw-overflow-auto iw-rounded-3xl iw-bg-white iw-shadow-[0_40px_80px_-28px_rgba(15,23,42,0.25)]", children: [
     /* @__PURE__ */ e.jsxs(
       "div",
       {
         className: "iw-relative iw-overflow-hidden",
-        style: { background: g },
+        style: { background: x },
         children: [
           /* @__PURE__ */ e.jsx(
             "div",
@@ -534,7 +534,7 @@ const Pe = (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(Pe, { 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(De, { 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,15 +544,15 @@ const Pe = (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 ${T.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 ${E.toneClass}`,
                 children: [
                   /* @__PURE__ */ e.jsx(
                     "span",
                     {
-                      className: `iw-inline-flex iw-h-2 iw-w-2 iw-rounded-full ${T.dotClass}`
+                      className: `iw-inline-flex iw-h-2 iw-w-2 iw-rounded-full ${E.dotClass}`
                     }
                   ),
-                  T.label
+                  E.label
                 ]
               }
             ) }),
@@ -562,7 +562,7 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
                 "aria-label": "Close",
                 className: "iw-absolute iw-top-5 iw-right-5 iw-text-white/70 transition-colors hover:iw-text-white",
                 onClick: () => {
-                  _(), i == null || i();
+                  F(), i == null || i();
                 },
                 children: "✕"
               }
@@ -578,7 +578,7 @@ const Pe = (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((x, I) => /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("ul", { className: "iw-mt-5 iw-flex iw-flex-col iw-gap-4", children: tt.map((g, I) => /* @__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",
@@ -587,14 +587,14 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
                   "span",
                   {
                     className: "iw-flex iw-h-8 iw-w-8 iw-flex-none iw-items-center iw-justify-center iw-rounded-full iw-text-sm iw-font-semibold iw-text-white",
-                    style: { background: g },
+                    style: { background: x },
                     children: I + 1
                   }
                 ),
-                /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-slate-600", children: x })
+                /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-slate-600", children: g })
               ] })
             },
-            x
+            g
           )) })
         ] }) }),
         /* @__PURE__ */ e.jsxs("section", { className: "iw-flex iw-flex-col iw-gap-5", children: [
@@ -632,14 +632,14 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
                         borderRadius: y,
                         color: c
                       },
-                      children: a ? "Recheck permissions" : "Enable camera & mic"
+                      children: l ? "Recheck permissions" : "Enable camera & mic"
                     }
                   ),
                   /* @__PURE__ */ e.jsx(
                     W,
                     {
-                      onClick: P,
-                      disabled: !a,
+                      onClick: D,
+                      disabled: !l,
                       className: "iw-h-10 iw-px-6 iw-text-sm",
                       style: {
                         backgroundColor: c
@@ -652,20 +652,20 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
             }
           ),
           /* @__PURE__ */ e.jsx("ul", { className: "iw-grid sm:iw-grid-cols-1 iw-gap-3", children: v.map(
-            ({ Icon: x, label: I, description: L, status: G, toneClass: B }) => /* @__PURE__ */ e.jsx(
+            ({ Icon: g, label: I, description: L, status: z, toneClass: U }) => /* @__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(x, { 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(g, { 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(
                         "span",
                         {
-                          className: `iw-rounded-full iw-px-3 iw-py-1 iw-text-[11px] iw-font-semibold ${B}`,
-                          children: G
+                          className: `iw-rounded-full iw-px-3 iw-py-1 iw-text-[11px] iw-font-semibold ${U}`,
+                          children: z
                         }
                       )
                     ] }),
@@ -701,7 +701,7 @@ const Pe = (t) => /* @__PURE__ */ e.jsxs(
     ] })
   ] }) });
 };
-var D = /* @__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))(D || {});
+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 = {
   thinkingDuration: 30,
   answeringDuration: 120,
@@ -737,11 +737,11 @@ const rt = {
 };
 class nt {
   constructor(r = {}, i = {}) {
-    F(this, "config");
-    F(this, "state");
-    F(this, "phaseIntervalId", null);
-    F(this, "globalIntervalId", null);
-    F(this, "callbacks");
+    _(this, "config");
+    _(this, "state");
+    _(this, "phaseIntervalId", null);
+    _(this, "globalIntervalId", null);
+    _(this, "callbacks");
     this.config = { ...rt, ...r }, this.callbacks = i, this.state = {
       phase: "idle",
       currentPhaseTimeRemaining: 0,
@@ -837,37 +837,37 @@ class nt {
   }
 }
 function at(t = {}) {
-  const { config: r = {}, callbacks: i = {} } = t, s = E(null);
+  const { config: r = {}, callbacks: i = {} } = t, s = T(null);
   s.current || (s.current = new nt(r, {}));
-  const n = s.current, [o, l] = k(n.getState()), a = N(() => {
-    l(n.getState());
+  const n = s.current, [o, a] = k(n.getState()), l = N(() => {
+    a(n.getState());
   }, [n]);
   C(() => {
     const h = {
       onPhaseChange: (m, c) => {
-        var g;
-        a(), (g = i.onPhaseChange) == null || g.call(i, m, c);
+        var x;
+        l(), (x = i.onPhaseChange) == null || x.call(i, m, c);
       },
       onTick: (m) => {
         var c;
-        a(), (c = i.onTick) == null || c.call(i, m);
+        l(), (c = i.onTick) == null || c.call(i, m);
       },
       onInterviewEnd: () => {
         var m;
-        a(), (m = i.onInterviewEnd) == null || m.call(i);
+        l(), (m = i.onInterviewEnd) == null || m.call(i);
       }
     };
     n.callbacks = h;
-  }, [n, i, a]), C(() => () => {
+  }, [n, i, l]), C(() => () => {
     n.destroy();
   }, [n]);
   const d = N(() => {
-    n.startQuestion(), a();
-  }, [n, a]), w = N(() => {
-    n.nextPhase(), a();
-  }, [n, a]), u = N(() => {
-    n.completeInterview(), a();
-  }, [n, a]);
+    n.startQuestion(), l();
+  }, [n, l]), w = N(() => {
+    n.nextPhase(), l();
+  }, [n, l]), u = N(() => {
+    n.completeInterview(), l();
+  }, [n, l]);
   return {
     state: o,
     startQuestion: d,
@@ -883,7 +883,7 @@ function ot(t, r = {}) {
     error: null
   }), n = N(
     async (...o) => {
-      var l, a, d, w;
+      var a, l, d, w;
       s((u) => ({ ...u, loading: !0, error: null }));
       try {
         const u = await t(...o);
@@ -892,7 +892,7 @@ function ot(t, r = {}) {
           data: u,
           loading: !1,
           error: null
-        })), (l = r.onSuccess) == null || l.call(r, u), (a = r.onSettled) == null || a.call(r, u, null);
+        })), (a = r.onSuccess) == null || a.call(r, u), (l = r.onSettled) == null || l.call(r, u, null);
       } catch (u) {
         const h = u.type ? u : {
           type: "unknown",
@@ -916,10 +916,10 @@ function ot(t, r = {}) {
   };
 }
 const lt = (t) => {
-  const [r, i] = k(null), [s, n] = k(!1), o = document, l = () => !!(o.fullscreenEnabled || o.webkitFullscreenEnabled || o.mozFullScreenEnabled || o.msFullscreenEnabled), a = () => o.fullscreenElement || o.webkitFullscreenElement || o.mozFullScreenElement || o.msFullscreenElement, d = async (c) => {
-    var g;
+  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) => {
+    var x;
     try {
-      if (!l())
+      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) {
@@ -927,23 +927,23 @@ const lt = (t) => {
         name: "FullscreenError",
         message: y instanceof Error ? y.message : "Failed to enter fullscreen"
       };
-      i(j), (g = t == null ? void 0 : t.onError) == null || g.call(t, j);
+      i(j), (x = t == null ? void 0 : t.onError) == null || x.call(t, j);
     }
   }, w = 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 (g) {
+    } catch (x) {
       const y = {
         name: "FullscreenError",
-        message: g instanceof Error ? g.message : "Failed to exit fullscreen"
+        message: x instanceof Error ? x.message : "Failed to exit fullscreen"
       };
       i(y), (c = t == null ? void 0 : t.onError) == null || c.call(t, y);
     }
   }, u = N(() => {
-    var g;
-    const c = !!a();
-    n(c), (g = t == null ? void 0 : t.onFullScreenChange) == null || g.call(t, c);
+    var x;
+    const c = !!l();
+    n(c), (x = t == null ? void 0 : t.onFullScreenChange) == null || x.call(t, c);
   }, [t]);
   C(() => {
     const c = [
@@ -952,18 +952,18 @@ const lt = (t) => {
       "mozfullscreenchange",
       "MSFullscreenChange"
     ];
-    return c.forEach((g) => {
-      document.addEventListener(g, u);
+    return c.forEach((x) => {
+      document.addEventListener(x, u);
     }), () => {
-      c.forEach((g) => {
-        document.removeEventListener(g, u);
+      c.forEach((x) => {
+        document.removeEventListener(x, u);
       });
     };
   }, [u]);
   const h = async (c) => {
     i(null);
-    const g = c ?? document.documentElement;
-    await d(g);
+    const x = c ?? document.documentElement;
+    await d(x);
   };
   return {
     isFullScreen: s,
@@ -1044,25 +1044,25 @@ async function he(t, r = {}, i = {
   let s;
   for (let n = 1; n <= i.attempts; n++)
     try {
-      const o = new AbortController(), l = setTimeout(() => o.abort(), 6e4), a = await fetch(t, {
+      const o = new AbortController(), a = setTimeout(() => o.abort(), 6e4), l = await fetch(t, {
         ...r,
         signal: o.signal
       });
-      if (clearTimeout(l), a.status >= 400 && a.status < 500 && a.status !== 429)
-        return a;
-      if (!a.ok)
-        throw new Error(`HTTP ${a.status}: ${a.statusText}`);
-      return a;
+      if (clearTimeout(a), l.status >= 400 && l.status < 500 && l.status !== 429)
+        return l;
+      if (!l.ok)
+        throw new Error(`HTTP ${l.status}: ${l.statusText}`);
+      return l;
     } catch (o) {
       s = o;
-      const l = ct(o);
-      if (!l.retryable || n === i.attempts)
-        throw l;
-      const a = dt(n, i);
+      const a = ct(o);
+      if (!a.retryable || n === i.attempts)
+        throw a;
+      const l = dt(n, i);
       console.warn(
-        `API request failed (attempt ${n}/${i.attempts}), retrying in ${a}ms:`,
-        l.message
-      ), await new Promise((d) => setTimeout(d, a));
+        `API request failed (attempt ${n}/${i.attempts}), retrying in ${l}ms:`,
+        a.message
+      ), await new Promise((d) => setTimeout(d, l));
     }
   throw s;
 }
@@ -1072,7 +1072,7 @@ function dt(t, r) {
 }
 class wt {
   constructor(r = {}) {
-    F(this, "config");
+    _(this, "config");
     this.config = r;
   }
   /**
@@ -1087,8 +1087,7 @@ class wt {
   getHeaders() {
     var i;
     const r = {
-      "Content-Type": "application/json",
-      "X-Auth-Token": "appkey"
+      "Content-Type": "application/json"
     };
     return (i = this.config) != null && i.authToken && (r.Authorization = `Bearer ${this.config.authToken}`), r;
   }
@@ -1108,9 +1107,9 @@ class wt {
     qnaId: s,
     question: n,
     answer: o,
-    answerDuration: l
+    answerDuration: a
   }) {
-    const a = await he(
+    const l = await he(
       `${this.getBaseUrl()}/questions/next`,
       {
         method: "POST",
@@ -1122,13 +1121,13 @@ class wt {
           question: n,
           answer: o,
           // TODO: Hardcoded for now, will be dynamic later
-          answer_duration: l ?? "00:00:30"
+          answer_duration: a ?? "00:00:30"
         })
       }
     );
-    if (!a.ok)
-      throw new Error(`Failed to get questions: ${a.status}`);
-    return await a.json();
+    if (!l.ok)
+      throw new Error(`Failed to get questions: ${l.status}`);
+    return await l.json();
   }
 }
 function ut() {
@@ -1185,11 +1184,11 @@ class R extends Error {
 }
 class mt {
   constructor(r = {}) {
-    F(this, "config");
-    F(this, "mediaRecorder", null);
-    F(this, "audioChunks", []);
-    F(this, "recordingStream", null);
-    F(this, "autoStopTimeoutId", null);
+    _(this, "config");
+    _(this, "mediaRecorder", null);
+    _(this, "audioChunks", []);
+    _(this, "recordingStream", null);
+    _(this, "autoStopTimeoutId", null);
     this.config = {
       baseUrl: "http://localhost:8000",
       provider: "groq",
@@ -1241,19 +1240,19 @@ class mt {
       this.mediaRecorder = new MediaRecorder(this.recordingStream, {
         mimeType: n
       }), this.mediaRecorder.ondataavailable = (o) => {
-        var l;
-        o.data.size > 0 && (this.audioChunks.push(o.data), (l = i == null ? void 0 : i.onDataAvailable) == null || l.call(i, o.data));
+        var a;
+        o.data.size > 0 && (this.audioChunks.push(o.data), (a = i == null ? void 0 : i.onDataAvailable) == null || a.call(i, o.data));
       }, this.mediaRecorder.onstop = () => {
         var o;
         (o = i == null ? void 0 : i.onStop) == null || o.call(i);
       }, this.mediaRecorder.onerror = (o) => {
-        var a;
-        const l = new R(
+        var l;
+        const a = new R(
           `Recording failed: ${o.error}`,
           "RECORDING_ERROR",
           !0
         );
-        (a = i == null ? void 0 : i.onError) == null || a.call(i, l), this.cleanup();
+        (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(() => {
         this.isRecording() && this.stopRecording();
       }, r * 1e3));
@@ -1294,8 +1293,8 @@ class mt {
       }
       const s = this.mediaRecorder, n = () => {
         try {
-          const o = s.mimeType || "audio/webm", l = new Blob(this.audioChunks, { type: o });
-          this.cleanup(), r(l);
+          const o = s.mimeType || "audio/webm", a = new Blob(this.audioChunks, { type: o });
+          this.cleanup(), r(a);
         } catch (o) {
           i(
             new R(
@@ -1318,7 +1317,7 @@ class mt {
       model: s = this.config.model,
       language: n = this.config.language,
       includeTimestamps: o = this.config.includeTimestamps,
-      temperature: l = this.config.temperature
+      temperature: a = this.config.temperature
     } = r;
     if (!i || i.size === 0)
       throw new R(
@@ -1327,10 +1326,10 @@ class mt {
         !1
       );
     try {
-      const a = new FormData(), d = new File([i], "recording.wav", {
+      const l = new FormData(), d = new File([i], "recording.wav", {
         type: i.type || "audio/wav"
       });
-      a.append("file", d), a.append("model", s || "whisper-large-v3-turbo"), a.append("language", n || "en"), a.append("include_timestamps", String(o || !1)), a.append("temperature", String(l || 0));
+      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(
         `${this.config.baseUrl}/speech/transcribe`,
         {
@@ -1342,7 +1341,7 @@ class mt {
               Authorization: `Bearer ${this.config.authToken}`
             }
           },
-          body: a
+          body: l
         },
         {
           attempts: 1,
@@ -1370,9 +1369,9 @@ class mt {
       return {
         transcript: (await w.json()).data.text ?? ""
       };
-    } catch (a) {
-      throw a instanceof R ? a : new R(
-        `Transcription failed: ${a instanceof Error ? a.message : String(a)}`,
+    } catch (l) {
+      throw l instanceof R ? l : new R(
+        `Transcription failed: ${l instanceof Error ? l.message : String(l)}`,
         "TRANSCRIPTION_FAILED",
         !0
       );
@@ -1413,13 +1412,13 @@ 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 K = new mt(), xt = (t = {}) => {
-  const [r, i] = k(!1), [s, n] = k(!1), [o, l] = k(null), [a, d] = k(null), [w, u] = k(null);
-  t.config && K.updateConfig(t.config);
+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) => {
     var j;
     try {
-      d(null), l(null), u(null), await K.startRecording(y, {
+      d(null), a(null), u(null), await J.startRecording(y, {
         onStart: () => {
           var f;
           i(!0), (f = t.onStart) == null || f.call(t);
@@ -1430,67 +1429,67 @@ const K = new mt(), xt = (t = {}) => {
         },
         onError: (f) => {
           var S;
-          const T = f instanceof R ? f : new R(f.message, "RECORDING_ERROR", !0);
-          d(T), i(!1), (S = t.onError) == null || S.call(t, T);
+          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);
         }
       });
     } catch (f) {
-      const T = f instanceof R ? f : new R(
+      const E = f instanceof R ? f : new R(
         f instanceof Error ? f.message : String(f),
         "START_FAILED",
         !1
       );
-      throw d(T), i(!1), (j = t.onError) == null || j.call(t, T), T;
+      throw d(E), i(!1), (j = t.onError) == null || j.call(t, E), E;
     }
   }, []), m = N(async () => {
     var y, j;
     try {
-      const f = await K.stopRecording();
+      const f = await J.stopRecording();
       return u(f), i(!1), (y = t.onStop) == null || y.call(t), f;
     } catch (f) {
-      const T = f instanceof R ? f : new R(
+      const E = f instanceof R ? f : new R(
         f instanceof Error ? f.message : String(f),
         "STOP_FAILED",
         !1
       );
-      throw d(T), i(!1), (j = t.onError) == null || j.call(t, T), T;
+      throw d(E), i(!1), (j = t.onError) == null || j.call(t, E), E;
     }
   }, []), c = N(
     async (y, j = {}) => {
-      var f, T;
+      var f, E;
       try {
         d(null), n(!0);
         const S = {
           audioBlob: y,
           ...j
-        }, v = await K.transcribe(S);
-        return l(v.transcript), n(!1), (f = t.onTranscriptionComplete) == null || f.call(t, v), v;
+        }, v = await J.transcribe(S);
+        return a(v.transcript), n(!1), (f = t.onTranscriptionComplete) == null || f.call(t, v), v;
       } catch (S) {
         const v = S instanceof R ? S : new R(
           S instanceof Error ? S.message : String(S),
           "TRANSCRIPTION_FAILED",
           !0
         );
-        throw d(v), n(!1), (T = t.onError) == null || T.call(t, v), v;
+        throw d(v), n(!1), (E = t.onError) == null || E.call(t, v), v;
       }
     },
     []
-  ), g = N(() => {
-    K.cancelRecording(), i(!1), u(null);
+  ), x = N(() => {
+    J.cancelRecording(), i(!1), u(null);
   }, []);
   return {
     startRecording: h,
     stopRecording: m,
     transcribe: c,
-    cancelRecording: g,
+    cancelRecording: x,
     isRecording: r,
     isTranscribing: s,
     transcript: o,
-    error: a,
+    error: l,
     audioBlob: w
   };
-}, gt = (t) => {
-  const r = E(null), i = E(!1);
+}, xt = (t) => {
+  const r = T(null), i = T(!1);
   C(() => {
     const s = () => {
       document.hidden && (i.current = !0, r.current && (clearTimeout(r.current), r.current = null), t({
@@ -1542,8 +1541,8 @@ const K = new mt(), xt = (t = {}) => {
 };
 class pt {
   constructor(r = {}) {
-    F(this, "config");
-    F(this, "currentAudio", null);
+    _(this, "config");
+    _(this, "currentAudio", null);
     this.config = {
       baseUrl: "http://localhost:8000",
       provider: "piper",
@@ -1568,7 +1567,7 @@ class pt {
       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 l = await he(
+    const a = await he(
       `${this.config.baseUrl}/speech/synthesize`,
       {
         method: "POST",
@@ -1590,15 +1589,15 @@ class pt {
         jitter: !1
       }
     );
-    if (!l.ok)
+    if (!a.ok)
       throw new Error(
-        `TTS request failed: ${l.status} ${l.statusText}`
+        `TTS request failed: ${a.status} ${a.statusText}`
       );
-    const a = l.headers.get("content-type");
-    if (a && a.includes("audio/"))
-      return l.blob();
+    const l = a.headers.get("content-type");
+    if (l && l.includes("audio/"))
+      return a.blob();
     try {
-      const d = await l.json();
+      const d = await a.json();
       throw new Error(`TTS Error: ${JSON.stringify(d)}`);
     } catch {
       throw new Error("TTS request failed with unknown error");
@@ -1611,8 +1610,8 @@ class pt {
     var s, n;
     try {
       this.stop(), (s = i == null ? void 0 : i.onStart) == null || s.call(i);
-      const o = await this.synthesizeSpeech(r), l = URL.createObjectURL(o);
-      return this.currentAudio = new Audio(l), new Promise((a, d) => {
+      const o = await this.synthesizeSpeech(r), a = URL.createObjectURL(o);
+      return this.currentAudio = new Audio(a), new Promise((l, d) => {
         if (!this.currentAudio) {
           d(new Error("Audio element not created"));
           return;
@@ -1620,22 +1619,22 @@ class pt {
         const w = this.currentAudio;
         w.onended = () => {
           var u;
-          URL.revokeObjectURL(l), this.currentAudio = null, (u = i == null ? void 0 : i.onEnd) == null || u.call(i), a();
+          URL.revokeObjectURL(a), this.currentAudio = null, (u = i == null ? void 0 : i.onEnd) == null || u.call(i), l();
         }, w.onerror = (u) => {
           var m;
-          URL.revokeObjectURL(l), this.currentAudio = null;
+          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) => {
           var m;
-          URL.revokeObjectURL(l), this.currentAudio = null;
+          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);
         });
       });
     } catch (o) {
-      const l = o instanceof Error ? o : new Error(`TTS Error: ${String(o)}`);
-      throw (n = i == null ? void 0 : i.onError) == null || n.call(i, l), l;
+      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;
     }
   }
   /**
@@ -1652,13 +1651,13 @@ class pt {
   }
 }
 const we = new pt(), bt = (t = {}) => {
-  const [r, i] = k(!1), [s, n] = k(!1), [o, l] = k(null);
+  const [r, i] = k(!1), [s, n] = k(!1), [o, a] = k(null);
   t.config && we.updateConfig(t.config);
-  const a = N(
+  const l = N(
     async (w, u = {}) => {
       var h;
       try {
-        l(null), n(!0);
+        a(null), n(!0);
         const m = {
           text: w,
           ...u
@@ -1673,13 +1672,13 @@ const we = new pt(), bt = (t = {}) => {
             i(!1), (c = t.onEnd) == null || c.call(t);
           },
           onError: (c) => {
-            var g;
-            i(!1), n(!1), l(c), (g = t.onError) == null || g.call(t, c);
+            var x;
+            i(!1), n(!1), a(c), (x = t.onError) == null || x.call(t, c);
           }
         });
       } catch (m) {
         const c = m instanceof Error ? m : new Error(String(m));
-        throw l(c), i(!1), n(!1), (h = t.onError) == null || h.call(t, c), c;
+        throw a(c), i(!1), n(!1), (h = t.onError) == null || h.call(t, c), c;
       }
     },
     [t]
@@ -1687,7 +1686,7 @@ const we = new pt(), bt = (t = {}) => {
     we.stop(), i(!1), n(!1);
   }, []);
   return {
-    speak: a,
+    speak: l,
     stop: d,
     isPlaying: r,
     isLoading: s,
@@ -1698,13 +1697,13 @@ const we = new pt(), bt = (t = {}) => {
   onEnd: r,
   maxViolations: i = 5
 }) => {
-  const { addViolation: s } = We(), n = Ue(), o = ze(), l = E(o);
+  const { addViolation: s } = We(), n = Be(), o = Ge(), a = T(o);
   C(() => {
-    l.current = o;
+    a.current = o;
   }, [o]);
-  const a = N(
+  const l = N(
     (w) => {
-      r && r(w, l.current);
+      r && r(w, a.current);
     },
     [r]
   );
@@ -1719,15 +1718,97 @@ const we = new pt(), bt = (t = {}) => {
           timestamp: Date.now()
         };
         s(m);
-        const c = l.current + 1;
-        t && t(m, c), c >= i && a("excessive_violations");
+        const c = a.current + 1;
+        t && t(m, c), c >= i && l("excessive_violations");
       },
-      [s, t, i, a]
+      [s, t, i, l]
     ),
-    onInterviewEnd: a,
+    onInterviewEnd: l,
     violationCount: o,
     logList: n
   };
+}, yt = () => {
+  C(() => {
+    function t() {
+      console.clear(), console.log(
+        `
+%c
+    ╔═══════════════════════════════════════════════════════════════════════╗
+    ║                                                                       ║
+    ║                   🤖✨  AI INTERVIEW PLATFORM  ✨🤖                   ║
+    ║                                                                       ║
+    ╚═══════════════════════════════════════════════════════════════════════╝
+    
+                        ⚡⚡⚡    ⚡⚡⚡     ⚡⚡⚡⚡⚡⚡     ⚡⚡⚡    ⚡⚡⚡
+                    ⚡⚡⚡⚡⚡  ⚡⚡⚡⚡⚡   ⚡⚡⚡⚡⚡⚡⚡⚡   ⚡⚡⚡⚡⚡  ⚡⚡⚡⚡⚡
+                    ⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡ ⚡⚡⚡    ⚡⚡⚡ ⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡
+                ⚡⚡⚡  ⚡⚡⚡⚡⚡  ⚡⚡⚡⚡⚡ ⚡⚡⚡      ⚡⚡⚡ ⚡⚡⚡⚡⚡  ⚡⚡⚡⚡⚡
+                ⚡⚡⚡      ⚡⚡⚡⚡⚡    ⚡⚡⚡⚡⚡ ⚡⚡⚡        ⚡⚡⚡ ⚡⚡⚡⚡⚡    ⚡⚡⚡⚡⚡
+                ⚡⚡⚡    ⚡⚡⚡⚡⚡    ⚡⚡⚡⚡⚡ ⚡⚡⚡        ⚡⚡⚡ ⚡⚡⚡⚡⚡    ⚡⚡⚡⚡⚡
+                    ⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡ ⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡
+                ⚡⚡⚡                      ⚡⚡⚡⚡⚡                    ⚡⚡⚡⚡⚡
+                    ⚡⚡⚡                      ⚡⚡⚡⚡⚡                    ⚡⚡⚡⚡⚡
+                    ⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡⚡
+    
+`,
+        "color: #ff6b35; font-size: 14px; font-family: monospace; line-height: 0.8; text-shadow: 0 0 10px #ff6b35;"
+      ), console.log(
+        "%c🚨 SECURITY BREACH DETECTED 🚨",
+        `color: #ff3366; 
+           font-size: 28px; 
+           font-weight: bold; 
+           text-shadow: 0 0 20px #ff3366, 0 0 40px #ff3366; 
+           background: linear-gradient(45deg, #ff3366, #ff6b35); 
+           -webkit-background-clip: text; 
+           -webkit-text-fill-color: transparent;
+           padding: 20px;`
+      ), console.log(
+        `
+%c    
+    ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
+    ◇                                                     ◇
+    ◆    🔒 INTERVIEW INTEGRITY SYSTEM ACTIVATED 🔒       ◆
+    ◇                                                     ◇
+    ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆
+    
+`,
+        "color: #4ecdc4; font-size: 16px; font-weight: bold; text-shadow: 0 0 10px #4ecdc4;"
+      ), console.log(
+        `
+%c┌───────────────────────────────────────────────────────────┐
+│                                                             │
+│  🛡️  UNAUTHORIZED DEVELOPER TOOLS ACCESS DETECTED  🛡️       │
+│                                                             │
+│  ⚠️  Your actions are being monitored and recorded          │
+│  📊  This violation has been logged with timestamp          │
+│  🚨  Interview administrators have been notified            │
+│  ⏱️  Session integrity: COMPROMISED                         │
+│                                                             │
+│  💡 IMMEDIATE ACTION REQUIRED:                              │
+│     Close developer tools to continue interview             │
+└─────────────────────────────────────────────────────────────┘`,
+        "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(
+        "%c🌟 Developer tools closed. Interview continues smoothly! ✨",
+        "color: #4ecdc4; font-weight: bold; text-shadow: 0 0 10px #4ecdc4;"
+      ));
+    }, 500), n = (a) => {
+      if (a.keyCode === 123 || a.ctrlKey && a.shiftKey && (a.keyCode === 73 || a.keyCode === 74) || a.ctrlKey && a.keyCode === 85)
+        return a.preventDefault(), console.log(
+          "%c🎭 Nice try! Keyboard shortcuts are disabled during interviews ✨",
+          "color: #ffd93d; font-weight: bold; text-shadow: 0 0 10px #ffd93d;"
+        ), !1;
+    }, o = (a) => (a.preventDefault(), console.log(
+      "%c🌈 Right-click menu disabled for interview integrity! 🎪",
+      "color: #ff9ff3; font-weight: bold; text-shadow: 0 0 10px #ff9ff3;"
+    ), !1);
+    return document.addEventListener("keydown", n), document.addEventListener("contextmenu", o), () => {
+      clearInterval(s), document.removeEventListener("keydown", n), document.removeEventListener("contextmenu", o), delete window.showStats, delete window.interviewTips;
+    };
+  }, []);
 }, me = (t) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
@@ -1750,10 +1831,10 @@ const we = new pt(), bt = (t = {}) => {
       /* @__PURE__ */ e.jsx("path", { d: "M8.644 21.42a10 10 0 0 0 7.631-.38" })
     ]
   }
-), yt = (t, r, i) => Math.max(r, Math.min(i, t)), be = (t) => {
+), 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}`;
-}, xe = ({
+}, ge = ({
   total: t,
   remaining: r,
   size: i = 64,
@@ -1761,10 +1842,10 @@ const we = new pt(), bt = (t = {}) => {
   className: n = "",
   showLabel: o = !0
 }) => {
-  const l = Math.max(1, t || 1), a = yt(r / l, 0, 1), { radius: d, circumference: w, dashOffset: u, center: h } = X(() => {
-    const g = (i - s) / 2, y = 2 * Math.PI * g, j = y * (1 - a), f = Math.round(s) % 2 === 1, T = i / 2 + (f ? 0.5 : 0);
-    return { radius: g, circumference: y, dashOffset: j, center: T };
-  }, [i, s, a]), m = X(() => a <= 0.25 ? "iw-stroke-red-500" : a <= 0.5 ? "iw-stroke-yellow-500" : "iw-stroke-green-500", [a]), c = a <= 0.25 ? "iw-animate-pulse" : "";
+  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" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1820,14 +1901,14 @@ const we = new pt(), bt = (t = {}) => {
         o && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-0 iw-flex iw-items-center iw-justify-center iw-rotate-0", children: /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: `iw-text-[11px] iw-font-semibold iw-tabular-nums ${a <= 0.25 ? "iw-text-red-600" : a <= 0.5 ? "iw-text-yellow-600" : "iw-text-green-600"}`,
+            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)
           }
         ) })
       ]
     }
   );
-}, jt = ({
+}, Nt = ({
   label: t,
   error: r,
   fullWidth: i = !1,
@@ -1835,7 +1916,7 @@ const we = new pt(), bt = (t = {}) => {
   id: n,
   ...o
 }) => {
-  const l = n || `textarea-${Math.random().toString(36).substring(2, 9)}`, a = "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", 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" : "";
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -1844,7 +1925,7 @@ const we = new pt(), bt = (t = {}) => {
         t && /* @__PURE__ */ e.jsx(
           "label",
           {
-            htmlFor: l,
+            htmlFor: a,
             className: "iw-block iw-text-sm iw-font-medium iw-text-gray-700 iw-mb-1",
             children: t
           }
@@ -1852,8 +1933,8 @@ const we = new pt(), bt = (t = {}) => {
         /* @__PURE__ */ e.jsx(
           "textarea",
           {
-            id: l,
-            className: `${a} ${d} ${w} ${u} ${s}`,
+            id: a,
+            className: `${l} ${d} ${w} ${u} ${s}`,
             "aria-invalid": r ? "true" : "false",
             ...o
           }
@@ -1862,7 +1943,7 @@ const we = new pt(), bt = (t = {}) => {
       ]
     }
   );
-}, Nt = ({
+}, kt = ({
   value: t,
   onChange: r,
   onSubmit: i,
@@ -1870,8 +1951,8 @@ const we = new pt(), bt = (t = {}) => {
   state: n,
   editingTime: o
 }) => {
-  const l = (a) => {
-    a.key === "Enter" && (a.ctrlKey || a.metaKey) && !s && (a.preventDefault(), i());
+  const a = (l) => {
+    l.key === "Enter" && (l.ctrlKey || l.metaKey) && !s && (l.preventDefault(), i());
   };
   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: [
@@ -1882,7 +1963,7 @@ const we = new pt(), bt = (t = {}) => {
           /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to edit: " })
         ] }),
         /* @__PURE__ */ e.jsx(
-          xe,
+          ge,
           {
             total: o,
             remaining: n.currentPhaseTimeRemaining,
@@ -1894,26 +1975,26 @@ 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(
-        jt,
+        Nt,
         {
           value: t,
           onChange: r,
-          onKeyDown: l,
+          onKeyDown: a,
           placeholder: "Type your answer here...",
           className: " iw-w-full iw-h-full iw-flex-1 iw-resize-none !iw-p-4 iw-bg-transparent iw-min-h-full  focus-visible:iw-outline-0",
-          onPaste: (a) => a.preventDefault(),
-          onCopy: (a) => a.preventDefault(),
-          onCut: (a) => a.preventDefault(),
-          onDrop: (a) => a.preventDefault(),
-          onDragOver: (a) => a.preventDefault()
+          onPaste: (l) => l.preventDefault(),
+          onCopy: (l) => l.preventDefault(),
+          onCut: (l) => l.preventDefault(),
+          onDrop: (l) => l.preventDefault(),
+          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" }) })
     ] })
   ] });
-}, kt = ({ className: t = "" }) => {
+}, Et = ({ className: t = "" }) => {
   var n;
-  const { authToken: r } = Ce(), i = r ? Ze(r) : null, s = E(null);
+  const { authToken: r } = Se(), i = r ? Ze(r) : null, s = T(null);
   return C(() => {
     let o = null;
     return (async () => {
@@ -1922,11 +2003,11 @@ const we = new pt(), bt = (t = {}) => {
           video: !0,
           audio: !1
         }), s.current && (s.current.srcObject = o);
-      } catch (a) {
-        console.error("Error accessing camera:", a);
+      } catch (l) {
+        console.error("Error accessing camera:", l);
       }
     })(), () => {
-      o && o.getTracks().forEach((a) => a.stop());
+      o && o.getTracks().forEach((l) => l.stop());
     };
   }, []), /* @__PURE__ */ e.jsxs("div", { className: `iw-relative ${t}`, children: [
     /* @__PURE__ */ e.jsx(
@@ -1957,7 +2038,7 @@ const we = new pt(), bt = (t = {}) => {
     "div",
     {
       className: "iw-rounded-xl iw-mb-4 message-animation  iw-text-gray-800 iw-p-6 ",
-      style: Je(i, 0.85),
+      style: Ke(i, 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",
@@ -1988,32 +2069,32 @@ const we = new pt(), bt = (t = {}) => {
         Tt,
         {
           question: t,
-          isLoading: r === D.FETCHING_QUESTION || r === D.IDLE
+          isLoading: r === P.FETCHING_QUESTION || r === P.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(kt, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-min-h-[400px] iw-max-h-[600px]", children: /* @__PURE__ */ e.jsx(Et, {}) }),
         /* @__PURE__ */ e.jsx("div", { className: "iw-bg-white iw-rounded-r-xl iw-shadow iw-p-6", children: s })
       ] })
     ]
   }
-), _e = ({
+), Fe = ({
   isOpen: t,
   onClose: r,
   children: i,
   title: s,
   showCloseButton: n = !0,
   closeOnOverlayClick: o = !0,
-  closeOnEscape: l = !0,
-  className: a = ""
+  closeOnEscape: a = !0,
+  className: l = ""
 }) => {
   if (C(() => {
-    if (!t || !l) return;
+    if (!t || !a) return;
     const u = (h) => {
       h.key === "Escape" && r();
     };
     return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
-  }, [t, l, 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")), () => {
+  }, [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")), () => {
     document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container");
   }), [t]), !t) return null;
   const d = (u) => {
@@ -2029,7 +2110,7 @@ const we = new pt(), bt = (t = {}) => {
     /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: `iw-relative iw-bg-white iw-rounded-lg iw-shadow-xl iw-max-w-md iw-w-full iw-mx-4 iw-max-h-[90vh] iw-overflow-hidden ${a}`,
+        className: `iw-relative iw-bg-white iw-rounded-lg iw-shadow-xl iw-max-w-md iw-w-full iw-mx-4 iw-max-h-[90vh] iw-overflow-hidden ${l}`,
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": s ? "dialog-title" : void 0,
@@ -2076,12 +2157,12 @@ const we = new pt(), bt = (t = {}) => {
     )
   ] });
   return $e(w, document.body);
-}, Et = ({
+}, Ct = ({
   confirmExitInterview: t,
   isOpen: r,
   onClose: i
 }) => /* @__PURE__ */ e.jsx(
-  _e,
+  Fe,
   {
     isOpen: r,
     onClose: i,
@@ -2107,7 +2188,11 @@ const we = new pt(), bt = (t = {}) => {
         /* @__PURE__ */ e.jsx(
           "button",
           {
-            className: "iw-inline-flex iw-items-center iw-justify-center iw-rounded-lg iw-bg-gradient-to-r iw-from-red-500/80 iw-to-red-600/80 iw-px-4 iw-py-2 iw-text-sm iw-font-semibold iw-text-white iw-shadow-[0_12px_30px_-16px_rgba(244,63,94,0.65)] iw-transition hover:iw-brightness-110",
+            className: "iw-inline-flex iw-items-center iw-justify-center iw-rounded-lg iw-px-4 iw-py-2 iw-text-sm iw-font-semibold iw-text-white iw-transition hover:iw-brightness-110",
+            style: {
+              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,
             children: "Confirm exit"
           }
@@ -2134,7 +2219,10 @@ const we = new pt(), bt = (t = {}) => {
       /* @__PURE__ */ e.jsx(
         "button",
         {
-          className: "iw-text-sm iw-text-white iw-bg-gradient-to-r iw-from-red-500/80 iw-to-red-600/80 iw-px-4 iw-py-2 iw-rounded-md",
+          className: "iw-text-sm iw-text-white iw-px-4 iw-py-2 iw-rounded-md",
+          style: {
+            background: "linear-gradient(to right, rgba(244, 63, 94, 0.8), rgba(225, 29, 72, 0.8))"
+          },
           onClick: () => n(!0),
           children: "Exit Interview"
         }
@@ -2142,7 +2230,7 @@ const we = new pt(), bt = (t = {}) => {
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "iw-h-px iw-bg-gray-200" }),
     /* @__PURE__ */ e.jsx(
-      Et,
+      Ct,
       {
         isOpen: s,
         confirmExitInterview: () => {
@@ -2159,20 +2247,20 @@ const we = new pt(), bt = (t = {}) => {
   barWidth: s = 3,
   gap: n = 2,
   fftSize: o = 1024,
-  smoothingTimeConstant: l = 0.8,
-  mediaStream: a,
+  smoothingTimeConstant: a = 0.8,
+  mediaStream: l,
   startOnMount: d = !0
 }) => {
-  const { baseColor: w } = Z(), u = E(null), h = E(null), m = E(null), c = E(null), g = E(null), y = E(null), j = E(!1), [f, T] = k(null);
+  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);
   C(() => {
     if (r || !h.current) return;
-    const v = h.current, _ = () => {
-      const P = u.current;
-      if (!P) return;
-      const M = v.clientWidth, x = i;
-      P.width = Math.max(1, Math.floor(M * window.devicePixelRatio || 1)), P.height = Math.max(1, Math.floor(x * window.devicePixelRatio || 1));
-    }, b = new ResizeObserver(_);
-    return b.observe(v), _(), () => b.disconnect();
+    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(() => {
     if (!r) return;
     const v = u.current;
@@ -2189,52 +2277,52 @@ const we = new pt(), bt = (t = {}) => {
       try {
         const b = new (window.AudioContext || window.webkitAudioContext)();
         m.current = b;
-        let P = a;
-        if (!P) {
+        let D = l;
+        if (!D) {
           if (!d) return;
-          P = await navigator.mediaDevices.getUserMedia({
+          D = await navigator.mediaDevices.getUserMedia({
             audio: !0,
             video: !1
           }), j.current = !0;
         }
         if (v) return;
         const M = b.createAnalyser();
-        M.fftSize = o, M.smoothingTimeConstant = l, c.current = M;
-        const x = b.createMediaStreamSource(P);
-        g.current = x, x.connect(M), S();
+        M.fftSize = o, M.smoothingTimeConstant = a, c.current = M;
+        const g = b.createMediaStreamSource(D);
+        x.current = g, g.connect(M), S();
       } catch (b) {
-        T((b == null ? void 0 : b.message) || "Failed to initialize microphone");
+        E((b == null ? void 0 : b.message) || "Failed to initialize microphone");
       }
     })(), () => {
-      var b, P, M, x;
+      var b, D, M, g;
       v = !0, y.current && cancelAnimationFrame(y.current);
       try {
-        (b = g.current) == null || b.disconnect();
+        (b = x.current) == null || b.disconnect();
       } catch {
       }
       try {
-        (P = c.current) == null || P.disconnect();
+        (D = c.current) == null || D.disconnect();
       } catch {
       }
-      j.current && ((x = ((M = g.current) == null ? void 0 : M.mediaStream) || void 0) == null || x.getTracks().forEach((I) => I.stop())), m.current && m.current.state !== "closed" && m.current.close();
+      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();
     };
-  }, [a, o, l, d]);
+  }, [l, o, a, d]);
   const S = () => {
-    const v = u.current, _ = c.current;
-    if (!v || !_) return;
+    const v = u.current, F = c.current;
+    if (!v || !F) return;
     const b = v.getContext("2d");
     if (!b) return;
-    const P = window.devicePixelRatio || 1, M = v.width, x = v.height, I = _.frequencyBinCount, L = new Uint8Array(I), G = () => {
-      y.current = requestAnimationFrame(G), _.getByteTimeDomainData(L), b.clearRect(0, 0, M, x), b.fillStyle = "rgba(0,0,0,0)", b.fillRect(0, 0, M, x);
-      const B = Math.max(1, Math.floor(s * P)), V = Math.max(1, Math.floor(n * P)), H = B + V, q = Math.max(8, Math.floor((M + V) / H)), z = Math.floor(L.length / q);
-      for (let A = 0; A < q; A++) {
-        const Q = Math.min(L.length - 1, A * z), oe = L[Q] / 128 - 1, U = Math.abs(oe), le = Math.pow(U, 0.6), Y = Math.max(x * 0.06, le * (x * 0.9)), ce = A * H, de = (x - Y) / 2, J = 140 - Math.min(140, 140 * U), ee = 85, p = 48 + Math.floor(12 * (1 - U));
-        b.fillStyle = `${w}`, b.shadowColor = `hsla(${J}, ${ee}%, ${p}%, ${0.25 * U})`, b.shadowBlur = 8 * U;
-        const O = Math.min(B / 2, Y / 2);
-        Ct(b, ce, de, B, Y, O), b.fill();
+    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();
       }
     };
-    G();
+    z();
   };
   return /* @__PURE__ */ e.jsxs(
     "div",
@@ -2249,11 +2337,11 @@ const we = new pt(), bt = (t = {}) => {
     }
   );
 };
-function Ct(t, r, i, s, n, o) {
-  const l = Math.min(o, s / 2, n / 2);
-  t.beginPath(), t.moveTo(r + l, i), t.lineTo(r + s - l, i), t.quadraticCurveTo(r + s, i, r + s, i + l), t.lineTo(r + s, i + n - l), t.quadraticCurveTo(r + s, i + n, r + s - l, i + n), t.lineTo(r + l, i + n), t.quadraticCurveTo(r, i + n, r, i + n - l), t.lineTo(r, i + l), t.quadraticCurveTo(r, i, r + l, i), t.closePath();
+function It(t, r, i, 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();
 }
-const It = ({
+const Rt = ({
   state: t,
   answeringTime: r,
   nextPhase: i,
@@ -2268,7 +2356,7 @@ const It = ({
           /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to talk: " })
         ] }),
         /* @__PURE__ */ e.jsx(
-          xe,
+          ge,
           {
             total: r,
             remaining: t.currentPhaseTimeRemaining,
@@ -2297,7 +2385,7 @@ const It = ({
     }
   ) })
 ] });
-function Rt() {
+function Mt() {
   const [t, r] = k(!0), i = X(
     () => [0, 1, 2].map((s) => ({ id: s })),
     []
@@ -2309,7 +2397,7 @@ function Rt() {
     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, l = t ? o : o + 12, a = t ? 1 : 0.08, d = n * 140;
+      const o = n * 50, a = t ? o : o + 12, l = t ? 1 : 0.08, d = n * 140;
       return /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -2317,8 +2405,8 @@ function Rt() {
           className: "iw-absolute iw-w-full iw-rounded-lg iw-p-4 iw-shadow-md iw-bg-gradient-to-b iw-from-gray-50 iw-to-gray-100 iw-overflow-hidden",
           style: {
             top: 0,
-            transform: `translateY(${l}px)`,
-            opacity: a,
+            transform: `translateY(${a}px)`,
+            opacity: l,
             transition: `transform 600ms cubic-bezier(.2,.9,.3,1) ${d}ms, opacity 400ms ease ${d}ms`
           },
           children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-gap-3 iw-items-center", children: [
@@ -2335,7 +2423,7 @@ function Rt() {
     /* @__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 Mt = ({
+const At = ({
   size: t = "192px",
   className: r,
   colors: i,
@@ -2349,7 +2437,7 @@ const Mt = ({
     // Pastel blue
     c3: "oklch(78% 0.14 280)"
     // Pastel purple/lavender
-  }, ...i }, l = parseInt(t.replace("px", ""), 10), a = l < 50 ? Math.max(l * 8e-3, 1) : Math.max(l * 0.015, 4), d = l < 50 ? Math.max(l * 4e-3, 1.2) : Math.max(l * 8e-3, 1.5), w = l < 50 ? Math.max(l * 4e-3, 0.05) : Math.max(l * 8e-3, 0.1), u = l < 50 ? Math.max(l * 4e-3, 0.5) : Math.max(l * 8e-3, 2), h = l < 30 ? "0%" : l < 50 ? "5%" : l < 100 ? "15%" : "25%", m = l < 30 ? 1.1 : l < 50 ? Math.max(d * 1.2, 1.3) : d;
+  }, ...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;
   return /* @__PURE__ */ e.jsx(
     "div",
     {
@@ -2362,7 +2450,7 @@ const Mt = ({
         "--c2": o.c2,
         "--c3": o.c3,
         "--animation-duration": `${s}s`,
-        "--blur-amount": `${a}px`,
+        "--blur-amount": `${l}px`,
         "--contrast-amount": m,
         "--dot-size": `${w}px`,
         "--shadow-spread": `${u}px`,
@@ -2477,9 +2565,9 @@ const Mt = ({
     }
   );
 };
-function At({ ttsError: t }) {
+function Dt({ ttsError: t }) {
   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(Mt, { size: "80px" }),
+    /* @__PURE__ */ e.jsx(At, { size: "80px" }),
     t && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
       "Audio playback failed: ",
       t.message
@@ -2498,7 +2586,7 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to think: " })
     ] }),
     /* @__PURE__ */ e.jsx(
-      xe,
+      ge,
       {
         total: r,
         remaining: t.currentPhaseTimeRemaining,
@@ -2516,7 +2604,7 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
       children: "Start Answering"
     }
   ) })
-] }), Dt = ({ sttError: t }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-h-full", children: [
+] }), Ft = ({ sttError: t }) => /* @__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",
@@ -2594,7 +2682,7 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
     ]
   }
-), Ft = (t) => /* @__PURE__ */ e.jsxs(
+), Lt = (t) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2612,7 +2700,7 @@ const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.js
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" })
     ]
   }
-), Lt = (t) => /* @__PURE__ */ e.jsxs(
+), $t = (t) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2654,7 +2742,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" })
     ]
   }
-), $t = (t) => /* @__PURE__ */ e.jsxs(
+), Ot = (t) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2683,17 +2771,17 @@ function qt({
   violationType: s,
   onDisqualify: n
 }) {
-  const [o, l] = k(10), a = E(r);
+  const [o, a] = k(10), l = T(r);
   if (C(() => {
-    a.current = r;
+    l.current = r;
   }, [r]), C(() => {
     if (!t) return;
     const m = setInterval(() => {
-      l((c) => c <= 1 ? (a.current(), 10) : c - 1);
+      a((c) => c <= 1 ? (l.current(), 10) : c - 1);
     }, 1e3);
     return () => clearInterval(m);
   }, [t]), C(() => {
-    t && l(10);
+    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")), () => {
     document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container");
   }), [t]), !t) return null;
@@ -2703,19 +2791,19 @@ function qt({
         return {
           title: "Tab Switch Detected",
           description: "You attempted to switch to another tab or reload application.",
-          icon: /* @__PURE__ */ e.jsx(Ft, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Lt, { 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(De, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Pe, { 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(Lt, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx($t, { className: "iw-h-5 iw-w-5" })
         };
       case "blocked_shortcut":
         return {
@@ -2727,7 +2815,7 @@ function qt({
         return {
           title: "Right Click Attempted",
           description: "You attempted to use the right click.",
-          icon: /* @__PURE__ */ e.jsx($t, { className: "iw-h-5 iw-w-5" })
+          icon: /* @__PURE__ */ e.jsx(Ot, { className: "iw-h-5 iw-w-5" })
         };
       case "alt_tab_attempt":
         return {
@@ -2776,17 +2864,27 @@ function qt({
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ e.jsx("div", { className: "iw-mb-5 iw-rounded-2xl iw-border iw-border-red-100 iw-bg-gradient-to-r iw-from-red-50 iw-to-orange-50 iw-p-5", 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.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.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(Pe, { className: "iw-h-3 iw-w-3" }),
-            /* @__PURE__ */ e.jsx("span", { children: "This action is monitored for interview integrity" })
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "iw-mb-5 iw-rounded-2xl iw-border iw-border-red-100 iw-p-5",
+          style: {
+            background: "linear-gradient(to right, rgb(254, 242, 242), rgb(254, 245, 235))",
+            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.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.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("span", { children: "This action is monitored for interview integrity" })
+              ] })
+            ] })
           ] })
-        ] })
-      ] }) }),
+        }
+      ),
       /* @__PURE__ */ e.jsxs("div", { className: "iw-mb-5 iw-grid iw-grid-cols-2 iw-gap-3", children: [
         /* @__PURE__ */ e.jsx("div", { className: "iw-rounded-xl iw-border iw-border-amber-200 iw-bg-amber-50 iw-p-4", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-text-center", children: [
           /* @__PURE__ */ e.jsx("div", { className: "iw-mb-1 iw-text-2xl iw-font-bold iw-text-amber-600", children: u }),
@@ -2800,13 +2898,22 @@ function qt({
           /* @__PURE__ */ e.jsx("div", { className: "iw-text-primary-700 iw-text-xs iw-font-medium", children: "Auto Close" })
         ] }) })
       ] }),
-      u === 1 && /* @__PURE__ */ e.jsx("div", { className: "iw-mb-5 iw-rounded-2xl iw-bg-gradient-to-r iw-from-red-600/90 iw-to-red-500/90 iw-p-4 iw-text-white", 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.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" })
-        ] })
-      ] }) })
+      u === 1 && /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "iw-mb-5 iw-rounded-2xl iw-p-4 iw-text-white",
+          style: {
+            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.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" })
+            ] })
+          ] })
+        }
+      )
     ] }),
     /* @__PURE__ */ e.jsxs("div", { className: "iw-p-6 iw-pt-0", children: [
       /* @__PURE__ */ e.jsx(
@@ -2821,7 +2928,7 @@ function qt({
     ] })
   ] }) });
 }
-const Ot = (t) => /* @__PURE__ */ e.jsxs(
+const Ut = (t) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2839,7 +2946,7 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
       /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
     ]
   }
-), Bt = ({
+), zt = ({
   showHardReloadWarning: t,
   onContinue: r
 }) => {
@@ -2847,7 +2954,7 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
     r();
   };
   return /* @__PURE__ */ e.jsxs(
-    _e,
+    Fe,
     {
       isOpen: t,
       onClose: i,
@@ -2868,7 +2975,7 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
             onClick: i,
             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(Ot, { className: "iw-size-4" }),
+              /* @__PURE__ */ e.jsx(Ut, { className: "iw-size-4" }),
               "Continue Session"
             ]
           }
@@ -2876,15 +2983,15 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
       ]
     }
   );
-}, Gt = ({ children: t, onDisqualify: r }) => {
-  const [i, s] = k(!1), [n, o] = k(!1), [l, a] = k("fullscreen_exit"), { logViolation: d, violationCount: w } = vt({
+}, 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: (g) => {
-      n || (s(!0), a(g.type));
+    onViolation: (x) => {
+      n || (s(!0), l(x.type));
     }
   }), { enterFullScreen: u, isFullScreen: h, exitFullScreen: m } = lt({
-    onFullScreenChange(g) {
-      !g && !n && (s(!0), d({
+    onFullScreenChange(x) {
+      !x && !n && (s(!0), d({
         type: "fullscreen_exit",
         severity: "high",
         details: {
@@ -2896,7 +3003,7 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
   });
   C(() => {
     u();
-  }, []), gt(d), ht(d), ft();
+  }, []), xt(d), ht(d), ft(), yt();
   const c = () => {
     o(!0), m(), s(!1), r == null || r();
   };
@@ -2907,7 +3014,7 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
       {
         warningCount: w,
         isOpen: i,
-        violationType: l,
+        violationType: a,
         onClose: () => {
           s(!1), u();
         },
@@ -2915,7 +3022,7 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
       }
     ),
     !i && w > 0 && !n && /* @__PURE__ */ e.jsx(
-      Bt,
+      zt,
       {
         showHardReloadWarning: !h,
         logViolation: d,
@@ -2923,30 +3030,30 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
       }
     )
   ] });
-}, Ut = ({
+}, Gt = ({
   interviewTitle: t,
   interviewId: r,
   onComplete: i,
   onDisqualify: s,
   className: n = ""
 }) => {
-  const o = ut(), { baseUrl: l, authToken: a } = Ce(), { timers: d, stt: w, tts: u, proctoring: h } = He(), [m, c] = k(null), [g, y] = k(""), j = E(""), f = E(null), T = {
+  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: _ } = T;
+  }, { thinkingTime: S, answeringTime: v, editingTime: F } = E;
   C(() => {
-    j.current = g;
-  }, [g]);
-  const b = E(!1), {
-    speak: P,
+    j.current = x;
+  }, [x]);
+  const b = T(!1), {
+    speak: D,
     stop: M,
-    error: x
+    error: g
   } = bt({
     config: {
-      baseUrl: l,
+      baseUrl: a,
       provider: u == null ? void 0 : u.provider,
-      authToken: a
+      authToken: l
     },
     onEnd: () => {
       b.current = !1, A();
@@ -2954,18 +3061,18 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
     onError: () => {
       b.current || (b.current = !0, A());
     }
-  }), I = E(!1), L = E(!1), {
-    startRecording: G,
-    stopRecording: B,
+  }), I = T(!1), L = T(!1), {
+    startRecording: z,
+    stopRecording: U,
     transcribe: V,
     error: H
-  } = xt({
+  } = gt({
     config: {
-      baseUrl: l,
+      baseUrl: a,
       provider: w == null ? void 0 : w.provider,
       model: w == null ? void 0 : w.model,
       language: w == null ? void 0 : w.language,
-      authToken: a
+      authToken: l
     },
     onStart: () => {
       I.current = !1, L.current = !1;
@@ -2978,28 +3085,28 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
     onError: (p) => {
       console.error("STT Error:", p), I.current || (I.current = !0, A());
     }
-  }), { state: q, startQuestion: z, nextPhase: A, completeInterview: Q } = at({
+  }), { state: O, startQuestion: G, nextPhase: A, completeInterview: Q } = at({
     config: {
       thinkingDuration: S,
       answeringDuration: v,
-      editingDuration: _
+      editingDuration: F
     },
     callbacks: {
       onPhaseChange: (p) => {
         switch (p) {
-          case D.FETCHING_QUESTION:
+          case P.FETCHING_QUESTION:
             oe();
             break;
-          case D.READING_QUESTION:
+          case P.READING_QUESTION:
             Y();
             break;
-          case D.ANSWERING:
+          case P.ANSWERING:
             ce();
             break;
-          case D.TRANSCRIBING:
+          case P.TRANSCRIBING:
             de();
             break;
-          case D.SUBMITTING:
+          case P.SUBMITTING:
             le();
             break;
         }
@@ -3010,15 +3117,15 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
     }
   });
   C(() => {
-    z();
+    G();
   }, []);
-  const { execute: oe, loading: U } = ot(
+  const { execute: oe, loading: B } = ot(
     async () => {
-      var O, ge;
+      var q, xe;
       const p = await o.generateQuestion({
         interviewId: r,
-        question: ((O = f.current) == null ? void 0 : O.question) || "",
-        qnaId: ((ge = f.current) == null ? void 0 : ge.qna_id) || "",
+        question: ((q = f.current) == null ? void 0 : q.question) || "",
+        qnaId: ((xe = f.current) == null ? void 0 : xe.qna_id) || "",
         answer: j.current
       });
       return f.current = p.data, p;
@@ -3032,108 +3139,108 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
       }
     }
   ), le = N(async () => {
-    z();
-  }, [z]), Y = N(async () => {
+    G();
+  }, [G]), Y = N(async () => {
     var p;
     if ((p = f.current) != null && p.question)
       try {
-        b.current = !1, await P(f.current.question), f.current.is_interview_done && (await Ke(2e3), Q());
-      } catch (O) {
-        console.error("Failed to speak question:", O);
+        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);
       }
     else
       A();
-  }, [P, A, Q]), ce = N(async () => {
+  }, [D, A, Q]), ce = N(async () => {
     try {
-      await G(v);
+      await z(v);
     } catch (p) {
       console.error("Failed to start recording:", p), A();
     }
-  }, [G, A]), de = N(async () => {
+  }, [z, A]), de = N(async () => {
     try {
-      const p = await B();
+      const p = await U();
       await V(p);
     } catch (p) {
       console.error("STT processing failed:", p), !I.current && !L.current && (I.current = !0, A());
     }
-  }, [B, V, A]), J = N(
+  }, [U, V, A]), K = N(
     async (p) => {
       M(), (await o.generateQuestion({
         interviewId: r,
         isInterviewDone: !0
-      })).success && (p == null || p(), Q());
+      })).success && (p == null || p(), Q(), sessionStorage.removeItem("proctoring-storage"));
     },
     [r, M, o]
   ), ee = () => {
-    const { phase: p } = q;
+    const { phase: p } = O;
     switch (p) {
-      case D.IDLE:
+      case P.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: z, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
+          /* @__PURE__ */ e.jsx(W, { onClick: G, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
         ] });
-      case D.FETCHING_QUESTION:
-        return /* @__PURE__ */ e.jsx(Rt, {});
-      case D.READING_QUESTION:
-        return /* @__PURE__ */ e.jsx(At, { ttsError: x });
-      case D.THINKING:
+      case P.FETCHING_QUESTION:
+        return /* @__PURE__ */ e.jsx(Mt, {});
+      case P.READING_QUESTION:
+        return /* @__PURE__ */ e.jsx(Dt, { ttsError: g });
+      case P.THINKING:
         return /* @__PURE__ */ e.jsx(
           Pt,
           {
-            state: q,
+            state: O,
             thinkingTime: S,
             nextPhase: A
           }
         );
-      case D.ANSWERING:
+      case P.ANSWERING:
         return /* @__PURE__ */ e.jsx(
-          It,
+          Rt,
           {
-            state: q,
+            state: O,
             answeringTime: v,
             nextPhase: A,
             sttError: H
           }
         );
-      case D.TRANSCRIBING:
-        return /* @__PURE__ */ e.jsx(Dt, { sttError: H });
-      case D.EDITING:
-      case D.SUBMITTING:
+      case P.TRANSCRIBING:
+        return /* @__PURE__ */ e.jsx(Ft, { sttError: H });
+      case P.EDITING:
+      case P.SUBMITTING:
         return /* @__PURE__ */ e.jsx("div", { className: "iw-space-y-4 iw-h-full", children: /* @__PURE__ */ e.jsx(
-          Nt,
+          kt,
           {
-            value: g,
-            onChange: (O) => y(O.target.value),
+            value: x,
+            onChange: (q) => y(q.target.value),
             onSubmit: () => A(),
-            isSubmitDisabled: !g.trim() || U,
-            state: q,
-            editingTime: _
+            isSubmitDisabled: !x.trim() || B,
+            state: O,
+            editingTime: F
           }
         ) });
-      case D.COMPLETED:
+      case P.COMPLETED:
         return null;
       default:
         return null;
     }
   };
   return /* @__PURE__ */ e.jsx(e.Fragment, { children: h != null && h.enabled ? /* @__PURE__ */ e.jsxs(
-    Gt,
+    Bt,
     {
-      onDisqualify: () => J(s),
+      onDisqualify: () => K(s),
       children: [
         /* @__PURE__ */ e.jsx(
           ye,
           {
             title: t,
-            onExit: () => J()
+            onExit: () => K()
           }
         ),
         /* @__PURE__ */ e.jsx(
           ve,
           {
             currentQuestion: m,
-            phase: q.phase,
+            phase: O.phase,
             className: n,
             children: ee()
           }
@@ -3145,34 +3252,34 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
       ye,
       {
         title: t,
-        onExit: () => J()
+        onExit: () => K()
       }
     ),
     /* @__PURE__ */ e.jsx(
       ve,
       {
         currentQuestion: m,
-        phase: q.phase,
+        phase: O.phase,
         className: n,
         children: ee()
       }
     )
   ] }) });
-}, zt = ({
+}, Wt = ({
   title: t,
   interviewId: r,
   onInterviewEnd: i,
   onInterviewDisqualify: s,
   className: n = ""
 }) => {
-  const [o, l] = fe.useState(!1), [a, d] = fe.useState(!0), w = E(null);
+  const [o, a] = fe.useState(!1), [l, d] = fe.useState(!0), w = T(null);
   return o ? /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
     "div",
     {
       ref: w,
       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(
-        Ut,
+        Gt,
         {
           interviewTitle: t ?? "Interview",
           interviewId: r,
@@ -3186,19 +3293,19 @@ const Ot = (t) => /* @__PURE__ */ e.jsxs(
   ) }) : /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
     it,
     {
-      isOpen: a,
+      isOpen: l,
       onStart: () => {
-        l(!0), d(!1);
+        a(!0), d(!1);
       }
     }
   ) });
 };
 typeof window < "u" && (window.InterviewWidget = {
-  InterviewWidget: zt,
+  InterviewWidget: Wt,
   InterviewWidgetProvider: Ve
 });
 export {
-  zt as InterviewWidget,
+  Wt as InterviewWidget,
   Ve as InterviewWidgetProvider,
-  zt as default
+  Wt as default
 };