interview-widget 1.0.0 → 1.0.1

package/dist/widget.es.js

@@ -0,0 +1,3204 @@
+var Fe = Object.defineProperty;
+var Le = (t, r, i) => r in t ? Fe(t, r, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[r] = i;
+var F = (t, r, i) => Le(t, typeof r != "symbol" ? r + "" : r, i);
+import fe, { createContext as je, useRef as E, useCallback as N, useMemo as X, useContext as re, useSyncExternalStore as Ne, useState as k, useEffect as C } from "react";
+import { createPortal as $e } from "react-dom";
+var ke = { exports: {} }, se = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var qe = Symbol.for("react.transitional.element"), Oe = Symbol.for("react.fragment");
+function Te(t, r, i) {
+  var s = null;
+  if (i !== void 0 && (s = "" + i), r.key !== void 0 && (s = "" + r.key), "key" in r) {
+    i = {};
+    for (var n in r)
+      n !== "key" && (i[n] = r[n]);
+  } else i = r;
+  return r = i.ref, {
+    $$typeof: qe,
+    type: t,
+    key: s,
+    ref: r !== void 0 ? r : null,
+    props: i
+  };
+}
+se.Fragment = Oe;
+se.jsx = Te;
+se.jsxs = Te;
+ke.exports = se;
+var e = ke.exports;
+const $ = {
+  api: {
+    baseUrl: "/api",
+    retryConfig: {
+      attempts: 3,
+      backoff: "exponential",
+      baseDelay: 1e3
+    }
+  },
+  ui: {
+    baseColor: "#3B82F6",
+    borderRadius: "8px"
+  },
+  interview: {
+    timers: {
+      thinkingDuration: 30,
+      answeringDuration: 120,
+      editingDuration: 30
+    },
+    stt: {
+      provider: "groq",
+      model: "whisper-large-v3-turbo",
+      language: "en"
+    },
+    tts: {
+      provider: "piper"
+    },
+    proctoring: {
+      enabled: !0
+    }
+  }
+}, ne = je(null), Ee = "proctoring-storage", Be = () => {
+  var t, r;
+  try {
+    const i = sessionStorage.getItem(Ee);
+    if (i) {
+      const s = JSON.parse(i);
+      return {
+        logViolations: ((t = s.state) == null ? void 0 : t.logViolations) || [],
+        totalViolations: ((r = s.state) == null ? void 0 : r.totalViolations) || 0
+      };
+    }
+  } catch (i) {
+    console.error(
+      "Failed to load proctoring data from session storage:",
+      i
+    );
+  }
+  return { logViolations: [], totalViolations: 0 };
+}, pe = (t) => {
+  try {
+    sessionStorage.setItem(
+      Ee,
+      JSON.stringify({
+        state: t,
+        version: 0
+      })
+    );
+  } catch (r) {
+    console.error("Failed to save proctoring data to session storage:", r);
+  }
+}, Ge = ({
+  children: t
+}) => {
+  const r = E(Be()), i = E(/* @__PURE__ */ new Set()), s = N(() => {
+    i.current.forEach((w) => w());
+  }, []), n = N((w) => (i.current.add(w), () => {
+    i.current.delete(w);
+  }), []), o = N(() => r.current, []), l = N(
+    (w) => {
+      r.current = {
+        logViolations: [...r.current.logViolations, w],
+        totalViolations: r.current.totalViolations + 1
+      }, pe(r.current), s();
+    },
+    [s]
+  ), a = N(() => {
+    r.current = {
+      logViolations: [],
+      totalViolations: 0
+    }, pe(r.current), s();
+  }, [s]), d = X(
+    () => ({
+      getState: o,
+      addViolation: l,
+      clearViolations: a,
+      subscribe: n
+    }),
+    [o, l, a, n]
+  );
+  return /* @__PURE__ */ e.jsx(ne.Provider, { value: d, children: t });
+}, Ue = () => {
+  const t = re(ne);
+  if (!t)
+    throw new Error("useViolations must be used within a ProctoringProvider");
+  return Ne(
+    t.subscribe,
+    () => t.getState().logViolations,
+    () => t.getState().logViolations
+  );
+}, ze = () => {
+  const t = re(ne);
+  if (!t)
+    throw new Error(
+      "useTotalViolations must be used within a ProctoringProvider"
+    );
+  return Ne(
+    t.subscribe,
+    () => t.getState().totalViolations,
+    () => t.getState().totalViolations
+  );
+}, We = () => {
+  const t = re(ne);
+  if (!t)
+    throw new Error(
+      "useProctoringActions must be used within a ProctoringProvider"
+    );
+  return {
+    addViolation: t.addViolation,
+    clearViolations: t.clearViolations
+  };
+}, Se = je(
+  null
+);
+function Ve({
+  config: t = {},
+  children: r
+}) {
+  var s, n, o, l;
+  const i = {
+    api: {
+      ...$.api,
+      ...t.api,
+      retryConfig: {
+        ...$.api.retryConfig,
+        ...(s = t.api) == null ? void 0 : s.retryConfig
+      }
+    },
+    ui: {
+      ...$.ui,
+      ...t.ui
+    },
+    interview: {
+      ...$.interview,
+      ...t.interview,
+      timers: {
+        ...$.interview.timers,
+        ...(n = t.interview) == null ? void 0 : n.timers
+      },
+      stt: {
+        ...$.interview.stt,
+        ...(o = t.interview) == null ? void 0 : o.stt
+      },
+      tts: {
+        ...$.interview.tts,
+        ...(l = t.interview) == null ? void 0 : l.tts
+      }
+    }
+  };
+  return /* @__PURE__ */ e.jsx(Se.Provider, { value: i, children: /* @__PURE__ */ e.jsx(Ge, { children: r }) });
+}
+function ae() {
+  const t = re(Se);
+  if (!t)
+    throw new Error(
+      "useInterviewConfig must be used within an InterviewWidgetProvider. Wrap your component tree with <InterviewWidgetProvider config={...}>"
+    );
+  return t;
+}
+function Ce() {
+  return ae().api || $.api;
+}
+function Z() {
+  return ae().ui || $.ui;
+}
+function He() {
+  return ae().interview || $.interview;
+}
+const Ie = ({
+  className: t,
+  ...r
+}) => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "20",
+    height: "20",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: `iw-animate-spin ${t}`,
+    ...r,
+    children: [
+      /* @__PURE__ */ e.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M12 6l0 -3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M16.25 7.75l2.15 -2.15" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M18 12l3 0" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M16.25 16.25l2.15 2.15" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M12 18l0 3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M7.75 16.25l-2.15 2.15" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M6 12l-3 0" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M7.75 7.75l-2.15 -2.15" })
+    ]
+  }
+) }), Re = ({
+  children: t,
+  variant: r = "primary",
+  size: i = "md",
+  fullWidth: s = !1,
+  isLoading: n = !1,
+  disabled: o,
+  className: l = "",
+  ...a
+}) => {
+  const d = "iw-inline-flex iw-items-center iw-justify-center iw-rounded-md iw-font-medium iw-transition-colors iw-focus:outline-none iw-focus:ring-2 iw-focus:ring-primary-500 iw-focus:ring-offset-2", w = {
+    primary: "iw-bg-primary-600 iw-text-white iw-hover:bg-primary-700 iw-border iw-border-transparent",
+    secondary: "iw-bg-primary-100 iw-text-primary-700 iw-hover:bg-primary-200 iw-border iw-border-transparent",
+    outline: "iw-bg-transparent iw-text-primary-700 iw-border iw-border-primary-500 iw-hover:bg-primary-50",
+    text: "iw-bg-transparent iw-text-primary-600 iw-hover:bg-primary-50 iw-border iw-border-transparent",
+    gradient: "iw-text-white iw-border iw-border-transparent iw-bg-gradient-to-r iw-from-purple-500 iw-to-indigo-500 hover:iw-from-purple-600 hover:iw-to-indigo-600"
+  }, u = {
+    sm: "iw-px-3 iw-py-1.5 iw-text-sm",
+    md: "iw-px-4 iw-py-2.5 iw-text-sm",
+    lg: "iw-px-5 iw-py-3 iw-text-base"
+  }, h = "iw-disabled:opacity-50 iw-disabled:cursor-not-allowed iw-disabled:pointer-events-none", m = s ? "iw-w-full" : "";
+  return /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      className: `${d} ${w[r]} ${u[i]} ${m} ${h} ${l}`,
+      disabled: o || n,
+      ...a,
+      children: [
+        n && /* @__PURE__ */ e.jsx(Ie, { height: 16, width: 16, style: { marginRight: "3px" } }),
+        t
+      ]
+    }
+  );
+};
+function Qe(t) {
+  const r = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  return r ? {
+    r: parseInt(r[1], 16),
+    g: parseInt(r[2], 16),
+    b: parseInt(r[3], 16)
+  } : null;
+}
+function Ye(t, r, i) {
+  return "#" + [t, r, i].map((s) => {
+    const n = Math.round(s).toString(16);
+    return n.length === 1 ? "0" + n : n;
+  }).join("");
+}
+function Me(t, r) {
+  const i = Qe(t);
+  if (!i) return t;
+  const s = i.r + (255 - i.r) * r, n = i.g + (255 - i.g) * r, o = i.b + (255 - i.b) * r;
+  return Ye(s, n, o);
+}
+function Je(t, r = 0.8) {
+  return {
+    background: `linear-gradient(to bottom, ${Me(t, r)}, #ffffff)`,
+    color: "#1f2937"
+  };
+}
+function Ke(t) {
+  return new Promise((r) => setTimeout(r, t));
+}
+function Ae(t) {
+  return `linear-gradient(to left, ${Me(t, 0.4)}, ${t})`;
+}
+const Xe = () => Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
+function Ze(t) {
+  try {
+    const r = t.split(".");
+    if (r.length !== 3 || !r[1])
+      throw new Error("Invalid JWT token");
+    const s = r[1].replace(/-/g, "+").replace(/_/g, "/"), n = s.padEnd(
+      s.length + (4 - s.length % 4) % 4,
+      "="
+    ), o = atob(n);
+    return JSON.parse(o);
+  } catch (r) {
+    return console.error("Error decoding JWT:", r), null;
+  }
+}
+const Pe = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
+      /* @__PURE__ */ e.jsx("path", { d: "m9 12 2 2 4-4" })
+    ]
+  }
+), De = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("rect", { width: "20", height: "14", x: "2", y: "3", rx: "2" }),
+      /* @__PURE__ */ e.jsx("line", { x1: "8", x2: "16", y1: "21", y2: "21" }),
+      /* @__PURE__ */ e.jsx("line", { x1: "12", x2: "12", y1: "17", y2: "21" })
+    ]
+  }
+), et = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M15 8a5 5 0 0 1 0 8" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M6 15h-2a1 1 0 0 1 -1 -1v-4a1 1 0 0 1 1 -1h2l3.5 -4.5a.8 .8 0 0 1 1.5 .5v14a.8 .8 0 0 1 -1.5 .5l-3.5 -4.5" })
+    ]
+  }
+), W = (t) => {
+  const { baseColor: r, borderRadius: i } = Z(), { loading: s, children: n, ...o } = t;
+  return /* @__PURE__ */ e.jsx(
+    Re,
+    {
+      style: {
+        background: Ae(r),
+        borderRadius: i
+      },
+      ...o,
+      children: s ? /* @__PURE__ */ e.jsx(Ie, {}) : n
+    }
+  );
+}, tt = [
+  "Do not refresh or reload the page during your assessment",
+  "Refrain from switching tabs or opening other applications while the session is in progress",
+  "Ensure your face remains clearly visible on camera at all times",
+  "Avoid frequent distractions or leaving your seat during the session",
+  "Do not disable or interfere with audio/video monitoring"
+], it = ({
+  isOpen: t,
+  onStart: r,
+  onClose: i
+}) => {
+  var M;
+  const s = E(null), n = E(null), { baseColor: o, borderRadius: l } = Z(), [a, d] = k(!1), [w, u] = k(null), [h, m] = k(!1), c = o ?? "#2563eb", g = Ae(c), y = l ?? 18, j = (x, I) => x.startsWith("#") && x.length === 7 ? `${x}${I}` : x, f = [
+    `radial-gradient(120% 85% at 50% 125%, ${j(
+      c,
+      "34"
+    )} 0%, transparent 70%)`,
+    `radial-gradient(90% 70% at 10% 130%, ${j(
+      c,
+      "24"
+    )} 0%, transparent 72%)`,
+    `radial-gradient(90% 70% at 90% 130%, ${j(
+      c,
+      "24"
+    )} 0%, transparent 72%)`,
+    `repeating-linear-gradient(135deg, ${j(
+      c,
+      "14"
+    )} 0, ${j(
+      c,
+      "14"
+    )} 16px, transparent 16px, transparent 32px)`
+  ].join(", "), T = a ? {
+    label: "Camera & microphone ready",
+    toneClass: "iw-bg-white/15 iw-text-white",
+    dotClass: "iw-bg-emerald-400"
+  } : h ? {
+    label: "Checking device access…",
+    toneClass: "iw-bg-white/15 iw-text-white",
+    dotClass: "iw-bg-amber-300"
+  } : {
+    label: "Allow access to continue",
+    toneClass: "iw-bg-white/15 iw-text-white",
+    dotClass: "iw-bg-rose-300"
+  }, S = a ? {
+    badge: "Ready",
+    toneClass: "iw-bg-emerald-50 iw-text-emerald-600",
+    cameraCopy: "Framing looks good for identity verification.",
+    micCopy: "We can hear you clearly for your responses."
+  } : h ? {
+    badge: "Checking",
+    toneClass: "iw-bg-amber-50 iw-text-amber-600",
+    cameraCopy: "Hang tight while we confirm camera access.",
+    micCopy: "Listening for microphone permission from your browser."
+  } : {
+    badge: "Action needed",
+    toneClass: "iw-bg-rose-50 iw-text-rose-600",
+    cameraCopy: "Grant camera access to continue with the interview.",
+    micCopy: "Enable microphone access so we can capture your answers."
+  }, v = [
+    {
+      label: "Camera feed",
+      description: S.cameraCopy,
+      status: S.badge,
+      toneClass: S.toneClass,
+      Icon: De
+    },
+    {
+      label: "Microphone input",
+      description: S.micCopy,
+      status: S.badge,
+      toneClass: S.toneClass,
+      Icon: et
+    }
+  ], _ = () => {
+    n.current && (n.current.getTracks().forEach((x) => x.stop()), n.current = null);
+  }, b = async () => {
+    m(!0), u(null);
+    try {
+      const x = await navigator.mediaDevices.getUserMedia({
+        video: { width: { ideal: 1280 }, height: { ideal: 720 } },
+        audio: !0
+      });
+      n.current = x, s.current && (s.current.srcObject = x), d(!0);
+    } catch (x) {
+      console.error("Media permission error:", x);
+      let I = "Unable to access camera or microphone.";
+      (x == null ? void 0 : x.name) === "NotAllowedError" ? I = "Permissions denied. Please allow access to camera and microphone." : (x == null ? void 0 : x.name) === "NotFoundError" ? I = "No camera/microphone found. Please connect a device and retry." : x != null && x.message && (I = x.message), d(!1), u(I);
+    } finally {
+      m(!1);
+    }
+  };
+  if (C(() => {
+    if (!t) {
+      _();
+      return;
+    }
+    return b(), () => {
+      _();
+    };
+  }, [t]), !t) return null;
+  const P = () => {
+    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: g },
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              "aria-hidden": !0,
+              className: "iw-absolute iw-pointer-events-none",
+              style: {
+                top: -90,
+                right: -100,
+                width: 240,
+                height: 240,
+                background: "radial-gradient(circle, rgba(255,255,255,0.6), transparent 70%)",
+                filter: "blur(12px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              "aria-hidden": !0,
+              className: "iw-absolute iw-pointer-events-none",
+              style: {
+                bottom: -110,
+                left: -60,
+                width: 220,
+                height: 220,
+                background: "radial-gradient(circle, rgba(255,255,255,0.35), transparent 70%)",
+                filter: "blur(14px)"
+              }
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("div", { className: "iw-relative iw-grid md:iw-grid-cols-[minmax(0,1fr)_auto] iw-items-start iw-gap-6 iw-px-6 iw-py-7", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-flex-col iw-gap-4 iw-text-white", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-4", children: [
+              /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-12 iw-w-12 iw-items-center iw-justify-center iw-rounded-2xl iw-bg-white/15 iw-shadow-inner", children: /* @__PURE__ */ e.jsx(Pe, { className: "iw-h-6 iw-w-6" }) }),
+              /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.jsx("p", { className: "iw-text-[11px] iw-font-medium iw-uppercase iw-tracking-wide iw-text-white/70", children: "Pre-interview checklist" }),
+                /* @__PURE__ */ e.jsx("h2", { className: "iw-mt-1 iw-text-xl iw-font-semibold iw-leading-tight", children: "Final checks before you go live" }),
+                /* @__PURE__ */ e.jsx("p", { className: "iw-mt-2 iw-text-sm iw-text-white/80", children: "Align your space, confirm device access, and step confidently into your secure session." })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-items-start iw-justify-end", children: /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: `iw-inline-flex iw-items-center iw-gap-2 iw-rounded-full iw-bg-white/10 iw-px-4 iw-py-1.5 iw-text-xs iw-font-medium iw-text-white/85 iw-backdrop-blur-sm ${T.toneClass}`,
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    "span",
+                    {
+                      className: `iw-inline-flex iw-h-2 iw-w-2 iw-rounded-full ${T.dotClass}`
+                    }
+                  ),
+                  T.label
+                ]
+              }
+            ) }),
+            i && /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                "aria-label": "Close",
+                className: "iw-absolute iw-top-5 iw-right-5 iw-text-white/70 transition-colors hover:iw-text-white",
+                onClick: () => {
+                  _(), i == null || i();
+                },
+                children: "✕"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-relative iw-flex iw-flex-col iw-gap-6 iw-px-6 iw-pb-8 iw-pt-6", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-grid xl:iw-grid-cols-[0.95fr_1.05fr] iw-gap-6", children: [
+        /* @__PURE__ */ e.jsx("section", { className: "iw-flex iw-flex-col iw-gap-5", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-rounded-2xl iw-border iw-border-slate-100 iw-bg-white iw-p-5 iw-shadow-sm", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between", children: [
+            /* @__PURE__ */ e.jsx("h3", { className: "iw-text-sm iw-font-semibold iw-text-slate-900", children: "Proctoring guidelines" }),
+            /* @__PURE__ */ e.jsx("span", { className: "iw-text-[11px] iw-font-medium iw-uppercase iw-tracking-wide iw-text-slate-400", children: "Required" })
+          ] }),
+          /* @__PURE__ */ e.jsx("ul", { className: "iw-mt-5 iw-flex iw-flex-col iw-gap-4", children: tt.map((x, I) => /* @__PURE__ */ e.jsx(
+            "li",
+            {
+              className: "iw-group iw-overflow-hidden iw-rounded-xl iw-border iw-border-slate-100 iw-bg-slate-50/60 iw-p-4 iw-transition-all hover:iw-border-slate-200 hover:iw-bg-white",
+              children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-3", children: [
+                /* @__PURE__ */ e.jsx(
+                  "span",
+                  {
+                    className: "iw-flex iw-h-8 iw-w-8 iw-flex-none iw-items-center iw-justify-center iw-rounded-full iw-text-sm iw-font-semibold iw-text-white",
+                    style: { background: g },
+                    children: I + 1
+                  }
+                ),
+                /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-slate-600", children: x })
+              ] })
+            },
+            x
+          )) })
+        ] }) }),
+        /* @__PURE__ */ e.jsxs("section", { className: "iw-flex iw-flex-col iw-gap-5", children: [
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: "iw-relative iw-flex iw-flex-col iw-gap-6 iw-overflow-hidden iw-rounded-3xl  iw-bg-white ",
+              style: { borderRadius: y },
+              children: [
+                /* @__PURE__ */ e.jsx("div", { className: "iw-relative iw-z-10 iw-rounded-2xl iw-border iw-border-slate-200 iw-bg-slate-50/80 iw-p-3", children: /* @__PURE__ */ e.jsx(
+                  "video",
+                  {
+                    ref: s,
+                    autoPlay: !0,
+                    playsInline: !0,
+                    muted: !0,
+                    className: "iw-h-64 iw-w-full iw-rounded-2xl iw-object-cover",
+                    style: {
+                      transform: "scaleX(-1)",
+                      borderRadius: y
+                    }
+                  }
+                ) }),
+                /* @__PURE__ */ e.jsxs("div", { className: "iw-relative iw-grid iw-grid-cols-2 iw-gap-4 iw-px-1", children: [
+                  /* @__PURE__ */ e.jsx(
+                    Re,
+                    {
+                      onClick: b,
+                      disabled: h,
+                      variant: "outline",
+                      size: "sm",
+                      className: "iw-font-medium",
+                      style: {
+                        borderColor: c,
+                        borderRadius: y,
+                        color: c
+                      },
+                      children: a ? "Recheck permissions" : "Enable camera & mic"
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    W,
+                    {
+                      onClick: P,
+                      disabled: !a,
+                      className: "iw-h-10 iw-px-6 iw-text-sm",
+                      style: {
+                        backgroundColor: c
+                      },
+                      children: "Proceed"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx("ul", { className: "iw-grid sm:iw-grid-cols-1 iw-gap-3", children: v.map(
+            ({ Icon: x, label: I, description: L, status: G, toneClass: B }) => /* @__PURE__ */ e.jsx(
+              "li",
+              {
+                className: "iw-rounded-2xl iw-border iw-border-slate-200/65 iw-bg-white iw-p-4 iw-shadow-sm iw-transition-all hover:iw-border-slate-200",
+                children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-3", children: [
+                  /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-flex-none iw-items-center iw-justify-center iw-rounded-xl iw-bg-slate-100", children: /* @__PURE__ */ e.jsx(x, { className: "iw-h-5 iw-w-5 iw-text-slate-600" }) }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1", children: [
+                    /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between iw-gap-3", children: [
+                      /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-font-medium iw-text-slate-800", children: I }),
+                      /* @__PURE__ */ e.jsx(
+                        "span",
+                        {
+                          className: `iw-rounded-full iw-px-3 iw-py-1 iw-text-[11px] iw-font-semibold ${B}`,
+                          children: G
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e.jsx("p", { className: "iw-mt-1.5 iw-text-xs iw-text-slate-500", children: L })
+                  ] })
+                ] })
+              },
+              I
+            )
+          ) }),
+          w && /* @__PURE__ */ e.jsx("div", { className: "iw-rounded-lg iw-border iw-border-rose-200 iw-bg-rose-50 iw-px-3 iw-py-2 iw-text-xs iw-text-rose-600", children: w }),
+          !((M = navigator.mediaDevices) != null && M.getUserMedia) && /* @__PURE__ */ e.jsx("div", { className: "iw-rounded-lg iw-border iw-border-amber-200 iw-bg-amber-50 iw-px-3 iw-py-2 iw-text-xs iw-text-amber-700", children: "Your browser does not support media devices. Please use a modern browser like Chrome, Edge, or Firefox." })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: " iw-rounded-2xl iw-border iw-border-dashed iw-border-slate-200 iw-bg-slate-50/85 iw-px-5 iw-py-4 iw-text-center", children: /* @__PURE__ */ e.jsx("div", { className: "iw-text-xs iw-text-slate-500", children: "Your session is monitored to protect exam integrity. Continuing confirms you have reviewed and accept these safeguards." }) }),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          "aria-hidden": !0,
+          className: "iw-pointer-events-none iw-absolute iw-inset-x-0 iw-bottom-1 iw-h-20",
+          style: {
+            backgroundImage: f,
+            backgroundSize: "100% 120%, 100% 120%, 100% 120%, 32px 32px",
+            backgroundPosition: "center bottom, left 95% bottom, right 95% bottom, center bottom",
+            backgroundRepeat: "no-repeat, no-repeat, no-repeat, repeat",
+            opacity: 0.9,
+            transform: "translateY(4px)",
+            maskImage: "linear-gradient(to top, rgba(0,0,0,0.92), transparent)",
+            WebkitMaskImage: "linear-gradient(to top, rgba(0,0,0,0.92), transparent)"
+          }
+        }
+      )
+    ] })
+  ] }) });
+};
+var D = /* @__PURE__ */ ((t) => (t.IDLE = "idle", t.FETCHING_QUESTION = "fetching_question", t.READING_QUESTION = "reading_question", t.THINKING = "thinking", t.ANSWERING = "answering", t.TRANSCRIBING = "transcribing", t.EDITING = "editing", t.SUBMITTING = "submitting", t.COMPLETED = "completed", t))(D || {});
+const rt = {
+  thinkingDuration: 30,
+  answeringDuration: 120,
+  editingDuration: 30
+}, st = {
+  idle: {
+    next: "fetching_question"
+    /* FETCHING_QUESTION */
+  },
+  fetching_question: {
+    next: "reading_question"
+    /* READING_QUESTION */
+  },
+  reading_question: {
+    next: "thinking"
+    /* THINKING */
+  },
+  thinking: { next: "answering", duration: 30 },
+  answering: { next: "transcribing", duration: 120 },
+  transcribing: {
+    next: "editing"
+    /* EDITING */
+  },
+  editing: { next: "submitting", duration: 30 },
+  submitting: {
+    next: "completed"
+    /* COMPLETED */
+  },
+  completed: {
+    next: "completed"
+    /* COMPLETED */
+  }
+};
+class nt {
+  constructor(r = {}, i = {}) {
+    F(this, "config");
+    F(this, "state");
+    F(this, "phaseIntervalId", null);
+    F(this, "globalIntervalId", null);
+    F(this, "callbacks");
+    this.config = { ...rt, ...r }, this.callbacks = i, this.state = {
+      phase: "idle",
+      currentPhaseTimeRemaining: 0,
+      totalTimeElapsed: 0,
+      currentQuestionNumber: 0
+    };
+  }
+  /**
+   * Get current state
+   */
+  getState() {
+    return { ...this.state };
+  }
+  /**
+   * Start a new question cycle
+   */
+  startQuestion() {
+    this.state.currentQuestionNumber === 0 && this.startGlobalTimer(), this.state.currentQuestionNumber = this.state.currentQuestionNumber + 1, this.state.phase = "fetching_question", this.notifyChange();
+  }
+  /**
+   * Move to next phase
+   */
+  nextPhase() {
+    const r = this.state.phase, i = st[r];
+    if (!i) return;
+    this.stopPhaseTimer(), this.state.phase = i.next;
+    const s = this.getDurationForPhase(i.next);
+    s > 0 ? (this.state.currentPhaseTimeRemaining = s, this.startPhaseTimer()) : this.state.currentPhaseTimeRemaining = 0, this.notifyChange();
+  }
+  /**
+   * Manually complete the interview
+   */
+  completeInterview() {
+    var r, i;
+    this.stopGlobalTimer(), this.stopPhaseTimer(), this.state.phase = "completed", (i = (r = this.callbacks).onInterviewEnd) == null || i.call(r), this.notifyChange();
+  }
+  /**
+   * Cleanup
+   */
+  destroy() {
+    this.stopPhaseTimer(), this.stopGlobalTimer();
+  }
+  /**
+   * Get duration for a phase
+   */
+  getDurationForPhase(r) {
+    switch (r) {
+      case "thinking":
+        return this.config.thinkingDuration;
+      case "answering":
+        return this.config.answeringDuration;
+      case "editing":
+        return this.config.editingDuration;
+      default:
+        return 0;
+    }
+  }
+  /**
+   * Start global timer (runs continuously during entire interview for tracking)
+   */
+  startGlobalTimer() {
+    this.globalIntervalId = setInterval(() => {
+      var r, i;
+      this.state.totalTimeElapsed++, (i = (r = this.callbacks).onTick) == null || i.call(r, this.getState());
+    }, 1e3);
+  }
+  /**
+   * Stop global timer
+   */
+  stopGlobalTimer() {
+    this.globalIntervalId && (clearInterval(this.globalIntervalId), this.globalIntervalId = null);
+  }
+  /**
+   * Start phase timer (only for timed phases)
+   */
+  startPhaseTimer() {
+    this.phaseIntervalId = setInterval(() => {
+      this.state.currentPhaseTimeRemaining--, this.state.currentPhaseTimeRemaining <= 0 && this.nextPhase();
+    }, 1e3);
+  }
+  /**
+   * Stop phase timer
+   */
+  stopPhaseTimer() {
+    this.phaseIntervalId && (clearInterval(this.phaseIntervalId), this.phaseIntervalId = null);
+  }
+  /**
+   * Notify phase change
+   */
+  notifyChange() {
+    var r, i;
+    (i = (r = this.callbacks).onPhaseChange) == null || i.call(r, this.state.phase, this.getState());
+  }
+}
+function at(t = {}) {
+  const { config: r = {}, callbacks: i = {} } = t, s = E(null);
+  s.current || (s.current = new nt(r, {}));
+  const n = s.current, [o, l] = k(n.getState()), a = N(() => {
+    l(n.getState());
+  }, [n]);
+  C(() => {
+    const h = {
+      onPhaseChange: (m, c) => {
+        var g;
+        a(), (g = i.onPhaseChange) == null || g.call(i, m, c);
+      },
+      onTick: (m) => {
+        var c;
+        a(), (c = i.onTick) == null || c.call(i, m);
+      },
+      onInterviewEnd: () => {
+        var m;
+        a(), (m = i.onInterviewEnd) == null || m.call(i);
+      }
+    };
+    n.callbacks = h;
+  }, [n, i, a]), C(() => () => {
+    n.destroy();
+  }, [n]);
+  const d = N(() => {
+    n.startQuestion(), a();
+  }, [n, a]), w = N(() => {
+    n.nextPhase(), a();
+  }, [n, a]), u = N(() => {
+    n.completeInterview(), a();
+  }, [n, a]);
+  return {
+    state: o,
+    startQuestion: d,
+    nextPhase: w,
+    completeInterview: u,
+    timerService: n
+  };
+}
+function ot(t, r = {}) {
+  const [i, s] = k({
+    data: null,
+    loading: !1,
+    error: null
+  }), n = N(
+    async (...o) => {
+      var l, a, d, w;
+      s((u) => ({ ...u, loading: !0, error: null }));
+      try {
+        const u = await t(...o);
+        s((h) => ({
+          ...h,
+          data: u,
+          loading: !1,
+          error: null
+        })), (l = r.onSuccess) == null || l.call(r, u), (a = r.onSettled) == null || a.call(r, u, null);
+      } catch (u) {
+        const h = u.type ? u : {
+          type: "unknown",
+          message: u.message || "Unknown error",
+          retryable: !0,
+          userMessage: "Something went wrong. Please try again.",
+          originalError: u
+        };
+        s((m) => ({
+          ...m,
+          loading: !1,
+          error: h
+        })), (d = r.onError) == null || d.call(r, h), (w = r.onSettled) == null || w.call(r, null, h);
+      }
+    },
+    [t, r]
+  );
+  return {
+    ...i,
+    execute: n
+  };
+}
+const lt = (t) => {
+  const [r, i] = k(null), [s, n] = k(!1), o = document, l = () => !!(o.fullscreenEnabled || o.webkitFullscreenEnabled || o.mozFullScreenEnabled || o.msFullscreenEnabled), a = () => o.fullscreenElement || o.webkitFullscreenElement || o.mozFullScreenElement || o.msFullscreenElement, d = async (c) => {
+    var g;
+    try {
+      if (!l())
+        throw new Error("Fullscreen is not supported in this environment");
+      c.requestFullscreen ? await c.requestFullscreen() : c.webkitRequestFullscreen ? await c.webkitRequestFullscreen() : c.mozRequestFullScreen ? await c.mozRequestFullScreen() : c.msRequestFullscreen && await c.msRequestFullscreen();
+    } catch (y) {
+      const j = {
+        name: "FullscreenError",
+        message: y instanceof Error ? y.message : "Failed to enter fullscreen"
+      };
+      i(j), (g = t == null ? void 0 : t.onError) == null || g.call(t, j);
+    }
+  }, w = async () => {
+    var c;
+    try {
+      o.exitFullscreen ? await o.exitFullscreen() : o.webkitExitFullscreen ? await o.webkitExitFullscreen() : o.mozCancelFullScreen ? await o.mozCancelFullScreen() : o.msExitFullscreen && await o.msExitFullscreen();
+    } catch (g) {
+      const y = {
+        name: "FullscreenError",
+        message: g instanceof Error ? g.message : "Failed to exit fullscreen"
+      };
+      i(y), (c = t == null ? void 0 : t.onError) == null || c.call(t, y);
+    }
+  }, u = N(() => {
+    var g;
+    const c = !!a();
+    n(c), (g = t == null ? void 0 : t.onFullScreenChange) == null || g.call(t, c);
+  }, [t]);
+  C(() => {
+    const c = [
+      "fullscreenchange",
+      "webkitfullscreenchange",
+      "mozfullscreenchange",
+      "MSFullscreenChange"
+    ];
+    return c.forEach((g) => {
+      document.addEventListener(g, u);
+    }), () => {
+      c.forEach((g) => {
+        document.removeEventListener(g, u);
+      });
+    };
+  }, [u]);
+  const h = async (c) => {
+    i(null);
+    const g = c ?? document.documentElement;
+    await d(g);
+  };
+  return {
+    isFullScreen: s,
+    toggleFullScreen: async (c) => {
+      s ? await w() : await h(c);
+    },
+    enterFullScreen: h,
+    exitFullScreen: w,
+    error: r
+  };
+};
+function ct(t) {
+  var r;
+  if (!navigator.onLine)
+    return {
+      type: "network",
+      message: "No internet connection",
+      retryable: !0,
+      userMessage: "Please check your internet connection and try again."
+    };
+  if (t.name === "AbortError" || (r = t.message) != null && r.includes("timeout"))
+    return {
+      type: "timeout",
+      message: "Request timed out",
+      retryable: !0,
+      userMessage: "The request is taking longer than expected. Please try again."
+    };
+  if (t.status) {
+    const { status: i } = t;
+    if (i === 401 || i === 403)
+      return {
+        type: "auth",
+        status: i,
+        message: "Authentication failed",
+        retryable: !1,
+        userMessage: "Your session has expired. Please refresh the page."
+      };
+    if (i === 429)
+      return {
+        type: "rate-limit",
+        status: i,
+        message: "Too many requests",
+        retryable: !0,
+        userMessage: "Please wait a moment before trying again."
+      };
+    if (i >= 500)
+      return {
+        type: "server",
+        status: i,
+        message: `Server error: ${i}`,
+        retryable: !0,
+        userMessage: "Our servers are experiencing issues. Please try again in a few moments."
+      };
+    if (i >= 400)
+      return {
+        type: "client",
+        status: i,
+        message: `Client error: ${i}`,
+        retryable: !1,
+        userMessage: "There was an issue with your request. Please check your input."
+      };
+  }
+  return {
+    type: "unknown",
+    message: t.message || "Unknown error occurred",
+    retryable: !0,
+    userMessage: "Something unexpected happened. Please try again.",
+    originalError: t
+  };
+}
+async function he(t, r = {}, i = {
+  attempts: 3,
+  backoff: "exponential",
+  baseDelay: 1e3,
+  maxDelay: 1e4,
+  jitter: !0
+}) {
+  let s;
+  for (let n = 1; n <= i.attempts; n++)
+    try {
+      const o = new AbortController(), l = setTimeout(() => o.abort(), 6e4), a = await fetch(t, {
+        ...r,
+        signal: o.signal
+      });
+      if (clearTimeout(l), a.status >= 400 && a.status < 500 && a.status !== 429)
+        return a;
+      if (!a.ok)
+        throw new Error(`HTTP ${a.status}: ${a.statusText}`);
+      return a;
+    } catch (o) {
+      s = o;
+      const l = ct(o);
+      if (!l.retryable || n === i.attempts)
+        throw l;
+      const a = dt(n, i);
+      console.warn(
+        `API request failed (attempt ${n}/${i.attempts}), retrying in ${a}ms:`,
+        l.message
+      ), await new Promise((d) => setTimeout(d, a));
+    }
+  throw s;
+}
+function dt(t, r) {
+  let i;
+  return r.backoff === "exponential" ? i = r.baseDelay * Math.pow(2, t - 1) : i = r.baseDelay, i = Math.min(i, r.maxDelay), r.jitter && (i = i * (0.5 + Math.random() * 0.5)), Math.round(i);
+}
+class wt {
+  constructor(r = {}) {
+    F(this, "config");
+    this.config = r;
+  }
+  /**
+   * Update configuration
+   */
+  updateConfig(r) {
+    this.config = { ...this.config, ...r };
+  }
+  /**
+   * Get default headers for API requests
+   */
+  getHeaders() {
+    var i;
+    const r = {
+      "Content-Type": "application/json",
+      "X-Auth-Token": "appkey"
+    };
+    return (i = this.config) != null && i.authToken && (r.Authorization = `Bearer ${this.config.authToken}`), r;
+  }
+  /**
+   * Get base URL from config with fallback
+   */
+  getBaseUrl() {
+    var r;
+    return ((r = this.config) == null ? void 0 : r.baseUrl) || "/api";
+  }
+  /**
+   * Get questions for an interview
+   */
+  async generateQuestion({
+    interviewId: r,
+    isInterviewDone: i = !1,
+    qnaId: s,
+    question: n,
+    answer: o,
+    answerDuration: l
+  }) {
+    const a = await he(
+      `${this.getBaseUrl()}/questions/next`,
+      {
+        method: "POST",
+        headers: this.getHeaders(),
+        body: JSON.stringify({
+          interview_id: r,
+          is_interview_done: i,
+          qna_id: s,
+          question: n,
+          answer: o,
+          // TODO: Hardcoded for now, will be dynamic later
+          answer_duration: l ?? "00:00:30"
+        })
+      }
+    );
+    if (!a.ok)
+      throw new Error(`Failed to get questions: ${a.status}`);
+    return await a.json();
+  }
+}
+function ut() {
+  const t = ae();
+  return X(() => {
+    const i = t.api || {};
+    return new wt(i);
+  }, [t.api]);
+}
+const ht = (t) => {
+  C(() => {
+    const r = (s) => {
+      (s.ctrlKey || s.metaKey) && ["c", "v", "a", "t", "n", "w", "r", "s", "p"].includes(s.key.toLowerCase()) && (s.preventDefault(), t({
+        type: "blocked_shortcut",
+        severity: "low",
+        details: {
+          action: "shortcut_pressed",
+          reason: `Attempted to use a blocked keyboard shortcut: Ctrl + ${s.key}`
+        }
+      })), s.key.startsWith("F") && s.key.length <= 3 && (s.preventDefault(), t({
+        type: "blocked_function_key",
+        severity: "low",
+        details: {
+          action: "function_key_pressed",
+          reason: `Attempted to use a blocked function key: ${s.key}`
+        }
+      })), s.altKey && s.key === "Tab" && (s.preventDefault(), t({
+        type: "alt_tab_attempt",
+        severity: "medium",
+        details: {
+          action: "alt_tab",
+          reason: "Attempted to use the Alt + Tab shortcut"
+        }
+      }));
+    }, i = (s) => {
+      s.preventDefault(), t({
+        type: "right_click_attempt",
+        severity: "low",
+        details: {
+          action: "right_click",
+          reason: "Attempted to use the right click"
+        }
+      });
+    };
+    return document.addEventListener("keydown", r), document.addEventListener("contextmenu", i), () => {
+      document.removeEventListener("keydown", r), document.removeEventListener("contextmenu", i);
+    };
+  }, [t]);
+};
+class R extends Error {
+  constructor(r, i, s = !1) {
+    super(r), this.code = i, this.recoverable = s, this.name = "STTError";
+  }
+}
+class mt {
+  constructor(r = {}) {
+    F(this, "config");
+    F(this, "mediaRecorder", null);
+    F(this, "audioChunks", []);
+    F(this, "recordingStream", null);
+    F(this, "autoStopTimeoutId", null);
+    this.config = {
+      baseUrl: "http://localhost:8000",
+      provider: "groq",
+      model: "whisper-large-v3-turbo",
+      language: "en",
+      includeTimestamps: !1,
+      temperature: 0,
+      ...r
+    };
+  }
+  /**
+   * Update STT configuration
+   */
+  updateConfig(r) {
+    this.config = { ...this.config, ...r };
+  }
+  /**
+   * Check if browser supports audio recording
+   */
+  isRecordingSupported() {
+    return !!(navigator.mediaDevices && typeof navigator.mediaDevices.getUserMedia == "function" && window.MediaRecorder);
+  }
+  /**
+   * Start recording audio from user's microphone
+   */
+  async startRecording(r, i) {
+    var s;
+    if (!this.isRecordingSupported())
+      throw new R(
+        "Audio recording is not supported in this browser",
+        "RECORDING_NOT_SUPPORTED",
+        !1
+      );
+    if (this.isRecording())
+      throw new R(
+        "Recording is already in progress",
+        "ALREADY_RECORDING",
+        !0
+      );
+    try {
+      this.recordingStream = await navigator.mediaDevices.getUserMedia({
+        audio: {
+          echoCancellation: !0,
+          noiseSuppression: !0,
+          sampleRate: 44100
+        }
+      }), this.audioChunks = [];
+      const n = this.getSupportedMimeType();
+      this.mediaRecorder = new MediaRecorder(this.recordingStream, {
+        mimeType: n
+      }), this.mediaRecorder.ondataavailable = (o) => {
+        var l;
+        o.data.size > 0 && (this.audioChunks.push(o.data), (l = i == null ? void 0 : i.onDataAvailable) == null || l.call(i, o.data));
+      }, this.mediaRecorder.onstop = () => {
+        var o;
+        (o = i == null ? void 0 : i.onStop) == null || o.call(i);
+      }, this.mediaRecorder.onerror = (o) => {
+        var a;
+        const l = new R(
+          `Recording failed: ${o.error}`,
+          "RECORDING_ERROR",
+          !0
+        );
+        (a = i == null ? void 0 : i.onError) == null || a.call(i, l), this.cleanup();
+      }, this.mediaRecorder.start(100), (s = i == null ? void 0 : i.onStart) == null || s.call(i), r && r > 0 && (this.autoStopTimeoutId = setTimeout(() => {
+        this.isRecording() && this.stopRecording();
+      }, r * 1e3));
+    } catch (n) {
+      if (this.cleanup(), n instanceof Error) {
+        if (n.name === "NotAllowedError" || n.name === "PermissionDeniedError")
+          throw new R(
+            "Microphone permission was denied",
+            "PERMISSION_DENIED",
+            !1
+          );
+        if (n.name === "NotFoundError")
+          throw new R("No microphone found", "NO_MICROPHONE", !1);
+      }
+      throw new R(
+        `Failed to start recording: ${n instanceof Error ? n.message : String(n)}`,
+        "START_RECORDING_FAILED",
+        !0
+      );
+    }
+  }
+  /**
+   * Stop recording and return the audio blob
+   */
+  async stopRecording() {
+    if (this.autoStopTimeoutId && (clearTimeout(this.autoStopTimeoutId), this.autoStopTimeoutId = null), !this.mediaRecorder || !this.isRecording())
+      throw new R(
+        "No active recording to stop",
+        "NO_ACTIVE_RECORDING",
+        !1
+      );
+    return new Promise((r, i) => {
+      if (!this.mediaRecorder) {
+        i(
+          new R("MediaRecorder is null", "MEDIARECORDER_NULL", !1)
+        );
+        return;
+      }
+      const s = this.mediaRecorder, n = () => {
+        try {
+          const o = s.mimeType || "audio/webm", l = new Blob(this.audioChunks, { type: o });
+          this.cleanup(), r(l);
+        } catch (o) {
+          i(
+            new R(
+              `Failed to create audio blob: ${o instanceof Error ? o.message : String(o)}`,
+              "BLOB_CREATION_FAILED",
+              !1
+            )
+          );
+        }
+      };
+      s.addEventListener("stop", n, { once: !0 }), s.stop();
+    });
+  }
+  /**
+   * Transcribe audio blob using the STT API
+   */
+  async transcribe(r) {
+    const {
+      audioBlob: i,
+      model: s = this.config.model,
+      language: n = this.config.language,
+      includeTimestamps: o = this.config.includeTimestamps,
+      temperature: l = this.config.temperature
+    } = r;
+    if (!i || i.size === 0)
+      throw new R(
+        "Audio blob is empty or invalid",
+        "INVALID_AUDIO",
+        !1
+      );
+    try {
+      const a = new FormData(), d = new File([i], "recording.wav", {
+        type: i.type || "audio/wav"
+      });
+      a.append("file", d), a.append("model", s || "whisper-large-v3-turbo"), a.append("language", n || "en"), a.append("include_timestamps", String(o || !1)), a.append("temperature", String(l || 0));
+      const w = await he(
+        `${this.config.baseUrl}/speech/transcribe`,
+        {
+          method: "POST",
+          headers: {
+            accept: "application/json",
+            "X-STT-Provider": this.config.provider || "groq",
+            ...this.config.authToken && {
+              Authorization: `Bearer ${this.config.authToken}`
+            }
+          },
+          body: a
+        },
+        {
+          attempts: 1,
+          backoff: "exponential",
+          baseDelay: 1e3,
+          maxDelay: 3e3,
+          jitter: !0
+        }
+      );
+      if (!w.ok) {
+        const h = await w.text();
+        let m = `STT request failed: ${w.status} ${w.statusText}`;
+        try {
+          const c = JSON.parse(h);
+          m = c.message || c.error || m;
+        } catch {
+          m = h || m;
+        }
+        throw new R(
+          m,
+          `HTTP_${w.status}`,
+          w.status >= 500
+        );
+      }
+      return {
+        transcript: (await w.json()).data.text ?? ""
+      };
+    } catch (a) {
+      throw a instanceof R ? a : new R(
+        `Transcription failed: ${a instanceof Error ? a.message : String(a)}`,
+        "TRANSCRIPTION_FAILED",
+        !0
+      );
+    }
+  }
+  /**
+   * Cancel current recording without processing
+   */
+  cancelRecording() {
+    this.autoStopTimeoutId && (clearTimeout(this.autoStopTimeoutId), this.autoStopTimeoutId = null), this.mediaRecorder && this.isRecording() && this.mediaRecorder.stop(), this.cleanup();
+  }
+  /**
+   * Check if currently recording
+   */
+  isRecording() {
+    return this.mediaRecorder !== null && this.mediaRecorder.state === "recording";
+  }
+  /**
+   * Get supported MIME type for recording
+   */
+  getSupportedMimeType() {
+    const r = [
+      "audio/webm",
+      "audio/webm;codecs=opus",
+      "audio/ogg;codecs=opus",
+      "audio/mp4",
+      "audio/wav"
+    ];
+    for (const i of r)
+      if (MediaRecorder.isTypeSupported(i))
+        return i;
+    return "audio/webm";
+  }
+  /**
+   * Clean up recording resources
+   */
+  cleanup() {
+    this.recordingStream && (this.recordingStream.getTracks().forEach((r) => r.stop()), this.recordingStream = null), this.mediaRecorder = null, this.audioChunks = [], this.autoStopTimeoutId && (clearTimeout(this.autoStopTimeoutId), this.autoStopTimeoutId = null);
+  }
+}
+const K = new mt(), xt = (t = {}) => {
+  const [r, i] = k(!1), [s, n] = k(!1), [o, l] = k(null), [a, d] = k(null), [w, u] = k(null);
+  t.config && K.updateConfig(t.config);
+  const h = N(async (y) => {
+    var j;
+    try {
+      d(null), l(null), u(null), await K.startRecording(y, {
+        onStart: () => {
+          var f;
+          i(!0), (f = t.onStart) == null || f.call(t);
+        },
+        onStop: () => {
+          var f;
+          i(!1), (f = t.onStop) == null || f.call(t);
+        },
+        onError: (f) => {
+          var S;
+          const T = f instanceof R ? f : new R(f.message, "RECORDING_ERROR", !0);
+          d(T), i(!1), (S = t.onError) == null || S.call(t, T);
+        }
+      });
+    } catch (f) {
+      const T = f instanceof R ? f : new R(
+        f instanceof Error ? f.message : String(f),
+        "START_FAILED",
+        !1
+      );
+      throw d(T), i(!1), (j = t.onError) == null || j.call(t, T), T;
+    }
+  }, []), m = N(async () => {
+    var y, j;
+    try {
+      const f = await K.stopRecording();
+      return u(f), i(!1), (y = t.onStop) == null || y.call(t), f;
+    } catch (f) {
+      const T = f instanceof R ? f : new R(
+        f instanceof Error ? f.message : String(f),
+        "STOP_FAILED",
+        !1
+      );
+      throw d(T), i(!1), (j = t.onError) == null || j.call(t, T), T;
+    }
+  }, []), c = N(
+    async (y, j = {}) => {
+      var f, T;
+      try {
+        d(null), n(!0);
+        const S = {
+          audioBlob: y,
+          ...j
+        }, v = await K.transcribe(S);
+        return l(v.transcript), n(!1), (f = t.onTranscriptionComplete) == null || f.call(t, v), v;
+      } catch (S) {
+        const v = S instanceof R ? S : new R(
+          S instanceof Error ? S.message : String(S),
+          "TRANSCRIPTION_FAILED",
+          !0
+        );
+        throw d(v), n(!1), (T = t.onError) == null || T.call(t, v), v;
+      }
+    },
+    []
+  ), g = N(() => {
+    K.cancelRecording(), i(!1), u(null);
+  }, []);
+  return {
+    startRecording: h,
+    stopRecording: m,
+    transcribe: c,
+    cancelRecording: g,
+    isRecording: r,
+    isTranscribing: s,
+    transcript: o,
+    error: a,
+    audioBlob: w
+  };
+}, gt = (t) => {
+  const r = E(null), i = E(!1);
+  C(() => {
+    const s = () => {
+      document.hidden && (i.current = !0, r.current && (clearTimeout(r.current), r.current = null), t({
+        type: "tab_switch",
+        severity: "high",
+        details: {
+          action: "tab_hidden",
+          reason: "Attempted to switch tabs or applications"
+        }
+      }), setTimeout(() => {
+        i.current = !1;
+      }, 100));
+    }, n = () => {
+      i.current || (r.current = setTimeout(() => {
+        i.current || t({
+          type: "focus_loss",
+          severity: "medium",
+          details: {
+            action: "window_blur",
+            reason: "Focus lost from the interview window"
+          }
+        }), r.current = null;
+      }, 50));
+    };
+    return document.addEventListener("visibilitychange", s), window.addEventListener("blur", n), () => {
+      document.removeEventListener("visibilitychange", s), window.removeEventListener("blur", n), r.current && clearTimeout(r.current);
+    };
+  }, [t]);
+}, ft = () => {
+  C(() => {
+    const t = document.createElement("style");
+    return t.textContent = `
+      * {
+        -webkit-user-select: none !important;
+        -moz-user-select: none !important;
+        -ms-user-select: none !important;
+        user-select: none !important;
+      }
+      input, textarea {
+        -webkit-user-select: text !important;
+        -moz-user-select: text !important;
+        -ms-user-select: text !important;
+        user-select: text !important;
+      }
+    `, document.head.appendChild(t), () => {
+      document.head.removeChild(t);
+    };
+  }, []);
+};
+class pt {
+  constructor(r = {}) {
+    F(this, "config");
+    F(this, "currentAudio", null);
+    this.config = {
+      baseUrl: "http://localhost:8000",
+      provider: "piper",
+      voice: "string",
+      speed: 1,
+      ...r
+    };
+  }
+  /**
+   * Update TTS configuration
+   */
+  updateConfig(r) {
+    this.config = { ...this.config, ...r };
+  }
+  /**
+   * Get TTS audio from the API and return as blob
+   */
+  async synthesizeSpeech(r) {
+    const {
+      text: i,
+      voice: s = this.config.voice,
+      speed: n = this.config.speed
+    } = r, o = new URLSearchParams();
+    o.append("text", i), o.append("voice", s || "string"), o.append("speed", (n == null ? void 0 : n.toString()) || "1");
+    const l = await he(
+      `${this.config.baseUrl}/speech/synthesize`,
+      {
+        method: "POST",
+        headers: {
+          accept: "application/json",
+          "X-TTS-Provider": this.config.provider || "piper",
+          "Content-Type": "application/x-www-form-urlencoded",
+          ...this.config.authToken && {
+            Authorization: `Bearer ${this.config.authToken}`
+          }
+        },
+        body: o
+      },
+      {
+        attempts: 1,
+        backoff: "fixed",
+        baseDelay: 1e3,
+        maxDelay: 1e3,
+        jitter: !1
+      }
+    );
+    if (!l.ok)
+      throw new Error(
+        `TTS request failed: ${l.status} ${l.statusText}`
+      );
+    const a = l.headers.get("content-type");
+    if (a && a.includes("audio/"))
+      return l.blob();
+    try {
+      const d = await l.json();
+      throw new Error(`TTS Error: ${JSON.stringify(d)}`);
+    } catch {
+      throw new Error("TTS request failed with unknown error");
+    }
+  }
+  /**
+   * Speak text and return a promise that resolves when playback completes
+   */
+  async speak(r, i) {
+    var s, n;
+    try {
+      this.stop(), (s = i == null ? void 0 : i.onStart) == null || s.call(i);
+      const o = await this.synthesizeSpeech(r), l = URL.createObjectURL(o);
+      return this.currentAudio = new Audio(l), new Promise((a, d) => {
+        if (!this.currentAudio) {
+          d(new Error("Audio element not created"));
+          return;
+        }
+        const w = this.currentAudio;
+        w.onended = () => {
+          var u;
+          URL.revokeObjectURL(l), this.currentAudio = null, (u = i == null ? void 0 : i.onEnd) == null || u.call(i), a();
+        }, w.onerror = (u) => {
+          var m;
+          URL.revokeObjectURL(l), this.currentAudio = null;
+          const h = new Error(`Audio playback failed: ${u}`);
+          (m = i == null ? void 0 : i.onError) == null || m.call(i, h), d(h);
+        }, w.play().catch((u) => {
+          var m;
+          URL.revokeObjectURL(l), this.currentAudio = null;
+          const h = new Error(`Failed to play audio: ${u.message}`);
+          (m = i == null ? void 0 : i.onError) == null || m.call(i, h), d(h);
+        });
+      });
+    } catch (o) {
+      const l = o instanceof Error ? o : new Error(`TTS Error: ${String(o)}`);
+      throw (n = i == null ? void 0 : i.onError) == null || n.call(i, l), l;
+    }
+  }
+  /**
+   * Stop current audio playback
+   */
+  stop() {
+    this.currentAudio && (this.currentAudio.pause(), this.currentAudio.currentTime = 0, this.currentAudio = null);
+  }
+  /**
+   * Check if audio is currently playing
+   */
+  isPlaying() {
+    return this.currentAudio !== null && !this.currentAudio.paused;
+  }
+}
+const we = new pt(), bt = (t = {}) => {
+  const [r, i] = k(!1), [s, n] = k(!1), [o, l] = k(null);
+  t.config && we.updateConfig(t.config);
+  const a = N(
+    async (w, u = {}) => {
+      var h;
+      try {
+        l(null), n(!0);
+        const m = {
+          text: w,
+          ...u
+        };
+        await we.speak(m, {
+          onStart: () => {
+            var c;
+            n(!1), i(!0), (c = t.onStart) == null || c.call(t);
+          },
+          onEnd: () => {
+            var c;
+            i(!1), (c = t.onEnd) == null || c.call(t);
+          },
+          onError: (c) => {
+            var g;
+            i(!1), n(!1), l(c), (g = t.onError) == null || g.call(t, c);
+          }
+        });
+      } catch (m) {
+        const c = m instanceof Error ? m : new Error(String(m));
+        throw l(c), i(!1), n(!1), (h = t.onError) == null || h.call(t, c), c;
+      }
+    },
+    [t]
+  ), d = N(() => {
+    we.stop(), i(!1), n(!1);
+  }, []);
+  return {
+    speak: a,
+    stop: d,
+    isPlaying: r,
+    isLoading: s,
+    error: o
+  };
+}, vt = ({
+  onViolation: t,
+  onEnd: r,
+  maxViolations: i = 5
+}) => {
+  const { addViolation: s } = We(), n = Ue(), o = ze(), l = E(o);
+  C(() => {
+    l.current = o;
+  }, [o]);
+  const a = N(
+    (w) => {
+      r && r(w, l.current);
+    },
+    [r]
+  );
+  return {
+    logViolation: N(
+      ({ type: w, severity: u, details: h }) => {
+        const m = {
+          id: Xe(),
+          type: w,
+          severity: u,
+          details: h,
+          timestamp: Date.now()
+        };
+        s(m);
+        const c = l.current + 1;
+        t && t(m, c), c >= i && a("excessive_violations");
+      },
+      [s, t, i, a]
+    ),
+    onInterviewEnd: a,
+    violationCount: o,
+    logList: n
+  };
+}, me = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("path", { d: "M12 2a10 10 0 0 1 7.38 16.75" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M12 6v6l4 2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M2.5 8.875a10 10 0 0 0-.5 3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M2.83 16a10 10 0 0 0 2.43 3.4" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M4.636 5.235a10 10 0 0 1 .891-.857" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M8.644 21.42a10 10 0 0 0 7.631-.38" })
+    ]
+  }
+), yt = (t, r, i) => Math.max(r, Math.min(i, t)), be = (t) => {
+  const r = Math.max(0, Math.floor(t)), i = Math.floor(r / 60).toString().padStart(2, "0"), s = (r % 60).toString().padStart(2, "0");
+  return `${i}:${s}`;
+}, xe = ({
+  total: t,
+  remaining: r,
+  size: i = 64,
+  strokeWidth: s = 6,
+  className: n = "",
+  showLabel: o = !0
+}) => {
+  const l = Math.max(1, t || 1), a = yt(r / l, 0, 1), { radius: d, circumference: w, dashOffset: u, center: h } = X(() => {
+    const g = (i - s) / 2, y = 2 * Math.PI * g, j = y * (1 - a), f = Math.round(s) % 2 === 1, T = i / 2 + (f ? 0.5 : 0);
+    return { radius: g, circumference: y, dashOffset: j, center: T };
+  }, [i, s, a]), m = X(() => a <= 0.25 ? "iw-stroke-red-500" : a <= 0.5 ? "iw-stroke-yellow-500" : "iw-stroke-green-500", [a]), c = a <= 0.25 ? "iw-animate-pulse" : "";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `iw-relative iw-inline-flex iw-items-center iw-justify-center iw-rounded-full iw-bg-white ${n}`,
+      style: { width: i, height: i },
+      "aria-label": `Time remaining ${be(r)}`,
+      role: "timer",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "svg",
+          {
+            width: i,
+            height: i,
+            viewBox: `0 0 ${i} ${i}`,
+            preserveAspectRatio: "xMidYMid meet",
+            children: /* @__PURE__ */ e.jsxs("g", { transform: `rotate(-90 ${h} ${h})`, children: [
+              /* @__PURE__ */ e.jsx(
+                "circle",
+                {
+                  cx: h,
+                  cy: h,
+                  r: d,
+                  className: "iw-stroke-gray-200",
+                  strokeWidth: s,
+                  fill: "none",
+                  shapeRendering: "geometricPrecision",
+                  vectorEffect: "non-scaling-stroke"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "circle",
+                {
+                  cx: h,
+                  cy: h,
+                  r: d,
+                  className: `${m} ${c}`,
+                  strokeWidth: s,
+                  strokeLinecap: "round",
+                  fill: "none",
+                  strokeDasharray: w,
+                  strokeDashoffset: u,
+                  shapeRendering: "geometricPrecision",
+                  vectorEffect: "non-scaling-stroke",
+                  style: {
+                    transition: "stroke-dashoffset 0.3s ease, stroke 0.2s ease"
+                  }
+                }
+              )
+            ] })
+          }
+        ),
+        o && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-0 iw-flex iw-items-center iw-justify-center iw-rotate-0", children: /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            className: `iw-text-[11px] iw-font-semibold iw-tabular-nums ${a <= 0.25 ? "iw-text-red-600" : a <= 0.5 ? "iw-text-yellow-600" : "iw-text-green-600"}`,
+            children: be(r)
+          }
+        ) })
+      ]
+    }
+  );
+}, jt = ({
+  label: t,
+  error: r,
+  fullWidth: i = !1,
+  className: s = "",
+  id: n,
+  ...o
+}) => {
+  const l = n || `textarea-${Math.random().toString(36).substring(2, 9)}`, a = "iw-block iw-rounded-md iw-border iw-border-gray-300 iw-shadow-sm iw-px-4 iw-py-2 iw-text-sm  iw-transition-all", d = r ? "iw-border-red-500 iw-focus:border-red-500 iw-focus:ring-red-500" : "", w = i ? "iw-w-full" : "", u = s.includes("iw-h-full") || i ? "iw-h-full" : "";
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `iw-h-full iw-flex iw-flex-col ${i ? "iw-w-full" : ""}`,
+      children: [
+        t && /* @__PURE__ */ e.jsx(
+          "label",
+          {
+            htmlFor: l,
+            className: "iw-block iw-text-sm iw-font-medium iw-text-gray-700 iw-mb-1",
+            children: t
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "textarea",
+          {
+            id: l,
+            className: `${a} ${d} ${w} ${u} ${s}`,
+            "aria-invalid": r ? "true" : "false",
+            ...o
+          }
+        ),
+        r && /* @__PURE__ */ e.jsx("p", { className: "iw-mt-1 iw-text-sm iw-text-red-600", children: r })
+      ]
+    }
+  );
+}, Nt = ({
+  value: t,
+  onChange: r,
+  onSubmit: i,
+  isSubmitDisabled: s,
+  state: n,
+  editingTime: o
+}) => {
+  const l = (a) => {
+    a.key === "Enter" && (a.ctrlKey || a.metaKey) && !s && (a.preventDefault(), i());
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-h-full ", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Your Answer" }),
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
+          /* @__PURE__ */ e.jsx(me, { className: "iw-size-4 iw-text-orange-600" }),
+          /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to edit: " })
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          xe,
+          {
+            total: o,
+            remaining: n.currentPhaseTimeRemaining,
+            size: 50,
+            strokeWidth: 4
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: " iw-overflow-hidden  iw-flex iw-flex-col iw-h-full iw-mt-2", children: [
+      /* @__PURE__ */ e.jsx(
+        jt,
+        {
+          value: t,
+          onChange: r,
+          onKeyDown: l,
+          placeholder: "Type your answer here...",
+          className: " iw-w-full iw-h-full iw-flex-1 iw-resize-none !iw-p-4 iw-bg-transparent iw-min-h-full  focus-visible:iw-outline-0",
+          onPaste: (a) => a.preventDefault(),
+          onCopy: (a) => a.preventDefault(),
+          onCut: (a) => a.preventDefault(),
+          onDrop: (a) => a.preventDefault(),
+          onDragOver: (a) => a.preventDefault()
+        }
+      ),
+      /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1 iw-mt-4", children: /* @__PURE__ */ e.jsx(W, { onClick: i, disabled: s, children: "Submit Answer" }) })
+    ] })
+  ] });
+}, kt = ({ className: t = "" }) => {
+  var n;
+  const { authToken: r } = Ce(), i = r ? Ze(r) : null, s = E(null);
+  return C(() => {
+    let o = null;
+    return (async () => {
+      try {
+        o = await navigator.mediaDevices.getUserMedia({
+          video: !0,
+          audio: !1
+        }), s.current && (s.current.srcObject = o);
+      } catch (a) {
+        console.error("Error accessing camera:", a);
+      }
+    })(), () => {
+      o && o.getTracks().forEach((a) => a.stop());
+    };
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: `iw-relative ${t}`, children: [
+    /* @__PURE__ */ e.jsx(
+      "video",
+      {
+        ref: s,
+        autoPlay: !0,
+        playsInline: !0,
+        muted: !0,
+        className: "iw-w-full iw-h-full iw-object-cover iw-scale-75 iw-rounded-r-xl iw-min-h-[400px] iw-max-h-[600px] iw-aspect-video",
+        style: {
+          transform: "scaleX(-1)"
+        }
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-absolute iw-top-4 iw-left-4 iw-inline-flex iw-items-center iw-gap-2 iw-rounded-lg iw-border iw-border-white/10 iw-bg-black/40 iw-px-4 iw-py-2 iw-backdrop-blur-md", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "iw-size-2 iw-animate-pulse iw-rounded-full iw-bg-red-500" }),
+      /* @__PURE__ */ e.jsx("span", { className: "iw-font-medium iw-text-white", children: "Recording" })
+    ] }),
+    ((n = i == null ? void 0 : i.data) == null ? void 0 : n.user_name) && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-bottom-4 iw-right-4 iw-inline-flex iw-items-center iw-gap-2 iw-rounded-lg iw-border iw-border-white/10 iw-bg-black/40 iw-px-4 iw-py-2 iw-backdrop-blur-md", children: /* @__PURE__ */ e.jsx("span", { className: "iw-font-medium iw-text-white", children: i.data.user_name }) })
+  ] });
+}, Tt = ({
+  question: t,
+  isLoading: r = !1
+}) => {
+  const { baseColor: i } = Z();
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "iw-rounded-xl iw-mb-4 message-animation  iw-text-gray-800 iw-p-6 ",
+      style: Je(i, 0.85),
+      children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-8", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-flex-col iw-items-center iw-relative iw-h-32 iw-w-32 iw-shrink-0 iw-shadow iw-rounded-lg iw-bg-white", children: /* @__PURE__ */ e.jsx("div", { className: "iw-mt-2", children: /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: "https://duf9q5sx7u.ufs.sh/f/va7H6eSeKAux755zByRN5Nq9LZurgIoJGYX6c0CEdRSDm8y2",
+            alt: "brand_logo",
+            className: "iw-h-28 iw-w-28"
+          }
+        ) }) }),
+        r ? /* @__PURE__ */ e.jsxs("div", { className: "iw-animate-pulse iw-w-full iw-space-y-3 iw-mr-10", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "iw-h-5 iw-bg-gray-200 iw-rounded iw-w-full" }),
+          /* @__PURE__ */ e.jsx("div", { className: "iw-h-5 iw-bg-gray-200 iw-rounded iw-w-3/4" })
+        ] }) : /* @__PURE__ */ e.jsx("p", { className: "iw-text-lg iw-leading-8", children: t == null ? void 0 : t.question })
+      ] })
+    }
+  );
+}, ve = ({
+  currentQuestion: t,
+  phase: r,
+  className: i = "",
+  children: s
+}) => /* @__PURE__ */ e.jsxs(
+  "div",
+  {
+    className: `iw-p-4 iw-space-y-4 iw-pb-6 ${i}  iw-min-h-[calc(100vh_-_3.8rem)] iw-flex iw-flex-col iw-justify-between`,
+    children: [
+      /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-items-start iw-justify-between iw-gap-3", children: /* @__PURE__ */ e.jsx("div", { className: "iw-flex-1", children: /* @__PURE__ */ e.jsx(
+        Tt,
+        {
+          question: t,
+          isLoading: r === D.FETCHING_QUESTION || r === D.IDLE
+        }
+      ) }) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "iw iw-bg-[#F6F6F6] iw-grid iw-grid-cols-2 iw-rounded-[14px] iw-p-6", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "iw-min-h-[400px] iw-max-h-[600px]", children: /* @__PURE__ */ e.jsx(kt, {}) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-bg-white iw-rounded-r-xl iw-shadow iw-p-6", children: s })
+      ] })
+    ]
+  }
+), _e = ({
+  isOpen: t,
+  onClose: r,
+  children: i,
+  title: s,
+  showCloseButton: n = !0,
+  closeOnOverlayClick: o = !0,
+  closeOnEscape: l = !0,
+  className: a = ""
+}) => {
+  if (C(() => {
+    if (!t || !l) return;
+    const u = (h) => {
+      h.key === "Escape" && r();
+    };
+    return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
+  }, [t, l, r]), C(() => (t ? (document.body.style.overflow = "hidden", document.body.classList.add("interview-widget-container")) : (document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container")), () => {
+    document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container");
+  }), [t]), !t) return null;
+  const d = (u) => {
+    o && u.target === u.currentTarget && r();
+  }, w = /* @__PURE__ */ e.jsxs("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center", children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "iw-fixed iw-inset-0 iw-bg-black iw-bg-opacity-50 iw-transition-opacity",
+        onClick: d
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: `iw-relative iw-bg-white iw-rounded-lg iw-shadow-xl iw-max-w-md iw-w-full iw-mx-4 iw-max-h-[90vh] iw-overflow-hidden ${a}`,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": s ? "dialog-title" : void 0,
+        children: [
+          (s || n) && /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between iw-p-4 iw-border-b iw-border-gray-200", children: [
+            s && /* @__PURE__ */ e.jsx(
+              "h2",
+              {
+                id: "dialog-title",
+                className: "iw-text-lg iw-font-semibold iw-text-gray-900",
+                children: s
+              }
+            ),
+            n && /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                onClick: r,
+                className: "iw-p-1 iw-text-gray-400 iw-hover:text-gray-600 iw-transition-colors iw-rounded iw-hover:bg-gray-100",
+                "aria-label": "Close dialog",
+                children: /* @__PURE__ */ e.jsx(
+                  "svg",
+                  {
+                    className: "iw-w-5 iw-h-5",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: /* @__PURE__ */ e.jsx(
+                      "path",
+                      {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: 2,
+                        d: "M6 18L18 6M6 6l12 12"
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "iw-p-4 iw-overflow-y-auto", children: i })
+        ]
+      }
+    )
+  ] });
+  return $e(w, document.body);
+}, Et = ({
+  confirmExitInterview: t,
+  isOpen: r,
+  onClose: i
+}) => /* @__PURE__ */ e.jsx(
+  _e,
+  {
+    isOpen: r,
+    onClose: i,
+    title: "Exit Interview",
+    closeOnOverlayClick: !1,
+    children: /* @__PURE__ */ e.jsxs("div", { className: "iw-space-y-5", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-3 iw-rounded-xl iw-p-2", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-flex-none iw-items-center iw-justify-center iw-rounded-full iw-bg-rose-100 iw-text-rose-600", children: "!" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "iw-space-y-2", children: [
+          /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-font-semibold iw-text-rose-600", children: "Leaving now will end your interview !" }),
+          /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-text-slate-500", children: "Are you sure you want to exit? All progress will be lost and you will not be able to resume." })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col-reverse iw-gap-2 sm:iw-flex-row sm:iw-items-center sm:iw-justify-end iw-pb-1", children: [
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: "iw-inline-flex iw-items-center iw-justify-center iw-rounded-lg iw-border iw-border-slate-200 iw-bg-white iw-px-4 iw-py-2 iw-text-sm iw-font-medium iw-text-slate-600 iw-shadow-sm iw-transition hover:iw-bg-slate-50",
+            onClick: i,
+            children: "Stay in interview"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            className: "iw-inline-flex iw-items-center iw-justify-center iw-rounded-lg iw-bg-gradient-to-r iw-from-red-500/80 iw-to-red-600/80 iw-px-4 iw-py-2 iw-text-sm iw-font-semibold iw-text-white iw-shadow-[0_12px_30px_-16px_rgba(244,63,94,0.65)] iw-transition hover:iw-brightness-110",
+            onClick: t,
+            children: "Confirm exit"
+          }
+        )
+      ] })
+    ] })
+  }
+), ye = ({ title: t, onExit: r }) => {
+  const { baseColor: i } = Z(), [s, n] = k(!1);
+  return /* @__PURE__ */ e.jsxs("header", { className: "iw-w-full iw-text-gray-900", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-mx-auto iw-flex iw-items-center iw-justify-between iw-px-4 iw-pb-4 iw-pt-2", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-space-x-2", children: [
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "iw-h-7 iw-w-7 iw-rounded-md  iw-flex iw-items-center iw-justify-center iw-text-white iw-font-semibold",
+            style: { backgroundColor: i },
+            children: "N"
+          }
+        ),
+        /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-font-medium", children: "Novara" })
+      ] }),
+      /* @__PURE__ */ e.jsx("h1", { className: "iw-text-base iw-font-bold", children: t }),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          className: "iw-text-sm iw-text-white iw-bg-gradient-to-r iw-from-red-500/80 iw-to-red-600/80 iw-px-4 iw-py-2 iw-rounded-md",
+          onClick: () => n(!0),
+          children: "Exit Interview"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { className: "iw-h-px iw-bg-gray-200" }),
+    /* @__PURE__ */ e.jsx(
+      Et,
+      {
+        isOpen: s,
+        confirmExitInterview: () => {
+          r(), n(!1);
+        },
+        onClose: () => n(!1)
+      }
+    )
+  ] });
+}, St = ({
+  className: t = "",
+  width: r,
+  height: i = 56,
+  barWidth: s = 3,
+  gap: n = 2,
+  fftSize: o = 1024,
+  smoothingTimeConstant: l = 0.8,
+  mediaStream: a,
+  startOnMount: d = !0
+}) => {
+  const { baseColor: w } = Z(), u = E(null), h = E(null), m = E(null), c = E(null), g = E(null), y = E(null), j = E(!1), [f, T] = k(null);
+  C(() => {
+    if (r || !h.current) return;
+    const v = h.current, _ = () => {
+      const P = u.current;
+      if (!P) return;
+      const M = v.clientWidth, x = i;
+      P.width = Math.max(1, Math.floor(M * window.devicePixelRatio || 1)), P.height = Math.max(1, Math.floor(x * window.devicePixelRatio || 1));
+    }, b = new ResizeObserver(_);
+    return b.observe(v), _(), () => b.disconnect();
+  }, [r, i]), C(() => {
+    if (!r) return;
+    const v = u.current;
+    v && (v.width = Math.max(
+      1,
+      Math.floor(r * (window.devicePixelRatio || 1))
+    ), v.height = Math.max(
+      1,
+      Math.floor(i * (window.devicePixelRatio || 1))
+    ));
+  }, [r, i]), C(() => {
+    let v = !1;
+    return (async () => {
+      try {
+        const b = new (window.AudioContext || window.webkitAudioContext)();
+        m.current = b;
+        let P = a;
+        if (!P) {
+          if (!d) return;
+          P = await navigator.mediaDevices.getUserMedia({
+            audio: !0,
+            video: !1
+          }), j.current = !0;
+        }
+        if (v) return;
+        const M = b.createAnalyser();
+        M.fftSize = o, M.smoothingTimeConstant = l, c.current = M;
+        const x = b.createMediaStreamSource(P);
+        g.current = x, x.connect(M), S();
+      } catch (b) {
+        T((b == null ? void 0 : b.message) || "Failed to initialize microphone");
+      }
+    })(), () => {
+      var b, P, M, x;
+      v = !0, y.current && cancelAnimationFrame(y.current);
+      try {
+        (b = g.current) == null || b.disconnect();
+      } catch {
+      }
+      try {
+        (P = c.current) == null || P.disconnect();
+      } catch {
+      }
+      j.current && ((x = ((M = g.current) == null ? void 0 : M.mediaStream) || void 0) == null || x.getTracks().forEach((I) => I.stop())), m.current && m.current.state !== "closed" && m.current.close();
+    };
+  }, [a, o, l, d]);
+  const S = () => {
+    const v = u.current, _ = c.current;
+    if (!v || !_) return;
+    const b = v.getContext("2d");
+    if (!b) return;
+    const P = window.devicePixelRatio || 1, M = v.width, x = v.height, I = _.frequencyBinCount, L = new Uint8Array(I), G = () => {
+      y.current = requestAnimationFrame(G), _.getByteTimeDomainData(L), b.clearRect(0, 0, M, x), b.fillStyle = "rgba(0,0,0,0)", b.fillRect(0, 0, M, x);
+      const B = Math.max(1, Math.floor(s * P)), V = Math.max(1, Math.floor(n * P)), H = B + V, q = Math.max(8, Math.floor((M + V) / H)), z = Math.floor(L.length / q);
+      for (let A = 0; A < q; A++) {
+        const Q = Math.min(L.length - 1, A * z), oe = L[Q] / 128 - 1, U = Math.abs(oe), le = Math.pow(U, 0.6), Y = Math.max(x * 0.06, le * (x * 0.9)), ce = A * H, de = (x - Y) / 2, J = 140 - Math.min(140, 140 * U), ee = 85, p = 48 + Math.floor(12 * (1 - U));
+        b.fillStyle = `${w}`, b.shadowColor = `hsla(${J}, ${ee}%, ${p}%, ${0.25 * U})`, b.shadowBlur = 8 * U;
+        const O = Math.min(B / 2, Y / 2);
+        Ct(b, ce, de, B, Y, O), b.fill();
+      }
+    };
+    G();
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: h,
+      className: `iw-relative iw-w-full iw-overflow-hidden iw-rounded-md iw-bg-gray-50 ${t}`,
+      style: { height: i },
+      children: [
+        /* @__PURE__ */ e.jsx("canvas", { ref: u, className: "iw-w-full iw-h-full" }),
+        f && /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-0 iw-flex iw-items-center iw-justify-center", children: /* @__PURE__ */ e.jsx("span", { className: "iw-text-xs iw-text-red-600 iw-bg-red-50 iw-border iw-border-red-200 iw-px-2 iw-py-1 iw-rounded", children: f }) })
+      ]
+    }
+  );
+};
+function Ct(t, r, i, s, n, o) {
+  const l = Math.min(o, s / 2, n / 2);
+  t.beginPath(), t.moveTo(r + l, i), t.lineTo(r + s - l, i), t.quadraticCurveTo(r + s, i, r + s, i + l), t.lineTo(r + s, i + n - l), t.quadraticCurveTo(r + s, i + n, r + s - l, i + n), t.lineTo(r + l, i + n), t.quadraticCurveTo(r, i + n, r, i + n - l), t.lineTo(r, i + l), t.quadraticCurveTo(r, i, r + l, i), t.closePath();
+}
+const It = ({
+  state: t,
+  answeringTime: r,
+  nextPhase: i,
+  sttError: s
+}) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-justify-between iw-h-full ", children: [
+  /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-between", children: [
+      /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "You may start speaking now. We're listening...." }),
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
+          /* @__PURE__ */ e.jsx(me, { className: "iw-size-4 iw-text-orange-600" }),
+          /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to talk: " })
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          xe,
+          {
+            total: r,
+            remaining: t.currentPhaseTimeRemaining,
+            size: 50,
+            strokeWidth: 4
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("p", { className: "iw-max-w-lg iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: "Done talking? Click the button to review your answer." })
+  ] }),
+  /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx(St, {}),
+    s && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
+      "Recording error: ",
+      s.message
+    ] })
+  ] }),
+  /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1", children: /* @__PURE__ */ e.jsx(
+    W,
+    {
+      onClick: () => {
+        i();
+      },
+      children: "Transcribe My Answer"
+    }
+  ) })
+] });
+function Rt() {
+  const [t, r] = k(!0), i = X(
+    () => [0, 1, 2].map((s) => ({ id: s })),
+    []
+  );
+  return C(() => {
+    const s = setInterval(() => {
+      r((n) => !n);
+    }, 1500);
+    return () => clearInterval(s);
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-8 iw-h-full", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "iw-relative iw-w-80 iw-h-48 ", "aria-hidden": !0, children: i.map((s, n) => {
+      const o = n * 50, l = t ? o : o + 12, a = t ? 1 : 0.08, d = n * 140;
+      return /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          role: "presentation",
+          className: "iw-absolute iw-w-full iw-rounded-lg iw-p-4 iw-shadow-md iw-bg-gradient-to-b iw-from-gray-50 iw-to-gray-100 iw-overflow-hidden",
+          style: {
+            top: 0,
+            transform: `translateY(${l}px)`,
+            opacity: a,
+            transition: `transform 600ms cubic-bezier(.2,.9,.3,1) ${d}ms, opacity 400ms ease ${d}ms`
+          },
+          children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-gap-3 iw-items-center", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "iw-w-10 iw-h-10 iw-bg-gray-300 iw-rounded iw-flex-shrink-0" }),
+            /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1 iw-space-y-2", children: [
+              /* @__PURE__ */ e.jsx("div", { className: "iw-h-2 iw-bg-gray-300 iw-rounded iw-w-24" }),
+              /* @__PURE__ */ e.jsx("div", { className: "iw-h-2 iw-bg-gray-300 iw-rounded iw-w-32" })
+            ] })
+          ] })
+        },
+        s.id
+      );
+    }) }),
+    /* @__PURE__ */ e.jsx("div", { className: "iw-text-center", children: /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-500  iw-font-medium", children: "Preparing your question..." }) })
+  ] });
+}
+const Mt = ({
+  size: t = "192px",
+  className: r,
+  colors: i,
+  animationDuration: s = 20
+}) => {
+  const o = { ...{
+    bg: "oklch(95% 0.02 264.695)",
+    c1: "oklch(75% 0.15 350)",
+    // Pastel pink
+    c2: "oklch(80% 0.12 200)",
+    // Pastel blue
+    c3: "oklch(78% 0.14 280)"
+    // Pastel purple/lavender
+  }, ...i }, l = parseInt(t.replace("px", ""), 10), a = l < 50 ? Math.max(l * 8e-3, 1) : Math.max(l * 0.015, 4), d = l < 50 ? Math.max(l * 4e-3, 1.2) : Math.max(l * 8e-3, 1.5), w = l < 50 ? Math.max(l * 4e-3, 0.05) : Math.max(l * 8e-3, 0.1), u = l < 50 ? Math.max(l * 4e-3, 0.5) : Math.max(l * 8e-3, 2), h = l < 30 ? "0%" : l < 50 ? "5%" : l < 100 ? "15%" : "25%", m = l < 30 ? 1.1 : l < 50 ? Math.max(d * 1.2, 1.3) : d;
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: `siri-orb ${r}`,
+      style: {
+        width: t,
+        height: t,
+        "--bg": o.bg,
+        "--c1": o.c1,
+        "--c2": o.c2,
+        "--c3": o.c3,
+        "--animation-duration": `${s}s`,
+        "--blur-amount": `${a}px`,
+        "--contrast-amount": m,
+        "--dot-size": `${w}px`,
+        "--shadow-spread": `${u}px`,
+        "--mask-radius": h
+      },
+      children: /* @__PURE__ */ e.jsx("style", { children: `
+        @property --angle {
+          syntax: "<angle>";
+          inherits: false;
+          initial-value: 0deg;
+        }
+
+        .siri-orb {
+          display: grid;
+          grid-template-areas: "stack";
+          overflow: hidden;
+          border-radius: 50%;
+          position: relative;
+          transform: scale(1.1);
+        }
+
+        .siri-orb::before,
+        .siri-orb::after {
+          content: "";
+          display: block;
+          grid-area: stack;
+          width: 100%;
+          height: 100%;
+          border-radius: 50%;
+          transform: translateZ(0);
+        }
+
+        .siri-orb::before {
+          background: conic-gradient(
+              from calc(var(--angle) * 2) at 25% 70%,
+              var(--c3),
+              transparent 20% 80%,
+              var(--c3)
+            ),
+            conic-gradient(
+              from calc(var(--angle) * 2) at 45% 75%,
+              var(--c2),
+              transparent 30% 60%,
+              var(--c2)
+            ),
+            conic-gradient(
+              from calc(var(--angle) * -3) at 80% 20%,
+              var(--c1),
+              transparent 40% 60%,
+              var(--c1)
+            ),
+            conic-gradient(
+              from calc(var(--angle) * 2) at 15% 5%,
+              var(--c2),
+              transparent 10% 90%,
+              var(--c2)
+            ),
+            conic-gradient(
+              from calc(var(--angle) * 1) at 20% 80%,
+              var(--c1),
+              transparent 10% 90%,
+              var(--c1)
+            ),
+            conic-gradient(
+              from calc(var(--angle) * -2) at 85% 10%,
+              var(--c3),
+              transparent 20% 80%,
+              var(--c3)
+            );
+          box-shadow: inset var(--bg) 0 0 var(--shadow-spread)
+            calc(var(--shadow-spread) * 0.2);
+          filter: blur(var(--blur-amount)) contrast(var(--contrast-amount));
+          animation: rotate var(--animation-duration) linear infinite;
+        }
+
+        .siri-orb::after {
+          background-image: radial-gradient(
+            circle at center,
+            var(--bg) var(--dot-size),
+            transparent var(--dot-size)
+          );
+          background-size: calc(var(--dot-size) * 2) calc(var(--dot-size) * 2);
+          backdrop-filter: blur(calc(var(--blur-amount) * 2))
+            contrast(calc(var(--contrast-amount) * 2));
+          mix-blend-mode: overlay;
+        }
+
+        /* Apply mask only when radius is greater than 0 */
+        .siri-orb[style*="--mask-radius: 0%"]::after {
+          mask-image: none;
+        }
+
+        .siri-orb:not([style*="--mask-radius: 0%"])::after {
+          mask-image: radial-gradient(
+            black var(--mask-radius),
+            transparent 75%
+          );
+        }
+
+        @keyframes rotate {
+          to {
+            --angle: 360deg;
+          }
+        }
+
+        @media (prefers-reduced-motion: reduce) {
+          .siri-orb::before {
+            animation: none;
+          }
+        }
+      ` })
+    }
+  );
+};
+function At({ ttsError: t }) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-8 iw-w-full iw-h-full", children: [
+    /* @__PURE__ */ e.jsx(Mt, { size: "80px" }),
+    t && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
+      "Audio playback failed: ",
+      t.message
+    ] }),
+    /* @__PURE__ */ e.jsx("p", { className: "iw-text- iw-text-gray-700", children: "Your AI interviewer is speaking..." })
+  ] });
+}
+const Pt = ({ state: t, thinkingTime: r, nextPhase: i }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-gap-6 iw-items-center iw-justify-center iw-text-center iw-h-full ", children: [
+  /* @__PURE__ */ e.jsxs("div", { children: [
+    /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Get Ready to Answer" }),
+    /* @__PURE__ */ e.jsx("p", { className: "iw-max-w-lg iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: "After 30-seconds thinking time, recording will start automatically, or you can begin recording early by clicking the button below." })
+  ] }),
+  /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-justify-center iw-gap-2", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-1", children: [
+      /* @__PURE__ */ e.jsx(me, { className: "iw-size-4 iw-text-orange-600" }),
+      /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-700 iw-text-sm", children: "Time to think: " })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      xe,
+      {
+        total: r,
+        remaining: t.currentPhaseTimeRemaining,
+        size: 50,
+        strokeWidth: 4
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e.jsx("div", { className: "iw-w-full iw-grid iw-grid-cols-1", children: /* @__PURE__ */ e.jsx(
+    W,
+    {
+      onClick: () => {
+        i();
+      },
+      children: "Start Answering"
+    }
+  ) })
+] }), Dt = ({ sttError: t }) => /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-flex-col iw-items-center iw-justify-center iw-h-full", children: [
+  /* @__PURE__ */ e.jsxs("svg", { width: "48", height: "48", viewBox: "0 0 60 60", fill: "none", children: [
+    /* @__PURE__ */ e.jsx(
+      "rect",
+      {
+        width: 60,
+        height: 60,
+        rx: 30,
+        fill: "url(#prefix__paint0_linear_1460_12482)"
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        d: "M28.127 14c.276 7.685 6.442 13.851 14.127 14.127-7.684.276-13.85 6.442-14.127 14.127-.275-7.685-6.442-13.851-14.126-14.127 7.684-.276 13.85-6.442 14.126-14.127zM38.937 31.873A7.331 7.331 0 0046 38.937 7.331 7.331 0 0038.937 46a7.331 7.331 0 00-7.064-7.063 7.331 7.331 0 007.064-7.064z",
+        fill: "#fff"
+      }
+    ),
+    /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
+      "linearGradient",
+      {
+        id: "prefix__paint0_linear_1460_12482",
+        x1: 30,
+        y1: -6.563,
+        x2: 77.813,
+        y2: 54.375,
+        gradientUnits: "userSpaceOnUse",
+        children: [
+          /* @__PURE__ */ e.jsx("stop", { offset: 0.211, stopColor: "#5C92FA" }),
+          /* @__PURE__ */ e.jsx("stop", { offset: 1, stopColor: "#A75FFD" })
+        ]
+      }
+    ) })
+  ] }),
+  /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1 iw-mt-3", children: "Just a moment... We're analyzing your response" }),
+  /* @__PURE__ */ e.jsx("p", { className: "iw-max-w-lg iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: "After transcription, you'll have 45 sec to review your answer." }),
+  t && /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-2 iw-text-xs iw-text-red-600", children: [
+    "Transcription error: ",
+    t.message,
+    t.recoverable && " (attempting to continue)"
+  ] })
+] }), ie = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M12 9v4" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M12 17h.01" })
+    ]
+  }
+), _t = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("path", { d: "M12 6v6l4 2" }),
+      /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
+    ]
+  }
+), Ft = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
+      /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" })
+    ]
+  }
+), Lt = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
+    ]
+  }
+), ue = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
+    ]
+  }
+), $t = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M3 7V5a2 2 0 0 1 2-2h2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M17 3h2a2 2 0 0 1 2 2v2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M21 17v2a2 2 0 0 1-2 2h-2" }),
+      /* @__PURE__ */ e.jsx("path", { d: "M7 21H5a2 2 0 0 1-2-2v-2" })
+    ]
+  }
+), te = 5;
+function qt({
+  isOpen: t,
+  onClose: r,
+  warningCount: i,
+  violationType: s,
+  onDisqualify: n
+}) {
+  const [o, l] = k(10), a = E(r);
+  if (C(() => {
+    a.current = r;
+  }, [r]), C(() => {
+    if (!t) return;
+    const m = setInterval(() => {
+      l((c) => c <= 1 ? (a.current(), 10) : c - 1);
+    }, 1e3);
+    return () => clearInterval(m);
+  }, [t]), C(() => {
+    t && l(10);
+  }, [t]), C(() => (t ? (document.body.style.overflow = "hidden", document.body.classList.add("interview-widget-container")) : (document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container")), () => {
+    document.body.style.overflow = "unset", document.body.classList.remove("interview-widget-container");
+  }), [t]), !t) return null;
+  const w = (() => {
+    switch (s) {
+      case "tab_switch":
+        return {
+          title: "Tab Switch Detected",
+          description: "You attempted to switch to another tab or reload application.",
+          icon: /* @__PURE__ */ e.jsx(Ft, { className: "iw-h-5 iw-w-5" })
+        };
+      case "fullscreen_exit":
+        return {
+          title: "Full Screen Exit Detected",
+          description: "You attempted to exit full screen mode.",
+          icon: /* @__PURE__ */ e.jsx(De, { className: "iw-h-5 iw-w-5" })
+        };
+      case "focus_loss":
+        return {
+          title: "Focus Loss Detected",
+          description: "You lost focus from the interview window.",
+          icon: /* @__PURE__ */ e.jsx(Lt, { className: "iw-h-5 iw-w-5" })
+        };
+      case "blocked_shortcut":
+        return {
+          title: "Keyboard Shortcut Blocked",
+          description: "You attempted to use a blocked keyboard shortcut.",
+          icon: /* @__PURE__ */ e.jsx(ue, { className: "iw-h-5 iw-w-5" })
+        };
+      case "right_click_attempt":
+        return {
+          title: "Right Click Attempted",
+          description: "You attempted to use the right click.",
+          icon: /* @__PURE__ */ e.jsx($t, { className: "iw-h-5 iw-w-5" })
+        };
+      case "alt_tab_attempt":
+        return {
+          title: "Alt + Tab Attempted",
+          description: "You attempted to use the Alt + Tab shortcut.",
+          icon: /* @__PURE__ */ e.jsx(ue, { className: "iw-h-5 iw-w-5" })
+        };
+      case "blocked_function_key":
+        return {
+          title: "Function Key Blocked",
+          description: "You attempted to use a blocked function key.",
+          icon: /* @__PURE__ */ e.jsx(ue, { className: "iw-h-5 iw-w-5" })
+        };
+      default:
+        return {
+          title: "Violation Detected",
+          description: "You attempted to perform an action that is not allowed.",
+          icon: /* @__PURE__ */ e.jsx(ie, { className: "iw-h-5 iw-w-5" })
+        };
+    }
+  })(), u = te - i, h = () => {
+    i + 1 > te ? n() : r();
+  };
+  return /* @__PURE__ */ e.jsx("div", { className: "iw-fixed iw-inset-0 iw-z-50 iw-flex iw-items-center iw-justify-center iw-bg-black/60 iw-p-4 iw-backdrop-blur-sm", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-w-full iw-max-w-md iw-rounded-2xl iw-border iw-border-gray-100 iw-bg-white iw-shadow-xl", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-p-6 iw-pb-0", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-mb-6 iw-flex iw-items-start iw-gap-4", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-12 iw-w-12 iw-flex-shrink-0 iw-items-center iw-justify-center iw-rounded-2xl iw-bg-red-50", children: /* @__PURE__ */ e.jsx(ie, { className: "iw-h-6 iw-w-6 iw-text-red-500" }) }),
+        /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1", children: [
+          /* @__PURE__ */ e.jsx("h2", { className: "iw-mb-1 iw-text-xl iw-font-semibold iw-text-gray-900", children: "Security Violation" }),
+          /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-2", children: [
+            /* @__PURE__ */ e.jsx("span", { className: "iw-text-sm iw-text-gray-500", children: "Warning" }),
+            /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-gap-1", children: Array.from({ length: te }).map((m, c) => /* @__PURE__ */ e.jsx(
+              "div",
+              {
+                className: `iw-h-2 iw-w-2 iw-rounded-full ${c <= i - 1 ? "iw-bg-red-500" : "iw-bg-gray-200"}`
+              },
+              c
+            )) }),
+            /* @__PURE__ */ e.jsxs("span", { className: "iw-text-sm iw-text-gray-500", children: [
+              "(",
+              i,
+              "/",
+              te,
+              ")"
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsx("div", { className: "iw-mb-5 iw-rounded-2xl iw-border iw-border-red-100 iw-bg-gradient-to-r iw-from-red-50 iw-to-orange-50 iw-p-5", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-start iw-gap-4", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-10 iw-w-10 iw-items-center iw-justify-center iw-rounded-xl iw-bg-white iw-shadow-sm", children: w.icon }),
+        /* @__PURE__ */ e.jsxs("div", { className: "iw-flex-1", children: [
+          /* @__PURE__ */ e.jsx("h3", { className: "iw-mb-2 iw-font-semibold iw-text-gray-900", children: w.title }),
+          /* @__PURE__ */ e.jsx("p", { className: "iw-text-sm iw-leading-relaxed iw-text-gray-700", children: w.description }),
+          /* @__PURE__ */ e.jsxs("div", { className: "iw-mt-3 iw-flex iw-items-center iw-gap-2 iw-text-xs iw-text-red-600", children: [
+            /* @__PURE__ */ e.jsx(Pe, { className: "iw-h-3 iw-w-3" }),
+            /* @__PURE__ */ e.jsx("span", { children: "This action is monitored for interview integrity" })
+          ] })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e.jsxs("div", { className: "iw-mb-5 iw-grid iw-grid-cols-2 iw-gap-3", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "iw-rounded-xl iw-border iw-border-amber-200 iw-bg-amber-50 iw-p-4", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-text-center", children: [
+          /* @__PURE__ */ e.jsx("div", { className: "iw-mb-1 iw-text-2xl iw-font-bold iw-text-amber-600", children: u }),
+          /* @__PURE__ */ e.jsx("div", { className: "iw-text-xs iw-font-medium iw-text-amber-700", children: "Warnings Left" })
+        ] }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-border-primary-100 iw-bg-primary-50 iw-rounded-xl iw-border iw-p-4", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-text-center", children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "iw-mb-1 iw-flex iw-items-center iw-justify-center iw-gap-1.5", children: [
+            /* @__PURE__ */ e.jsx(_t, { className: "iw-text-primary-600 iw-h-4 iw-w-4" }),
+            /* @__PURE__ */ e.jsx("span", { className: "iw-text-primary-600 iw-text-2xl iw-font-bold", children: o })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { className: "iw-text-primary-700 iw-text-xs iw-font-medium", children: "Auto Close" })
+        ] }) })
+      ] }),
+      u === 1 && /* @__PURE__ */ e.jsx("div", { className: "iw-mb-5 iw-rounded-2xl iw-bg-gradient-to-r iw-from-red-600/90 iw-to-red-500/90 iw-p-4 iw-text-white", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-3", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "iw-flex iw-h-8 iw-w-8 iw-items-center iw-justify-center iw-rounded-full iw-bg-white/20", children: /* @__PURE__ */ e.jsx(ie, { className: "iw-h-4 iw-w-4" }) }),
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "iw-text-sm iw-font-semibold", children: "Final Warning" }),
+          /* @__PURE__ */ e.jsx("div", { className: "iw-text-xs iw-text-red-100", children: "Next violation will disqualify you from this interview" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "iw-p-6 iw-pt-0", children: [
+      /* @__PURE__ */ e.jsx(
+        W,
+        {
+          onClick: h,
+          className: "iw-h-12 iw-w-full iw-rounded-xl iw-bg-gray-800 iw-text-sm iw-font-medium iw-text-white iw-hover:bg-gray-800",
+          children: "I Understand - Continue Interview"
+        }
+      ),
+      /* @__PURE__ */ e.jsx("p", { className: "iw-text-gray-500 iw-mt-3 iw-text-center iw-text-xs", children: "Please maintain focus and avoid switching tabs, exiting fullscreen, using shortcuts or right-clicking." })
+    ] })
+  ] }) });
+}
+const Ot = (t) => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ e.jsx("path", { d: "M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z" }),
+      /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" })
+    ]
+  }
+), Bt = ({
+  showHardReloadWarning: t,
+  onContinue: r
+}) => {
+  const i = () => {
+    r();
+  };
+  return /* @__PURE__ */ e.jsxs(
+    _e,
+    {
+      isOpen: t,
+      onClose: i,
+      closeOnOverlayClick: !1,
+      closeOnEscape: !1,
+      showCloseButton: !1,
+      className: "iw-max-w-lg iw-px-2 iw-rounded-xl",
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "iw-absolute iw-inset-x-0 iw-top-0 iw-h-1 iw-bg-gradient-to-r iw-from-red-500 iw-to-red-600" }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-space-y-1 iw-pb-2 iw-pt-3", children: /* @__PURE__ */ e.jsxs("div", { className: "iw-flex iw-items-center iw-gap-2", children: [
+          /* @__PURE__ */ e.jsx(ie, { className: "iw-w-5 iw-h-5 iw-text-red-500" }),
+          /* @__PURE__ */ e.jsx("h3", { className: "iw-text-xl iw-font-semibold iw-text-red-500", children: "Full Screen Exit Detected" })
+        ] }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-pt-4 iw-pb-6", children: /* @__PURE__ */ e.jsx("p", { className: "iw-text-center iw-text-sm iw-leading-relaxed iw-text-gray-500/90", children: "Exiting full screen mode or reloading this page during the session is strictly prohibited. Any attempt to do so will be recorded and may lead to penalties." }) }),
+        /* @__PURE__ */ e.jsx("div", { className: "iw-pt-2 iw-pb-4", children: /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            onClick: i,
+            className: "iw-w-full iw-flex iw-items-center iw-justify-center iw-gap-2 iw-px-4 iw-py-3 iw-bg-gray-100 iw-text-gray-600 iw-rounded-md iw-font-medium iw-transition-colors hover:iw-bg-gray-200 focus:iw-outline-none focus:iw-ring-2 focus:iw-ring-gray-400 focus:iw-ring-offset-2",
+            children: [
+              /* @__PURE__ */ e.jsx(Ot, { className: "iw-size-4" }),
+              "Continue Session"
+            ]
+          }
+        ) })
+      ]
+    }
+  );
+}, Gt = ({ children: t, onDisqualify: r }) => {
+  const [i, s] = k(!1), [n, o] = k(!1), [l, a] = k("fullscreen_exit"), { logViolation: d, violationCount: w } = vt({
+    maxViolations: 5,
+    onViolation: (g) => {
+      n || (s(!0), a(g.type));
+    }
+  }), { enterFullScreen: u, isFullScreen: h, exitFullScreen: m } = lt({
+    onFullScreenChange(g) {
+      !g && !n && (s(!0), d({
+        type: "fullscreen_exit",
+        severity: "high",
+        details: {
+          action: "fullscreen_exit",
+          reason: "Attempted to exit full screen mode"
+        }
+      }));
+    }
+  });
+  C(() => {
+    u();
+  }, []), gt(d), ht(d), ft();
+  const c = () => {
+    o(!0), m(), s(!1), r == null || r();
+  };
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx("div", { className: "iw-relative iw-h-full iw-w-full", children: t }),
+    /* @__PURE__ */ e.jsx(
+      qt,
+      {
+        warningCount: w,
+        isOpen: i,
+        violationType: l,
+        onClose: () => {
+          s(!1), u();
+        },
+        onDisqualify: c
+      }
+    ),
+    !i && w > 0 && !n && /* @__PURE__ */ e.jsx(
+      Bt,
+      {
+        showHardReloadWarning: !h,
+        logViolation: d,
+        onContinue: u
+      }
+    )
+  ] });
+}, Ut = ({
+  interviewTitle: t,
+  interviewId: r,
+  onComplete: i,
+  onDisqualify: s,
+  className: n = ""
+}) => {
+  const o = ut(), { baseUrl: l, authToken: a } = Ce(), { timers: d, stt: w, tts: u, proctoring: h } = He(), [m, c] = k(null), [g, y] = k(""), j = E(""), f = E(null), T = {
+    thinkingTime: (d == null ? void 0 : d.thinkingDuration) || 30,
+    answeringTime: (d == null ? void 0 : d.answeringDuration) || 120,
+    editingTime: (d == null ? void 0 : d.editingDuration) || 30
+  }, { thinkingTime: S, answeringTime: v, editingTime: _ } = T;
+  C(() => {
+    j.current = g;
+  }, [g]);
+  const b = E(!1), {
+    speak: P,
+    stop: M,
+    error: x
+  } = bt({
+    config: {
+      baseUrl: l,
+      provider: u == null ? void 0 : u.provider,
+      authToken: a
+    },
+    onEnd: () => {
+      b.current = !1, A();
+    },
+    onError: () => {
+      b.current || (b.current = !0, A());
+    }
+  }), I = E(!1), L = E(!1), {
+    startRecording: G,
+    stopRecording: B,
+    transcribe: V,
+    error: H
+  } = xt({
+    config: {
+      baseUrl: l,
+      provider: w == null ? void 0 : w.provider,
+      model: w == null ? void 0 : w.model,
+      language: w == null ? void 0 : w.language,
+      authToken: a
+    },
+    onStart: () => {
+      I.current = !1, L.current = !1;
+    },
+    onStop: () => {
+    },
+    onTranscriptionComplete: (p) => {
+      y(p.transcript), L.current || (L.current = !0, A());
+    },
+    onError: (p) => {
+      console.error("STT Error:", p), I.current || (I.current = !0, A());
+    }
+  }), { state: q, startQuestion: z, nextPhase: A, completeInterview: Q } = at({
+    config: {
+      thinkingDuration: S,
+      answeringDuration: v,
+      editingDuration: _
+    },
+    callbacks: {
+      onPhaseChange: (p) => {
+        switch (p) {
+          case D.FETCHING_QUESTION:
+            oe();
+            break;
+          case D.READING_QUESTION:
+            Y();
+            break;
+          case D.ANSWERING:
+            ce();
+            break;
+          case D.TRANSCRIBING:
+            de();
+            break;
+          case D.SUBMITTING:
+            le();
+            break;
+        }
+      },
+      onInterviewEnd: () => {
+        i == null || i();
+      }
+    }
+  });
+  C(() => {
+    z();
+  }, []);
+  const { execute: oe, loading: U } = ot(
+    async () => {
+      var O, ge;
+      const p = await o.generateQuestion({
+        interviewId: r,
+        question: ((O = f.current) == null ? void 0 : O.question) || "",
+        qnaId: ((ge = f.current) == null ? void 0 : ge.qna_id) || "",
+        answer: j.current
+      });
+      return f.current = p.data, p;
+    },
+    {
+      onSuccess: async (p) => {
+        p && p.data && (y(""), c(p.data), A());
+      },
+      onError: (p) => {
+        console.error("Failed to fetch questions:", p);
+      }
+    }
+  ), le = N(async () => {
+    z();
+  }, [z]), Y = N(async () => {
+    var p;
+    if ((p = f.current) != null && p.question)
+      try {
+        b.current = !1, await P(f.current.question), f.current.is_interview_done && (await Ke(2e3), Q());
+      } catch (O) {
+        console.error("Failed to speak question:", O);
+      }
+    else
+      A();
+  }, [P, A, Q]), ce = N(async () => {
+    try {
+      await G(v);
+    } catch (p) {
+      console.error("Failed to start recording:", p), A();
+    }
+  }, [G, A]), de = N(async () => {
+    try {
+      const p = await B();
+      await V(p);
+    } catch (p) {
+      console.error("STT processing failed:", p), !I.current && !L.current && (I.current = !0, A());
+    }
+  }, [B, V, A]), J = N(
+    async (p) => {
+      M(), (await o.generateQuestion({
+        interviewId: r,
+        isInterviewDone: !0
+      })).success && (p == null || p(), Q());
+    },
+    [r, M, o]
+  ), ee = () => {
+    const { phase: p } = q;
+    switch (p) {
+      case D.IDLE:
+        return /* @__PURE__ */ e.jsxs("div", { className: "iw-text-center iw-flex iw-flex-col iw-items-center iw-justify-center iw-gap-2 iw-h-full", children: [
+          /* @__PURE__ */ e.jsx("h3", { className: "iw-text-lg iw-font-semibold iw-text-gray-900 iw-mb-1", children: "Ready to start the Interview?" }),
+          /* @__PURE__ */ e.jsx("p", { className: "iw-max-w-xl iw-text-gray-500 iw-text-xs iw-leading-[21px]", children: `You will be asked a series of behavioral and technical questions. For each one you'll get a short thinking period, then a timed recording window. We'll transcribe your response so you can review and edit it before submitting. Click "Start Interview" when you're ready.` }),
+          /* @__PURE__ */ e.jsx(W, { onClick: z, className: "iw-mt-2 iw-w-40", children: "Start Interview" })
+        ] });
+      case D.FETCHING_QUESTION:
+        return /* @__PURE__ */ e.jsx(Rt, {});
+      case D.READING_QUESTION:
+        return /* @__PURE__ */ e.jsx(At, { ttsError: x });
+      case D.THINKING:
+        return /* @__PURE__ */ e.jsx(
+          Pt,
+          {
+            state: q,
+            thinkingTime: S,
+            nextPhase: A
+          }
+        );
+      case D.ANSWERING:
+        return /* @__PURE__ */ e.jsx(
+          It,
+          {
+            state: q,
+            answeringTime: v,
+            nextPhase: A,
+            sttError: H
+          }
+        );
+      case D.TRANSCRIBING:
+        return /* @__PURE__ */ e.jsx(Dt, { sttError: H });
+      case D.EDITING:
+      case D.SUBMITTING:
+        return /* @__PURE__ */ e.jsx("div", { className: "iw-space-y-4 iw-h-full", children: /* @__PURE__ */ e.jsx(
+          Nt,
+          {
+            value: g,
+            onChange: (O) => y(O.target.value),
+            onSubmit: () => A(),
+            isSubmitDisabled: !g.trim() || U,
+            state: q,
+            editingTime: _
+          }
+        ) });
+      case D.COMPLETED:
+        return null;
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: h != null && h.enabled ? /* @__PURE__ */ e.jsxs(
+    Gt,
+    {
+      onDisqualify: () => J(s),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          ye,
+          {
+            title: t,
+            onExit: () => J()
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          ve,
+          {
+            currentQuestion: m,
+            phase: q.phase,
+            className: n,
+            children: ee()
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      ye,
+      {
+        title: t,
+        onExit: () => J()
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      ve,
+      {
+        currentQuestion: m,
+        phase: q.phase,
+        className: n,
+        children: ee()
+      }
+    )
+  ] }) });
+}, zt = ({
+  title: t,
+  interviewId: r,
+  onInterviewEnd: i,
+  onInterviewDisqualify: s,
+  className: n = ""
+}) => {
+  const [o, l] = fe.useState(!1), [a, d] = fe.useState(!0), w = E(null);
+  return o ? /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      ref: w,
+      className: `iw-flex iw-flex-col iw-rounded-xl iw-shadow-lg iw-overflow-hidden  iw-h-[calc(100vh-1rem)] ${n}`,
+      children: /* @__PURE__ */ e.jsx("div", { className: " iw-h-full iw-flex iw-flex-col", children: /* @__PURE__ */ e.jsx(
+        Ut,
+        {
+          interviewTitle: t ?? "Interview",
+          interviewId: r,
+          className: n,
+          onComplete: i || (() => {
+          }),
+          onDisqualify: s
+        }
+      ) })
+    }
+  ) }) : /* @__PURE__ */ e.jsx("div", { className: "interview-widget-container", children: /* @__PURE__ */ e.jsx(
+    it,
+    {
+      isOpen: a,
+      onStart: () => {
+        l(!0), d(!1);
+      }
+    }
+  ) });
+};
+typeof window < "u" && (window.InterviewWidget = {
+  InterviewWidget: zt,
+  InterviewWidgetProvider: Ve
+});
+export {
+  zt as InterviewWidget,
+  Ve as InterviewWidgetProvider,
+  zt as default
+};