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",[150],"5cbcc294-d965-416f-9524-0eaf65814c40","app.js","6f506328-b12e-11f1-bfe8-1607ee4eb77e",39,["D",1789512268318],25,"(()=> {\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'];\nlet boot=null,center=null,screen='center',productionMode='work',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 isWorkEntity=e=>['DESIGN','EPISODE','SCENE'].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'?'✦':'⚡';\nconst chipClass=s=>['LISTO','APROBADO','PUBLICADO','CERRADO','VIDEO_DEVUELTO','LISTO_TIKTOK'].includes(s)?'green':['EN_PROCESO','TRABAJANDO','SEGUIMIENTO','CONTACTADO','IMAGENES_LISTAS','EN_FLOW','RENDERIZANDO','TOMADO_OPERADOR'].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 done=list.filter(e=>['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};\n}\n\nfunction projectCard(p,clickable=true){\n const s=projectStats(p);\n const label=p.code==='ASTRA-001'?(s.leads+' leads CRM'):(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(e.status==='VERIFICADO'||e.status==='CALIFICADO'||e.status==='PRIORIZADO') 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 } else {\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 }\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'].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.

';\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();\n $('productionProject').textContent=p?iconFor(p)+' '+p.client:'Sin proyecto activo';\n $('productionHint').textContent=p?.code==='ASTRA-001'?'CRM por tap: contacto, seguimiento y cierre.':'Contenido por tap: imágenes, Flow, revisión y publicación.';\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 isCrm=p.code==='ASTRA-001';\n const pipe=isCrm?CRM_PIPE:CONTENT_PIPE;\n $('pipelineTitle').textContent=isCrm?'CRM ASTRA':'Contenido';\n $('pipelineBar').innerHTML=pipe.map(s=>''+esc(fmt(s))+'').join('');\n let list=projEntities(p.code).filter(e=>isCrm?e.entity_type==='CRM_LEAD':isWorkEntity(e));\n $('productionList').innerHTML=list.length?list.map(e=>workCard(e,isCrm)).join(''):'

Sin elementos de producción.

';\n bindWorkActions();\n}\n\nfunction workCard(e,isCrm){\n let actions='';\n if(isCrm){\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{\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 '

'+(isCrm?'👤':'🎬')+'

'+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{await api('set_entity_status',{entity_key:key,status});await refreshAll(false);renderProduction();renderCenter()}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{await api('set_entity_status',{entity_key:key,status});await refreshAll(false);renderOperator();renderCenter()}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 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})();",[158],"pulls","branches","forks","envVars",{"_172":62,"_174":62},"connections",{"_172":62,"_173":62},"count","unfilledCount","emptyCount",{"_42":157,"_32":158,"_30":159,"_134":-5,"_40":41,"_39":160,"_136":48,"_37":189,"_13":162,"_33":34,"_35":163,"_24":48,"_140":-5,"_180":190,"_27":191},{"_42":149,"_32":150,"_30":151,"_134":-5,"_40":41,"_39":152,"_136":48,"_37":186,"_13":154,"_33":20,"_35":155,"_24":48,"_140":-5,"_180":187,"_27":188},{"_42":142,"_32":143,"_30":57,"_134":-5,"_40":41,"_39":144,"_136":25,"_37":183,"_13":62,"_33":146,"_35":147,"_24":48,"_140":44,"_180":184,"_27":185},{"_42":131,"_32":132,"_30":133,"_134":-5,"_40":41,"_39":135,"_136":48,"_37":179,"_13":138,"_33":20,"_35":139,"_24":48,"_140":-5,"_180":181,"_27":182},["D",1789509035507],"children",[],[132],["D",1789494748975],[],[143],["D",1789509012255],[],[150],["D",1789512268318],[],[158],["D",1789494748911],{"_96":95,"_104":100},{"_96":95,"_97":98,"_99":100,"_18":55,"_101":102,"_103":48},{"_13":85,"_32":86,"_42":41,"_87":43,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":44,"_94":95},"ctx",{"_78":-5,"_124":229,"_230":231,"_232":233,"_234":48,"_235":48,"_236":48,"_237":25,"_238":-5,"_239":-7,"_240":-7,"_241":62,"_242":48,"_243":48,"_244":-5,"_245":48,"_246":48,"_247":48,"_248":-5},"ENV",{"_200":201,"_202":203,"_204":86,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v42