Spanish

The domain 'pixel-os.pages.dev' uses the developer-focused generic top-level domain (.dev) with subdomain 'pixel-os'. The core label 'pages' covers 5 characters with 2 vowels and three consonants. Tokenizing the label suggests one word: pages. No strong language cues emerged from the frequency lists.

html/6b/e6/6be66cb6-26a5-4c85-b6b6-53f0d940cd5f.html.gz

26a93e2616d7b906417db378fedec9ca03cf2c7811266e5ed0eabd68c3cd08e5

74401d738dd3e03ee5dfb3b6841210fe2c4ead8a960c4011ca4ba0b78a9fd8f3

1cf26a8979e293bcfb3e89b6edf43c0ac0820c0049bbc6c662a6d259c7641212

b2b69dc7fdf67261206eea50dd2cf4375fc5c22fee2585e43600557da9a4cc65

75a196530f32961499b3f4846c2acc71defe50d2e9fa1b404bb8e289b00b7333

b682b10f3c5c6bf7389f034882ada392461ec0bc456bb6cdfb936384e0157b98

5e58b565db4b42857bf5a49dfb65fafef818d5266288ebc61307cbe79c3057b6

1c2716b463550c54f6518893d594a17b912f23099e4eeae96056780ad67ba7bb

7e54ad7cf35a83158ac9db352a37e6995f13c2bba3635602222c963932c744f1

af2712335ce30a8e5faeb2416f0e0215c75942b60ea9846faff2ac576589af88

9b43c2b3daa15144d17cf39183828c42919bcc27a87a1378f5def3da8063176e

0a8c75e86b79501ac7a0c491c1ec8aea9467587542a7a67c4386e1d3024fbcc9

73aad1c50f1a164d2e4bf61bc86d7dc0103f977c8d459ac9ebc638c1700ba67b

viewport

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

Abuse Team

CloudFlare, Inc.

pages.dev

Abuse

Admin

Cloudflare-NOC

Cloudflare, Inc.

CLOUDFLARENET


/* ══════════════════════════════════════════════
   SUPABASE — Sincronización en la nube
   ══════════════════════════════════════════════ */
const _SB_URL='https://qnrdexvpyiqlpzvypcjt.supabase.co';
const _SB_KEY='sb_publishable_Pk6iNkHlayFFNJQhmOIQ5A_R3Q9EPoC';
const _sb=supabase.createClient(_SB_URL,_SB_KEY);

// Auth constants necesarios antes que showAppView
const SESSION_KEY='pixel_session';
const AUTH_KEY='pixel_auth_users';
const ROL_PERMISOS_EARLY={
  admin:  {generator:true,informes:true,library:true,clientes:true,proveedores:true,campanas:true,guiones:true,copies:true,briefs:true,transcripciones:true,repoguiones:true,tareas:true,reuniones:true,calendario:true,revision:true,aux:true,respaldo:true,usuarios:true},
  editor: {generator:false,informes:false,library:false,clientes:false,proveedores:false,campanas:false,guiones:false,copies:false,briefs:false,transcripciones:false,repoguiones:true,tareas:true,reuniones:false,calendario:false,revision:true,aux:false,respaldo:false,usuarios:false},
  content:{generator:false,informes:false,library:false,clientes:false,proveedores:true,campanas:true,guiones:true,copies:true,briefs:false,transcripciones:false,repoguiones:true,tareas:true,reuniones:false,calendario:false,revision:true,aux:true,respaldo:false,usuarios:false},
  planner:{generator:false,informes:false,library:false,clientes:false,proveedores:true,campanas:false,guiones:true,copies:false,briefs:true,transcripciones:true,repoguiones:true,tareas:true,reuniones:true,calendario:true,revision:true,aux:true,respaldo:false,usuarios:false},
};
function getSesion(){try{return JSON.parse(sessionStorage.getItem(SESSION_KEY)||'null');}catch(e){return null;}}

/* ── Helpers Supabase ── */
async function _sbGet(table){
  const{data,error}=await _sb.from(table).select('*');
  if(error){console.warn(table,error);return[];}
  return data||[];
}
async function _sbUpsert(table,row){
  const{error}=await _sb.from(table).upsert(row,{onConflict:'id'});
  if(error) console.warn('upsert',table,error);
}
async function _sbDelete(table,id){
  const{error}=await _sb.from(table).delete().eq('id',id);
  if(error) console.warn('delete',table,error);
}
function _rows2data(rows){return rows.map(r=>r.data||r).filter(Boolean);}

