[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_111":112,"_113":114},"routes/embed.x.$handle.$name.$",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":-5},"handle","agentia","name","canal8-control","path","frontend/components/App.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":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":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/canal8-control/code/frontend/components/App.tsx","extension","id","743a13fb-1dfa-4ac8-b2b1-85c05a66af2d","App.tsx","fileId","01a09f7d-4745-7404-b411-27b15172eb4f","parentId","01a09f7d-4745-7404-b411-2c7e1550b735","branchId","6115b29c-16d6-4e5c-adb4-8b5ae0947091","branchVersion",4,"latest",true,"createdAt",["D",1789382334026],"version",1,"fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, useMemo, useState } from \"https://esm.sh/react@18.2.0\";\n\ntype Program={code:string;category:string;name:string;status:string};\ntype Episode={code:string;category:string;program_name:string;chapter:number;title:string;premise:string;status:string;scene1:string;scene2:string;scene3:string;scene4:string;scene5:string;scene6:string};\n\nexport function App(){\n const [programs,setPrograms]=useState([]);\n const [episodes,setEpisodes]=useState([]);\n const [tab,setTab]=useState(\"control\");\n const [q,setQ]=useState(\"\");\n const [cat,setCat]=useState(\"TODAS\");\n const [draft,setDraft]=useState(null);\n const load=async()=>{const r=await fetch(\"/api/state\");const d=await r.json();setPrograms(d.programs||[]);setEpisodes(d.episodes||[])};\n useEffect(()=>{load()},[]);\n const cats=useMemo(()=>[\"TODAS\",...Array.from(new Set(programs.map(p=>p.category)))],[programs]);\n const filtered=episodes.filter(e=>(cat===\"TODAS\"||e.category===cat)&&(e.code+\" \"+e.title+\" \"+e.program_name).toLowerCase().includes(q.toLowerCase()));\n const scene=(e:Episode,n:number)=>(e as any)[\"scene\"+n]||\"\";\n const card=(e:Episode)=>;\n const save=async()=>{if(!draft)return;const r=await fetch(\"/api/episode/\"+draft.code,{method:\"POST\",headers:{\"Content-Type\":\"application/json\"},body:JSON.stringify(draft)});const j=await r.json();if(!r.ok)return alert(j.error||\"Error\");setDraft(null);await load()};\n const content=()=>{\n if(tab===\"programas\")return <>

UNIVERSO

{programs.length} programas

{programs.map(p=>

{p.category}

{p.name}

Estado: {p.status} · regla fija: siempre inicia con IMPACTO.

)}

;\n if(tab===\"episodios\")return <>

setQ(e.target.value)}/>

{filtered.map(card)}

;\n return <>

CANAL8.TV · CONTROL

Programación viva,
8 segundos a la vez.

Programas, capítulos y seis escenas por episodio. Todo lo que sigamos construyendo se actualiza desde aquí.

{programs.length}PROGRAMAS

{episodes.length}EPISODIOS

{episodes.length*6}ESCENAS 8S

48sPOR CAPÍTULO

INICIO

Primeros episodios

{episodes.slice(0,6).map(card)}

;\n };\n return

CANAL8.TV

SIEMPRE INICIA IMPACTO

1 CLIP = 8S6 ESCENAS = 48SREAL + CARTOON + MÚSICA + CULTURA

{content()}

{draft&&

{if(e.target===e.currentTarget)setDraft(null)}}>

{draft.code}

{draft.title}

TÍTULOsetDraft({...draft,title:e.target.value})}/>ESTADOPREMISA

setDraft({...draft,premise:e.target.value})}/></label></div><div className=\"lock\">REGLA FIJA: ESCENA 1 = IMPACTO · 6 ESCENAS × 8 SEGUNDOS</div><div className=\"scenes\">{[1,2,3,4,5,6].map(n=><article className=\"scene\" key={n}><div className=\"sn\"><b>{n}</b><small>8S</small></div><textarea value={scene(draft,n)} onChange={e=>setDraft({...draft,[(\"scene\"+n)]:e.target.value} as Episode)} placeholder={n===1?\"IMPACTO: …\":\"Acción de escena \"+n}/></article>)}</div><div className=\"foot\"><button className=\"ghost\" onClick={()=>setDraft(null)}>CANCELAR</button><button className=\"btn\" onClick={save}>GUARDAR CAMBIOS</button></div></section></div>}</div>;\n}","deleted",false,"label",[47,48,24],"frontend","components","6356f220-ba45-4970-82b1-c17504400284",["D",1789382182597],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","CANAL8.TV production control","imageUrl","userId","b162e777-26d5-4b57-b5d4-824de1b425e2","pinnedFileId","01a09f7d-4745-7404-b411-4a5159266c10","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a087a7-039d-766a-a2cb-d9a1a861d44b","tursoName","6356f220ba45497082b1c17504400284","tursoHostname","6356f220ba45497082b1c17504400284-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789476033740],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_9":10,"_110":106},"org",{"_9":10,"_103":104,"_105":106,"_59":60,"_107":108,"_109":44},"branch",{"_37":93,"_11":94,"_22":30,"_95":49,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":12,"_102":10},"isOwned",19,"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",{"_86":-5,"_144":145,"_146":147,"_148":149,"_150":44,"_151":44,"_152":44,"_153":34,"_154":-5,"_155":-7,"_156":-7,"_157":67,"_158":44,"_159":44,"_160":-5,"_161":44,"_162":44,"_163":44,"_164":-5},"ENV",{"_115":116,"_117":118,"_119":94,"_120":121,"_122":123,"_124":125,"_126":127,"_128":129,"_130":131,"_132":133,"_134":135,"_136":137,"_138":139,"_140":141,"_142":143},"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>

{e.title}

{programs.length} programas

{p.name}

Programación viva,8 segundos a la vez.

Primeros episodios

Programación viva,
8 segundos a la vez.