interview-widget 0.1.7 → 1.0.1

package/dist/widget.es.js

@@ -1,9 +1,9 @@
-var ve = Object.defineProperty;
-var je = (r, i, e) => i in r ? ve(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e;
-var D = (r, i, e) => je(r, typeof i != "symbol" ? i + "" : i, e);
-import de, { createContext as Ne, useContext as Te, useRef as S, useState as k, useEffect as P, useCallback as A, useMemo as X } from "react";
-import { createPortal as ke } from "react-dom";
-var ue = { exports: {} }, Z = {};
+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";
+import { createPortal as $e } from "react-dom";
+var ke = { exports: {} }, se = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -13,28 +13,28 @@ var ue = { exports: {} }, Z = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ie = Symbol.for("react.transitional.element"), Ee = Symbol.for("react.fragment");
-function he(r, i, e) {
-  var a = null;
-  if (e !== void 0 && (a = "" + e), i.key !== void 0 && (a = "" + i.key), "key" in i) {
-    e = {};
-    for (var s in i)
-      s !== "key" && (e[s] = i[s]);
-  } else e = i;
-  return i = e.ref, {
-    $$typeof: Ie,
-    type: r,
-    key: a,
-    ref: i !== void 0 ? i : null,
-    props: e
+var qe = Symbol.for("react.transitional.element"), Oe = Symbol.for("react.fragment");
+function Te(t, r, i) {
+  var s = null;
+  if (i !== void 0 && (s = "" + i), r.key !== void 0 && (s = "" + r.key), "key" in r) {
+    i = {};
+    for (var n in r)
+      n !== "key" && (i[n] = r[n]);
+  } else i = r;
+  return r = i.ref, {
+    $$typeof: qe,
+    type: t,
+    key: s,
+    ref: r !== void 0 ? r : null,
+    props: i
   };
 }
-Z.Fragment = Ee;
-Z.jsx = he;
-Z.jsxs = he;
-ue.exports = Z;
-var t = ue.exports;
-const _ = {
+se.Fragment = Oe;
+se.jsx = Te;
+se.jsxs = Te;
+ke.exports = se;
+var e = ke.exports;
+const $ = {
   api: {
     baseUrl: "/api",
     retryConfig: {
@@ -60,69 +60,162 @@ const _ = {
     },
     tts: {
       provider: "piper"
+    },
+    proctoring: {
+      enabled: !0
+    }
+  }
+}, ne = je(null), Ee = "proctoring-storage", Be = () => {
+  var t, r;
+  try {
+    const i = sessionStorage.getItem(Ee);
+    if (i) {
+      const s = JSON.parse(i);
+      return {
+        logViolations: ((t = s.state) == null ? void 0 : t.logViolations) || [],
+        totalViolations: ((r = s.state) == null ? void 0 : r.totalViolations) || 0
+      };
     }
+  } catch (i) {
+    console.error(
+      "Failed to load proctoring data from session storage:",
+      i
+    );
+  }
+  return { logViolations: [], totalViolations: 0 };
+}, pe = (t) => {
+  try {
+    sessionStorage.setItem(
+      Ee,
+      JSON.stringify({
+        state: t,
+        version: 0
+      })
+    );
+  } catch (r) {
+    console.error("Failed to save proctoring data to session storage:", r);
   }
-}, me = Ne(
+}, Ge = ({
+  children: t
+}) => {
+  const r = E(Be()), i = E(/* @__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(
+    (w) => {
+      r.current = {
+        logViolations: [...r.current.logViolations, w],
+        totalViolations: r.current.totalViolations + 1
+      }, pe(r.current), s();
+    },
+    [s]
+  ), a = N(() => {
+    r.current = {
+      logViolations: [],
+      totalViolations: 0
+    }, pe(r.current), s();
+  }, [s]), d = X(
+    () => ({
+      getState: o,
+      addViolation: l,
+      clearViolations: a,
+      subscribe: n
+    }),
+    [o, l, a, n]
+  );
+  return /* @__PURE__ */ e.jsx(ne.Provider, { value: d, children: t });
+}, Ue = () => {
+  const t = re(ne);
+  if (!t)
+    throw new Error("useViolations must be used within a ProctoringProvider");
+  return Ne(
+    t.subscribe,
+    () => t.getState().logViolations,
+    () => t.getState().logViolations
+  );
+}, ze = () => {
+  const t = re(ne);
+  if (!t)
+    throw new Error(
+      "useTotalViolations must be used within a ProctoringProvider"
+    );
+  return Ne(
+    t.subscribe,
+    () => t.getState().totalViolations,
+    () => t.getState().totalViolations
+  );
+}, We = () => {
+  const t = re(ne);
+  if (!t)
+    throw new Error(
+      "useProctoringActions must be used within a ProctoringProvider"
+    );
+  return {
+    addViolation: t.addViolation,
+    clearViolations: t.clearViolations
+  };
+}, Se = je(
   null
 );
-function Re({
-  config: r = {},
-  children: i
+function Ve({
+  config: t = {},
+  children: r
 }) {
-  var a, s, c, o;
-  const e = {
+  var s, n, o, l;
+  const i = {
     api: {
-      ..._.api,
-      ...r.api,
+      ...$.api,
+      ...t.api,
       retryConfig: {
-        ..._.api.retryConfig,
-        ...(a = r.api) == null ? void 0 : a.retryConfig
+        ...$.api.retryConfig,
+        ...(s = t.api) == null ? void 0 : s.retryConfig
       }
     },
     ui: {
-      ..._.ui,
-      ...r.ui
+      ...$.ui,
+      ...t.ui
     },
     interview: {
-      ..._.interview,
-      ...r.interview,
+      ...$.interview,
+      ...t.interview,
       timers: {
-        ..._.interview.timers,
-        ...(s = r.interview) == null ? void 0 : s.timers
+        ...$.interview.timers,
+        ...(n = t.interview) == null ? void 0 : n.timers
       },
       stt: {
-        ..._.interview.stt,
-        ...(c = r.interview) == null ? void 0 : c.stt
+        ...$.interview.stt,
+        ...(o = t.interview) == null ? void 0 : o.stt
       },
       tts: {
-        ..._.interview.tts,
-        ...(o = r.interview) == null ? void 0 : o.tts
+        ...$.interview.tts,
+        ...(l = t.interview) == null ? void 0 : l.tts
       }
     }
   };
-  return /* @__PURE__ */ t.jsx(me.Provider, { value: e, children: i });
+  return /* @__PURE__ */ e.jsx(Se.Provider, { value: i, children: /* @__PURE__ */ e.jsx(Ge, { children: r }) });
 }
-function K() {
-  const r = Te(me);
-  if (!r)
+function ae() {
+  const t = re(Se);
+  if (!t)
     throw new Error(
       "useInterviewConfig must be used within an InterviewWidgetProvider. Wrap your component tree with <InterviewWidgetProvider config={...}>"
     );
-  return r;
+  return t;
 }
-function Se() {
-  return K().api || _.api;
+function Ce() {
+  return ae().api || $.api;
 }
-function V() {
-  return K().ui || _.ui;
+function Z() {
+  return ae().ui || $.ui;
 }
-function Ce() {
-  return K().interview || _.interview;
+function He() {
+  return ae().interview || $.interview;
 }
-const ge = ({
-  className: r,
-  ...i
-}) => /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsxs(
+const Ie = ({
+  className: t,
+  ...r
+}) => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -134,87 +227,102 @@ const ge = ({
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: `iw-animate-spin ${r}`,
-    ...i,
+    className: `iw-animate-spin ${t}`,
+    ...r,
     children: [
-      /* @__PURE__ */ t.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M12 6l0 -3" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M16.25 7.75l2.15 -2.15" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M18 12l3 0" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M16.25 16.25l2.15 2.15" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M12 18l0 3" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M7.75 16.25l-2.15 2.15" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M6 12l-3 0" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M7.75 7.75l-2.15 -2.15" })
+      /* @__PURE__ */ e.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M12 6l0 -3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M16.25 7.75l2.15 -2.15" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M18 12l3 0" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M16.25 16.25l2.15 2.15" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M12 18l0 3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M7.75 16.25l-2.15 2.15" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M6 12l-3 0" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M7.75 7.75l-2.15 -2.15" })
     ]
   }
-) }), ne = ({
-  children: r,
-  variant: i = "primary",
-  size: e = "md",
-  fullWidth: a = !1,
-  isLoading: s = !1,
-  disabled: c,
-  className: o = "",
-  ...n
+) }), Re = ({
+  children: t,
+  variant: r = "primary",
+  size: i = "md",
+  fullWidth: s = !1,
+  isLoading: n = !1,
+  disabled: o,
+  className: l = "",
+  ...a
 }) => {
-  const l = "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", m = {
+  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",
     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",
     text: "iw-bg-transparent iw-text-primary-600 iw-hover:bg-primary-50 iw-border iw-border-transparent",
     gradient: "iw-text-white iw-border iw-border-transparent iw-bg-gradient-to-r iw-from-purple-500 iw-to-indigo-500 hover:iw-from-purple-600 hover:iw-to-indigo-600"
-  }, w = {
+  }, u = {
     sm: "iw-px-3 iw-py-1.5 iw-text-sm",
     md: "iw-px-4 iw-py-2.5 iw-text-sm",
     lg: "iw-px-5 iw-py-3 iw-text-base"
-  }, h = "iw-disabled:opacity-50 iw-disabled:cursor-not-allowed iw-disabled:pointer-events-none", u = a ? "iw-w-full" : "";
-  return /* @__PURE__ */ t.jsxs(
+  }, h = "iw-disabled:opacity-50 iw-disabled:cursor-not-allowed iw-disabled:pointer-events-none", m = s ? "iw-w-full" : "";
+  return /* @__PURE__ */ e.jsxs(
     "button",
     {
-      className: `${l} ${m[i]} ${w[e]} ${u} ${h} ${o}`,
-      disabled: c || s,
-      ...n,
+      className: `${d} ${w[r]} ${u[i]} ${m} ${h} ${l}`,
+      disabled: o || n,
+      ...a,
       children: [
-        s && /* @__PURE__ */ t.jsx(ge, { height: 16, width: 16, style: { marginRight: "3px" } }),
-        r
+        n && /* @__PURE__ */ e.jsx(Ie, { height: 16, width: 16, style: { marginRight: "3px" } }),
+        t
       ]
     }
   );
 };
-function Me(r) {
-  const i = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);
-  return i ? {
-    r: parseInt(i[1], 16),
-    g: parseInt(i[2], 16),
-    b: parseInt(i[3], 16)
+function Qe(t) {
+  const r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  return r ? {
+    r: parseInt(r[1], 16),
+    g: parseInt(r[2], 16),
+    b: parseInt(r[3], 16)
   } : null;
 }
-function Ae(r, i, e) {
-  return "#" + [r, i, e].map((a) => {
-    const s = Math.round(a).toString(16);
-    return s.length === 1 ? "0" + s : s;
+function Ye(t, r, i) {
+  return "#" + [t, r, i].map((s) => {
+    const n = Math.round(s).toString(16);
+    return n.length === 1 ? "0" + n : n;
   }).join("");
 }
-function fe(r, i) {
-  const e = Me(r);
-  if (!e) return r;
-  const a = e.r + (255 - e.r) * i, s = e.g + (255 - e.g) * i, c = e.b + (255 - e.b) * i;
-  return Ae(a, s, c);
+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 De(r, i = 0.8) {
+function Je(t, r = 0.8) {
   return {
-    background: `linear-gradient(to bottom, ${fe(r, i)}, #ffffff)`,
+    background: `linear-gradient(to bottom, ${Me(t, r)}, #ffffff)`,
     color: "#1f2937"
   };
 }
-function Pe(r) {
-  return new Promise((i) => setTimeout(i, r));
+function Ke(t) {
+  return new Promise((r) => setTimeout(r, t));
+}
+function Ae(t) {
+  return `linear-gradient(to left, ${Me(t, 0.4)}, ${t})`;
 }
-function xe(r) {
-  return `linear-gradient(to left, ${fe(r, 0.4)}, ${r})`;
+const Xe = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
+function Ze(t) {
+  try {
+    const r = t.split(".");
+    if (r.length !== 3 || !r[1])
+      throw new Error("Invalid JWT token");
+    const s = r[1].replace(/-/g, "+").replace(/_/g, "/"), n = s.padEnd(
+      s.length + (4 - s.length % 4) % 4,
+      "="
+    ), o = atob(n);
+    return JSON.parse(o);
+  } catch (r) {
+    return console.error("Error decoding JWT:", r), null;
+  }
 }
-const $e = (r) => /* @__PURE__ */ t.jsxs(
+const Pe = (t) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -226,134 +334,379 @@ const $e = (r) => /* @__PURE__ */ t.jsxs(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...r,
+    ...t,
+    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" })
+    ]
+  }
+), De = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    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(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
     children: [
-      /* @__PURE__ */ t.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__ */ t.jsx("path", { d: "m9 12 2 2 4-4" })
+      /* @__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" })
     ]
   }
-), _e = [
+), W = (t) => {
+  const { baseColor: r, borderRadius: i } = Z(), { loading: s, children: n, ...o } = t;
+  return /* @__PURE__ */ e.jsx(
+    Re,
+    {
+      style: {
+        background: Ae(r),
+        borderRadius: i
+      },
+      ...o,
+      children: s ? /* @__PURE__ */ e.jsx(Ie, {}) : n
+    }
+  );
+}, tt = [
   "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",
-  "All activities are being recorded, and any violations may result in penalties, including disqualification"
-], Le = ({
-  isOpen: r,
-  onStart: i,
-  onClose: e
+  "Do not disable or interfere with audio/video monitoring"
+], it = ({
+  isOpen: t,
+  onStart: r,
+  onClose: i
 }) => {
-  var I;
-  const a = S(null), s = S(null), { baseColor: c, borderRadius: o } = V(), [n, l] = k(!1), [m, w] = k(null), [h, u] = k(!1), g = () => {
-    s.current && (s.current.getTracks().forEach((d) => d.stop()), s.current = null);
-  }, j = async () => {
-    u(!0), w(null);
+  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 = [
+    `radial-gradient(120% 85% at 50% 125%, ${j(
+      c,
+      "34"
+    )} 0%, transparent 70%)`,
+    `radial-gradient(90% 70% at 10% 130%, ${j(
+      c,
+      "24"
+    )} 0%, transparent 72%)`,
+    `radial-gradient(90% 70% at 90% 130%, ${j(
+      c,
+      "24"
+    )} 0%, transparent 72%)`,
+    `repeating-linear-gradient(135deg, ${j(
+      c,
+      "14"
+    )} 0, ${j(
+      c,
+      "14"
+    )} 16px, transparent 16px, transparent 32px)`
+  ].join(", "), T = a ? {
+    label: "Camera & microphone ready",
+    toneClass: "iw-bg-white/15 iw-text-white",
+    dotClass: "iw-bg-emerald-400"
+  } : h ? {
+    label: "Checking device access…",
+    toneClass: "iw-bg-white/15 iw-text-white",
+    dotClass: "iw-bg-amber-300"
+  } : {
+    label: "Allow access to continue",
+    toneClass: "iw-bg-white/15 iw-text-white",
+    dotClass: "iw-bg-rose-300"
+  }, S = a ? {
+    badge: "Ready",
+    toneClass: "iw-bg-emerald-50 iw-text-emerald-600",
+    cameraCopy: "Framing looks good for identity verification.",
+    micCopy: "We can hear you clearly for your responses."
+  } : h ? {
+    badge: "Checking",
+    toneClass: "iw-bg-amber-50 iw-text-amber-600",
+    cameraCopy: "Hang tight while we confirm camera access.",
+    micCopy: "Listening for microphone permission from your browser."
+  } : {
+    badge: "Action needed",
+    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 = [
+    {
+      label: "Camera feed",
+      description: S.cameraCopy,
+      status: S.badge,
+      toneClass: S.toneClass,
+      Icon: De
+    },
+    {
+      label: "Microphone input",
+      description: S.micCopy,
+      status: S.badge,
+      toneClass: S.toneClass,
+      Icon: et
+    }
+  ], _ = () => {
+    n.current && (n.current.getTracks().forEach((x) => x.stop()), n.current = null);
+  }, b = async () => {
+    m(!0), u(null);
     try {
-      const d = await navigator.mediaDevices.getUserMedia({
+      const x = await navigator.mediaDevices.getUserMedia({
         video: { width: { ideal: 1280 }, height: { ideal: 720 } },
         audio: !0
       });
-      s.current = d, a.current && (a.current.srcObject = d), l(!0);
-    } catch (d) {
-      console.error("Media permission error:", d);
-      let x = "Unable to access camera or microphone.";
-      (d == null ? void 0 : d.name) === "NotAllowedError" ? x = "Permissions denied. Please allow access to camera and microphone." : (d == null ? void 0 : d.name) === "NotFoundError" ? x = "No camera/microphone found. Please connect a device and retry." : d != null && d.message && (x = d.message), l(!1), w(x);
+      n.current = x, s.current && (s.current.srcObject = x), d(!0);
+    } catch (x) {
+      console.error("Media permission error:", x);
+      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);
     } finally {
-      u(!1);
+      m(!1);
     }
   };
-  if (P(() => {
-    if (!r) {
-      g();
+  if (C(() => {
+    if (!t) {
+      _();
       return;
     }
-    return j(), () => {
-      g();
+    return b(), () => {
+      _();
     };
-  }, [r]), !r) return null;
-  const y = () => {
-    i(), g();
+  }, [t]), !t) return null;
+  const P = () => {
+    r(), _();
   };
-  return /* @__PURE__ */ t.jsx("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center iw-bg-black/50 iw-backdrop-blur-sm", children: /* @__PURE__ */ t.jsxs("div", { className: "iw-bg-white iw-rounded-xl iw-shadow-2xl iw-w-full iw-max-w-[800px] iw-mx-4", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "iw-px-5 iw-py-4 iw-border-b iw-border-gray-200 iw-flex iw-items-center iw-justify-between", children: [
-      /* @__PURE__ */ t.jsx("h2", { className: "iw-text-base iw-font-semibold", children: "Interview Onboarding" }),
-      e && /* @__PURE__ */ t.jsx(
-        "button",
-        {
-          "aria-label": "Close",
-          className: "iw-text-gray-500 hover:iw-text-gray-700",
-          onClick: () => {
-            g(), e == null || e();
-          },
-          children: "✕"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "iw-p-4 iw-grid iw-grid-cols-2 iw-gap-4", children: [
-      /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx("div", { className: "iw-border iw-border-gray-200 iw-rounded-lg iw-overflow-hidden iw-bg-gray-900", children: /* @__PURE__ */ t.jsx(
-          "video",
-          {
-            ref: a,
-            autoPlay: !0,
-            playsInline: !0,
-            muted: !0,
-            className: "iw-w-full iw-h-64 iw-object-cover",
-            style: {
-              transform: "scaleX(-1)"
-            }
-          }
-        ) }),
-        /* @__PURE__ */ t.jsxs("div", { className: "iw-grid iw-grid-cols-2 iw-gap-2 iw-mt-3", children: [
-          /* @__PURE__ */ t.jsx(
-            ne,
+  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 },
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "div",
             {
-              onClick: j,
-              disabled: h,
-              variant: "outline",
-              size: "sm",
+              "aria-hidden": !0,
+              className: "iw-absolute iw-pointer-events-none",
               style: {
-                borderColor: c,
-                borderRadius: o,
-                color: c
-              },
-              children: n ? "Recheck Permissions" : "Enable Camera & Mic"
+                top: -90,
+                right: -100,
+                width: 240,
+                height: 240,
+                background: "radial-gradient(circle, rgba(255,255,255,0.6), transparent 70%)",
+                filter: "blur(12px)"
+              }
             }
           ),
-          /* @__PURE__ */ t.jsx(
-            ne,
+          /* @__PURE__ */ e.jsx(
+            "div",
             {
-              onClick: y,
-              disabled: !n,
-              size: "sm",
+              "aria-hidden": !0,
+              className: "iw-absolute iw-pointer-events-none",
               style: {
-                background: xe(c),
-                borderRadius: o
-              },
-              children: "Start Interview"
+                bottom: -110,
+                left: -60,
+                width: 220,
+                height: 220,
+                background: "radial-gradient(circle, rgba(255,255,255,0.35), transparent 70%)",
+                filter: "blur(14px)"
+              }
+            }
+          ),
+          /* @__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.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" }),
+                /* @__PURE__ */ e.jsx("p", { className: "iw-mt-2 iw-text-sm iw-text-white/80", children: "Align your space, confirm device access, and step confidently into your secure session." })
+              ] })
+            ] }) }),
+            /* @__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}`,
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    "span",
+                    {
+                      className: `iw-inline-flex iw-h-2 iw-w-2 iw-rounded-full ${T.dotClass}`
+                    }
+                  ),
+                  T.label
+                ]
+              }
+            ) }),
+            i && /* @__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: () => {
+                  _(), i == null || i();
+                },
+                children: "✕"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-relative iw-flex iw-flex-col iw-gap-6 iw-px-6 iw-pb-8 iw-pt-6", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-grid xl:iw-grid-cols-[0.95fr_1.05fr] iw-gap-6", children: [
+        /* @__PURE__ */ e.jsx("section", { className: "iw-flex iw-flex-col iw-gap-5", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-rounded-2xl iw-border iw-border-slate-100 iw-bg-white iw-p-5 iw-shadow-sm", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between", children: [
+            /* @__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(
+            "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",
+              children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-3", children: [
+                /* @__PURE__ */ e.jsx(
+                  "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 },
+                    children: I + 1
+                  }
+                ),
+                /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-slate-600", children: x })
+              ] })
+            },
+            x
+          )) })
+        ] }) }),
+        /* @__PURE__ */ e.jsxs("section", { className: "iw-flex iw-flex-col iw-gap-5", children: [
+          /* @__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 },
+              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",
+                  {
+                    ref: s,
+                    autoPlay: !0,
+                    playsInline: !0,
+                    muted: !0,
+                    className: "iw-h-64 iw-w-full iw-rounded-2xl iw-object-cover",
+                    style: {
+                      transform: "scaleX(-1)",
+                      borderRadius: y
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ e.jsxs("div", { className: "iw-relative iw-grid iw-grid-cols-2 iw-gap-4 iw-px-1", children: [
+                  /* @__PURE__ */ e.jsx(
+                    Re,
+                    {
+                      onClick: b,
+                      disabled: h,
+                      variant: "outline",
+                      size: "sm",
+                      className: "iw-font-medium",
+                      style: {
+                        borderColor: c,
+                        borderRadius: y,
+                        color: c
+                      },
+                      children: a ? "Recheck permissions" : "Enable camera & mic"
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    W,
+                    {
+                      onClick: P,
+                      disabled: !a,
+                      className: "iw-h-10 iw-px-6 iw-text-sm",
+                      style: {
+                        backgroundColor: c
+                      },
+                      children: "Proceed"
+                    }
+                  )
+                ] })
+              ]
             }
-          )
+          ),
+          /* @__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(
+              "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.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
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e.jsx("p", { className: "iw-mt-1.5 iw-text-xs iw-text-slate-500", children: L })
+                  ] })
+                ] })
+              },
+              I
+            )
+          ) }),
+          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." })
         ] })
       ] }),
-      /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-flex-col iw-gap-3", children: [
-        /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-gap-2 iw-text-gray-800 iw-font-semibold", children: [
-          /* @__PURE__ */ t.jsx($e, {}),
-          /* @__PURE__ */ t.jsx("h3", { children: "Interview Guidelines" })
-        ] }),
-        !((I = navigator.mediaDevices) != null && I.getUserMedia) && /* @__PURE__ */ t.jsx("div", { className: "iw-text-xs iw-text-red-600", children: "Your browser does not support media devices. Please use a modern browser like Chrome, Edge, or Firefox." }),
-        m && /* @__PURE__ */ t.jsx("div", { className: "iw-text-xs iw-text-red-600", children: m }),
-        /* @__PURE__ */ t.jsx("ul", { className: "iw-mt-1 iw-text-sm iw-text-gray-500 iw-list-disc iw-pl-4 iw-space-y-1.5", children: _e.map((d, x) => /* @__PURE__ */ t.jsx("li", { children: d }, x)) })
-      ] })
+      /* @__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." }) }),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          "aria-hidden": !0,
+          className: "iw-pointer-events-none iw-absolute iw-inset-x-0 iw-bottom-1 iw-h-20",
+          style: {
+            backgroundImage: f,
+            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",
+            opacity: 0.9,
+            transform: "translateY(4px)",
+            maskImage: "linear-gradient(to top, rgba(0,0,0,0.92), transparent)",
+            WebkitMaskImage: "linear-gradient(to top, rgba(0,0,0,0.92), transparent)"
+          }
+        }
+      )
     ] })
   ] }) });
 };
-var R = /* @__PURE__ */ ((r) => (r.IDLE = "idle", r.FETCHING_QUESTION = "fetching_question", r.READING_QUESTION = "reading_question", r.THINKING = "thinking", r.ANSWERING = "answering", r.TRANSCRIBING = "transcribing", r.EDITING = "editing", r.SUBMITTING = "submitting", r.COMPLETED = "completed", r))(R || {});
-const Oe = {
+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 || {});
+const rt = {
   thinkingDuration: 30,
   answeringDuration: 120,
   editingDuration: 30
-}, Fe = {
+}, st = {
   idle: {
     next: "fetching_question"
     /* FETCHING_QUESTION */
@@ -382,14 +735,14 @@ const Oe = {
     /* COMPLETED */
   }
 };
-class Ue {
-  constructor(i = {}, e = {}) {
-    D(this, "config");
-    D(this, "state");
-    D(this, "phaseIntervalId", null);
-    D(this, "globalIntervalId", null);
-    D(this, "callbacks");
-    this.config = { ...Oe, ...i }, this.callbacks = e, this.state = {
+class nt {
+  constructor(r = {}, i = {}) {
+    F(this, "config");
+    F(this, "state");
+    F(this, "phaseIntervalId", null);
+    F(this, "globalIntervalId", null);
+    F(this, "callbacks");
+    this.config = { ...rt, ...r }, this.callbacks = i, this.state = {
       phase: "idle",
       currentPhaseTimeRemaining: 0,
       totalTimeElapsed: 0,
@@ -412,18 +765,18 @@ class Ue {
    * Move to next phase
    */
   nextPhase() {
-    const i = this.state.phase, e = Fe[i];
-    if (!e) return;
-    this.stopPhaseTimer(), this.state.phase = e.next;
-    const a = this.getDurationForPhase(e.next);
-    a > 0 ? (this.state.currentPhaseTimeRemaining = a, this.startPhaseTimer()) : this.state.currentPhaseTimeRemaining = 0, this.notifyChange();
+    const r = this.state.phase, i = st[r];
+    if (!i) return;
+    this.stopPhaseTimer(), this.state.phase = i.next;
+    const s = this.getDurationForPhase(i.next);
+    s > 0 ? (this.state.currentPhaseTimeRemaining = s, this.startPhaseTimer()) : this.state.currentPhaseTimeRemaining = 0, this.notifyChange();
   }
   /**
    * Manually complete the interview
    */
   completeInterview() {
-    var i, e, a, s;
-    (e = (i = this.callbacks).onComplete) == null || e.call(i), this.stopGlobalTimer(), this.stopPhaseTimer(), this.state.phase = "completed", (s = (a = this.callbacks).onInterviewEnd) == null || s.call(a), this.notifyChange();
+    var r, i;
+    this.stopGlobalTimer(), this.stopPhaseTimer(), this.state.phase = "completed", (i = (r = this.callbacks).onInterviewEnd) == null || i.call(r), this.notifyChange();
   }
   /**
    * Cleanup
@@ -434,8 +787,8 @@ class Ue {
   /**
    * Get duration for a phase
    */
-  getDurationForPhase(i) {
-    switch (i) {
+  getDurationForPhase(r) {
+    switch (r) {
       case "thinking":
         return this.config.thinkingDuration;
       case "answering":
@@ -451,8 +804,8 @@ class Ue {
    */
   startGlobalTimer() {
     this.globalIntervalId = setInterval(() => {
-      var i, e;
-      this.state.totalTimeElapsed++, (e = (i = this.callbacks).onTick) == null || e.call(i, this.getState());
+      var r, i;
+      this.state.totalTimeElapsed++, (i = (r = this.callbacks).onTick) == null || i.call(r, this.getState());
     }, 1e3);
   }
   /**
@@ -479,91 +832,151 @@ class Ue {
    * Notify phase change
    */
   notifyChange() {
-    var i, e;
-    (e = (i = this.callbacks).onPhaseChange) == null || e.call(i, this.state.phase, this.getState());
+    var r, i;
+    (i = (r = this.callbacks).onPhaseChange) == null || i.call(r, this.state.phase, this.getState());
   }
 }
-function Ge(r = {}) {
-  const { config: i = {}, callbacks: e = {} } = r, a = S(null);
-  a.current || (a.current = new Ue(i, {}));
-  const s = a.current, [c, o] = k(s.getState()), n = A(() => {
-    o(s.getState());
-  }, [s]);
-  P(() => {
+function at(t = {}) {
+  const { config: r = {}, callbacks: i = {} } = t, s = E(null);
+  s.current || (s.current = new nt(r, {}));
+  const n = s.current, [o, l] = k(n.getState()), a = N(() => {
+    l(n.getState());
+  }, [n]);
+  C(() => {
     const h = {
-      onPhaseChange: (u, g) => {
-        var j;
-        n(), (j = e.onPhaseChange) == null || j.call(e, u, g);
-      },
-      onTick: (u) => {
+      onPhaseChange: (m, c) => {
         var g;
-        n(), (g = e.onTick) == null || g.call(e, u);
+        a(), (g = i.onPhaseChange) == null || g.call(i, m, c);
+      },
+      onTick: (m) => {
+        var c;
+        a(), (c = i.onTick) == null || c.call(i, m);
       },
       onInterviewEnd: () => {
-        var u;
-        n(), (u = e.onInterviewEnd) == null || u.call(e);
+        var m;
+        a(), (m = i.onInterviewEnd) == null || m.call(i);
       }
     };
-    s.callbacks = h;
-  }, [s, e, n]), P(() => () => {
-    s.destroy();
-  }, [s]);
-  const l = A(() => {
-    s.startQuestion(), n();
-  }, [s, n]), m = A(() => {
-    s.nextPhase(), n();
-  }, [s, n]), w = A(() => {
-    s.completeInterview(), n();
-  }, [s, n]);
+    n.callbacks = h;
+  }, [n, i, a]), 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]);
   return {
-    state: c,
-    startQuestion: l,
-    nextPhase: m,
-    completeInterview: w,
-    timerService: s
+    state: o,
+    startQuestion: d,
+    nextPhase: w,
+    completeInterview: u,
+    timerService: n
   };
 }
-function qe(r, i = {}) {
-  const [e, a] = k({
+function ot(t, r = {}) {
+  const [i, s] = k({
     data: null,
     loading: !1,
     error: null
-  }), s = A(
-    async (...c) => {
-      var o, n, l, m;
-      a((w) => ({ ...w, loading: !0, error: null }));
+  }), n = N(
+    async (...o) => {
+      var l, a, d, w;
+      s((u) => ({ ...u, loading: !0, error: null }));
       try {
-        const w = await r(...c);
-        a((h) => ({
+        const u = await t(...o);
+        s((h) => ({
           ...h,
-          data: w,
+          data: u,
           loading: !1,
           error: null
-        })), (o = i.onSuccess) == null || o.call(i, w), (n = i.onSettled) == null || n.call(i, w, null);
-      } catch (w) {
-        const h = w.type ? w : {
+        })), (l = r.onSuccess) == null || l.call(r, u), (a = r.onSettled) == null || a.call(r, u, null);
+      } catch (u) {
+        const h = u.type ? u : {
           type: "unknown",
-          message: w.message || "Unknown error",
+          message: u.message || "Unknown error",
           retryable: !0,
           userMessage: "Something went wrong. Please try again.",
-          originalError: w
+          originalError: u
         };
-        a((u) => ({
-          ...u,
+        s((m) => ({
+          ...m,
           loading: !1,
           error: h
-        })), (l = i.onError) == null || l.call(i, h), (m = i.onSettled) == null || m.call(i, null, h);
+        })), (d = r.onError) == null || d.call(r, h), (w = r.onSettled) == null || w.call(r, null, h);
       }
     },
-    [r, i]
+    [t, r]
   );
   return {
-    ...e,
-    execute: s
+    ...i,
+    execute: n
   };
 }
-function Be(r) {
-  var i;
+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;
+    try {
+      if (!l())
+        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) {
+      const j = {
+        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);
+    }
+  }, 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) {
+      const y = {
+        name: "FullscreenError",
+        message: g instanceof Error ? g.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);
+  }, [t]);
+  C(() => {
+    const c = [
+      "fullscreenchange",
+      "webkitfullscreenchange",
+      "mozfullscreenchange",
+      "MSFullscreenChange"
+    ];
+    return c.forEach((g) => {
+      document.addEventListener(g, u);
+    }), () => {
+      c.forEach((g) => {
+        document.removeEventListener(g, u);
+      });
+    };
+  }, [u]);
+  const h = async (c) => {
+    i(null);
+    const g = c ?? document.documentElement;
+    await d(g);
+  };
+  return {
+    isFullScreen: s,
+    toggleFullScreen: async (c) => {
+      s ? await w() : await h(c);
+    },
+    enterFullScreen: h,
+    exitFullScreen: w,
+    error: r
+  };
+};
+function ct(t) {
+  var r;
   if (!navigator.onLine)
     return {
       type: "network",
@@ -571,172 +984,212 @@ function Be(r) {
       retryable: !0,
       userMessage: "Please check your internet connection and try again."
     };
-  if (r.name === "AbortError" || (i = r.message) != null && i.includes("timeout"))
+  if (t.name === "AbortError" || (r = t.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 (r.status) {
-    const { status: e } = r;
-    if (e === 401 || e === 403)
+  if (t.status) {
+    const { status: i } = t;
+    if (i === 401 || i === 403)
       return {
         type: "auth",
-        status: e,
+        status: i,
         message: "Authentication failed",
         retryable: !1,
         userMessage: "Your session has expired. Please refresh the page."
       };
-    if (e === 429)
+    if (i === 429)
       return {
         type: "rate-limit",
-        status: e,
+        status: i,
         message: "Too many requests",
         retryable: !0,
         userMessage: "Please wait a moment before trying again."
       };
-    if (e >= 500)
+    if (i >= 500)
       return {
         type: "server",
-        status: e,
-        message: `Server error: ${e}`,
+        status: i,
+        message: `Server error: ${i}`,
         retryable: !0,
         userMessage: "Our servers are experiencing issues. Please try again in a few moments."
       };
-    if (e >= 400)
+    if (i >= 400)
       return {
         type: "client",
-        status: e,
-        message: `Client error: ${e}`,
+        status: i,
+        message: `Client error: ${i}`,
         retryable: !1,
         userMessage: "There was an issue with your request. Please check your input."
       };
   }
   return {
     type: "unknown",
-    message: r.message || "Unknown error occurred",
+    message: t.message || "Unknown error occurred",
     retryable: !0,
     userMessage: "Something unexpected happened. Please try again.",
-    originalError: r
+    originalError: t
   };
 }
-async function oe(r, i = {}, e = {
+async function he(t, r = {}, i = {
   attempts: 3,
   backoff: "exponential",
   baseDelay: 1e3,
   maxDelay: 1e4,
   jitter: !0
 }) {
-  let a;
-  for (let s = 1; s <= e.attempts; s++)
+  let s;
+  for (let n = 1; n <= i.attempts; n++)
     try {
-      const c = new AbortController(), o = setTimeout(() => c.abort(), 6e4), n = await fetch(r, {
-        ...i,
-        signal: c.signal
+      const o = new AbortController(), l = setTimeout(() => o.abort(), 6e4), a = await fetch(t, {
+        ...r,
+        signal: o.signal
       });
-      if (clearTimeout(o), n.status >= 400 && n.status < 500 && n.status !== 429)
-        return n;
-      if (!n.ok)
-        throw new Error(`HTTP ${n.status}: ${n.statusText}`);
-      return n;
-    } catch (c) {
-      a = c;
-      const o = Be(c);
-      if (!o.retryable || s === e.attempts)
-        throw o;
-      const n = ze(s, e);
+      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;
+    } catch (o) {
+      s = o;
+      const l = ct(o);
+      if (!l.retryable || n === i.attempts)
+        throw l;
+      const a = dt(n, i);
       console.warn(
-        `API request failed (attempt ${s}/${e.attempts}), retrying in ${n}ms:`,
-        o.message
-      ), await new Promise((l) => setTimeout(l, n));
+        `API request failed (attempt ${n}/${i.attempts}), retrying in ${a}ms:`,
+        l.message
+      ), await new Promise((d) => setTimeout(d, a));
     }
-  throw a;
+  throw s;
 }
-function ze(r, i) {
-  let e;
-  return i.backoff === "exponential" ? e = i.baseDelay * Math.pow(2, r - 1) : e = i.baseDelay, e = Math.min(e, i.maxDelay), i.jitter && (e = e * (0.5 + Math.random() * 0.5)), Math.round(e);
+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);
 }
-class Qe {
-  constructor(i = {}) {
-    D(this, "config");
-    this.config = i;
+class wt {
+  constructor(r = {}) {
+    F(this, "config");
+    this.config = r;
   }
   /**
    * Update configuration
    */
-  updateConfig(i) {
-    this.config = { ...this.config, ...i };
+  updateConfig(r) {
+    this.config = { ...this.config, ...r };
   }
   /**
    * Get default headers for API requests
    */
   getHeaders() {
-    var e;
-    const i = {
+    var i;
+    const r = {
       "Content-Type": "application/json",
       "X-Auth-Token": "appkey"
     };
-    return (e = this.config) != null && e.authToken && (i.Authorization = `Bearer ${this.config.authToken}`), i;
+    return (i = this.config) != null && i.authToken && (r.Authorization = `Bearer ${this.config.authToken}`), r;
   }
   /**
    * Get base URL from config with fallback
    */
   getBaseUrl() {
-    var i;
-    return ((i = this.config) == null ? void 0 : i.baseUrl) || "/api";
+    var r;
+    return ((r = this.config) == null ? void 0 : r.baseUrl) || "/api";
   }
   /**
    * Get questions for an interview
    */
   async generateQuestion({
-    interviewId: i,
-    isInterviewDone: e = !1,
-    qnaId: a,
-    question: s,
-    answer: c,
-    answerDuration: o
+    interviewId: r,
+    isInterviewDone: i = !1,
+    qnaId: s,
+    question: n,
+    answer: o,
+    answerDuration: l
   }) {
-    const n = await oe(
+    const a = await he(
       `${this.getBaseUrl()}/questions/next`,
       {
         method: "POST",
         headers: this.getHeaders(),
         body: JSON.stringify({
-          interview_id: i,
-          is_interview_done: e,
-          qna_id: a,
-          question: s,
-          answer: c,
+          interview_id: r,
+          is_interview_done: i,
+          qna_id: s,
+          question: n,
+          answer: o,
           // TODO: Hardcoded for now, will be dynamic later
-          answer_duration: o ?? "00:00:30"
+          answer_duration: l ?? "00:00:30"
         })
       }
     );
-    if (!n.ok)
-      throw new Error(`Failed to get questions: ${n.status}`);
-    return await n.json();
+    if (!a.ok)
+      throw new Error(`Failed to get questions: ${a.status}`);
+    return await a.json();
   }
 }
-function We() {
-  const r = K();
+function ut() {
+  const t = ae();
   return X(() => {
-    const e = r.api || {};
-    return new Qe(e);
-  }, [r.api]);
+    const i = t.api || {};
+    return new wt(i);
+  }, [t.api]);
 }
-class v extends Error {
-  constructor(i, e, a = !1) {
-    super(i), this.code = e, this.recoverable = a, this.name = "STTError";
+const ht = (t) => {
+  C(() => {
+    const r = (s) => {
+      (s.ctrlKey || s.metaKey) && ["c", "v", "a", "t", "n", "w", "r", "s", "p"].includes(s.key.toLowerCase()) && (s.preventDefault(), t({
+        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({
+        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({
+        type: "alt_tab_attempt",
+        severity: "medium",
+        details: {
+          action: "alt_tab",
+          reason: "Attempted to use the Alt + Tab shortcut"
+        }
+      }));
+    }, i = (s) => {
+      s.preventDefault(), t({
+        type: "right_click_attempt",
+        severity: "low",
+        details: {
+          action: "right_click",
+          reason: "Attempted to use the right click"
+        }
+      });
+    };
+    return document.addEventListener("keydown", r), document.addEventListener("contextmenu", i), () => {
+      document.removeEventListener("keydown", r), document.removeEventListener("contextmenu", i);
+    };
+  }, [t]);
+};
+class R extends Error {
+  constructor(r, i, s = !1) {
+    super(r), this.code = i, this.recoverable = s, this.name = "STTError";
   }
 }
-class He {
-  constructor(i = {}) {
-    D(this, "config");
-    D(this, "mediaRecorder", null);
-    D(this, "audioChunks", []);
-    D(this, "recordingStream", null);
-    D(this, "autoStopTimeoutId", null);
+class mt {
+  constructor(r = {}) {
+    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",
@@ -744,14 +1197,14 @@ class He {
       language: "en",
       includeTimestamps: !1,
       temperature: 0,
-      ...i
+      ...r
     };
   }
   /**
    * Update STT configuration
    */
-  updateConfig(i) {
-    this.config = { ...this.config, ...i };
+  updateConfig(r) {
+    this.config = { ...this.config, ...r };
   }
   /**
    * Check if browser supports audio recording
@@ -762,16 +1215,16 @@ class He {
   /**
    * Start recording audio from user's microphone
    */
-  async startRecording(i, e) {
-    var a;
+  async startRecording(r, i) {
+    var s;
     if (!this.isRecordingSupported())
-      throw new v(
+      throw new R(
         "Audio recording is not supported in this browser",
         "RECORDING_NOT_SUPPORTED",
         !1
       );
     if (this.isRecording())
-      throw new v(
+      throw new R(
         "Recording is already in progress",
         "ALREADY_RECORDING",
         !0
@@ -784,39 +1237,39 @@ class He {
           sampleRate: 44100
         }
       }), this.audioChunks = [];
-      const s = this.getSupportedMimeType();
+      const n = this.getSupportedMimeType();
       this.mediaRecorder = new MediaRecorder(this.recordingStream, {
-        mimeType: s
-      }), this.mediaRecorder.ondataavailable = (c) => {
-        var o;
-        c.data.size > 0 && (this.audioChunks.push(c.data), (o = e == null ? void 0 : e.onDataAvailable) == null || o.call(e, c.data));
+        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));
       }, this.mediaRecorder.onstop = () => {
-        var c;
-        (c = e == null ? void 0 : e.onStop) == null || c.call(e);
-      }, this.mediaRecorder.onerror = (c) => {
-        var n;
-        const o = new v(
-          `Recording failed: ${c.error}`,
+        var o;
+        (o = i == null ? void 0 : i.onStop) == null || o.call(i);
+      }, this.mediaRecorder.onerror = (o) => {
+        var a;
+        const l = new R(
+          `Recording failed: ${o.error}`,
           "RECORDING_ERROR",
           !0
         );
-        (n = e == null ? void 0 : e.onError) == null || n.call(e, o), this.cleanup();
-      }, this.mediaRecorder.start(100), (a = e == null ? void 0 : e.onStart) == null || a.call(e), i && i > 0 && (this.autoStopTimeoutId = setTimeout(() => {
+        (a = i == null ? void 0 : i.onError) == null || a.call(i, l), 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();
-      }, i * 1e3));
-    } catch (s) {
-      if (this.cleanup(), s instanceof Error) {
-        if (s.name === "NotAllowedError" || s.name === "PermissionDeniedError")
-          throw new v(
+      }, r * 1e3));
+    } catch (n) {
+      if (this.cleanup(), n instanceof Error) {
+        if (n.name === "NotAllowedError" || n.name === "PermissionDeniedError")
+          throw new R(
             "Microphone permission was denied",
             "PERMISSION_DENIED",
             !1
           );
-        if (s.name === "NotFoundError")
-          throw new v("No microphone found", "NO_MICROPHONE", !1);
+        if (n.name === "NotFoundError")
+          throw new R("No microphone found", "NO_MICROPHONE", !1);
       }
-      throw new v(
-        `Failed to start recording: ${s instanceof Error ? s.message : String(s)}`,
+      throw new R(
+        `Failed to start recording: ${n instanceof Error ? n.message : String(n)}`,
         "START_RECORDING_FAILED",
         !0
       );
@@ -827,58 +1280,58 @@ class He {
    */
   async stopRecording() {
     if (this.autoStopTimeoutId && (clearTimeout(this.autoStopTimeoutId), this.autoStopTimeoutId = null), !this.mediaRecorder || !this.isRecording())
-      throw new v(
+      throw new R(
         "No active recording to stop",
         "NO_ACTIVE_RECORDING",
         !1
       );
-    return new Promise((i, e) => {
+    return new Promise((r, i) => {
       if (!this.mediaRecorder) {
-        e(
-          new v("MediaRecorder is null", "MEDIARECORDER_NULL", !1)
+        i(
+          new R("MediaRecorder is null", "MEDIARECORDER_NULL", !1)
         );
         return;
       }
-      const a = this.mediaRecorder, s = () => {
+      const s = this.mediaRecorder, n = () => {
         try {
-          const c = a.mimeType || "audio/webm", o = new Blob(this.audioChunks, { type: c });
-          this.cleanup(), i(o);
-        } catch (c) {
-          e(
-            new v(
-              `Failed to create audio blob: ${c instanceof Error ? c.message : String(c)}`,
+          const o = s.mimeType || "audio/webm", l = new Blob(this.audioChunks, { type: o });
+          this.cleanup(), r(l);
+        } catch (o) {
+          i(
+            new R(
+              `Failed to create audio blob: ${o instanceof Error ? o.message : String(o)}`,
               "BLOB_CREATION_FAILED",
               !1
             )
           );
         }
       };
-      a.addEventListener("stop", s, { once: !0 }), a.stop();
+      s.addEventListener("stop", n, { once: !0 }), s.stop();
     });
   }
   /**
    * Transcribe audio blob using the STT API
    */
-  async transcribe(i) {
+  async transcribe(r) {
     const {
-      audioBlob: e,
-      model: a = this.config.model,
-      language: s = this.config.language,
-      includeTimestamps: c = this.config.includeTimestamps,
-      temperature: o = this.config.temperature
-    } = i;
-    if (!e || e.size === 0)
-      throw new v(
+      audioBlob: i,
+      model: s = this.config.model,
+      language: n = this.config.language,
+      includeTimestamps: o = this.config.includeTimestamps,
+      temperature: l = this.config.temperature
+    } = r;
+    if (!i || i.size === 0)
+      throw new R(
         "Audio blob is empty or invalid",
         "INVALID_AUDIO",
         !1
       );
     try {
-      const n = new FormData(), l = new File([e], "recording.wav", {
-        type: e.type || "audio/wav"
+      const a = new FormData(), d = new File([i], "recording.wav", {
+        type: i.type || "audio/wav"
       });
-      n.append("file", l), n.append("model", a || "whisper-large-v3-turbo"), n.append("language", s || "en"), n.append("include_timestamps", String(c || !1)), n.append("temperature", String(o || 0));
-      const m = await oe(
+      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));
+      const w = await he(
         `${this.config.baseUrl}/speech/transcribe`,
         {
           method: "POST",
@@ -889,7 +1342,7 @@ class He {
               Authorization: `Bearer ${this.config.authToken}`
             }
           },
-          body: n
+          body: a
         },
         {
           attempts: 1,
@@ -899,27 +1352,27 @@ class He {
           jitter: !0
         }
       );
-      if (!m.ok) {
-        const h = await m.text();
-        let u = `STT request failed: ${m.status} ${m.statusText}`;
+      if (!w.ok) {
+        const h = await w.text();
+        let m = `STT request failed: ${w.status} ${w.statusText}`;
         try {
-          const g = JSON.parse(h);
-          u = g.message || g.error || u;
+          const c = JSON.parse(h);
+          m = c.message || c.error || m;
         } catch {
-          u = h || u;
+          m = h || m;
         }
-        throw new v(
-          u,
-          `HTTP_${m.status}`,
-          m.status >= 500
+        throw new R(
+          m,
+          `HTTP_${w.status}`,
+          w.status >= 500
         );
       }
       return {
-        transcript: (await m.json()).data.text ?? ""
+        transcript: (await w.json()).data.text ?? ""
       };
-    } catch (n) {
-      throw n instanceof v ? n : new v(
-        `Transcription failed: ${n instanceof Error ? n.message : String(n)}`,
+    } catch (a) {
+      throw a instanceof R ? a : new R(
+        `Transcription failed: ${a instanceof Error ? a.message : String(a)}`,
         "TRANSCRIPTION_FAILED",
         !0
       );
@@ -941,131 +1394,181 @@ class He {
    * Get supported MIME type for recording
    */
   getSupportedMimeType() {
-    const i = [
+    const r = [
       "audio/webm",
       "audio/webm;codecs=opus",
       "audio/ogg;codecs=opus",
       "audio/mp4",
       "audio/wav"
     ];
-    for (const e of i)
-      if (MediaRecorder.isTypeSupported(e))
-        return e;
+    for (const i of r)
+      if (MediaRecorder.isTypeSupported(i))
+        return i;
     return "audio/webm";
   }
   /**
    * Clean up recording resources
    */
   cleanup() {
-    this.recordingStream && (this.recordingStream.getTracks().forEach((i) => i.stop()), this.recordingStream = null), this.mediaRecorder = null, this.audioChunks = [], this.autoStopTimeoutId && (clearTimeout(this.autoStopTimeoutId), this.autoStopTimeoutId = null);
+    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 Y = new He(), Ye = (r = {}) => {
-  const [i, e] = k(!1), [a, s] = k(!1), [c, o] = k(null), [n, l] = k(null), [m, w] = k(null);
-  r.config && Y.updateConfig(r.config);
-  const h = A(async (y) => {
-    var I;
+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 h = N(async (y) => {
+    var j;
     try {
-      l(null), o(null), w(null), await Y.startRecording(y, {
+      d(null), l(null), u(null), await K.startRecording(y, {
         onStart: () => {
-          var d;
-          e(!0), (d = r.onStart) == null || d.call(r);
+          var f;
+          i(!0), (f = t.onStart) == null || f.call(t);
         },
         onStop: () => {
-          var d;
-          e(!1), (d = r.onStop) == null || d.call(r);
+          var f;
+          i(!1), (f = t.onStop) == null || f.call(t);
         },
-        onError: (d) => {
-          var C;
-          const x = d instanceof v ? d : new v(d.message, "RECORDING_ERROR", !0);
-          l(x), e(!1), (C = r.onError) == null || C.call(r, x);
+        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);
         }
       });
-    } catch (d) {
-      const x = d instanceof v ? d : new v(
-        d instanceof Error ? d.message : String(d),
+    } catch (f) {
+      const T = f instanceof R ? f : new R(
+        f instanceof Error ? f.message : String(f),
         "START_FAILED",
         !1
       );
-      throw l(x), e(!1), (I = r.onError) == null || I.call(r, x), x;
+      throw d(T), i(!1), (j = t.onError) == null || j.call(t, T), T;
     }
-  }, []), u = A(async () => {
-    var y, I;
+  }, []), m = N(async () => {
+    var y, j;
     try {
-      const d = await Y.stopRecording();
-      return w(d), e(!1), (y = r.onStop) == null || y.call(r), d;
-    } catch (d) {
-      const x = d instanceof v ? d : new v(
-        d instanceof Error ? d.message : String(d),
+      const f = await K.stopRecording();
+      return u(f), i(!1), (y = t.onStop) == null || y.call(t), f;
+    } catch (f) {
+      const T = f instanceof R ? f : new R(
+        f instanceof Error ? f.message : String(f),
         "STOP_FAILED",
         !1
       );
-      throw l(x), e(!1), (I = r.onError) == null || I.call(r, x), x;
+      throw d(T), i(!1), (j = t.onError) == null || j.call(t, T), T;
     }
-  }, []), g = A(
-    async (y, I = {}) => {
-      var d, x;
+  }, []), c = N(
+    async (y, j = {}) => {
+      var f, T;
       try {
-        l(null), s(!0);
-        const C = {
+        d(null), n(!0);
+        const S = {
           audioBlob: y,
-          ...I
-        }, p = await Y.transcribe(C);
-        return o(p.transcript), s(!1), (d = r.onTranscriptionComplete) == null || d.call(r, p), p;
-      } catch (C) {
-        const p = C instanceof v ? C : new v(
-          C instanceof Error ? C.message : String(C),
+          ...j
+        }, v = await K.transcribe(S);
+        return l(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 l(p), s(!1), (x = r.onError) == null || x.call(r, p), p;
+        throw d(v), n(!1), (T = t.onError) == null || T.call(t, v), v;
       }
     },
     []
-  ), j = A(() => {
-    Y.cancelRecording(), e(!1), w(null);
+  ), g = N(() => {
+    K.cancelRecording(), i(!1), u(null);
   }, []);
   return {
     startRecording: h,
-    stopRecording: u,
-    transcribe: g,
-    cancelRecording: j,
-    isRecording: i,
-    isTranscribing: a,
-    transcript: c,
-    error: n,
-    audioBlob: m
+    stopRecording: m,
+    transcribe: c,
+    cancelRecording: g,
+    isRecording: r,
+    isTranscribing: s,
+    transcript: o,
+    error: a,
+    audioBlob: w
   };
+}, gt = (t) => {
+  const r = E(null), i = E(!1);
+  C(() => {
+    const s = () => {
+      document.hidden && (i.current = !0, r.current && (clearTimeout(r.current), r.current = null), t({
+        type: "tab_switch",
+        severity: "high",
+        details: {
+          action: "tab_hidden",
+          reason: "Attempted to switch tabs or applications"
+        }
+      }), setTimeout(() => {
+        i.current = !1;
+      }, 100));
+    }, n = () => {
+      i.current || (r.current = setTimeout(() => {
+        i.current || t({
+          type: "focus_loss",
+          severity: "medium",
+          details: {
+            action: "window_blur",
+            reason: "Focus lost from the interview window"
+          }
+        }), r.current = null;
+      }, 50));
+    };
+    return document.addEventListener("visibilitychange", s), window.addEventListener("blur", n), () => {
+      document.removeEventListener("visibilitychange", s), window.removeEventListener("blur", n), r.current && clearTimeout(r.current);
+    };
+  }, [t]);
+}, ft = () => {
+  C(() => {
+    const t = document.createElement("style");
+    return t.textContent = `
+      * {
+        -webkit-user-select: none !important;
+        -moz-user-select: none !important;
+        -ms-user-select: none !important;
+        user-select: none !important;
+      }
+      input, textarea {
+        -webkit-user-select: text !important;
+        -moz-user-select: text !important;
+        -ms-user-select: text !important;
+        user-select: text !important;
+      }
+    `, document.head.appendChild(t), () => {
+      document.head.removeChild(t);
+    };
+  }, []);
 };
-class Ve {
-  constructor(i = {}) {
-    D(this, "config");
-    D(this, "currentAudio", null);
+class pt {
+  constructor(r = {}) {
+    F(this, "config");
+    F(this, "currentAudio", null);
     this.config = {
       baseUrl: "http://localhost:8000",
       provider: "piper",
       voice: "string",
       speed: 1,
-      ...i
+      ...r
     };
   }
   /**
    * Update TTS configuration
    */
-  updateConfig(i) {
-    this.config = { ...this.config, ...i };
+  updateConfig(r) {
+    this.config = { ...this.config, ...r };
   }
   /**
    * Get TTS audio from the API and return as blob
    */
-  async synthesizeSpeech(i) {
+  async synthesizeSpeech(r) {
     const {
-      text: e,
-      voice: a = this.config.voice,
-      speed: s = this.config.speed
-    } = i, c = new URLSearchParams();
-    c.append("text", e), c.append("voice", a || "string"), c.append("speed", (s == null ? void 0 : s.toString()) || "1");
-    const o = await oe(
+      text: i,
+      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 l = await he(
       `${this.config.baseUrl}/speech/synthesize`,
       {
         method: "POST",
@@ -1077,7 +1580,7 @@ class Ve {
             Authorization: `Bearer ${this.config.authToken}`
           }
         },
-        body: c
+        body: o
       },
       {
         attempts: 1,
@@ -1087,16 +1590,16 @@ class Ve {
         jitter: !1
       }
     );
-    if (!o.ok)
+    if (!l.ok)
       throw new Error(
-        `TTS request failed: ${o.status} ${o.statusText}`
+        `TTS request failed: ${l.status} ${l.statusText}`
       );
-    const n = o.headers.get("content-type");
-    if (n && n.includes("audio/"))
-      return o.blob();
+    const a = l.headers.get("content-type");
+    if (a && a.includes("audio/"))
+      return l.blob();
     try {
-      const l = await o.json();
-      throw new Error(`TTS Error: ${JSON.stringify(l)}`);
+      const d = await l.json();
+      throw new Error(`TTS Error: ${JSON.stringify(d)}`);
     } catch {
       throw new Error("TTS request failed with unknown error");
     }
@@ -1104,35 +1607,35 @@ class Ve {
   /**
    * Speak text and return a promise that resolves when playback completes
    */
-  async speak(i, e) {
-    var a, s;
+  async speak(r, i) {
+    var s, n;
     try {
-      this.stop(), (a = e == null ? void 0 : e.onStart) == null || a.call(e);
-      const c = await this.synthesizeSpeech(i), o = URL.createObjectURL(c);
-      return this.currentAudio = new Audio(o), new Promise((n, l) => {
+      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) => {
         if (!this.currentAudio) {
-          l(new Error("Audio element not created"));
+          d(new Error("Audio element not created"));
           return;
         }
-        const m = this.currentAudio;
-        m.onended = () => {
-          var w;
-          URL.revokeObjectURL(o), this.currentAudio = null, (w = e == null ? void 0 : e.onEnd) == null || w.call(e), n();
-        }, m.onerror = (w) => {
-          var u;
-          URL.revokeObjectURL(o), this.currentAudio = null;
-          const h = new Error(`Audio playback failed: ${w}`);
-          (u = e == null ? void 0 : e.onError) == null || u.call(e, h), l(h);
-        }, m.play().catch((w) => {
+        const w = this.currentAudio;
+        w.onended = () => {
           var u;
-          URL.revokeObjectURL(o), this.currentAudio = null;
-          const h = new Error(`Failed to play audio: ${w.message}`);
-          (u = e == null ? void 0 : e.onError) == null || u.call(e, h), l(h);
+          URL.revokeObjectURL(l), this.currentAudio = null, (u = i == null ? void 0 : i.onEnd) == null || u.call(i), a();
+        }, w.onerror = (u) => {
+          var m;
+          URL.revokeObjectURL(l), 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;
+          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 (c) {
-      const o = c instanceof Error ? c : new Error(`TTS Error: ${String(c)}`);
-      throw (s = e == null ? void 0 : e.onError) == null || s.call(e, o), o;
+    } 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;
     }
   }
   /**
@@ -1148,91 +1651,84 @@ class Ve {
     return this.currentAudio !== null && !this.currentAudio.paused;
   }
 }
-const ae = new Ve(), Je = (r = {}) => {
-  const [i, e] = k(!1), [a, s] = k(!1), [c, o] = k(null);
-  r.config && ae.updateConfig(r.config);
-  const n = A(
-    async (m, w = {}) => {
+const we = new pt(), bt = (t = {}) => {
+  const [r, i] = k(!1), [s, n] = k(!1), [o, l] = k(null);
+  t.config && we.updateConfig(t.config);
+  const a = N(
+    async (w, u = {}) => {
       var h;
       try {
-        o(null), s(!0);
-        const u = {
-          text: m,
-          ...w
+        l(null), n(!0);
+        const m = {
+          text: w,
+          ...u
         };
-        await ae.speak(u, {
+        await we.speak(m, {
           onStart: () => {
-            var g;
-            s(!1), e(!0), (g = r.onStart) == null || g.call(r);
+            var c;
+            n(!1), i(!0), (c = t.onStart) == null || c.call(t);
           },
           onEnd: () => {
-            var g;
-            e(!1), (g = r.onEnd) == null || g.call(r);
+            var c;
+            i(!1), (c = t.onEnd) == null || c.call(t);
           },
-          onError: (g) => {
-            var j;
-            e(!1), s(!1), o(g), (j = r.onError) == null || j.call(r, g);
+          onError: (c) => {
+            var g;
+            i(!1), n(!1), l(c), (g = t.onError) == null || g.call(t, c);
           }
         });
-      } catch (u) {
-        const g = u instanceof Error ? u : new Error(String(u));
-        throw o(g), e(!1), s(!1), (h = r.onError) == null || h.call(r, g), g;
+      } 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;
       }
     },
-    [r]
-  ), l = A(() => {
-    ae.stop(), e(!1), s(!1);
+    [t]
+  ), d = N(() => {
+    we.stop(), i(!1), n(!1);
   }, []);
   return {
-    speak: n,
-    stop: l,
-    isPlaying: i,
-    isLoading: a,
-    error: c
+    speak: a,
+    stop: d,
+    isPlaying: r,
+    isLoading: s,
+    error: o
   };
-}, Xe = ({ className: r = "" }) => {
-  const i = S(null);
-  return P(() => {
-    let e = null;
-    return (async () => {
-      try {
-        e = await navigator.mediaDevices.getUserMedia({
-          video: !0,
-          audio: !1
-        }), i.current && (i.current.srcObject = e);
-      } catch (s) {
-        console.error("Error accessing camera:", s);
-      }
-    })(), () => {
-      e && e.getTracks().forEach((s) => s.stop());
-    };
-  }, []), /* @__PURE__ */ t.jsx("div", { className: `iw-relative ${r}`, children: /* @__PURE__ */ t.jsx(
-    "video",
-    {
-      ref: i,
-      autoPlay: !0,
-      playsInline: !0,
-      muted: !0,
-      className: "iw-w-full iw-h-full iw-object-cover iw-scale-75 iw-rounded-md iw-min-h-[400px] iw-max-h-[600px] iw-aspect-video",
-      style: {
-        transform: "scaleX(-1)"
-      }
-    }
-  ) });
-}, ee = (r) => {
-  const { baseColor: i, borderRadius: e } = V(), { loading: a, children: s, ...c } = r;
-  return /* @__PURE__ */ t.jsx(
-    ne,
-    {
-      style: {
-        background: xe(i),
-        borderRadius: e
-      },
-      ...c,
-      children: a ? /* @__PURE__ */ t.jsx(ge, {}) : s
-    }
+}, vt = ({
+  onViolation: t,
+  onEnd: r,
+  maxViolations: i = 5
+}) => {
+  const { addViolation: s } = We(), n = Ue(), o = ze(), l = E(o);
+  C(() => {
+    l.current = o;
+  }, [o]);
+  const a = N(
+    (w) => {
+      r && r(w, l.current);
+    },
+    [r]
   );
-}, ce = (r) => /* @__PURE__ */ t.jsxs(
+  return {
+    logViolation: N(
+      ({ type: w, severity: u, details: h }) => {
+        const m = {
+          id: Xe(),
+          type: w,
+          severity: u,
+          details: h,
+          timestamp: Date.now()
+        };
+        s(m);
+        const c = l.current + 1;
+        t && t(m, c), c >= i && a("excessive_violations");
+      },
+      [s, t, i, a]
+    ),
+    onInterviewEnd: a,
+    violationCount: o,
+    logList: n
+  };
+}, me = (t) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1244,73 +1740,73 @@ const ae = new Ve(), Je = (r = {}) => {
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...r,
+    ...t,
     children: [
-      /* @__PURE__ */ t.jsx("path", { d: "M12 2a10 10 0 0 1 7.38 16.75" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M12 6v6l4 2" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M2.5 8.875a10 10 0 0 0-.5 3" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M2.83 16a10 10 0 0 0 2.43 3.4" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M4.636 5.235a10 10 0 0 1 .891-.857" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M8.644 21.42a10 10 0 0 0 7.631-.38" })
+      /* @__PURE__ */ e.jsx("path", { d: "M12 2a10 10 0 0 1 7.38 16.75" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M12 6v6l4 2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M2.5 8.875a10 10 0 0 0-.5 3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M2.83 16a10 10 0 0 0 2.43 3.4" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M4.636 5.235a10 10 0 0 1 .891-.857" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M8.644 21.42a10 10 0 0 0 7.631-.38" })
     ]
   }
-), Ze = (r, i, e) => Math.max(i, Math.min(e, r)), we = (r) => {
-  const i = Math.max(0, Math.floor(r)), e = Math.floor(i / 60).toString().padStart(2, "0"), a = (i % 60).toString().padStart(2, "0");
-  return `${e}:${a}`;
-}, le = ({
-  total: r,
-  remaining: i,
-  size: e = 64,
-  strokeWidth: a = 6,
-  className: s = "",
-  showLabel: c = !0
+), yt = (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 = ({
+  total: t,
+  remaining: r,
+  size: i = 64,
+  strokeWidth: s = 6,
+  className: n = "",
+  showLabel: o = !0
 }) => {
-  const o = Math.max(1, r || 1), n = Ze(i / o, 0, 1), { radius: l, circumference: m, dashOffset: w, center: h } = X(() => {
-    const j = (e - a) / 2, y = 2 * Math.PI * j, I = y * (1 - n), d = Math.round(a) % 2 === 1, x = e / 2 + (d ? 0.5 : 0);
-    return { radius: j, circumference: y, dashOffset: I, center: x };
-  }, [e, a, n]), u = X(() => n <= 0.25 ? "iw-stroke-red-500" : n <= 0.5 ? "iw-stroke-yellow-500" : "iw-stroke-green-500", [n]), g = n <= 0.25 ? "iw-animate-pulse" : "";
-  return /* @__PURE__ */ t.jsxs(
+  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" : "";
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `iw-relative iw-inline-flex iw-items-center iw-justify-center iw-rounded-full iw-bg-white ${s}`,
-      style: { width: e, height: e },
-      "aria-label": `Time remaining ${we(i)}`,
+      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)}`,
       role: "timer",
       "aria-live": "polite",
       children: [
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ e.jsx(
           "svg",
           {
-            width: e,
-            height: e,
-            viewBox: `0 0 ${e} ${e}`,
+            width: i,
+            height: i,
+            viewBox: `0 0 ${i} ${i}`,
             preserveAspectRatio: "xMidYMid meet",
-            children: /* @__PURE__ */ t.jsxs("g", { transform: `rotate(-90 ${h} ${h})`, children: [
-              /* @__PURE__ */ t.jsx(
+            children: /* @__PURE__ */ e.jsxs("g", { transform: `rotate(-90 ${h} ${h})`, children: [
+              /* @__PURE__ */ e.jsx(
                 "circle",
                 {
                   cx: h,
                   cy: h,
-                  r: l,
+                  r: d,
                   className: "iw-stroke-gray-200",
-                  strokeWidth: a,
+                  strokeWidth: s,
                   fill: "none",
                   shapeRendering: "geometricPrecision",
                   vectorEffect: "non-scaling-stroke"
                 }
               ),
-              /* @__PURE__ */ t.jsx(
+              /* @__PURE__ */ e.jsx(
                 "circle",
                 {
                   cx: h,
                   cy: h,
-                  r: l,
-                  className: `${u} ${g}`,
-                  strokeWidth: a,
+                  r: d,
+                  className: `${m} ${c}`,
+                  strokeWidth: s,
                   strokeLinecap: "round",
                   fill: "none",
-                  strokeDasharray: m,
-                  strokeDashoffset: w,
+                  strokeDasharray: w,
+                  strokeDashoffset: u,
                   shapeRendering: "geometricPrecision",
                   vectorEffect: "non-scaling-stroke",
                   style: {
@@ -1321,343 +1817,246 @@ const ae = new Ve(), Je = (r = {}) => {
             ] })
           }
         ),
-        c && /* @__PURE__ */ t.jsx("div", { className: "iw-absolute iw-inset-0 iw-flex iw-items-center iw-justify-center iw-rotate-0", children: /* @__PURE__ */ t.jsx(
+        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 ${n <= 0.25 ? "iw-text-red-600" : n <= 0.5 ? "iw-text-yellow-600" : "iw-text-green-600"}`,
-            children: we(i)
+            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"}`,
+            children: be(r)
           }
         ) })
       ]
     }
   );
-}, Ke = ({
-  label: r,
-  error: i,
-  fullWidth: e = !1,
-  className: a = "",
-  id: s,
-  ...c
+}, jt = ({
+  label: t,
+  error: r,
+  fullWidth: i = !1,
+  className: s = "",
+  id: n,
+  ...o
 }) => {
-  const o = s || `textarea-${Math.random().toString(36).substring(2, 9)}`, n = "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", l = i ? "iw-border-red-500 iw-focus:border-red-500 iw-focus:ring-red-500" : "", m = e ? "iw-w-full" : "", w = a.includes("iw-h-full") || e ? "iw-h-full" : "";
-  return /* @__PURE__ */ t.jsxs(
+  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" : "";
+  return /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: `iw-h-full iw-flex iw-flex-col ${e ? "iw-w-full" : ""}`,
+      className: `iw-h-full iw-flex iw-flex-col ${i ? "iw-w-full" : ""}`,
       children: [
-        r && /* @__PURE__ */ t.jsx(
+        t && /* @__PURE__ */ e.jsx(
           "label",
           {
-            htmlFor: o,
+            htmlFor: l,
             className: "iw-block iw-text-sm iw-font-medium iw-text-gray-700 iw-mb-1",
-            children: r
+            children: t
           }
         ),
-        /* @__PURE__ */ t.jsx(
+        /* @__PURE__ */ e.jsx(
           "textarea",
           {
-            id: o,
-            className: `${n} ${l} ${m} ${w} ${a}`,
-            "aria-invalid": i ? "true" : "false",
-            ...c
+            id: l,
+            className: `${a} ${d} ${w} ${u} ${s}`,
+            "aria-invalid": r ? "true" : "false",
+            ...o
           }
         ),
-        i && /* @__PURE__ */ t.jsx("p", { className: "iw-mt-1 iw-text-sm iw-text-red-600", children: i })
+        r && /* @__PURE__ */ e.jsx("p", { className: "iw-mt-1 iw-text-sm iw-text-red-600", children: r })
       ]
     }
   );
-}, et = ({
-  value: r,
-  onChange: i,
-  onSubmit: e,
-  isSubmitDisabled: a,
-  state: s,
-  editingTime: c
+}, Nt = ({
+  value: t,
+  onChange: r,
+  onSubmit: i,
+  isSubmitDisabled: s,
+  state: n,
+  editingTime: o
 }) => {
-  const o = (n) => {
-    n.key === "Enter" && (n.ctrlKey || n.metaKey) && !a && (n.preventDefault(), e());
+  const l = (a) => {
+    a.key === "Enter" && (a.ctrlKey || a.metaKey) && !s && (a.preventDefault(), i());
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-flex-col iw-h-full ", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between", children: [
-      /* @__PURE__ */ t.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Your Answer" }),
-      /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
-        /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
-          /* @__PURE__ */ t.jsx(ce, { className: "iw-size-4 iw-text-orange-600" }),
-          /* @__PURE__ */ t.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to edit: " })
+  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("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to edit: " })
         ] }),
-        /* @__PURE__ */ t.jsx(
-          le,
+        /* @__PURE__ */ e.jsx(
+          xe,
           {
-            total: c,
-            remaining: s.currentPhaseTimeRemaining,
+            total: o,
+            remaining: n.currentPhaseTimeRemaining,
             size: 50,
             strokeWidth: 4
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: " iw-overflow-hidden  iw-flex iw-flex-col iw-h-full iw-mt-2", children: [
-      /* @__PURE__ */ t.jsx(
-        Ke,
+    /* @__PURE__ */ e.jsxs("div", { className: " iw-overflow-hidden  iw-flex iw-flex-col iw-h-full iw-mt-2", children: [
+      /* @__PURE__ */ e.jsx(
+        jt,
         {
-          value: r,
-          onChange: i,
-          onKeyDown: o,
+          value: t,
+          onChange: r,
+          onKeyDown: l,
           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: (n) => n.preventDefault(),
-          onCopy: (n) => n.preventDefault(),
-          onCut: (n) => n.preventDefault(),
-          onDrop: (n) => n.preventDefault(),
-          onDragOver: (n) => n.preventDefault()
+          onPaste: (a) => a.preventDefault(),
+          onCopy: (a) => a.preventDefault(),
+          onCut: (a) => a.preventDefault(),
+          onDrop: (a) => a.preventDefault(),
+          onDragOver: (a) => a.preventDefault()
         }
       ),
-      /* @__PURE__ */ t.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1 iw-mt-4", children: /* @__PURE__ */ t.jsx(ee, { onClick: e, disabled: a, children: "Submit Answer" }) })
+      /* @__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" }) })
     ] })
   ] });
-}, tt = ({
-  className: r = "",
-  width: i,
-  height: e = 56,
-  barWidth: a = 3,
-  gap: s = 2,
-  fftSize: c = 1024,
-  smoothingTimeConstant: o = 0.8,
-  mediaStream: n,
-  startOnMount: l = !0
-}) => {
-  const { baseColor: m } = V(), w = S(null), h = S(null), u = S(null), g = S(null), j = S(null), y = S(null), I = S(!1), [d, x] = k(null);
-  P(() => {
-    if (i || !h.current) return;
-    const p = h.current, $ = () => {
-      const M = w.current;
-      if (!M) return;
-      const N = p.clientWidth, T = e;
-      M.width = Math.max(1, Math.floor(N * window.devicePixelRatio || 1)), M.height = Math.max(1, Math.floor(T * window.devicePixelRatio || 1));
-    }, b = new ResizeObserver($);
-    return b.observe(p), $(), () => b.disconnect();
-  }, [i, e]), P(() => {
-    if (!i) return;
-    const p = w.current;
-    p && (p.width = Math.max(
-      1,
-      Math.floor(i * (window.devicePixelRatio || 1))
-    ), p.height = Math.max(
-      1,
-      Math.floor(e * (window.devicePixelRatio || 1))
-    ));
-  }, [i, e]), P(() => {
-    let p = !1;
+}, kt = ({ className: t = "" }) => {
+  var n;
+  const { authToken: r } = Ce(), i = r ? Ze(r) : null, s = E(null);
+  return C(() => {
+    let o = null;
     return (async () => {
       try {
-        const b = new (window.AudioContext || window.webkitAudioContext)();
-        u.current = b;
-        let M = n;
-        if (!M) {
-          if (!l) return;
-          M = await navigator.mediaDevices.getUserMedia({
-            audio: !0,
-            video: !1
-          }), I.current = !0;
-        }
-        if (p) return;
-        const N = b.createAnalyser();
-        N.fftSize = c, N.smoothingTimeConstant = o, g.current = N;
-        const T = b.createMediaStreamSource(M);
-        j.current = T, T.connect(N), C();
-      } catch (b) {
-        x((b == null ? void 0 : b.message) || "Failed to initialize microphone");
+        o = await navigator.mediaDevices.getUserMedia({
+          video: !0,
+          audio: !1
+        }), s.current && (s.current.srcObject = o);
+      } catch (a) {
+        console.error("Error accessing camera:", a);
       }
     })(), () => {
-      var b, M, N, T;
-      p = !0, y.current && cancelAnimationFrame(y.current);
-      try {
-        (b = j.current) == null || b.disconnect();
-      } catch {
-      }
-      try {
-        (M = g.current) == null || M.disconnect();
-      } catch {
-      }
-      I.current && ((T = ((N = j.current) == null ? void 0 : N.mediaStream) || void 0) == null || T.getTracks().forEach((q) => q.stop())), u.current && u.current.state !== "closed" && u.current.close();
+      o && o.getTracks().forEach((a) => a.stop());
     };
-  }, [n, c, o, l]);
-  const C = () => {
-    const p = w.current, $ = g.current;
-    if (!p || !$) return;
-    const b = p.getContext("2d");
-    if (!b) return;
-    const M = window.devicePixelRatio || 1, N = p.width, T = p.height, q = $.frequencyBinCount, F = new Uint8Array(q), Q = () => {
-      y.current = requestAnimationFrame(Q), $.getByteTimeDomainData(F), b.clearRect(0, 0, N, T), b.fillStyle = "rgba(0,0,0,0)", b.fillRect(0, 0, N, T);
-      const B = Math.max(1, Math.floor(a * M)), L = Math.max(1, Math.floor(s * M)), U = B + L, E = Math.max(8, Math.floor((N + L) / U)), W = Math.floor(F.length / E);
-      for (let z = 0; z < E; z++) {
-        const te = Math.min(F.length - 1, z * W), re = F[te] / 128 - 1, G = Math.abs(re), ie = Math.pow(G, 0.6), H = Math.max(T * 0.06, ie * (T * 0.9)), se = z * U, f = (T - H) / 2, O = 140 - Math.min(140, 140 * G), J = 85, be = 48 + Math.floor(12 * (1 - G));
-        b.fillStyle = `${m}`, b.shadowColor = `hsla(${O}, ${J}%, ${be}%, ${0.25 * G})`, b.shadowBlur = 8 * G;
-        const ye = Math.min(B / 2, H / 2);
-        rt(b, se, f, B, H, ye), b.fill();
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: `iw-relative ${t}`, children: [
+    /* @__PURE__ */ e.jsx(
+      "video",
+      {
+        ref: s,
+        autoPlay: !0,
+        playsInline: !0,
+        muted: !0,
+        className: "iw-w-full iw-h-full iw-object-cover iw-scale-75 iw-rounded-r-xl iw-min-h-[400px] iw-max-h-[600px] iw-aspect-video",
+        style: {
+          transform: "scaleX(-1)"
+        }
       }
-    };
-    Q();
-  };
-  return /* @__PURE__ */ t.jsxs(
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-absolute iw-top-4 iw-left-4 iw-inline-flex iw-items-center iw-gap-2 iw-rounded-lg iw-border iw-border-white/10 iw-bg-black/40 iw-px-4 iw-py-2 iw-backdrop-blur-md", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "iw-size-2 iw-animate-pulse iw-rounded-full iw-bg-red-500" }),
+      /* @__PURE__ */ e.jsx("span", { className: "iw-font-medium iw-text-white", children: "Recording" })
+    ] }),
+    ((n = 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 }) })
+  ] });
+}, Tt = ({
+  question: t,
+  isLoading: r = !1
+}) => {
+  const { baseColor: i } = Z();
+  return /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: h,
-      className: `iw-relative iw-w-full iw-overflow-hidden iw-rounded-md iw-bg-gray-50 ${r}`,
-      style: { height: e },
-      children: [
-        /* @__PURE__ */ t.jsx("canvas", { ref: w, className: "iw-w-full iw-h-full" }),
-        d && /* @__PURE__ */ t.jsx("div", { className: "iw-absolute iw-inset-0 iw-flex iw-items-center iw-justify-center", children: /* @__PURE__ */ t.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: d }) })
-      ]
-    }
-  );
-};
-function rt(r, i, e, a, s, c) {
-  const o = Math.min(c, a / 2, s / 2);
-  r.beginPath(), r.moveTo(i + o, e), r.lineTo(i + a - o, e), r.quadraticCurveTo(i + a, e, i + a, e + o), r.lineTo(i + a, e + s - o), r.quadraticCurveTo(i + a, e + s, i + a - o, e + s), r.lineTo(i + o, e + s), r.quadraticCurveTo(i, e + s, i, e + s - o), r.lineTo(i, e + o), r.quadraticCurveTo(i, e, i + o, e), r.closePath();
-}
-const it = ({
-  state: r,
-  answeringTime: i,
-  nextPhase: e,
-  sttError: a
-}) => /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-flex-col iw-justify-between iw-h-full ", children: [
-  /* @__PURE__ */ t.jsxs("div", { children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between", children: [
-      /* @__PURE__ */ t.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__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
-        /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
-          /* @__PURE__ */ t.jsx(ce, { className: "iw-size-4 iw-text-orange-600" }),
-          /* @__PURE__ */ t.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to talk: " })
-        ] }),
-        /* @__PURE__ */ t.jsx(
-          le,
+      className: "iw-rounded-xl iw-mb-4 message-animation  iw-text-gray-800 iw-p-6 ",
+      style: Je(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",
           {
-            total: i,
-            remaining: r.currentPhaseTimeRemaining,
-            size: 50,
-            strokeWidth: 4
+            src: "https://duf9q5sx7u.ufs.sh/f/va7H6eSeKAux755zByRN5Nq9LZurgIoJGYX6c0CEdRSDm8y2",
+            alt: "brand_logo",
+            className: "iw-h-28 iw-w-28"
           }
-        )
+        ) }) }),
+        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__ */ t.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__ */ t.jsxs("div", { children: [
-    /* @__PURE__ */ t.jsx(tt, {}),
-    a && /* @__PURE__ */ t.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
-      "Recording error: ",
-      a.message
-    ] })
-  ] }),
-  /* @__PURE__ */ t.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1", children: /* @__PURE__ */ t.jsx(
-    ee,
-    {
-      onClick: () => {
-        e();
-      },
-      children: "Transcribe My Answer"
     }
-  ) })
-] });
-function st() {
-  const [r, i] = k(!0), e = X(
-    () => [0, 1, 2].map((a) => ({ id: a })),
-    []
   );
-  return P(() => {
-    const a = setInterval(() => {
-      i((s) => !s);
-    }, 1500);
-    return () => clearInterval(a);
-  }, []), /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-8 iw-h-full", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "iw-relative iw-w-80 iw-h-48 ", "aria-hidden": !0, children: e.map((a, s) => {
-      const c = s * 50, o = r ? c : c + 12, n = r ? 1 : 0.08, l = s * 140;
-      return /* @__PURE__ */ t.jsx(
-        "div",
+}, ve = ({
+  currentQuestion: t,
+  phase: r,
+  className: i = "",
+  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`,
+    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,
         {
-          role: "presentation",
-          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(${o}px)`,
-            opacity: n,
-            transition: `transform 600ms cubic-bezier(.2,.9,.3,1) ${l}ms, opacity 400ms ease ${l}ms`
-          },
-          children: /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-gap-3 iw-items-center", children: [
-            /* @__PURE__ */ t.jsx("div", { className: "iw-w-10 iw-h-10 iw-bg-gray-300 iw-rounded iw-flex-shrink-0" }),
-            /* @__PURE__ */ t.jsxs("div", { className: "iw-flex-1 iw-space-y-2", children: [
-              /* @__PURE__ */ t.jsx("div", { className: "iw-h-2 iw-bg-gray-300 iw-rounded iw-w-24" }),
-              /* @__PURE__ */ t.jsx("div", { className: "iw-h-2 iw-bg-gray-300 iw-rounded iw-w-32" })
-            ] })
-          ] })
-        },
-        a.id
-      );
-    }) }),
-    /* @__PURE__ */ t.jsx("div", { className: "iw-text-center", children: /* @__PURE__ */ t.jsx("p", { className: "iw-text-gray-500  iw-font-medium", children: "Preparing your question..." }) })
-  ] });
-}
-const pe = ({
-  isOpen: r,
-  onClose: i,
-  children: e,
-  title: a,
-  showCloseButton: s = !0,
-  closeOnOverlayClick: c = !0,
-  closeOnEscape: o = !0,
-  className: n = ""
+          question: t,
+          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(kt, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-bg-white iw-rounded-r-xl iw-shadow iw-p-6", children: s })
+      ] })
+    ]
+  }
+), _e = ({
+  isOpen: t,
+  onClose: r,
+  children: i,
+  title: s,
+  showCloseButton: n = !0,
+  closeOnOverlayClick: o = !0,
+  closeOnEscape: l = !0,
+  className: a = ""
 }) => {
-  if (P(() => {
-    if (!r || !o) return;
-    const w = (h) => {
-      h.key === "Escape" && i();
+  if (C(() => {
+    if (!t || !l) return;
+    const u = (h) => {
+      h.key === "Escape" && r();
     };
-    return document.addEventListener("keydown", w), () => document.removeEventListener("keydown", w);
-  }, [r, o, i]), P(() => (r ? (document.body.style.overflow = "hidden", document.body.classList.add("interview-widget-container")) : (document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container")), () => {
+    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")), () => {
     document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container");
-  }), [r]), !r) return null;
-  const l = (w) => {
-    c && w.target === w.currentTarget && i();
-  }, m = /* @__PURE__ */ t.jsxs("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center", children: [
-    /* @__PURE__ */ t.jsx(
+  }), [t]), !t) return null;
+  const d = (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: [
+    /* @__PURE__ */ e.jsx(
       "div",
       {
         className: "iw-fixed iw-inset-0 iw-bg-black iw-bg-opacity-50 iw-transition-opacity",
-        onClick: l
+        onClick: d
       }
     ),
-    /* @__PURE__ */ t.jsxs(
+    /* @__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 ${n}`,
+        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}`,
         role: "dialog",
         "aria-modal": "true",
-        "aria-labelledby": a ? "dialog-title" : void 0,
+        "aria-labelledby": s ? "dialog-title" : void 0,
         children: [
-          (a || s) && /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between iw-p-4 iw-border-b iw-border-gray-200", children: [
-            a && /* @__PURE__ */ t.jsx(
+          (s || n) && /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between iw-p-4 iw-border-b iw-border-gray-200", children: [
+            s && /* @__PURE__ */ e.jsx(
               "h2",
               {
                 id: "dialog-title",
                 className: "iw-text-lg iw-font-semibold iw-text-gray-900",
-                children: a
+                children: s
               }
             ),
-            s && /* @__PURE__ */ t.jsx(
+            n && /* @__PURE__ */ e.jsx(
               "button",
               {
-                onClick: i,
+                onClick: r,
                 className: "iw-p-1 iw-text-gray-400 iw-hover:text-gray-600 iw-transition-colors iw-rounded iw-hover:bg-gray-100",
                 "aria-label": "Close dialog",
-                children: /* @__PURE__ */ t.jsx(
+                children: /* @__PURE__ */ e.jsx(
                   "svg",
                   {
                     className: "iw-w-5 iw-h-5",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
-                    children: /* @__PURE__ */ t.jsx(
+                    children: /* @__PURE__ */ e.jsx(
                       "path",
                       {
                         strokeLinecap: "round",
@@ -1671,52 +2070,278 @@ const pe = ({
               }
             )
           ] }),
-          /* @__PURE__ */ t.jsx("div", { className: "iw-p-4 iw-overflow-y-auto", children: e })
+          /* @__PURE__ */ e.jsx("div", { className: "iw-p-4 iw-overflow-y-auto", children: i })
         ]
       }
     )
   ] });
-  return ke(m, document.body);
-}, at = ({
-  open: r,
+  return $e(w, document.body);
+}, Et = ({
+  confirmExitInterview: t,
+  isOpen: r,
   onClose: i
-}) => /* @__PURE__ */ t.jsx(
-  pe,
+}) => /* @__PURE__ */ e.jsx(
+  _e,
   {
     isOpen: r,
-    onClose: i || (() => {
-    }),
-    title: "Interview Complete!",
-    className: "",
-    children: /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-text-center iw-py-2", children: [
-      /* @__PURE__ */ t.jsx(
-        "svg",
+    onClose: i,
+    title: "Exit Interview",
+    closeOnOverlayClick: !1,
+    children: /* @__PURE__ */ e.jsxs("div", { className: "iw-space-y-5", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-3 iw-rounded-xl iw-p-2", 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-full iw-bg-rose-100 iw-text-rose-600", children: "!" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "iw-space-y-2", children: [
+          /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-font-semibold iw-text-rose-600", children: "Leaving now will end your interview !" }),
+          /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-text-slate-500", children: "Are you sure you want to exit? All progress will be lost and you will not be able to resume." })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col-reverse iw-gap-2 sm:iw-flex-row sm:iw-items-center sm:iw-justify-end iw-pb-1", children: [
+        /* @__PURE__ */ e.jsx(
+          "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,
+            children: "Stay in interview"
+          }
+        ),
+        /* @__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",
+            onClick: t,
+            children: "Confirm exit"
+          }
+        )
+      ] })
+    ] })
+  }
+), ye = ({ title: t, onExit: r }) => {
+  const { baseColor: i } = Z(), [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: [
+        /* @__PURE__ */ e.jsx(
+          "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 },
+            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(
+        "button",
         {
-          className: "iw-w-16 iw-h-16 iw-mx-auto iw-mb-4 iw-text-green-500",
-          fill: "none",
-          stroke: "currentColor",
-          viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ t.jsx(
-            "path",
-            {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              strokeWidth: 2,
-              d: "M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"
-            }
-          )
+          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",
+          onClick: () => n(!0),
+          children: "Exit Interview"
         }
-      ),
-      /* @__PURE__ */ t.jsx("p", { className: "iw-text-gray-600 iw-mb-6", children: "Thank you for your time. Your answers have been recorded and submitted for review." })
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "iw-h-px iw-bg-gray-200" }),
+    /* @__PURE__ */ e.jsx(
+      Et,
+      {
+        isOpen: s,
+        confirmExitInterview: () => {
+          r(), n(!1);
+        },
+        onClose: () => n(!1)
+      }
+    )
+  ] });
+}, St = ({
+  className: t = "",
+  width: r,
+  height: i = 56,
+  barWidth: s = 3,
+  gap: n = 2,
+  fftSize: o = 1024,
+  smoothingTimeConstant: l = 0.8,
+  mediaStream: a,
+  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);
+  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();
+  }, [r, i]), C(() => {
+    if (!r) return;
+    const v = u.current;
+    v && (v.width = Math.max(
+      1,
+      Math.floor(r * (window.devicePixelRatio || 1))
+    ), v.height = Math.max(
+      1,
+      Math.floor(i * (window.devicePixelRatio || 1))
+    ));
+  }, [r, i]), C(() => {
+    let v = !1;
+    return (async () => {
+      try {
+        const b = new (window.AudioContext || window.webkitAudioContext)();
+        m.current = b;
+        let P = a;
+        if (!P) {
+          if (!d) return;
+          P = 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();
+      } catch (b) {
+        T((b == null ? void 0 : b.message) || "Failed to initialize microphone");
+      }
+    })(), () => {
+      var b, P, M, x;
+      v = !0, y.current && cancelAnimationFrame(y.current);
+      try {
+        (b = g.current) == null || b.disconnect();
+      } catch {
+      }
+      try {
+        (P = c.current) == null || P.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();
+    };
+  }, [a, o, l, d]);
+  const S = () => {
+    const v = u.current, _ = c.current;
+    if (!v || !_) 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();
+      }
+    };
+    G();
+  };
+  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 },
+      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 }) })
+      ]
+    }
+  );
+};
+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();
+}
+const It = ({
+  state: t,
+  answeringTime: r,
+  nextPhase: i,
+  sttError: s
+}) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-justify-between iw-h-full ", children: [
+  /* @__PURE__ */ e.jsxs("div", { 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: "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("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to talk: " })
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          xe,
+          {
+            total: r,
+            remaining: t.currentPhaseTimeRemaining,
+            size: 50,
+            strokeWidth: 4
+          }
+        )
+      ] })
+    ] }),
+    /* @__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, {}),
+    s && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
+      "Recording error: ",
+      s.message
     ] })
-  }
-), nt = ({
-  size: r = "192px",
-  className: i,
-  colors: e,
-  animationDuration: a = 20
+  ] }),
+  /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1", children: /* @__PURE__ */ e.jsx(
+    W,
+    {
+      onClick: () => {
+        i();
+      },
+      children: "Transcribe My Answer"
+    }
+  ) })
+] });
+function Rt() {
+  const [t, r] = k(!0), i = X(
+    () => [0, 1, 2].map((s) => ({ id: s })),
+    []
+  );
+  return C(() => {
+    const s = setInterval(() => {
+      r((n) => !n);
+    }, 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, l = t ? o : o + 12, a = t ? 1 : 0.08, d = n * 140;
+      return /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          role: "presentation",
+          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,
+            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: [
+            /* @__PURE__ */ e.jsx("div", { className: "iw-w-10 iw-h-10 iw-bg-gray-300 iw-rounded iw-flex-shrink-0" }),
+            /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1 iw-space-y-2", children: [
+              /* @__PURE__ */ e.jsx("div", { className: "iw-h-2 iw-bg-gray-300 iw-rounded iw-w-24" }),
+              /* @__PURE__ */ e.jsx("div", { className: "iw-h-2 iw-bg-gray-300 iw-rounded iw-w-32" })
+            ] })
+          ] })
+        },
+        s.id
+      );
+    }) }),
+    /* @__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 = ({
+  size: t = "192px",
+  className: r,
+  colors: i,
+  animationDuration: s = 20
 }) => {
-  const c = { ...{
+  const o = { ...{
     bg: "oklch(95% 0.02 264.695)",
     c1: "oklch(75% 0.15 350)",
     // Pastel pink
@@ -1724,26 +2349,26 @@ const pe = ({
     // Pastel blue
     c3: "oklch(78% 0.14 280)"
     // Pastel purple/lavender
-  }, ...e }, o = parseInt(r.replace("px", ""), 10), n = o < 50 ? Math.max(o * 8e-3, 1) : Math.max(o * 0.015, 4), l = o < 50 ? Math.max(o * 4e-3, 1.2) : Math.max(o * 8e-3, 1.5), m = o < 50 ? Math.max(o * 4e-3, 0.05) : Math.max(o * 8e-3, 0.1), w = o < 50 ? Math.max(o * 4e-3, 0.5) : Math.max(o * 8e-3, 2), h = o < 30 ? "0%" : o < 50 ? "5%" : o < 100 ? "15%" : "25%", u = o < 30 ? 1.1 : o < 50 ? Math.max(l * 1.2, 1.3) : l;
-  return /* @__PURE__ */ t.jsx(
+  }, ...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;
+  return /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: `siri-orb ${i}`,
+      className: `siri-orb ${r}`,
       style: {
-        width: r,
-        height: r,
-        "--bg": c.bg,
-        "--c1": c.c1,
-        "--c2": c.c2,
-        "--c3": c.c3,
-        "--animation-duration": `${a}s`,
-        "--blur-amount": `${n}px`,
-        "--contrast-amount": u,
-        "--dot-size": `${m}px`,
-        "--shadow-spread": `${w}px`,
+        width: t,
+        height: t,
+        "--bg": o.bg,
+        "--c1": o.c1,
+        "--c2": o.c2,
+        "--c3": o.c3,
+        "--animation-duration": `${s}s`,
+        "--blur-amount": `${a}px`,
+        "--contrast-amount": m,
+        "--dot-size": `${w}px`,
+        "--shadow-spread": `${u}px`,
         "--mask-radius": h
       },
-      children: /* @__PURE__ */ t.jsx("style", { children: `
+      children: /* @__PURE__ */ e.jsx("style", { children: `
         @property --angle {
           syntax: "<angle>";
           inherits: false;
@@ -1852,48 +2477,48 @@ const pe = ({
     }
   );
 };
-function ot({ ttsError: r }) {
-  return /* @__PURE__ */ t.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__ */ t.jsx(nt, { size: "80px" }),
-    r && /* @__PURE__ */ t.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
+function At({ 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" }),
+    t && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
       "Audio playback failed: ",
-      r.message
+      t.message
     ] }),
-    /* @__PURE__ */ t.jsx("p", { className: "iw-text- iw-text-gray-700", children: "Your AI interviewer is speaking..." })
+    /* @__PURE__ */ e.jsx("p", { className: "iw-text- iw-text-gray-700", children: "Your AI interviewer is speaking..." })
   ] });
 }
-const ct = ({ state: r, thinkingTime: i, nextPhase: e }) => /* @__PURE__ */ t.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__ */ t.jsxs("div", { children: [
-    /* @__PURE__ */ t.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Get Ready to Answer" }),
-    /* @__PURE__ */ t.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." })
+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: [
+  /* @__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__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
-      /* @__PURE__ */ t.jsx(ce, { className: "iw-size-4 iw-text-orange-600" }),
-      /* @__PURE__ */ t.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to think: " })
+  /* @__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("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to think: " })
     ] }),
-    /* @__PURE__ */ t.jsx(
-      le,
+    /* @__PURE__ */ e.jsx(
+      xe,
       {
-        total: i,
-        remaining: r.currentPhaseTimeRemaining,
+        total: r,
+        remaining: t.currentPhaseTimeRemaining,
         size: 50,
         strokeWidth: 4
       }
     )
   ] }),
-  /* @__PURE__ */ t.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1", children: /* @__PURE__ */ t.jsx(
-    ee,
+  /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1", children: /* @__PURE__ */ e.jsx(
+    W,
     {
       onClick: () => {
-        e();
+        i();
       },
       children: "Start Answering"
     }
   ) })
-] }), lt = ({ sttError: r }) => /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-h-full", children: [
-  /* @__PURE__ */ t.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 60 60", fill: "none", children: [
-    /* @__PURE__ */ t.jsx(
+] }), Dt = ({ 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",
       {
         width: 60,
@@ -1902,14 +2527,14 @@ const ct = ({ state: r, thinkingTime: i, nextPhase: e }) => /* @__PURE__ */ t.js
         fill: "url(#prefix__paint0_linear_1460_12482)"
       }
     ),
-    /* @__PURE__ */ t.jsx(
+    /* @__PURE__ */ e.jsx(
       "path",
       {
         d: "M28.127 14c.276 7.685 6.442 13.851 14.127 14.127-7.684.276-13.85 6.442-14.127 14.127-.275-7.685-6.442-13.851-14.126-14.127 7.684-.276 13.85-6.442 14.126-14.127zM38.937 31.873A7.331 7.331 0 0046 38.937 7.331 7.331 0 0038.937 46a7.331 7.331 0 00-7.064-7.063 7.331 7.331 0 007.064-7.064z",
         fill: "#fff"
       }
     ),
-    /* @__PURE__ */ t.jsx("defs", { children: /* @__PURE__ */ t.jsxs(
+    /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
       "linearGradient",
       {
         id: "prefix__paint0_linear_1460_12482",
@@ -1919,20 +2544,20 @@ const ct = ({ state: r, thinkingTime: i, nextPhase: e }) => /* @__PURE__ */ t.js
         y2: 54.375,
         gradientUnits: "userSpaceOnUse",
         children: [
-          /* @__PURE__ */ t.jsx("stop", { offset: 0.211, stopColor: "#5C92FA" }),
-          /* @__PURE__ */ t.jsx("stop", { offset: 1, stopColor: "#A75FFD" })
+          /* @__PURE__ */ e.jsx("stop", { offset: 0.211, stopColor: "#5C92FA" }),
+          /* @__PURE__ */ e.jsx("stop", { offset: 1, stopColor: "#A75FFD" })
         ]
       }
     ) })
   ] }),
-  /* @__PURE__ */ t.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__ */ t.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." }),
-  r && /* @__PURE__ */ t.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
+  /* @__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: [
     "Transcription error: ",
-    r.message,
-    r.recoverable && " (attempting to continue)"
+    t.message,
+    t.recoverable && " (attempting to continue)"
   ] })
-] }), dt = (r) => /* @__PURE__ */ t.jsxs(
+] }), ie = (t) => /* @__PURE__ */ e.jsxs(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -1944,369 +2569,636 @@ const ct = ({ state: r, thinkingTime: i, nextPhase: e }) => /* @__PURE__ */ t.js
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...r,
+    ...t,
+    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(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("path", { d: "M12 6v6l4 2" }),
+      /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
+    ]
+  }
+), Ft = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
     children: [
-      /* @__PURE__ */ t.jsx("path", { d: "M12 8V4H8" }),
-      /* @__PURE__ */ t.jsx("rect", { width: "16", height: "12", x: "4", y: "8", rx: "2" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M2 14h2" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M20 14h2" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M15 13v2" }),
-      /* @__PURE__ */ t.jsx("path", { d: "M9 13v2" })
+      /* @__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" })
     ]
   }
-), wt = ({
-  question: r,
-  isLoading: i = !1
+), Lt = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
+    ]
+  }
+), ue = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
+    ]
+  }
+), $t = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
+    ]
+  }
+), te = 5;
+function qt({
+  isOpen: t,
+  onClose: r,
+  warningCount: i,
+  violationType: s,
+  onDisqualify: n
+}) {
+  const [o, l] = k(10), a = E(r);
+  if (C(() => {
+    a.current = r;
+  }, [r]), C(() => {
+    if (!t) return;
+    const m = setInterval(() => {
+      l((c) => c <= 1 ? (a.current(), 10) : c - 1);
+    }, 1e3);
+    return () => clearInterval(m);
+  }, [t]), C(() => {
+    t && l(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;
+  const w = (() => {
+    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(Ft, { 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" })
+        };
+      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" })
+        };
+      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" })
+        };
+      case "right_click_attempt":
+        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" })
+        };
+      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" })
+        };
+      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" })
+        };
+      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" })
+        };
+    }
+  })(), u = te - i, h = () => {
+    i + 1 > te ? 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.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(
+              "div",
+              {
+                className: `iw-h-2 iw-w-2 iw-rounded-full ${c <= i - 1 ? "iw-bg-red-500" : "iw-bg-gray-200"}`
+              },
+              c
+            )) }),
+            /* @__PURE__ */ e.jsxs("span", { className: "iw-text-sm iw-text-gray-500", children: [
+              "(",
+              i,
+              "/",
+              te,
+              ")"
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__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.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 }),
+          /* @__PURE__ */ e.jsx("div", { className: "iw-text-xs iw-font-medium iw-text-amber-700", children: "Warnings Left" })
+        ] }) }),
+        /* @__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("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" })
+        ] }) })
+      ] }),
+      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" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-p-6 iw-pt-0", children: [
+      /* @__PURE__ */ e.jsx(
+        W,
+        {
+          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",
+          children: "I Understand - Continue Interview"
+        }
+      ),
+      /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-500 iw-mt-3 iw-text-center iw-text-xs", children: "Please maintain focus and avoid switching tabs, exiting fullscreen, using shortcuts or right-clicking." })
+    ] })
+  ] }) });
+}
+const Ot = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    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" })
+    ]
+  }
+), Bt = ({
+  showHardReloadWarning: t,
+  onContinue: r
 }) => {
-  const { baseColor: e } = V();
-  return /* @__PURE__ */ t.jsx(
-    "div",
+  const i = () => {
+    r();
+  };
+  return /* @__PURE__ */ e.jsxs(
+    _e,
     {
-      className: "iw-rounded-xl iw-mb-4 message-animation  iw-text-gray-800 iw-p-6 ",
-      style: De(e, 0.85),
-      children: /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-gap-8", children: [
-        /* @__PURE__ */ t.jsxs("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__ */ t.jsx("div", { className: "iw-mt-8", children: /* @__PURE__ */ t.jsx(
-            dt,
-            {
-              className: "iw-h-12 iw-w-12",
-              style: { stroke: e }
-            }
-          ) }),
-          /* @__PURE__ */ t.jsx("div", { className: "iw-absolute iw-bottom-2 iw-translate-x-1/2  iw-flex iw-mt-2", children: /* @__PURE__ */ t.jsx("div", { className: "iw-text-sm", children: "Novara" }) })
-        ] }),
-        i ? /* @__PURE__ */ t.jsxs("div", { className: "iw-animate-pulse iw-w-full iw-space-y-3 iw-mr-10", children: [
-          /* @__PURE__ */ t.jsx("div", { className: "iw-h-5 iw-bg-gray-200 iw-rounded iw-w-full" }),
-          /* @__PURE__ */ t.jsx("div", { className: "iw-h-5 iw-bg-gray-200 iw-rounded iw-w-3/4" })
-        ] }) : /* @__PURE__ */ t.jsx("p", { className: "iw-text-lg iw-leading-8", children: r == null ? void 0 : r.question })
-      ] })
+      isOpen: t,
+      onClose: i,
+      closeOnOverlayClick: !1,
+      closeOnEscape: !1,
+      showCloseButton: !1,
+      className: "iw-max-w-lg iw-px-2 iw-rounded-xl",
+      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("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,
+            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" }),
+              "Continue Session"
+            ]
+          }
+        ) })
+      ]
     }
   );
