window.TeacherRoomClient = {
  async request(baseUrl,user,path,options={}) {
    const token=window.ProgressSync?.getSession(user?.id);
    const response=await fetch(baseUrl.replace(/\/$/,'')+path,{cache:'no-store',...options,headers:{'Content-Type':'application/json',Authorization:'Bearer '+(token||''),...(window.PlatformRelease?.epoch?{'X-TB-Progress-Epoch':window.PlatformRelease.epoch}:{}),...options.headers}});
    const data=await response.json().catch(()=>{throw Error('La API no devolvió datos válidos. Pulsa Actualizar para reintentar.');});
    if(!response.ok)throw Object.assign(new Error(data.error||'No se pudo conectar. Reintenta.'),{status:response.status});
    return data;
  },
  isExercise(item){return item?.source==='exams'&&item.requiresScore!==false&&!['student_specific_request','request','suggestion','contact'].includes(item.answers?.type||item.category);},
  async list(baseUrl,user,{source='exams',state='',category='',offset=0}){
    const target=Number(offset)+31;
    const scan=async(params,accept=()=>true,limit=target)=>{
      const items=[],seen=new Set();let cursor=0;
      while(items.length<limit){
        const data=await this.request(baseUrl,user,'/teacher-room/items?'+new URLSearchParams({...params,offset:cursor}));
        if(!Array.isArray(data.items))throw Error('La API no devolvió la bandeja. Pulsa Actualizar para reintentar.');
        for(const item of data.items){const key=item.source+':'+item.id;if(seen.has(key))throw Error('No se pudo avanzar en la bandeja. Pulsa Actualizar para reintentar.');seen.add(key);if(accept(item))items.push(item);}
        if(!data.items.length||!(data.hasMore??data.items.length===30))break;
        cursor+=data.items.length;
      }
      return items;
    };
    const collect=async(jobs)=>{
      const results=await Promise.allSettled(jobs),good=results.filter(r=>r.status==='fulfilled'),bad=results.filter(r=>r.status==='rejected');
      if(!good.length)throw bad[0].reason;
      return {groups:results.map(r=>r.status==='fulfilled'?r.value:[]),warning:bad.length?'Parte de la bandeja no pudo cargarse. '+bad.map(r=>r.reason.message).join(' '):''};
    };
    let items=[],warning='';
    if(source==='exams'){
      // The original API treats every nonempty category as an exact answer type.
      items=await scan({source:'exams',state,category:category==='exercises'?'':category},item=>this.isExercise(item));
    }else if(source==='messages'){
      if(category==='student_specific_request')items=await scan({source:'exams',state,category},item=>!this.isExercise(item));
      else if(category==='general')items=await scan({source:'messages',state,category:''});
      else{
        const result=await collect([scan({source:'messages',state,category:''}),scan({source:'exams',state,category:''},item=>!this.isExercise(item)&&item.answers?.type!=='contact')]);
        warning=result.warning;
        // Interleave the two independently paginated sources without hiding either.
        for(let i=0;i<Math.max(...result.groups.map(g=>g.length));i++)for(const group of result.groups)if(group[i])items.push(group[i]);
      }
    }else if(source==='profiles'){
      const result=await collect([scan({source:'profiles',state:'',category:''},()=>true,Infinity),scan({source:'exams',state:'',category:'student_specific_request'},()=>true,Infinity)]);
      warning=result.warning;const profiles=new Map();
      for(const item of result.groups[1].slice().sort((a,b)=>String(b.created_at||'').localeCompare(String(a.created_at||'')))){
        const id=String(item.user_id||item.username||'');if(!id||profiles.has(id))continue;
        const snapshot=item.answers?.personalizationSnapshot||{},learner=item.learner||{};
        const summary={age:learner.age||snapshot.age||'',priorityInterests:learner.priorityInterests?.length?learner.priorityInterests:Array.isArray(snapshot.priorityInterests)?snapshot.priorityInterests:[],masterIds:learner.masterIds||[]};
        if(summary.age||summary.priorityInterests.length)profiles.set(id,{id,user_id:id,source:'profiles',username:item.username,learner:summary});
      }
      for(const item of result.groups[0]){
        const id=String(item.user_id||item.id),previous=profiles.get(id)?.learner||{},learner=item.learner||{};
        profiles.set(id,{...item,learner:{age:learner.age||previous.age||'',priorityInterests:learner.priorityInterests?.length?learner.priorityInterests:previous.priorityInterests||[],masterIds:learner.masterIds||[]}});
      }
      items=[...profiles.values()].sort((a,b)=>String(a.username).localeCompare(String(b.username)));
    }
    return {items:items.slice(Number(offset),Number(offset)+30),hasMore:items.length>Number(offset)+30,warning};
  }
};
const inboxLabels={pending:'Pendiente',reviewed:'Revisado',responded:'Respondido',graded:'Calificado',profile:'Perfil guardado',suggestion:'Sugerencia',example:'Ejemplo',request:'Petición',contact:'Contacts',other:'Otro',alien_contact_group:'Alien Contact',special_technique:'Special Technique',student_specific_request:'Petición específica'};

