'+esc(e.title)+''+esc(projectByCode(e.project_code)?.client||e.project_code)+' · '+esc(nextAction(e))+'

'+esc(fmt(e.status))+'

').join(''):'

Nada urgente por ahora.

';\n const flow=entities().filter(e=>e.entity_type==='FLOW_PACKAGE'&&!['PUBLICADO'].includes(e.status));\n $('flowMini').innerHTML=flow.length?flow.slice(0,5).map(e=>'

'+esc(e.title)+''+esc(fmt(e.status))+'

').join(''):'

No hay paquetes pendientes para Flow.

';\n const ups=center?.updates||[];\n $('recentActivity').innerHTML=ups.length?ups.slice(0,12).map(u=>'

'+esc(u.instruction||u.command)+''+esc(u.project_code||u.client||'SISTEMA')+' · '+new Date(u.created_at).toLocaleString()+'

').join(''):'

Sin actividad.

';\n}\n\nfunction renderProjects(){\n const ps=center?.projects||[];\n $('projectSelector').innerHTML=ps.map(p=>projectCard(p)).join('');\n bindProjectCards();\n const p=active();\n if(!p){$('activeProjectCard').innerHTML='

Sin proyecto activo.

';return}\n $('activeProjectCard').innerHTML='

PROYECTO ACTIVO

'+iconFor(p)+' '+esc(p.client)+'

'+esc(p.status)+'

NOMBRE

'+esc(p.name)+'

BRIEF

'+esc(p.brief||'Sin brief')+'

';\n $('goProduction').onclick=()=>setScreen('production');\n const list=projEntities(p.code).filter(e=>e.entity_type!=='FLOW_PACKAGE');\n $('entityCount').textContent=list.length;\n $('projectEntities').innerHTML=list.length?list.map(e=>'

'+esc(e.title)+'

'+esc(e.entity_type)+' · '+esc(e.stage||'')+'

'+esc(fmt(e.status))+'

'+esc(nextAction(e))+'

').join(''):'

Sin elementos.

';\n}\n\nfunction renderProduction(){\n const p=active(),kind=projectKind(p);\n $('productionProject').textContent=p?iconFor(p)+' '+p.client:'Sin proyecto activo';\n const hints={CRM:'CRM simple: verifica, contacta, da seguimiento y cierra.',KDP:'Producción editorial: contenido, diseño, PDF, validación KDP y publicación.',SOCIAL:'Contenido social: diseño, revisión, aprobación y publicación.',VIDEO:'Producción audiovisual: imágenes, paquete Flow, video, revisión y TikTok.'};\n $('productionHint').textContent=hints[kind]||hints.VIDEO;\n const allowFlow=kind==='VIDEO';\n $('tabOperator').classList.toggle('hidden',!allowFlow);\n if(!allowFlow&&productionMode==='operator') productionMode='work';\n $('tabWork').classList.toggle('active',productionMode==='work');\n $('tabOperator').classList.toggle('active',productionMode==='operator');\n $('workView').classList.toggle('hidden',productionMode!=='work');\n $('operatorView').classList.toggle('hidden',productionMode!=='operator');\n if(productionMode==='operator'){renderOperator();return}\n if(!p){$('productionList').innerHTML='

Sin proyecto activo.

';return}\n const pipe=kind==='CRM'?CRM_PIPE:kind==='KDP'?KDP_PIPE:kind==='SOCIAL'?SOCIAL_PIPE:CONTENT_PIPE;\n $('pipelineTitle').textContent=kind==='CRM'?'CRM ASTRA':kind==='KDP'?'Amazon KDP':kind==='SOCIAL'?'Moncada · Contenido Social':'Video / Flow';\n $('pipelineBar').innerHTML=pipe.map(s=>''+esc(fmt(s))+'').join('');\n let list=projEntities(p.code).filter(e=>kind==='CRM'?e.entity_type==='CRM_LEAD':kind==='KDP'?e.entity_type==='KDP_VOLUME':kind==='SOCIAL'?e.entity_type==='SOCIAL_PIECE':isWorkEntity(e));\n list.sort((a,b)=>(a.sort_order||0)-(b.sort_order||0));\n $('productionList').innerHTML=list.length?list.map(e=>workCard(e,kind)).join(''):'

Sin elementos de producción.

';\n bindWorkActions();\n}\n\nfunction workCard(e,kind){\n let actions='',icon='🎬';\n if(kind==='CRM'){\n icon='👤';\n if(e.status==='NUEVO') actions='';\n else if(['VERIFICADO','CALIFICADO','PRIORIZADO'].includes(e.status)) actions='';\n else if(e.status==='CONTACTADO') actions='';\n else if(e.status==='SEGUIMIENTO') actions='';\n }else if(kind==='KDP'){\n icon='📚';\n if(e.status==='IDEA') actions='';\n else if(e.status==='CONTENIDO') actions='';\n else if(e.status==='DISEÑO') actions='';\n else if(e.status==='PDF_LISTO') actions='';\n else if(e.status==='VALIDAR_KDP') actions='';\n else if(e.status==='LISTO_SUBIR') actions='';\n if(e.status!=='PUBLICADO') actions+='';\n }else if(kind==='SOCIAL'){\n icon='📣';\n if(e.status==='IDEA') actions='';\n else if(e.status==='DISEÑO') actions='';\n else if(e.status==='DISEÑO_LISTO') actions='';\n else if(e.status==='REVISION') actions='';\n else if(e.status==='CORREGIR') actions='';\n else if(e.status==='APROBADO') actions='';\n if(e.status!=='PUBLICADO') actions+='';\n }else{\n const pack=flowForSource(e.entity_key);\n if(['PENDIENTE','IDEA'].includes(e.status)) actions='';\n else if(e.status==='EN_PROCESO') actions='';\n else if(e.status==='IMAGENES_LISTAS') actions=(pack?'':'')+'';\n else if(['LISTO_PARA_FLOW','TOMADO_OPERADOR','EN_FLOW','RENDERIZANDO'].includes(e.status)) actions='';\n else if(['VIDEO_DEVUELTO','REVISION','CORREGIR'].includes(e.status)) actions=''+(pack?'':'');\n else if(e.status==='APROBADO') actions='';\n else if(e.status==='LISTO_TIKTOK') actions='';\n }\n const count=(e.assets||[]).length;\n return '

'+icon+'

'+esc(e.title)+''+esc(e.entity_type)+' · '+count+' archivo(s)

'+esc(fmt(e.status))+'

AHORA TOCA: '+esc(nextAction(e))+'

'+(actions?'

'+actions+'

':'')+assetRows(e.assets||[])+'