-}, ut = ({
-  confirmExitInterview: r,
-  isOpen: i,
-  onClose: e
-}) => /* @__PURE__ */ t.jsx(pe, { isOpen: i, onClose: e, title: "Exit Interview", children: /* @__PURE__ */ t.jsxs("div", { className: "iw-space-y-4", children: [
-  /* @__PURE__ */ t.jsx("p", { className: "iw-text-base iw-text-gray-700", children: "Are you sure you want to exit the interview? All progress will be lost and you will not be able to resume." }),
-  /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-justify-end iw-space-x-2", children: [
-    /* @__PURE__ */ t.jsx(
-      "button",
+}, Gt = ({ children: t, onDisqualify: r }) => {
+  const [i, s] = k(!1), [n, o] = k(!1), [l, a] = k("fullscreen_exit"), { logViolation: d, violationCount: w } = vt({
+    maxViolations: 5,
+    onViolation: (g) => {
+      n || (s(!0), a(g.type));
+    }
+  }), { enterFullScreen: u, isFullScreen: h, exitFullScreen: m } = lt({
+    onFullScreenChange(g) {
+      !g && !n && (s(!0), d({
+        type: "fullscreen_exit",
+        severity: "high",
+        details: {
+          action: "fullscreen_exit",
+          reason: "Attempted to exit full screen mode"
+        }
+      }));
+    }
+  });
+  C(() => {
+    u();
+  }, []), gt(d), ht(d), ft();
+  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,
       {
-        className: "iw-px-4 iw-py-2 iw-bg-gray-200 iw-rounded iw-text-gray-700 iw-font-medium",
-        onClick: e,
-        children: "Cancel"
+        warningCount: w,
+        isOpen: i,
+        violationType: l,
+        onClose: () => {
+          s(!1), u();
+        },
+        onDisqualify: c
       }
     ),
-    /* @__PURE__ */ t.jsx(
-      "button",
+    !i && w > 0 && !n && /* @__PURE__ */ e.jsx(
+      Bt,
       {
-        className: "iw-px-4 iw-py-2 iw-bg-red-600 iw-text-white iw-rounded iw-font-medium",
-        onClick: r,
-        children: "Confirm Exit"
-      }
-    )
-  ] })
-] }) }), ht = ({ title: r, onExit: i }) => {
-  const { baseColor: e } = V(), [a, s] = k(!1);
-  return /* @__PURE__ */ t.jsxs("header", { className: "iw-w-full iw-text-gray-900", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "iw-mx-auto iw-flex iw-items-center iw-justify-between iw-px-4 iw-py-3", children: [
-      /* @__PURE__ */ t.jsxs("div", { className: "iw-flex iw-items-center iw-space-x-2", children: [
-        /* @__PURE__ */ t.jsx(
-          "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: e },
-            children: "N"
-          }
-        ),
-        /* @__PURE__ */ t.jsx("p", { className: "iw-text-sm iw-font-medium", children: "Novara" })
-      ] }),
-      /* @__PURE__ */ t.jsx("h1", { className: "iw-text-base iw-font-bold", children: r }),
-      /* @__PURE__ */ t.jsx(
-        "button",
-        {
-          className: "iw-text-sm iw-text-gray-500 hover:iw-text-gray-700",
-          onClick: () => s(!0),
-          children: "Exit Interview"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsx("div", { className: "iw-h-px iw-bg-gray-200" }),
-    /* @__PURE__ */ t.jsx(
-      ut,
-      {
-        isOpen: a,
-        confirmExitInterview: () => {
-          i(), s(!1);
-        },
-        onClose: () => s(!1)
+        showHardReloadWarning: !h,
+        logViolation: d,
+        onContinue: u
       }
     )
   ] });
-}, mt = ({
-  interviewTitle: r,
-  interviewId: i,
-  onComplete: e,
-  className: a = ""
+}, Ut = ({
+  interviewTitle: t,
+  interviewId: r,
+  onComplete: i,
+  onDisqualify: s,
+  className: n = ""
 }) => {
-  const s = We(), { baseUrl: c, authToken: o } = Se(), { timers: n, stt: l, tts: m } = Ce(), [w, h] = k(null), [u, g] = k(""), j = S(""), y = S(null), I = {
-    thinkingTime: (n == null ? void 0 : n.thinkingDuration) || 30,
-    answeringTime: (n == null ? void 0 : n.answeringDuration) || 120,
-    editingTime: (n == null ? void 0 : n.editingDuration) || 30
-  }, { thinkingTime: d, answeringTime: x, editingTime: C } = I;
-  P(() => {
-    j.current = u;
-  }, [u]);
-  const p = S(!1), {
-    speak: $,
-    stop: b,
-    error: M
-  } = Je({
+  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 = {
+    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;
+  C(() => {
+    j.current = g;
+  }, [g]);
+  const b = E(!1), {
+    speak: P,
+    stop: M,
+    error: x
+  } = bt({
     config: {
-      baseUrl: c,
-      provider: m == null ? void 0 : m.provider,
-      authToken: o
+      baseUrl: l,
+      provider: u == null ? void 0 : u.provider,
+      authToken: a
     },
     onEnd: () => {
-      p.current = !1, E();
+      b.current = !1, A();
     },
     onError: () => {
-      p.current || (p.current = !0, E());
+      b.current || (b.current = !0, A());
     }
-  }), N = S(!1), T = S(!1), {
-    startRecording: q,
-    stopRecording: F,
-    transcribe: Q,
-    error: B
-  } = Ye({
+  }), I = E(!1), L = E(!1), {
+    startRecording: G,
+    stopRecording: B,
+    transcribe: V,
+    error: H
+  } = xt({
     config: {
-      baseUrl: c,
-      provider: l == null ? void 0 : l.provider,
-      model: l == null ? void 0 : l.model,
-      language: l == null ? void 0 : l.language,
-      authToken: o
+      baseUrl: l,
+      provider: w == null ? void 0 : w.provider,
+      model: w == null ? void 0 : w.model,
+      language: w == null ? void 0 : w.language,
+      authToken: a
     },
     onStart: () => {
-      N.current = !1, T.current = !1;
+      I.current = !1, L.current = !1;
     },
     onStop: () => {
     },
-    onTranscriptionComplete: (f) => {
-      g(f.transcript), T.current || (T.current = !0, E());
+    onTranscriptionComplete: (p) => {
+      y(p.transcript), L.current || (L.current = !0, A());
     },
-    onError: (f) => {
-      console.error("STT Error:", f), N.current || (N.current = !0, E());
+    onError: (p) => {
+      console.error("STT Error:", p), I.current || (I.current = !0, A());
     }
-  }), { state: L, startQuestion: U, nextPhase: E, completeInterview: W } = Ge({
+  }), { state: q, startQuestion: z, nextPhase: A, completeInterview: Q } = at({
     config: {
-      thinkingDuration: d,
-      answeringDuration: x,
-      editingDuration: C
+      thinkingDuration: S,
+      answeringDuration: v,
+      editingDuration: _
     },
     callbacks: {
-      onPhaseChange: (f) => {
-        switch (f) {
-          case R.FETCHING_QUESTION:
-            z();
+      onPhaseChange: (p) => {
+        switch (p) {
+          case D.FETCHING_QUESTION:
+            oe();
             break;
-          case R.READING_QUESTION:
-            G();
+          case D.READING_QUESTION:
+            Y();
             break;
-          case R.ANSWERING:
-            ie();
+          case D.ANSWERING:
+            ce();
             break;
-          case R.TRANSCRIBING:
-            H();
+          case D.TRANSCRIBING:
+            de();
             break;
-          case R.SUBMITTING:
-            re();
+          case D.SUBMITTING:
+            le();
             break;
         }
       },
       onInterviewEnd: () => {
-        e == null || e();
+        i == null || i();
       }
     }
   });
-  P(() => {
-    U();
+  C(() => {
+    z();
   }, []);
-  const { execute: z, loading: te } = qe(
+  const { execute: oe, loading: U } = ot(
     async () => {
-      var O, J;
-      const f = await s.generateQuestion({
-        interviewId: i,
-        question: ((O = y.current) == null ? void 0 : O.question) || "",
-        qnaId: ((J = y.current) == null ? void 0 : J.qna_id) || "",
+      var O, ge;
+      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) || "",
         answer: j.current
       });
-      return y.current = f.data, f;
+      return f.current = p.data, p;
     },
     {
-      onSuccess: async (f) => {
-        f && f.data && (g(""), h(f.data), E());
+      onSuccess: async (p) => {
+        p && p.data && (y(""), c(p.data), A());
       },
-      onError: (f) => {
-        console.error("Failed to fetch questions:", f);
+      onError: (p) => {
+        console.error("Failed to fetch questions:", p);
       }
     }
-  ), re = A(async () => {
-    U();
-  }, [U]), G = A(async () => {
-    var f;
-    if ((f = y.current) != null && f.question)
+  ), le = N(async () => {
+    z();
+  }, [z]), Y = N(async () => {
+    var p;
+    if ((p = f.current) != null && p.question)
       try {
-        p.current = !1, await $(y.current.question), y.current.is_interview_done && (await Pe(2e3), W());
+        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);
       }
     else
-      E();
-  }, [$, E, W]), ie = A(async () => {
+      A();
+  }, [P, A, Q]), ce = N(async () => {
     try {
-      await q(x);
-    } catch (f) {
-      console.error("Failed to start recording:", f), E();
+      await G(v);
+    } catch (p) {
+      console.error("Failed to start recording:", p), A();
     }
-  }, [q, E]), H = A(async () => {
+  }, [G, A]), de = N(async () => {
     try {
-      const f = await F();
-      await Q(f);
-    } catch (f) {
-      console.error("STT processing failed:", f), !N.current && !T.current && (N.current = !0, E());
+      const p = await B();
+      await V(p);
+    } catch (p) {
+      console.error("STT processing failed:", p), !I.current && !L.current && (I.current = !0, A());
     }
-  }, [F, Q, E]), se = () => {
-    const { phase: f } = L;
-    switch (f) {
-      case R.IDLE:
-        return /* @__PURE__ */ t.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__ */ t.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Ready to start the Interview?" }),
-          /* @__PURE__ */ t.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__ */ t.jsx(ee, { onClick: U, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
+  }, [B, V, A]), J = N(
+    async (p) => {
+      M(), (await o.generateQuestion({
+        interviewId: r,
+        isInterviewDone: !0
+      })).success && (p == null || p(), Q());
+    },
+    [r, M, o]
+  ), ee = () => {
+    const { phase: p } = q;
+    switch (p) {
+      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: z, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
         ] });
-      case R.FETCHING_QUESTION:
-        return /* @__PURE__ */ t.jsx(st, {});
-      case R.READING_QUESTION:
-        return /* @__PURE__ */ t.jsx(ot, { ttsError: M });
-      case R.THINKING:
-        return /* @__PURE__ */ t.jsx(
-          ct,
+      case D.FETCHING_QUESTION:
+        return /* @__PURE__ */ e.jsx(Rt, {});
+      case D.READING_QUESTION:
+        return /* @__PURE__ */ e.jsx(At, { ttsError: x });
+      case D.THINKING:
+        return /* @__PURE__ */ e.jsx(
+          Pt,
           {
-            state: L,
-            thinkingTime: d,
-            nextPhase: E
+            state: q,
+            thinkingTime: S,
+            nextPhase: A
           }
         );
-      case R.ANSWERING:
-        return /* @__PURE__ */ t.jsx(
-          it,
+      case D.ANSWERING:
+        return /* @__PURE__ */ e.jsx(
+          It,
           {
-            state: L,
-            answeringTime: x,
-            nextPhase: E,
-            sttError: B
+            state: q,
+            answeringTime: v,
+            nextPhase: A,
+            sttError: H
           }
         );
-      case R.TRANSCRIBING:
-        return /* @__PURE__ */ t.jsx(lt, { sttError: B });
-      case R.EDITING:
-      case R.SUBMITTING:
-        return /* @__PURE__ */ t.jsx("div", { className: "iw-space-y-4 iw-h-full", children: /* @__PURE__ */ t.jsx(
-          et,
-          {
-            value: u,
-            onChange: (O) => g(O.target.value),
-            onSubmit: () => E(),
-            isSubmitDisabled: !u.trim() || te,
-            state: L,
-            editingTime: C
-          }
-        ) });
-      case R.COMPLETED:
-        return /* @__PURE__ */ t.jsx("div", { className: "iw-fixed iw-inset-0 iw-bg-white", children: /* @__PURE__ */ t.jsx(
-          at,
+      case D.TRANSCRIBING:
+        return /* @__PURE__ */ e.jsx(Dt, { sttError: H });
+      case D.EDITING:
+      case D.SUBMITTING:
+        return /* @__PURE__ */ e.jsx("div", { className: "iw-space-y-4 iw-h-full", children: /* @__PURE__ */ e.jsx(
+          Nt,
           {
-            open: !0,
-            onClose: e || (() => {
-            })
+            value: g,
+            onChange: (O) => y(O.target.value),
+            onSubmit: () => A(),
+            isSubmitDisabled: !g.trim() || U,
+            state: q,
+            editingTime: _
           }
         ) });
+      case D.COMPLETED:
+        return null;
       default:
         return null;
     }
   };
-  return /* @__PURE__ */ t.jsxs("div", { className: "interview-widget-container", children: [
-    /* @__PURE__ */ t.jsx(
-      ht,
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: h != null && h.enabled ? /* @__PURE__ */ e.jsxs(
+    Gt,
+    {
+      onDisqualify: () => J(s),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          ye,
+          {
+            title: t,
+            onExit: () => J()
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          ve,
+          {
+            currentQuestion: m,
+            phase: q.phase,
+            className: n,
+            children: ee()
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      ye,
       {
-        title: r,
-        onExit: async () => {
-          b(), (await s.generateQuestion({
-            interviewId: i,
-            isInterviewDone: !0
-          })).success && W();
-        }
+        title: t,
+        onExit: () => J()
       }
     ),
-    /* @__PURE__ */ t.jsxs(
-      "div",
+    /* @__PURE__ */ e.jsx(
+      ve,
       {
-        className: `iw-p-4 iw-space-y-4 iw-pb-6 ${a}  iw-min-h-[calc(100vh_-_3.8rem)] iw-flex iw-flex-col iw-justify-between`,
-        children: [
-          /* @__PURE__ */ t.jsx("div", { className: "iw-flex iw-items-start iw-justify-between iw-gap-3", children: /* @__PURE__ */ t.jsx("div", { className: "iw-flex-1", children: /* @__PURE__ */ t.jsx(
-            wt,
-            {
-              question: w,
-              isLoading: L.phase === R.FETCHING_QUESTION || L.phase === R.IDLE
-            }
-          ) }) }),
-          /* @__PURE__ */ t.jsxs("div", { className: "iw iw-bg-[#F6F6F6] iw-grid iw-grid-cols-2 iw-rounded-xl iw-p-4", children: [
-            /* @__PURE__ */ t.jsx("div", { className: "iw-min-h-[400px] iw-max-h-[600px]", children: /* @__PURE__ */ t.jsx(Xe, {}) }),
-            /* @__PURE__ */ t.jsx("div", { className: "iw-bg-white iw-rounded-lg iw-shadow iw-p-6", children: se() })
-          ] })
-        ]
+        currentQuestion: m,
+        phase: q.phase,
+        className: n,
+        children: ee()
       }
     )
-  ] });
-}, gt = ({
-  title: r,
-  interviewId: i,
-  onInterviewEnd: e,
-  className: a = ""
+  ] }) });
+}, zt = ({
+  title: t,
+  interviewId: r,
+  onInterviewEnd: i,
+  onInterviewDisqualify: s,
+  className: n = ""
 }) => {
-  const [s, c] = de.useState(!1), [o, n] = de.useState(!0), l = S(null);
-  return s ? /* @__PURE__ */ t.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ t.jsx(
+  const [o, l] = fe.useState(!1), [a, d] = fe.useState(!0), w = E(null);
+  return o ? /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
     "div",
     {
-      ref: l,
-      className: `iw-flex iw-flex-col iw-rounded-xl iw-shadow-lg iw-overflow-hidden  iw-h-[calc(100vh-1rem)] ${a}`,
-      children: /* @__PURE__ */ t.jsx("div", { className: " iw-h-full iw-flex iw-flex-col", children: /* @__PURE__ */ t.jsx(
-        mt,
+      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,
         {
-          interviewTitle: r ?? "Interview",
-          interviewId: i,
-          className: a,
-          onComplete: e || (() => {
-          })
+          interviewTitle: t ?? "Interview",
+          interviewId: r,
+          className: n,
+          onComplete: i || (() => {
+          }),
+          onDisqualify: s
         }
       ) })
     }
-  ) }) : /* @__PURE__ */ t.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ t.jsx(
-    Le,
+  ) }) : /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
+    it,
     {
-      isOpen: o,
+      isOpen: a,
       onStart: () => {
-        console.log("Permissions granted, starting interview"), c(!0), n(!1);
+        l(!0), d(!1);
       }
     }
   ) });
 };
 typeof window < "u" && (window.InterviewWidget = {
-  InterviewWidget: gt,
-  InterviewWidgetProvider: Re
+  InterviewWidget: zt,
+  InterviewWidgetProvider: Ve
 });
 export {
-  gt as InterviewWidget,
-  Re as InterviewWidgetProvider,
-  gt as default
+  zt as InterviewWidget,
+  Ve as InterviewWidgetProvider,
+  zt as default
 };