feat: add class exam navigation

Additive migration stores exam schedules on classes. Unit subjects drive subject selection and route learners into the matching path.

app/auth.py

@@ -91,13 +91,14 @@ class SupabaseAuth:
                 if "answered 404" not in str(exc):
                     raise
                 log.warning("the classes table is missing; every account is allowed")
-        # During the database migration, ignore rows belonging to a removed product.
-        rows = [row for row in rows if not row.get("subject") or row.get("subject") == "מתמטיקה"]
         for row in rows:
             row["emails"] = [str(value).lower() for value in row.get("emails") or []]
             row["teachers"] = [str(value).lower() for value in row.get("teachers") or []]
             row["lessons"] = row.get("lessons") or []
             row["nicknames"] = row.get("nicknames") or {}
+            row["exams"] = row.get("exams") or []
+            row["exam_note"] = str(row.get("exam_note") or "")
+            row["exam_title"] = str(row.get("exam_title") or "")
         with self._lock:
             self._classes = (now + CLASSES_TTL, rows)
         return rows

app/main.py

@@ -104,6 +104,8 @@ def create_app(auth: SupabaseAuth | None = None) -> FastAPI:
                 "permissions": (user or {}).get("permissions", []),
                 "teacher": bool((user or {}).get("teacher")),
                 "classes": [{"id": row["id"], "name": row["name"], "lessons": units_of(row),
+                             "exams": row.get("exams") or [], "exam_note": row.get("exam_note") or "",
+                             "exam_title": row.get("exam_title") or "",
                              "teacher": email.lower() in (row.get("teachers") or [])} for row in mine]}
 
     @app.get("/api/math/skills")

app/math_algebra9.json

@@ -7,42 +7,49 @@
  "units": [
   {
    "id": "f",
+   "subject": "מתמטיקה",
    "name": "יסודות",
    "source": "חזרה מכיתות ז׳–ח׳",
    "when": ""
   },
   {
    "id": "t",
+   "subject": "מתמטיקה",
    "name": "טכניקה אלגברית",
    "source": "פריסת ט׳",
    "when": "ספטמבר–אוקטובר, ינואר"
   },
   {
    "id": "n",
+   "subject": "מתמטיקה",
    "name": "תכונות של פונקציה",
    "source": "פריסת ט׳",
    "when": "מרץ"
   },
   {
    "id": "q",
+   "subject": "מתמטיקה",
    "name": "פונקציה ומשוואה ריבועית",
    "source": "פריסת ט׳",
    "when": "נובמבר–פברואר"
   },
   {
    "id": "p",
+   "subject": "מתמטיקה",
    "name": "חזקות ושורשים",
    "source": "פריסת ט׳",
    "when": "מאי"
   },
   {
    "id": "w",
+   "subject": "מתמטיקה",
    "name": "שאלות מילוליות",
    "source": "פריסת ט׳",
    "when": "מאי"
   },
   {
    "id": "g",
+   "subject": "מתמטיקה",
    "name": "גאומטריה",
    "source": "תרגול מקורי: שטחים ומשפט פיתגורס",
    "when": ""

app/math_skills.py

@@ -32,7 +32,8 @@ def problems(graph: dict) -> list[str]:
     units = {u["id"] for u in graph["units"]}
     skills = {s["id"]: s for s in graph["skills"]}
     mistakes = graph["mistakes"]
-    out = [f"{s['id']}: unknown unit {s['unit']}" for s in skills.values() if s["unit"] not in units]
+    out = [f"{u['id']}: subject is required" for u in graph["units"] if not str(u.get("subject") or "").strip()]
+    out += [f"{s['id']}: unknown unit {s['unit']}" for s in skills.values() if s["unit"] not in units]
     out += [f"{s['id']}: unknown prerequisite {p}" for s in skills.values() for p in s["prereqs"] if p not in skills]
     if out:
         return out

docs/mathly-supabase.sql

@@ -23,17 +23,13 @@ create table if not exists public.classes (
   nicknames jsonb not null default '{}',
   lessons text[] not null default '{}',
   teachers text[] not null default '{}',
+  exams jsonb not null default '[]',
+  exam_title text not null default '',
+  exam_note text not null default '',
   created_at timestamptz not null default now()
 );
 
-do $$ begin
-  if exists (select 1 from information_schema.columns
-             where table_schema = 'public' and table_name = 'classes' and column_name = 'subject') then
-    delete from public.classes where subject is distinct from 'מתמטיקה';
-  end if;
-end $$;
-alter table public.classes drop column if exists subject,
-  drop column if exists homework,
+alter table public.classes drop column if exists homework,
   drop column if exists due,
   drop column if exists homeworks,
   drop column if exists dailies;

static/math.css

@@ -29,6 +29,13 @@ html.math-on, html.math-on body{overflow:hidden}
 .mx-btn{border:1px solid var(--mx-accent);background:transparent;color:var(--mx-accent);font:700 14px/1 var(--f-body);padding:9px 14px;border-radius:999px;cursor:pointer}
 .mx-btn.solid{background:var(--mx-accent);color:var(--mx-on-accent)}
 .mx-note{margin:0;color:var(--muted);font-size:14px}
+.mx-subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
+.mx-subject-card{--exam:var(--mx-accent);display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--exam) 48%,var(--line));border-radius:16px;background:linear-gradient(130deg,color-mix(in srgb,var(--exam) 14%,var(--surface)),var(--surface));color:var(--ink);text-align:start;cursor:pointer}
+.mx-subject-card:hover{border-color:var(--exam);transform:translateY(-1px)}
+.mx-subject-icon{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--exam) 22%,var(--bg));color:var(--exam);font:700 24px/1 var(--f-body)}
+.mx-subject-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.mx-subject-card b{font-size:18px}.mx-subject-card small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-subject-card i{color:var(--exam);font-size:26px;font-style:normal}
+.mx-subject-empty{--exam:var(--mx-accent);display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;border:1px solid color-mix(in srgb,var(--exam) 45%,var(--line));border-radius:18px;background:var(--surface);padding:32px 20px}.mx-subject-empty>span{font-size:42px}.mx-subject-empty h2{color:var(--exam)}.mx-subject-empty p{max-width:480px;margin:0;color:var(--muted);line-height:1.5}
+@media (max-width:520px){.mx-subject-grid{grid-template-columns:1fr}}
 
 /* progress: a ring for the whole path, a bar per unit */
 .mx-progress{display:flex;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px}