';\n}\n\nfunction bindWorkActions(){\n document.querySelectorAll('[data-estatus]').forEach(b=>b.onclick=async()=>{\n const [key,status]=b.dataset.estatus.split('|');\n try{\n await api('set_entity_status',{entity_key:key,status});\n const pack=flowForSource(key);\n if(pack&&['CORREGIR','APROBADO','LISTO_TIKTOK','PUBLICADO'].includes(status)){\n await api('set_entity_status',{entity_key:pack.entity_key,status});\n }\n await refreshAll(false);renderProduction();renderCenter();\n }catch(e){alert('Error: '+e.message)}\n });\n document.querySelectorAll('[data-flow-create]').forEach(b=>b.onclick=()=>createFlowPackage(b.dataset.flowCreate));\n document.querySelectorAll('[data-flow-open]').forEach(b=>b.onclick=()=>{if(!b.dataset.flowOpen)return;productionMode='operator';renderProduction();setTimeout(()=>document.querySelector('[data-package-material=\"'+b.dataset.flowOpen+'\"]')?.scrollIntoView({behavior:'smooth',block:'center'}),50)});\n document.querySelectorAll('[data-entity-upload]').forEach(b=>b.onclick=()=>{uploadTarget=b.dataset.entityUpload;$('entityFileInput').click()});\n}\n\nasync function createFlowPackage(sourceKey){\n const source=entities().find(e=>e.entity_key===sourceKey);\n const p=projectByCode(source?.project_code);\n if(!source||!p) return;\n const key=source.entity_key+'-FLOW';\n const existing=flowForSource(source.entity_key);\n if(existing){productionMode='operator';renderProduction();return}\n const packetData={\n source_entity_key:source.entity_key,\n source_title:source.title,\n project_code:p.code,\n project_name:p.name,\n client:p.client,\n source_data:source.data||{},\n prompts:source.data?.prompts||source.data?.prompt||[],\n segments:source.data?.segments||source.data?.texts||[],\n instructions:'Usar exactamente el material del paquete. Mantener continuidad visual. Subir el video final al terminar.',\n expected_output:'Video final',\n created_by:'GPT/VILAPP'\n };\n try{\n await api('upsert_entity',{entity_key:key,entity_type:'FLOW_PACKAGE',project_code:p.code,parent_key:source.entity_key,title:'Paquete Flow · '+source.title,status:'LISTO_PARA_FLOW',stage:'OPERADOR_FLOW',sort_order:Number(source.sort_order||0),data:packetData,assets:source.assets||[],refs:source.refs||[]});\n await api('set_entity_status',{entity_key:source.entity_key,status:'LISTO_PARA_FLOW'});\n await refreshAll(false);\n productionMode='operator';\n renderProduction();\n }catch(e){alert('Error: '+e.message)}\n}\n\nfunction renderOperator(){\n const packages=entities().filter(e=>e.entity_type==='FLOW_PACKAGE'&&e.status!=='PUBLICADO');\n $('operatorQueue').innerHTML=packages.length?packages.map(flowCard).join(''):'

No hay trabajos asignados al operador Flow.

';\n bindFlowActions();\n}\n\nfunction flowCard(e){\n const steps=FLOW_PIPE;\n const idx=steps.indexOf(e.status);\n const assets=e.assets||[];\n return '

🎬

'+esc(e.title)+''+esc(projectByCode(e.project_code)?.client||e.project_code)+' · '+assets.length+' archivo(s)

'+esc(fmt(e.status))+'

'+\n '

'+steps.map((s,i)=>''+esc(fmt(s))+'').join('')+'

'+\n '

'+\n assetRows(assets,true)+'

';\n}\n\nfunction bindFlowActions(){\n document.querySelectorAll('[data-flow-status]').forEach(b=>b.onclick=async()=>{\n const [key,status]=b.dataset.flowStatus.split('|');\n try{\n const pack=entities().find(e=>e.entity_key===key);\n await api('set_entity_status',{entity_key:key,status});\n if(pack?.parent_key&&['TOMADO_OPERADOR','EN_FLOW','RENDERIZANDO','CORREGIR'].includes(status)){\n await api('set_entity_status',{entity_key:pack.parent_key,status});\n }\n await refreshAll(false);renderOperator();renderCenter();\n }catch(e){alert('Error: '+e.message)}\n });\n document.querySelectorAll('[data-package-download]').forEach(b=>b.onclick=()=>downloadPackage(b.dataset.packageDownload));\n document.querySelectorAll('[data-package-material]').forEach(b=>b.onclick=()=>showPackageMaterial(b.dataset.packageMaterial));\n document.querySelectorAll('[data-flow-upload]').forEach(b=>b.onclick=()=>{flowUploadTarget=b.dataset.flowUpload;$('flowVideoInput').click()});\n document.querySelectorAll('[data-flow-return]').forEach(b=>b.onclick=()=>returnToGPT(b.dataset.flowReturn));\n}\n\nfunction downloadPackage(key){\n const e=entities().find(x=>x.entity_key===key); if(!e)return;\n const manifest={title:e.title,status:e.status,project:projectByCode(e.project_code),data:e.data,assets:e.assets||[],refs:e.refs||[]};\n const blob=new Blob([JSON.stringify(manifest,null,2)],{type:'application/json'});\n const url=URL.createObjectURL(blob),a=document.createElement('a');\n a.href=url;a.download=safeName(e.title)+'.json';document.body.appendChild(a);a.click();a.remove();URL.revokeObjectURL(url);\n (e.assets||[]).forEach((asset,i)=>{if(!asset.url)return;setTimeout(()=>{const x=document.createElement('a');x.href=asset.url;x.target='_blank';x.download=asset.name||('asset-'+i);document.body.appendChild(x);x.click();x.remove()},250*(i+1))});\n}\n\nfunction showPackageMaterial(key){\n const e=entities().find(x=>x.entity_key===key); if(!e)return;\n const src=e.data?.source_data||{};\n const prompts=Array.isArray(e.data?.prompts)?e.data.prompts:(e.data?.prompts?[e.data.prompts]:[]);\n const segs=Array.isArray(e.data?.segments)?e.data.segments:(e.data?.segments?[e.data.segments]:[]);\n let msg=e.title+'\\n\\nSEGMENTOS:\\n'+(segs.length?segs.map((x,i)=>(i+1)+'. '+(typeof x==='string'?x:JSON.stringify(x))).join('\\n'):'No registrados')+'\\n\\nPROMPTS:\\n'+(prompts.length?prompts.map((x,i)=>(i+1)+'. '+(typeof x==='string'?x:JSON.stringify(x))).join('\\n'):'No registrados')+'\\n\\nDATOS:\\n'+JSON.stringify(src,null,2);\n alert(msg.slice(0,12000));\n}\n\nasync function returnToGPT(key){\n const e=entities().find(x=>x.entity_key===key); if(!e)return;\n const hasVideo=(e.assets||[]).some(a=>a.kind==='VIDEO_FINAL_FLOW');\n if(!hasVideo){alert('Primero debes subir el video final de Google Flow.');return}\n try{\n await api('set_entity_status',{entity_key:key,status:'VIDEO_DEVUELTO'});\n if(e.parent_key) await api('set_entity_status',{entity_key:e.parent_key,status:'VIDEO_DEVUELTO'});\n await refreshAll(false);renderOperator();renderCenter();\n }catch(err){alert('Error: '+err.message)}\n}\n\nfunction safeName(s){return String(s||'archivo').normalize('NFD').replace(/[\\u0300-\\u036f]/g,'').replace(/[^a-zA-Z0-9._-]+/g,'-').replace(/-+/g,'-').slice(0,90)}\nasync function uploadStorage(file,projectCode,entityKey){\n const path=[projectCode||'GENERAL',entityKey||'PROJECT',Date.now()+'-'+safeName(file.name)].map(encodeURIComponent).join('/');\n const r=await fetch(SUPA+'/storage/v1/object/vilcorp-files/'+path,{method:'POST',headers:{apikey:PUB,Authorization:'Bearer '+PUB,'content-type':file.type||'application/octet-stream','x-upsert':'false'},body:file});\n if(!r.ok){const t=await r.text();throw new Error('No se pudo subir el archivo: '+t.slice(0,250))}\n return SUPA+'/storage/v1/object/public/vilcorp-files/'+path;\n}\n\nfunction assetRows(list,flow=false){\n if(!list?.length)return '';\n return '

'+list.map(a=>'

'+esc(a.name||'Archivo')+''+esc(a.kind||a.module||'ARCHIVO')+'

'+(a.url?'ABRIR BAJAR':'')+'

').join('')+'

';\n}\n\nasync function handleEntityUpload(file,key){\n const e=entities().find(x=>x.entity_key===key);if(!e)return;\n const url=await uploadStorage(file,e.project_code,key);\n await api('add_entity_asset',{entity_key:key,name:file.name,kind:file.type.startsWith('image/')?'IMAGEN':file.type.startsWith('video/')?'VIDEO':'ARCHIVO',url,status:'LISTO'});\n}\n\nasync function handleFlowVideo(file,key){\n const e=entities().find(x=>x.entity_key===key);if(!e)return;\n const url=await uploadStorage(file,e.project_code,key);\n await api('add_entity_asset',{entity_key:key,name:file.name,kind:'VIDEO_FINAL_FLOW',url,status:'LISTO',entity_status:'VIDEO_DEVUELTO',meta:{source:'Google Flow'}});\n if(e.parent_key){\n await api('add_entity_asset',{entity_key:e.parent_key,name:file.name,kind:'VIDEO_FINAL_FLOW',url,status:'LISTO',entity_status:'VIDEO_DEVUELTO',meta:{source:'Google Flow',flow_package:key}});\n }\n}\n\nfunction renderFiles(){\n const p=active();$('filesProject').textContent=p?iconFor(p)+' '+p.client:'Sin proyecto activo';\n if(!p){$('filesList').innerHTML='

Sin proyecto activo.

';return}\n const projectAssets=(p.assets||[]).map(a=>({...a,owner:p.name,ownerType:'PROYECTO'}));\n const entityAssets=projEntities(p.code).flatMap(e=>(e.assets||[]).map(a=>({...a,owner:e.title,ownerType:e.entity_type})));\n const all=[...projectAssets,...entityAssets];\n const seen=new Set();const unique=all.filter(a=>{const k=a.url||((a.owner||'')+'|'+(a.name||''));if(seen.has(k))return false;seen.add(k);return true});\n $('filesList').innerHTML=unique.length?unique.map(a=>'

'+esc(a.name||'Archivo')+''+esc(a.owner)+' · '+esc(a.kind||'ARCHIVO')+'

'+(a.url?'ABRIR BAJAR':'')+'

').join(''):'

Todavía no hay archivos con enlace.

';\n}\n\nfunction renderBrain(){\n const p=active();$('brainProject').textContent=p?'● '+p.client+' · '+p.name:'Sin proyecto activo';\n document.querySelectorAll('[data-mode]').forEach(b=>b.classList.toggle('active',b.dataset.mode===brainMode));\n const draft=localStorage.getItem('vil_brain_simple')||'';\n if(!$('brainInput').value&&draft)$('brainInput').value=draft;\n $('brainChars').textContent=$('brainInput').value.length+' caracteres';\n}\n\nfunction renderAll(){renderCenter();if(screen==='projects')renderProjects();if(screen==='production')renderProduction();if(screen==='files')renderFiles();if(screen==='brain')renderBrain()}\n\ndocument.querySelectorAll('[data-screen]').forEach(b=>b.onclick=()=>setScreen(b.dataset.screen));\n$('syncTop').onclick=async()=>{try{await refreshAll(true);renderAll()}catch(e){alert('Error: '+e.message)}};\n$('refreshCenter').onclick=$('syncTop').onclick;\n$('refreshProduction').onclick=$('syncTop').onclick;\n$('openOperatorQueue').onclick=()=>{productionMode='operator';setScreen('production')};\n$('tabWork').onclick=()=>{productionMode='work';renderProduction()};\n$('tabOperator').onclick=()=>{productionMode='operator';renderProduction()};\n$('full').onclick=()=>{if(document.fullscreenElement)document.exitFullscreen();else document.documentElement.requestFullscreen().catch(()=>{})};\n\n$('entityFileInput').onchange=async ev=>{\n const file=ev.target.files?.[0];if(!file||!uploadTarget)return;\n try{await handleEntityUpload(file,uploadTarget);await refreshAll(false);renderProduction();renderFiles()}catch(e){alert('Error: '+e.message)}\n ev.target.value='';uploadTarget=null;\n};\n$('flowVideoInput').onchange=async ev=>{\n const file=ev.target.files?.[0];if(!file||!flowUploadTarget)return;\n try{await handleFlowVideo(file,flowUploadTarget);await refreshAll(false);renderOperator();renderCenter()}catch(e){alert('Error: '+e.message)}\n ev.target.value='';flowUploadTarget=null;\n};\n$('genericUpload').onchange=async ev=>{\n const file=ev.target.files?.[0],p=active();if(!file||!p)return;\n $('uploadState').textContent='Subiendo '+file.name+'…';$('uploadState').className='status';\n try{\n const url=await uploadStorage(file,p.code,'PROJECT');\n await api('add_asset',{project_code:p.code,name:file.name,kind:file.type.startsWith('image/')?'IMAGEN':file.type.startsWith('video/')?'VIDEO':'ARCHIVO',url,status:'LISTO'});\n await refreshAll(false);renderFiles();$('uploadState').textContent='✓ Archivo subido y registrado.';$('uploadState').className='status ok';\n }catch(e){$('uploadState').textContent='Error: '+e.message;$('uploadState').className='status err'}\n ev.target.value='';\n};\n\ndocument.querySelectorAll('[data-mode]').forEach(b=>b.onclick=()=>{brainMode=b.dataset.mode;renderBrain()});\n$('brainInput').oninput=()=>{localStorage.setItem('vil_brain_simple',$('brainInput').value);$('brainChars').textContent=$('brainInput').value.length+' caracteres'};\n$('sendBrain').onclick=async()=>{\n const p=active(),txt=$('brainInput').value.trim();\n if(!txt){$('brainState').textContent='Escribe una instrucción primero.';$('brainState').className='status err';return}\n try{\n $('brainState').textContent='Guardando…';$('brainState').className='status';\n await api('command',{command:'/vilcorp',instruction:'['+brainMode+'] '+txt,project_code:p?.code||null,client:p?.client||null,payload:{source:'CEREBRO_GPT',mode:brainMode}});\n await refreshAll(false);$('brainState').textContent='✓ Orden guardada en VILCORP.';$('brainState').className='status ok';\n }catch(e){$('brainState').textContent='Error: '+e.message;$('brainState').className='status err'}\n};\ndocument.querySelectorAll('[data-short]').forEach(b=>b.onclick=()=>{const p=active();$('brainInput').value=(p?p.client+': ':'')+fmt(b.dataset.short)+'. ';$('brainInput').focus();$('brainInput').dispatchEvent(new Event('input'));setScreen('brain')});\n\n(async()=>{\n try{\n await refreshAll(true);\n renderAll();\n }catch(e){\n $('syncState').textContent='● ERROR DE SYNC';$('syncState').style.background='#ffd9df';\n alert('No se pudo iniciar VILAPP: '+e.message);\n }\n})();\n})();","(()=> {\nconst API='https://erabofxqbplufvwraqhj.supabase.co/functions/v1/vilcorp-command-center';\nconst SUPA='https://erabofxqbplufvwraqhj.supabase.co';\nconst PUB='sb_publishable_g2GivLpNGeSvzOMUMrMPdA_b8nJ_5fo';\nconst CONTENT_PIPE=['IDEA','EN_PROCESO','IMAGENES_LISTAS','LISTO_PARA_FLOW','TOMADO_OPERADOR','EN_FLOW','RENDERIZANDO','VIDEO_DEVUELTO','REVISION','CORREGIR','APROBADO','LISTO_TIKTOK','PUBLICADO'];\nconst FLOW_PIPE=['LISTO_PARA_FLOW','TOMADO_OPERADOR','EN_FLOW','RENDERIZANDO','VIDEO_DEVUELTO','CORREGIR','APROBADO','LISTO_TIKTOK','PUBLICADO'];\nconst CRM_PIPE=['NUEVO','VERIFICADO','CALIFICADO','PRIORIZADO','CONTACTADO','SEGUIMIENTO','CERRADO'];\nconst KDP_PIPE=['IDEA','CONTENIDO','DISEÑO','PDF_LISTO','VALIDAR_KDP','LISTO_SUBIR','PUBLICADO'];\nconst SOCIAL_PIPE=['IDEA','DISEÑO','DISEÑO_LISTO','REVISION','CORREGIR','APROBADO','PUBLICADO'];\nlet boot=null,center=null,screen='center',productionMode='work',prodFilter='ALL',brainMode='ACTUALIZAR',uploadTarget=null,flowUploadTarget=null;\n\nconst $=id=>document.getElementById(id);\nconst esc=s=>String(s??'').replace(/[&<>\"']/g,c=>({'&':'&','<':'<','>':'>','\"':'"',\"'\":'''}[c]));\nconst fmt=s=>String(s||'').replaceAll('_',' ');\nconst active=()=>boot?.activeProject || center?.projects?.find(x=>x.is_active) || center?.projects?.[0] || null;\nconst entities=()=>center?.entities||[];\nconst projEntities=code=>entities().filter(e=>e.project_code===code);\nconst projectByCode=code=>(center?.projects||[]).find(p=>p.code===code);\nconst flowForSource=key=>entities().find(e=>e.entity_type==='FLOW_PACKAGE'&&e.parent_key===key);\nconst projectKind=p=>p?.code==='ASTRA-001'?'CRM':p?.code==='KDP-001'?'KDP':p?.code==='MONCADA-001'?'SOCIAL':'VIDEO';\nconst isWorkEntity=e=>['DESIGN','EPISODE','SCENE','KDP_VOLUME','SOCIAL_PIECE'].includes(e.entity_type)&&!['ARCHIVADO','DESCARTADO','REFERENCIA'].includes(e.status);\nconst iconFor=p=>p?.code==='BOBI-001'?'🧸':p?.code==='C8TV-001'?'📺':p?.code==='ASTRA-001'?'✦':p?.code==='KDP-001'?'📚':p?.code==='MONCADA-001'?'🩺':'⚡';\nconst chipClass=s=>['LISTO','DISEÑO_LISTO','PDF_LISTO','LISTO_SUBIR','APROBADO','PUBLICADO','CERRADO','VIDEO_DEVUELTO','LISTO_TIKTOK'].includes(s)?'green':['EN_PROCESO','TRABAJANDO','SEGUIMIENTO','CONTACTADO','IMAGENES_LISTAS','EN_FLOW','RENDERIZANDO','TOMADO_OPERADOR','CONTENIDO','DISEÑO','VALIDAR_KDP','REVISION'].includes(s)?'blue':['CORREGIR','DESCARTADO'].includes(s)?'red':'';\n\nasync function api(action,payload={}) {\n const r=await fetch(API,{method:'POST',headers:{'content-type':'application/json'},body:JSON.stringify({action,...payload})});\n const j=await r.json().catch(()=>({}));\n if(!r.ok) throw new Error(j.error||'Error de conexión');\n return j;\n}\n\nasync function refreshAll(showState=true){\n if(showState){$('syncState').textContent='● SINCRONIZANDO…';$('syncState').style.background='#fff7b0'}\n const r=await Promise.all([api('bootstrap'),api('command_center')]);\n boot=r[0]; center=r[1];\n if(showState){$('syncState').textContent='● SINCRONIZADO';$('syncState').style.background='#bff7d8'}\n}\n\nfunction setScreen(name){\n screen=name;\n document.querySelectorAll('main').forEach(x=>x.classList.toggle('hidden',x.id!==name));\n document.querySelectorAll('.nav button').forEach(x=>x.classList.remove('active'));\n const map={center:'navCenter',projects:'navProjects',production:'navProduction',files:'navFiles',brain:'navBrain'};\n if(map[name]) $(map[name]).classList.add('active');\n $('topTitle').textContent=({center:'CENTRO',projects:'PROYECTOS',production:'PRODUCCIÓN',files:'ARCHIVOS',brain:'CEREBRO GPT'})[name]||'VILAPP';\n if(name==='center') renderCenter();\n if(name==='projects') renderProjects();\n if(name==='production') renderProduction();\n if(name==='files') renderFiles();\n if(name==='brain') renderBrain();\n}\n\nfunction projectStats(p){\n const list=projEntities(p.code);\n const flow=list.filter(e=>e.entity_type==='FLOW_PACKAGE');\n const leads=list.filter(e=>e.entity_type==='CRM_LEAD');\n const volumes=list.filter(e=>e.entity_type==='KDP_VOLUME');\n const pieces=list.filter(e=>e.entity_type==='SOCIAL_PIECE');\n const done=list.filter(e=>['LISTO','DISEÑO_LISTO','PDF_LISTO','APROBADO','PUBLICADO','CERRADO','VIDEO_DEVUELTO','LISTO_TIKTOK'].includes(e.status));\n return {total:list.length,done:done.length,flow:flow.length,leads:leads.length,volumes:volumes.length,pieces:pieces.length};\n}\n\nfunction projectCard(p,clickable=true){\n const s=projectStats(p),kind=projectKind(p);\n const metric=kind==='CRM'?[s.leads,'LEADS CRM']:kind==='KDP'?[s.volumes,'VOLÚMENES']:kind==='SOCIAL'?[s.pieces,'PIEZAS']:[s.flow,'PAQUETES FLOW'];\n return '';\n}\n\nfunction bindProjectCards(){\n document.querySelectorAll('[data-project]').forEach(b=>b.onclick=async()=>{\n try{\n await api('set_active',{project_code:b.dataset.project});\n await refreshAll(false);\n setScreen('projects');\n }catch(e){alert('Error: '+e.message)}\n });\n}\n\nfunction nextAction(e){\n if(e.entity_type==='CRM_LEAD'){\n if(e.status==='NUEVO') return 'Verificar datos y correo';\n if(['VERIFICADO','CALIFICADO','PRIORIZADO'].includes(e.status)) return 'Contactar';\n if(e.status==='CONTACTADO') return 'Esperar respuesta / programar seguimiento';\n if(e.status==='SEGUIMIENTO') return 'Revisar respuesta y siguiente contacto';\n if(e.status==='CERRADO') return 'Sin acción';\n }\n if(e.entity_type==='KDP_VOLUME'){\n if(e.status==='IDEA') return 'Preparar contenido del volumen';\n if(e.status==='CONTENIDO') return 'Diseñar interior y portada';\n if(e.status==='DISEÑO') return 'Generar PDF final';\n if(e.status==='PDF_LISTO') return 'Validar bleed, medidas y fuentes KDP';\n if(e.status==='VALIDAR_KDP') return 'Corregir cualquier error de KDP';\n if(e.status==='LISTO_SUBIR') return 'Subir a Amazon KDP';\n if(e.status==='PUBLICADO') return 'Sin acción';\n }\n if(e.entity_type==='SOCIAL_PIECE'){\n if(e.status==='IDEA') return 'Crear diseño';\n if(e.status==='DISEÑO') return 'Terminar pieza';\n if(e.status==='DISEÑO_LISTO') return 'Revisar y aprobar';\n if(e.status==='REVISION') return 'Aprobar o corregir';\n if(e.status==='CORREGIR') return 'Aplicar ajustes';\n if(e.status==='APROBADO') return 'Publicar / enviar a aprobados';\n if(e.status==='PUBLICADO') return 'Sin acción';\n }\n if(['PENDIENTE','IDEA'].includes(e.status)) return 'Comenzar contenido';\n if(e.status==='EN_PROCESO') return 'Completar imágenes/prompts';\n if(e.status==='IMAGENES_LISTAS') return 'Crear paquete para Flow';\n if(e.status==='LISTO_PARA_FLOW') return 'Operador debe tomar el paquete';\n if(['TOMADO_OPERADOR','EN_FLOW','RENDERIZANDO'].includes(e.status)) return 'Esperar devolución de Flow';\n if(e.status==='VIDEO_DEVUELTO') return 'Revisar video';\n if(e.status==='REVISION') return 'Aprobar o corregir';\n if(e.status==='CORREGIR') return 'Devolver al operario';\n if(e.status==='APROBADO') return 'Marcar listo para TikTok';\n if(e.status==='LISTO_TIKTOK') return 'Descargar y publicar';\n if(e.status==='PUBLICADO') return 'Sin acción';\n return 'Revisar';\n}\n\nfunction renderCenter(){\n const ps=center?.projects||[];\n $('centerProjects').innerHTML=ps.map(p=>projectCard(p)).join('');\n bindProjectCards();\n const att=entities().filter(e=>e.entity_type==='CRM_LEAD'?['NUEVO','CONTACTADO','SEGUIMIENTO'].includes(e.status):(isWorkEntity(e)&&['PENDIENTE','IDEA','EN_PROCESO','IMAGENES_LISTAS','VIDEO_DEVUELTO','REVISION','CORREGIR','PDF_LISTO','VALIDAR_KDP','DISEÑO_LISTO'].includes(e.status))).slice(0,12);\n $('attentionList').innerHTML=att.length?att.map(e=>'

'+esc(e.title)+''+esc(projectByCode(e.project_code)?.client||e.project_code)+' · '+esc(nextAction(e))+'

'+esc(fmt(e.status))+'

').join(''):'

Nada urgente por ahora.

';\n const flow=entities().filter(e=>e.entity_type==='FLOW_PACKAGE'&&!['PUBLICADO'].includes(e.status));\n $('flowMini').innerHTML=flow.length?flow.slice(0,5).map(e=>'

'+esc(e.title)+''+esc(fmt(e.status))+'

').join(''):'

No hay paquetes pendientes para Flow.

';\n const ups=center?.updates||[];\n $('recentActivity').innerHTML=ups.length?ups.slice(0,12).map(u=>'

'+esc(u.instruction||u.command)+''+esc(u.project_code||u.client||'SISTEMA')+' · '+new Date(u.created_at).toLocaleString()+'

').join(''):'

Sin actividad.

Sin proyecto activo.

';return}\n $('activeProjectCard').innerHTML='

PROYECTO ACTIVO

'+iconFor(p)+' '+esc(p.client)+'

'+esc(p.status)+'

NOMBRE

'+esc(p.name)+'

BRIEF

'+esc(p.brief||'Sin brief')+'

'+esc(e.title)+'

'+esc(e.entity_type)+' · '+esc(e.stage||'')+'

'+esc(fmt(e.status))+'

'+esc(nextAction(e))+'

').join(''):'

Sin elementos.

Sin proyecto activo.

Sin elementos de producción.

'+icon+'

'+esc(e.title)+''+esc(e.entity_type)+' · '+count+' archivo(s)

'+esc(fmt(e.status))+'

AHORA TOCA: '+esc(nextAction(e))+'

'+(actions?'

'+actions+'

':'')+assetRows(e.assets||[])+'

No hay trabajos asignados al operador Flow.

';\n bindFlowActions();\n}\n\nfunction flowCard(e){\n const steps=FLOW_PIPE;\n const idx=steps.indexOf(e.status);\n const assets=e.assets||[];\n return '

🎬

'+esc(e.title)+''+esc(projectByCode(e.project_code)?.client||e.project_code)+' · '+assets.length+' archivo(s)

'+esc(fmt(e.status))+'

'+\n '

'+steps.map((s,i)=>''+esc(fmt(s))+'').join('')+'

'+\n '

'+\n assetRows(assets,true)+'

'+list.map(a=>'

'+esc(a.name||'Archivo')+''+esc(a.kind||a.module||'ARCHIVO')+'

'+(a.url?'ABRIR BAJAR':'')+'

').join('')+'

Sin proyecto activo.

'+esc(a.name||'Archivo')+''+esc(a.owner)+' · '+esc(a.kind||'ARCHIVO')+'

'+(a.url?'ABRIR BAJAR':'')+'

').join(''):'

Todavía no hay archivos con enlace.

';\n}\n\nfunction renderBrain(){\n const p=active();$('brainProject').textContent=p?'● '+p.client+' · '+p.name:'Sin proyecto activo';\n document.querySelectorAll('[data-mode]').forEach(b=>b.classList.toggle('active',b.dataset.mode===brainMode));\n const draft=localStorage.getItem('vil_brain_simple')||'';\n if(!$('brainInput').value&&draft)$('brainInput').value=draft;\n $('brainChars').textContent=$('brainInput').value.length+' caracteres';\n}\n\nfunction renderAll(){renderCenter();if(screen==='projects')renderProjects();if(screen==='production')renderProduction();if(screen==='files')renderFiles();if(screen==='brain')renderBrain()}\n\ndocument.querySelectorAll('[data-screen]').forEach(b=>b.onclick=()=>setScreen(b.dataset.screen));\n$('syncTop').onclick=async()=>{try{await refreshAll(true);renderAll()}catch(e){alert('Error: '+e.message)}};\n$('refreshCenter').onclick=$('syncTop').onclick;\n$('refreshProduction').onclick=$('syncTop').onclick;\n$('openOperatorQueue').onclick=()=>{productionMode='operator';setScreen('production')};\n$('tabWork').onclick=()=>{productionMode='work';renderProduction()};\n$('tabOperator').onclick=()=>{productionMode='operator';renderProduction()};\n$('full').onclick=()=>{if(document.fullscreenElement)document.exitFullscreen();else document.documentElement.requestFullscreen().catch(()=>{})};\n\n$('entityFileInput').onchange=async ev=>{\n const file=ev.target.files?.[0];if(!file||!uploadTarget)return;\n try{await handleEntityUpload(file,uploadTarget);await refreshAll(false);renderProduction();renderFiles()}catch(e){alert('Error: '+e.message)}\n ev.target.value='';uploadTarget=null;\n};\n$('flowVideoInput').onchange=async ev=>{\n const file=ev.target.files?.[0];if(!file||!flowUploadTarget)return;\n try{await handleFlowVideo(file,flowUploadTarget);await refreshAll(false);renderOperator();renderCenter()}catch(e){alert('Error: '+e.message)}\n ev.target.value='';flowUploadTarget=null;\n};\n$('genericUpload').onchange=async ev=>{\n const file=ev.target.files?.[0],p=active();if(!file||!p)return;\n $('uploadState').textContent='Subiendo '+file.name+'…';$('uploadState').className='status';\n try{\n const url=await uploadStorage(file,p.code,'PROJECT');\n await api('add_asset',{project_code:p.code,name:file.name,kind:file.type.startsWith('image/')?'IMAGEN':file.type.startsWith('video/')?'VIDEO':'ARCHIVO',url,status:'LISTO'});\n await refreshAll(false);renderFiles();$('uploadState').textContent='✓ Archivo subido y registrado.';$('uploadState').className='status ok';\n }catch(e){$('uploadState').textContent='Error: '+e.message;$('uploadState').className='status err'}\n ev.target.value='';\n};\n\ndocument.querySelectorAll('[data-mode]').forEach(b=>b.onclick=()=>{brainMode=b.dataset.mode;renderBrain()});\n$('brainInput').oninput=()=>{localStorage.setItem('vil_brain_simple',$('brainInput').value);$('brainChars').textContent=$('brainInput').value.length+' caracteres'};\n$('sendBrain').onclick=async()=>{\n const p=active(),txt=$('brainInput').value.trim();\n if(!txt){$('brainState').textContent='Escribe una instrucción primero.';$('brainState').className='status err';return}\n try{\n $('brainState').textContent='Guardando…';$('brainState').className='status';\n await api('command',{command:'/vilcorp',instruction:'['+brainMode+'] '+txt,project_code:p?.code||null,client:p?.client||null,payload:{source:'CEREBRO_GPT',mode:brainMode}});\n await refreshAll(false);$('brainState').textContent='✓ Orden guardada en VILCORP.';$('brainState').className='status ok';\n }catch(e){$('brainState').textContent='Error: '+e.message;$('brainState').className='status err'}\n};\ndocument.querySelectorAll('[data-short]').forEach(b=>b.onclick=()=>{const p=active();$('brainInput').value=(p?p.client+': ':'')+fmt(b.dataset.short)+'. ';$('brainInput').focus();$('brainInput').dispatchEvent(new Event('input'));setScreen('brain')});\n\n(async()=>{\n try{\n await refreshAll(true);\n renderAll();\n }catch(e){\n $('syncState').textContent='● ERROR DE SYNC';$('syncState').style.background='#ffd9df';\n alert('No se pudo iniciar VILAPP: '+e.message);\n }\n})();\n})();","createdAt",["D",1789512786059],"branchVersion","branchId","28afa5e4-1e1e-40c4-841b-2ae2bac74421","id","a4118bba-7d7a-4601-99bc-245708e90409","vilapp-master",["D",1789494748911],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","VILAPP Teclado Master","imageUrl","b162e777-26d5-4b57-b5d4-824de1b425e2","pinnedFileId","37ea80b2-b12e-11f1-9cd5-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a087a7-039d-766a-a2cb-d9a1a861d44b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_105":101},"org",{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",79,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","agentia","handle","displayName","Agent Ia","avatar","https://lh3.googleusercontent.com/a/ACg8ocJFdiW2REahwLO-JAErcTTOgHyYDVN6VBKDk9RmathkK-sumQ=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":189,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":190,"_81":191,"_83":192,"_85":25},"tree",[172,173,174,175],"files",[172,173,174,175],"counts",{"_162":63,"_163":145,"_164":63,"_165":166,"_167":168},"contents",[128,129,130,131],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":158,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":25,"_38":159,"_13":160,"_33":34,"_35":37,"_24":25,"_141":-5,"_27":161},{"_43":150,"_32":151,"_30":152,"_135":-5,"_41":42,"_40":153,"_137":25,"_38":154,"_13":155,"_33":20,"_35":156,"_24":25,"_141":-5,"_27":157},{"_43":143,"_32":144,"_30":57,"_135":-5,"_41":42,"_40":145,"_137":59,"_38":146,"_13":63,"_33":147,"_35":148,"_24":25,"_141":45,"_27":149},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":25,"_38":138,"_13":139,"_33":20,"_35":140,"_24":25,"_141":-5,"_27":142},"30e63752-5735-4465-8b67-3759ce960cc1","styles.css","5c8c7984-b12e-11f1-bac8-1607ee4eb77e","parentId",29,"latest",["D",1789509035507],3,":root{--y:#ffd400;--k:#050505;--bg:#f2f3f5;--w:#fff;--pink:#ef50bf;--blue:#bde9ff;--green:#bff7d8;--red:#ffd9df;--gray:#eef1f4}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#090909}button,input,textarea{font:inherit}button{cursor:pointer}.app{max-width:560px;margin:auto;min-height:100vh;background:#fff;border-left:4px solid #000;border-right:4px solid #000;padding-bottom:86px}.top{position:sticky;top:0;z-index:40;background:var(--y);border-bottom:4px solid #000;padding:10px;display:flex;align-items:center;gap:8px}.logo{width:48px;height:48px;border:4px solid #000;border-radius:14px;background:#fff;display:grid;place-items:center;font-size:27px;font-weight:1000;box-shadow:3px 3px 0 #000}.brand{flex:1}.brand b{display:block;font-size:22px}.brand small{display:block;font-size:11px;font-weight:1000}.iconBtn{width:42px;height:42px;border:3px solid #000;border-radius:11px;background:#fff;box-shadow:2px 2px 0 #000;font-weight:1000}.page{padding:10px}.hidden{display:none!important}.hero,.card{border:4px solid #000;border-radius:18px;padding:13px;background:#fff;box-shadow:5px 5px 0 #000;margin-bottom:12px}.hero.yellow{background:linear-gradient(135deg,#ffd400,#fff3a3 72%,#fff)}.hero.pink{background:linear-gradient(135deg,#ef50bf,#ffd8ef 70%,#fff)}.operatorHero{background:linear-gradient(135deg,#bde9ff,#fff)}.hero h1,.card h2{margin:3px 0 0;line-height:1.05}.hero p{margin:6px 0 0;color:#5e6674;font-size:13px;font-weight:800}.eyebrow{display:block;font-size:10px;font-weight:1000;letter-spacing:.08em;color:#5e6674}.online{display:inline-flex;margin-top:10px;border:3px solid #000;border-radius:999px;background:var(--green);padding:6px 9px;font-size:10px;font-weight:1000}.sectionHead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.stack{display:grid;gap:9px}.miniBtn{border:3px solid #000;border-radius:11px;background:#fff;box-shadow:2px 2px 0 #000;padding:8px 10px;font-size:10px;font-weight:1000}.projectCard,.workCard,.flowCard{border:4px solid #000;border-radius:15px;background:#fff;box-shadow:4px 4px 0 #000;padding:11px;text-align:left}.projectCard.active{background:#fff6b8}.projectTop,.workTop,.flowTop{display:flex;align-items:flex-start;gap:9px}.projectIcon,.workIcon,.flowIcon{width:50px;height:50px;border:3px solid #000;border-radius:13px;background:#fff;display:grid;place-items:center;font-size:24px;flex:0 0 auto}.grow{flex:1}.projectCard b,.workCard b,.flowCard b{display:block;font-size:15px}.projectCard small,.workCard small,.flowCard small{display:block;color:#667085;font-size:10px;font-weight:900;margin-top:3px}.pill,.chip{display:inline-flex;border:2px solid #000;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:1000;background:#fff7b0}.chip.green{background:var(--green)}.chip.blue{background:var(--blue)}.chip.red{background:var(--red)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.stats>div{border:2px solid #000;border-radius:10px;padding:7px;text-align:center;background:#f8fafc}.stats strong{display:block;font-size:17px}.stats span{font-size:8px;font-weight:1000;color:#667085}.attention{border-top:2px solid #000;padding:10px 0;display:flex;align-items:center;gap:8px}.attention:first-child{border-top:0}.attention .dot{width:12px;height:12px;border:2px solid #000;border-radius:50%;background:#ffd400;flex:0 0 auto}.attention b{display:block;font-size:12px}.attention small{display:block;font-size:9px;color:#667085;font-weight:800}.activity{border-top:2px solid #000;padding:9px 0}.activity:first-child{border-top:0}.activity b{display:block;font-size:12px}.activity small{display:block;margin-top:3px;font-size:9px;color:#667085;font-weight:800}.projectSummary{display:grid;gap:8px}.projectSummary .row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.label{display:block;font-size:10px;color:#667085;font-weight:1000}.value{font-size:18px;font-weight:1000}.briefText{font-size:13px;font-weight:800;line-height:1.35}.entityRow{border-top:2px solid #000;padding:10px 0}.entityRow:first-child{border-top:0}.entityHead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.entityHead b{font-size:12px}.entityMeta{font-size:9px;color:#667085;font-weight:900;margin-top:3px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tab{min-height:50px;border:3px solid #000;border-radius:12px;background:#fff;box-shadow:2px 2px 0 #000;font-weight:1000}.tab.active{background:var(--y)}.pipeline{display:flex;gap:6px;overflow-x:auto;padding:7px 1px 3px}.pipeline span{flex:0 0 auto;border:2px solid #000;border-radius:999px;padding:5px 8px;background:#fff;font-size:8px;font-weight:1000}.pipeline span.active{background:var(--y)}.workActions,.flowActions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.workActions button,.flowActions button{min-height:44px;border:3px solid #000;border-radius:11px;background:#fff;box-shadow:2px 2px 0 #000;font-size:9px;font-weight:1000}.workActions button.primary,.flowActions button.primary{background:var(--y)}.workActions button.green,.flowActions button.green{background:var(--green)}.workActions button.blue,.flowActions button.blue{background:var(--blue)}.workActions button.red,.flowActions button.red{background:var(--red)}.nextAction{margin-top:8px;border:2px solid #000;border-radius:10px;background:#f8fafc;padding:7px;font-size:9px;font-weight:900}.flowSteps{display:flex;gap:5px;overflow-x:auto;margin-top:9px}.flowSteps span{flex:0 0 auto;border:2px solid #000;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:1000;background:#fff}.flowSteps span.done{background:var(--green)}.flowSteps span.current{background:var(--y)}.assetList{margin-top:8px}.assetRow{border-top:2px solid #000;padding:9px 0;display:flex;align-items:center;justify-content:space-between;gap:8px}.assetRow:first-child{border-top:0}.assetRow b{font-size:11px}.assetRow small{display:block;color:#667085;font-size:8px;font-weight:900}.assetBtns{display:flex;gap:5px}.assetBtns a,.assetBtns button{border:2px solid #000;border-radius:8px;background:#fff;padding:6px 7px;text-decoration:none;color:#000;font-size:8px;font-weight:1000}.uploadBox{display:block;border:4px dashed #000;border-radius:15px;padding:20px;text-align:center;background:#fff7b0;cursor:pointer}.uploadBox b,.uploadBox small{display:block}.uploadBox small{margin-top:4px;font-size:10px;color:#667085;font-weight:900}.status{margin-top:10px;border:3px solid #000;border-radius:12px;padding:9px;background:#f8fafc;font-size:10px;font-weight:900}.status.ok{background:var(--green)}.status.err{background:var(--red)}.quickGrid,.shortcutGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick,.shortcutGrid button{min-height:52px;border:3px solid #000;border-radius:12px;background:#fff;box-shadow:2px 2px 0 #000;font-weight:1000}.quick.active{background:var(--y)}.brainInput{width:100%;min-height:180px;border:4px solid #000;border-radius:15px;padding:13px;box-shadow:4px 4px 0 #000;margin-top:12px;resize:vertical;font-size:16px;font-weight:800}.brainMeta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:9px;color:#667085;font-weight:900}.primaryBtn{width:100%;min-height:60px;border:4px solid #000;border-radius:14px;background:var(--y);box-shadow:4px 4px 0 #000;font-size:14px;font-weight:1000;margin-top:12px}.nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(560px,100%);background:#fff;border:4px solid #000;border-bottom:0;border-radius:16px 16px 0 0;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;z-index:50}.nav button{min-height:58px;border:2px solid #000;border-radius:10px;background:#fff;font-size:18px;font-weight:1000}.nav button.active{background:var(--y)}.nav small{display:block;font-size:8px;margin-top:2px}.empty{padding:16px 0;color:#667085;font-size:11px;font-weight:900}.progress{height:16px;border:3px solid #000;border-radius:999px;background:#fff;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:#25e08b}.divider{height:2px;background:#000;margin:10px 0}.muted{color:#667085;font-size:10px;font-weight:800}@media(max-width:380px){.workActions,.flowActions{grid-template-columns:1fr}.projectCard b,.workCard b,.flowCard b{font-size:14px}.nav button{font-size:16px}}","label",[133],"e1ae388e-bb30-4f16-8ac3-1846628478cc","main.ts",1,["D",1789494748975],"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);",[144],"bc0f0999-72fc-4895-8ee9-fa17c8ca69b9","index.html","7dfe4548-b12e-11f1-bc67-1607ee4eb77e",28,["D",1789509012255],7,"\n\n\n \n \n \n VILAPP · Centro de Comando\n \n\n\n

VILAPPCENTRO

\n \n \n

\n\n

\n CENTRO DE COMANDO\n

GPT + Producción + CRM

Todo lo que hacemos aquí se organiza por proyecto y siguiente acción.

● SINCRONIZADO

PROYECTOS

Operación activa

AHORA TOCA

Necesita atención

FLOW

Cola del operario

\n ACTIVIDAD\n

\n\n

\n PROYECTOS\n

Selecciona dónde trabajamos

Bobo & Bibi, CANAL8.TV, ASTRA y los que agreguemos después.

ELEMENTOS

Detalle del proyecto

\n\n

\n PRODUCCIÓN\n

Proyecto activo

Mueve cada elemento por tap. El sistema conserva todo el detalle.

\n \n \n

\n\n

PIPELINE

Contenido

\n\n

\n MODO OPERADOR\n

Google Flow

Recibe paquetes listos, descarga material, produce y devuelve el video final.

\n\n

\n ARCHIVOS\n

Proyecto activo

Todo ligado al proyecto, capítulo, diseño, episodio o lead correcto.

\n \n \n ＋ SUBIR ARCHIVO AL PROYECTO\n Imagen, video, documento o referencia.\n \n

Sin cargas pendientes.

\n ARCHIVOS DEL PROYECTO\n

\n\n

\n CEREBRO GPT\n

Escribe una sola instrucción

Yo traduzco la orden al proyecto, elemento, estado y archivos correspondientes.

\n TIPO DE ORDEN\n

\n \n \n \n \n

\n \n

0 caracteresBorrador automático

\n \n

Listo.

\n ATAJOS\n

\n \n \n \n \n

\n\n \n \n\n \n

\n\n\n",[151],"ca4d8a7b-f33e-4976-891f-6f99393e003f",["D",1789512786059],38,[28],"pulls","branches","forks","envVars",{"_169":63,"_171":63},"connections",{"_169":63,"_170":63},"count","unfilledCount","emptyCount",{"_43":158,"_32":28,"_30":31,"_135":-5,"_41":42,"_40":14,"_137":25,"_38":186,"_13":160,"_33":34,"_35":37,"_24":25,"_141":-5,"_177":187,"_27":188},{"_43":150,"_32":151,"_30":152,"_135":-5,"_41":42,"_40":153,"_137":25,"_38":183,"_13":155,"_33":20,"_35":156,"_24":25,"_141":-5,"_177":184,"_27":185},{"_43":143,"_32":144,"_30":57,"_135":-5,"_41":42,"_40":145,"_137":59,"_38":180,"_13":63,"_33":147,"_35":148,"_24":25,"_141":45,"_177":181,"_27":182},{"_43":132,"_32":133,"_30":134,"_135":-5,"_41":42,"_40":136,"_137":25,"_38":176,"_13":139,"_33":20,"_35":140,"_24":25,"_141":-5,"_177":178,"_27":179},["D",1789509035507],"children",[],[133],["D",1789494748975],[],[144],["D",1789509012255],[],[151],["D",1789512786059],[],[28],["D",1789494748911],{"_97":96,"_105":101},{"_97":96,"_98":99,"_100":101,"_18":55,"_102":103,"_104":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_125":226,"_227":228,"_229":230,"_231":25,"_232":25,"_233":25,"_234":59,"_235":-5,"_236":-7,"_237":-7,"_238":63,"_239":25,"_240":25,"_241":-5,"_242":25,"_243":25,"_244":25,"_245":-5},"ENV",{"_197":198,"_199":200,"_201":87,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v55