mario-education 2.0.84-release → 2.0.85-release

package/dist/index-BCFfLcPg.js

@@ -0,0 +1,2296 @@
+import { jsx as e, jsxs as s, Fragment as $ } from "react/jsx-runtime";
+import ie, { useState as R, useCallback as me, useEffect as se, useMemo as ne } from "react";
+import { api as oe, BASE_URL as le, useTranslation as D, getFileUrl as re, getStaticFileUrl as O } from "mario-core";
+import { useNavigate as X, useLocation as De } from "react-router-dom";
+import { a as fe, V as ve, L as $e, N as He, H as We } from "./EmotionIcons-Be5vBOe5.js";
+import { Dialog as _e, DialogContent as Le, Avatar as ue, Tooltip as Ye, Typography as L, Button as V, Chip as Ue } from "@mui/material";
+import Y from "moment";
+import { L as K } from "./Loading-9Xhwui4j.js";
+const Ve = (t = "en-US") => oe.get(`${le}/api/Report/homepage-init?language=${t}`), Ke = () => oe.get(`${le}/api/Report/homepage-analytics`), je = (t, o, a = "en-US") => {
+  const l = ["Admin", "Teacher", "Assistant", "Counselor", "SecondaryTeacher"], i = o ? { "x-school-level": "es" } : { "x-school-level": "ms" };
+  return oe.get(`${le}/api/Session/${t}/results`, {
+    params: { roles: l, lang: a },
+    headers: i
+  });
+}, we = (t) => {
+  const o = t ? { "x-school-level": "es" } : { "x-school-level": "ms" };
+  return oe.get(`${le}/api/scaffoldingQuestion/get-tree`, { headers: o });
+}, W = [
+  {
+    usStage: "Preschool / Early Childhood",
+    usGrade: "Preschool",
+    ukStage: "Early Years / Nursery",
+    ukYearGroup: "Nursery",
+    ukKeyStage: "EYFS"
+  },
+  {
+    usStage: "Pre-K / Kindergarten prep",
+    usGrade: "Pre-K",
+    ukStage: "Reception",
+    ukYearGroup: "Reception",
+    ukKeyStage: "EYFS"
+  },
+  {
+    usStage: "Elementary School",
+    usGrade: "Kindergarten",
+    ukStage: "Primary School",
+    ukYearGroup: "Year 1",
+    ukKeyStage: "Key Stage 1"
+  },
+  {
+    usStage: "Elementary School",
+    usGrade: "Grade 1",
+    ukStage: "Primary School",
+    ukYearGroup: "Year 2",
+    ukKeyStage: "Key Stage 1"
+  },
+  {
+    usStage: "Elementary School",
+    usGrade: "Grade 2",
+    ukStage: "Primary School",
+    ukYearGroup: "Year 3",
+    ukKeyStage: "Key Stage 2"
+  },
+  {
+    usStage: "Elementary School",
+    usGrade: "Grade 3",
+    ukStage: "Primary School",
+    ukYearGroup: "Year 4",
+    ukKeyStage: "Key Stage 2"
+  },
+  {
+    usStage: "Elementary School",
+    usGrade: "Grade 4",
+    ukStage: "Primary School",
+    ukYearGroup: "Year 5",
+    ukKeyStage: "Key Stage 2"
+  },
+  {
+    usStage: "Elementary School",
+    usGrade: "Grade 5",
+    ukStage: "Primary School",
+    ukYearGroup: "Year 6",
+    ukKeyStage: "Key Stage 2"
+  },
+  {
+    usStage: "Middle School",
+    usGrade: "Grade 6",
+    ukStage: "Secondary School",
+    ukYearGroup: "Year 7",
+    ukKeyStage: "Key Stage 3"
+  },
+  {
+    usStage: "Middle School",
+    usGrade: "Grade 7",
+    ukStage: "Secondary School",
+    ukYearGroup: "Year 8",
+    ukKeyStage: "Key Stage 3"
+  },
+  {
+    usStage: "Middle School",
+    usGrade: "Grade 8",
+    ukStage: "Secondary School",
+    ukYearGroup: "Year 9",
+    ukKeyStage: "Key Stage 3"
+  },
+  {
+    usStage: "High School",
+    usGrade: "Grade 9",
+    ukStage: "Secondary / GCSE years",
+    ukYearGroup: "Year 10",
+    ukKeyStage: "Key Stage 4"
+  },
+  {
+    usStage: "High School",
+    usGrade: "Grade 10",
+    ukStage: "Secondary / GCSE years",
+    ukYearGroup: "Year 11",
+    ukKeyStage: "Key Stage 4"
+  },
+  {
+    usStage: "High School",
+    usGrade: "Grade 11",
+    ukStage: "Sixth Form / College",
+    ukYearGroup: "Year 12",
+    ukKeyStage: "Key Stage 5"
+  },
+  {
+    usStage: "High School",
+    usGrade: "Grade 12",
+    ukStage: "Sixth Form / College",
+    ukYearGroup: "Year 13",
+    ukKeyStage: "Key Stage 5"
+  }
+], ye = [
+  { icon: "sparkles", color: "#336DDA", gradient: "linear-gradient(135deg, #3b82f6, #6366f1)" },
+  { icon: "heart", color: "#C54140", gradient: "linear-gradient(135deg, #f87171, #f43f5e)" },
+  { icon: "trending-up", color: "#FFB04F", gradient: "linear-gradient(135deg, #fb923c, #f59e0b)" },
+  { icon: "sparkles", color: "#73C8E5", gradient: "linear-gradient(135deg, #38bdf8, #3b82f6)" },
+  { icon: "heart", color: "#C54140", gradient: "gradient(135deg, #f472b6, #ef4444)" },
+  { icon: "trending-up", color: "#336DDA", gradient: "linear-gradient(135deg, #60a5fa, #4f46e5)" },
+  { icon: "trending-up", color: "#FFB04F", gradient: "linear-gradient(135deg, #fde047, #f97316)" },
+  { icon: "trophy", color: "#73C8E5", gradient: "linear-gradient(135deg, #38bdf8, #22d3ee)" }
+], xe = (t, o, a = 22) => {
+  const l = (o || "").toLowerCase();
+  return l === "yes" || l === "1" ? /* @__PURE__ */ e(fe, { size: a }) : l === "no" || l === "0" ? /* @__PURE__ */ e(ve, { size: a }) : !t || isNaN(t) ? null : t <= 20 ? /* @__PURE__ */ e(ve, { size: a }) : t <= 40 ? /* @__PURE__ */ e($e, { size: a }) : t <= 60 ? /* @__PURE__ */ e(He, { size: a }) : t <= 80 ? /* @__PURE__ */ e(We, { size: a }) : /* @__PURE__ */ e(fe, { size: a });
+};
+function ge(t, o) {
+  if (!t) return "";
+  const a = t.trim(), l = a.toLowerCase();
+  if (l === "k" || l === "kindergarten") {
+    const r = W.find((_) => _.usGrade.toLowerCase() === "kindergarten");
+    return r ? o ? `${r.ukYearGroup} / ${r.usGrade}` : `${r.usGrade} / ${r.ukYearGroup}` : "Kindergarten";
+  }
+  let i = W.find(
+    (r) => r.usGrade.toLowerCase() === l || r.ukYearGroup.toLowerCase() === l
+  );
+  !i && l.startsWith("grade ") && (i = W.find((r) => r.usGrade.toLowerCase() === l)), !i && l.startsWith("year ") && (i = W.find((r) => r.ukYearGroup.toLowerCase() === l));
+  const h = l.replace(/^grade\s+/i, "").replace(/^year\s+/i, "").trim();
+  return !i && /^\d+$/.test(h) && (o ? i = W.find((r) => r.ukYearGroup.toLowerCase().replace(/^year\s+/i, "").trim() === h) : i = W.find((r) => r.usGrade.toLowerCase().replace(/^grade\s+/i, "").trim() === h)), i ? o ? `${i.ukYearGroup} / ${i.usGrade}` : `${i.usGrade} / ${i.ukYearGroup}` : /^\d+$/.test(h) ? o ? `Year ${h} / Grade ${h}` : `Grade ${h} / Year ${h}` : a;
+}
+function Be(t) {
+  if (!t) return "S";
+  const o = t.trim().split(/\s+/);
+  return o.length === 1 ? o[0].slice(0, 2).toUpperCase() : (o[0][0] + o[o.length - 1][0]).toUpperCase();
+}
+function be(t) {
+  const o = Math.round((t || 0) * 60), a = Math.floor(o / 3600), l = Math.floor(o % 3600 / 60), i = o % 60, h = (r) => r.toString().padStart(2, "0");
+  return `${h(a)}:${h(l)}:${h(i)}`;
+}
+function Me(t) {
+  return !t || t.length === 0 ? [] : t.map((o) => ({
+    studentId: o.studentId || 0,
+    studentName: o.studentName || "",
+    studentAvatar: o.studentAvatar,
+    gradeLevel: o.gradeLevel || "",
+    isUnsafe: !!o.isUnsafe,
+    isHighStress: !!o.isHighStress,
+    lastInteractionDate: o.time,
+    sessionId: o.sessionId,
+    sessionResultId: o.sessionResultId
+  })).sort((o, a) => {
+    const l = o.lastInteractionDate ? new Date(o.lastInteractionDate).getTime() : 0;
+    return (a.lastInteractionDate ? new Date(a.lastInteractionDate).getTime() : 0) - l;
+  });
+}
+const ae = (t) => {
+  const o = t.nameQuestion || t.text || t.question || t.name || "", a = o.match(/<p[^>]*>(.*?)<\/p>/i);
+  let i = (a ? a[1] : o).replace(/<[^>]+>/g, "").trim();
+  return i === "School" ? i = "Safety at school" : i === "Home" ? i = "Safety at home" : i === "Online" && (i = "Safety online"), i;
+}, de = (t) => {
+  const o = t.answer !== void 0 && t.answer !== null ? String(t.answer).trim() : "";
+  if (!o) return "";
+  if (isNaN(Number(o)))
+    return o;
+  const a = Number(o);
+  let l = t.questionAnswer || t.questionAnswers || [];
+  if (typeof l == "string")
+    try {
+      l = JSON.parse(l);
+    } catch {
+      l = [];
+    }
+  if (Array.isArray(l) && l.length > 0) {
+    if (Number.isInteger(a) && a >= 0 && a < l.length)
+      return l[a] || "";
+    if (Number.isInteger(a) && a >= 1 && a <= l.length && l[a - 1])
+      return l[a - 1];
+    if (ae(t).toLowerCase().includes("stress")) {
+      let m = 0;
+      return a < -60 ? m = 0 : a < -20 ? m = 1 : a < 20 ? m = 2 : a < 60 ? m = 3 : m = 4, l[m] || l[0] || "";
+    }
+    const h = Math.max(0, Math.min(100, a)), r = 100 / l.length;
+    let _ = Math.floor(h / r);
+    return _ = Math.min(_, l.length - 1), l[_] || "";
+  }
+  return "";
+}, Re = (t, o = !1) => {
+  if (o) {
+    if (t <= -60 || t >= 60) return { bg: "rgba(196, 65, 64, 0.24)", color: "#C44140" };
+    if (t >= -60 && t < -20) return { bg: "rgba(169, 214, 96, 0.24)", color: "#5C8A18" };
+    if (t >= -20 && t < 20) return { bg: "rgba(15, 150, 85, 0.24)", color: "#0F9655" };
+    if (t >= 20 && t < 60) return { bg: "rgba(255, 208, 40, 0.24)", color: "#854d0e" };
+  }
+  const a = Math.max(0, Math.min(100, t));
+  return a < 20 ? { bg: "rgba(196, 65, 64, 0.24)", color: "#C44140" } : a < 40 ? { bg: "rgba(255, 176, 79, 0.24)", color: "#FFB04F" } : a < 60 ? { bg: "rgba(255, 208, 40, 0.24)", color: "#854d0e" } : a < 80 ? { bg: "rgba(169, 214, 96, 0.24)", color: "#5C8A18" } : { bg: "rgba(15, 150, 85, 0.24)", color: "#0F9655" };
+}, ze = (t) => {
+  if (!t) return [];
+  const o = t?.resultTeacher?.questions || t?.teacherResult?.questions || [], a = o.find((h) => h.type === "LearningStrategy" || h.learningStrategyAnswers && h.learningStrategyAnswers.length > 0) || o[0] || t?.learningStrategyOptions, l = a?.answer || t?.resultTeacher?.answer || t?.teacherResult?.answer || "", i = a?.learningStrategyAnswers || t?.learningStrategyAnswers || [];
+  return l ? String(l).split(";").filter(Boolean).map((r) => {
+    const _ = r.split("|"), m = parseInt(_[0], 10);
+    if (!isNaN(m) && i && i.length > 0) {
+      const u = i.find((g) => Number(g.id) === m);
+      if (u && (u.text || u.name))
+        return (u.text || u.name).trim();
+    }
+    return _[1] && _[1].trim() !== "" && isNaN(Number(_[1].trim())) ? _[1].trim() : "";
+  }).filter(Boolean) : t?.agreedStrategies && Array.isArray(t.agreedStrategies) ? t.agreedStrategies : t?.previousOneToOneStrategyName ? t.previousOneToOneStrategyName.split(",").map((h) => h.trim()).filter(Boolean) : [];
+}, Qe = (t) => {
+  if (!t || t.length === 0) return [];
+  const o = t.find((r) => {
+    const _ = ae(r).toLowerCase();
+    return _.includes("ready to learn") || _.includes("ready to do your best learning") || _.includes("are you ready");
+  }), a = o ? de(o).toLowerCase() : "", l = o?.answer !== void 0 && o?.answer !== null ? String(o.answer).trim().toLowerCase() : "", i = a === "yes" || l === "yes" || l === "1";
+  return t.filter((r) => {
+    if (r.type === "Summarize" || r.type === 20) return !1;
+    const _ = String(r.type || "").toLowerCase();
+    if (r.type === "TextInput" || r.type === "TextInputWithSuggestions" || r.type === 3 || r.type === 7 || _.includes("textinput"))
+      return !1;
+    const m = ae(r).toLowerCase(), u = m.includes("why") && (m.includes("not ready") || m.includes("ready"));
+    return i && u || u && !de(r) && (!r.answer || String(r.answer).trim() === "") ? !1 : !r.isReasonQuestion;
+  }).map((r) => {
+    const _ = ae(r) || "Indicator", m = Number(r.answer) || 0, u = _.toLowerCase().includes("stress"), g = de(r);
+    let { bg: w, color: c } = Re(m, u);
+    const v = r.type === "SingleChoice" || r.type === 2 || String(r.type).toLowerCase() === "singlechoice", S = String(r.answer || "").trim(), k = g.toLowerCase(), b = S.toLowerCase();
+    (v || k === "yes" || k === "no" || b === "yes" || b === "no") && (k === "yes" || b === "yes" || S === "1" ? (w = "rgba(15, 150, 85, 0.24)", c = "#0F9655") : (k === "no" || b === "no" || S === "0") && (w = "rgba(196, 65, 64, 0.24)", c = "#C44140"));
+    const y = r.percent ? `${r.percent}%` : m ? `${m}%` : "";
+    return {
+      name: _,
+      val: g,
+      num: v || k === "yes" || k === "no" || b === "yes" || b === "no" ? "" : y,
+      score: m,
+      bg: w,
+      color: c,
+      type: r.type,
+      group: r.group
+    };
+  });
+}, Ce = (t) => !t || !Array.isArray(t) ? [] : t.map((o, a) => {
+  const l = ye[a % ye.length];
+  return {
+    id: `${(o.category || "").replace(/[^a-zA-Z0-9]/g, "_").toLowerCase()}_${a}`,
+    label: o.category,
+    ...l,
+    questions: o.questions || []
+  };
+});
+function pe(t, o, a, l, i, h, r) {
+  const _ = o || 0, m = a || l || 0;
+  if (i)
+    h ? h({ sessionId: _, sessionResultId: m }) : window.dispatchEvent(
+      new CustomEvent("OPEN_ES_IFRAME", {
+        detail: { sessionId: _, sessionResultId: m }
+      })
+    );
+  else {
+    const u = r ? `&actionBack=${r}` : "", g = `/view-session/${_}/${m}?isReadOnly=true${u}`;
+    t(g);
+  }
+}
+async function Ze(t, o, a) {
+  if (!t) return null;
+  try {
+    const l = await je(t, o);
+    if (l?.data)
+      return a && a(l.data), l.data;
+  } catch (l) {
+    console.error("Failed to fetch session detail for log modal", l);
+  }
+  return null;
+}
+function Xe(t = "BOTH") {
+  const o = X(), [a, l] = R(!0), [i, h] = R(!0), [r, _] = R(null), [m, u] = R(null), [g, w] = R(null), [c, v] = R([]), [S, k] = R([]), [b, y] = R("without"), [C, N] = R("US"), [x, E] = R(null), [B, F] = R(null), A = me(
+    (f, G, j, p, T) => {
+      pe(o, f, G, j, p, (I) => {
+        F(I);
+      }, T);
+    },
+    [o]
+  ), M = me(() => {
+    _(null), l(!0), h(!0), Ve().then((f) => {
+      u(f.data);
+    }).catch((f) => {
+      console.error("Failed to load init data:", f), _(f?.message || "Failed to load init data");
+    }).finally(() => {
+      l(!1);
+    }), Ke().then((f) => {
+      w(f.data);
+    }).catch((f) => {
+      console.error("Failed to load analytics data:", f), _(f?.message || "Failed to load analytics data");
+    }).finally(() => {
+      h(!1);
+    }), Promise.all([
+      we(!0).catch(() => null),
+      we(!1).catch(() => null)
+    ]).then(([f, G]) => {
+      f?.data && v(Ce(f.data)), G?.data && k(Ce(G.data));
+    });
+  }, []);
+  return se(() => {
+    M();
+  }, [M]), {
+    loading: a || i,
+    loadingInit: a,
+    loadingAnalytics: i,
+    error: r,
+    initData: m,
+    analyticsData: g,
+    caseMode: b,
+    setCaseMode: y,
+    curriculumSystem: C,
+    setCurriculumSystem: N,
+    flagModal: x,
+    setFlagModal: E,
+    schoolType: t,
+    refetch: M,
+    handleViewCheckIn: A,
+    esSessionIframe: B,
+    setEsSessionIframe: F,
+    conversationStartersEs: c,
+    conversationStartersMs: S
+  };
+}
+const Ne = ({
+  width: t = 17,
+  height: o = 17,
+  color: a = "#316CD9",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M9 18h6" }),
+      /* @__PURE__ */ e("path", { d: "M10 22h4" }),
+      /* @__PURE__ */ e("path", { d: "M15.09 14c.18-.98.65-1.74 1.41-2.5A4.65 4.65 0 0 0 18 8 6 6 0 0 0 6 8c0 1.55.6 2.8 1.5 3.5.76.76 1.23 1.52 1.41 2.5" })
+    ]
+  }
+), Ae = ({
+  fill: t = "#C44140",
+  width: o = 18,
+  height: a = 22,
+  className: l
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: o,
+    height: a,
+    viewBox: "0 0 25 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: l,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M24.2872 -0.141754C21.4658 3.28575 21.1281 7.25702 21.2999 11.6181C21.5098 16.9475 22.358 24.291 23.1786 29.5842C23.2998 30.3658 22.3867 30.8232 21.8404 30.2545C18.7939 27.0829 15.2541 23.33 12.0658 19.1775C9.28717 22.6735 7.06154 26.7226 4.6545 31.0487C4.42524 31.4608 3.88078 31.5433 3.52569 31.2194C3.11675 30.8465 2.84835 30.3374 2.77008 29.7869C1.08065 17.9028 0.131368 12.0405 2.66545e-06 -0.206989L24.2872 -0.141754Z",
+        fill: t
+      }
+    )
+  }
+), he = ({
+  width: t = 16,
+  height: o = 16,
+  color: a = "currentColor",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
+      /* @__PURE__ */ e("polyline", { points: "12 5 19 12 12 19" })
+    ]
+  }
+), Fe = ({
+  width: t = 22,
+  height: o = 22,
+  color: a = "#316CD9",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "7", r: "4" })
+    ]
+  }
+), Je = ({
+  width: t = 18,
+  height: o = 18,
+  color: a = "rgba(36,36,36,0.56)",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
+      /* @__PURE__ */ e("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+    ]
+  }
+), qe = ({
+  width: t = 17,
+  height: o = 17,
+  color: a = "currentColor",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
+      /* @__PURE__ */ e("polyline", { points: "15 3 21 3 21 9" }),
+      /* @__PURE__ */ e("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
+    ]
+  }
+), et = ({
+  direction: t = "up",
+  width: o = 16,
+  height: a = 16,
+  color: l,
+  className: i
+}) => {
+  const h = t === "up";
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      width: o,
+      height: a,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: l || (h ? "#0F9655" : "#C44140"),
+      strokeWidth: "2.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className: i,
+      children: h ? /* @__PURE__ */ s($, { children: [
+        /* @__PURE__ */ e("polyline", { points: "23 6 13.5 15.5 8.5 10.5 1 18" }),
+        /* @__PURE__ */ e("polyline", { points: "17 6 23 6 23 12" })
+      ] }) : /* @__PURE__ */ s($, { children: [
+        /* @__PURE__ */ e("polyline", { points: "23 18 13.5 8.5 8.5 13.5 1 6" }),
+        /* @__PURE__ */ e("polyline", { points: "17 18 23 18 23 12" })
+      ] })
+    }
+  );
+}, tt = ({
+  width: t = 28,
+  height: o = 28,
+  color: a = "#ffffff",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ e("circle", { cx: "9", cy: "7", r: "4" }),
+      /* @__PURE__ */ e("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
+      /* @__PURE__ */ e("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+    ]
+  }
+), nt = ({
+  width: t = 18,
+  height: o = 18,
+  color: a = "#D3D3D3",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1" }),
+      /* @__PURE__ */ e("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }),
+      /* @__PURE__ */ e("path", { d: "m9 14 2 2 4-4" })
+    ]
+  }
+), at = ({
+  width: t = 18,
+  height: o = 18,
+  color: a = "#D3D3D3",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ e("path", { d: "M12 6v6l4 2" })
+    ]
+  }
+), st = ({
+  width: t = 18,
+  height: o = 18,
+  color: a = "#D3D3D3",
+  className: l
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: /* @__PURE__ */ e("path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" })
+  }
+), Ge = ({
+  width: t = 18,
+  height: o = 18,
+  color: a = "rgba(36,36,36,0.56)",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+      /* @__PURE__ */ e("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+    ]
+  }
+), ot = ({
+  width: t = 12,
+  height: o = 12,
+  color: a = "rgba(36,36,36,0.56)",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M8 2v4" }),
+      /* @__PURE__ */ e("path", { d: "M16 2v4" }),
+      /* @__PURE__ */ e("rect", { width: "18", height: "18", x: "3", y: "4", rx: "2" }),
+      /* @__PURE__ */ e("path", { d: "M3 10h18" })
+    ]
+  }
+), lt = ({
+  width: t = 13,
+  height: o = 13,
+  color: a = "#0F9655",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ e("path", { d: "m9 12 2 2 4-4" })
+    ]
+  }
+), rt = ({
+  width: t = 13,
+  height: o = 13,
+  color: a = "rgba(36,36,36,0.56)",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M10.1 2.182a10 10 0 0 1 3.8 0" }),
+      /* @__PURE__ */ e("path", { d: "M13.9 21.818a10 10 0 0 1-3.8 0" }),
+      /* @__PURE__ */ e("path", { d: "M17.609 3.721a10 10 0 0 1 2.69 2.7" }),
+      /* @__PURE__ */ e("path", { d: "M2.182 13.9a10 10 0 0 1 0-3.8" }),
+      /* @__PURE__ */ e("path", { d: "M20.279 17.609a10 10 0 0 1-2.7 2.69" }),
+      /* @__PURE__ */ e("path", { d: "M21.818 10.1a10 10 0 0 1 0 3.8" }),
+      /* @__PURE__ */ e("path", { d: "M3.721 6.391a10 10 0 0 1 2.7-2.69" }),
+      /* @__PURE__ */ e("path", { d: "M6.391 20.279a10 10 0 0 1-2.69-2.7" })
+    ]
+  }
+), Ee = ({
+  width: t = 15,
+  height: o = 15,
+  color: a = "currentColor",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1" }),
+      /* @__PURE__ */ e("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }),
+      /* @__PURE__ */ e("path", { d: "M12 11h4" }),
+      /* @__PURE__ */ e("path", { d: "M12 16h4" }),
+      /* @__PURE__ */ e("path", { d: "M8 11h.01" }),
+      /* @__PURE__ */ e("path", { d: "M8 16h.01" })
+    ]
+  }
+), it = ({
+  width: t = 15,
+  height: o = 15,
+  color: a = "currentColor",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4" }),
+      /* @__PURE__ */ e("path", { d: "M2 6h4" }),
+      /* @__PURE__ */ e("path", { d: "M2 10h4" }),
+      /* @__PURE__ */ e("path", { d: "M2 14h4" }),
+      /* @__PURE__ */ e("path", { d: "M2 18h4" }),
+      /* @__PURE__ */ e("path", { d: "M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z" })
+    ]
+  }
+), Q = ({ color: t = "#0F9655", width: o = 8, height: a = 9 }) => /* @__PURE__ */ e("svg", { width: o, height: a, viewBox: "0 0 8 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M4.35355 0.646446C4.15829 0.451184 3.84171 0.451184 3.64645 0.646446L0.464466 3.82843C0.269204 4.02369 0.269204 4.34027 0.464466 4.53553C0.659728 4.7308 0.976311 4.7308 1.17157 4.53553L4 1.70711L6.82843 4.53553C7.02369 4.7308 7.34027 4.7308 7.53553 4.53553C7.7308 4.34027 7.7308 4.02369 7.53553 3.82843L4.35355 0.646446ZM4.5 9L4.5 1L3.5 1L3.5 9L4.5 9Z", fill: t }) }), ke = ({ color: t = "#C44140", width: o = 8, height: a = 9 }) => /* @__PURE__ */ e("svg", { width: o, height: a, viewBox: "0 0 8 9", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e("path", { d: "M4.35355 8.35355C4.15829 8.54882 3.84171 8.54882 3.64645 8.35355L0.464466 5.17157C0.269204 4.97631 0.269204 4.65973 0.464466 4.46447C0.659728 4.2692 0.976311 4.2692 1.17157 4.46447L4 7.29289L6.82843 4.46447C7.02369 4.2692 7.34027 4.2692 7.53553 4.46447C7.7308 4.65973 7.7308 4.97631 7.53553 5.17157L4.35355 8.35355ZM4.5 2.18557e-08L4.5 8L3.5 8L3.5 -2.18557e-08L4.5 2.18557e-08Z", fill: t }) }), dt = ({
+  width: t = 17,
+  height: o = 17,
+  color: a = "#316CD9",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M3 3v18h18" }),
+      /* @__PURE__ */ e("path", { d: "M18 17V9" }),
+      /* @__PURE__ */ e("path", { d: "M13 17V5" }),
+      /* @__PURE__ */ e("path", { d: "M8 17v-3" })
+    ]
+  }
+), ct = ({
+  width: t = 18,
+  height: o = 18,
+  color: a = "#316CD9",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }),
+      /* @__PURE__ */ e("polyline", { points: "9 22 9 12 15 12 15 22" })
+    ]
+  }
+), ht = ({
+  width: t = 18,
+  height: o = 18,
+  color: a = "#316CD9",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ e("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
+      /* @__PURE__ */ e("path", { d: "M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" })
+    ]
+  }
+), _t = ({
+  width: t = 18,
+  height: o = 18,
+  color: a = "#316CD9",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M14 22v-4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v4" }),
+      /* @__PURE__ */ e("path", { d: "M18 22V6l-6-4-6 4v16" }),
+      /* @__PURE__ */ e("path", { d: "M6 12h12" }),
+      /* @__PURE__ */ e("path", { d: "M6 16h12" }),
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "6", r: "1", fill: a })
+    ]
+  }
+), ut = ({
+  width: t = 14,
+  height: o = 14,
+  color: a = "#C44140",
+  className: l
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: /* @__PURE__ */ e("path", { d: "M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" })
+  }
+), Oe = ({
+  width: t = 14,
+  height: o = 14,
+  color: a = "#B46A00",
+  className: l
+}) => /* @__PURE__ */ e(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: /* @__PURE__ */ e("polyline", { points: "22 12 18 12 15 21 9 3 6 12 2 12" })
+  }
+), gt = ({
+  width: t = 17,
+  height: o = 17,
+  color: a = "#C44140",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ e("circle", { cx: "9", cy: "7", r: "4" }),
+      /* @__PURE__ */ e("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
+      /* @__PURE__ */ e("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+    ]
+  }
+), pt = ({
+  width: t = 16,
+  height: o = 16,
+  color: a = "#316CD9",
+  className: l
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: t,
+    height: o,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: a,
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: l,
+    children: [
+      /* @__PURE__ */ e("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+      /* @__PURE__ */ e("polyline", { points: "12 19 5 12 12 5" })
+    ]
+  }
+), mt = "_overviewContainer_193p5_3", ft = "_mainContent_193p5_13", vt = "_maxWidthWrapper_193p5_19", wt = "_headerRow_193p5_24", yt = "_mainTitle_193p5_33", bt = "_subTitle_193p5_42", Ct = "_layoutGrid_193p5_50", Nt = "_leftColumn_193p5_63", kt = "_rightColumn_193p5_76", Tt = "_statCardGrid_193p5_86", St = "_statCard_193p5_86", It = "_statCardHeader_193p5_115", Lt = "_iconBadge_193p5_122", xt = "_iconBadgeRed_193p5_131", Bt = "_iconBadgeYellow_193p5_135", Mt = "_statCardLabel_193p5_139", Rt = "_statCardBody_193p5_148", At = "_statCardValue_193p5_156", Ft = "_statCardFooter_193p5_164", Gt = "_lookupCard_193p5_175", Et = "_lookupTitleGroup_193p5_186", Ot = "_lookupIconBadge_193p5_194", Pt = "_lookupHeading_193p5_204", Dt = "_lookupSubText_193p5_213", $t = "_lookupSearchGroup_193p5_219", Ht = "_searchInputWrapper_193p5_228", Wt = "_searchInput_193p5_228", Yt = "_autocompleteMenu_193p5_255", Ut = "_autocompleteItem_193p5_269", Vt = "_viewProfileBtn_193p5_279", Kt = "_wellnessCard_193p5_297", jt = "_wellnessHeader_193p5_304", zt = "_wellnessTitle_193p5_313", Qt = "_wellnessSubtitle_193p5_322", Zt = "_phaseTabContainer_193p5_329", Xt = "_phaseTabs_193p5_330", Jt = "_phaseTabBtn_193p5_338", qt = "_phaseTabBtnActive_193p5_350", en = "_wellnessGrid_193p5_356", tn = "_wellnessGridEs_193p5_369", nn = "_wellnessRow_193p5_374", an = "_wellnessIconImg_193p5_382", sn = "_wellnessIconBadge_193p5_389", on = "_wellnessRowLabel_193p5_399", ln = "_wellnessRowLabelMs_193p5_405", rn = "_wellnessRowLabelEs_193p5_413", dn = "_wellnessPill_193p5_417", cn = "_wellnessPillDivider_193p5_429", hn = "_wellnessPillPct_193p5_435", _n = "_wellnessRowPct_193p5_439", un = "_wellnessRowRight_193p5_446", gn = "_viewDashBtn_193p5_453", pn = "_seeUnhealthyBtn_193p5_469", mn = "_unsafeBadge_193p5_490", fn = "_highStressBadge_193p5_502", vn = "_usagePanel_193p5_515", wn = "_usageHeader_193p5_522", yn = "_usageIconCircle_193p5_530", bn = "_schoolLogoImg_193p5_541", Cn = "_schoolBadgeName_193p5_548", Nn = "_usageTitle_193p5_556", kn = "_usageDivider_193p5_564", Tn = "_usageTilesList_193p5_570", Sn = "_usageTile_193p5_570", In = "_usageTileHeader_193p5_583", Ln = "_usageTileLabel_193p5_590", xn = "_usageProgressBarTrack_193p5_598", Bn = "_usageProgressBarFill_193p5_606", Mn = "_usageProgressBarFillGreen_193p5_612", Rn = "_usageTileValue_193p5_618", An = "_usageTileSubText_193p5_626", Fn = "_deltaUp_193p5_633", Gn = "_deltaDown_193p5_638", En = "_campusCard_193p5_644", On = "_campusHeader_193p5_652", Pn = "_campusTitle_193p5_661", Dn = "_campusSubText_193p5_669", $n = "_sysToggleGroup_193p5_674", Hn = "_sysToggleLabel_193p5_680", Wn = "_tableWrapper_193p5_686", Yn = "_overviewTable_193p5_692", Un = "_totalsRow_193p5_725", Vn = "_dashMuted_193p5_733", Kn = "_redFlagText_193p5_738", jn = "_yellowFlagText_193p5_743", zn = "_helpPopoverWrapper_193p5_749", Qn = "_infoHelpBtn_193p5_754", Zn = "_popoverBackdrop_193p5_773", Xn = "_referencePopover_193p5_782", Jn = "_refTitle_193p5_806", qn = "_refSubText_193p5_814", ea = "_refTableWrapper_193p5_821", ta = "_refTable_193p5_821", na = "_usStageTd_193p5_852", aa = "_adminTipsWrapper_193p5_858", sa = "_adminTipsBtn_193p5_865", oa = "_adminTipsPopover_193p5_879", la = "_popoverArrow_193p5_892", ra = "_popoverHeaderRow_193p5_910", ia = "_popoverIconCircle_193p5_917", da = "_popoverHeaderTitle_193p5_926", ca = "_tipSectionDivider_193p5_933", ha = "_tipItem_193p5_940", _a = "_tipNumber_193p5_947", ua = "_tipText_193p5_961", ga = "_dialogContentZero_193p5_972", pa = "_studentAvatarRed_193p5_976", ma = "_studentAvatarYellow_193p5_981", fa = "_studentInfoCol_193p5_986", va = "_modalHeader_193p5_991", wa = "_modalTitle_193p5_999", ya = "_modalSubtitle_193p5_1007", ba = "_modalCloseBtn_193p5_1013", Ca = "_modalStudentList_193p5_1025", Na = "_studentRow_193p5_1031", ka = "_studentAvatar_193p5_976", Ta = "_studentName_193p5_1053", Sa = "_studentGrade_193p5_1059", Ia = "_studentMetaRow_193p5_1065", La = "_dateLabel_193p5_1073", xa = "_loggedPill_193p5_1081", Ba = "_notLoggedPill_193p5_1093", Ma = "_modalActionButtons_193p5_1105", Ra = "_btnViewCheckIn_193p5_1112", Aa = "_btnViewLogActive_193p5_1126", Fa = "_btnViewLogDisabled_193p5_1140", n = {
+  overviewContainer: mt,
+  mainContent: ft,
+  maxWidthWrapper: vt,
+  headerRow: wt,
+  mainTitle: yt,
+  subTitle: bt,
+  layoutGrid: Ct,
+  leftColumn: Nt,
+  rightColumn: kt,
+  statCardGrid: Tt,
+  statCard: St,
+  statCardHeader: It,
+  iconBadge: Lt,
+  iconBadgeRed: xt,
+  iconBadgeYellow: Bt,
+  statCardLabel: Mt,
+  statCardBody: Rt,
+  statCardValue: At,
+  statCardFooter: Ft,
+  lookupCard: Gt,
+  lookupTitleGroup: Et,
+  lookupIconBadge: Ot,
+  lookupHeading: Pt,
+  lookupSubText: Dt,
+  lookupSearchGroup: $t,
+  searchInputWrapper: Ht,
+  searchInput: Wt,
+  autocompleteMenu: Yt,
+  autocompleteItem: Ut,
+  viewProfileBtn: Vt,
+  wellnessCard: Kt,
+  wellnessHeader: jt,
+  wellnessTitle: zt,
+  wellnessSubtitle: Qt,
+  phaseTabContainer: Zt,
+  phaseTabs: Xt,
+  phaseTabBtn: Jt,
+  phaseTabBtnActive: qt,
+  wellnessGrid: en,
+  wellnessGridEs: tn,
+  wellnessRow: nn,
+  wellnessIconImg: an,
+  wellnessIconBadge: sn,
+  wellnessRowLabel: on,
+  wellnessRowLabelMs: ln,
+  wellnessRowLabelEs: rn,
+  wellnessPill: dn,
+  wellnessPillDivider: cn,
+  wellnessPillPct: hn,
+  wellnessRowPct: _n,
+  wellnessRowRight: un,
+  viewDashBtn: gn,
+  seeUnhealthyBtn: pn,
+  unsafeBadge: mn,
+  highStressBadge: fn,
+  usagePanel: vn,
+  usageHeader: wn,
+  usageIconCircle: yn,
+  schoolLogoImg: bn,
+  schoolBadgeName: Cn,
+  usageTitle: Nn,
+  usageDivider: kn,
+  usageTilesList: Tn,
+  usageTile: Sn,
+  usageTileHeader: In,
+  usageTileLabel: Ln,
+  usageProgressBarTrack: xn,
+  usageProgressBarFill: Bn,
+  usageProgressBarFillGreen: Mn,
+  usageTileValue: Rn,
+  usageTileSubText: An,
+  deltaUp: Fn,
+  deltaDown: Gn,
+  campusCard: En,
+  campusHeader: On,
+  campusTitle: Pn,
+  campusSubText: Dn,
+  sysToggleGroup: $n,
+  sysToggleLabel: Hn,
+  tableWrapper: Wn,
+  overviewTable: Yn,
+  totalsRow: Un,
+  dashMuted: Vn,
+  redFlagText: Kn,
+  yellowFlagText: jn,
+  helpPopoverWrapper: zn,
+  infoHelpBtn: Qn,
+  popoverBackdrop: Zn,
+  referencePopover: Xn,
+  refTitle: Jn,
+  refSubText: qn,
+  refTableWrapper: ea,
+  refTable: ta,
+  usStageTd: na,
+  adminTipsWrapper: aa,
+  adminTipsBtn: sa,
+  adminTipsPopover: oa,
+  popoverArrow: la,
+  popoverHeaderRow: ra,
+  popoverIconCircle: ia,
+  popoverHeaderTitle: da,
+  tipSectionDivider: ca,
+  tipItem: ha,
+  tipNumber: _a,
+  tipText: ua,
+  dialogContentZero: ga,
+  studentAvatarRed: pa,
+  studentAvatarYellow: ma,
+  studentInfoCol: fa,
+  modalHeader: va,
+  modalTitle: wa,
+  modalSubtitle: ya,
+  modalCloseBtn: ba,
+  modalStudentList: Ca,
+  studentRow: Na,
+  studentAvatar: ka,
+  studentName: Ta,
+  studentGrade: Sa,
+  studentMetaRow: Ia,
+  dateLabel: La,
+  loggedPill: xa,
+  notLoggedPill: Ba,
+  modalActionButtons: Ma,
+  btnViewCheckIn: Ra,
+  btnViewLogActive: Aa,
+  btnViewLogDisabled: Fa
+}, Te = ({ kind: t, label: o, value: a, onOpen: l }) => {
+  const { t: i } = D(), h = t === "red", r = h ? "#C44140" : "#F5D500", _ = h ? n.iconBadgeRed : n.iconBadgeYellow, m = i(h ? "see_all_red_flags" : "see_all_yellow_flags");
+  return /* @__PURE__ */ s("div", { className: n.statCard, onClick: l, children: [
+    /* @__PURE__ */ s("div", { className: n.statCardHeader, children: [
+      /* @__PURE__ */ e("div", { className: `${n.iconBadge} ${_}`, children: /* @__PURE__ */ e(Ae, { fill: r, width: 18, height: 22 }) }),
+      /* @__PURE__ */ e("span", { className: n.statCardLabel, children: o })
+    ] }),
+    /* @__PURE__ */ e("div", { className: n.statCardBody, children: /* @__PURE__ */ e("span", { className: n.statCardValue, children: a }) }),
+    /* @__PURE__ */ s("div", { className: n.statCardFooter, children: [
+      /* @__PURE__ */ e("span", { children: m }),
+      /* @__PURE__ */ e(he, { width: 16, height: 16 })
+    ] })
+  ] });
+}, Ga = ({ students: t = [], onSelectStudent: o }) => {
+  const { t: a } = D(), l = X(), [i, h] = R(""), [r, _] = R(!1), [m, u] = R(null), g = i.trim() ? t.filter((v) => v.fullName.toLowerCase().includes(i.toLowerCase())) : [], w = (v) => {
+    h(v.fullName), u(v), _(!1), o && o(v);
+  }, c = () => {
+    const v = m || t.find((S) => S.fullName.toLowerCase() === i.trim().toLowerCase()) || g[0];
+    v && l(`/student-detail/overview/${v?.id}?isReadOnly=true`);
+  };
+  return /* @__PURE__ */ s("div", { className: n.lookupCard, children: [
+    /* @__PURE__ */ s("div", { className: n.lookupTitleGroup, children: [
+      /* @__PURE__ */ e("div", { className: n.lookupIconBadge, children: /* @__PURE__ */ e(Fe, { width: 22, height: 22, color: "#316CD9" }) }),
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ e("h2", { className: n.lookupHeading, children: a("student_lookup") }),
+        /* @__PURE__ */ e("p", { className: n.lookupSubText, children: a("search_and_view_any_student_profile") })
+      ] })
+    ] }),
+    /* @__PURE__ */ s("div", { className: n.lookupSearchGroup, children: [
+      /* @__PURE__ */ s("div", { className: n.searchInputWrapper, children: [
+        /* @__PURE__ */ e(Je, { width: 18, height: 18, color: "rgba(36,36,36,0.56)" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            className: n.searchInput,
+            value: i,
+            onChange: (v) => {
+              h(v.target.value), u(null), _(!0);
+            },
+            onFocus: () => _(!0),
+            placeholder: a("search_by_student_name")
+          }
+        )
+      ] }),
+      r && g.length > 0 && /* @__PURE__ */ e("div", { className: n.autocompleteMenu, children: g.map((v) => /* @__PURE__ */ s(
+        "div",
+        {
+          className: n.autocompleteItem,
+          onClick: () => w(v),
+          children: [
+            v.fullName,
+            " (",
+            `Grade ${v.gradeLevel || "——"}`,
+            ")"
+          ]
+        },
+        v.id
+      )) }),
+      /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: n.viewProfileBtn,
+          onClick: c,
+          children: [
+            /* @__PURE__ */ e(qe, { width: 17, height: 17 }),
+            /* @__PURE__ */ e("span", { children: a("view_profile") })
+          ]
+        }
+      )
+    ] })
+  ] });
+}, Ea = "/images/image-default.png", Oa = ({
+  open: t,
+  onClose: o,
+  students: a,
+  curriculumSystem: l = "US",
+  isEs: i = !1
+}) => {
+  const h = X(), { t: r } = D(), _ = Me(a), m = r("unsafe_and_stressed_students"), u = `${_.length} ${r("students_flagged_for_safety_or_stress")}`;
+  return /* @__PURE__ */ s(
+    _e,
+    {
+      open: t,
+      onClose: o,
+      maxWidth: "md",
+      fullWidth: !0,
+      PaperProps: {
+        style: {
+          borderRadius: 20,
+          boxShadow: "0 20px 60px rgba(31, 63, 115, 0.3)",
+          overflow: "hidden"
+        }
+      },
+      children: [
+        /* @__PURE__ */ s("div", { className: n.modalHeader, children: [
+          /* @__PURE__ */ s("div", { children: [
+            /* @__PURE__ */ e("h2", { className: n.modalTitle, children: m }),
+            /* @__PURE__ */ e("p", { className: n.modalSubtitle, children: u })
+          ] }),
+          /* @__PURE__ */ e("button", { type: "button", className: n.modalCloseBtn, onClick: o, children: /* @__PURE__ */ e(Ge, { width: 18, height: 18, color: "rgba(36,36,36,0.56)" }) })
+        ] }),
+        /* @__PURE__ */ e(Le, { className: n.dialogContentZero, children: /* @__PURE__ */ e("div", { className: n.modalStudentList, children: _.map((g) => /* @__PURE__ */ s("div", { className: n.studentRow, children: [
+          g.studentAvatar ? /* @__PURE__ */ e(
+            ue,
+            {
+              alt: g.studentName?.toUpperCase(),
+              src: re(g.studentAvatar) || Ea,
+              className: `${n.studentAvatar} ${n.studentAvatarRed}`
+            }
+          ) : /* @__PURE__ */ e("div", { className: `${n.studentAvatar} ${n.studentAvatarRed}`, children: Be(g.studentName) }),
+          /* @__PURE__ */ e("div", { className: n.studentInfoCol, children: /* @__PURE__ */ s("div", { className: n.studentName, children: [
+            g.studentName,
+            g.gradeLevel && /* @__PURE__ */ s("span", { className: n.studentGrade, children: [
+              " · ",
+              ge(g.gradeLevel, l === "UK")
+            ] })
+          ] }) }),
+          /* @__PURE__ */ s("div", { style: { display: "flex", alignItems: "center", gap: 8, marginLeft: "auto", marginRight: 16 }, children: [
+            g.isUnsafe && /* @__PURE__ */ s("span", { className: n.unsafeBadge, children: [
+              /* @__PURE__ */ e(ut, { width: 14, height: 14, color: "#C44140" }),
+              /* @__PURE__ */ e("span", { children: r("unsafe_badge") })
+            ] }),
+            g.isHighStress && /* @__PURE__ */ s("span", { className: n.highStressBadge, children: [
+              /* @__PURE__ */ e(Oe, { width: 14, height: 14, color: "#B46A00" }),
+              /* @__PURE__ */ e("span", { children: r("high_stress") })
+            ] })
+          ] }),
+          /* @__PURE__ */ e("div", { className: n.modalActionButtons, style: { marginLeft: 0 }, children: /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: n.btnViewCheckIn,
+              onClick: () => pe(h, g.sessionId, g.sessionResultId, g.studentId, i, void 0, i ? "overview_openSafetyEs" : "overview_openSafety"),
+              children: [
+                /* @__PURE__ */ e(Ee, { width: 15, height: 15 }),
+                /* @__PURE__ */ e("span", { children: r("view_check_in") })
+              ]
+            }
+          ) })
+        ] }, g.studentId || g.studentName)) }) })
+      ]
+    }
+  );
+}, Pa = ({ wellnessData: t, schoolType: o = "BOTH" }) => {
+  const a = X(), l = De(), { t: i } = D(), [h, r] = R("MS"), [_, m] = R(!1);
+  se(() => {
+    const y = new URLSearchParams(l.search), C = y.get("actionBack");
+    if (C === "openSafety" || C === "openSafetyEs" || C === "overview_openSafety" || C === "overview_openSafetyEs") {
+      r(C === "openSafetyEs" || C === "overview_openSafetyEs" ? "ES" : "MS"), m(!0), y.delete("actionBack");
+      const N = l.pathname + (y.toString() ? `?${y.toString()}` : "");
+      a(N, { replace: !0 });
+    }
+  }, [l, a]);
+  const u = o === "MS" ? "MS" : o === "ES" ? "ES" : h, g = t?.msWellness && t.msWellness.length > 0 ? [...t.msWellness].sort((y, C) => {
+    const N = (y.title || "").toLowerCase(), x = (C.title || "").toLowerCase();
+    return N.includes("stress") ? -1 : x.includes("stress") ? 1 : 0;
+  }) : [], w = t?.esWellness && t.esWellness.length > 0 ? [...t.esWellness].sort((y, C) => {
+    const N = (y.title || "").toLowerCase(), x = (C.title || "").toLowerCase();
+    return N.includes("stress") ? -1 : x.includes("stress") ? 1 : 0;
+  }) : [], c = u === "ES" ? w : g, v = u === "ES" ? t?.esUnhealthyStudents || [] : t?.msUnhealthyStudents || [], k = Me(v).length > 0, b = (y) => {
+    const C = (y.key || "").toLowerCase(), N = (y.title || "").toLowerCase(), x = C.includes("stress") || N.includes("stress");
+    if (u === "ES")
+      return x ? /* @__PURE__ */ e("img", { src: O("/images/home/stress.png"), alt: "", className: n.wellnessIconImg }) : C.includes("home") || N.includes("home") ? /* @__PURE__ */ e("div", { className: n.wellnessIconBadge, children: /* @__PURE__ */ e(ct, { width: 18, height: 18, color: "#316CD9" }) }) : C.includes("online") || N.includes("online") ? /* @__PURE__ */ e("div", { className: n.wellnessIconBadge, children: /* @__PURE__ */ e(ht, { width: 18, height: 18, color: "#316CD9" }) }) : C.includes("school") || N.includes("school") ? /* @__PURE__ */ e("div", { className: n.wellnessIconBadge, children: /* @__PURE__ */ e(_t, { width: 18, height: 18, color: "#316CD9" }) }) : /* @__PURE__ */ e("img", { src: O("/images/home/safety.png"), alt: "", className: n.wellnessIconImg });
+    const B = C.includes("safety") || N.includes("safety") || N.includes("safe") ? O("/images/home/safety.png") : x ? O("/images/home/stress.png") : null;
+    return B ? /* @__PURE__ */ e("img", { src: B, alt: "", className: n.wellnessIconImg }) : null;
+  };
+  return /* @__PURE__ */ s("div", { className: n.wellnessCard, children: [
+    /* @__PURE__ */ s("div", { className: n.wellnessHeader, children: [
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ e("h2", { className: n.wellnessTitle, children: i("student_wellness") }),
+        /* @__PURE__ */ e("p", { className: n.wellnessSubtitle, children: i("this_months_average_vs_last_month") })
+      ] }),
+      o === "BOTH" && /* @__PURE__ */ s("div", { className: n.phaseTabContainer, children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `${n.phaseTabBtn} ${u === "MS" ? n.phaseTabBtnActive : ""}`,
+            onClick: () => r("MS"),
+            children: i("middle_school")
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `${n.phaseTabBtn} ${u === "ES" ? n.phaseTabBtnActive : ""}`,
+            onClick: () => r("ES"),
+            children: i("elementary_school")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: `${n.wellnessGrid} ${u === "ES" ? n.wellnessGridEs : ""}`, children: c.map((y, C) => {
+      const N = (y.key || "").toLowerCase().includes("stress") || (y.title || "").toLowerCase().includes("stress"), x = Re(y.averageScore, N);
+      return /* @__PURE__ */ s("div", { className: n.wellnessRow, children: [
+        b(y),
+        /* @__PURE__ */ e("span", { className: `${n.wellnessRowLabel} ${u === "ES" ? n.wellnessRowLabelEs : n.wellnessRowLabelMs}`, children: i(y.title) }),
+        u === "ES" ? /* @__PURE__ */ s($, { children: [
+          /* @__PURE__ */ s("span", { className: n.wellnessRowPct, children: [
+            y.averageScore,
+            "%"
+          ] }),
+          xe(y.averageScore, void 0, 36)
+        ] }) : (() => {
+          const E = y.changeVsLastMonth >= 0;
+          return /* @__PURE__ */ s($, { children: [
+            /* @__PURE__ */ s(
+              "span",
+              {
+                className: n.wellnessPill,
+                style: {
+                  backgroundColor: x.bg,
+                  color: x.color
+                },
+                children: [
+                  /* @__PURE__ */ e("span", { style: { fontWeight: 500 }, children: i(y.ratingLabel || "") }),
+                  /* @__PURE__ */ e("span", { className: n.wellnessPillDivider }),
+                  /* @__PURE__ */ s("span", { className: n.wellnessPillPct, children: [
+                    y.averageScore,
+                    "%"
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: n.wellnessRowRight, children: /* @__PURE__ */ e(et, { direction: E ? "up" : "down", width: 20, height: 20 }) })
+          ] });
+        })()
+      ] }, y.key || C);
+    }) }),
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        className: n.viewDashBtn,
+        onClick: () => {
+          a(u === "ES" ? "/admin/dashboard-wrapper?type=elementary" : "/admin/dashboard");
+        },
+        children: [
+          /* @__PURE__ */ e(dt, { width: 17, height: 17, color: "#316CD9" }),
+          /* @__PURE__ */ e("span", { children: i("view_data_dashboard") }),
+          /* @__PURE__ */ e(he, { width: 15, height: 15 })
+        ]
+      }
+    ),
+    k && /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        className: n.seeUnhealthyBtn,
+        onClick: () => m(!0),
+        children: [
+          /* @__PURE__ */ e(gt, { width: 17, height: 17, color: "#C44140" }),
+          /* @__PURE__ */ e("span", { children: i("see_all_unsafe_and_stressed_students") }),
+          /* @__PURE__ */ e(he, { width: 15, height: 15, color: "#C44140" })
+        ]
+      }
+    ),
+    _ && /* @__PURE__ */ e(
+      Oa,
+      {
+        open: _,
+        onClose: () => m(!1),
+        students: v,
+        isEs: u === "ES"
+      }
+    )
+  ] });
+}, Da = ({ usageData: t }) => {
+  const { t: o } = D(), a = t?.schoolName || "", l = t?.schoolLogo ? re(t.schoolLogo) : null, i = t?.totalCheckIns ?? 0, h = t?.totalStudents ?? 0, r = (t?.totalCheckIns ?? 0) - (t?.totalCheckInsLastMonth ?? 0), _ = t?.totalOneToOneMinutes ?? 0, m = be(_), u = Math.round((t?.totalOneToOneMinutes ?? 0) - (t?.totalOneToOneMinutesLastMonth ?? 0)), g = be(Math.abs(u)), w = t?.totalOneToOneCount ?? 0, c = t?.totalOneToOneRequired ?? 0, v = c > 0 ? Math.min(1, w / c) : 0, S = Math.round(v * 100), k = t?.totalConferenceCount ?? 0, b = (t?.totalConferenceCount ?? 0) - (t?.totalConferenceCountLastMonth ?? 0), y = t?.totalClassReflectionsCount ?? 0, C = (t?.totalClassReflectionsCount ?? 0) - (t?.totalClassReflectionsCountLastMonth ?? 0), N = Math.min(1, Math.max(0, i / (h || 1))), x = (B) => {
+    if (B === 0) {
+      const f = "#8E8E93";
+      return /* @__PURE__ */ s("span", { style: { color: f, display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
+        /* @__PURE__ */ e(Q, { color: f, width: 8, height: 9 }),
+        "0 ",
+        o("vs_last_month")
+      ] });
+    }
+    const F = B > 0, A = F ? "#0F9655" : "#C44140", M = F ? Q : ke;
+    return /* @__PURE__ */ s("span", { className: F ? n.deltaUp : n.deltaDown, style: { color: A, display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
+      /* @__PURE__ */ e(M, { color: A, width: 8, height: 9 }),
+      Math.abs(B),
+      " ",
+      o("vs_last_month")
+    ] });
+  }, E = (B, F) => {
+    if (B === 0) {
+      const G = "#8E8E93";
+      return /* @__PURE__ */ s("span", { style: { color: G, display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
+        /* @__PURE__ */ e(Q, { color: G, width: 8, height: 9 }),
+        F,
+        " ",
+        o("vs_last_month")
+      ] });
+    }
+    const A = B > 0, M = A ? "#0F9655" : "#C44140", f = A ? Q : ke;
+    return /* @__PURE__ */ s("span", { className: A ? n.deltaUp : n.deltaDown, style: { color: M, display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
+      /* @__PURE__ */ e(f, { color: M, width: 8, height: 9 }),
+      F,
+      " ",
+      o("vs_last_month")
+    ] });
+  };
+  return /* @__PURE__ */ s("div", { className: n.usagePanel, children: [
+    /* @__PURE__ */ s("div", { className: n.usageHeader, children: [
+      /* @__PURE__ */ e("div", { className: n.usageIconCircle, children: l ? /* @__PURE__ */ e(
+        "img",
+        {
+          src: l,
+          alt: a,
+          className: n.schoolLogoImg,
+          onError: (B) => {
+            B.target.style.display = "none";
+          }
+        }
+      ) : /* @__PURE__ */ e(tt, { width: 28, height: 28, color: "#ffffff" }) }),
+      a && /* @__PURE__ */ e("span", { className: n.schoolBadgeName, children: a }),
+      /* @__PURE__ */ e("h2", { className: n.usageTitle, children: o("school_monthly_usage") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: n.usageDivider }),
+    /* @__PURE__ */ s("div", { className: n.usageTilesList, children: [
+      /* @__PURE__ */ s("div", { className: n.usageTile, children: [
+        /* @__PURE__ */ s("div", { className: n.usageTileHeader, children: [
+          /* @__PURE__ */ e("span", { className: n.usageTileLabel, children: o("total_check_ins") }),
+          /* @__PURE__ */ e(nt, { width: 18, height: 18, color: "#D3D3D3" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: n.usageProgressBarTrack, children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: n.usageProgressBarFill,
+            style: { width: `${Math.round(N * 100)}%` }
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: n.usageTileValue, children: i }),
+        /* @__PURE__ */ s("div", { className: n.usageTileSubText, children: [
+          /* @__PURE__ */ s("span", { children: [
+            "/ ",
+            h,
+            " ",
+            o("students"),
+            " "
+          ] }),
+          x(r)
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: n.usageTile, children: [
+        /* @__PURE__ */ s("div", { className: n.usageTileHeader, children: [
+          /* @__PURE__ */ e("span", { className: n.usageTileLabel, children: o("total_conversation_time") }),
+          /* @__PURE__ */ e(at, { width: 18, height: 18, color: "#D3D3D3" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: n.usageTileValue, children: m }),
+        /* @__PURE__ */ e("div", { className: n.usageTileSubText, children: E(u, g) })
+      ] }),
+      /* @__PURE__ */ s("div", { className: n.usageTile, children: [
+        /* @__PURE__ */ s("div", { className: n.usageTileHeader, children: [
+          /* @__PURE__ */ e("span", { className: n.usageTileLabel, children: o("total_one_to_one_conversations") }),
+          /* @__PURE__ */ e(st, { width: 18, height: 18, color: "#D3D3D3" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: n.usageProgressBarTrack, children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: n.usageProgressBarFillGreen,
+            style: { width: `${S}%` }
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: n.usageTileValue, children: w }),
+        /* @__PURE__ */ s("div", { className: n.usageTileSubText, children: [
+          /* @__PURE__ */ s("span", { children: [
+            "/ ",
+            c,
+            " ",
+            o("required"),
+            " "
+          ] }),
+          /* @__PURE__ */ s("span", { className: n.deltaUp, style: { color: "#0F9655", display: "inline-flex", alignItems: "center", gap: "4px" }, children: [
+            /* @__PURE__ */ e(Q, { color: "#0F9655", width: 8, height: 9 }),
+            " ",
+            S,
+            "% ",
+            o("completion")
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ s("div", { className: n.usageTile, children: [
+        /* @__PURE__ */ s("div", { className: n.usageTileHeader, children: [
+          /* @__PURE__ */ e("span", { className: n.usageTileLabel, children: o("total_conferences") }),
+          /* @__PURE__ */ e(Fe, { width: 18, height: 18, color: "#D3D3D3" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: n.usageTileValue, children: k }),
+        /* @__PURE__ */ e("div", { className: n.usageTileSubText, children: x(b) })
+      ] }),
+      /* @__PURE__ */ s("div", { className: n.usageTile, children: [
+        /* @__PURE__ */ s("div", { className: n.usageTileHeader, children: [
+          /* @__PURE__ */ e("span", { className: n.usageTileLabel, children: o("total_class_reflections") }),
+          /* @__PURE__ */ e(Oe, { width: 18, height: 18, color: "#D3D3D3" })
+        ] }),
+        /* @__PURE__ */ e("div", { className: n.usageTileValue, children: y }),
+        /* @__PURE__ */ e("div", { className: n.usageTileSubText, children: x(C) })
+      ] })
+    ] })
+  ] });
+}, $a = ({
+  gradeOverview: t,
+  caseMode: o = "without",
+  curriculumSystem: a = "US",
+  onSetCurriculumSystem: l
+}) => {
+  const { t: i } = D(), [h, r] = R(!1), _ = o === "with", m = a === "UK", u = /* @__PURE__ */ new Map();
+  (t ?? []).forEach((c) => {
+    const v = (c.grade || "").trim();
+    if (!v) return;
+    const S = ge(v, m), k = v.toLowerCase();
+    if (!u.has(k))
+      u.set(k, {
+        label: S,
+        redFlagCount: c.redFlagCount || 0,
+        yellowFlagCount: c.yellowFlagCount || 0,
+        cases: c.cases || 0,
+        totalCheckIn: c.totalCheckIn || 0,
+        totalOneToOne: c.totalOneToOne || 0
+      });
+    else {
+      const b = u.get(k);
+      b.redFlagCount += c.redFlagCount || 0, b.yellowFlagCount += c.yellowFlagCount || 0, b.cases += c.cases || 0, b.totalCheckIn += c.totalCheckIn || 0, b.totalOneToOne += c.totalOneToOne || 0;
+    }
+  });
+  const g = Array.from(u.values()), w = g.reduce(
+    (c, v) => ({
+      checkIns: c.checkIns + v.totalCheckIn,
+      redFlags: c.redFlags + v.redFlagCount,
+      yellowFlags: c.yellowFlags + v.yellowFlagCount,
+      cases: c.cases + v.cases,
+      oneToOneLogs: c.oneToOneLogs + v.totalOneToOne
+    }),
+    { checkIns: 0, redFlags: 0, yellowFlags: 0, cases: 0, oneToOneLogs: 0 }
+  );
+  return /* @__PURE__ */ s("div", { className: n.campusCard, children: [
+    /* @__PURE__ */ s("div", { className: n.campusHeader, children: [
+      /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ e("h2", { className: n.campusTitle, children: i("school_overview") }),
+        /* @__PURE__ */ e("p", { className: n.campusSubText, children: i("flag_metrics_and_engagement_breakdown") })
+      ] }),
+      /* @__PURE__ */ s("div", { className: n.sysToggleGroup, children: [
+        /* @__PURE__ */ s("span", { className: n.sysToggleLabel, children: [
+          i("curriculum_system"),
+          ":"
+        ] }),
+        /* @__PURE__ */ s("div", { className: n.phaseTabs, children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `${n.phaseTabBtn} ${a === "US" ? n.phaseTabBtnActive : ""}`,
+              onClick: () => l && l("US"),
+              children: "US (Grades)"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: `${n.phaseTabBtn} ${a === "UK" ? n.phaseTabBtnActive : ""}`,
+              onClick: () => l && l("UK"),
+              children: "UK (Years)"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ s("div", { className: n.helpPopoverWrapper, children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: n.infoHelpBtn,
+              onClick: () => r((c) => !c),
+              title: i("curriculum_system_reference"),
+              children: "?"
+            }
+          ),
+          h && /* @__PURE__ */ s($, { children: [
+            /* @__PURE__ */ e("div", { className: n.popoverBackdrop, onClick: () => r(!1) }),
+            /* @__PURE__ */ s("div", { className: n.referencePopover, children: [
+              /* @__PURE__ */ e("h3", { className: n.refTitle, children: i("curriculum_system_reference") }),
+              /* @__PURE__ */ e("p", { className: n.refSubText, children: i("how_us_grades_map_to_uk_year_groups") }),
+              /* @__PURE__ */ e("div", { className: n.refTableWrapper, children: /* @__PURE__ */ s("table", { className: n.refTable, children: [
+                /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
+                  /* @__PURE__ */ e("th", { children: i("us_stage") }),
+                  /* @__PURE__ */ e("th", { children: i("us_grade") }),
+                  /* @__PURE__ */ e("th", { children: i("uk_stage") }),
+                  /* @__PURE__ */ e("th", { children: i("uk_year_group") }),
+                  /* @__PURE__ */ e("th", { children: i("uk_key_stage") })
+                ] }) }),
+                /* @__PURE__ */ e("tbody", { children: W.map((c, v) => /* @__PURE__ */ s("tr", { children: [
+                  /* @__PURE__ */ e("td", { className: n.usStageTd, children: c.usStage }),
+                  /* @__PURE__ */ e("td", { children: c.usGrade }),
+                  /* @__PURE__ */ e("td", { children: c.ukStage }),
+                  /* @__PURE__ */ e("td", { children: c.ukYearGroup }),
+                  /* @__PURE__ */ e("td", { children: c.ukKeyStage })
+                ] }, v)) })
+              ] }) })
+            ] })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: n.tableWrapper, children: /* @__PURE__ */ s("table", { className: n.overviewTable, children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ s("tr", { children: [
+        /* @__PURE__ */ e("th", { children: i(m ? "year_group_grade" : "grade_year_group") }),
+        /* @__PURE__ */ e("th", { children: i("red_flags") }),
+        /* @__PURE__ */ e("th", { children: i("yellow_flags") }),
+        _ && /* @__PURE__ */ e("th", { children: i("cases") }),
+        /* @__PURE__ */ e("th", { children: i("check_ins") }),
+        /* @__PURE__ */ e("th", { children: i("one_to_one_logs") })
+      ] }) }),
+      /* @__PURE__ */ s("tbody", { children: [
+        g.map((c, v) => /* @__PURE__ */ s("tr", { children: [
+          /* @__PURE__ */ e("td", { children: c.label }),
+          /* @__PURE__ */ e("td", { children: c.redFlagCount ? /* @__PURE__ */ e("span", { className: n.redFlagText, children: c.redFlagCount }) : /* @__PURE__ */ e("span", { className: n.dashMuted, children: "—" }) }),
+          /* @__PURE__ */ e("td", { children: c.yellowFlagCount ? /* @__PURE__ */ e("span", { className: n.yellowFlagText, children: c.yellowFlagCount }) : /* @__PURE__ */ e("span", { className: n.dashMuted, children: "—" }) }),
+          _ && /* @__PURE__ */ e("td", { children: c.cases ? c.cases : /* @__PURE__ */ e("span", { className: n.dashMuted, children: "—" }) }),
+          /* @__PURE__ */ e("td", { children: c.totalCheckIn }),
+          /* @__PURE__ */ e("td", { children: c.totalOneToOne })
+        ] }, v)),
+        /* @__PURE__ */ s("tr", { className: n.totalsRow, children: [
+          /* @__PURE__ */ e("td", { children: i("totals") }),
+          /* @__PURE__ */ e("td", { children: w.redFlags ? /* @__PURE__ */ e("span", { className: n.redFlagText, children: w.redFlags }) : /* @__PURE__ */ e("span", { className: n.dashMuted, children: "—" }) }),
+          /* @__PURE__ */ e("td", { children: w.yellowFlags ? /* @__PURE__ */ e("span", { className: n.yellowFlagText, children: w.yellowFlags }) : /* @__PURE__ */ e("span", { className: n.dashMuted, children: "—" }) }),
+          _ && /* @__PURE__ */ e("td", { children: w.cases ? w.cases : /* @__PURE__ */ e("span", { className: n.dashMuted, children: "—" }) }),
+          /* @__PURE__ */ e("td", { children: w.checkIns.toLocaleString() }),
+          /* @__PURE__ */ e("td", { children: w.oneToOneLogs })
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+function ce(t) {
+  return t ? typeof t == "string" ? t : typeof t == "object" && t.text ? t.text : String(t) : "";
+}
+const Ha = ({ adminTips: t, tips: o }) => {
+  const { t: a } = D(), [l, i] = R(!1), h = t?.msAdminTips || [], r = t?.esAdminTips || [], _ = h.length > 0 && r.length > 0, m = [...h, ...r], u = m.length > 0 ? m : o || [];
+  return /* @__PURE__ */ s("div", { className: n.adminTipsWrapper, children: [
+    /* @__PURE__ */ s(
+      "button",
+      {
+        type: "button",
+        className: n.adminTipsBtn,
+        onClick: () => i((g) => !g),
+        children: [
+          /* @__PURE__ */ e(Ne, { width: 17, height: 17, color: "#316CD9" }),
+          /* @__PURE__ */ e("span", { children: a("admin_tips") })
+        ]
+      }
+    ),
+    l && /* @__PURE__ */ s($, { children: [
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: n.popoverBackdrop,
+          onClick: () => i(!1)
+        }
+      ),
+      /* @__PURE__ */ s("div", { className: n.adminTipsPopover, children: [
+        /* @__PURE__ */ e("div", { className: n.popoverArrow }),
+        /* @__PURE__ */ s("div", { className: n.popoverHeaderRow, children: [
+          /* @__PURE__ */ e("div", { className: n.popoverIconCircle, children: /* @__PURE__ */ e(Ne, { width: 18, height: 18, color: "#316CD9" }) }),
+          /* @__PURE__ */ e("h3", { className: n.popoverHeaderTitle, children: a("admin_tips") })
+        ] }),
+        _ ? /* @__PURE__ */ s("div", { children: [
+          h.map((g, w) => /* @__PURE__ */ s("div", { className: n.tipItem, children: [
+            /* @__PURE__ */ e("div", { className: n.tipNumber, children: w + 1 }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: n.tipText,
+                dangerouslySetInnerHTML: { __html: ce(g) }
+              }
+            )
+          ] }, `ms-${w}`)),
+          /* @__PURE__ */ e("hr", { className: n.tipSectionDivider }),
+          r.map((g, w) => /* @__PURE__ */ s("div", { className: n.tipItem, children: [
+            /* @__PURE__ */ e("div", { className: n.tipNumber, children: w + 1 }),
+            /* @__PURE__ */ e(
+              "div",
+              {
+                className: n.tipText,
+                dangerouslySetInnerHTML: { __html: ce(g) }
+              }
+            )
+          ] }, `es-${w}`))
+        ] }) : u.map((g, w) => /* @__PURE__ */ s("div", { className: n.tipItem, children: [
+          /* @__PURE__ */ e("div", { className: n.tipNumber, children: w + 1 }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: n.tipText,
+              dangerouslySetInnerHTML: { __html: ce(g) }
+            }
+          )
+        ] }, w))
+      ] })
+    ] })
+  ] });
+}, d = {
+  "hn-root": "_hn-root_1udam_1",
+  "hn-header": "_hn-header_1udam_13",
+  "hn-header__left": "_hn-header__left_1udam_23",
+  "hn-header__avatar": "_hn-header__avatar_1udam_28",
+  "hn-header__avatar--icon": "_hn-header__avatar--icon_1udam_37",
+  "hn-header__info": "_hn-header__info_1udam_43",
+  "hn-header__name-row": "_hn-header__name-row_1udam_46",
+  "hn-header__student-name": "_hn-header__student-name_1udam_51",
+  "hn-header__grade-badge": "_hn-header__grade-badge_1udam_56",
+  "hn-header__duration-row": "_hn-header__duration-row_1udam_65",
+  "hn-header__close-btn": "_hn-header__close-btn_1udam_76",
+  "hn-body": "_hn-body_1udam_88",
+  "hn-left": "_hn-left_1udam_97",
+  "hn-left__section-header": "_hn-left__section-header_1udam_115",
+  "hn-left__section-icon": "_hn-left__section-icon_1udam_121",
+  "hn-left__section-title": "_hn-left__section-title_1udam_132",
+  "hn-left__card": "_hn-left__card_1udam_137",
+  "hn-left__card-last": "_hn-left__card-last_1udam_145",
+  "hn-left__last-checkin-row": "_hn-left__last-checkin-row_1udam_152",
+  "hn-left__dot-row": "_hn-left__dot-row_1udam_155",
+  "hn-left__dot": "_hn-left__dot_1udam_155",
+  "hn-left__checkin-value": "_hn-left__checkin-value_1udam_172",
+  "hn-left__indicators-grid": "_hn-left__indicators-grid_1udam_177",
+  "hn-left__indicator-item": "_hn-left__indicator-item_1udam_182",
+  "hn-left__indicator-name": "_hn-left__indicator-name_1udam_187",
+  "hn-left__indicator-badge": "_hn-left__indicator-badge_1udam_193",
+  "hn-left__prev-notes-header": "_hn-left__prev-notes-header_1udam_203",
+  "hn-left__prev-notes-block": "_hn-left__prev-notes-block_1udam_214",
+  "hn-middle": "_hn-middle_1udam_219",
+  "hn-middle__focus-card": "_hn-middle__focus-card_1udam_237",
+  "hn-middle__notes-card": "_hn-middle__notes-card_1udam_237",
+  "hn-middle__strategy-card": "_hn-middle__strategy-card_1udam_237",
+  "hn-middle__outcomes-card": "_hn-middle__outcomes-card_1udam_237",
+  "hn-middle__toggle-card": "_hn-middle__toggle-card_1udam_237",
+  "hn-middle__notes-label": "_hn-middle__notes-label_1udam_250",
+  "hn-middle__strategy-label": "_hn-middle__strategy-label_1udam_250",
+  "hn-middle__outcomes-label": "_hn-middle__outcomes-label_1udam_250",
+  "hn-middle__focus-tags": "_hn-middle__focus-tags_1udam_256",
+  "hn-middle__outcomes-tags": "_hn-middle__outcomes-tags_1udam_256",
+  "hn-middle__focus-tag": "_hn-middle__focus-tag_1udam_256",
+  "hn-middle__outcome-tag": "_hn-middle__outcome-tag_1udam_262",
+  "hn-middle__focus-tag--active": "_hn-middle__focus-tag--active_1udam_273",
+  "hn-middle__outcome-tag--active": "_hn-middle__outcome-tag--active_1udam_273",
+  "hn-middle__strategy-chips": "_hn-middle__strategy-chips_1udam_282",
+  "hn-middle__strategy-chip": "_hn-middle__strategy-chip_1udam_282",
+  "hn-middle__readonly-text": "_hn-middle__readonly-text_1udam_292",
+  "hn-middle__toggle-btn": "_hn-middle__toggle-btn_1udam_312",
+  "hn-middle__toggle-btn--active": "_hn-middle__toggle-btn--active_1udam_322",
+  "hn-middle__toggle-thumb": "_hn-middle__toggle-thumb_1udam_325",
+  "hn-middle__toggle-info": "_hn-middle__toggle-info_1udam_340",
+  "hn-middle__toggle-label": "_hn-middle__toggle-label_1udam_344",
+  "hn-middle__toggle-sub": "_hn-middle__toggle-sub_1udam_349",
+  "hn-right": "_hn-right_1udam_354",
+  "hn-right__header": "_hn-right__header_1udam_375",
+  "hn-right__header-title-row": "_hn-right__header-title-row_1udam_380",
+  "hn-right__header-title": "_hn-right__header-title_1udam_380",
+  "hn-right__header-sub": "_hn-right__header-sub_1udam_391",
+  "hn-right__scroll-list": "_hn-right__scroll-list_1udam_395",
+  "hn-right__cat-wrapper": "_hn-right__cat-wrapper_1udam_400",
+  "hn-right__cat-btn": "_hn-right__cat-btn_1udam_403",
+  "hn-right__cat-inner-row": "_hn-right__cat-inner-row_1udam_415",
+  "hn-right__cat-icon-circle": "_hn-right__cat-icon-circle_1udam_420",
+  "hn-right__cat-title-col": "_hn-right__cat-title-col_1udam_431",
+  "hn-right__cat-label": "_hn-right__cat-label_1udam_434",
+  "hn-right__cat-right": "_hn-right__cat-right_1udam_439",
+  "hn-right__cat-count": "_hn-right__cat-count_1udam_444",
+  "hn-right__questions-list": "_hn-right__questions-list_1udam_449",
+  "hn-right__question-btn": "_hn-right__question-btn_1udam_456",
+  "hn-right__question-btn--clicked": "_hn-right__question-btn--clicked_1udam_469",
+  "hn-right__q-dot": "_hn-right__q-dot_1udam_473",
+  "hn-right__question-text": "_hn-right__question-text_1udam_487"
+}, Wa = ({ size: t = 20 }) => /* @__PURE__ */ e("img", { src: O("/teacher-student/icons/close.svg"), width: t, height: t, alt: "close" }), Se = ({ size: t = 20 }) => /* @__PURE__ */ e("img", { src: O("/teacher-student/icons/sparkles.svg"), width: t, height: t, alt: "sparkles" }), Ya = ({ size: t = 20 }) => /* @__PURE__ */ e("img", { src: O("/teacher-student/icons/sparkles_blue.svg"), width: t, height: t, alt: "sparkles" }), Ua = ({ size: t = 16 }) => /* @__PURE__ */ e("img", { src: O("/teacher-student/icons/heart.svg"), width: t, height: t, alt: "heart" }), Va = ({ size: t = 16 }) => /* @__PURE__ */ e("img", { src: O("/teacher-student/icons/trending-up.svg"), width: t, height: t, alt: "trending-up" }), Ka = ({ size: t = 16 }) => /* @__PURE__ */ e("img", { src: O("/teacher-student/icons/trophy.svg"), width: t, height: t, alt: "trophy" }), ja = ({ size: t = 16, style: o }) => /* @__PURE__ */ e("img", { src: O("/teacher-student/icons/chevron-down.svg"), width: t, height: t, style: o, alt: "chevron-down" }), za = ({ size: t = 14 }) => /* @__PURE__ */ e("img", { src: O("/teacher-student/icons/eye.svg"), width: t, height: t, alt: "eye" }), Qa = ({ size: t = 14 }) => /* @__PURE__ */ e("img", { src: O("/teacher-student/icons/eye-off.svg"), width: t, height: t, alt: "eye-off" }), Za = "0001-01-01T00:00:00", Z = (t) => {
+  if (!t || t === Za || t.startsWith("0001-01-01")) return !0;
+  const o = Y(t);
+  return !o.isValid() || o.year() <= 1900;
+}, Ie = (t) => !t || Z(t) ? "" : Y(t).fromNow(), Xa = ({
+  isOpen: t,
+  onClose: o,
+  sessionSelected: a,
+  typeHappen: l,
+  conversationStarters: i = [],
+  isEs: h
+}) => {
+  const { t: r } = D(), [_, m] = R(""), [u, g] = R([]);
+  se(() => {
+    const p = a?.scaffoldingIds || a?.previousScaffoldingIds || a?.resultTeacher?.scaffoldingIds || a?.teacherResult?.scaffoldingIds || "";
+    if (p) {
+      const T = String(p).split(",").map((I) => I.trim()).filter(Boolean);
+      g(T);
+    } else
+      g([]);
+  }, [a]);
+  const w = (p) => {
+    g(
+      (T) => T.includes(p) ? T.filter((I) => I !== p) : [...T, p]
+    );
+  }, c = h || a?.isEs || a?.schoolType?.toUpperCase() === "ES" || a?.schoolLevel === "es", v = l === 2 || a?.oneToOneType === 2 || a?.typeHappen === 2, S = a?.categoryOneToOne, k = a?.outcomes, b = a?.resultStudent, y = ne(() => S ? typeof S == "string" ? S.split(",").map((p) => p.trim()) : [] : [], [S]), C = ne(() => k ? typeof k == "string" ? k.split(",").map((p) => p.trim()) : [] : [], [k]), N = ne(() => ze(a), [a]), x = ne(() => {
+    const p = b?.questions || a?.studentResult?.questions || [], T = Qe(p);
+    return c ? T.filter((I) => {
+      const H = String(I.type || "").toLowerCase(), J = I.type === "Rating" || I.type === 10 || I.type === "StarRating" || I.type === 6 || I.type === "Slider" || I.type === 4 || I.type === "ProgressBar" || I.type === 5 || H.includes("rating") || H.includes("slider") || H.includes("progressbar"), U = typeof I.score == "number" && I.score > 0;
+      return J || U;
+    }) : T;
+  }, [b, a, c]);
+  if (!a) return null;
+  const E = a?.studentProfile?.name || a?.studentName || "Student", B = a?.studentProfile?.avatar || a?.studentProfileImage || "", F = a?.studentProfile?.gradeLevel || a?.gradeLevel || "", A = !!a?.isPrivateOneToOne, M = a?.oneToOneDate, f = M && !Z(M) ? Y.utc(M).local().format("DD MMMM YYYY - hh:mm A") : a?.startTime && !Z(a.startTime) ? Y.utc(a.startTime).local().format("DD MMMM YYYY - hh:mm A") : "N/A", G = a?.startTime || a?.startDate || a?.studentResult?.createdAt || a?.resultStudent?.createdAt || a?.createAt || a?.createdAt, j = G && !Z(G) ? Y.utc(G).local().format("DD MMMM YYYY - hh:mm A") : "N/A";
+  return /* @__PURE__ */ e(
+    _e,
+    {
+      open: t,
+      onClose: o,
+      maxWidth: "xl",
+      fullWidth: !0,
+      PaperProps: {
+        style: {
+          borderRadius: 24,
+          maxHeight: "92vh",
+          backgroundColor: "transparent",
+          boxShadow: "none"
+        }
+      },
+      children: /* @__PURE__ */ s("div", { className: d["hn-root"], children: [
+        /* @__PURE__ */ s("div", { className: d["hn-header"], children: [
+          /* @__PURE__ */ s("div", { className: d["hn-header__left"], children: [
+            /* @__PURE__ */ e(ue, { className: d["hn-header__avatar"], children: B ? /* @__PURE__ */ e(
+              "img",
+              {
+                className: d["hn-header__avatar--icon"],
+                src: re(B),
+                alt: "avatar"
+              }
+            ) : E.charAt(0) }),
+            /* @__PURE__ */ s("div", { className: d["hn-header__info"], children: [
+              /* @__PURE__ */ s("div", { className: d["hn-header__name-row"], children: [
+                /* @__PURE__ */ e(Ye, { title: /* @__PURE__ */ e("span", { style: { fontSize: "16px" }, children: E }), arrow: !0, placement: "bottom", children: /* @__PURE__ */ e(L, { variant: "h3", className: d["hn-header__student-name"], children: E }) }),
+                F && /* @__PURE__ */ s("span", { className: d["hn-header__grade-badge"], children: [
+                  r("grade"),
+                  " ",
+                  F
+                ] })
+              ] }),
+              /* @__PURE__ */ e("div", { className: d["hn-header__duration-row"], children: /* @__PURE__ */ s(L, { children: [
+                r("one_to_one_conversation_log"),
+                " • ",
+                f,
+                a?.timeOneToOne ? ` (${a.timeOneToOne} mins)` : ""
+              ] }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ e(V, { onClick: o, className: d["hn-header__close-btn"], children: /* @__PURE__ */ e(Wa, { size: 20 }) })
+        ] }),
+        /* @__PURE__ */ s("div", { className: d["hn-body"], children: [
+          /* @__PURE__ */ s("div", { className: d["hn-left"], children: [
+            /* @__PURE__ */ s("div", { className: d["hn-left__section-header"], children: [
+              /* @__PURE__ */ e("div", { className: d["hn-left__section-icon"], children: /* @__PURE__ */ e("svg", { fill: "currentColor", viewBox: "0 0 20 20", width: "16", height: "16", children: /* @__PURE__ */ e("path", { fillRule: "evenodd", d: "M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z", clipRule: "evenodd" }) }) }),
+              /* @__PURE__ */ e(L, { className: d["hn-left__section-title"], children: r("student_context") })
+            ] }),
+            /* @__PURE__ */ s("div", { className: d["hn-left__card"], children: [
+              /* @__PURE__ */ s("div", { className: d["hn-left__last-checkin-row"], children: [
+                /* @__PURE__ */ s("div", { className: d["hn-left__dot-row"], children: [
+                  /* @__PURE__ */ e("div", { className: d["hn-left__dot"] }),
+                  /* @__PURE__ */ e(L, { children: r("check_in_time") })
+                ] }),
+                /* @__PURE__ */ s(L, { className: d["hn-left__checkin-value"], children: [
+                  j,
+                  " ",
+                  Ie(G) && `(${Ie(G)})`
+                ] })
+              ] }),
+              /* @__PURE__ */ e("div", { className: d["hn-left__indicators-grid"], children: x.map((p, T) => {
+                const I = xe(p.score, p.val);
+                return c ? /* @__PURE__ */ e("div", { className: d["hn-left__indicator-item"], children: /* @__PURE__ */ s(
+                  "div",
+                  {
+                    className: d["hn-left__indicator-badge"],
+                    style: {
+                      backgroundColor: p.bg,
+                      color: p.color,
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "space-between",
+                      padding: "8px 12px",
+                      borderRadius: "12px",
+                      fontWeight: 600,
+                      width: "100%",
+                      boxSizing: "border-box"
+                    },
+                    children: [
+                      /* @__PURE__ */ e("span", { style: { fontSize: "13px", lineHeight: 1.2 }, children: p.name }),
+                      I ? /* @__PURE__ */ e("span", { style: { display: "inline-flex", marginLeft: 8, flexShrink: 0 }, children: I }) : /* @__PURE__ */ e("span", { style: { marginLeft: 8, fontSize: "12px", flexShrink: 0 }, children: [p.val, p.num].filter(Boolean).join(" | ") })
+                    ]
+                  }
+                ) }, T) : /* @__PURE__ */ s("div", { className: d["hn-left__indicator-item"], children: [
+                  /* @__PURE__ */ e(L, { className: d["hn-left__indicator-name"], children: p.name }),
+                  /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: d["hn-left__indicator-badge"],
+                      style: {
+                        backgroundColor: p.bg,
+                        color: p.color
+                      },
+                      children: [p.val, p.num].filter(Boolean).join(" | ")
+                    }
+                  )
+                ] }, T);
+              }) })
+            ] }),
+            /* @__PURE__ */ s("div", { className: d["hn-left__card-last"], children: [
+              /* @__PURE__ */ s("div", { className: d["hn-left__prev-notes-header"], children: [
+                /* @__PURE__ */ e("div", { className: d["hn-left__dot"], style: { backgroundColor: "#FFB04F" } }),
+                /* @__PURE__ */ e(L, { children: r("previous_notes") })
+              ] }),
+              a?.previousOneToOneDate && !Z(a?.previousOneToOneDate) ? /* @__PURE__ */ s("div", { className: d["hn-left__prev-notes-block"], children: [
+                /* @__PURE__ */ e(L, { style: { fontWeight: 600 }, children: Y(a.previousOneToOneDate).format("MMMM D, YYYY") }),
+                a?.previousOneToOneNote && /* @__PURE__ */ e(L, { style: { marginTop: 4 }, children: a.previousOneToOneNote })
+              ] }) : /* @__PURE__ */ e(L, { style: { color: "#94a3b8", fontSize: 12 }, children: r("no_conversation_history") })
+            ] })
+          ] }),
+          /* @__PURE__ */ s("div", { className: d["hn-middle"], children: [
+            /* @__PURE__ */ s("div", { className: d["hn-middle__focus-card"], children: [
+              /* @__PURE__ */ s(L, { className: d["hn-middle__focus-label"], children: [
+                "🎯 ",
+                r("what_was_the_main_focus_of_this_session")
+              ] }),
+              /* @__PURE__ */ e("div", { className: d["hn-middle__focus-tags"], children: ["Academics", "Social", "Home Life", "Goals", "Personal", "Well-being"].map((p) => {
+                const T = y.includes(p);
+                return /* @__PURE__ */ e(
+                  V,
+                  {
+                    disabled: !0,
+                    className: `${d["hn-middle__focus-tag"]}${T ? ` ${d["hn-middle__focus-tag--active"]}` : ""}`,
+                    children: p
+                  },
+                  p
+                );
+              }) }),
+              /* @__PURE__ */ e("div", { className: d["hn-middle__readonly-text"], children: a?.topicOneToOne || r("no_description_provided") })
+            ] }),
+            /* @__PURE__ */ s("div", { className: d["hn-middle__notes-card"], children: [
+              /* @__PURE__ */ e(L, { className: d["hn-middle__notes-label"], children: r("other_notes_optional") }),
+              /* @__PURE__ */ e("div", { className: d["hn-middle__readonly-text"], children: a?.oneToOneNote || a?.OneToOneNote || r("no_notes_added") })
+            ] }),
+            !c && /* @__PURE__ */ s("div", { className: d["hn-middle__strategy-card"], children: [
+              /* @__PURE__ */ s(L, { className: d["hn-middle__strategy-label"], children: [
+                "💡 ",
+                r("agreed_learning_strategy")
+              ] }),
+              N.length > 0 ? /* @__PURE__ */ e("div", { className: d["hn-middle__strategy-chips"], children: N.map((p, T) => /* @__PURE__ */ e(Ue, { label: p, className: d["hn-middle__strategy-chip"] }, T)) }) : /* @__PURE__ */ e("div", { className: d["hn-middle__readonly-text"], children: r("no_strategy_selected") || "No agreed strategy selected" })
+            ] }),
+            /* @__PURE__ */ s("div", { className: d["hn-middle__outcomes-card"], children: [
+              /* @__PURE__ */ s(L, { className: d["hn-middle__outcomes-label"], children: [
+                "✅ ",
+                r("session_outcomes_next_steps")
+              ] }),
+              /* @__PURE__ */ e("div", { className: d["hn-middle__outcomes-tags"], children: ["Follow-up Set", "Goal Established", "Refer to Counselor", "Action Item Created", "No Follow-up Necessary"].map((p) => {
+                const T = C.includes(p);
+                return /* @__PURE__ */ e(
+                  V,
+                  {
+                    disabled: !0,
+                    className: `${d["hn-middle__outcome-tag"]}${T ? ` ${d["hn-middle__outcome-tag--active"]}` : ""}`,
+                    children: p
+                  },
+                  p
+                );
+              }) })
+            ] }),
+            /* @__PURE__ */ s("div", { className: d["hn-middle__toggle-card"], children: [
+              /* @__PURE__ */ e("div", { className: `${d["hn-middle__toggle-btn"]}${A ? ` ${d["hn-middle__toggle-btn--active"]}` : ""}`, children: /* @__PURE__ */ e(
+                "div",
+                {
+                  className: d["hn-middle__toggle-thumb"],
+                  style: {
+                    transform: A ? "translateX(24px)" : "translateX(0)"
+                  },
+                  children: A ? /* @__PURE__ */ e(Qa, { size: 14 }) : /* @__PURE__ */ e(za, { size: 14 })
+                }
+              ) }),
+              /* @__PURE__ */ s("div", { className: d["hn-middle__toggle-info"], children: [
+                /* @__PURE__ */ e(L, { className: d["hn-middle__toggle-label"], children: r("hidden_from_student") }),
+                /* @__PURE__ */ e(L, { className: d["hn-middle__toggle-sub"], children: r(A ? "hidden_from_students_description" : "shared_with_students_unless_hidden") })
+              ] })
+            ] })
+          ] }),
+          !v && /* @__PURE__ */ s("div", { className: d["hn-right"], children: [
+            /* @__PURE__ */ s("div", { className: d["hn-right__header"], children: [
+              /* @__PURE__ */ s("div", { className: d["hn-right__header-title-row"], children: [
+                /* @__PURE__ */ e(Ya, { size: 20 }),
+                /* @__PURE__ */ e(L, { className: d["hn-right__header-title"], children: r("conversation_starters") })
+              ] }),
+              /* @__PURE__ */ e(L, { className: d["hn-right__header-sub"], children: r("tap_cards_to_guide_the_conversation") })
+            ] }),
+            /* @__PURE__ */ e("div", { className: d["hn-right__scroll-list"], children: i.map((p) => {
+              const T = _ === p.id, I = (p.questions || []).reduce((P, q) => [...P, q, ...q.children || []], []), H = I.length, J = I.filter((P) => u.includes(String(P.id))).length, U = J === H && H > 0;
+              return /* @__PURE__ */ s("div", { className: d["hn-right__cat-wrapper"], children: [
+                /* @__PURE__ */ s(
+                  V,
+                  {
+                    onClick: () => m(T ? "" : p.id),
+                    className: `${d["hn-right__cat-btn"]}${T ? ` ${d["hn-right__cat-btn--expanded"]}` : ""}`,
+                    children: [
+                      /* @__PURE__ */ s("div", { className: d["hn-right__cat-inner-row"], children: [
+                        /* @__PURE__ */ e(
+                          "div",
+                          {
+                            className: d["hn-right__cat-icon-circle"],
+                            style: {
+                              "--hn-cat-gradient": p.gradient || "linear-gradient(135deg, #3b82f6, #6366f1)",
+                              "--hn-cat-border": U ? "2px solid #05df72" : "unset"
+                            },
+                            children: U ? "✓" : /* @__PURE__ */ s($, { children: [
+                              p.icon === "sparkles" && /* @__PURE__ */ e(Se, { size: 16 }),
+                              p.icon === "heart" && /* @__PURE__ */ e(Ua, { size: 16 }),
+                              p.icon === "trending-up" && /* @__PURE__ */ e(Va, { size: 16 }),
+                              p.icon === "trophy" && /* @__PURE__ */ e(Ka, { size: 16 }),
+                              !["sparkles", "heart", "trending-up", "trophy"].includes(p.icon) && /* @__PURE__ */ e(Se, { size: 16 })
+                            ] })
+                          }
+                        ),
+                        /* @__PURE__ */ s("div", { className: d["hn-right__cat-title-col"], children: [
+                          /* @__PURE__ */ e(L, { className: d["hn-right__cat-label"], children: p.label }),
+                          U && /* @__PURE__ */ e(L, { className: d["hn-right__cat-completed"], children: r("completed") })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ s("div", { className: d["hn-right__cat-right"], children: [
+                        /* @__PURE__ */ s(L, { className: `${d["hn-right__cat-count"]}${U ? ` ${d["hn-right__cat-count--completed"]}` : ""}`, children: [
+                          J,
+                          "/",
+                          H
+                        ] }),
+                        /* @__PURE__ */ e(
+                          ja,
+                          {
+                            size: 16,
+                            style: {
+                              transition: "transform 0.2s",
+                              transform: T ? "rotate(180deg)" : "rotate(0)"
+                            }
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                ),
+                T && /* @__PURE__ */ e("div", { className: d["hn-right__questions-list"], children: (p.questions || []).map((P, q) => {
+                  const z = u.includes(String(P.id));
+                  return /* @__PURE__ */ s("div", { className: d["hn-right__question-group"], children: [
+                    /* @__PURE__ */ s(
+                      V,
+                      {
+                        onClick: () => w(String(P.id)),
+                        className: [
+                          d["hn-right__question-btn"],
+                          z ? d["hn-right__question-btn--clicked"] : ""
+                        ].filter(Boolean).join(" "),
+                        children: [
+                          /* @__PURE__ */ e(
+                            "div",
+                            {
+                              className: d["hn-right__q-dot"],
+                              style: {
+                                "--hn-q-dot-bg": z ? "#10B981" : p.gradient || "#3b82f6"
+                              },
+                              children: z ? "✓" : "L1"
+                            }
+                          ),
+                          /* @__PURE__ */ e(L, { className: `${d["hn-right__question-text"]}${z ? ` ${d["hn-right__question-text--clicked"]}` : ""}`, children: P.question })
+                        ]
+                      }
+                    ),
+                    z && P.children && P.children.length > 0 && /* @__PURE__ */ e("div", { className: d["hn-right__l2-list"], style: { marginLeft: "24px", marginTop: "8px", display: "flex", flexDirection: "column", gap: "8px" }, children: P.children.map((ee, Pe) => {
+                      const te = u.includes(String(ee.id));
+                      return /* @__PURE__ */ s(
+                        V,
+                        {
+                          onClick: () => w(String(ee.id)),
+                          className: [
+                            d["hn-right__question-btn"],
+                            d["hn-right__question-btn--l2"],
+                            te ? d["hn-right__question-btn--clicked"] : ""
+                          ].filter(Boolean).join(" "),
+                          children: [
+                            /* @__PURE__ */ e(
+                              "div",
+                              {
+                                className: d["hn-right__q-dot"],
+                                style: {
+                                  "--hn-q-dot-bg": te ? "#10B981" : p.gradient || "#3b82f6"
+                                },
+                                children: te ? "✓" : "L2"
+                              }
+                            ),
+                            /* @__PURE__ */ e(L, { className: `${d["hn-right__question-text"]}${te ? ` ${d["hn-right__question-text--clicked"]}` : ""}`, children: ee.question })
+                          ]
+                        },
+                        ee.id || Pe
+                      );
+                    }) })
+                  ] }, P.id || q);
+                }) })
+              ] }, p.id);
+            }) })
+          ] })
+        ] })
+      ] })
+    }
+  );
+}, Ja = "/images/image-default.png";
+function qa(t) {
+  if (!t) return "";
+  const o = Y(t);
+  return o.isValid() ? o.format("DD MMM YYYY · h:mm A") : t;
+}
+const es = ({
+  kind: t,
+  open: o,
+  onClose: a,
+  students: l,
+  curriculumSystem: i = "US",
+  conversationStarters: h = [],
+  conversationStartersEs: r = [],
+  conversationStartersMs: _ = []
+}) => {
+  const m = X(), { t: u } = D(), [g, w] = ie.useState(null), [c, v] = ie.useState(!1), [S, k] = ie.useState(null), b = t === "red", y = b ? "#C44140" : "#F5D500", C = b ? n.iconBadgeRed : n.iconBadgeYellow, N = b ? n.studentAvatarRed : n.studentAvatarYellow, x = l && l.length > 0 ? l : [], E = u(b ? "red_flags_this_month" : "yellow_flags_this_month"), B = `${x.length} ${u("students_flagged_review_check_in")}`, F = async (f, G) => {
+    f && (k(f), await Ze(f, G, (j) => {
+      w({ ...j, isEs: G }), v(!0);
+    }), k(null));
+  }, A = g?.isEs || g?.schoolType?.toUpperCase() === "ES" || g?.schoolLevel === "es", M = A ? r.length > 0 ? r : h : _.length > 0 ? _ : h;
+  return /* @__PURE__ */ s($, { children: [
+    /* @__PURE__ */ s(
+      _e,
+      {
+        open: o,
+        onClose: a,
+        maxWidth: "md",
+        fullWidth: !0,
+        PaperProps: {
+          style: {
+            borderRadius: 20,
+            boxShadow: "0 20px 60px rgba(31, 63, 115, 0.3)",
+            overflow: "hidden"
+          }
+        },
+        children: [
+          /* @__PURE__ */ s("div", { className: n.modalHeader, children: [
+            /* @__PURE__ */ e("div", { className: `${n.iconBadge} ${C}`, children: /* @__PURE__ */ e(Ae, { fill: y, width: 20, height: 24 }) }),
+            /* @__PURE__ */ s("div", { children: [
+              /* @__PURE__ */ e("h2", { className: n.modalTitle, children: E }),
+              /* @__PURE__ */ e("p", { className: n.modalSubtitle, children: B })
+            ] }),
+            /* @__PURE__ */ e("button", { type: "button", className: n.modalCloseBtn, onClick: a, children: /* @__PURE__ */ e(Ge, { width: 18, height: 18, color: "rgba(36,36,36,0.56)" }) })
+          ] }),
+          /* @__PURE__ */ e(Le, { className: n.dialogContentZero, children: /* @__PURE__ */ e("div", { className: n.modalStudentList, children: x.map((f) => /* @__PURE__ */ s("div", { className: n.studentRow, children: [
+            f.avatar ? /* @__PURE__ */ e(
+              ue,
+              {
+                alt: f.fullName?.toUpperCase(),
+                src: re(f.avatar) || Ja,
+                className: `${n.studentAvatar} ${N}`
+              }
+            ) : /* @__PURE__ */ e("div", { className: `${n.studentAvatar} ${N}`, children: Be(f.fullName) }),
+            /* @__PURE__ */ s("div", { className: n.studentInfoCol, children: [
+              /* @__PURE__ */ s("div", { className: n.studentName, children: [
+                f.fullName,
+                " ",
+                /* @__PURE__ */ s("span", { className: n.studentGrade, children: [
+                  "· ",
+                  ge(f.gradeLevel, i === "UK")
+                ] })
+              ] }),
+              /* @__PURE__ */ s("div", { className: n.studentMetaRow, children: [
+                /* @__PURE__ */ s("span", { className: n.dateLabel, children: [
+                  /* @__PURE__ */ e(ot, { width: 12, height: 12 }),
+                  qa(f.lastInteractionDate)
+                ] }),
+                f.hasOneToOneLogged ? /* @__PURE__ */ s("span", { className: n.loggedPill, children: [
+                  /* @__PURE__ */ e(lt, { width: 13, height: 13 }),
+                  u("one_to_one_logged"),
+                  f.loggedByEducatorName ? ` · ${f.loggedByEducatorName}` : ""
+                ] }) : /* @__PURE__ */ s("span", { className: n.notLoggedPill, children: [
+                  /* @__PURE__ */ e(rt, { width: 13, height: 13 }),
+                  u("no_one_to_one_yet")
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ s("div", { className: n.modalActionButtons, children: [
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  className: n.btnViewCheckIn,
+                  onClick: () => pe(m, f.sessionId, f.sessionResultId, f.studentId, f.schoolType?.toUpperCase() === "ES"),
+                  children: [
+                    /* @__PURE__ */ e(Ee, { width: 15, height: 15 }),
+                    /* @__PURE__ */ e("span", { children: u("view_check_in") })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s(
+                "button",
+                {
+                  type: "button",
+                  disabled: !f.hasOneToOneLogged || S === f.sessionId,
+                  className: f.hasOneToOneLogged ? n.btnViewLogActive : n.btnViewLogDisabled,
+                  onClick: () => F(f.sessionId, f.schoolType?.toUpperCase() === "ES"),
+                  children: [
+                    /* @__PURE__ */ e(it, { width: 15, height: 15 }),
+                    /* @__PURE__ */ e("span", { children: S === f.sessionId ? "..." : u("view_log") })
+                  ]
+                }
+              )
+            ] })
+          ] }, f.studentId || f.fullName)) }) })
+        ]
+      }
+    ),
+    c && /* @__PURE__ */ e(
+      Xa,
+      {
+        isOpen: c,
+        onClose: () => {
+          v(!1), w(null);
+        },
+        sessionSelected: g,
+        conversationStarters: M,
+        isEs: A
+      }
+    )
+  ] });
+}, ds = () => {
+  const { t } = D(), {
+    loadingInit: o,
+    loadingAnalytics: a,
+    initData: l,
+    analyticsData: i,
+    caseMode: h,
+    curriculumSystem: r,
+    setCurriculumSystem: _,
+    flagModal: m,
+    setFlagModal: u,
+    schoolType: g,
+    esSessionIframe: w,
+    setEsSessionIframe: c,
+    conversationStartersEs: v,
+    conversationStartersMs: S
+  } = Xe("BOTH");
+  se(() => {
+    const F = (M) => {
+      (M.data === "closeEsIframe" || M.data?.action === "backOverview" || M.data?.type === "BACK_OVERVIEW") && c(null);
+    }, A = (M) => {
+      const f = M;
+      f.detail && c(f.detail);
+    };
+    return window.addEventListener("message", F), window.addEventListener("OPEN_ES_IFRAME", A), () => {
+      window.removeEventListener("message", F), window.removeEventListener("OPEN_ES_IFRAME", A);
+    };
+  }, [c]);
+  const b = t(h === "with" ? "campus_engagement_and_guardrail_overview" : "school_engagement_and_overview"), y = t("real_time_summary_of_student_wellness"), C = i?.flaggedStudents?.redFlagCount ?? 0, N = i?.flaggedStudents?.yellowFlagCount ?? 0, x = i?.flaggedStudents?.redFlags, E = i?.flaggedStudents?.yellowFlags, B = w ? `${window.location.origin}/es/view-session/${w.sessionId}/${w.sessionResultId}?isReadOnly=true&fullsize=true` : "";
+  return /* @__PURE__ */ s("div", { className: n.overviewContainer, children: [
+    /* @__PURE__ */ e("main", { className: n.mainContent, children: /* @__PURE__ */ s("div", { className: n.maxWidthWrapper, children: [
+      /* @__PURE__ */ s("div", { className: n.headerRow, children: [
+        /* @__PURE__ */ s("div", { children: [
+          /* @__PURE__ */ e("h1", { className: n.mainTitle, children: b }),
+          /* @__PURE__ */ e("p", { className: n.subTitle, children: y })
+        ] }),
+        o ? /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minWidth: 100, height: 38 }, children: /* @__PURE__ */ e(K, { size: 20 }) }) : /* @__PURE__ */ e(Ha, { adminTips: l?.adminTips })
+      ] }),
+      /* @__PURE__ */ s("div", { className: n.layoutGrid, children: [
+        /* @__PURE__ */ s("div", { className: n.leftColumn, children: [
+          a ? /* @__PURE__ */ e("div", { className: n.statCardGrid, style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: 140, background: "#ffffff", borderRadius: 16, border: "1px solid #E2E8F0" }, children: /* @__PURE__ */ e(K, { size: 28 }) }) : /* @__PURE__ */ s("div", { className: n.statCardGrid, children: [
+            /* @__PURE__ */ e(
+              Te,
+              {
+                kind: "red",
+                label: t("red_flags_this_month"),
+                value: C,
+                onOpen: () => u("red")
+              }
+            ),
+            /* @__PURE__ */ e(
+              Te,
+              {
+                kind: "yellow",
+                label: t("yellow_flags_this_month"),
+                value: N,
+                onOpen: () => u("yellow")
+              }
+            )
+          ] }),
+          o ? /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: 140, background: "#ffffff", borderRadius: 16, border: "1px solid #E2E8F0", padding: 24 }, children: /* @__PURE__ */ e(K, { size: 28 }) }) : /* @__PURE__ */ e(Ga, { students: l?.students }),
+          a ? /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: 280, background: "#ffffff", borderRadius: 16, border: "1px solid #E2E8F0", padding: 24 }, children: /* @__PURE__ */ e(K, { size: 32 }) }) : /* @__PURE__ */ e(
+            Pa,
+            {
+              wellnessData: i?.studentWellness,
+              schoolType: g
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: n.rightColumn, children: a ? /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: 480, background: "#ffffff", borderRadius: 16, border: "1px solid #E2E8F0", padding: 24, height: "100%" }, children: /* @__PURE__ */ e(K, { size: 32 }) }) : /* @__PURE__ */ e(Da, { usageData: i?.schoolMonthlyUsage }) })
+      ] }),
+      a ? /* @__PURE__ */ e("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", minHeight: 250, background: "#ffffff", borderRadius: 16, border: "1px solid #E2E8F0", padding: 24, marginTop: 24 }, children: /* @__PURE__ */ e(K, { size: 32 }) }) : /* @__PURE__ */ e(
+        $a,
+        {
+          gradeOverview: i?.schoolOverviewByGrade,
+          caseMode: h,
+          curriculumSystem: r,
+          onSetCurriculumSystem: _
+        }
+      )
+    ] }) }),
+    m && /* @__PURE__ */ e(
+      es,
+      {
+        kind: m,
+        open: !!m,
+        onClose: () => u(null),
+        students: m === "red" ? x : E,
+        curriculumSystem: r,
+        conversationStartersEs: v,
+        conversationStartersMs: S
+      }
+    ),
+    w && /* @__PURE__ */ s("div", { style: { position: "fixed", top: 0, left: 0, right: 0, bottom: 0, zIndex: 9999, background: "#ffffff", display: "flex", flexDirection: "column" }, children: [
+      /* @__PURE__ */ s("div", { style: { height: 48, padding: "0 20px", background: "#F8FAFC", borderBottom: "1px solid #E2E8F0", display: "flex", alignItems: "center", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            onClick: () => c(null),
+            style: { display: "flex", alignItems: "center", gap: 8, border: "none", background: "transparent", cursor: "pointer", fontSize: 14, fontWeight: 600, color: "#316CD9" },
+            children: [
+              /* @__PURE__ */ e(pt, { width: 18, height: 18, color: "#316CD9" }),
+              /* @__PURE__ */ e("span", { children: t("back_to_overview") })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e("span", { style: { fontSize: 13, fontWeight: 500, color: "#64748B" }, children: t("elementary_session_view") })
+      ] }),
+      /* @__PURE__ */ e(
+        "iframe",
+        {
+          src: B,
+          style: { width: "100%", flex: 1, border: "none", display: "block" },
+          title: "Elementary Session View"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  ds as default
+};