const { chromium }=require('playwright-core');
function rgb(s){const m=s.match(/[\d.]+/g);return m?m.slice(0,4).map(Number):[]}
function L(a){return Math.round(.2126*(a[0]||0)+.7152*(a[1]||0)+.0722*(a[2]||0))}
const C=process.env.PORTAL_COOKIE;
(async()=>{
 const b=await chromium.connectOverCDP('http://127.0.0.1:9222');
 const ctx=await b.newContext({ignoreHTTPSErrors:true,viewport:{width:1400,height:900}});
 await ctx.addCookies([{name:'portal_session',value:C,domain:'.example.com',path:'/',httpOnly:true,secure:true,sameSite:'Lax'}]);
 const p=await ctx.newPage(); const errs=[]; p.on('pageerror',e=>errs.push(String(e)));
 await p.emulateMedia({colorScheme:'dark'}); await p.addInitScript(()=>{try{localStorage.removeItem('navi-theme')}catch(e){}});
 await p.goto('https://dashy.example.com/workspace',{waitUntil:'networkidle',timeout:90000}); await p.waitForTimeout(3000);
 const n=await p.evaluate(()=>[...document.querySelectorAll('nav.side-bar a,nav.side-bar button,.side-bar-item')].length);
 let modal=null;
 for(let i=0;i<n;i++){
   await p.evaluate(i=>{const e=[...document.querySelectorAll('nav.side-bar a,nav.side-bar button,.side-bar-item')][i];e&&e.click()},i);
   await p.waitForTimeout(3500);
   modal=await p.evaluate(()=>{
     const card=document.querySelector('.navi-ws-modal-card'); if(!card) return null;
     const c=getComputedStyle(card); const t=document.querySelector('.navi-ws-modal-title');
     return {bg:c.backgroundColor, title:t?getComputedStyle(t).color:null, text:(card.textContent||'').trim().slice(0,60)};
   });
   if(modal) break;
 }
 const r=await p.evaluate(()=>{
   const g=s=>{const e=document.querySelector(s);if(!e)return null;const c=getComputedStyle(e);return c.backgroundColor};
   return {ws:(document.querySelector('.work-space')||{dataset:{}}).dataset?.naviWs||null,
     modalCard:g('.navi-ws-modal-card'),modalOk:g('.navi-ws-modal-ok'),webContent:g('.work-space .web-content')};
 });
 console.log(JSON.stringify({sidebarItems:n,modalSeen:!!modal,modal,r,errors:errs},null,1));
 await p.screenshot({path:'/tmp/ws-v50-modal.png',fullPage:true});
 await ctx.close(); await b.close();
 const ok = !modal || (L(rgb(modal.bg))<95 && L(rgb(modal.title||'rgb(255,255,255)'))>190);
 console.log(ok?'MODAL_DARK_OK':'MODAL_STILL_LIGHT');
 if(!ok) process.exitCode=2;
})().catch(e=>{console.error(e);process.exit(1)});