(function(){
  const table=document.querySelector('#dataset-table');
  if(!table)return;
  const panel=table.closest('.panel');
  const search=document.createElement('div');
  search.innerHTML='<h3>Find lookout</h3><div style="display:flex;gap:8px"><input id="lookout-id-search" placeholder="Full ID or unique prefix"><button id="lookout-id-search-button" style="width:auto;margin-top:0">Search</button></div><div id="lookout-search-result"></div>';
  panel.insertBefore(search,table);
  const modal=document.createElement('dialog');
  modal.style.cssText='max-width:620px;width:calc(100% - 32px);background:#151f28;color:#edf5f5;border:1px solid #2b3d47;border-radius:10px;padding:24px';
  document.body.appendChild(modal);
  const close=()=>modal.close();
  const attr=value=>esc(value).replace(/"/g,'&quot;');
  function message(text,title='Admin message'){
    modal.innerHTML='<h2 style="margin-top:0">'+esc(title)+'</h2><p>'+esc(text)+'</p><button id="modal-ok" style="width:auto;margin-top:8px">OK</button>';
    modal.querySelector('#modal-ok').onclick=close;modal.showModal();
  }
  function confirmAction(text){
    return new Promise(resolve=>{modal.innerHTML='<h2 style="margin-top:0">Confirm action</h2><p>'+esc(text)+'</p><button id="modal-yes" style="width:auto;margin:4px 6px 0 0;background:#c94b4b;color:white">Yes</button><button id="modal-no" style="width:auto;margin-top:4px">Cancel</button>';modal.querySelector('#modal-yes').onclick=()=>{close();resolve(true)};modal.querySelector('#modal-no').onclick=()=>{close();resolve(false)};modal.addEventListener('cancel',()=>resolve(false),{once:true});modal.showModal()});
  }
  window.alert=text=>message(text);
  async function details(id){
    const response=await fetch('/api/admin/lookouts/'+encodeURIComponent(id),{headers:headers()});
    const body=await response.json().catch(()=>({}));
    if(!response.ok)throw Error(body.detail||'Could not load lookout');
    return body;
  }
  function showMetadata(item){
    modal.innerHTML='<h2 style="margin-top:0">Lookout metadata</h2><p><b>Lookout ID:</b><br><code>'+esc(item.id)+'</code></p><p><b>Added by Telegram ID:</b> '+esc(item.telegram_id||'unknown')+'<br><b>Submitted:</b> '+esc(item.created_at||'')+'<br><b>Status:</b> '+esc(item.status||'')+'</p><p><b>Name:</b> '+esc(item.name||'')+'</p><p><b>Reason:</b><br>'+esc(item.reason||'')+'</p><button id="edit-lookout" style="width:auto;margin:4px 6px 0 0">Edit</button><button id="delete-lookout" style="width:auto;margin:4px 6px 0 0;background:#c94b4b;color:white">Remove</button><button id="close-lookout" style="width:auto;margin-top:4px">Close</button>';
    modal.querySelector('#edit-lookout').onclick=()=>showEdit(item);
    modal.querySelector('#delete-lookout').onclick=()=>remove(item.id);
    modal.querySelector('#close-lookout').onclick=close;
    modal.showModal();
  }
  function showEdit(item){
    modal.innerHTML='<h2 style="margin-top:0">Edit lookout</h2><label>Name<input id="edit-name" value="'+attr(item.name||'')+'" maxlength="200"></label><label>Reason<textarea id="edit-reason" maxlength="2000" style="width:100%;min-height:140px;box-sizing:border-box">'+esc(item.reason||'')+'</textarea></label><p id="edit-error" class="error"></p><button id="save-lookout" style="width:auto;margin:4px 6px 0 0">Save</button><button id="cancel-edit" style="width:auto;margin-top:4px">Cancel</button>';
    modal.querySelector('#save-lookout').onclick=async()=>{const error=modal.querySelector('#edit-error');error.textContent='Saving...';try{const response=await fetch('/api/admin/lookouts/'+encodeURIComponent(item.id),{method:'PUT',headers:{...headers(),'Content-Type':'application/json'},body:JSON.stringify({name:modal.querySelector('#edit-name').value,reason:modal.querySelector('#edit-reason').value})});const body=await response.json().catch(()=>({}));if(!response.ok)throw Error(body.detail||'Could not save lookout');showMetadata(body);await renderDatasetView()}catch(e){error.textContent=e.message}};
    modal.querySelector('#cancel-edit').onclick=()=>showMetadata(item);
  }
  async function remove(id){
    if(!await confirmAction('Remove this lookout and its stored image?'))return;
    try{const response=await fetch('/api/admin/lookouts/'+encodeURIComponent(id),{method:'DELETE',headers:headers()});const body=await response.json().catch(()=>({}));if(!response.ok)throw Error(body.detail||'Could not remove lookout');close();await renderDatasetView();searchResult.textContent='Lookout removed.'}catch(e){message(e.message,'Could not remove lookout')}
  }
  const searchResult=search.querySelector('#lookout-search-result');
  search.querySelector('#lookout-id-search-button').onclick=async()=>{const id=search.querySelector('#lookout-id-search').value.trim();if(!id)return;searchResult.textContent='Searching...';try{showMetadata(await details(id));searchResult.textContent=''}catch(e){searchResult.textContent=e.message}};
  search.querySelector('#lookout-id-search').onkeydown=e=>{if(e.key==='Enter')search.querySelector('#lookout-id-search-button').click()};
  function enhance(){
    table.querySelectorAll('.stat').forEach(card=>{
      if(card.dataset.lookoutActions||!card.textContent.includes('ID:'))return;
      card.dataset.lookoutActions='1';
      const idText=[...card.querySelectorAll('div')].find(x=>x.textContent.trim().startsWith('ID:'));
      const id=idText?idText.textContent.trim().slice(3).trim():'';
      const actions=document.createElement('div');actions.style.cssText='display:flex;gap:6px;margin-top:10px';actions.innerHTML='<button type="button" style="width:auto;margin:0;padding:8px 10px">View metadata</button><button type="button" style="width:auto;margin:0;padding:8px 10px;background:#c94b4b;color:white">Remove</button>';
      actions.children[0].onclick=async()=>{try{showMetadata(await details(id))}catch(e){message(e.message,'Could not load lookout')}};
      actions.children[1].onclick=()=>remove(id);card.appendChild(actions);
    });
  }
  const sentLink=document.createElement('a');sentLink.href='#sent-reports';sentLink.dataset.view='sent-reports';sentLink.textContent='Sent Reports';document.querySelector('.side').insertBefore(sentLink,document.querySelector('#logout'));
  const sentPanel=document.createElement('div');sentPanel.id='sent-reports';sentPanel.dataset.panel='';sentPanel.className='hidden';sentPanel.innerHTML='<div class="panel"><h2>Sent Reports</h2><p class="muted">Every candidate report released to a user. Newest reports appear first.</p><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px"><input id="sent-from" type="date"><input id="sent-to" type="date"><input id="sent-search-id" placeholder="Search ID"><input id="sent-report-id" placeholder="Report ID"><input id="sent-lookout-id" placeholder="Lookout ID"><input id="sent-user-id" placeholder="Telegram ID"><input id="sent-org" placeholder="Organisation"><input id="sent-status" placeholder="Status"><input id="sent-min" type="number" min="0" max="1" step=".01" placeholder="Min similarity"><input id="sent-max" type="number" min="0" max="1" step=".01" placeholder="Max similarity"></div><div style="display:flex;gap:8px"><button id="sent-filter" style="width:auto">Filter</button><button id="sent-clear" style="width:auto;background:#34444d;color:#edf5f5">Clear</button></div><div id="sent-table"></div></div>';
  document.querySelector('.content').appendChild(sentPanel);
  const sentTable=sentPanel.querySelector('#sent-table');
  function sentParams(page){const q=new URLSearchParams({page,per_page:25});[['from_date','sent-from'],['to_date','sent-to'],['search_id','sent-search-id'],['report_id','sent-report-id'],['lookup_id','sent-lookout-id'],['telegram_id','sent-user-id'],['organisation','sent-org'],['status','sent-status']].forEach(([key,id])=>{const value=sentPanel.querySelector('#'+id).value.trim();if(value)q.set(key,value)});[['similarity_min','sent-min'],['similarity_max','sent-max']].forEach(([key,id])=>{const value=sentPanel.querySelector('#'+id).value;if(value)q.set(key,value)});return q}
  async function loadSent(page=1){sentTable.innerHTML='<p class="muted">Loading sent reports...</p>';try{const d=await api('/admin/sent-reports?'+sentParams(page));if(!d.items.length){sentTable.innerHTML='<p class="muted">No sent reports found.</p>';return}let html='<table class="table"><thead><tr><th>Timestamp</th><th>Report ID</th><th>Search ID</th><th>Telegram</th><th>Lookout</th><th>Similarity</th><th>Status</th><th>Channel</th><th>Actions</th></tr></thead><tbody>';for(const r of d.items)html+='<tr><td>'+esc(r.sent_at||r.generated_at)+'</td><td>'+esc(r.report_id)+'</td><td>'+esc(r.search_id||'')+'</td><td>'+esc(r.telegram_id||'')+'</td><td>'+esc(r.lookout_id||'')+'</td><td>'+esc(r.similarity==null?'':Math.round(r.similarity*100)+'%')+'</td><td>'+esc(r.status)+'</td><td>'+esc(r.channel)+'</td><td><button data-sent-detail="'+esc(r.report_id)+'" style="width:auto;margin:0;padding:7px">More Info</button></td></tr>';html+='</tbody></table><div style="display:flex;gap:10px;align-items:center;margin-top:16px"><button id="sent-prev" style="width:auto;margin:0">Prev</button><span class="muted">Page '+d.page+' of '+(d.pages||1)+' · '+d.total+' report(s)</span><button id="sent-next" style="width:auto;margin:0">Next</button></div>';sentTable.innerHTML=html;sentTable.querySelector('#sent-prev').disabled=page<=1;sentTable.querySelector('#sent-next').disabled=page>=d.pages;sentTable.querySelector('#sent-prev').onclick=()=>loadSent(page-1);sentTable.querySelector('#sent-next').onclick=()=>loadSent(page+1);sentTable.querySelectorAll('[data-sent-detail]').forEach(b=>b.onclick=()=>showSentDetail(b.dataset.sentDetail))}catch(e){sentTable.innerHTML='<p class="error">Could not load sent reports: '+esc(e.message)+'</p>'}}
  async function showSentDetail(id){try{const r=await api('/admin/sent-reports/'+encodeURIComponent(id));modal.innerHTML='<h2 style="margin-top:0">Sent report details</h2><p><b>Report ID:</b> <code>'+esc(r.id)+'</code><br><b>Search ID:</b> '+esc(r.search_id||'')+'<br><b>Lookout ID:</b> '+esc(r.report_id||'')+'<br><b>Lookup ID:</b> '+esc(r.lookup_id||'')+'<br><b>Telegram user:</b> '+esc(r.telegram_id||'')+'<br><b>Candidate similarity:</b> '+esc(r.similarity==null?'':Math.round(r.similarity*100)+'%')+'<br><b>Threshold used:</b> '+esc(r.threshold==null?'':Math.round(r.threshold*100)+'%')+'<br><b>Generated:</b> '+esc(r.generated_at||'')+'<br><b>Sent:</b> '+esc(r.sent_at||'')+'<br><b>Status:</b> '+esc(r.status||'')+'<br><b>Channel:</b> '+esc(r.channel||'')+'<br><b>Report version:</b> '+esc(r.report_version||'')+'</p><p><b>Lookout name:</b> '+esc(r.name||'')+'<br><b>Delivery attempts:</b> '+esc((r.delivery_attempts||[]).length)+'</p><button id="close-sent-detail" style="width:auto;margin-top:8px">Close</button>';modal.querySelector('#close-sent-detail').onclick=close;modal.showModal()}catch(e){message(e.message,'Could not load sent report')}}
  const dashboard=document.querySelector('#dashboard .panel');if(dashboard){const thresholdBox=document.createElement('div');thresholdBox.innerHTML='<h3>Candidate similarity threshold</h3><p class="muted">Enter a score from 0 to 100. This is not identity certainty.</p><div style="display:flex;gap:8px"><input id="admin-threshold" type="number" min="0" max="100" step="1" placeholder="70"><input id="admin-threshold-reason" placeholder="Reason for change"><button id="admin-threshold-save" style="width:auto;margin-top:0">Save</button></div>';dashboard.appendChild(thresholdBox);thresholdBox.querySelector('#admin-threshold-save').onclick=async()=>{const value=Number(thresholdBox.querySelector('#admin-threshold').value);try{const response=await fetch('/api/admin/config/threshold',{method:'PUT',headers:{...headers(),'Content-Type':'application/json'},body:JSON.stringify({threshold:value,reason:thresholdBox.querySelector('#admin-threshold-reason').value})});const body=await response.json();if(!response.ok)throw Error(body.detail||'Could not update threshold');message('Threshold saved at '+body.threshold+' candidate similarity score.','Configuration updated')}catch(e){message(e.message,'Could not update threshold')}}}
  sentPanel.querySelector('#sent-filter').onclick=()=>loadSent(1);sentPanel.querySelector('#sent-clear').onclick=()=>{sentPanel.querySelectorAll('input').forEach(x=>x.value='');loadSent(1)};sentLink.onclick=e=>{e.preventDefault();document.querySelectorAll('[data-panel]').forEach(x=>x.classList.add('hidden'));sentPanel.classList.remove('hidden');document.querySelectorAll('[data-view]').forEach(x=>x.classList.remove('active'));sentLink.classList.add('active');document.querySelector('#title').textContent='Sent Reports';loadSent(1)};
  new MutationObserver(enhance).observe(table,{childList:true,subtree:true});
  enhance();
})();