function SubmissionContent({value,depth=0}) {
  if(value==null)return null;
  if(typeof value!=='object')return <p className="inbox-text">{String(value)}</p>;
  if(depth>6)return <p>Contenido adicional disponible en la actividad original.</p>;
  if(Array.isArray(value))return <div>{value.map((item,index)=><div className="inbox-entry" key={index}><SubmissionContent value={item} depth={depth+1}/></div>)}</div>;
  const labels={studentAnswer:'Respuesta del alumno',studentText:'Ejemplos del alumno',prompt:'Consigna',question:'Pregunta',displayQuestion:'Pregunta',answer:'Respuesta',response:'Respuesta',text:'Texto',category:'Categoría',description:'Descripción',requests:'Peticiones',contacts:'Contacts',displayName:'Nombre',roleCode:'Relación',lifeStatus:'Estado',languageRef:'Referencia',age:'Edad',priorityInterests:'Intereses',personalizationSnapshot:'Perfil al enviar',answers:'Respuestas',pages:'Ejemplos',title:'Título',feedback:'Comentario',correction:'Corrección',recommendations:'Recursos',score:'Calificación',teacher_explanation:'Respuesta del maestro',submittedAt:'Fecha de envío'};
  Object.assign(labels,{questions:'Preguntas',codedQuestion:'Pregunta',expectedAnswer:'Ejemplo de respuesta',selectedContacts:'Contacts de la actividad',roleLabel:'Relación',topicIds:'Temas',difficulty:'Dificultad',context:'Consigna de la actividad'});
  const hidden=new Set(['id','userId','user_id','exerciseId','boxId','exampleId','reviewFormat','elements','type','masterIds','createdAt','updatedAt','teacherNote','schemaVersion','privacy','questionId','baseQuestionId','contactId','answerPattern','targetStyle','teacherReviewGuide','progressEpoch','contacts','selectedContacts','selectedRoles','displayName','contactIds','alienContactContexts']);
  const entries=Object.entries(value).filter(([key,v])=>!hidden.has(key)&&v!=null&&v!==''&&(!value.pages||!['steps','answers'].includes(key))&&(!value.questions||key!=='steps'));
  return <dl className="inbox-details">{entries.map(([key,v])=><div key={key}><dt>{labels[key]||key.replace(/([a-z])([A-Z])/g,'$1 $2').replace(/_/g,' ')}</dt><dd><SubmissionContent value={v} depth={depth+1}/></dd></div>)}</dl>;
}

function InboxSessionHelp({user,baseUrl,onConnected}) {
  const [password,setPassword]=React.useState(''),[error,setError]=React.useState(''),[busy,setBusy]=React.useState(false);
  return <form className="inbox-session" onSubmit={async event=>{
    event.preventDefault();setBusy(true);setError('');
    try{
      const response=await fetch(baseUrl+'/auth/login',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({username:user.username,password})});
      const data=await response.json();
      if(!response.ok)throw Error(data.error||'No se pudo iniciar sesión.');
      if(String(data.user?.id)!==String(user.id))throw Error('Esta es una vista de prueba. Cierra sesión e inicia con tu cuenta real para consultar tus envíos.');
      window.ProgressSync.setSession(user.id,data.sessionToken);window.dispatchEvent(new CustomEvent('tb:session-updated'));setPassword('');onConnected();
    }catch(e){setError(e.message);}finally{setBusy(false);}
  }}><p>Confirma la sesión de {user.username} para consultar información guardada en el servidor.</p><label>Contraseña<input className="input-field" type="password" autoComplete="current-password" required value={password} onChange={e=>setPassword(e.target.value)}/></label><button className="btn btn-primario" disabled={busy}>Conectar mi cuenta</button>{error&&<p role="alert">{error}</p>}</form>;
}