@@ -153,10 +160,93 @@ html.math-on, html.math-on body{overflow:hidden}
 .mx-scan-card{background:#141719;color:#f4f2ec;border:1px solid #485050;border-radius:18px;padding:24px;width:min(520px,100%);display:flex;flex-direction:column;gap:14px;line-height:1.6}
 .mx-scan-card p{margin:0}.mx-scan-card [hidden]{display:none}.mx-scan-card small{color:#adb7b1}
 .mx-management,.mx-class-editor form{display:flex;flex-direction:column;gap:16px}
+.mx-manage-sheet{
+  inset:0;max-height:none;border-radius:0;box-shadow:none;gap:12px;
+  padding-top:max(18px,env(safe-area-inset-top,0px));
+  padding-bottom:max(28px,env(safe-area-inset-bottom,0px));
+  padding-left:max(18px,calc((100vw - 1100px)/2));
+  padding-right:max(18px,calc((100vw - 1100px)/2));
+}
+.mx-manage-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
+.mx-manage-head h3{font-size:30px;color:var(--mx-accent)}
+.mx-manage-spacer{flex:1}
+.mx-manage-state{min-height:18px;margin:0;color:var(--muted);font-size:13px}
+.mx-manage-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:var(--line)}
+.mx-manage-modes button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0;padding:10px 6px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:700 16px/1.2 var(--f-body);cursor:pointer;text-align:center}
+.mx-manage-modes button small{font:600 11px/1.25 var(--f-body);color:var(--muted)}
+.mx-manage-modes button[aria-selected="true"]{background:var(--surface);box-shadow:0 1px 4px rgb(0 0 0/.35)}
+.mx-manage-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px}
+.mx-manage-title h4{margin:0;font:400 23px/1.2 var(--f-display);color:var(--mx-accent)}
+.mx-manage-title span{color:var(--muted);font-size:13px}
+.mx-manage-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
+.mx-manage-list article,.mx-manage-stats article,.mx-access-card{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:12px}
+.mx-manage-list article{display:flex;flex-direction:column;gap:4px;min-width:0}
+.mx-manage-list article b{overflow:hidden;text-overflow:ellipsis}
+.mx-manage-list article small,.mx-manage-stats small,.mx-access-card>small{color:var(--muted)}
+.mx-manage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
+.mx-manage-stats article{display:flex;flex-direction:column;gap:5px;text-align:center}
+.mx-manage-stats b{font:400 28px/1 var(--f-display);color:var(--mx-accent)}
+.mx-access-card{display:flex;flex-direction:column;gap:9px}
+.mx-tag-row{display:flex;gap:6px;flex-wrap:wrap}
+.mx-tag-row span{border:1px solid var(--mx-accent);border-radius:999px;padding:5px 9px;color:var(--mx-accent);font-size:12px}
+.mx-class-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
+.mx-class-toolbar span{color:var(--muted);font-size:13px}
+.mx-class-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
+.mx-class-card,.mx-empty-class{border:1px solid var(--line);border-radius:14px;background:var(--bg);padding:16px}
+.mx-class-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
+.mx-class-card h5,.mx-empty-class h5{margin:0;font:400 22px/1.25 var(--f-display);color:var(--ink)}
+.mx-class-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
+.mx-btn.danger{border-color:var(--sumac);color:var(--sumac)}
+.mx-class-card dl{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 12px;margin:0;font-size:14px}
+.mx-class-card dt{color:var(--muted)}
+.mx-class-card dd{margin:0;min-width:0;overflow-wrap:anywhere}
+.mx-empty-class p{margin:7px 0 0;color:var(--muted)}
+.mx-class-form{display:flex;flex-direction:column;gap:16px}
+.mx-class-form>label{display:flex;flex-direction:column;gap:6px;font-weight:700}
+.mx-class-form label>small,.mx-class-form legend small{display:block;color:var(--muted);font-size:12px;font-weight:500;margin-top:3px}
+.mx-class-form input[type="text"],.mx-class-form input[name="name"],.mx-class-form textarea{box-sizing:border-box;width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);padding:11px 12px;font:inherit}
+.mx-class-form textarea{min-height:110px;resize:vertical;text-align:left}
+.mx-class-form fieldset{margin:0}
+.mx-unit-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
+.mx-unit-picks label{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:11px;padding:10px;cursor:pointer}
+.mx-unit-picks label:has(input:checked){border-color:var(--mx-accent);background:var(--mx-accent-soft)}
+.mx-unit-picks label span{display:flex;flex-direction:column;gap:2px;font-weight:700}
+.mx-unit-picks label small{color:var(--muted);font-size:11px;font-weight:500}
+.mx-class-form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
+.mx-class-form-actions [role="status"]{color:var(--muted);font-size:13px}
+.mx-exam-board{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:16px;display:flex;flex-direction:column;gap:14px}
+.mx-class-card .mx-exam-board{margin-top:16px;background:var(--surface);padding:13px}
+.mx-exam-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
+.mx-exam-head h2,.mx-exam-head h4{margin:0;color:var(--mx-accent);font:400 22px/1.25 var(--f-display)}
+.mx-exam-head small{color:var(--muted)}
+.mx-exam-countdown{--exam:#7FA6F0;display:flex;align-items:center;gap:14px;border:1px solid color-mix(in srgb,var(--exam) 55%,var(--line));border-radius:16px;padding:13px 16px;background:linear-gradient(115deg,color-mix(in srgb,var(--exam) 20%,var(--surface)),var(--surface) 58%)}
+.mx-exam-countdown>span{flex:none;width:76px;height:76px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,var(--surface) 72%,transparent 74%),conic-gradient(var(--exam) 82%,var(--line) 0);box-shadow:0 0 24px color-mix(in srgb,var(--exam) 20%,transparent)}
+.mx-exam-countdown>span b{font:400 24px/1 var(--f-display);color:var(--exam)}.mx-exam-countdown>span small{font-size:10px;color:var(--muted)}
+.mx-exam-countdown>div{display:flex;flex-direction:column;gap:3px;min-width:0}.mx-exam-countdown>div>small{color:var(--muted);font-size:12px}.mx-exam-countdown strong{font-size:20px}.mx-exam-countdown time{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;color:var(--ink);font-size:17px;font-weight:800}.mx-exam-countdown time>span{flex-basis:100%;color:var(--exam);font-size:12px;font-weight:700}.mx-exam-countdown time>small{direction:ltr;unicode-bidi:isolate;color:var(--muted);font-size:11px;font-weight:600}
+.mx-exam-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
+.mx-exam-card{--exam:#7FA6F0;display:flex;align-items:center;gap:9px;min-width:0;border:1px solid color-mix(in srgb,var(--exam) 45%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--exam) 10%,var(--bg));padding:10px}
+.mx-exam-card.is-next{outline:2px solid var(--exam);outline-offset:1px}
+.mx-exam-icon{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--exam) 22%,var(--bg));color:var(--exam);font:700 19px/1 var(--f-body)}
+.mx-exam-card div{display:flex;flex-direction:column;gap:2px;min-width:0}.mx-exam-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mx-exam-card small{color:var(--muted);font-size:12px}
+.exam-geo{--exam:#65B58A}.exam-civics{--exam:#B89BEB}.exam-intro{--exam:#E0B45A}.exam-math{--exam:#7FA6F0}.exam-language{--exam:#D98AAE}.exam-finance{--exam:#93B85F}.exam-science{--exam:#5CC2B2}.exam-english{--exam:#6FB3D2}.exam-literature{--exam:#C99870}.exam-history{--exam:#A3AD9F}.exam-bible{--exam:#D79B62}
+.mx-exam-months{display:flex;flex-direction:column;gap:16px}.mx-exam-months section{display:flex;flex-direction:column;gap:8px}.mx-exam-months h5{margin:0;font:400 18px/1.2 var(--f-display);color:var(--ink)}
+.mx-exam-board details summary{cursor:pointer;color:var(--mx-accent);font-weight:700}.mx-exam-board details[open] summary{margin-bottom:14px}
+.mx-exam-note{margin:0;color:var(--muted);font-size:13px}
 .mx-management select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit}
 .mx-management fieldset{border:1px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:12px}
 .mx-management input{accent-color:var(--mx-accent)}
 .mx-management button:disabled{opacity:.6;cursor:wait}