/* ── Sync: Supabase → localStorage (al arrancar) ── */
async function syncFromSupabase(){
  try{
    const[clientes,informes,periodos,guiones,cal,tareas,users,reuniones,solicitudes,proveedores,ugcCatalogo]=await Promise.all([
      _sbGet('pixel_clientes'),_sbGet('pixel_informes'),_sbGet('pixel_periodos'),
      _sbGet('pixel_guiones'),_sbGet('pixel_calendario'),_sbGet('pixel_tareas'),
      _sbGet('pixel_users'),_sbGet('pixel_reuniones'),_sbGet('pixel_solicitudes'),
      _sbGet('pixel_proveedores'),_sbGet('pixel_catalogo_ugcs')
    ]);

    // ── Función de merge universal ──────────────────────────────────────────
    // Combina datos de Supabase con los locales.
    // Gana siempre el registro más reciente (updatedAt o updated_at).
    // Nunca se pierde un registro que exista en alguno de los dos lados.
    function mergeById(sbRows, localKey){
      const sb = _rows2data(sbRows);
      const local = JSON.parse(localStorage.getItem(localKey)||'[]');
      if(!sb.length && !local.length) return null;
      const map = {};
      // Primero poner los de Supabase
      sb.forEach(x=>{ if(x.id) map[x.id]=x; });
      // Luego los locales: gana el más reciente
      local.forEach(x=>{
        if(!x.id) return;
        if(!map[x.id]){
          map[x.id]=x; // solo existe local → conservar
        } else {
          const sbTs  = new Date(map[x.id].updatedAt||map[x.id].updated_at||map[x.id].createdAt||0).getTime();
          const locTs = new Date(x.updatedAt||x.updated_at||x.createdAt||0).getTime();
          if(locTs > sbTs) map[x.id]=x; // local más reciente → gana
        }
      });
      return Object.values(map);
    }

    // ── Clientes ─────────────────────────────────────────────────────────────
    const mergedClientes = mergeById(clientes, 'sm_clientes');
    if(mergedClientes) localStorage.setItem('sm_clientes', JSON.stringify(mergedClientes));

    // ── Informes ─────────────────────────────────────────────────────────────
    const sbInformes = _rows2data(informes);
    if(sbInformes.length){
      const local = JSON.parse(localStorage.getItem('sm_informes')||'[]');
      const localMap = {}; local.forEach(x=>{ if(x.id) localMap[x.id]=x; });
      // Conservar reportHTML local si existe
      const merged = sbInformes.map(sbInf => localMap[sbInf.id] ? {...sbInf,...localMap[sbInf.id]} : sbInf);
      local.forEach(x=>{ if(x.id && !merged.find(m=>m.id===x.id)) merged.push(x); });
      localStorage.setItem('sm_informes', JSON.stringify(merged));
    }

    // ── Periodos ─────────────────────────────────────────────────────────────
    const mergedPeriodos = mergeById(periodos, 'sm_rpt_periods');
    if(mergedPeriodos) localStorage.setItem('sm_rpt_periods', JSON.stringify(mergedPeriodos));

    // ── Guiones ──────────────────────────────────────────────────────────────
    const mergedGuiones = mergeById(guiones, 'pixel_guiones');
    if(mergedGuiones) localStorage.setItem('pixel_guiones', JSON.stringify(mergedGuiones));

    // ── Calendario ───────────────────────────────────────────────────────────
    const mergedCal = mergeById(cal, 'pixel_calendario');
    if(mergedCal) localStorage.setItem('pixel_calendario', JSON.stringify(mergedCal));

    // ── Tareas ───────────────────────────────────────────────────────────────
    const mergedTareas = mergeById(tareas, 'pixel_tareas');
    if(mergedTareas) localStorage.setItem('pixel_tareas', JSON.stringify(mergedTareas));

    // ── Usuarios ─────────────────────────────────────────────────────────────
    if(users.length) localStorage.setItem('pixel_auth_users', JSON.stringify(users));

    // ── Reuniones + Transcripciones ──────────────────────────────────────────
    const mergedReuniones = mergeById(reuniones, 'sm_reuniones');
    if(mergedReuniones) localStorage.setItem('sm_reuniones', JSON.stringify(mergedReuniones));

    // ── Solicitudes ──────────────────────────────────────────────────────────
    const mergedSolicitudes = mergeById(solicitudes, 'pixel_solicitudes');
    if(mergedSolicitudes) localStorage.setItem('pixel_solicitudes', JSON.stringify(mergedSolicitudes));

    // ── Proveedores ──────────────────────────────────────────────────────────
    const mergedProv = mergeById(proveedores, 'pixel_proveedores');
    if(mergedProv) localStorage.setItem('pixel_proveedores', JSON.stringify(mergedProv));

    // ── UGC Catálogo ─────────────────────────────────────────────────────────
    const mergedUgc = mergeById(ugcCatalogo, 'pixel_catalogo_ugcs');
    if(mergedUgc) localStorage.setItem('pixel_catalogo_ugcs', JSON.stringify(mergedUgc));

    console.log('✅ Supabase sync OK — merge sin pérdidas');
  }catch(e){console.warn('⚠️ Sync error:',e);}
}

/* ── Push: localStorage → Supabase (al guardar) ── */
async function _pushArr(table,arr,keyFn){
  // Solo upsert — NUNCA borrar registros de otros usuarios.
  // El delete explícito se hace vía _sbDeleteItem cuando el usuario borra a propósito.
  for(const item of arr) await _sbUpsert(table,keyFn(item));
}
// Borrado explícito de un item por ID (llamar solo cuando el usuario borra algo)
async function _sbDeleteItem(table,id){
  if(!id) return;
  await _sbDelete(table,id).catch(()=>{});
}

/* ── LOADER ── */
function showLoader(){
  let el=document.getElementById('_sbLoader');
  if(!el){
    el=document.createElement('div');
    el.id='_sbLoader';
    el.innerHTML='<div style="width:48px;height:48px;background:#F28C18;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px">🎯</div><div style="font-size:16px;font-weight:700;color:white">PIXEL OS</div><div style="font-size:11px;color:rgba(255,255,255,.4);margin-top:6px">Cargando datos...</div><div style="width:160px;height:3px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;margin-top:16px"><div style="height:100%;background:#F28C18;border-radius:3px;animation:sbload 1.5s ease-in-out infinite"></div></div><style>@keyframes sbload{0%{width:0%;margin-left:0}50%{width:70%}100%{width:0%;margin-left:100%}}</style>';
    el.style.cssText='position:fixed;inset:0;z-index:99999;background:linear-gradient(135deg,#0b0b0b,#1a1a2e);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px';
    document.body.appendChild(el);
  }
  el.style.display='flex';
}
function hideLoader(){
  const el=document.getElementById('_sbLoader');
  if(el) el.style.display='none';
}

/* ── INIT: sync primero, luego auth ── */
async function initApp(){
  showLoader();
  await syncFromSupabase().catch(()=>{});
  hideLoader();
  if(typeof initAuth==='function') initAuth();
}
if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',initApp);
else setTimeout(initApp,0);



const P_COLORS=['#F28C18','#1D9E75','#EF9F27'];