function TeacherUsers({user,baseUrl}) {
  const [items,setItems]=React.useState([]),[username,setUsername]=React.useState(''),[password,setPassword]=React.useState(''),[busy,setBusy]=React.useState(false),[error,setError]=React.useState(''),[notice,setNotice]=React.useState(''),[offset,setOffset]=React.useState(0),[hasMore,setHasMore]=React.useState(false);
  const request=(path,options)=>window.TeacherRoomClient.request(baseUrl,user,path,options);
  async function load(page=offset){const data=await request('/teacher-room/users?offset='+page);setItems(data.items);setHasMore(data.hasMore);}
  React.useEffect(()=>{let live=true;setBusy(true);setError('');request('/teacher-room/users?offset='+offset).then(data=>{if(live){setItems(data.items);setHasMore(data.hasMore);}}).catch(e=>{if(live)setError(e.message);}).finally(()=>{if(live)setBusy(false);});return()=>{live=false;};},[offset,user.id,baseUrl]);
  async function create(event){event.preventDefault();if(busy)return;setBusy(true);setError('');setNotice('');try{await request('/teacher-room/users',{method:'POST',body:JSON.stringify({username,password})});setPassword('');setUsername('');setNotice('Usuario agregado y autorizado.');await load();}catch(e){setError(e.message);}finally{setBusy(false);}}
  async function revoke(item){if(busy||!window.confirm('¿Eliminar el acceso de '+item.username+'? Se cerrarán sus sesiones y se conservará su historial.'))return;setBusy(true);setError('');setNotice('');try{await request('/teacher-room/users/'+encodeURIComponent(item.id)+'/revoke',{method:'POST',body:JSON.stringify({confirmation:item.id})});setNotice('Acceso retirado. Historial conservado.');await load();}catch(e){setError(e.message);}finally{setBusy(false);}}
  return <section className="teacher-users"><h3>Administrar usuarios</h3><p>Exclusivo de la sesión especial de p. Eliminar retira el acceso y conserva el historial.</p>{error&&<p role="alert">{error}</p>}{notice&&<p role="status">{notice}</p>}<form className="inbox-compose" onSubmit={create}><label>Usuario<input required maxLength="64" autoComplete="off" value={username} onChange={e=>setUsername(e.target.value)}/></label><label>Contraseña privada del alumno<input required type="password" minLength="8" maxLength="128" autoComplete="new-password" value={password} onChange={e=>setPassword(e.target.value)}/></label><button className="btn btn-primario" disabled={busy}>Agregar usuario autorizado</button></form><ul>{items.map(item=><li key={item.id}><strong>{item.username}</strong> · {item.active?'Autorizado':'Acceso retirado'} <button disabled={busy||item.protected||!item.active} onClick={()=>revoke(item)}>Eliminar acceso</button></li>)}</ul><button disabled={busy||!offset} onClick={()=>setOffset(n=>Math.max(0,n-50))}>Anterior</button><button disabled={busy||!hasMore} onClick={()=>setOffset(n=>n+50)}>Siguiente</button></section>;
}

function TeacherAdministrationPanels({user,baseUrl,users=false}){
 const [open,setOpen]=React.useState('');
 return <div>{users&&<details onToggle={e=>{if(e.currentTarget.open)setOpen('users');else setOpen(v=>v==='users'?'':v);}}><summary>Administrar usuarios</summary>{open==='users'&&<TeacherUsers user={user} baseUrl={baseUrl}/>}</details>}<details onToggle={e=>{if(e.currentTarget.open)setOpen('authoring');else setOpen(v=>v==='authoring'?'':v);}}><summary>Creación de ejercicios y VOC Maker</summary>{open==='authoring'&&typeof EducationalAuthoring!=='undefined'&&<EducationalAuthoring user={user} baseUrl={baseUrl}/>}</details><details><summary>Diseño de niveles</summary><LevelDesigner user={user} baseUrl={baseUrl}/></details></div>;
}

