interview-widget 1.0.6 → 1.0.9

package/dist/widget.es.js

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