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

MENSAJERO

David · Operaciones

\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

MENSAJERO

David · Operaciones

Tareas, entregas y compras organizadas por GPT.

📱 +58 414 376 8300

CONTROL

Tareas activas

\n FLUJO\n

\n NUEVAACEPTADARECOGIDOEN RUTAENTREGADOCOMPLETADO\n

Los costos y facturas existen solo dentro de Mensajero. No afectan las demás áreas de VILAPP.

\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 TAREA DE DAVID\n

Cargando tarea…

NUEVA

\n ACTUALIZAR TAREA\n

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

Toca cuando completes cada paso.

\n COSTO / COMPRA\n

\n \n \n

Sin costo registrado.

\n FACTURA / RECIBO\n \n \n 📷 TOMAR FOTO O SUBIR FACTURA\n GPT organizará la información interna a partir del comprobante.\n \n

Sin factura cargada.

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

\n\n\n",[150],"6be036de-3427-4df3-99f0-94cdf009fa12","app.js","6f506328-b12e-11f1-bfe8-1607ee4eb77e",74,["D",1789514380912],49,"(()=> {\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,currentTask=null,taskToken=new URLSearchParams(location.search).get('task');\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 messengerTasks=()=>center?.messenger_tasks||[];\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','ENTREGADO','COMPLETADO'].includes(s)?'green':['EN_PROCESO','TRABAJANDO','SEGUIMIENTO','CONTACTADO','IMAGENES_LISTAS','EN_FLOW','RENDERIZANDO','TOMADO_OPERADOR','CONTENIDO','DISEÑO','VALIDAR_KDP','REVISION','ACEPTADA','RECOGIDO','EN_RUTA'].includes(s)?'blue':['CORREGIR','DESCARTADO','CANCELADO'].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',messenger:'navCenter',projects:'navProjects',production:'navProduction',files:'navFiles',brain:'navBrain'};\n if(map[name]) $(map[name]).classList.add('active');\n $('topTitle').textContent=({center:'CENTRO',messenger:'MENSAJERO',messengerTask:'TAREA DAVID',projects:'PROYECTOS',production:'PRODUCCIÓN',files:'ARCHIVOS',brain:'CEREBRO GPT'})[name]||'VILAPP';\n if(name==='center') renderCenter();\n if(name==='messenger') renderMessenger();\n if(name==='messengerTask') renderMessengerTask();\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 mt=messengerTasks();\n const activeMsg=mt.filter(t=>!['COMPLETADO','CANCELADO'].includes(t.status));\n $('messengerMini').innerHTML=activeMsg.length?activeMsg.slice(0,4).map(t=>'

'+esc(t.title)+''+esc(fmt(t.status))+(t.pickup_location?' · '+esc(t.pickup_location):'')+'

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

').join(''):'

David no tiene tareas activas.

';\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 waForTask(t){\n const taskUrl='https://vilapp-master.val.run/?task='+encodeURIComponent(t.task_token);\n const lines=['Hola David, tienes una nueva tarea en VILAPP.','',t.title,t.instructions||'',t.pickup_location?('Recoger: '+t.pickup_location):'',t.dropoff_location?('Entregar: '+t.dropoff_location):'','','Abre la tarea aquí: '+taskUrl].filter(Boolean).join('\\n');\n return 'https://wa.me/584143768300?text='+encodeURIComponent(lines);\n}\n\nfunction messengerCard(t){\n const cost=t.cost_value!==null&&t.cost_value!==undefined?(Number(t.cost_value).toFixed(2)+' '+(t.cost_currency||'')):'Sin costo';\n return '

🛵

'+esc(t.title)+''+esc(t.task_type)+' · '+esc(t.task_code)+'

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

'+\n '

'+(t.pickup_location?'

RECOGER'+esc(t.pickup_location)+'

':'')+(t.dropoff_location?'

ENTREGAR'+esc(t.dropoff_location)+'

':'')+'

'+\n '

RECOGIDO'+(t.picked_up_at?new Date(t.picked_up_at).toLocaleString():'—')+'

ENTREGADO'+(t.delivered_at?new Date(t.delivered_at).toLocaleString():'—')+'

COSTO'+esc(cost)+'

'+\n '

📲 WHATSAPP DAVID 👁 ABRIR TAREA

'+\n (t.receipt_summary&&t.receipt_summary.status?'

FACTURA: '+esc(t.receipt_summary.status)+'

':'')+\n '

';\n}\n\nfunction renderMessenger(){\n const list=messengerTasks();\n $('messengerQueue').innerHTML=list.length?list.map(messengerCard).join(''):'

Todavía no hay tareas para David.

';\n}\n\nasync function renderMessengerTask(){\n if(!taskToken){$('taskTitle').textContent='Tarea no disponible';return}\n try{\n const r=await api('messenger_get_task',{task_token:taskToken});currentTask=r.task;\n const t=currentTask;\n $('taskTitle').textContent=t.title;\n $('taskInstructions').textContent=t.instructions||'Sigue los pasos de la tarea.';\n $('taskStatus').textContent=fmt(t.status);\n $('taskRoute').innerHTML=(t.pickup_location?'

📦 RECOGER'+esc(t.pickup_location)+'

':'')+(t.dropoff_location?'

📍 ENTREGAR'+esc(t.dropoff_location)+'

':'');\n $('taskTimes').innerHTML='

RECOGIDO'+(t.picked_up_at?new Date(t.picked_up_at).toLocaleString():'—')+'

ENTREGADO'+(t.delivered_at?new Date(t.delivered_at).toLocaleString():'—')+'

';\n $('taskCost').value=t.cost_value??'';$('taskCurrency').value=t.cost_currency||'USD';$('taskPurchaseDetail').value=t.purchase_detail||'';\n $('taskCostState').textContent=t.cost_value!==null&&t.cost_value!==undefined?'Guardado: '+Number(t.cost_value).toFixed(2)+' '+(t.cost_currency||''):'Sin costo registrado.';\n $('taskReceiptState').textContent=t.receipt_url?(t.receipt_summary?.status==='PENDIENTE_GPT'?'✓ Factura cargada · pendiente de organizar por GPT':'✓ Factura registrada'):'Sin factura cargada.';\n }catch(e){$('taskTitle').textContent='No se pudo abrir la tarea';$('taskInstructions').textContent=e.message}\n}\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==='messenger')renderMessenger();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$('openMessenger').onclick=()=>setScreen('messenger');\n$('messengerBack').onclick=()=>setScreen('center');\n$('newMessengerWithGPT').onclick=()=>{$('brainInput').value='Crear tarea para David: ';$('brainInput').dispatchEvent(new Event('input'));setScreen('brain');$('brainInput').focus()};\n\ndocument.querySelectorAll('[data-task-status]').forEach(b=>b.onclick=async()=>{\n if(!taskToken)return;\n try{\n $('taskActionState').textContent='Actualizando…';$('taskActionState').className='status';\n await api('messenger_update_status',{task_token:taskToken,status:b.dataset.taskStatus});\n await renderMessengerTask();\n $('taskActionState').textContent='✓ Estado actualizado.';$('taskActionState').className='status ok';\n }catch(e){$('taskActionState').textContent='Error: '+e.message;$('taskActionState').className='status err'}\n});\n$('saveTaskCost').onclick=async()=>{\n if(!taskToken)return;\n const value=Number($('taskCost').value);\n if(!Number.isFinite(value)||value<0){$('taskCostState').textContent='Ingresa un costo válido.';$('taskCostState').className='status err';return}\n try{\n const r=await api('messenger_set_cost',{task_token:taskToken,cost_value:value,cost_currency:$('taskCurrency').value,purchase_detail:$('taskPurchaseDetail').value});\n currentTask=r.task;$('taskCostState').textContent='✓ Costo guardado: '+Number(r.task.cost_value).toFixed(2)+' '+r.task.cost_currency;$('taskCostState').className='status ok';\n }catch(e){$('taskCostState').textContent='Error: '+e.message;$('taskCostState').className='status err'}\n};\n$('taskReceiptInput').onchange=async ev=>{\n const file=ev.target.files?.[0];if(!file||!taskToken||!currentTask)return;\n $('taskReceiptState').textContent='Subiendo factura…';$('taskReceiptState').className='status';\n try{\n const url=await uploadStorage(file,'MESSENGER',currentTask.task_code);\n await api('messenger_set_receipt',{task_token:taskToken,receipt_url:url});\n await renderMessengerTask();\n $('taskReceiptState').textContent='✓ Factura cargada · pendiente de organizar por GPT';$('taskReceiptState').className='status ok';\n }catch(e){$('taskReceiptState').textContent='Error: '+e.message;$('taskReceiptState').className='status err'}\n ev.target.value='';\n};\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 if(taskToken){\n document.querySelector('.top')?.classList.add('hidden');\n document.querySelector('.nav')?.classList.add('hidden');\n document.querySelector('.app').style.paddingBottom='12px';\n setScreen('messengerTask');\n return;\n }\n await refreshAll(true);\n renderAll();\n }catch(e){\n if($('syncState')){$('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",1789514347692],"children",[],[132],["D",1789494748975],[],[143],["D",1789514289601],[],[150],["D",1789514380912],[],[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 · v76