/* ── PERIOD MEMORY ── */
const MEM_KEY='sm_rpt_periods';
const IG_FIELDS=['name','dates','vis_tot','vis_org','vis_pag','alc_tot','alc_org','alc_pag',


/* ═══════════════════════════════════════
   SELECTOR DE GUIÓN para Top Contenidos
   ═══════════════════════════════════════ */
let _selectorTargetSlot=null; // e.g. 'c1', 'c2', 'fc1'
const _guionesAdjuntos={}; // {slotId: guionId}

async function abrirSelectorGuion(slot){
  _selectorTargetSlot=slot;
  await syncGuionesFromSupabase().catch(()=>{});

  // Autoselect client from f_client
  const clienteActual=gv('f_client')||'';
  const mesActual=gv('f_month')||'';

  // Populate client filter
  const clientes=getClientes();
  const sgCliente=document.getElementById('sg_cliente');
  if(sgCliente){
    sgCliente.innerHTML=`<option value="">Todos los clientes</option>`+
      clientes.map(c=>`<option value="${c.nombre}">${c.nombre}</option>`).join('');
    if(clienteActual) sgCliente.value=clienteActual;
  }

  // Autoset mes filter
  const sgMes=document.getElementById('sg_mes');
  if(sgMes&&mesActual) sgMes.value=mesActual;

  // Clear search
  const sgBuscar=document.getElementById('sg_buscar');
  if(sgBuscar) sgBuscar.value='';

  // Update subtitle
  const slotNames={c1:'IG Contenido #1',c2:'IG Contenido #2',c3:'IG Contenido #3',
    fc1:'FB Contenido #1',fc2:'FB Contenido #2',fc3:'FB Contenido #3'};
  const sub=document.getElementById('selectorGuionSubtitle');
  if(sub) sub.textContent=`Para: ${slotNames[slot]||slot}`;

  filtrarSelectorGuion();

  const modal=document.getElementById('modalSelectorGuion');
  if(modal){modal.style.display='flex';}
}

function cerrarSelectorGuion(){
  const modal=document.getElementById('modalSelectorGuion');
  if(modal) modal.style.display='none';
  _selectorTargetSlot=null;
}

function filtrarSelectorGuion(){
  const buscar=(document.getElementById('sg_buscar')?.value||'').toLowerCase();
  const cliente=document.getElementById('sg_cliente')?.value||'';
  const mes=document.getElementById('sg_mes')?.value||'';

  let guiones=getGuiones();
  if(cliente) guiones=guiones.filter(g=>g.cliente===cliente);
  if(mes) guiones=guiones.filter(g=>g.mes===mes);
  if(buscar) guiones=guiones.filter(g=>
    (g.nombre||'').toLowerCase().includes(buscar)||
    (g.cliente||'').toLowerCase().includes(buscar)||
    (g.guion||'').toLowerCase().includes(buscar)
  );

  const lista=document.getElementById('sg_lista');
  if(!lista) return;

  if(!guiones.length){
    lista.innerHTML=`<div style="text-align:center;padding:30px;color:#aaa">
      <div style="font-size:24px;margin-bottom:8px">📂</div>
      <div style="font-size:12px">Sin guiones${cliente?` de ${cliente}`:''}${mes?` en ${mes}`:''}.</div>
      <div style="font-size:11px;margin-top:4px">Cambia los filtros o crea guiones en el Repositorio.</div>
    </div>`;
    return;
  }

  const statusColor={Borrador:'#6b7280',Aprobado:'#16a34a','Pte por grabar':'#b45309','En edición':'#7c3aed',Programado:'#0369a1',Publicado:'#1d9e75'};
  const statusBg={Borrador:'#f3f4f6',Aprobado:'#dcfce7','Pte por grabar':'#fef3c7','En edición':'#ede9fe',Programado:'#e0f2fe',Publicado:'#d1fae5'};
  const adjuntado=_guionesAdjuntos[_selectorTargetSlot];

  lista.innerHTML=guiones.map(g=>{
    const isSelected=adjuntado===g.id;
    return `<div onclick="seleccionarGuion('${g.id}')" style="border:${isSelected?'2px solid #F28C18':'0.5px solid #ebebeb'};border-radius:9px;padding:10px 12px;cursor:pointer;background:${isSelected?'#FFF8F0':'white'};transition:all .1s">
      <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px">
        <div style="font-size:12px;font-weight:600;color:#1a1a2e;flex:1;min-width:0">${g.nombre||'Sin nombre'}</div>
        ${isSelected?`<span style="font-size:10px;background:#F28C18;color:white;padding:2px 7px;border-radius:8px;white-space:nowrap;flex-shrink:0">✓ Adjuntado</span>`:''}
      </div>
      <div style="display:flex;gap:5px;flex-wrap:wrap;margin-bottom:${g.guion?'6px':'0'}">
        ${g.cliente?`<span style="font-size:10px;background:#f0f2f5;color:#555;padding:1px 7px;border-radius:8px">${g.cliente}</span>`:''}
        ${g.mes?`<span style="font-size:10px;background:#f0f2f5;color:#888;padding:1px 7px;border-radius:8px">${g.mes}</span>`:''}
        ${g.formato?`<span style="font-size:10px;background:#e6f1fb;color:#1877f2;padding:1px 7px;border-radius:8px">${g.formato}</span>`:''}
        ${g.objetivo?`<span style="font-size:10px;background:#fff3dc;color:#d97706;padding:1px 7px;border-radius:8px">${g.objetivo}</span>`:''}
        ${g.status?`<span style="font-size:10px;background:${statusBg[g.status]||'#f3f4f6'};color:${statusColor[g.status]||'#555'};padding:1px 7px;border-radius:8px;font-weight:500">${g.status}</span>`:''}
      </div>
      ${g.guion?`<div style="font-size:10px;color:#999;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical">${g.guion.slice(0,120)}${g.guion.length>120?'...':''}</div>`:''}
    </div>`;
  }).join('');
}

function seleccionarGuion(guionId){
  if(!_selectorTargetSlot) return;
  const g=getGuiones().find(g=>g.id===guionId);
  if(!g) return;

  _guionesAdjuntos[_selectorTargetSlot]=guionId;

  // Update the tag display in the card
  const tagEl=document.getElementById(`guion_tag_${_selectorTargetSlot}`);
  if(tagEl){
    tagEl.style.display='block';
    tagEl.innerHTML=`<div class="guion-tag">
      <span>📋</span>
      <span class="gt-name">${g.nombre}</span>
      ${g.mes?`<span style="font-size:9px;color:#aaa">${g.mes}</span>`:''}
      ${g.status?`<span style="font-size:9px;font-weight:600;color:#D97706">${g.status}</span>`:''}
      <button class="gt-remove" onclick="quitarGuionAdjunto('${_selectorTargetSlot}')" title="Quitar guion">✕</button>
    </div>`;
  }

  // Update button text
  const btn=tagEl?.nextElementSibling;
  if(btn&&btn.classList.contains('btn-adjuntar-guion')) btn.textContent='📋 Cambiar guion';

  cerrarSelectorGuion();
}

function quitarGuionAdjunto(slot){
  delete _guionesAdjuntos[slot];
  const tagEl=document.getElementById(`guion_tag_${slot}`);
  if(tagEl){tagEl.style.display='none';tagEl.innerHTML='';}
  const btn=tagEl?.nextElementSibling;
  if(btn&&btn.classList.contains('btn-adjuntar-guion')) btn.textContent='📋 Adjuntar guion';
}

function getGuionDeSlot(slot){
  const id=_guionesAdjuntos[slot];
  if(!id) return null;
  return getGuiones().find(g=>g.id===id)||null;
}

// Close on backdrop click
document.getElementById('modalSelectorGuion')?.addEventListener('click',function(e){
  if(e.target===this) cerrarSelectorGuion();
});


document.addEventListener('DOMContentLoaded',applyStoredSidebarState);

/* ═══════════════════════════════════════════════════════
   PIXEL OS — SISTEMA DE AUTENTICACIÓN Y ROLES
   ═══════════════════════════════════════════════════════ */
// AUTH_KEY y SESSION_KEY definidos en bloque Supabase

// Definición de módulos y sus permisos por rol base
  const MODULOS={
    proveedores: {label:'Proveedores',             nav:'navProveedores', views:['proveedoresView']},
    generator:   {label:'📊 Generador de informes',   nav:'navGenerator',   views:['formWrap']},
    informes:    {label:'📋 Informes guardados',       nav:'navInformes',    views:['informesView']},
    library:     {label:'🗂️ Biblioteca de periodos',  nav:'navLibrary',     views:['libraryView']},
    clientes:    {label:'👤 Base de clientes',         nav:'navClientes',    views:['clientesView']},
    campanas:    {label:'📢 Generador de campañas',    nav:'navCampanas',    views:['campanasView']},
    guiones:     {label:'🎬 Generador de guiones IA',  nav:'navGuiones',     views:['guionesView']},
    copies:      {label:'✍️ Generador de copies',     nav:'navCopies',      views:['copiesView']},
    briefs:      {label:'🧭 Brief estratégico',        nav:'navBriefs',      views:['briefsView']},
    transcripciones:{label:'🎙️ Transcripción reuniones',nav:'navTranscripciones',views:['transcripcionesView']},
    repoguiones: {label:'📂 Repositorio de guiones',  nav:'navRepoGuiones', views:['repoguionesView']},
    tareas:      {label:'✅ Tareas PIXEL',             nav:'navTareas',      views:['tareasView']},
  reuniones:   {label:'🗓️ Reuniones',               nav:'navReuniones',   views:['reunionesView']},
  calendario:  {label:'📅 Calendario',              nav:'navCalendario',  views:['calendarioView']},
  solicitudes: {label:'📬 Solicitudes cliente',      nav:'navSolicitudes', views:['solicitudesView']},
  revision:    {label:'🎬 Revisión de videos',       nav:'navRevision',    views:['revisionView']},
  vista360:    {label:'🔭 Vista 360°',               nav:'nav360',         views:['vista360View']},
  aux:         {label:'🤖 AUX PIXEL',               nav:'navAux',         views:['auxView']},
  respaldo:    {label:'🔒 Respaldo',                nav:'navRespaldo',    views:['respaldoView']},
  usuarios:    {label:'👥 Gestión de usuarios',     nav:'navUsuarios',    views:['usuariosView']},
};

// Permisos por defecto para cada rol
const ROL_PERMISOS={
    admin:   Object.keys(MODULOS).reduce((o,k)=>{o[k]=true;return o;},{}),
    editor:  {generator:false,informes:false,library:false,clientes:false,campanas:false,guiones:false,copies:false,briefs:false,transcripciones:false,repoguiones:true,tareas:true,reuniones:false,calendario:false,solicitudes:false,revision:true,vista360:false,proveedores:false,aux:false,respaldo:false,usuarios:false},
    content: {generator:false,informes:false,library:false,clientes:false,campanas:true,guiones:true,copies:true,briefs:false,transcripciones:false,repoguiones:true,tareas:true,reuniones:false,calendario:false,solicitudes:false,revision:true,vista360:false,proveedores:true,aux:true,respaldo:false,usuarios:false},
    planner: {generator:false,informes:false,library:false,clientes:false,campanas:false,guiones:true,copies:false,briefs:true,transcripciones:true,repoguiones:true,tareas:true,reuniones:true,calendario:true,solicitudes:true,revision:true,vista360:true,proveedores:true,aux:true,respaldo:false,usuarios:false},
  };

function resolveUserPermisos(usuario){
  const rol=usuario?.rol||'editor';
  const base=((typeof ROL_PERMISOS!=='undefined'&&ROL_PERMISOS?.[rol])||(typeof ROL_PERMISOS_EARLY!=='undefined'&&ROL_PERMISOS_EARLY?.[rol])||{});
  return {...base,...(usuario?.permisos||{})};
}

const ROL_LABELS={admin:'Administrador',editor:'Editor',content:'Creative Content',planner:'Creative Planner'};
const ROL_COLORS={admin:'#F28C18',editor:'#6366f1',content:'#ec4899',planner:'#10b981'};

function getUsuarios(){try{return JSON.parse(localStorage.getItem(AUTH_KEY)||'[]');}catch(e){return[];}}
function setUsuarios(arr){
  localStorage.setItem(AUTH_KEY,JSON.stringify(arr));
  // Sync users to Supabase (no delete — keep all users)
  arr.forEach(u=>_sbUpsert('pixel_users',{id:u.id,nombre:u.nombre,usuario:u.usuario,pass:u.pass,rol:u.rol,permisos:u.permisos,activo:u.activo!==false,updated_at:new Date().toISOString()}).catch(()=>{}));
}
function setSesion(u){sessionStorage.setItem(SESSION_KEY,JSON.stringify(u));}
function clearSesion(){sessionStorage.removeItem(SESSION_KEY);}

function initAuth(){
  // Create default admin (Nay) if no users exist
  const users=getUsuarios();
  if(!users.length){
    setUsuarios([{
      id:'u_admin_nay',
      nombre:'Nay',
      usuario:'nay',
      pass:'pixel2024',
      rol:'admin',
      permisos:ROL_PERMISOS.admin,
      createdAt:new Date().toISOString()
    }]);
  }
  const sesion=getSesion();
  if(sesion){
    aplicarSesion(sesion);
  } else {
    mostrarLogin();
  }
}

function mostrarLogin(){
  document.getElementById('loginScreen').style.display='flex';
  document.querySelector('.app-nav').style.display='none';
  // Hide all views
  document.querySelectorAll('#formWrap,#libraryView,#informesView,#clientesView,#proveedoresView,#auxView,#respaldoView,#campanasView,#guionesView,#copiesView,#briefsView,#transcripcionesView,#repoguionesView,#reunionesView,#tareasView,#calendarioView,#solicitudesView,#vista360View,#usuariosView,#perfilView,#rptWrap').forEach(el=>{if(el)el.style.display='none';});
}

function hacerLogin(){
  const userInput=(document.getElementById('loginUser').value||'').trim().toLowerCase();
  const passInput=(document.getElementById('loginPass').value||'').trim();
  const errEl=document.getElementById('loginError');
  const btn=document.getElementById('loginBtn');

  if(!userInput||!passInput){
    errEl.textContent='Completa usuario y contraseña.';errEl.style.display='block';return;
  }
  const users=getUsuarios();
  const found=users.find(u=>
    (u.usuario?.toLowerCase()===userInput || u.usuario?.toLowerCase()===userInput) &&
    u.pass===passInput && u.activo!==false
  );
  if(!found){
    errEl.textContent='Usuario o contraseña incorrectos.';errEl.style.display='block';
    document.getElementById('loginPass').value='';
    return;
  }
  errEl.style.display='none';
  btn.textContent='Ingresando...';btn.disabled=true;
  setTimeout(()=>{
    btn.textContent='Ingresar →';btn.disabled=false;
    setSesion(found);
    aplicarSesion(found);
  },400);
}

function toggleLoginPass(){
  const inp=document.getElementById('loginPass');
  inp.type=inp.type==='password'?'text':'password';
}

function aplicarSesion(usuario){
  document.getElementById('loginScreen').style.display='none';
  document.querySelector('.app-nav').style.display='flex';

  // Update nav user info
  const initials=usuario.nombre?.slice(0,2).toUpperCase()||'?';
  const color=ROL_COLORS[usuario.rol]||'#F28C18';
  document.getElementById('nav_user_avatar').textContent=initials;
  document.getElementById('nav_user_avatar').style.background=color;
  document.getElementById('nav_user_name').textContent=usuario.nombre;
  document.getElementById('nav_user_rol').textContent=ROL_LABELS[usuario.rol]||usuario.rol;

  // Update mobile topbar
  const mtbName=document.getElementById('mtb_user_name');
  const mtbAvatar=document.getElementById('mtb_avatar');
  if(mtbName) mtbName.textContent=usuario.nombre;
  if(mtbAvatar){mtbAvatar.textContent=initials;mtbAvatar.style.background=color;}

  // Apply permissions — show/hide nav buttons
  const permisos=resolveUserPermisos(usuario);
  Object.entries(MODULOS).forEach(([key,mod])=>{
    const navEl=document.getElementById(mod.nav);
    if(navEl){
      navEl.style.display=permisos[key]?'':'none';
    }
  });

  // Close mobile sidebar when a nav item is clicked
  document.querySelectorAll('.app-nav button').forEach(btn=>{
    btn.addEventListener('click',()=>{
      if(window.innerWidth<=768){
        document.querySelector('.app-nav')?.classList.remove('mobile-open');
        document.getElementById('sidebarOverlay')?.classList.remove('active');
      }
    },{passive:true});
  });

  // For editor: filter tareas to only theirs
  window._pixelCurrentUser=usuario;

  // Go to first allowed view
    const firstAllowed=Object.entries(MODULOS).find(([key,mod])=>permisos[key]&&key!=='usuarios');
    if(firstAllowed){
      const preferredOrder=['generator','informes','library','clientes','campanas','guiones','copies','briefs','transcripciones','repoguiones','tareas','reuniones','calendario','solicitudes','vista360','proveedores','aux','respaldo'];
      const firstKey=preferredOrder.find(key=>permisos[key]&&key!=='usuarios')||firstAllowed[0];
      const viewMap={generator:'generator',informes:'informes',library:'library',clientes:'clientes',campanas:'campanas',guiones:'guiones',copies:'copies',briefs:'briefs',transcripciones:'transcripciones',repoguiones:'repoguiones',tareas:'tareas',reuniones:'reuniones',calendario:'calendario',solicitudes:'solicitudes',vista360:'vista360',proveedores:'proveedores',aux:'aux',respaldo:'respaldo'};
      showAppView(viewMap[firstKey]||'generator');
    }
  }

function cerrarSesion(){
  clearSesion();
  window._pixelCurrentUser=null;
  document.getElementById('loginUser').value='';
  document.getElementById('loginPass').value='';
  document.getElementById('loginError').style.display='none';
  mostrarLogin();
}

/* ── GESTIÓN DE USUARIOS ─────────────────── */
function renderUsuarios(){
  const users=getUsuarios();
  const lista=document.getElementById('usr_lista');
  if(!lista) return;
  if(!users.length){lista.innerHTML='<div style="text-align:center;padding:40px;color:#aaa">Sin usuarios. Crea el primero.</div>';return;}
  lista.innerHTML=users.map(u=>{
    const color=ROL_COLORS[u.rol]||'#aaa';
    const rolLabel=ROL_LABELS[u.rol]||u.rol;
    const mergedPermisos=resolveUserPermisos(u);
    const modCount=Object.values(mergedPermisos).filter(Boolean).length;
    return `<div class="usr-card">
      <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap">
        <div style="width:42px;height:42px;border-radius:50%;background:${color};display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:white;flex-shrink:0">${u.nombre?.slice(0,2).toUpperCase()||'?'}</div>
        <div style="flex:1;min-width:0">
          <div style="font-size:13px;font-weight:700;color:#1a1a2e">${u.nombre}</div>
          <div style="font-size:11px;color:#888;margin-top:1px">@${u.usuario} · <span style="color:${color};font-weight:600">${rolLabel}</span> · ${modCount} módulos activos</div>
        </div>
        <div style="display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap">
          <span style="font-size:10px;padding:3px 10px;border-radius:8px;font-weight:600;background:${u.activo===false?'#fee2e2':'#dcfce7'};color:${u.activo===false?'#b91c1c':'#166534'}">${u.activo===false?'Inactivo':'Activo'}</span>
          <button onclick="toggleActivoUsuario('${u.id}')" style="font-size:11px;padding:5px 10px;border:0.5px solid #ddd;border-radius:7px;background:white;cursor:pointer;color:#555">${u.activo===false?'Activar':'Desactivar'}</button>
          <button onclick="abrirModalUsuario('${u.id}')" style="font-size:11px;padding:5px 10px;border:0.5px solid #F28C18;border-radius:7px;background:#FFF8F0;color:#D97706;cursor:pointer">✏️ Editar</button>
          <button onclick="eliminarUsuario('${u.id}')" style="font-size:11px;padding:5px 10px;border:none;border-radius:7px;background:#fee2e2;color:#dc2626;cursor:pointer">🗑</button>
        </div>
      </div>
      
      <div style="margin-top:12px;display:flex;flex-wrap:wrap;gap:5px">
        ${Object.entries(MODULOS).map(([key,mod])=>{
          const on=mergedPermisos[key];
          return `<span onclick="togglePermisoRapido('${u.id}','${key}')" style="font-size:10px;padding:3px 9px;border-radius:7px;cursor:pointer;font-weight:500;background:${on?'#FFF1DF':'#f3f4f6'};color:${on?'#D97706':'#aaa'};border:0.5px solid ${on?'#F28C18':'#ddd'};user-select:none" title="Clic para activar/desactivar">${mod.label}</span>`;
        }).join('')}
      </div>
    </div>`;
  }).join('');
}

function togglePermisoRapido(userId,modKey){
  const users=getUsuarios();
  const u=users.find(u=>u.id===userId);
  if(!u) return;
  if(!u.permisos) u.permisos={};
  u.permisos[modKey]=!u.permisos[modKey];
  setUsuarios(users);
  // If editing own session, update it
  const sesion=getSesion();
  if(sesion?.id===userId){setSesion({...sesion,permisos:u.permisos});}
  renderUsuarios();
}

function toggleActivoUsuario(userId){
  const users=getUsuarios();
  const u=users.find(u=>u.id===userId);
  if(!u) return;
  u.activo=u.activo===false?true:false;
  setUsuarios(users);
  renderUsuarios();
}

function eliminarUsuario(userId){
  if(!confirm('¿Eliminar este usuario?')) return;
  setUsuarios(getUsuarios().filter(u=>u.id!==userId));
  renderUsuarios();
}

/* ── MODAL USUARIO ─────────────────────── */
function abrirModalUsuario(id=''){
  const u=id?getUsuarios().find(u=>u.id===id):null;
  document.getElementById('mu_id').value=id;
  document.getElementById('mu_titulo').textContent=id?`Editar — ${u?.nombre||''}` :'Nuevo usuario';
  document.getElementById('mu_nombre').value=u?.nombre||'';
  document.getElementById('mu_usuario').value=u?.usuario||'';
  document.getElementById('mu_pass').value=u?.pass||'';
  document.getElementById('mu_rol').value=u?.rol||'editor';
  // Build permisos
  const permisos=u?resolveUserPermisos(u):(ROL_PERMISOS[u?.rol||'editor']||{});
  renderPermisosModal(permisos);
  document.getElementById('modalUsuario').style.display='block';
}

function renderPermisosModal(permisos){
  const wrap=document.getElementById('mu_permisos');
  if(!wrap) return;
  wrap.innerHTML=Object.entries(MODULOS).map(([key,mod])=>`
    <div class="perm-row">
      <span>${mod.label}</span>
      <label class="perm-switch">
        <input type="checkbox" data-modulo="${key}" ${permisos[key]?'checked':''}/>
        <span class="perm-slider"></span>
      </label>
    </div>`).join('');
}

function actualizarPermisosDeRol(){
  const rol=document.getElementById('mu_rol').value;
  renderPermisosModal(ROL_PERMISOS[rol]||{});
}

function cerrarModalUsuario(){document.getElementById('modalUsuario').style.display='none';}

function guardarUsuario(){
  const id=document.getElementById('mu_id').value||('u_'+Date.now());
  const nombre=document.getElementById('mu_nombre').value.trim();
  const usuario=document.getElementById('mu_usuario').value.trim().toLowerCase();
  const pass=document.getElementById('mu_pass').value.trim();
  const rol=document.getElementById('mu_rol').value;

  if(!nombre||!usuario||!pass){alert('Nombre, usuario y contraseña son obligatorios.');return;}

  // Check duplicate username
  const existing=getUsuarios();
  const dup=existing.find(u=>u.usuario===usuario&&u.id!==id);
  if(dup){alert('Ese usuario ya existe. Elige otro.');return;}

  // Read permisos from switches
  const permisos={};
  document.querySelectorAll('#mu_permisos input[type=checkbox]').forEach(cb=>{
    permisos[cb.dataset.modulo]=cb.checked;
  });

  const u={
    id, nombre, usuario, pass, rol, permisos,
    activo:existing.find(u=>u.id===id)?.activo!==false,
    createdAt:existing.find(u=>u.id===id)?.createdAt||new Date().toISOString(),
    updatedAt:new Date().toISOString()
  };
  const idx=existing.findIndex(u=>u.id===id);
  if(idx>=0) existing[idx]=u; else existing.push(u);
  setUsuarios(existing);

  // Update session if editing self
  const sesion=getSesion();
  if(sesion?.id===id) setSesion(u);

  cerrarModalUsuario();
  renderUsuarios();
}

/* ── PERFIL PERSONAL ─────────────────── */
function renderPerfil(){
  const sesion=getSesion();
  if(!sesion) return;
  const color=ROL_COLORS[sesion.rol]||'#F28C18';
  const initials=sesion.nombre?.slice(0,2).toUpperCase()||'?';
  document.getElementById('perfil_avatar').textContent=initials;
  document.getElementById('perfil_avatar').style.background=color;
  document.getElementById('perfil_nombre').textContent=sesion.nombre;
  document.getElementById('perfil_rol_badge').innerHTML=`<span style="background:${color}33;color:${color};padding:3px 12px;border-radius:10px;font-size:11px;font-weight:600">${ROL_LABELS[sesion.rol]||sesion.rol}</span>`;
  // Clear fields
  ['perfil_pass_actual','perfil_pass_nueva','perfil_pass_conf'].forEach(id=>{const el=document.getElementById(id);if(el)el.value='';});
  document.getElementById('perfil_pass_msg').style.display='none';
}

function cambiarContraseniaPerfil(){
  const sesion=getSesion();if(!sesion) return;
  const actual=document.getElementById('perfil_pass_actual').value;
  const nueva=document.getElementById('perfil_pass_nueva').value;
  const conf=document.getElementById('perfil_pass_conf').value;
  const msg=document.getElementById('perfil_pass_msg');

  if(actual!==sesion.pass){msg.textContent='La contraseña actual no es correcta.';msg.style.cssText='display:block;background:#fee2e2;color:#b91c1c;padding:7px 10px;border-radius:7px;font-size:11px';return;}
  if(nueva.length<4){msg.textContent='La nueva contraseña debe tener al menos 4 caracteres.';msg.style.cssText='display:block;background:#fee2e2;color:#b91c1c;padding:7px 10px;border-radius:7px;font-size:11px';return;}
  if(nueva!==conf){msg.textContent='Las contraseñas no coinciden.';msg.style.cssText='display:block;background:#fee2e2;color:#b91c1c;padding:7px 10px;border-radius:7px;font-size:11px';return;}

  const users=getUsuarios();
  const u=users.find(u=>u.id===sesion.id);
  if(!u) return;
  u.pass=nueva;
  setUsuarios(users);
  setSesion({...sesion,pass:nueva});
  msg.textContent='✓ Contraseña actualizada correctamente.';
  msg.style.cssText='display:block;background:#dcfce7;color:#166534;padding:7px 10px;border-radius:7px;font-size:11px';
  ['perfil_pass_actual','perfil_pass_nueva','perfil_pass_conf'].forEach(id=>{const el=document.getElementById(id);if(el)el.value='';});
}

// No patch needed - permissions checked inside showAppView directly

// Close modal on backdrop
document.getElementById('modalUsuario')?.addEventListener('click',function(e){if(e.target===this)cerrarModalUsuario();});

// Init on load
// initApp() en el bloque Supabase maneja la carga y el auth


/* ══════════════════════════════════════════════════════════════
   MÓDULO REVISIÓN DE VIDEOS
   ══════════════════════════════════════════════════════════════ */
let _revisionDraft = { aprobacion: '' };

function initRevisionVideos(){
  poblarFiltrosRevision();
  renderRevisionVideos();
}

function poblarFiltrosRevision(){
  const clientes = typeof getClientes === 'function' ? getClientes() : [];
  const sel = document.getElementById('rev_f_cliente');
  if(sel){
    const cur = sel.value;
    sel.innerHTML = '<option value="">Todos los clientes</option>' +
      clientes.map(c => `<option value="${c.nombre}">${c.nombre}</option>`).join('');
    if(cur) sel.value = cur;
  }
}

function getRevisionTareas(){
  const tareas = typeof getTareas === 'function' ? getTareas() : [];
  // Solo tareas de edición con al menos un entregable
  return tareas.filter(t => t.accion === 'Editar' && (t.entregables||[]).some(l=>l));
}

function renderRevisionVideos(){
  poblarFiltrosRevision();
  const fCliente = document.getElementById('rev_f_cliente')?.value || '';
  const fEstado  = document.getElementById('rev_f_estado')?.value || '';

  let tareas = getRevisionTareas();
  if(fCliente) tareas = tareas.filter(t => t.cliente === fCliente);
  if(fEstado === 'pendiente')    tareas = tareas.filter(t => !t.aprobacion || t.aprobacion === '');
  if(fEstado === 'aprobado')     tareas = tareas.filter(t => t.aprobacion === 'aprobado');
  if(fEstado === 'correcciones') tareas = tareas.filter(t => t.aprobacion === 'correcciones');

  const all = getRevisionTareas();
  const pendientes   = all.filter(t => !t.aprobacion || t.aprobacion === '').length;
  const aprobados    = all.filter(t => t.aprobacion === 'aprobado').length;
  const correcciones = all.filter(t => t.aprobacion === 'correcciones').length;

  const kpis = document.getElementById('rev_kpis');
  if(kpis) kpis.innerHTML = [
    {val:all.length,     label:'Total',          bg:'white',       c:'#1a1a2e'},
    {val:pendientes,     label:'Pendientes',      bg:'#fffbeb',     c:'#d97706'},
    {val:aprobados,      label:'Aprobados',       bg:'#f0fdf4',     c:'#16a34a'},
    {val:correcciones,   label:'Con correcciones',bg:'#fef2f2',     c:'#dc2626'},
    {val:tareas.length,  label:'Mostrando',       bg:'#f8fafc',     c:'#475569'},
  ].map(k=>`<div style="background:${k.bg};border:0.5px solid #ebebeb;border-radius:11px;padding:12px 16px;text-align:center">
    <div style="font-size:22px;font-weight:800;color:${k.c}">${k.val}</div>
    <div style="font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-top:4px">${k.label}</div>
  </div>`).join('');

  const lista = document.getElementById('rev_lista');
  if(!lista) return;

  if(!tareas.length){
    lista.innerHTML = `<div style="grid-column:1/-1;background:white;border-radius:14px;padding:48px;text-align:center">
      <div style="font-size:40px;margin-bottom:12px">🎬</div>
      <div style="font-size:14px;font-weight:600;color:#0f172a;margin-bottom:6px">No hay videos para revisar</div>
      <div style="font-size:12px;color:#94a3b8">Cuando un editor marque una tarea de edición como lista y suba el link, aparecerá aquí.</div>
    </div>`;
    return;
  }

  const aprobMeta = {
    aprobado:     {bg:'#f0fdf4',c:'#16a34a',icon:'✅',label:'Aprobado'},
    correcciones: {bg:'#fef2f2',c:'#dc2626',icon:'🔁',label:'Correcciones'},
    '':           {bg:'#fffbeb',c:'#d97706',icon:'⏳',label:'Pendiente revisión'},
  };

  lista.innerHTML = tareas.map(t => {
    const meta  = aprobMeta[t.aprobacion||''];
    const links = (t.entregables||[]).filter(l=>l);
    const lastComment = (t.comentarios||[]).filter(c=>c.kind==='revision'||c.kind==='aprobacion').slice(-1)[0];
    return `<div class="rev-card" onclick="abrirModalRevision('${t.id}')">
      <div style="padding:16px 16px 0">
        <div style="display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px">
          <div style="font-size:13px;font-weight:700;color:#0f172a;line-height:1.4;flex:1">${t.nombre||'Sin nombre'}</div>
          <span class="rev-badge" style="background:${meta.bg};color:${meta.c};flex-shrink:0">${meta.icon} ${meta.label}</span>
        </div>
        <div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px">
          ${t.cliente?`<span style="font-size:10px;background:#f1f5f9;color:#475569;padding:2px 8px;border-radius:6px">${t.cliente}</span>`:''}
          ${t.responsable?`<span style="font-size:10px;background:#ede9fe;color:#7c3aed;padding:2px 8px;border-radius:6px">✏️ ${t.responsable}</span>`:''}
          ${t.fecha_limite?`<span style="font-size:10px;background:#f0f2f5;color:#64748b;padding:2px 8px;border-radius:6px">📅 ${t.fecha_limite?.slice(0,10)||''}</span>`:''}
        </div>
        ${lastComment?`<div style="background:#f8fafc;border-radius:10px;padding:8px 10px;font-size:11px;color:#475569;line-height:1.5;margin-bottom:12px">
          <strong style="color:#0f172a">${lastComment.actor}:</strong> ${lastComment.text.slice(0,120)}${lastComment.text.length>120?'…':''}</div>`:''}
      </div>
      <div style="padding:10px 16px 14px;border-top:0.5px solid #f1f5f9;display:flex;gap:8px;flex-wrap:wrap;align-items:center">
        ${links.map((l,i)=>`<a href="${l}" target="_blank" rel="noopener" onclick="event.stopPropagation()" style="font-size:11px;background:#ede9fe;color:#7c3aed;padding:5px 10px;border-radius:7px;font-weight:600;text-decoration:none">🔗 Ver video${links.length>1?' '+(i+1):''}</a>`).join('')}
        <span style="margin-left:auto;font-size:11px;color:#94a3b8">${(t.comentarios||[]).filter(c=>c.kind==='revision'||c.kind==='aprobacion').length} revisión(es)</span>
      </div>
    </div>`;
  }).join('');
}

function abrirModalRevision(id){
  const tareas = typeof getTareas === 'function' ? getTareas() : [];
  const t = tareas.find(x => x.id === id);
  if(!t) return;

  _revisionDraft = { id, aprobacion: t.aprobacion || '' };

  document.getElementById('rev_modal_id').value  = id;
  document.getElementById('rev_modal_nombre').textContent  = t.nombre || 'Sin nombre';
  document.getElementById('rev_modal_cliente').textContent = t.cliente || '';
  document.getElementById('rev_comentario').value = '';

  // Links
  const links = (t.entregables||[]).filter(l=>l);
  document.getElementById('rev_modal_links').innerHTML = links.length
    ? `<div style="display:flex;flex-direction:column;gap:8px">${links.map((l,i)=>`
        <a href="${l}" target="_blank" rel="noopener" style="display:flex;align-items:center;gap:8px;background:#f5f3ff;border:0.5px solid #ddd6fe;border-radius:10px;padding:10px 14px;text-decoration:none;color:#7c3aed;font-size:12px;font-weight:600">
          <span style="font-size:18px">🎬</span> Ver video${links.length>1?' '+(i+1):''}
          <span style="margin-left:auto;font-size:10px;color:#a78bfa">${l.slice(0,45)}${l.length>45?'…':''}</span>
        </a>`).join('')}</div>`
    : '<div style="font-size:12px;color:#94a3b8">Sin links de entregable.</div>';

  // Actualizar botones de aprobación
  actualizarBotonesRevision(t.aprobacion||'');

  // Historial de revisiones
  const revComments = (t.comentarios||[]).filter(c=>c.kind==='revision'||c.kind==='aprobacion').reverse();
  document.getElementById('rev_historial').innerHTML = revComments.length
    ? `<div style="font-size:11px;font-weight:700;color:#0f172a;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px">Historial de revisiones</div>
       <div style="display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto">
         ${revComments.map(c=>`<div style="background:#f8fafc;border-radius:10px;padding:10px 12px;border-left:3px solid ${c.kind==='aprobacion'&&(c.aprobacion==='aprobado')?'#16a34a':c.kind==='aprobacion'&&(c.aprobacion==='correcciones')?'#d97706':'#94a3b8'}">
           <div style="display:flex;justify-content:space-between;margin-bottom:4px">
             <span style="font-size:11px;font-weight:700;color:#0f172a">${c.actor||'—'}</span>
             <span style="font-size:10px;color:#94a3b8">${c.at?new Date(c.at).toLocaleDateString('es-CO',{day:'2-digit',month:'short',hour:'2-digit',minute:'2-digit'}):''}</span>
           </div>
           <div style="font-size:12px;color:#334155;line-height:1.5">${c.text||''}</div>
         </div>`).join('')}
       </div>` : '';

  document.getElementById('modalRevision').style.display = 'block';
}

function actualizarBotonesRevision(estado){
  _revisionDraft.aprobacion = estado;
  const btnAp = document.getElementById('rev_btn_aprobar');
  const btnCo = document.getElementById('rev_btn_correcciones');
  if(btnAp) btnAp.style.cssText = `flex:1;padding:11px 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:2px solid #16a34a;transition:all .15s;${estado==='aprobado'?'background:#16a34a;color:white':'background:white;color:#16a34a'}`;
  if(btnCo) btnCo.style.cssText = `flex:1;padding:11px 16px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;border:2px solid #d97706;transition:all .15s;${estado==='correcciones'?'background:#d97706;color:white':'background:white;color:#d97706'}`;
}

function setRevisionAprobacion(estado){
  actualizarBotonesRevision(estado);
}

function cerrarModalRevision(){
  document.getElementById('modalRevision').style.display = 'none';
  _revisionDraft = { aprobacion: '' };
}

function guardarRevision(){
  const id = document.getElementById('rev_modal_id').value;
  const comentarioTexto = (document.getElementById('rev_comentario')?.value||'').trim();
  const aprobacion = _revisionDraft.aprobacion || '';

  if(!aprobacion && !comentarioTexto){
    alert('Selecciona una decisión (Aprobar o Correcciones) o escribe un comentario antes de guardar.');
    return;
  }

  const sesion = typeof getSesion === 'function' ? getSesion() : null;
  const actor  = sesion?.nombre || 'Revisor';

  const tareas = typeof getTareas === 'function' ? getTareas() : [];
  const idx = tareas.findIndex(t => t.id === id);
  if(idx < 0){ alert('Tarea no encontrada.'); return; }

  const tarea = {...tareas[idx]};
  if(!Array.isArray(tarea.comentarios)) tarea.comentarios = [];

  // Agregar comentario de revisión
  if(comentarioTexto || aprobacion){
    const label = aprobacion === 'aprobado' ? '✅ Aprobado' : aprobacion === 'correcciones' ? '🔁 Correcciones' : '💬 Comentario';
    tarea.comentarios.push({
      id: 'rev_' + Date.now() + '_' + Math.random().toString(36).slice(2,6),
      text: (aprobacion ? label + (comentarioTexto?': '+comentarioTexto:'') : comentarioTexto),
      actor,
      actorRole: sesion?.rol || 'content',
      kind: aprobacion ? 'aprobacion' : 'revision',
      aprobacion,
      at: new Date().toISOString()
    });
  }

  if(aprobacion) tarea.aprobacion = aprobacion;
  tarea.updatedAt = new Date().toISOString();

  tareas[idx] = tarea;
  if(typeof saveTaskCollection === 'function'){
    saveTaskCollection(tareas);
  } else if(typeof setTareas === 'function'){
    setTareas(tareas);
  }

  cerrarModalRevision();
  renderRevisionVideos();

  // Notificación visual
  const toast = document.createElement('div');
  toast.textContent = aprobacion === 'aprobado' ? '✅ Video aprobado' : aprobacion === 'correcciones' ? '🔁 Correcciones enviadas' : '💬 Comentario guardado';
  toast.style.cssText = 'position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#1a1a2e;color:white;padding:11px 22px;border-radius:10px;font-size:13px;font-weight:600;z-index:9999;box-shadow:0 4px 20px rgba(0,0,0,.3)';
  document.body.appendChild(toast);
  setTimeout(()=>toast.remove(), 2800);
}


Requests	IP Address	Location	AS Autonomous System
6	104.16.174.226	United States	AS54113
3	172.66.47.199	United States	AS13335Cloudflare, Inc.
3	172.64.149.246	United States	AS13335Cloudflare, Inc.
3	104.17.24.14	United States	AS13335Cloudflare, Inc.
15	4	-	-

Security Scan Report: pixel-os.pages.dev

Summary

AI Security Verdict

Low Risk

Risk Factors

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies3

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History