+@media (max-width:620px){
+  .mx-manage-modes{grid-template-columns:repeat(2,minmax(0,1fr))}
+  .mx-manage-list{grid-template-columns:1fr}
+  .mx-manage-stats{grid-template-columns:1fr}
+  .mx-class-cards,.mx-unit-picks{grid-template-columns:1fr}
+  .mx-exam-grid{grid-template-columns:1fr 1fr}
+  .mx-class-card-head{flex-direction:column}
+  .mx-manage-head .mx-btn{padding-inline:10px}
+}
+@media (max-width:400px){.mx-exam-grid{grid-template-columns:1fr}}
+@media (prefers-reduced-motion:no-preference){.mx-manage-sheet{animation:none}}
 .mx-grade{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}
 .mx-grade h4,.mx-grade p{margin:0}.mx-grade-correct{border-color:var(--ok);background:var(--ok-bg)}
 .mx-grade summary{cursor:pointer;color:var(--mx-accent)}.mx-grade details p{margin-top:10px}

static/math.js

@@ -23,7 +23,7 @@ const key=()=>"mathly.progress.v1:"+(ME_EMAIL||"guest");
 const load=()=>{ try{ return JSON.parse(localStorage.getItem(key())||"{}"); }catch{ return {}; } };
 const save=()=>{ try{ localStorage.setItem(key(),JSON.stringify(P)); }catch{} };
 
-let G=null, BY={}, POST={}, DEPTH={}, ORDER=[], P={done:{},tries:{}}, root=null, path=null, sheet=null, cur=null, back=null;
+let G=null, BY={}, POST={}, DEPTH={}, ORDER=[], P={done:{},tries:{}}, root=null, path=null, sheet=null, cur=null, back=null, ACTIVE_SUBJECT="";
 let picker=null, PH=null;   // the photo file picker, and the photographed problem on the sheet (see photo())
 let advanceTimer=null;
 let phonePair=null;
@@ -70,7 +70,8 @@ async function show(){
     try{ const r=await fetch("/api/math/skills"); if(!r.ok) throw new Error(`השרת ענה ${r.status}`); index(await r.json()); }
     catch(e){ path.innerHTML=`<p class="mx-note">לא הצלחנו לטעון את המסלול: ${esc(e.message)}. רעננו את העמוד ונסו שוב.</p>`; return; }
   }