function TeacherRoomPage({user,baseUrl}) {
  if(['a','j','g','r'].includes(String(user?.username||'').trim().toLowerCase()))return <section className="teacher-room teacher-studio"><h2>Crear y enviar ejercicios</h2><p>Tus propuestas se envían a p para supervisión.</p><EducationalAuthoring user={user} baseUrl={baseUrl}/></section>;
  const [allowed,setAllowed]=React.useState(false),[source,setSource]=React.useState('exams'),[state,setState]=React.useState('pending'),[category,setCategory]=React.useState('');
  const [offset,setOffset]=React.useState(0),[items,setItems]=React.useState([]),[hasMore,setHasMore]=React.useState(false),[refresh,setRefresh]=React.useState(0),[search,setSearch]=React.useState('');
  const [selected,setSelected]=React.useState(null),[feedback,setFeedback]=React.useState(''),[score,setScore]=React.useState(''),[pages,setPages]=React.useState([]),[pageIndex,setPageIndex]=React.useState(0),[resources,setResources]=React.useState('');
  const [error,setError]=React.useState(null),[notice,setNotice]=React.useState(''),[loading,setLoading]=React.useState(false),[saving,setSaving]=React.useState(false),[dirty,setDirty]=React.useState(false),[progressPending,setProgressPending]=React.useState(false),[serverReviewVersion,setServerReviewVersion]=React.useState(''),[serverCredential,setServerCredential]=React.useState('');
  const request=(path,options)=>window.TeacherRoomClient.request(baseUrl,user,path,options);
  const canLeave=()=>!dirty||window.confirm('Tienes cambios sin guardar. ¿Quieres salir de esta revisión?');
  React.useEffect(()=>{const handler=e=>{if(dirty){e.preventDefault();e.returnValue='';}};window.addEventListener('beforeunload',handler);return()=>window.removeEventListener('beforeunload',handler);},[dirty]);
  React.useEffect(()=>{
    let live=true;setError(null);setLoading(true);
    request('/teacher-room/access').then(data=>{if(!data.allowed)throw Object.assign(Error('Usuario no autorizado'),{status:403});if(live){setAllowed(true);setServerReviewVersion(data.reviewApiVersion||'');setServerCredential(data.credentialType||'');}return window.TeacherRoomClient.list(baseUrl,user,{source,state,category,offset});})
      .then(data=>{if(live){setItems(data.items);setHasMore(data.hasMore);if(data.warning)setError(Error(data.warning));}}).catch(e=>{if(live){setError(e);if(e.status===401||e.status===403)setAllowed(false);}}).finally(()=>{if(live)setLoading(false);});
    return()=>{live=false;};
  },[user.id,baseUrl,source,state,category,offset,refresh]);
  const scorable=item=>window.TeacherRoomClient.isExercise(item);
  const finished=item=>item?.source==='exams'?Boolean(item.reviewed&&(!scorable(item)||item.score!=null)):item?.status==='responded';
  function open(item){setProgressPending(false);setSelected(item);setFeedback(item.reply||'');setScore(item.score??'');setResources((item.recommendations?.recommendations||[]).join(', '));setError(null);setDirty(false);setPageIndex(0);setPages(window.ReviewSubmission.pages(item.answers,window.N1_C45_AI_EXAM).map(page=>({...page,...item.recommendations?.pages?.find(p=>p.exampleId===page.exampleId)})));}
  function navigate(nextSource,nextCategory=''){if(!canLeave())return;setProgressPending(false);setSource(nextSource);setCategory(nextCategory);setOffset(0);setState('pending');setSelected(null);setItems([]);setSearch('');setDirty(false);setNotice('');}
  function filter(set,value){if(!canLeave())return;set(value);setOffset(0);setSelected(null);setDirty(false);}
  const readonly=finished(selected),needsScore=scorable(selected),passingScore=selected?.passingScore||90;
  async function save(event){
    event.preventDefault();if(saving)return;setSaving(true);setError(null);setNotice('');
    try{
      const result=await request(`/teacher-room/items/${selected.source}/${encodeURIComponent(selected.id)}/review`,{method:'POST',body:JSON.stringify({feedback,score:needsScore?Number(score):'',reviewed:true,pages,recommendations:resources.split(',').map(s=>s.trim()).filter(Boolean),version:selected.version})});
      const confirmed=selected.source==='exams'?(await request(`/teacher-room/items/exams/${encodeURIComponent(selected.id)}`)).item:result.item;
      if(!confirmed||!finished(confirmed)||(needsScore&&Number(confirmed.score)!==Number(score)))throw Error(serverReviewVersion!=='score-save-2'?'La API conectada no tiene la actualización del guardado de notas. Publica el archivo actualizacion-api.zip nuevo en api.todosbilingues.com y vuelve a intentar. Tu nota y correcciones siguen aquí.':'La lectura de la entrega no confirmó la nota guardada. Tu nota y correcciones siguen aquí; no se marcó como calificada.');open(confirmed);setProgressPending(Boolean(result.progressPending));setDirty(false);setNotice(result.progressPending?'Calificación guardada. La sincronización de Level está pendiente.':'Guardado. Tu respuesta ya está disponible para el alumno.');setRefresh(n=>n+1);
    }catch(e){setError(e);}finally{setSaving(false);}
  }
  if(!allowed)return <section className="teacher-room"><h2>Sala de Maestros</h2>{loading?<p role="status">Verificando acceso…</p>:<><div className="teacher-denied" role="alert">{error?.status===401||error?.status===403?'Usuario no autorizado para revisión de alumnos':error?.message||'Usuario no autorizado'}</div><TeacherAdministrationPanels user={user} baseUrl={baseUrl}/></>}</section>;
  const filters=[['','Todas las actividades'],['alien_contact_group','Alien Contact'],['special_technique','Special Technique'],['alien_contact_level_t2_room','Mirror · primera parte'],['alien_contact_level_t2_you','Mirror · entrega final'],['personal_questionnaire_structure_01_01_1','Cuestionario lógico'],['final_level1','Examen final del nivel 1']];
  const typeLabel=item=>filters.find(([id])=>id===(item.category||item.answers?.type))?.[1]||(item.exam_key==='L1-E48'?'Examen final':item.source==='messages'?'Mensaje':'Actividad');
  const profile=learner=><div className="teacher-profile"><span><strong>Edad</strong><br/>{learner?.age||'Sin registrar'}</span><span><strong>Intereses</strong></span>{(learner?.priorityInterests||[]).map((label,i)=><span key={i}>{label}</span>)}{(learner?.masterIds||[]).length>0&&<small>Rubros: {learner.masterIds.join(' · ')}</small>}</div>;
  const visible=items.filter(item=>(item.username+' '+teacherExercise(item)+' '+(item.learner?.priorityInterests||[]).join(' ')).toLowerCase().includes(search.toLowerCase()));
  const current=pages[pageIndex];
  return <section className="teacher-room teacher-studio">
    <header className="teacher-hero"><div><img className="teacher-brand" src="assets/ZERO/letras.png" alt="Todos Bilingües"/><h2>Sala de Maestros</h2></div><div className="teacher-privacy-note">Solo edad e intereses.<br/>MY REAL WORLD es privado.</div></header>
    <TeacherAdministrationPanels user={user} baseUrl={baseUrl} users/>
    <nav className="inbox-tabs" aria-label="Bandejas del maestro">{[['exams','','✓','Ejercicios por revisar'],['messages','','↗','Mensajes'],['profiles','','◉','Edad e intereses']].map(([id,cat,icon,label])=><button className="btn btn-secundario" disabled={saving} aria-pressed={source===id&&(id!=='exams'||(cat?category===cat:category!=='student_specific_request'))} key={label} onClick={()=>navigate(id,cat)}><span aria-hidden="true">{icon}</span>{label}</button>)}</nav>
    <div className="inbox-filters"><label>Buscar en esta página<input className="input-field" placeholder="Usuario, actividad o interés" value={search} onChange={e=>setSearch(e.target.value)}/></label>{source!=='profiles'&&<label>Estado<select disabled={saving} value={state} onChange={e=>filter(setState,e.target.value)}><option value="pending">Pendientes de {source==='exams'&&category!=='student_specific_request'?'calificar':'responder'}</option><option value="">Todos</option>{source==='exams'&&<option value="graded">Con score guardado</option>}<option value="responded">Respondidos</option></select></label>}{source==='messages'&&<label>Tipo de mensaje<select disabled={saving} value={category} onChange={e=>filter(setCategory,e.target.value)}><option value="">Todos los mensajes</option><option value="general">Mensajes generales</option><option value="student_specific_request">Peticiones específicas</option></select></label>}{source==='exams'&&<label>Tipo de actividad<select disabled={saving} value={category} onChange={e=>filter(setCategory,e.target.value)}>{filters.map(([id,label])=><option key={id} value={id}>{label}</option>)}</select></label>}<button className="btn btn-secundario" disabled={saving||loading} onClick={()=>setRefresh(n=>n+1)}>Actualizar</button></div>
    {loading&&<p role="status">Cargando tu bandeja…</p>}{error&&<p role="alert">{error.message}</p>}{notice&&<p role="status">{notice}</p>}
    {source==='profiles'?<div className="teacher-profile-grid">{visible.map(item=><article key={item.id}><h3>{item.username}</h3>{profile(item.learner)}</article>)}</div>:<div className="inbox-workspace"><aside><h3>{visible.length} en esta página</h3><p className="teacher-hint">Abrir una entrega no la marca como calificada.</p><ul className="inbox-list">{visible.map(item=><li key={item.id}><button disabled={saving} aria-pressed={selected?.id===item.id} onClick={()=>{if(canLeave())open(item);}}><span className="teacher-type">{typeLabel(item)}</span><strong>Usuario: {item.username||'Alumno'}</strong><span>{scorable(item)?'Ejercicio':'Mensaje'}: {teacherExercise(item)}</span><span className={'teacher-status '+(finished(item)?'is-done':'is-pending')}>{finished(item)?(scorable(item)?`${item.score}/100 · Calificado`:'Respondido'):(scorable(item)?'● Sin calificar · falta score':'● Sin responder')}</span><small>{new Date(item.created_at||item.updated_at).toLocaleDateString('es-MX')}</small></button></li>)}</ul>{!loading&&!error&&!visible.length&&<div className="teacher-empty"><strong>Todo despejado por aquí</strong><p>No hay entregas con estos filtros.</p></div>}</aside>
      <article className="teacher-review">{selected?<><div className="teacher-current"><span className="teacher-type">{typeLabel(selected)}</span><p>Usuario que estás calificando: <strong>{selected.username}</strong></p><h3>{needsScore?'Ejercicio':'Mensaje'}: {teacherExercise(selected)}</h3>{profile(selected.learner)}</div>{selected.source==='exams'&&selected.answers?.progressEpoch!==window.PlatformRelease?.epoch&&<p className="teacher-hint">Entrega anterior al reinicio. La revisión se conserva sin sumar progreso nuevo.</p>}
      {!pages.length?<SubmissionContent value={selected.body}/>:<details className="teacher-original"><summary>Ver entrega completa</summary><SubmissionContent value={selected.body}/></details>}
      <form onSubmit={save}>
        {progressPending&&<button type="submit" disabled={saving}>Reintentar sincronización de Level</button>}
        {needsScore&&<div className="teacher-score"><label>Calificación (0 a 100)<input className="input-field" type="number" required min="0" max="100" step="0.1" disabled={readonly||saving} value={score} onChange={e=>{setScore(e.target.value);setDirty(true);}}/></label><div><strong>{score===''?'Score pendiente':Number(score)>=passingScore?'✓ Aprobado':'Necesita corregir'}</strong><p>{passingScore}/100 o más para aprobar.</p></div></div>}
        {current&&<section className="teacher-question"><div className="teacher-question-nav"><strong>Respuesta {pageIndex+1} de {pages.length}</strong><button type="button" disabled={!pageIndex||saving} onClick={()=>setPageIndex(i=>i-1)}>Anterior</button><button type="button" disabled={pageIndex>=pages.length-1||saving} onClick={()=>setPageIndex(i=>i+1)}>Siguiente</button></div><fieldset disabled={readonly||saving}><legend>Revisión por respuesta</legend><div className="teacher-answer"><span>CONSIGNA</span><p>{current.prompt||selected.answers?.context?.prompt||teacherExercise(selected)}</p><span>RESPUESTA DEL ALUMNO</span><p>{current.studentAnswer}</p></div>{current.expectedAnswer&&<details><summary>Ver respuesta de referencia</summary><p>{current.expectedAnswer}</p></details>}<label>Corrección<textarea aria-label="Corrección" placeholder="Escribe cómo quedaría la respuesta…" value={current.correction||''} onChange={e=>{setPages(prev=>prev.map((p,i)=>i===pageIndex?{...p,correction:e.target.value}:p));setDirty(true);}}/></label><label>Explicación<textarea aria-label="Explicación" placeholder="Explícale qué mejorar y por qué…" value={current.feedback||''} onChange={e=>{setPages(prev=>prev.map((p,i)=>i===pageIndex?{...p,feedback:e.target.value}:p));setDirty(true);}}/></label></fieldset></section>}
        <label>Respuesta para el alumno<textarea maxLength="12000" required={!needsScore} disabled={readonly||saving} placeholder={needsScore?'Tu comentario general y el siguiente paso…':'Cuéntale cómo atenderás su petición…'} value={feedback} onChange={e=>{setFeedback(e.target.value);setDirty(true);}}/></label>
        {needsScore&&<details><summary>Recomendar recursos</summary><label>Recursos recomendados (por ejemplo: g1, v1)<input className="input-field" disabled={readonly||saving} value={resources} onChange={e=>{setResources(e.target.value);setDirty(true);}}/></label></details>}
        <div className={"teacher-save"+(readonly?" is-saved":"")}>{error&&<div role="alert"><p>{error.message}</p><small>API: {serverReviewVersion||'sin versión de guardado'} · Credencial: {serverCredential||'no informada por la API'}</small></div>}{readonly?<p>Esta entrega ya está revisada. Su calificación se conserva.</p>:<><span>{dirty?'Cambios sin guardar':'Tu revisión se enviará al guardar'}</span><button className="btn btn-primario" disabled={saving}>{saving?'Guardando…':'Guardar revisión y respuesta'}</button></>}</div>
      </form></>:<div className="teacher-empty"><span aria-hidden="true">✦</span><h3>Una buena devolución empieza aquí</h3><p>Elige una entrega para leer, corregir y responder.</p></div>}</article></div>}
    <div className="inbox-pagination"><button disabled={!offset||loading||saving} onClick={()=>{if(canLeave()){setOffset(n=>Math.max(0,n-30));setSelected(null);setDirty(false);}}}>Página anterior</button><button disabled={!hasMore||loading||saving} onClick={()=>{if(canLeave()){setOffset(n=>n+30);setSelected(null);setDirty(false);}}}>Página siguiente</button></div>
  </section>;
}

