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],"31fba81c-8dee-491e-97f7-916763c92ca1","app.js","6f506328-b12e-11f1-bfe8-1607ee4eb77e",59,["D",1789512841725],41,"(()=> {\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 volumesReady=volumes.filter(e=>['PDF_LISTO','VALIDAR_KDP','LISTO_SUBIR','PUBLICADO'].includes(e.status));\n const pieces=list.filter(e=>e.entity_type==='SOCIAL_PIECE');\n const target=Number(list.find(e=>e.entity_key==='MONCADA-001-CAMPAIGN')?.data?.target||pieces.length||0);\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,volumesReady:volumesReady.length,pieces:pieces.length,target};\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.volumesReady,'VOLÚMENES LISTOS']:kind==='SOCIAL'?[s.pieces+'/'+s.target,'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 prodFilter='ALL';productionMode='work';\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.

';\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 if(prodFilter!=='ALL'&&!pipe.includes(prodFilter)) prodFilter='ALL';\n const base=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 $('pipelineBar').innerHTML=''+pipe.map(s=>'').join('');\n document.querySelectorAll('[data-pfilter]').forEach(b=>b.onclick=()=>{prodFilter=b.dataset.pfilter;renderProduction()});\n let list=prodFilter==='ALL'?base:base.filter(e=>e.status===prodFilter);\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})();",[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",1789512794827],"children",[],[132],["D",1789494748975],[],[143],["D",1789509012255],[],[150],["D",1789512841725],[],[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","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 · v62