-  P=Object.assign({done:{},tries:{}},load()); SHOWN=new Set(shownUnits().map(u=>u.id)); draw();
+  P=Object.assign({done:{},tries:{}},load()); SHOWN=new Set(shownUnits().map(u=>u.id));
+  subjectOptions().length?drawSubjectPicker():selectSubject("מתמטיקה");
   window.MathlyAnswers?.configure({api,account:CFG.userId,enabled:CFG.answerScans,root,onGraded:({questionId,grading})=>{
     if(grading.result.verdict!=="correct"||P.done[questionId])return;
     P.done[questionId]=grading.finished_at||new Date().toISOString();
@@ -79,11 +80,37 @@ async function show(){
 }
 function hide(){ cancelAdvance(); if(root) root.hidden=true; document.documentElement.classList.remove("math-on"); }
 
+function subjectOptions(){
+  const bySubject=new Map();
+  MY_CLASSES.forEach(row=>(row.exams||[]).forEach(exam=>{
+    if(!exam?.subject||!exam?.date)return;
+    const item=bySubject.get(exam.subject)||{name:exam.subject,dates:[],classes:new Set()};
+    item.dates.push(exam.date);item.classes.add(row.name);bySubject.set(exam.subject,item);
+  }));
+  return [...bySubject.values()].map(item=>({...item,dates:item.dates.sort()})).sort((a,b)=>a.dates[0].localeCompare(b.dates[0]));
+}
+function drawSubjectPicker(){
+  ACTIVE_SUBJECT="";
+  const manage=can("management.access"), subjects=subjectOptions(), today=new Date();today.setHours(0,0,0,0);
+  path.innerHTML=`<header class="mx-top"><div><h1>המקצועות שלי</h1><p class="mx-sub">בחרו מקצוע כדי לפתוח את המסלול שלו</p></div><div class="mx-acts">${manage?'<button class="mx-btn" data-act="manage">ניהול</button>':""}${AUTH_URL?'<button class="mx-btn" data-act="out">יציאה</button>':""}</div></header>
+    <section class="mx-subject-grid" aria-label="מקצועות הכיתה">${subjects.map(item=>{
+      const [icon,tone]=examLooks[item.name]||["●","other"],future=item.dates.find(date=>examDate(date)>=today),count=item.dates.length;
+      return `<button class="mx-subject-card exam-${tone}" data-subject="${esc(item.name)}"><span class="mx-subject-icon" aria-hidden="true">${icon}</span><span><b>${esc(item.name)}</b><small>${count} מבחנים${future?` · הבא ${examDay(future)}`:" · הסתיימו"}</small></span><i aria-hidden="true">‹</i></button>`;
+    }).join("")}</section>`;
+}
+function selectSubject(subject){
+  ACTIVE_SUBJECT=subject;
+  if(subject==="מתמטיקה")return draw();
+  const [icon,tone]=examLooks[subject]||["●","other"];
+  path.innerHTML=`<header class="mx-top"><div><h1>${esc(subject)}</h1><p class="mx-sub">המקצועות שלי</p></div><button class="mx-btn" data-act="subjects">לכל המקצועות</button></header><section class="mx-subject-empty exam-${tone}"><span aria-hidden="true">${icon}</span><h2>המסלול של ${esc(subject)} עדיין לא זמין</h2><p>לוח המבחנים של המקצוע כבר מחובר לכיתה. כשהמסלול יתווסף, הוא ייפתח מכאן.</p><button class="mx-btn solid" data-act="subjects">חזרה למקצועות</button></section>`;
+}
+
 function draw(){
   const UNITS=G.units.filter(u=>SHOWN.has(u.id)), mine=G.skills.filter(s=>SHOWN.has(s.unit));
   const total=mine.length, doneN=mine.filter(s=>P.done[s.id]).length, nxt=next();
   const cls=typeof MY_CLASS!=="undefined"&&MY_CLASS?` · כיתת ${esc(MY_CLASS.name)}`:"";
   const manage=can("management.access"), pct=Math.round(100*doneN/total);
+  const examRows=(MY_CLASS?[MY_CLASS]:MY_CLASSES).filter(row=>(row.exams||[]).length);
   const units=UNITS.map(u=>{
     const ids=ORDER.filter(id=>BY[id].unit===u.id), d=ids.filter(id=>P.done[id]).length;
     return `<div class="mx-su u-${u.id}"><b>${esc(u.name)}</b><span class="mx-bar"><i style="width:${Math.round(100*d/ids.length)}%"></i></span><small>${d} מתוך ${ids.length}</small></div>`;
@@ -99,10 +126,11 @@ function draw(){
       }).join("")}</div></section>`;
   }).join("");
   path.innerHTML=`<header class="mx-top"><div><h1>המסלול שלי</h1><p class="mx-sub">אלגברה וגאומטריה כיתה ט׳ · 5 יח״ל${cls}</p></div>
-      <div class="mx-acts">${manage?'<button class="mx-btn" data-act="manage">ניהול</button>':""}${AUTH_URL?'<button class="mx-btn" data-act="out">יציאה</button>':""}</div></header>
+      <div class="mx-acts">${subjectOptions().length?'<button class="mx-btn" data-act="subjects">מקצועות</button>':""}${manage?'<button class="mx-btn" data-act="manage">ניהול</button>':""}${AUTH_URL?'<button class="mx-btn" data-act="out">יציאה</button>':""}</div></header>
     <section class="mx-progress" aria-label="ההתקדמות שלי">
       <div class="mx-ring" style="--p:${pct}"><b>${doneN}</b><small>מתוך ${total}</small></div>
       <div class="mx-units">${units}</div></section>
+    ${examRows.map(row=>examBoard(row,true)).join("")}
     ${nxt?`<button class="mx-next" data-id="${nxt}"><small>ממשיכים מכאן</small><b>${fmt(BY[nxt].name)}</b></button>`:'<p class="mx-note">סיימתם את כל המסלול. כל הכבוד!</p>'}
     <button class="mx-photo" data-act="photo"><b>צילום תרגיל</b><small>צלמו תרגיל מהמחברת או מהדף, ונעזור לכם לפתור אותו צעד אחר צעד</small></button>
     <button class="mx-photo" data-act="phone"><b>צילום בטלפון, פתרון במחשב</b><small>סרקו קוד בטלפון, צלמו תרגיל וראו את התשובה כאן אוטומטית</small></button>
@@ -175,9 +203,16 @@ function answer(btn){
 function onClick(e){
   const t=e.target.closest("button,[data-act]"); if(!t||!root.contains(t)) return;
   if(t.dataset.choice!=null) return answer(t);
+  if(t.dataset.subject) return selectSubject(t.dataset.subject);
   if(t.dataset.id) return open(t.dataset.id);
+  if(t.dataset.manageMode) return showManageMode(t.dataset.manageMode);
+  if(t.dataset.classAction) return manageClassAction(t.dataset.classAction,t.dataset.classId);
   switch(t.dataset.act){
     case "manage": return manageClasses();
+    case "manage-refresh": return loadManagedClasses(true);
+    case "manage-lab": return showManageMode("lab");
+    case "manage-practice": return closeSheet();
+    case "subjects": return drawSubjectPicker();
     case "phone": return pairPhone();
     case "copy-phone": return copyPhone(t);
     case "photo": case "retake": return picker.click();
@@ -189,49 +224,173 @@ function onClick(e){
   }
 }
 
+let MANAGED_CLASSES=[], MANAGE_MODE="classes", MANAGE_BUSY=false;
+const manageTabs=[
+  ["classes","כיתות","פתיחה, עריכה ומחיקה"],
+  ["students","תלמידים","רשימה ומסנן כיתות"],
+  ["content","תוכן","נושאים, סרטונים וטקסטים"],
+  ["flags","ניטור","פעילות ודיווחי ציונים"],
+  ["access","הרשאות","תפקידים וגישה"]
+];
+
+const examLooks={
+  "גיאוגרפיה":["🌍","geo"],"אזרחות":["🏛️","civics"],"מבוא מדעי":["🧪","intro"],
+  "מתמטיקה":["∑","math"],"לשון":["✍️","language"],"חינוך פיננסי":["₪","finance"],
+  "מדעים":["🔬","science"],"אנגלית":["A","english"],"ספרות":["📚","literature"],
+  "היסטוריה":["⌛","history"],"תנ״ך":["📜","bible"]
+};
+const examDate=value=>{const [y,m,d]=String(value).split("-").map(Number);return new Date(y,m-1,d)};
+const examDay=value=>{const date=examDate(value);return `${String(date.getDate()).padStart(2,"0")}.${String(date.getMonth()+1).padStart(2,"0")}.${date.getFullYear()}`};
+const examFullDate=value=>new Intl.DateTimeFormat("he-IL",{weekday:"long",day:"numeric",month:"long",year:"numeric"}).format(examDate(value));
+const examMonth=value=>new Intl.DateTimeFormat("he-IL",{month:"long",year:"numeric"}).format(examDate(value));
+const classSubjects=row=>[...new Set(G.units.filter(unit=>(row.lessons||[]).includes(unit.id)).map(unit=>unit.subject).filter(Boolean))];
+function examCards(exams,nextDate){
+  return exams.map(exam=>{
+    const [icon,tone]=examLooks[exam.subject]||["●","other"], next=exam.date===nextDate;
+    return `<article class="mx-exam-card exam-${tone}${next?" is-next":""}"><span class="mx-exam-icon" aria-hidden="true">${icon}</span><div><b>${esc(exam.subject)}</b><small>${examDay(exam.date)}${next?" · המבחן הבא":""}</small></div></article>`;
+  }).join("");
+}
+function examBoard(row,compact=false){
+  const all=[...(row.exams||[])].filter(exam=>exam?.date&&exam?.subject).sort((a,b)=>a.date.localeCompare(b.date));
+  const subjects=classSubjects(row), exams=compact?all.filter(exam=>subjects.includes(exam.subject)):all;
+  if(!exams.length)return "";
+  const today=new Date();today.setHours(0,0,0,0);
+  const upcoming=exams.filter(exam=>examDate(exam.date)>=today), nextDate=upcoming[0]?.date||"";
+  const groups=[];exams.forEach(exam=>{const month=examMonth(exam.date),last=groups[groups.length-1];if(last?.month===month)last.exams.push(exam);else groups.push({month,exams:[exam]});});
+  const full=`<div class="mx-exam-months">${groups.map(group=>`<section><h5>${esc(group.month)}</h5><div class="mx-exam-grid">${examCards(group.exams,nextDate)}</div></section>`).join("")}</div>`;
+  const title=esc(compact?`מבחני ${subjects.join(" ו")}`:row.exam_title||`לוח מבחנים – ${row.name}`),note=esc(row.exam_note||"");
+  if(!compact)return `<section class="mx-exam-board"><div class="mx-exam-head"><div><h4>${title}</h4><small>${exams.length} מבחנים</small></div></div>${full}${note?`<p class="mx-exam-note">${note}</p>`:""}</section>`;
+  const next=upcoming[0], days=next?Math.max(0,Math.ceil((examDate(next.date)-today)/86400000)):null;
+  const countdown=next?`<div class="mx-exam-countdown exam-${(examLooks[next.subject]||["","other"])[1]}"><span><b>${days===0?"היום":days===1?"מחר":days}</b><small>${days>1?"ימים למבחן":""}</small></span><div><small>המבחן הקרוב</small><strong>${esc(next.subject)}</strong><time datetime="${esc(next.date)}"><span>מועד המבחן</span>${esc(examFullDate(next.date))}<small>${examDay(next.date)}</small></time></div></div>`:"";
+  return `<section class="mx-exam-board compact"><div class="mx-exam-head"><div><h2>${title}</h2><small>${upcoming.length?`${upcoming.length} מבחנים בהמשך השנה`:"לוח המבחנים הסתיים"}</small></div></div>${countdown}${upcoming.length?`<div class="mx-exam-grid">${examCards(upcoming,nextDate)}</div>`:""}${note?`<p class="mx-exam-note">${note}</p>`:""}</section>`;
+}
+
 async function manageClasses(){
   if(!can("management.access")) return;
   closeSheet(); back=document.activeElement; cur="management";
   sheet.innerHTML=`<div class="mx-scrim" data-act="close"></div>
-    <div class="mx-sheet" role="dialog" aria-modal="true" aria-labelledby="mxTitle">
-      <div class="mx-shtop"><h3 id="mxTitle">ניהול כיתות</h3><button class="mx-x" data-act="close" aria-label="סגירה">✕</button></div>
-      <div class="mx-management"><p role="status">טוענים את הכיתות…</p></div></div>`;
+    <div class="mx-sheet mx-manage-sheet" role="dialog" aria-modal="true" aria-labelledby="mxTitle">
+      <div class="mx-manage-head"><h3 id="mxTitle">ניהול</h3><span class="mx-manage-spacer"></span>
+        <button class="mx-btn" data-act="manage-refresh">רענון</button>
+        <button class="mx-btn" data-act="manage-lab">מעבדה</button>
+        <button class="mx-btn solid" data-act="manage-practice">לתרגול</button>
+        <button class="mx-x" data-act="close" aria-label="סגירה">✕</button></div>
+      <p class="mx-manage-state" aria-live="polite"></p>
+      <div class="mx-manage-modes" role="tablist" aria-label="ניהול">${manageTabs.map(([mode,title,sub])=>`<button role="tab" data-manage-mode="${mode}">${title}<small>${sub}</small></button>`).join("")}</div>
+      <div class="mx-management"></div></div>`;
   sheet.hidden=false; sheet.querySelector(".mx-x").focus();
-  const box=sheet.querySelector(".mx-management");
+  MANAGE_MODE="classes";
+  await loadManagedClasses();
+}
+
+async function loadManagedClasses(refresh=false){
+  if(MANAGE_BUSY||cur!=="management") return;
+  const state=sheet.querySelector(".mx-manage-state");
+  MANAGE_BUSY=true; state.textContent=refresh?"מרעננים את נתוני הניהול…":"טוענים את הכיתות…";
   try{
     const response=await api("/api/classes");
     if(!response.ok) throw new Error("לא הצלחנו לטעון את הכיתות. נסו שוב.");
     const {classes}=await response.json();
-    if(!box.isConnected) return;
-    if(!classes.length){box.innerHTML='<p>אין כיתות לניהול.</p>';return;}
-    box.innerHTML=`<label>כיתה<select class="mx-class-picker">${classes.map(c=>`<option value="${esc(c.id)}">${esc(c.name)}</option>`).join("")}</select></label><div class="mx-class-editor"></div>`;
-    const select=box.querySelector("select"), editor=box.querySelector(".mx-class-editor");
-    if(MY_CLASS&&classes.some(c=>c.id===MY_CLASS.id)) select.value=String(MY_CLASS.id);
-    function edit(){
-      const row=classes.find(c=>String(c.id)===select.value);
-      editor.innerHTML=`<form><fieldset><legend>יחידות הלימוד בכיתה</legend>${G.units.map(u=>`<label><input type="checkbox" name="unit" value="${esc(u.id)}"${row.lessons.includes(u.id)?" checked":""}> ${esc(u.name)}</label>`).join("")}</fieldset>
-        <button class="mx-btn solid" type="submit">שמירת השינויים</button><p role="status" aria-live="polite"></p></form>`;
-      const form=editor.querySelector("form"), message=form.querySelector('[role="status"]'), submit=form.querySelector('button');
-      form.onsubmit=async event=>{
-        event.preventDefault();
-        const lessons=[...form.querySelectorAll('input:checked')].map(input=>input.value);
-        if(!lessons.length){message.textContent="בחרו לפחות יחידת לימוד אחת.";return;}
-        submit.disabled=true; select.disabled=true; message.textContent="שומרים…";
-        try{
-          const saved=await api(`/api/classes/${encodeURIComponent(row.id)}`,{method:"PUT",headers:{"Content-Type":"application/json"},
-            body:JSON.stringify({name:row.name,emails:row.emails||[],teachers:row.teachers||[],lessons})});
-          if(!saved.ok) throw new Error("לא הצלחנו לשמור את השינויים. נסו שוב.");
-          row.lessons=lessons;
-          MY_CLASSES.forEach(c=>{if(c.id===row.id)c.lessons=lessons;});
-          if(MY_CLASS?.id===row.id) MY_CLASS.lessons=lessons;
-          SHOWN=new Set(shownUnits().map(u=>u.id)); draw();
-          message.textContent="השינויים נשמרו. אפשר לחזור למסלול.";
-        }catch(error){message.textContent=error.message;}
-        finally{submit.disabled=false;select.disabled=false;}
-      };
-    }
-    select.onchange=edit; edit();
-  }catch(error){box.textContent=error.message;}
+    if(cur!=="management") return;
+    MANAGED_CLASSES=classes||[]; state.textContent=refresh?"הנתונים עודכנו.":""; showManageMode(MANAGE_MODE);
+  }catch(error){state.textContent=error.message;sheet.querySelector(".mx-management").innerHTML=`<p class="mx-note">${esc(error.message)}</p>`;}
+  finally{MANAGE_BUSY=false;}
+}
+
+function showManageMode(mode){
+  if(cur!=="management") return;
+  MANAGE_MODE=mode;
+  sheet.querySelectorAll("[data-manage-mode]").forEach(button=>button.setAttribute("aria-selected",String(button.dataset.manageMode===mode)));
+  const box=sheet.querySelector(".mx-management");
+  if(mode==="classes") return drawManagedClasses(box);
+  if(mode==="students"){
+    const students=new Map();
+    MANAGED_CLASSES.forEach(row=>(row.emails||[]).forEach(email=>students.set(email,[...(students.get(email)||[]),row.name])));
+    box.innerHTML=`<div class="mx-manage-title"><h4>תלמידים</h4><span>${students.size} תלמידים · ${MANAGED_CLASSES.length} כיתות</span></div>${students.size?`<div class="mx-manage-list">${[...students].map(([email,classes])=>`<article><b dir="ltr">${esc(email)}</b><small>${esc(classes.join(" · "))}</small></article>`).join("")}</div>`:'<p class="mx-note">עדיין לא נוספו תלמידים לכיתות.</p>'}`;
+    return;
+  }
+  if(mode==="content"){
+    box.innerHTML=`<div class="mx-manage-title"><h4>תוכן לימודי</h4><span>${G.units.length} נושאים במסלול</span></div><div class="mx-manage-list">${G.units.map(unit=>{const skills=G.skills.filter(skill=>skill.unit===unit.id);const count=MANAGED_CLASSES.filter(row=>(row.lessons||[]).includes(unit.id)).length;return `<article class="u-${unit.id}"><b>${esc(unit.name)}</b><small>${skills.length} מיומנויות · פעיל ב־${count} כיתות</small></article>`}).join("")}</div>`;
+    return;
+  }
+  if(mode==="flags"){
+    const done=Object.keys(P.done||{}).length, tries=Object.values(P.tries||{}).reduce((sum,n)=>sum+(+n||0),0);
+    box.innerHTML=`<div class="mx-manage-title"><h4>ניטור</h4><span>פעילות ודיווחי ציונים</span></div><div class="mx-manage-stats"><article><b>${MANAGED_CLASSES.length}</b><small>כיתות פעילות</small></article><article><b>${done}</b><small>מיומנויות שהושלמו במכשיר זה</small></article><article><b>${tries}</b><small>ניסיונות במכשיר זה</small></article></div><p class="mx-note">נתוני התקדמות כיתתיים יופיעו כאן כאשר שירות דיווחי הציונים יחובר.</p>`;
+    return;
+  }
+  if(mode==="access"){
+    const roles=CFG.roles||[], permissions=CFG.permissions||[];
+    box.innerHTML=`<div class="mx-manage-title"><h4>הרשאות</h4><span>תפקידים וגישה</span></div><div class="mx-access-card"><small>התפקידים שלך</small><div class="mx-tag-row">${roles.length?roles.map(role=>`<span>${esc(role)}</span>`).join(""):'<span>מנהל/ת</span>'}</div><small>הרשאות פעילות</small><div class="mx-tag-row">${permissions.map(permission=>`<span dir="ltr">${esc(permission)}</span>`).join("")}</div></div>`;
+    return;
+  }
+  box.innerHTML='<div class="mx-manage-title"><h4>מעבדה</h4><span>כלים לבדיקה ופיתוח</span></div><p class="mx-note">כלי המעבדה למתמטיקה יתווספו כאן. אפשר לחזור לכל אזור ניהול מהכרטיסיות למעלה.</p>';
+}
+
+function drawManagedClasses(box){
+  const classes=MANAGED_CLASSES;
+  box.innerHTML=`<div class="mx-manage-title"><h4>כיתות</h4><span>פתיחה, עריכה ומחיקה</span></div>
+    <div class="mx-class-toolbar"><button class="mx-btn solid" data-class-action="new">+ כיתה חדשה</button><span>${classes.length} כיתות</span></div>
+    ${classes.length?`<div class="mx-class-cards">${classes.map(row=>{
+      const units=G.units.filter(unit=>(row.lessons||[]).includes(unit.id));
+      const subjects=classSubjects(row);
+      const unitLine=units.length===G.units.length?`כל היחידות (${G.units.length})`:units.map(unit=>unit.name).join(" · ")||"לא נבחרו";
+      const students=row.emails||[], teachers=row.teachers||[];
+      return `<article class="mx-class-card"><div class="mx-class-card-head"><h5>${esc(row.name)}</h5><div class="mx-class-actions"><button class="mx-btn" data-class-action="edit" data-class-id="${esc(row.id)}">עריכה</button><button class="mx-btn danger" data-class-action="delete" data-class-id="${esc(row.id)}">מחיקה</button></div></div>
+        <dl><dt>יחידות</dt><dd>${esc(unitLine)}</dd><dt>מקצועות היחידות</dt><dd>${esc(subjects.join(" · ")||"לא הוגדרו")}</dd><dt>תלמידים</dt><dd>${students.length?`${students.length}: ${esc(students.join(" · "))}`:"עוד אין"}</dd><dt>מורים</dt><dd>${teachers.length?esc(teachers.join(" · ")):"עוד לא נבחרו"}</dd></dl>${examBoard(row)}</article>`;
+    }).join("")}</div>`:'<div class="mx-empty-class"><h5>עוד אין כיתות</h5><p>פתחו כיתה ראשונה, בחרו את יחידות הלימוד והוסיפו את כתובות התלמידים.</p></div>'}`;
+}
+
+function manageClassAction(action,id){
+  if(action==="new") return openClassEditor(null);
+  if(action==="cancel") return drawManagedClasses(sheet.querySelector(".mx-management"));
+  const row=MANAGED_CLASSES.find(item=>String(item.id)===String(id));
+  if(!row) return;
+  if(action==="edit") return openClassEditor(row);
+  if(action==="delete") return deleteManagedClass(row);
+}
+
+function openClassEditor(row){
+  const box=sheet.querySelector(".mx-management"), creating=!row;
+  const selected=new Set(row?.lessons||G.units.map(unit=>unit.id));
+  box.innerHTML=`<div class="mx-manage-title"><h4>${creating?"כיתה חדשה":`עריכת ${esc(row.name)}`}</h4><button class="mx-btn" type="button" data-class-action="cancel">חזרה לכיתות</button></div>
+    <form class="mx-class-form"><label>שם הכיתה<input name="name" required maxlength="80" autocomplete="off" placeholder="למשל: ט׳ 1" value="${esc(row?.name||"")}"></label>
+      <fieldset><legend>יחידות הלימוד<small>התלמידים יראו במסלול רק את המיומנויות של היחידות שסומנו. מקצוע היחידה קובע אילו מבחנים יוצגו במסלול.</small></legend><div class="mx-unit-picks">${G.units.map(unit=>`<label class="u-${unit.id}"><input type="checkbox" name="unit" value="${esc(unit.id)}"${selected.has(unit.id)?" checked":""}><span>${esc(unit.name)}<small>${esc(unit.subject)} · ${G.skills.filter(skill=>skill.unit===unit.id).length} מיומנויות</small></span></label>`).join("")}</div></fieldset>
+      <label>התלמידים<small>כתובת דוא״ל אחת בכל שורה. תלמיד יכול להשתייך ליותר מכיתה אחת.</small><textarea name="emails" dir="ltr" spellcheck="false" placeholder="student@example.com">${esc((row?.emails||[]).join("\n"))}</textarea></label>
+      <label>מורי הכיתה<small>כתובת דוא״ל אחת בכל שורה. למורים תהיה גישה לכיתה הזו.</small><textarea name="teachers" dir="ltr" spellcheck="false" placeholder="teacher@example.com">${esc((row?.teachers||[]).join("\n"))}</textarea></label>
+      <div class="mx-class-form-actions"><button class="mx-btn solid" type="submit">${creating?"פתיחת הכיתה":"שמירת השינויים"}</button><button class="mx-btn" type="button" data-class-action="cancel">ביטול</button><span role="status" aria-live="polite"></span></div></form>`;
+  const form=box.querySelector("form"), message=form.querySelector('[role="status"]');
+  form.querySelector('input[name="name"]').focus();
+  form.onsubmit=async event=>{
+    event.preventDefault();
+    const lessons=[...form.querySelectorAll('input[name="unit"]:checked')].map(input=>input.value);
+    if(!lessons.length){message.textContent="בחרו לפחות יחידת לימוד אחת.";return;}
+    const lines=name=>form.elements[name].value.split(/[\n,;]+/).map(value=>value.trim().toLowerCase()).filter(Boolean);
+    const body={name:form.elements.name.value.trim(),emails:lines("emails"),teachers:lines("teachers"),lessons};
+    const buttons=form.querySelectorAll("button"); buttons.forEach(button=>button.disabled=true); message.textContent=creating?"פותחים את הכיתה…":"שומרים…";
+    try{
+      const response=await api(creating?"/api/classes":`/api/classes/${encodeURIComponent(row.id)}`,{method:creating?"POST":"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(body)});
+      if(!response.ok){const detail=(await response.json().catch(()=>({}))).detail;throw new Error(detail||"לא הצלחנו לשמור את הכיתה. נסו שוב.");}
+      if(!creating){
+        Object.assign(row,body); MY_CLASSES.forEach(item=>{if(String(item.id)===String(row.id))Object.assign(item,body);});
+        if(String(MY_CLASS?.id)===String(row.id))Object.assign(MY_CLASS,body);
+        SHOWN=new Set(shownUnits().map(unit=>unit.id)); draw();
+      }
+      await loadManagedClasses(true);
+    }catch(error){message.textContent=error.message;buttons.forEach(button=>button.disabled=false);}
+  };
+}
+
+async function deleteManagedClass(row){
+  if(!confirm(`למחוק את הכיתה ${row.name}? התלמידים שלה לא יוכלו להיכנס עוד.`)) return;
+  const state=sheet.querySelector(".mx-manage-state"); state.textContent=`מוחקים את ${row.name}…`;
+  try{
+    const response=await api(`/api/classes/${encodeURIComponent(row.id)}`,{method:"DELETE"});
+    if(!response.ok){const detail=(await response.json().catch(()=>({}))).detail;throw new Error(detail||"לא הצלחנו למחוק את הכיתה.");}
+    MANAGED_CLASSES=MANAGED_CLASSES.filter(item=>String(item.id)!==String(row.id));
+    MY_CLASSES=MY_CLASSES.filter(item=>String(item.id)!==String(row.id));
+    if(String(MY_CLASS?.id)===String(row.id)) MY_CLASS=MY_CLASSES.length===1?MY_CLASSES[0]:null;
+    SHOWN=new Set(shownUnits().map(unit=>unit.id)); draw(); state.textContent="הכיתה נמחקה."; drawManagedClasses(sheet.querySelector(".mx-management"));
+  }catch(error){state.textContent=error.message;}
 }
 
 /* A photographed problem (/api/math/photo, app/math_photo.py): hints first. The sheet shows the problem as it was
@@ -407,7 +566,7 @@ async function boot(){
     const response=await api("/api/me");
     if(!response.ok){ state.className="error"; state.textContent=response.status===403?"החשבון אינו משויך לכיתת מתמטיקה.":"לא ניתן להשלים את הכניסה."; return; }
     const me=await response.json();CFG.userId=me.user_id;CFG.answerScans=me.answer_scans; ME_EMAIL=me.email||""; MY_CLASSES=me.classes||[]; MY_CLASS=MY_CLASSES.length===1?MY_CLASSES[0]:null;
-    CFG.permissions=me.permissions||[];
+    CFG.permissions=me.permissions||[]; CFG.roles=me.roles||[];
   }
   document.getElementById("boot").hidden=true;
   show();

supabase/migrations/20261031213000_add_class_exam_board.sql

@@ -0,0 +1,8 @@
+alter table public.classes
+  add column if not exists exams jsonb not null default '[]'::jsonb,
+  add column if not exists exam_title text not null default '',
+  add column if not exists exam_note text not null default '';
+
+alter table public.classes drop constraint if exists classes_exams_are_array;
+alter table public.classes
+  add constraint classes_exams_are_array check (jsonb_typeof(exams) = 'array');

tests/test_math_skills.py

@@ -35,6 +35,7 @@ def test_the_algebra_graph_is_whole():
     assert problems(graph) == []
     assert len(graph["skills"]) == 59
     assert {unit["id"] for unit in graph["units"]} == {"f", "t", "n", "q", "p", "w", "g"}
+    assert {unit["subject"] for unit in graph["units"]} == {"מתמטיקה"}
 
 
 def test_a_broken_graph_is_named():

tests/test_phone_browser.py

@@ -103,7 +103,10 @@ def test_class_management_geometry_and_permissions(phone_server, manager):
     import json
 
     row = {"id": 7, "name": "כיתת תרגול", "lessons": ["f"],
-           "emails": ["student@example.com"], "teachers": ["teacher@example.com"]}
+           "emails": ["student@example.com"], "teachers": ["teacher@example.com"],
+           "exam_title": "לוח מבחנים – כיתה ט׳11, תשפ״ז",
+           "exam_note": "ייתכנו שינויים.",
+           "exams": [{"date": "2026-11-16", "subject": "מתמטיקה"}]}
     writes = []
     with playwright.sync_playwright() as p:
         browser = p.chromium.launch()
@@ -138,12 +141,18 @@ def test_class_management_geometry_and_permissions(phone_server, manager):
 
             page.route("**/api/classes/7", save)
             page.goto(phone_server)
+            playwright.expect(page.get_by_role("heading", name="המקצועות שלי")).to_be_visible()
+            page.locator('[data-subject="מתמטיקה"]').click()
             button = page.locator('[data-act="manage"]')
             if not manager:
                 playwright.expect(page.locator('.mx-top')).to_be_visible()
                 playwright.expect(button).to_have_count(0)
                 return
+            playwright.expect(page.locator(".mx-exam-countdown")).to_be_visible()
+            playwright.expect(page.locator(".mx-exam-countdown time")).to_contain_text("16 בנובמבר 2026")
             button.click()
+            playwright.expect(page.locator(".mx-exam-board")).to_contain_text("מתמטיקה")
+            page.get_by_role("button", name="עריכה").click()
             geometry = page.locator('input[name="unit"][value="g"]')
             geometry.check()
             page.get_by_role("button", name="שמירת השינויים").click()