[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_110":111,"_112":113},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","agentia","name","aion-evolution","path","frontend/components/Comms.tsx","project",{"_22":49,"_11":12,"_35":50,"_51":-5,"_52":44,"_53":54,"_55":54,"_56":57,"_58":-5,"_59":60,"_61":62,"_63":34,"_64":-5,"_65":-5,"_66":38,"_67":68,"_69":70,"_71":72,"_73":74,"_75":-5,"_76":77,"_78":77,"_79":80,"_81":80,"_82":80,"_83":77,"_84":77,"_85":86,"_87":88,"_89":90,"_91":44},"file",{"_22":23,"_11":24,"_25":26,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":-5,"_13":46},"permalink","https://www.val.town/x/agentia/aion-evolution/code/frontend/components/Comms.tsx","extension","id","6f0896ab-2c6c-46d7-9f04-52098d29e9f9","Comms.tsx","fileId","5de99556-add6-11f1-8618-1607ee4eb77e","parentId","01a09047-131c-7786-a391-24ab1624c76f","branchId","37762a14-d77d-4462-8efc-7ba413421494","branchVersion",10,"latest",true,"createdAt",["D",1789127163525],"version",0,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React,{useEffect,useRef,useState} from \"https://esm.sh/react@18.2.0\";\nconst device=localStorage.getItem(\"aion-evo-device\")||\"\";\nconst shell=\"border border-slate-800 bg-slate-950/70 rounded-2xl\";\nconst btn=\"px-3 py-2 rounded-xl border border-slate-700 bg-slate-900 hover:bg-slate-800 text-sm\";\nconst primary=\"px-3 py-2 rounded-xl bg-indigo-200 text-slate-950 font-bold text-sm\";\nconst input=\"w-full px-3 py-2 rounded-xl border border-slate-700 bg-slate-900 text-slate-100 outline-none\";\nasync function api(app:string,method=\"GET\",body?:any){const r=await fetch(\"/api/apps/\"+app+\"?device=\"+device,{method,headers:body?{\"content-type\":\"application/json\"}:undefined,body:body?JSON.stringify(body):undefined});if(!r.ok)throw new Error(await r.text());return r.json()}\nexport function Comms({kind,setStatus}:{kind:string,setStatus:(s:string)=>void}){\n const defaults:any={talk:{room:\"general\",messages:[],draft:\"\"},flow:{posts:[],draft:\"\"},mail:{to:\"\",subject:\"\",body:\"\",drafts:[]},meet:{agenda:\"\",notes:\"\",room:\"general\"}};\n const [data,setData]=useState(defaults[kind]),[ready,setReady]=useState(false);\n useEffect(()=>{setReady(false);api(kind).then(r=>setData(r.data||defaults[kind])).catch(()=>{}).finally(()=>setReady(true))},[kind]);\n async function save(next=data){setData(next);setStatus(\"Guardando \"+kind+\"...\");try{await api(kind,\"PUT\",next);setStatus(kind+\" guardado en nube\")}catch{setStatus(\"No se pudo guardar \"+kind)}}\n if(!ready)return

Cargando {kind}...

;\n if(kind===\"talk\")return ;\n if(kind===\"flow\")return ;\n if(kind===\"mail\")return ;\n return ;\n}\nfunction Talk({d,save}:any){const [q,setQ]=useState(\"\");const rooms=[\"general\",\"diseño\",\"trabajo\",\"ideas\"];const msgs=(d.messages||[]).filter((m:any)=>m.room===d.room&&m.text.toLowerCase().includes(q.toLowerCase()));function send(){const t=(d.draft||\"\").trim();if(!t)return;save({...d,draft:\"\",messages:[...(d.messages||[]),{id:crypto.randomUUID(),room:d.room,text:t,time:new Date().toISOString()}]})}return

setQ(e.target.value)} placeholder=\"Buscar en sala\"/>

{msgs.map((m:any)=>

{new Date(m.time).toLocaleString()}

{m.text}

)}

save({...d,draft:e.target.value})} onKeyDown={e=>e.key===\"Enter\"&&send()} placeholder=\"Mensaje\"/>

}\nfunction Flow({d,save}:any){function post(){const t=(d.draft||\"\").trim();if(!t)return;save({...d,draft:\"\",posts:[{id:crypto.randomUUID(),text:t,likes:0,time:new Date().toISOString()},...(d.posts||[])]})}function like(id:string){save({...d,posts:d.posts.map((p:any)=>p.id===id?{...p,likes:p.likes+1}:p)})}return

save({...d,draft:e.target.value})} placeholder=\"Comparte una actualización...\"/><button className={primary+\" mt-2\"} onClick={post}>Publicar</button></section><div className=\"space-y-2\">{(d.posts||[]).map((p:any)=><article className={shell+\" p-4\"}><small className=\"text-slate-500\">{new Date(p.time).toLocaleString()}</small><p>{p.text}</p><button className={btn} onClick={()=>like(p.id)}>♡ {p.likes}</button></article>)}</div></div>}\nfunction Mail({d,save}:any){function saveDraft(){const x={id:crypto.randomUUID(),to:d.to,subject:d.subject,body:d.body,time:new Date().toISOString()};save({...d,drafts:[x,...(d.drafts||[])]})}function open(x:any){save({...d,to:x.to,subject:x.subject,body:x.body})}return <div className=\"grid md:grid-cols-[1fr_280px] gap-3\"><section className={shell+\" p-3 space-y-2\"}><b>Composer</b><input className={input} value={d.to||\"\"} onChange={e=>save({...d,to:e.target.value})} placeholder=\"Destinatario\"/><input className={input} value={d.subject||\"\"} onChange={e=>save({...d,subject:e.target.value})} placeholder=\"Asunto\"/><textarea className={input+\" min-h-64\"} value={d.body||\"\"} onChange={e=>save({...d,body:e.target.value})} placeholder=\"Mensaje\"/><div className=\"flex gap-2\"><button className={primary} onClick={saveDraft}>Guardar borrador</button><button className={btn} onClick={()=>navigator.clipboard?.writeText((d.subject?d.subject+\"\\n\\n\":\"\")+d.body)}>Copiar</button></div></section><aside className={shell+\" p-3\"}><b>Borradores</b><div className=\"space-y-2 mt-3\">{(d.drafts||[]).map((x:any)=><button className={btn+\" w-full text-left\"} onClick={()=>open(x)}><b className=\"block truncate\">{x.subject||\"Sin asunto\"}</b><small className=\"text-slate-500\">{x.to||\"Sin destinatario\"}</small></button>)}</div></aside></div>}\nfunction Meet({d,save}:any){const video=useRef<HTMLVideoElement>(null),stream=useRef<MediaStream|null>(null),rec=useRef<MediaRecorder|null>(null),chunks=useRef<Blob[]>([]);async function camera(){try{stream.current=await navigator.mediaDevices.getUserMedia({video:true,audio:true});if(video.current)video.current.srcObject=stream.current}catch{alert(\"No fue posible abrir cámara/micrófono\")}}async function share(){try{stream.current?.getTracks().forEach(t=>t.stop());stream.current=await navigator.mediaDevices.getDisplayMedia({video:true,audio:true});if(video.current)video.current.srcObject=stream.current}catch{}}function record(){if(!stream.current)return alert(\"Activa cámara o pantalla\");if(rec.current?.state===\"recording\"){rec.current.stop();return}chunks.current=[];rec.current=new MediaRecorder(stream.current);rec.current.ondataavailable=e=>e.data.size&&chunks.current.push(e.data);rec.current.onstop=()=>{const u=URL.createObjectURL(new Blob(chunks.current,{type:\"video/webm\"}));const a=document.createElement(\"a\");a.href=u;a.download=\"aion-meet.webm\";a.click();setTimeout(()=>URL.revokeObjectURL(u),1000)};rec.current.start()}function stop(){stream.current?.getTracks().forEach(t=>t.stop());stream.current=null;if(video.current)video.current.srcObject=null}return <div className=\"grid lg:grid-cols-[1fr_330px] gap-3\"><section className={shell+\" p-3\"}><div className=\"aspect-video bg-black rounded-xl overflow-hidden\"><video ref={video} autoPlay muted playsInline className=\"w-full h-full object-cover\"/></div><div className=\"flex flex-wrap gap-2 mt-3\"><button className={primary} onClick={camera}>Cámara</button><button className={btn} onClick={share}>Pantalla</button><button className={btn} onClick={record}>REC local</button><button className={btn+\" text-red-300\"} onClick={stop}>Detener</button></div></section><aside className={shell+\" p-3 space-y-3\"}><b>Meeting Workspace</b><input className={input} value={d.room||\"\"} onChange={e=>save({...d,room:e.target.value})} placeholder=\"Sala\"/><textarea className={input+\" min-h-32\"} value={d.agenda||\"\"} onChange={e=>save({...d,agenda:e.target.value})} placeholder=\"Agenda\"/><textarea className={input+\" min-h-40\"} value={d.notes||\"\"} onChange={e=>save({...d,notes:e.target.value})} placeholder=\"Notas y decisiones\"/><button className={primary+\" w-full\"} onClick={()=>save(d)}>Guardar nube</button></aside></div>}\n","deleted",false,"label",[47,48,24],"frontend","components","db911d83-d802-4bba-9525-960a09f8fbc9",["D",1789126972111],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","AION Evolution multi-app productivity suite","imageUrl","userId","b162e777-26d5-4b57-b5d4-824de1b425e2","pinnedFileId","01a09047-131c-7786-a391-4376117feaf1","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","01a087a7-039d-766a-a2cb-d9a1a861d44b","tursoName","db911d83d8024bba9525960a09f8fbc9","tursoHostname","db911d83d8024bba9525960a09f8fbc9-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789477238750],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_109":105},"org",{"_9":10,"_102":103,"_104":105,"_59":60,"_106":107,"_108":44},"branch",{"_37":92,"_11":93,"_22":30,"_94":49,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":12,"_101":10},"isOwned",77,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Agent Ia","avatar","https://lh3.googleusercontent.com/a/ACg8ocJFdiW2REahwLO-JAErcTTOgHyYDVN6VBKDk9RmathkK-sumQ=s96-c","tier","free","canRestrictVals","profileImageUrl","ctx",{"_85":-5,"_143":144,"_145":146,"_147":148,"_149":44,"_150":44,"_151":44,"_152":34,"_153":-5,"_154":-7,"_155":-7,"_156":38,"_157":44,"_158":44,"_159":-5,"_160":44,"_161":44,"_162":44,"_163":-5},"ENV",{"_114":115,"_116":117,"_118":93,"_119":120,"_121":122,"_123":124,"_125":126,"_127":128,"_129":130,"_131":132,"_133":134,"_135":136,"_137":138,"_139":140,"_141":142},"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","orgs",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]
</article></body></html>