/* ============================================================
   TEAM SCREENS — admin dash, queue, partners, users, reports, audit, settings
   ============================================================ */
(function(){
const {Icon,Btn,StatusBadge,PriorityBadge,RoleBadge,Avatar,Field,Input,Textarea,Select,Banner,Modal,EmptyState,PermDenied,RequestTable}=window;
const {useState}=React;
const G=()=>window.GOV;

/* Partner logo (from /assets/partners/) with a graceful icon fallback. */
function PartnerLogo({h,size=30}){
  const [err,setErr]=useState(false);
  if(h&&h.logoKey&&!err) return <img src={'/assets/partners/'+h.logoKey} alt="" onError={()=>setErr(true)}
    style={{width:size,height:size,borderRadius:6,objectFit:'contain',background:'#fff',border:'1px solid var(--border-default)',flex:'none'}}/>;
  return <span className="file-row__ico" style={{width:size,height:size}}><Icon name="hospital" size={Math.round(size*0.53)}/></span>;
}
window.PartnerLogo=PartnerLogo;

/* ---------------- Admin / Founder Dashboard ---------------- */
function AdminDashboard(){
  const {state,me,go,sel,helpers}=window.useStore();
  const rq=state.requests;
  const count=(s)=>rq.filter(r=>r.status===s).length;
  const stats=[
    {n:state.hospitals.filter(h=>h.status==='active').length,l:'Partners',go:()=>go('partners')},
    {n:rq.length,l:'Requests',go:()=>go('requests',{status:'all'})},
    {n:count('submitted'),l:'New',dot:'var(--st-submitted-dot)',go:()=>go('requests',{status:'submitted'})},
    {n:count('under_review'),l:'Under review',dot:'var(--st-review-dot)',go:()=>go('requests',{status:'under_review'})},
    {n:count('needs_info'),l:'Needs info',dot:'var(--st-needs-dot)',emph:true,go:()=>go('requests',{status:'needs_info'})},
    {n:count('approved'),l:'Approved',dot:'var(--st-approved-dot)',go:()=>go('requests',{status:'approved'})},
    {n:count('rejected'),l:'Rejected',dot:'var(--st-rejected-dot)',go:()=>go('requests',{status:'rejected'})},
  ];
  const recent=[...state.audit].slice(0,7);
  return <div className="content-in">
    <div className="page-head"><div className="page-head__t"><h1>Dashboard</h1>
      <p>Organisation-wide overview · {me.role==='founder'?'full access':'admin access'}.</p></div></div>

    <div className="grid" style={{gridTemplateColumns:'repeat(7,1fr)',marginBottom:18}}>
      {stats.map((s,i)=><button key={i} className={'stat'+(s.emph&&s.n>0?' stat--emph':'')} onClick={s.go} style={{padding:'14px 12px'}}>
        <div className="stat__n" style={{fontSize:28}}>{s.n}</div>
        <div className="stat__l" style={{fontSize:11}}>{s.dot&&<span className="dot" style={{background:s.dot}}/>}{s.l}</div></button>)}
    </div>

    <div className="grid" style={{gridTemplateColumns:'1.6fr 1fr',alignItems:'start'}}>
      <div className="card">
        <div className="card-hd"><h3>All Requests</h3><div style={{flex:1}}/><a href="#" onClick={e=>{e.preventDefault();go('requests',{status:'all'});}} style={{fontSize:13}}>View all →</a></div>
        <RequestTable requests={[...rq].sort((a,b)=>b.updatedAt-a.updatedAt).slice(0,6)} columns={['id','hospital','type','prio','status','reviewer']}/>
      </div>
      <div className="card">
        <div className="card-hd"><Icon name="activity" size={16}/><h3>Activity</h3><div style={{flex:1}}/><a href="#" onClick={e=>{e.preventDefault();go('audit');}} style={{fontSize:13}}>Audit log →</a></div>
        <div className="col" style={{padding:'12px 16px 16px',gap:12}}>
          {recent.map(a=><div key={a.id} className="row gap-3" style={{alignItems:'flex-start'}}>
            <span style={{color:'var(--bhf-blue)',marginTop:1,flex:'none'}}><Icon name={AUDIT_ICON[a.action]||'activity'} size={15}/></span>
            <div style={{minWidth:0}}><div style={{fontSize:13,color:'var(--fg-1)',lineHeight:1.4}}>{a.detail}</div>
              <div className="xs mut" style={{marginTop:2}}>{sel.userName(a.actorId)} · {helpers.timeAgo(a.at)}{a.target!=='—'?' · '+a.target:''}</div></div>
          </div>)}
        </div>
      </div>
    </div>
  </div>;
}
const AUDIT_ICON={login:'logout',submission:'plus',status_change:'arrowR',assignment:'userCheck',file_download:'download',note_internal:'lock',user_change:'users',partner_change:'hospital',setting_change:'cog',recommendation:'shield'};

/* ---------------- Reviewer Queue ---------------- */
function ReviewerQueue(){
  const {state,me,sel}=window.useStore();
  const mine=state.requests.filter(r=>r.reviewerId===me.id);
  const open=mine.filter(r=>['submitted','under_review','needs_info'].includes(r.status));
  const attention=mine.filter(r=>r.status==='under_review').length;
  return <div className="content-in">
    <div className="page-head"><div className="page-head__t"><h1>My Queue</h1>
      <p>{mine.length} case{mine.length!==1?'s':''} assigned to you · {attention} awaiting your review.</p></div></div>
    {open.length>0 && <div style={{marginBottom:16}}><Banner variant="info" title="Cases awaiting action">
      Open a case to review the file, leave notes, and {state.settings.reviewersCanDecide?'set a decision':'send your recommendation to an admin'}.</Banner></div>}
    <RequestTable requests={mine} columns={['id','hospital','ref','type','prio','status','updated']}
      emptyTitle="Nothing assigned yet" emptyDesc="When an admin assigns you a case it will appear here."/>
  </div>;
}

/* ---------------- Partner Management ---------------- */
function PartnerMgmt(){
  const store=window.useStore();
  const {state,me,dispatch,toast,sel}=store;
  if(!G().can(me,'manage_partners')) return <PermDenied what="manage partners"/>;
  const [detail,setDetail]=useState(null);
  const [addOpen,setAddOpen]=useState(false);
  const [tab,setTab]=useState('details');
  const [form,setForm]=useState({name:'',contact:'',email:'',phone:'',city:''});

  if(detail){
    const h=state.hospitals.find(x=>x.id===detail);
    const users=state.users.filter(u=>u.hospitalId===h.id);
    const reqs=state.requests.filter(r=>r.hospitalId===h.id);
    return <div className="content-in">
      <div className="row aic gap-3" style={{marginBottom:8}}><Btn variant="ghost" size="sm" icon="chevL" onClick={()=>setDetail(null)}>Partners</Btn></div>
      <div className="page-head"><div className="page-head__t"><div className="row aic gap-3"><PartnerLogo h={h} size={40}/><h1 style={{margin:0}}>{h.name}</h1>
        <span className={'badge '+(h.status==='active'?'st-approved':'st-closed')}><span className="dot"/>{h.status==='active'?'Active':'Inactive'}</span></div>
        <p style={{marginTop:6}}>{h.city} · {reqs.length} request(s) · {users.length} user(s)</p></div>
        <div className="page-head__actions">
          <Btn variant={h.status==='active'?'danger':'primary'} icon={h.status==='active'?'ban':'check'}
            onClick={()=>{const ns=h.status==='active'?'inactive':'active';dispatch({type:'UPDATE_PARTNER',id:h.id,patch:{status:ns},detail:(ns==='active'?'Activated':'Deactivated')+' partner · '+h.name});toast({kind:'audit',title:(ns==='active'?'Activated':'Deactivated')+' '+h.name,desc:'Recorded to audit.'});}}>
            {h.status==='active'?'Deactivate':'Activate'}</Btn>
        </div></div>
      <div className="tabs">{['details','users','requests'].map(t=><div key={t} className={'tab'+(tab===t?' on':'')} onClick={()=>setTab(t)} style={{textTransform:'capitalize'}}>{t}{t==='users'?' ('+users.length+')':t==='requests'?' ('+reqs.length+')':''}</div>)}</div>
      {tab==='details'&&<div className="card card-pad" style={{maxWidth:620}}>
        {[['Hospital name',h.name],['Contact person',h.contact],['Email',h.email],['Phone',h.phone],['City',h.city]].map((r,i)=>
          <div key={i} className="row" style={{padding:'11px 0',borderBottom:i<4?'1px solid var(--border-default)':0,gap:16}}>
            <div className="mut sm" style={{width:130,flex:'none'}}>{r[0]}</div><div style={{color:'var(--fg-1)'}}>{r[1]||'—'}</div></div>)}
        {h.notes&&<div className="banner banner-amber" style={{marginTop:16,fontSize:13}}><span className="ico"><Icon name="info" size={15}/></span><div>{h.notes}</div></div>}
      </div>}
      {tab==='users'&&<div className="card"><table className="tbl"><thead><tr><th>Name</th><th>Email</th><th>Status</th></tr></thead>
        <tbody>{users.map(u=><tr key={u.id} style={{cursor:'default'}}><td><div className="row aic gap-2"><Avatar name={u.name} size={26}/><b>{u.name}</b></div></td><td className="mut">{u.email}</td><td><UserStatus s={u.status}/></td></tr>)}</tbody></table></div>}
      {tab==='requests'&&<RequestTable requests={reqs} columns={['id','ref','type','prio','status','updated']} emptyTitle="No requests from this partner"/>}
    </div>;
  }

  return <div className="content-in">
    <div className="page-head"><div className="page-head__t"><h1>Partners</h1><p>{state.hospitals.length} partner hospitals.</p></div>
      <div className="page-head__actions"><Btn variant="primary" icon="plus" onClick={()=>{setForm({name:'',contact:'',email:'',phone:'',city:''});setAddOpen(true);}}>Add partner</Btn></div></div>
    <div className="card"><table className="tbl">
      <thead><tr><th>Hospital</th><th>Contact</th><th>City</th><th>Requests</th><th>Status</th><th></th></tr></thead>
      <tbody>{state.hospitals.map(h=><tr key={h.id} onClick={()=>{setDetail(h.id);setTab('details');}}>
        <td><div className="row aic gap-2"><PartnerLogo h={h} size={30}/><b className="ink">{h.name}</b></div></td>
        <td>{h.contact}</td><td className="mut">{h.city}</td><td>{state.requests.filter(r=>r.hospitalId===h.id).length}</td>
        <td><span className={'badge '+(h.status==='active'?'st-approved':'st-closed')}><span className="dot"/>{h.status==='active'?'Active':'Inactive'}</span></td>
        <td style={{textAlign:'right',color:'var(--fg-3)'}}><Icon name="chevR" size={16}/></td></tr>)}</tbody></table></div>

    <Modal open={addOpen} onClose={()=>setAddOpen(false)} title="Add partner hospital" icon="hospital"
      footer={<><Btn onClick={()=>setAddOpen(false)}>Cancel</Btn>
        <Btn variant="primary" disabled={!form.name.trim()||!form.contact.trim()} onClick={()=>{dispatch({type:'ADD_PARTNER',data:form});toast({kind:'audit',title:'Partner added',desc:form.name+' · recorded to audit.'});setAddOpen(false);}}>Add partner</Btn></>}>
      <div className="grid" style={{gridTemplateColumns:'1fr 1fr'}}>
        <Field label="Hospital name" req><Input value={form.name} onChange={e=>setForm(s=>({...s,name:e.target.value}))} placeholder="e.g. Lotus Hospital"/></Field>
        <Field label="Contact person" req><Input value={form.contact} onChange={e=>setForm(s=>({...s,contact:e.target.value}))} placeholder="Dr. …"/></Field>
        <Field label="Email"><Input value={form.email} onChange={e=>setForm(s=>({...s,email:e.target.value}))} placeholder="contact@hospital.in"/></Field>
        <Field label="Phone"><Input value={form.phone} onChange={e=>setForm(s=>({...s,phone:e.target.value}))} placeholder="9XXXX XXXXX"/></Field>
      </div>
      <Field label="City" style={{marginBottom:0}}><Input value={form.city} onChange={e=>setForm(s=>({...s,city:e.target.value}))} placeholder="City"/></Field>
    </Modal>
  </div>;
}
function UserStatus({s}){const m={active:'st-approved',invited:'st-submitted',disabled:'st-rejected'};const l={active:'Active',invited:'Invited',disabled:'Disabled'};return <span className={'badge '+m[s]}><span className="dot"/>{l[s]}</span>;}

/* ---------------- User Management ---------------- */
function UserMgmt(){
  const {state,me,dispatch,toast,sel}=window.useStore();
  if(!G().can(me,'manage_users')) return <PermDenied what="manage users"/>;
  const [edit,setEdit]=useState(null);
  const [invite,setInvite]=useState(false);
  const [iform,setIForm]=useState({name:'',email:'',role:'partner',hospitalId:''});
  const eu=edit?state.users.find(u=>u.id===edit):null;

  return <div className="content-in">
    <div className="page-head"><div className="page-head__t"><h1>Users</h1><p>{state.users.length} users across BHF and partner hospitals.</p></div>
      <div className="page-head__actions"><Btn variant="primary" icon="plus" onClick={()=>{setIForm({name:'',email:'',role:'partner',hospitalId:state.hospitals[0].id});setInvite(true);}}>Invite user</Btn></div></div>
    <div className="card"><table className="tbl">
      <thead><tr><th>Name</th><th>Role</th><th>Hospital</th><th>Status</th><th>Last login</th><th></th></tr></thead>
      <tbody>{state.users.map(u=><tr key={u.id} onClick={()=>setEdit(u.id)}>
        <td><div className="row aic gap-2"><Avatar name={u.name} size={28}/><div><b className="ink">{u.name}</b><div className="xs mut">{u.email}</div></div></div></td>
        <td><RoleBadge role={u.role}/></td>
        <td className="mut">{u.hospitalId?sel.hospitalName(u.hospitalId):'—'}</td>
        <td><UserStatus s={u.status}/></td>
        <td className="mut">{u.lastLogin?window.timeAgo(u.lastLogin):'never'}</td>
        <td style={{textAlign:'right',color:'var(--fg-3)'}}><Icon name="more" size={16}/></td></tr>)}</tbody></table></div>

    {/* edit user */}
    <Modal open={!!eu} onClose={()=>setEdit(null)} title={eu&&eu.name} icon="user"
      footer={<Btn onClick={()=>setEdit(null)}>Done</Btn>}>
      {eu&&<div className="col gap-4">
        <div className="row aic gap-3"><Avatar name={eu.name} size={44}/><div><div style={{fontWeight:600}}>{eu.email}</div><div className="row aic gap-2" style={{marginTop:4}}><RoleBadge role={eu.role}/><UserStatus s={eu.status}/></div></div></div>
        <hr className="hr"/>
        <Field label="Role" style={{marginBottom:0}}>
          <Select value={eu.role} onChange={e=>{const role=e.target.value;dispatch({type:'UPDATE_USER',userId:eu.id,patch:{role,hospitalId:role==='partner'?(eu.hospitalId||state.hospitals[0].id):null},detail:'Changed role → '+G().ROLES[role].label+' · '+eu.name});toast({kind:'audit',title:'Role updated',desc:'Recorded to audit.'});}}>
            {Object.values(G().ROLES).map(r=><option key={r.key} value={r.key}>{r.label}</option>)}</Select>
        </Field>
        {eu.role==='partner'&&<Field label="Linked hospital" hint="Partner users must be linked to a hospital." style={{marginBottom:0}}>
          <Select value={eu.hospitalId||''} onChange={e=>{dispatch({type:'UPDATE_USER',userId:eu.id,patch:{hospitalId:e.target.value},detail:'Linked '+eu.name+' → '+sel.hospitalName(e.target.value)});toast({title:'Hospital linked'});}}>
            {state.hospitals.map(h=><option key={h.id} value={h.id}>{h.name}</option>)}</Select></Field>}
        <hr className="hr"/>
        <div className="row gap-2 wrap">
          <Btn size="sm" icon="key" onClick={()=>toast({title:'Reset link sent',desc:eu.email})}>Reset password</Btn>
          {eu.status!=='disabled'
            ? <Btn size="sm" variant="danger" icon="ban" onClick={()=>{dispatch({type:'UPDATE_USER',userId:eu.id,patch:{status:'disabled'},detail:'Disabled user · '+eu.name});toast({kind:'audit',title:'User disabled',desc:eu.name+' · recorded to audit.'});}}>Disable account</Btn>
            : <Btn size="sm" variant="primary" icon="check" onClick={()=>{dispatch({type:'UPDATE_USER',userId:eu.id,patch:{status:'active'},detail:'Re-enabled user · '+eu.name});toast({kind:'audit',title:'User enabled'});}}>Enable account</Btn>}
        </div>
      </div>}
    </Modal>

    {/* invite */}
    <Modal open={invite} onClose={()=>setInvite(false)} title="Invite user" icon="mail"
      footer={<><Btn onClick={()=>setInvite(false)}>Cancel</Btn>
        <Btn variant="primary" disabled={!iform.name.trim()||!iform.email.trim()} onClick={()=>{dispatch({type:'INVITE_USER',data:{name:iform.name,email:iform.email,role:iform.role,hospitalId:iform.role==='partner'?iform.hospitalId:null}});toast({kind:'audit',title:'Invitation sent',desc:iform.email+' · recorded to audit.'});setInvite(false);}}>Send invite</Btn></>}>
      <div className="grid" style={{gridTemplateColumns:'1fr 1fr'}}>
        <Field label="Full name" req><Input value={iform.name} onChange={e=>setIForm(s=>({...s,name:e.target.value}))} placeholder="Dr. …"/></Field>
        <Field label="Email" req><Input value={iform.email} onChange={e=>setIForm(s=>({...s,email:e.target.value}))} placeholder="name@org"/></Field>
      </div>
      <Field label="Role"><Select value={iform.role} onChange={e=>setIForm(s=>({...s,role:e.target.value}))}>{Object.values(G().ROLES).map(r=><option key={r.key} value={r.key}>{r.label}</option>)}</Select></Field>
      {iform.role==='partner'&&<Field label="Hospital" req hint="Partner users must be linked to a hospital." style={{marginBottom:0}}>
        <Select value={iform.hospitalId} onChange={e=>setIForm(s=>({...s,hospitalId:e.target.value}))}>{state.hospitals.map(h=><option key={h.id} value={h.id}>{h.name}</option>)}</Select></Field>}
    </Modal>
  </div>;
}

/* ---------------- Reports ---------------- */
function Reports(){
  const {state,me,toast,sel}=window.useStore();
  if(!G().can(me,'view_reports')) return <PermDenied what="view reports"/>;
  const rq=state.requests;
  const byStatus=G().STATUS_ORDER.map(s=>({k:s,label:G().STATUS[s].label,n:rq.filter(r=>r.status===s).length,color:'var(--st-'+({submitted:'submitted',under_review:'review',needs_info:'needs',approved:'approved',rejected:'rejected',closed:'closed'}[s])+'-dot)'}));
  const maxS=Math.max(1,...byStatus.map(x=>x.n));
  const byPartner=state.hospitals.map(h=>({label:h.name,n:rq.filter(r=>r.hospitalId===h.id).length})).sort((a,b)=>b.n-a.n);
  const maxP=Math.max(1,...byPartner.map(x=>x.n));
  // avg review time (submit -> first decision)
  const decided=rq.filter(r=>['approved','rejected'].includes(r.status));
  const avg=decided.length? (decided.reduce((acc,r)=>{const dec=r.history.find(h=>['approved','rejected'].includes(h.to));return acc+(dec?(dec.at-r.createdAt):0);},0)/decided.length/(86400000)):0;

  function exportCSV(){
    const rows=[['Request','Hospital','Type','Priority','Status','Reviewer','Submitted','Updated']];
    rq.forEach(r=>rows.push([r.id,sel.hospitalName(r.hospitalId),r.request.type,r.urgency,G().STATUS[r.status].label,r.reviewerId?sel.userName(r.reviewerId):'',new Date(r.createdAt).toISOString().slice(0,10),new Date(r.updatedAt).toISOString().slice(0,10)]));
    const csv=rows.map(r=>r.map(c=>'"'+String(c).replace(/"/g,'""')+'"').join(',')).join('\n');
    try{const blob=new Blob([csv],{type:'text/csv'});const a=document.createElement('a');a.href=URL.createObjectURL(blob);a.download='bhf-requests.csv';a.click();}catch(e){}
    toast({kind:'audit',title:'Export ready',desc:'requests.csv · export logged to audit.'});
  }

  return <div className="content-in">
    <div className="page-head"><div className="page-head__t"><h1>Reports</h1><p>Programme metrics across all partner hospitals.</p></div>
      <div className="page-head__actions"><Btn icon="download" onClick={exportCSV}>Export CSV</Btn></div></div>

    <div className="grid" style={{gridTemplateColumns:'repeat(4,1fr)',marginBottom:18}}>
      {[['Total requests',rq.length],['Approved',rq.filter(r=>r.status==='approved').length],['Active partners',state.hospitals.filter(h=>h.status==='active').length],['Avg review time',avg?avg.toFixed(1)+'d':'—']].map((s,i)=>
        <div key={i} className="card card-pad"><div className="stat__n" style={{fontSize:30}}>{s[1]}</div><div className="stat__l" style={{marginTop:6}}>{s[0]}</div></div>)}
    </div>

    <div className="grid" style={{gridTemplateColumns:'1fr 1fr',alignItems:'start'}}>
      <div className="card"><div className="card-hd"><Icon name="chart" size={16}/><h3>Requests by status</h3></div>
        <div className="col gap-3" style={{padding:'16px'}}>{byStatus.map(s=><div key={s.k}>
          <div className="row jcb" style={{fontSize:13,marginBottom:5}}><span className="ink">{s.label}</span><b>{s.n}</b></div>
          <div style={{height:9,borderRadius:6,background:'var(--bhf-bg-soft)',overflow:'hidden'}}><div style={{height:'100%',width:(s.n/maxS*100)+'%',background:s.color,borderRadius:6,transition:'width .4s var(--ease-out)'}}/></div>
        </div>)}</div></div>
      <div className="card"><div className="card-hd"><Icon name="hospital" size={16}/><h3>Requests by partner</h3></div>
        <div className="col gap-3" style={{padding:'16px'}}>{byPartner.map((s,i)=><div key={i}>
          <div className="row jcb" style={{fontSize:13,marginBottom:5}}><span className="ink">{s.label}</span><b>{s.n}</b></div>
          <div style={{height:9,borderRadius:6,background:'var(--bhf-bg-soft)',overflow:'hidden'}}><div style={{height:'100%',width:(s.n/maxP*100)+'%',background:'var(--bhf-blue)',borderRadius:6,transition:'width .4s var(--ease-out)'}}/></div>
        </div>)}</div></div>
    </div>
  </div>;
}

/* ---------------- Audit Log ---------------- */
function AuditLog(){
  const {state,me,sel,helpers}=window.useStore();
  if(!G().can(me,'view_audit')) return <PermDenied what="view the audit log"/>;
  const [filter,setFilter]=useState('all');
  const [q,setQ]=useState('');
  const ACTIONS={all:'All actions',login:'Logins',submission:'Submissions',status_change:'Status changes',assignment:'Assignments',file_download:'File downloads',note_internal:'Internal notes',user_change:'User changes',partner_change:'Partner changes',setting_change:'Setting changes',recommendation:'Recommendations'};
  let rows=state.audit;
  if(filter!=='all') rows=rows.filter(a=>a.action===filter);
  if(q.trim()){const s=q.toLowerCase();rows=rows.filter(a=>(a.detail+' '+sel.userName(a.actorId)+' '+a.target).toLowerCase().includes(s));}
  return <div className="content-in">
    <div className="page-head"><div className="page-head__t"><h1>Audit Log</h1><p>Every sensitive action, immutably recorded. Founder &amp; admin only.</p></div></div>
    <div className="filterbar">
      <div className="topbar__search" style={{maxWidth:260,margin:0}}><Icon name="search" size={16}/><input placeholder="Search actor, target, detail…" value={q} onChange={e=>setQ(e.target.value)}/></div>
      <Select value={filter} onChange={e=>setFilter(e.target.value)} style={{width:'auto',minWidth:170}}>{Object.entries(ACTIONS).map(([k,v])=><option key={k} value={k}>{v}</option>)}</Select>
      <div style={{marginLeft:'auto'}} className="mut sm">{rows.length} event{rows.length!==1?'s':''}</div>
    </div>
    <div className="card"><table className="tbl">
      <thead><tr><th>Action</th><th>Detail</th><th>Actor</th><th>Target</th><th>When</th></tr></thead>
      <tbody>{rows.map(a=><tr key={a.id} style={{cursor:'default'}}>
        <td><span className="row aic gap-2" style={{whiteSpace:'nowrap'}}><span style={{color:'var(--bhf-blue)'}}><Icon name={AUDIT_ICON[a.action]||'activity'} size={15}/></span><b style={{fontSize:12.5}}>{ACTIONS[a.action]||a.action}</b></span></td>
        <td style={{maxWidth:340}}>{a.detail}</td>
        <td><div className="row aic gap-2"><Avatar name={sel.userName(a.actorId)} size={22}/><span className="sm">{sel.userName(a.actorId)}</span></div></td>
        <td className="mono mut" style={{fontSize:12}}>{a.target}</td>
        <td className="mut sm" style={{whiteSpace:'nowrap'}}>{helpers.timeAgo(a.at)}</td></tr>)}</tbody></table>
      {rows.length===0&&<EmptyState icon="shield" title="No matching events"/>}
    </div>
  </div>;
}

/* ---------------- Settings (founder) ---------------- */
function Settings(){
  const {state,me,dispatch,toast}=window.useStore();
  if(!G().can(me,'manage_settings')) return <PermDenied what="change settings"/>;
  const s=state.settings;
  const [reset,setReset]=useState(false);
  return <div className="content-in" style={{maxWidth:760}}>
    <div className="page-head"><div className="page-head__t"><h1>Settings</h1><p>Governance controls · founder only.</p></div></div>

    <div className="card" style={{marginBottom:16}}>
      <div className="card-hd"><Icon name="shield" size={17}/><h3>Review governance</h3></div>
      <div className="col" style={{padding:'16px'}}>
        <Toggle label="Reviewers can set final status"
          desc="When off, reviewers can only recommend a decision and an admin makes the final call. When on, reviewers may approve, reject, or request information directly."
          on={s.reviewersCanDecide}
          onChange={(v)=>{dispatch({type:'SETTINGS',patch:{reviewersCanDecide:v},detail:'Reviewers can set status: '+(v?'ON':'OFF')});toast({kind:'audit',title:'Setting updated',desc:'Reviewers can decide: '+(v?'ON':'OFF')+' · logged.'});}}/>
      </div>
    </div>

    <div className="card">
      <div className="card-hd"><Icon name="refresh" size={17}/><h3>Demo data</h3></div>
      <div className="row jcb aic" style={{padding:'16px',gap:16,flexWrap:'wrap'}}>
        <div className="sm mut" style={{maxWidth:440}}>Reset all requests, users, partners, and the audit log back to the seeded demo state. This cannot be undone.</div>
        <Btn variant="danger" icon="refresh" onClick={()=>setReset(true)}>Reset demo data</Btn>
      </div>
    </div>

    <Modal open={reset} onClose={()=>setReset(false)} title="Reset demo data?" icon="alert" iconColor="var(--st-rejected-fg)"
      footer={<><Btn onClick={()=>setReset(false)}>Cancel</Btn><Btn variant="danger" onClick={()=>{dispatch({type:'RESET'});setReset(false);toast({title:'Demo data reset'});}}>Reset everything</Btn></>}>
      <p style={{margin:0}}>All changes you've made in this session will be discarded and the prototype returns to its seeded state.</p>
    </Modal>
  </div>;
}
function Toggle({label,desc,on,onChange}){
  return <div className="row jcb" style={{gap:18,alignItems:'flex-start'}}>
    <div style={{flex:1}}><div style={{fontWeight:600,color:'var(--fg-1)',fontSize:14.5}}>{label}</div><div className="sm mut" style={{marginTop:4,lineHeight:1.5}}>{desc}</div></div>
    <button onClick={()=>onChange(!on)} style={{flex:'none',width:46,height:26,borderRadius:999,border:0,cursor:'pointer',background:on?'var(--bhf-blue)':'var(--border-strong)',position:'relative',transition:'background .2s'}}>
      <span style={{position:'absolute',top:3,left:on?23:3,width:20,height:20,borderRadius:'50%',background:'#fff',transition:'left .2s var(--ease-out)',boxShadow:'0 1px 3px rgba(0,0,0,.2)'}}/></button>
  </div>;
}

Object.assign(window,{AdminDashboard,ReviewerQueue,PartnerMgmt,UserMgmt,Reports,AuditLog,Settings});
})();