function StudentInboxPage({user,baseUrl}) {
  const [source,setSource]=React.useState('messages'),[items,setItems]=React.useState([]),[offset,setOffset]=React.useState(0),[refresh,setRefresh]=React.useState(0),[error,setError]=React.useState(null),[busy,setBusy]=React.useState(false),[loading,setLoading]=React.useState(false),[notice,setNotice]=React.useState('');
  const [category,setCategory]=React.useState('suggestion'),[title,setTitle]=React.useState(''),[body,setBody]=React.useState('');
  const messageId=React.useRef(null);
  const request=(path,options)=>window.TeacherRoomClient.request(baseUrl,user,path,options);
  React.useEffect(()=>{let live=true;setLoading(true);setError(null);setItems([]);request('/student-inbox?'+new URLSearchParams({source,offset})).then(data=>{if(live)setItems(data.items);}).catch(e=>{if(live)setError(e);}).finally(()=>{if(live)setLoading(false);});return()=>{live=false;};},[user.id,source,offset,refresh]);
  async function send(event){event.preventDefault();if(busy)return;setBusy(true);setError(null);setNotice('');messageId.current ||= window.crypto.randomUUID();
    try{await request('/student-inbox',{method:'POST',body:JSON.stringify({id:messageId.current,category,title,body})});setBody('');setTitle('');messageId.current=null;setSource('messages');setOffset(0);setRefresh(n=>n+1);setNotice('Enviado al maestro. Aquí aparecerá su respuesta.');}catch(e){setError(e);}finally{setBusy(false);}}
  return <section className="teacher-room"><h2>Mensajes con el maestro</h2><div className="inbox-tabs">{[['messages','Mensajes al maestro'],['exams','Actividades y peticiones']].map(([id,label])=><button className="btn btn-secundario" key={id} aria-pressed={source===id} onClick={()=>{setSource(id);setOffset(0);}}>{label}</button>)}<button className="btn btn-secundario" onClick={()=>setRefresh(n=>n+1)}>Actualizar</button></div>
    {error&&<p role="alert">{error.message}</p>}{error?.status===401&&<InboxSessionHelp user={user} baseUrl={baseUrl} onConnected={()=>setRefresh(n=>n+1)}/>}{notice&&<p role="status">{notice}</p>}{loading&&<p role="status">Cargando…</p>}
    {source==='messages'&&<form className="inbox-compose" onSubmit={send}><h3>Enviar al maestro</h3><label>Tipo<select value={category} onChange={e=>setCategory(e.target.value)}>{['suggestion','example','request','other'].map(id=><option key={id} value={id}>{inboxLabels[id]}</option>)}</select></label><label>Título<input className="input-field" required maxLength="180" value={title} onChange={e=>setTitle(e.target.value)}/></label><label>Mensaje<textarea required maxLength="12000" value={body} onChange={e=>setBody(e.target.value)}/></label><button className="btn btn-primario" disabled={busy}>{busy?'Enviando…':'Enviar al maestro'}</button></form>}
    {!loading&&!error&&!items.length&&<p>Aún no hay envíos en esta sección.</p>}
    {items.map(item=><details className="inbox-student-item" key={item.id}><summary><strong>{item.title}</strong> · {inboxLabels[item.status]||item.status}{item.score!=null?` · ${item.score}/100`:''}</summary><SubmissionContent value={item.body}/>{item.reviewed&&item.score!=null&&<p role="status">{Number(item.score)>=90?'¡Aprobaste! Ya puedes continuar.':'Revisa las correcciones y vuelve a intentarlo desde la actividad.'}</p>}<h3>Respuesta del maestro</h3><p className="inbox-text">{item.reply||'Pendiente de respuesta.'}</p>{item.recommendations?.pages?.map(page=><div key={page.exampleId}><p>Consigna: {window.ReviewSubmission.pages(item.answers,window.N1_C45_AI_EXAM).find(p=>p.exampleId===page.exampleId)?.prompt}</p><p>Tu ejemplo: {window.ReviewSubmission.pages(item.answers,window.N1_C45_AI_EXAM).find(p=>p.exampleId===page.exampleId)?.studentAnswer}</p><p>Corrección: {page.correction}</p><p>{page.feedback}</p><p>Recursos: {(page.recommendations||[]).join(', ')}</p></div>)}{item.recommendations?.recommendations?.length>0&&<p>Recursos recomendados: {item.recommendations.recommendations.join(', ')}</p>}</details>)}
    <div className="inbox-pagination"><button disabled={!offset||loading} onClick={()=>setOffset(n=>Math.max(0,n-30))}>Anterior</button><button disabled={items.length<30||loading} onClick={()=>setOffset(n=>n+30)}>Siguiente</button></div>
  </section>;
}

function teacherExercise(item){
 const slot=Object.values(window.LEVELS_CONFIG||{}).flatMap(level=>level.slots||[]).find(slot=>slot.exerciseId===item.exam_key);
 return slot?'Casilla '+slot.num+' · '+(slot.descriptionTitle||item.title):item.title;
}
function StudentMessages({user,baseUrl}){
 const [open,setOpen]=React.useState(false);
 return <section className="teacher-room"><button className="btn btn-secundario" aria-expanded={open} onClick={()=>setOpen(value=>!value)}>Mensajes con el maestro</button>{open&&<StudentInboxPage user={user} baseUrl={baseUrl}/>}</section>;
}