agents-city 0.3.0-beta.21

package/city/web/dist/sprites/medidas.json

@@ -0,0 +1,248 @@
+{
+ "building-a": {
+  "alto": 1.293,
+  "ancho": 0.94,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-b": {
+  "alto": 1.293,
+  "ancho": 0.97,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-c": {
+  "alto": 0.893,
+  "ancho": 1.09,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-d": {
+  "alto": 1.293,
+  "ancho": 0.9,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-e": {
+  "alto": 0.893,
+  "ancho": 1.64,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-f": {
+  "alto": 1.693,
+  "ancho": 1.03,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-g": {
+  "alto": 1.693,
+  "ancho": 0.97,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-h": {
+  "alto": 1.293,
+  "ancho": 1.008,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-i": {
+  "alto": 1.68,
+  "ancho": 1.302,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-j": {
+  "alto": 1.693,
+  "ancho": 2.084,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-k": {
+  "alto": 1.47,
+  "ancho": 2.084,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-l": {
+  "alto": 2.27,
+  "ancho": 1.402,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-m": {
+  "alto": 3.15,
+  "ancho": 1.242,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-n": {
+  "alto": 2.48,
+  "ancho": 2.32,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-skyscraper-a": {
+  "alto": 2.88,
+  "ancho": 1.36,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-skyscraper-b": {
+  "alto": 4.48,
+  "ancho": 1.36,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-skyscraper-c": {
+  "alto": 4.08,
+  "ancho": 1.388,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-skyscraper-d": {
+  "alto": 5.47,
+  "ancho": 1.388,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "building-skyscraper-e": {
+  "alto": 4.08,
+  "ancho": 1.295,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "detail-awning": {
+  "alto": 0.4,
+  "ancho": 0.4,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "detail-awning-wide": {
+  "alto": 0.4,
+  "ancho": 0.8,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "detail-overhang": {
+  "alto": 0.4,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "detail-overhang-wide": {
+  "alto": 0.4,
+  "ancho": 1,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "detail-parasol-a": {
+  "alto": 0.45,
+  "ancho": 0.4,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "detail-parasol-b": {
+  "alto": 0.45,
+  "ancho": 0.4,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-a": {
+  "alto": 2,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-b": {
+  "alto": 2.225,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-c": {
+  "alto": 2.25,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-d": {
+  "alto": 1.75,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-e": {
+  "alto": 1.8,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-f": {
+  "alto": 2,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-g": {
+  "alto": 2,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-h": {
+  "alto": 2.1,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-i": {
+  "alto": 1.775,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-j": {
+  "alto": 1.75,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-k": {
+  "alto": 1.55,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-l": {
+  "alto": 1.85,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-m": {
+  "alto": 1.975,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-n": {
+  "alto": 0.7,
+  "ancho": 0.5,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-wide-a": {
+  "alto": 1.1,
+  "ancho": 1,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ },
+ "low-detail-building-wide-b": {
+  "alto": 1.15,
+  "ancho": 1,
+  "ancla": 0.75,
+  "pxUnidad": 75.294
+ }
+}

package/city/web/dist-hall/hall.js

@@ -0,0 +1,264 @@
+function Z(e,a){return Object.fromEntries([...e].sort().map(i=>[i,a[i]||"blank"]))}function K(e,a,i,o){let t=[...e].sort();return t.length?`<div class="agenteRoles">${t.map(r=>{let n=a[r]||"blank",c=i.some(p=>p.id===n)?i:[{id:n,name:`${n} (city-defined)`,summary:"Role defined in this city rather than the built-in catalogue.",trade:n,domains:[]},...i];return`<div class="agenteRol">
+        <div><code>${o(r)}</code><span>support agent \xB7 member</span></div>
+        <select data-repo-role="${o(r)}" aria-label="Operating role for ${o(r)}">
+          ${c.map(p=>{let h=p.domains.filter(m=>m!=="custom").join(", "),y=h?` \xB7 ${h}`:"";return`<option value="${o(p.id)}"${p.id===n?" selected":""}
+                title="${o(p.summary)}">${o(p.name)}${o(y)}</option>`}).join("")}
+        </select>
+      </div>`}).join("")}</div>`:'<p class="prosa">No repo agents in this city.</p>'}var N="agents-city-map-activity/1";function ee(e){if(!e||typeof e!="object")return!1;let a=e;return a.protocol===N&&a.type==="map.nav"&&typeof a.view=="string"}function F(e){if(!e||typeof e!="object")return!1;let a=e;return a.protocol==="agents-city-activity/1"&&typeof a.id=="string"&&typeof a.seq=="number"&&typeof a.kind=="string"&&typeof a.actor=="string"&&typeof a.summary=="string"&&typeof a.title=="string"&&Array.isArray(a.details)}function te(e){return e.kind==="conversation.user"||e.kind==="conversation.agent"||e.kind==="runtime.session.started"||e.kind==="runtime.session.ended"}function ne(e){return e.kind==="conversation.agent"||e.kind==="conversation.agent.commentary"?!!e.summary.trim():e.kind==="committee.opened"||e.kind==="committee.position.revealed"||e.kind==="committee.synthesis.published"||e.kind.startsWith("committee.floor.")||e.kind==="committee.decision.recorded"||e.kind.startsWith("committee.verification.")||e.kind==="committee.replanned"||e.kind==="committee.closed"||e.kind==="committee.command.rejected"&&e.tone==="error"}var q=window.PASE,ie=new URLSearchParams(location.search).get("city")??"";async function f(e,a){let i=e+(e.includes("?")?"&":"?")+"PASE="+encodeURIComponent(q);return ie&&(i+="&city="+encodeURIComponent(ie)),(await fetch(i,{headers:{"X-City-Pase":q,"Content-Type":"application/json"},...a})).json()}function d(e,a=document){let i=a.querySelector(e);if(!i)throw new Error(`no element matches ${e}`);return i}function b(e,a=document){return[...a.querySelectorAll(e)]}function s(e){return String(e??"").replace(/[&<>"']/g,a=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[a])}var z=e=>e.replace(l.casa,"~"),ae=0;function v(e,a=!1){let i=d("#toast");i.textContent=e,i.className="ver"+(a?" mal":""),clearTimeout(ae),ae=window.setTimeout(()=>{i.className=""},3200)}var re=e=>new Promise(a=>setTimeout(a,e)),l,j="mapa",ve=[["resumen","Overview"],["mapa","The map"],["puesto","My seat"],["barrios","Districts & houses"],["red","Roads"],["committee","Committee"],["gente","Agents & skills"]];async function M(){l=await f("/api/estado"),w(),he(),ce(l.live_bus)}function he(){let e=document.querySelector("#livePanel header"),a=document.getElementById("demoControles");if(!e||!l.demo){a?.remove();return}if(a)return;let i=document.createElement("div");i.id="demoControles",i.innerHTML='<span>guided committee</span><button id="demoReplay" type="button" title="Play the guided committee from the top">\u27F3 replay</button><button id="demoPausa" type="button" title="Pause or resume mid-scene">\u23F8 pause</button>',e.appendChild(i);let o=d("#demoPausa",i),t=r=>f("/api/demo",{method:"POST",body:JSON.stringify({action:r})});d("#demoReplay",i).onclick=async()=>{let r=await t("restart");o.textContent="\u23F8 pause",r.ok||v("Could not restart the demo",!0)},o.onclick=async()=>{let r=o.textContent?.includes("resume")??!1,n=await t(r?"resume":"pause");if(!n.running){o.textContent="\u23F8 pause",v("Nothing playing \u2014 hit replay",!0);return}o.textContent=n.paused?"\u25B6 resume":"\u23F8 pause"}}var T=null,V="",k=[],H=!1,_=0,P=null,le=!1,A=!1,D=null;function ce(e){if(!e?.online||!e.url){H=!1,E(),G();return}if(e.url===V&&T&&(T.readyState===WebSocket.OPEN||T.readyState===WebSocket.CONNECTING))return;let a=T;a&&(a.onclose=null,a.close()),V=e.url;let i=new WebSocket(e.url);T=i,H=!1,E(),i.onopen=()=>{T===i&&(H=!0,_=0,E())},i.onmessage=o=>{if(T!==i)return;let t;try{t=JSON.parse(String(o.data))}catch{return}if(t.type==="activity.state")k=Array.isArray(t.events)?t.events.filter(F):[],k.sort((r,n)=>r.seq-n.seq),P===null&&(P=ye()),E(!0);else if(t.type==="activity.event"&&F(t.event)){let r=t.event;k.some(n=>n.id===r.id)||k.push(r),k=k.sort((n,c)=>n.seq-c.seq).slice(-200),!le&&r.kind==="committee.opened"&&r.thread&&(P=r.thread),E(!0),de(r)}},i.onclose=()=>{T===i&&(T=null,H=!1,E(),G())},i.onerror=()=>{}}function de(e){let a=e.kind.startsWith("committee.");if(!ne(e)&&!te(e)&&!a)return;let i=document.querySelector("#cityMapFrame");if(!i)return;if(i.dataset.ready!=="1"){D=e;return}let o=new URL(i.src,location.href).origin;i.contentWindow?.postMessage({protocol:N,type:"activity.event",event:e},o)}function G(){_||(_=window.setTimeout(async()=>{_=0;try{ce(await f("/api/live"))}catch{G()}},1500))}function E(e=!1){let a=document.querySelector("#liveDot"),i=document.querySelector("#liveState"),o=document.querySelector("#liveEvents"),t=document.querySelector("#liveFilter"),r=document.querySelector("#liveContext"),n=document.querySelector("#liveWorkToggle");if(!a||!i||!o||!t||!r||!n)return;a.classList.toggle("on",H),i.textContent=H?"websocket live":V?"reconnecting":"session offline";let c=new Map;for(let g of k)g.thread&&(g.kind==="committee.opened"||g.kind==="conversation.user")&&!Y(g)&&!c.has(g.thread)&&c.set(g.thread,g.summary);t.innerHTML='<option value="">all conversations</option>'+[...c.entries()].reverse().map(([g,L])=>`<option value="${s(g)}">${s(L.slice(0,54)||g)}</option>`).join("");let p=P||"";t.value=[...t.options].some(g=>g.value===p)?p:"",t.onchange=()=>{P=t.value,le=!0,E(!0)},n.classList.toggle("on",A),n.setAttribute("aria-pressed",String(A)),n.textContent=A?"hide work":"show work",n.onclick=()=>{A=!A,E(!0)},be(t.value,r);let y=(t.value?k.filter(g=>g.thread===t.value):k).filter(g=>!Y(g)&&(A||!$e(g)||g.tone==="error"));if(!y.length){o.innerHTML=`<li class="liveEmpty">${H?"The bus is live. Questions, positions and moderated replies will appear here.":"Start the city session. Its visible conversation will appear here as it happens."}</li>`;return}let m=o.scrollHeight-o.scrollTop-o.clientHeight<90;o.innerHTML=y.map(fe).join(""),(e||m)&&(o.scrollTop=o.scrollHeight)}function fe(e){let a=new Date(e.at),i=Number.isNaN(a.getTime())?"":a.toLocaleTimeString([],{hour:"2-digit",minute:"2-digit",second:"2-digit"}),o=e.role==="chair"?"chair":e.role==="member"?"member":"system",t=pe(e.actor),r=e.target&&!["committee","seat"].includes(e.target)?`to ${e.target}`:e.target==="committee"?"to the committee":"",n=e.summary.trim(),c=we(n),p=c!==n,h=e.details.length?`<details class="liveEvidence"><summary>${e.details.length} ${e.details.length===1?"detail":"details"}</summary><ul>${e.details.map(m=>`<li>${s(m)}</li>`).join("")}</ul></details>`:"",y=p?`<details class="liveFull"><summary>read full message</summary><p>${s(n)}</p></details>`:"";return`<li class="liveTurn ${o} ${s(e.tone)}">
+    <div class="liveAvatar${l?.avatars?.[e.actor]?" conCara":""}"
+      style="--actor-hue:${me(e.actor)}" aria-hidden="true">
+      ${ue(e.actor,e.role==="chair")}
+    </div>
+    <article class="liveBubble">
+      <div class="liveMeta"><span class="liveActor">${s(e.actor)}</span>
+        ${t?`<span class="liveRole">${s(t)}</span>`:""}
+        ${r?`<span>${s(r)}</span>`:""}<span class="liveWhen">${s(i)}</span></div>
+      <div class="liveHeading">${ge(e.kind)}<h3>${s(Te(e))}</h3></div>
+      <p>${s(c)}</p>${y}${h}
+    </article>
+  </li>`}function ye(){return[...k].reverse().find(e=>!!e.thread&&(e.kind==="committee.opened"||e.kind==="conversation.user"&&!Y(e)))?.thread||""}function be(e,a){let i=e?l?.deliberations?.find(m=>m.id===e):void 0,o=e?k.filter(m=>m.thread===e):[],t=o.find(m=>m.kind==="committee.opened");if(!i&&!t){a.innerHTML="",a.hidden=!0;return}let r=t?.details.find(m=>m.startsWith("Invited:"))?.slice(8).split(",").map(m=>m.trim()).filter(Boolean)||[],n=i?.participants||r,c=i?.received??new Set(o.filter(m=>m.kind==="committee.position.submitted").map(m=>m.actor)).size,p=i?.total??n.length,h=o.at(-1)?.phase||i?.status||"starting",y=["seat",...n];a.hidden=!1,a.innerHTML=`<div class="livePeople">${y.map(m=>`<span class="livePerson${l?.avatars?.[m]?" conCara":""}" title="${s(m==="seat"?"seat \xB7 chair":`${m} \xB7 ${pe(m)||"member"}`)}" style="--actor-hue:${me(m)}">${ue(m,m==="seat")}</span>`).join("")}</div><span class="liveContextText"><b>seat moderates</b> \xB7 ${s(c)}/${s(p)} positions \xB7 ${s(h)}</span>`}function Y(e){if(e.kind!=="conversation.user")return!1;let a=e.summary.trimStart();return a.startsWith("[Agents City authenticated local bus]")||a.startsWith("<channel")&&a.slice(0,500).includes("plugin:city:city-bus")}function $e(e){return e.kind==="work.command.started"||e.kind==="work.command.completed"||e.kind==="runtime.turn.started"||e.kind==="runtime.turn.completed"||e.kind==="runtime.gateway.ready"||e.kind==="runtime.session.started"||e.kind==="runtime.session.ended"}function pe(e){return e==="seat"?"chair":l?.skills?.[e]?.role||""}function ue(e,a){let i=l?.avatars?.[e];return i&&i.startsWith("data:image/svg+xml;base64,")?`<img class="liveCara" src="${s(i)}" alt="">`:a?ge("chair"):s(ke(e))}function ke(e){let a=e.split(/[-_.\s]+/).filter(Boolean);return(a.length>1?a.slice(0,2).map(o=>o[0]).join(""):e.slice(0,2)).toUpperCase()}function me(e){let a=17;for(let i of e)a=(a*31+i.charCodeAt(0))%360;return a}function we(e){if(e.length<=520)return e;let a=e.slice(0,520).lastIndexOf(" ");return e.slice(0,a>360?a:520).trimEnd()+"\u2026"}function Te(e){return e.kind==="conversation.user"?e.actor==="seat"?"Question":"Brief received":e.kind==="conversation.agent.commentary"?"Working note":e.kind==="conversation.agent"?"Response":e.kind==="committee.opened"?"Question to the committee":e.kind==="committee.position.submitted"?"Position sealed":e.kind==="committee.positions.revealed"?"Blind round complete":e.kind==="committee.position.revealed"?"Position":e.kind==="committee.synthesis.published"?"Chair synthesis":e.kind==="committee.floor.requested"?"Requests the floor":e.kind==="committee.floor.granted"?"Floor granted":e.kind==="committee.floor.denied"?"Floor denied":e.kind==="committee.floor.spoke"?"Intervention":e.kind==="committee.decision.recorded"?"Decision":e.kind.startsWith("committee.verification.")?"Verification":e.kind==="committee.closed"?"Committee closed":e.title}function ge(e){return e==="chair"?'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 17h16l-1.4-9-4.1 3L12 5l-2.5 6-4.1-3L4 17Zm1 2h14"/></svg>':e.includes("question")||e==="committee.opened"||e==="conversation.user"?'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 5h14v10H9l-4 4V5Zm5 4a2 2 0 1 1 3.4 1.4c-.9.6-1.4 1-1.4 2.1M12 14.7v.1"/></svg>':e.includes("decision")||e.includes("verification")||e==="committee.closed"?'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m5 12 4 4L19 6"/></svg>':e.includes("floor")?'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M8 11V5a1.5 1.5 0 0 1 3 0v5-7a1.5 1.5 0 0 1 3 0v7-5a1.5 1.5 0 0 1 3 0v7l1-2a1.5 1.5 0 0 1 2.6 1.5L17 18a4 4 0 0 1-3.5 2H10a5 5 0 0 1-5-5v-3.5a1.5 1.5 0 0 1 3 0V13"/></svg>':e.includes("command")||e.includes("work.")?'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="m6 8 4 4-4 4m6 0h6"/></svg>':'<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 6h14v12H5zM8 10h8m-8 4h5"/></svg>'}function Ee(){d("#rail").innerHTML=ve.map(([i,o])=>{let t=i==="gente"?String(Object.keys(l.skills).length):i==="committee"?String(l.deliberations.length):i==="red"?String(l.roads.length):i==="barrios"?String(l.parcelas.length):"";return`<li class="${i===j?"aqui":""}" data-s="${i}">
+      <span>${o}</span>${t?`<span class="n">${t}</span>`:""}</li>`}).join(""),b("#rail li").forEach(i=>{i.onclick=()=>{j=i.dataset.s??"mapa",w()}}),d("#dondeDatos").textContent=z(l.datos);let e=d("#ciudades");l.ciudades.length>1?(e.innerHTML=`<select id="cambiaCiudad" title="which city this hall manages">
+      ${l.ciudades.map(i=>`<option value="${s(i.ruta)}" ${i.actual?"selected":""}>
+        ${s(i.nombre)}</option>`).join("")}</select>`,d("#cambiaCiudad").onchange=i=>{let o=i.target.value;location.href="/?PASE="+encodeURIComponent(q)+"&city="+encodeURIComponent(o)}):e.innerHTML="";let a=d("#alWizard");a.onclick=async i=>{i.preventDefault();let o=window.prompt("Name of the new city");if(!o?.trim())return;let t=await f("/api/ciudades",{method:"POST",body:JSON.stringify({name:o})});if(t.error||!t.city)return v(t.error??"Could not create the city",!0);location.href="/?PASE="+encodeURIComponent(q)+"&city="+encodeURIComponent(t.city)}}function w(){Ee(),d(".cuerpo").style.padding="",d("#lienzo").style.maxWidth="",x[j](),d(".cuerpo").scrollTop=0}var x={};x.resumen=()=>{let e=l.tarjetas.find(r=>r.user===l.yo),a=l.parcelas.filter(r=>r.unidad==="none"||r.unidad==="mine").length,i=[{ok:!!e,txt:e?`Your card exists \u2014 you are <b>${s(e.agent)}</b>`:"Take your seat: role, folders, one goal",ir:"puesto"},{ok:!!(e&&e.goals_defined),txt:e&&e.goals_defined?`Your goal: <b>${s(e.objetivo?e.objetivo.title:"")}</b>`:"Set <b>one goal</b>, with the command that measures it",ir:"puesto"},{ok:l.parcelas.length>0&&a===0,txt:l.parcelas.length===0?"No houses yet \u2014 pick your folders and they appear":a?`<b>${a}</b> of ${l.parcelas.length} houses sit in no real district \u2014 assign them`:"Every house has its district",ir:"barrios"}],o=l.tmux.includes(l.sesion);d("#lienzo").innerHTML=`
+    <div><span class="sub">your city</span>
+      <h1 style="margin-top:6px">${s(l.city_name)}</h1>
+      <p class="de mono" style="margin-top:5px">${s(l.address)}</p>
+      <p class="prosa" style="margin-top:8px">Domain: <b>${s(l.domain)}</b>. Growth is
+      counted with <code class="mono">${s(l.grow||"nothing yet")}</code>.</p></div>
+    <div class="cifras">
+      <div class="cifra"><b>${Object.keys(l.skills).length}</b><span>repo agents</span></div>
+      <div class="cifra"><b>${l.parcelas.length}</b><span>houses</span></div>
+      <div class="cifra"><b>${l.roads.length}</b><span>roads</span></div>
+      <div class="cifra"><b>${l.deliberations.length}</b><span>committee acts</span></div>
+      <div class="cifra"><b>${Object.values(l.skills).reduce((r,n)=>r+n.skills.length,0)}</b><span>skills recognised</span></div>
+    </div>
+    <div class="luces">
+      <span class="luz ${l.tarjetas.length?"on":""}">data repo</span>
+      <span class="luz ${l.gh?"on":"neutra"}">github${l.gh?"":" \u2014 optional"}</span>
+      <span class="luz ${l.plugin?"on":""}">plugin installed</span>
+      <span class="luz ${o?"on":"neutra"}">tmux session${o?" up":""}</span>
+    </div>
+    <div><span class="sub">what is left</span>
+      <div class="tareas" style="margin-top:9px">${i.map(r=>`
+        <div class="tarea ${r.ok?"hecha":""}">${r.txt}
+          ${r.ok?"":`<button class="bt mini ir" data-ir="${r.ir}">go</button>`}</div>`).join("")}
+      </div></div>
+    <div><span class="sub">work</span>
+      <div style="display:flex;flex-direction:column;gap:9px;margin-top:9px">
+        <div class="orden"><span class="et2">your day</span>
+          <code>${o?"tmux attach -t "+s(l.sesion):"one window per folder, an agent in each"}</code>
+          ${o?`<button class="bt mini" data-copia="tmux attach -t ${s(l.sesion)}">copy</button>`:'<button class="bt mini ppal" id="abreSesion">open my session</button>'}
+        </div>
+        <div class="orden"><span class="et2">the map</span>
+          <code>${l.mapa?s(l.mapa):"not drawn yet"}</code>
+          <button class="bt mini ${l.mapa?"":"ppal"}" data-ir="mapa">${l.mapa?"open":"draw it"}</button></div>
+      </div></div>`,Q();let t=document.querySelector("#abreSesion");t&&(t.onclick=async()=>{t.disabled=!0,t.textContent="building\u2026";let r=await f("/api/sesion",{method:"POST",body:JSON.stringify({user:l.yo})});await re(1500),await M(),v(r.ok&&r.attach?`Session built \u2014 attach with: ${r.attach}`:"Could not build it",!r.ok)})};x.mapa=()=>{if(l.mapa){d(".cuerpo").style.padding="0",d("#lienzo").style.maxWidth="none";let e=new URL(l.mapa,location.href);e.searchParams.set("embed","1"),e.searchParams.set("parent_origin",location.origin),d("#lienzo").innerHTML=`<iframe id="cityMapFrame" src="${s(e.toString())}" title="the map"
+      allow="fullscreen" allowfullscreen
+      style="width:100%;height:calc(100vh - 2px);border:0;display:block"></iframe>`;let a=d("#cityMapFrame");a.onload=()=>{a.dataset.ready="1";let i=new URL(a.src,location.href).origin;if(a.contentWindow?.postMessage({protocol:N,type:"map.config",roads:l.roads.map(o=>({name:o.name,address:o.address})),agents:(l.agents??[]).map(o=>({name:o.name,kind:o.kind})),avatars:l.avatars??{}},i),D){let o=D;D=null,de(o)}};return}d("#lienzo").innerHTML=`<div><span class="sub">the map</span>
+    <h1 style="margin-top:6px">Not drawn yet</h1>
+    <p class="prosa" style="margin-top:8px">The map can be served independently.
+    Locally the hall runs it for you: first time bakes the front end
+    and seeds the local database, which takes about a minute.</p></div>
+    <div><button class="bt ppal" id="arrancaMapa">Draw my city</button></div>
+    <p class="cargando" id="mapaEspera" style="display:none">baking the map \u2014 first time takes a minute</p>`,d("#arrancaMapa").onclick=async()=>{d("#arrancaMapa").disabled=!0,d("#mapaEspera").style.display="",await f("/api/mapa",{method:"POST",body:"{}"});for(let e=0;e<60;e++)if(await re(3e3),l=await f("/api/estado"),l.mapa){w();return}v("It did not come up \u2014 run ./bin/city by hand and look at its output",!0),w()}};x.puesto=()=>{Me()};async function Me(){let e=l.tarjetas.find(u=>u.user===l.yo);d("#lienzo").innerHTML=`<div><span class="sub">my seat</span>
+    <h1 style="margin-top:6px">${s(l.yo)}</h1>
+    <p class="prosa" style="margin-top:8px">First choose the work domain, then your
+    chair role inside it, the folders you answer for, and one goal. The seat stays
+    the boss even when its professional role is blank. Saving writes your card \u2014
+    <code class="mono">${s(z(l.datos))}/${s(l.yo)}.md</code> \u2014 the same file
+    every other door writes.</p></div>
+    <div><span class="sub">work domain</span><div class="rolejilla" id="domains" style="margin-top:9px">
+      <p class="cargando">reading the domain packs</p></div></div>
+    <div><span class="sub">role</span><div class="rolejilla" id="roles" style="margin-top:9px">
+      <p class="cargando">reading the role files</p></div></div>
+    <div><span class="sub">folders</span><div id="carpetas" style="margin-top:9px">
+      <p class="cargando">indexing this disk \u2014 first run can take a minute</p></div></div>
+    <div><span class="sub">role of each support agent</span>
+      <p class="prosa" style="margin-top:8px">The seat above is the chair. Each
+      selected repo below adopts its own specialist role; it never gains chair or
+      road authority. Blank means no preset role knowledge.</p>
+      <div id="agentRoles" style="margin-top:9px"></div></div>
+    <div><span class="sub">one goal \u2014 optional</span><div class="campos" id="meta" style="margin-top:9px"></div></div>
+    <div style="display:flex;gap:10px;align-items:center">
+      <button class="bt ppal" id="guardaPuesto">Save my seat</button>
+      <span class="cargando" id="puestoEstado" style="display:none">writing</span></div>`;let a=(await f("/api/domains")).domains,i=l.domain||l.kind||"software",o=e?e.role:"",t=[],r=()=>{d("#roles").innerHTML=t.map(u=>`
+      <button class="rol ${u.id===o?"on":""}" data-r="${s(u.id)}">
+        <h3>${s(u.name)}</h3><span class="de">${s(u.id)} \xB7 ${s(u.trade.toLowerCase())}</span>
+        <p>${s(u.summary)}</p></button>`).join(""),b("#roles .rol").forEach(u=>{u.onclick=()=>{o=u.dataset.r??"",r()}})},n=async()=>{t=(await f("/api/roles?domain="+encodeURIComponent(i))).roles,t.some(u=>u.id===o)||(o=""),r()},c=()=>{d("#domains").innerHTML=a.map(u=>`
+      <button class="rol ${u.id===i?"on":""}" data-d="${s(u.id)}">
+        <h3>${s(u.name)}</h3><span class="de">${s(u.id)}</span>
+        <p>${s(u.summary)}</p></button>`).join(""),b("#domains .rol").forEach(u=>{u.onclick=()=>{i=u.dataset.d??"software",c(),n()}})};c(),await n();let[p,h]=await Promise.all([f("/api/misrepos?user="+encodeURIComponent(l.yo)),f("/api/roles?scope=agent")]),{repos:y}=p,m=h.roles,g=new Set(e&&e.repos.length?e.repos:y.filter(u=>u.mio).map(u=>u.nombre)),L={...e?.repo_roles||{}},R=()=>{d("#agentRoles").innerHTML=K(g,L,m,s),b("#agentRoles [data-repo-role]").forEach(u=>{u.onchange=()=>{L[u.dataset.repoRole??""]=u.value||"blank"}})},B="",I=()=>{let u=y.filter($=>!B||$.nombre.toLowerCase().includes(B));d("#carpetas").innerHTML=`<div class="lista">
+      <div class="barra">
+        <input class="mono" id="fl" placeholder="filter ${y.length} repos\u2026" value="${s(B)}">
+        <button class="mini2" id="rescan" title="the index caches for a day \u2014 this rebuilds it now">rescan disk</button>
+        <button class="mini2" id="nada">none</button>
+        <span class="de" style="font-family:var(--mono);font-size:11px;color:var(--tinta3)">${g.size} picked</span>
+      </div>
+      <div class="filas">${u.map($=>`
+        <div class="fila ${g.has($.nombre)?"on":""}" data-n="${s($.nombre)}">
+          <span class="caja">${g.has($.nombre)?"[x]":"[ ]"}</span>
+          <span class="et">${s($.nombre)}</span>
+          <span class="de">${s($.cuando||"\u2014")}  ${s(z($.ruta))}</span></div>`).join("")||'<div class="fila"><span class="de" style="margin:0">nothing matches</span></div>'}
+      </div></div>
+      <p class="pista" style="margin-top:6px;font-size:11.5px;color:var(--tinta3);font-style:italic">
+      Ticked by your commits this year. Owning <b>no</b> folders is a real answer for a
+      cross-cutting role \u2014 your city is simply empty, and your work is the roads.</p>`;let X=d("#fl");X.oninput=()=>{B=X.value.toLowerCase(),I();let $=d("#fl");$.focus(),$.setSelectionRange($.value.length,$.value.length)},d("#rescan").onclick=async()=>{let $=d("#rescan");$.textContent="scanning\u2026",$.disabled=!0,{repos:y}=await f("/api/misrepos?refresh=1&user="+encodeURIComponent(l.yo)),I(),v(`${y.length} repos on this disk`)},d("#nada").onclick=()=>{u.forEach($=>g.delete($.nombre)),I()},b("#carpetas .fila[data-n]").forEach($=>{$.onclick=()=>{let U=$.dataset.n??"";g.has(U)?g.delete(U):g.add(U),I()}}),R()};I();let S=e&&e.objetivo||{};d("#meta").innerHTML=`
+    <div class="campo"><label>The goal, in one line</label>
+      <input type="text" id="g_title" value="${s(S.title)}" placeholder="Concrete enough to argue with \u2014 empty skips it">
+    </div>
+    <div class="dos">
+      <div class="campo"><label>How it is measured</label>
+        <input type="text" id="g_signal" value="${s(S.signal)}"></div>
+      <div class="campo"><label>The command that returns it, if a command can</label>
+        <input type="text" class="mono" id="g_command" value="${s(S.command)}"
+          placeholder="empty for a qualitative goal"></div>
+    </div>
+    <div class="campo"><label>\u2026or who judges it, and how often</label>
+      <input type="text" id="g_manual" value="${s(S.manual)}"
+        placeholder="in prose: the architect reads the AGENTS.md files on Fridays">
+      <p class="pista">A goal judged by a person is a real goal \u2014 plenty of quality
+        is prose, not a number. Used when the command is empty.</p></div>
+    <div class="dos">
+      <div class="campo"><label>What it returns today</label>
+        <input type="text" class="mono" id="g_baseline" value="${s(S.baseline)}"></div>
+      <div class="campo"><label>Where it has to get to</label>
+        <input type="text" class="mono" id="g_target" value="${s(S.target)}"></div>
+    </div>
+    <div class="campo" style="max-width:240px"><label>By when</label>
+      <input type="text" id="g_by" value="${s(S.by??"this quarter")}"></div>`;let C=u=>d(u).value.trim();d("#guardaPuesto").onclick=async()=>{if(!o){v("Pick a role \u2014 it is the name your seat answers to",!0);return}d("#puestoEstado").style.display="";let u=await f("/api/ficha",{method:"POST",body:JSON.stringify({user:l.yo,domain:i,role:o,repos:[...g],repo_roles:Z(g,L),objetivo:{title:C("#g_title"),signal:C("#g_signal"),command:C("#g_command"),manual:C("#g_manual"),baseline:C("#g_baseline"),target:C("#g_target"),by:C("#g_by")||"this quarter"}})});await M(),v(u.ok?`Card written \u2014 you are ${u.user??l.yo}`:u.error??"It could not write",!u.ok)}}x.barrios=()=>{let e=l.unidades.map(r=>({...r})),a=new Set(l.lab),i={};for(let r of l.parcelas)(i[r.repo]=i[r.repo]??[]).push({ruta:r.ruta,unidad:r.unidad,nombre:r.nombre});let o=r=>r.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"").slice(0,20),t=()=>{let r=new Set([...e.map(n=>n.id),"none"]);d("#lienzo").innerHTML=`<div><span class="sub">districts & houses</span>
+      <h1 style="margin-top:6px">The modelling no tool can do for you</h1>
+      <p class="prosa" style="margin-top:8px">A house is <b>not a repo</b> \u2014 it is a
+      parcel, a slice of one serving a single business unit. Split the interesting
+      repos, give every house its district, and the map can say
+      \u201Cthis change touches banking\u201D instead of \u201Cthis change touches src/lib\u201D.</p></div>
+
+      <div><span class="sub">districts</span>
+        <div class="tabla" id="unidades" style="margin-top:9px"></div>
+        <div style="display:flex;gap:9px;margin-top:9px">
+          <input type="text" id="nuevaU" placeholder="another district\u2026" style="flex:1">
+          <button class="bt" id="masU">Add</button></div></div>
+
+      <div><span class="sub">houses</span><div id="parcelas" style="margin-top:9px"></div></div>
+
+      <div style="display:flex;gap:10px;align-items:center">
+        <button class="bt ppal" id="guardaBarrios">Save districts & houses</button>
+        <span style="font-size:12px;color:var(--tinta3);font-style:italic">
+          writes units.yml and parcels.yml \u2014 reseed the map to see it drawn</span></div>`,d("#unidades").innerHTML=e.map((n,c)=>`
+      <div class="tr">
+        <input type="text" value="${s(n.name)}" data-i="${c}" style="flex:1">
+        <span class="id">${s(n.id)}</span>
+        <span class="pips" data-i="${c}">${l.paleta.map(p=>`
+          <button class="pip ${p.hex===n.color?"on":""}" data-c="${p.hex}"
+            style="background:#${p.hex}" title="${s(p.nombre)}"></button>`).join("")}</span>
+        <button class="x" data-x="${c}">\xD7</button></div>`).join("")||'<div class="tr" style="color:var(--tinta3);font-size:12.5px">No districts yet \u2014 everything sits in \u201Cno unit\u201D.</div>',d("#parcelas").innerHTML=Object.keys(i).sort().map(n=>`
+      <div class="repoBloque" data-repo="${s(n)}">
+        <div class="repoCab"><span>${s(n)}</span>
+          <button class="bt mini" data-split="${s(n)}">split</button>
+          <label class="lab"><input type="checkbox" data-lab="${s(n)}"
+            ${a.has(n)?"checked":""}> lab</label></div>
+        ${(i[n]??[]).map((c,p)=>`
+          <div class="parcela">
+            <input type="text" value="${s(c.nombre)}" data-k="nombre" data-r="${s(n)}" data-j="${p}" title="name on the map">
+            <input type="text" class="mono" value="${s(c.ruta)}" data-k="ruta" data-r="${s(n)}" data-j="${p}"
+              placeholder="glob inside the repo \u2014 empty = the whole repo">
+            <select data-k="unidad" data-r="${s(n)}" data-j="${p}">
+              ${[...e.map(h=>h.id),"none"].map(h=>`
+                <option value="${s(h)}" ${(r.has(c.unidad)?c.unidad:"none")===h?"selected":""}>${s(h)}</option>`).join("")}
+            </select>
+            ${(i[n]??[]).length>1?`<button class="x" data-quita="${s(n)}" data-j="${p}">\xD7</button>`:"<span></span>"}
+          </div>`).join("")}
+      </div>`).join("")||'<p class="prosa">No houses yet. Pick your folders in <b>My seat</b> and each becomes one.</p>',b("#unidades input[data-i]").forEach(n=>{n.oninput=()=>{let c=e[Number(n.dataset.i)];if(!c)return;c.name=n.value,c.id=o(n.value)||c.id;let p=n.closest(".tr")?.querySelector(".id");p&&(p.textContent=c.id)}}),b("#unidades .pip").forEach(n=>{n.onclick=()=>{let c=n.closest(".pips"),p=e[Number(c?.dataset.i)];p&&(p.color=n.dataset.c??p.color,t())}}),b("#unidades .x[data-x]").forEach(n=>{n.onclick=()=>{e.splice(Number(n.dataset.x),1),t()}}),d("#masU").onclick=()=>{let n=d("#nuevaU").value.trim();if(!n)return;let c=e.map(h=>h.color),p=l.paleta.find(h=>!c.includes(h.hex))??l.paleta[0];e.push({id:o(n),name:n,color:p?p.hex:"c8b48a"}),t()},d("#nuevaU").onkeydown=n=>{n.key==="Enter"&&d("#masU").click()},b("#parcelas [data-k]").forEach(n=>{n.onchange=()=>{let c=i[n.dataset.r??""]?.[Number(n.dataset.j)];if(!c)return;let p=n.dataset.k;c[p]=n.value}}),b("#parcelas [data-split]").forEach(n=>{n.onclick=()=>{let c=n.dataset.split??"";(i[c]=i[c]??[]).push({ruta:"",unidad:"none",nombre:`${c} \xB7 new slice`}),t()}}),b("#parcelas [data-quita]").forEach(n=>{n.onclick=()=>{i[n.dataset.quita??""]?.splice(Number(n.dataset.j),1),t()}}),b("#parcelas [data-lab]").forEach(n=>{n.onchange=()=>{let c=n.dataset.lab??"";n.checked?a.add(c):a.delete(c)}}),d("#guardaBarrios").onclick=async()=>{let n=await f("/api/unidades",{method:"POST",body:JSON.stringify({unidades:e})}),c=await f("/api/parcelas",{method:"POST",body:JSON.stringify({repos:i,lab:[...a]})});await M();let p=n.error??c.error;v(p??"Districts and houses written",!!p)}};t()};x.red=()=>{let e=new Set(l.roads.map(o=>o.id)),a=l.ciudades.filter(o=>!o.actual&&o.id&&!e.has(o.id)),i=JSON.stringify(l.invitation);d("#lienzo").innerHTML=`<div><span class="sub">roads</span>
+    <h1 style="margin-top:6px">Cities this one may reach</h1>
+    <p class="prosa" style="margin-top:8px">A road joins city seats. It may stay on
+    this machine or continue over the remote bus; the city sees one explicit
+    connection either way.</p></div>
+    <div class="gente">${l.roads.map(o=>`<div class="persona"><h3>${s(o.name)}</h3>
+          <span class="ag">${s(o.address)}</span>
+          <span class="rp">${o.local?"local road":"remote road"}</span>
+          <button class="bt mini" data-road-close="${s(o.id)}">close</button></div>`).join("")||'<p class="prosa">No roads yet. This city is isolated on purpose.</p>'}</div>
+    <div><span class="sub">other cities on this machine</span>
+      <div class="gente" style="margin-top:9px">${a.map(o=>`<div class="persona"><h3>${s(o.nombre)}</h3>
+              <span class="ag">${s(o.slug??o.ruta)}</span>
+              <button class="bt mini ppal" data-road-open="${s(o.id)}">open road</button></div>`).join("")||'<p class="prosa">No unconnected local cities.</p>'}</div></div>
+    <div class="orden"><span class="et2">remote invitation \xB7 public, no token</span>
+      <code>${s(i)}</code>
+      <button class="bt mini" data-copia="${s(i)}">copy</button>
+    </div>`,Q(),b("[data-road-open]").forEach(o=>{o.onclick=async()=>{let t=await f("/api/roads",{method:"POST",body:JSON.stringify({action:"connect",target:o.dataset.roadOpen})});if(t.error)return v(t.error,!0);await M(),v("Road open at both local cities")}}),b("[data-road-close]").forEach(o=>{o.onclick=async()=>{let t=await f("/api/roads",{method:"POST",body:JSON.stringify({action:"disconnect",target:o.dataset.roadClose})});if(t.error)return v(t.error,!0);await M(),v("Road closed")}})};x.committee=()=>{d("#lienzo").innerHTML=`<div><span class="sub">committee</span>
+    <h1 style="margin-top:6px">Decisions with a visible chain of custody</h1>
+    <p class="prosa" style="margin-top:8px">The seat selects relevant repo agents,
+    gathers isolated positions, controls the floor, decides and assigns an
+    independent verification. This view is read-only; the vendor-neutral CLI
+    drives the protocol.</p></div>
+    <div class="orden"><span class="et2">start</span>
+      <code>agents-city committee schema open</code>
+      <button class="bt mini" data-copia="agents-city committee schema open">copy</button>
+    </div>
+    <div class="gente">${l.deliberations.map(e=>`<div class="persona">
+            <h3>${s(e.question)}</h3>
+            <span class="ag">${s(e.status)} \xB7 revision ${e.revision} \xB7
+              ${e.received}/${e.total} positions</span>
+            <span class="rp">${s(e.decision||e.desired_outcome)}</span>
+            <span class="de">${s(e.participants.join(", ")||"no participants")}
+              ${e.contributors.length?` \xB7 decisive ${s(e.contributors.join(", "))}`:""}
+              ${e.verifier?` \xB7 verifier ${s(e.verifier)} ${s(e.verification)}`:""}</span>
+            <code class="mono">${s(z(e.act))}</code>
+          </div>`).join("")||'<p class="prosa">No committee acts yet. Open one only when the seat needs specialised evidence.</p>'}</div>`,Q()};function xe(e){let a=e.toLowerCase();if(!a)return{ancho:.5,texto:"default",defecto:!0};for(let[i,o]of[["fable",1],["opus",.8],["sonnet",.55],["haiku",.35]])if(a.includes(i))return{ancho:o,texto:a,defecto:!1};return{ancho:.6,texto:a,defecto:!1}}var se={low:1,medium:2,high:3,xhigh:4,max:5},Le=["haiku","sonnet","opus","fable"];function W(e,a){return e.concat(a&&!e.includes(a)?[a]:[]).map(i=>`<option value="${s(i)}"${i===a?" selected":""}>${s(i||"default")}</option>`).join("")}function oe(e){return e?.startsWith("data:image/svg+xml;base64,")?`<img class="rpgCara" src="${s(e)}" alt="">`:""}function J(e,a=""){let i=Math.round(Math.max(0,Math.min(1,e))*100);return`<span class="barra${a?" "+a:""}"><span class="llena" style="width:${i}%"></span></span>`}x.gente=()=>{let e=l.tarjetas.find(t=>t.user===l.yo),a=l.agents??[],i=t=>{let r=xe(t.model),n=se[t.effort]??0,c=t.growth,p=Math.min(1,Math.log2(c.floors+1)/8),h=l.skills[t.name]?.skills??[],y=t.runtime==="claude",m=W([""].concat(Le),t.model)+'<option value="__otro__">custom\u2026</option>',g=W([""].concat(Object.keys(se)),t.effort),L=W(["claude","codex","opencode","kimi"],t.runtime);return`
+      <div class="fichaRPG">
+        <div class="rpgCab">${oe(t.avatar)}
+          <div><h3>${s(t.name)}</h3>
+          <span class="rpgTags"><span class="kindChip ${s(t.kind)}">${s(t.kind)}</span>
+          <span class="rpgRol">${s(t.role)}</span>
+          <span class="rpgHogar">${t.legacy?"repo":`workspace \xB7 ${t.mounts|0} ${t.mounts===1?"mount":"mounts"}`}</span></span></div>
+          <span class="rpgBotones">
+            <button class="rpgMini rpgDado" type="button" data-agente="${s(t.slug)}"
+              title="Reroll this agent's face \u2014 deterministic, persisted on the card">\u{1F3B2}</button>
+            <button class="rpgMini rpgIns" type="button" data-agente="${s(t.slug)}"
+              data-file="CLAUDE.md" title="Instructions the Claude runtime reads">CLAUDE.md</button>
+            <button class="rpgMini rpgIns" type="button" data-agente="${s(t.slug)}"
+              data-file="AGENTS.md" title="Instructions Codex, OpenCode and Kimi read">AGENTS.md</button>
+          </span>
+        </div>
+        <div class="rpgFila"><label>engine</label>
+          ${J(r.ancho,r.defecto?"defecto":"")}
+          <select class="rpgSel" data-agente="${s(t.slug)}" data-campo="model"
+            ${y?"":'disabled title="This window runs its own CLI; its model lives in its own flags"'}>
+            ${m}</select></div>
+        <div class="rpgFila"><label>effort</label>
+          ${J(n/5,n?"":"defecto")}
+          <select class="rpgSel" data-agente="${s(t.slug)}" data-campo="effort"
+            ${y?"":'disabled title="This window runs its own CLI; its effort lives in its own flags"'}>
+            ${g}</select></div>
+        <div class="rpgFila"><label>provider</label>
+          <span class="rpgDato"><span class="cliDot ${t.cli.connected?"on":t.cli.installed?"idle":"off"}" title="${s(t.cli.connected?"connected: this agent\u2019s window is alive right now":t.cli.installed?"installed on this machine, not in use by this agent":`${t.cli.binary} is not installed`)}"></span>${s(t.cli.connected?"connected":t.cli.installed?"idle":"missing")} \xB7 ${s(t.cli.binary)}
+          <button class="rpgMini rpgTest" type="button" data-agente="${s(t.slug)}"
+            title="Run the engine for real: --version, and the login state on Claude">test</button></span>
+          <select class="rpgSel" data-agente="${s(t.slug)}" data-campo="runtime">
+            ${L}</select></div>
+        <div class="rpgFila"><label>growth</label>
+          ${J(p)}
+          <span class="rpgDato">${c.floors|0} floors \xB7 ${c.bricks|0} bricks \xB7 ${c.activity30|0}/30d</span></div>
+        <div class="rpgSkills"><label>skills \xB7 ${h.length}</label>
+          ${h.length?h.map(R=>`<code class="mono" title="${s(R.description)}">${s(R.name)}${R.removable&&R.dir?`<button class="rpgQuitar" type="button" data-agente="${s(t.slug)}"
+                              data-skill="${s(R.dir)}" title="Remove this skill from the agent's home">\xD7</button>`:""}</code>`).join(" "):'<span class="rpgDato">none discovered</span>'}
+          <label class="rpgMini rpgSubir"
+            title="Install a skill zip into this agent's own home \u2014 the Claude runtime reads skills; other engines ignore them">
+            + zip<input type="file" accept=".zip" data-agente="${s(t.slug)}"></label></div>
+      </div>`};d("#lienzo").innerHTML=`<div><span class="sub">agents & skills</span>
+    <h1 style="margin-top:6px">One seat, support agents behind it</h1>
+    <p class="prosa" style="margin-top:8px">Every number on a card is real: the
+    engine comes from the card keys the launcher resolves, growth from what the
+    agent actually produced, skills from live read-only recognition \u2014 Agents
+    City copies and installs nothing. Engine changes persist to the card and
+    apply the next time the session opens.</p></div>
+    <div class="fichasRPG">
+      <div class="fichaRPG rpgSeat">
+        <div class="rpgCab">${oe(l.avatars?.seat)}
+          <div><h3>seat</h3>
+          <span class="rpgTags"><span class="kindChip coordinator">chair</span>
+          <span class="rpgRol">${s(e?.role??"not configured")}</span></span></div>
+        </div>
+        <div class="rpgFila"><span class="rpgDato">${s(l.address)}</span></div>
+        <div class="rpgFila"><span class="rpgDato">${s(e?.objetivo?.title??"No goal yet")}</span></div>
+      </div>
+      ${a.map(i).join("")}
+    </div>`;let o=async(t,r)=>{let n;try{n=await f("/api/agente",{method:"POST",body:JSON.stringify(t)})}catch(c){v(String(c),!0),w();return}if(!n.ok||!n.agent){v(n.error||"Could not save",!0),w();return}l.agents=(l.agents??[]).map(c=>c.slug===n.agent.slug?n.agent:c),l.avatars&&(l.avatars[n.agent.name]=n.agent.avatar),v(r),w()};b(".rpgSel").forEach(t=>{t.onchange=async()=>{let r=t.value;if(r==="__otro__"){let n=window.prompt("Model alias (resolved by the CLI at launch):","");if(n===null){w();return}r=n.trim().toLowerCase()}await o({agent:t.dataset.agente??"",[t.dataset.campo??"model"]:r},"Saved \u2014 applies next session")}}),b(".rpgDado").forEach(t=>{t.onclick=()=>o({agent:t.dataset.agente??"",avatar:Math.random().toString(36).slice(2,8)},"New look \u2014 same identity, everywhere, forever")}),b(".rpgTest").forEach(t=>{t.onclick=async()=>{t.disabled=!0;try{let r=await f("/api/motor",{method:"POST",body:JSON.stringify({agent:t.dataset.agente??""})});if(r.error){v(r.error,!0);return}let n=[r.version,r.detail].filter(Boolean).join(" \xB7 ");v(r.ok?`${r.binary} works \u2014 ${n}`:`${r.binary}: ${r.detail||"failed"}`,!r.ok)}catch(r){v(String(r),!0)}finally{t.disabled=!1}}}),b(".rpgQuitar").forEach(t=>{t.onclick=async()=>{let r=t.dataset.skill??"";if(!window.confirm(`Remove the skill ${r} from this agent's home?`))return;let n=await f("/api/skill",{method:"POST",body:JSON.stringify({agent:t.dataset.agente??"",remove:r})});if(!n.ok){v(n.error||"Could not remove",!0);return}v(`Skill ${r} removed`),M()}}),b(".rpgIns").forEach(t=>{t.onclick=()=>void Se(t.dataset.agente??"",t.dataset.file??"")}),b(".rpgSubir input").forEach(t=>{t.onchange=async()=>{let r=t.files?.[0];if(r){t.disabled=!0;try{let n=await Re(r),c=r.name.replace(/\.zip$/i,"").toLowerCase().replace(/[^a-z0-9-]+/g,"-").replace(/^-+|-+$/g,""),p=await f("/api/skill",{method:"POST",body:JSON.stringify({agent:t.dataset.agente??"",name:c,zip:n})});if(!p.ok){v(p.error||"Could not install",!0);return}v(`Skill ${p.skill} installed \u2014 the Claude runtime reads it next session`),M()}catch(n){v(String(n),!0)}finally{t.disabled=!1,t.value=""}}}})};function Re(e){return new Promise((a,i)=>{let o=new FileReader;o.onerror=()=>i(o.error),o.onload=()=>a(String(o.result).split(",",2)[1]??""),o.readAsDataURL(e)})}var O=null;async function Se(e,a){let i=await f(`/api/instrucciones?agent=${encodeURIComponent(e)}&file=${encodeURIComponent(a)}`);if(i.error){v(i.error,!0);return}O={agent:e,file:a},d("#edTitulo").textContent=`${e} \xB7 ${a}`,d("#edLector").textContent=`read by ${i.reader??"?"}${i.exists?"":" \xB7 new file"}`,d("#edRuta").textContent=i.home?`${i.home}/${a}`:"",d("#edTexto").value=i.content??"",d("#editorIns").hidden=!1,d("#edTexto").focus()}document.getElementById("edCerrar")?.addEventListener("click",()=>{d("#editorIns").hidden=!0,O=null});document.getElementById("edGuardar")?.addEventListener("click",async()=>{if(!O)return;let e=await f("/api/instrucciones",{method:"POST",body:JSON.stringify({...O,content:d("#edTexto").value})});if(!e.ok){v(e.error||"Could not save",!0);return}v("Saved"),d("#editorIns").hidden=!0,O=null});function Q(){b("[data-copia]").forEach(e=>{e.onclick=async()=>{try{await navigator.clipboard.writeText(e.dataset.copia??""),v("Copied")}catch{v("Could not copy \u2014 select it by hand",!0)}}}),b("[data-ir]").forEach(e=>{e.onclick=()=>{j=e.dataset.ir??"mapa",w()}})}function Ce(){let e=document.getElementById("app"),a=document.getElementById("liveResize"),i=document.getElementById("livePanel");if(!e||!a||!i)return;let o="hall-live-width",t=n=>{n===null?e.style.removeProperty("--live-ancho"):e.style.setProperty("--live-ancho",`${Math.round(n)}px`)},r=n=>Math.max(340,Math.min(n,Math.max(420,window.innerWidth*.6)));try{let n=Number(localStorage.getItem(o));n>0&&t(r(n))}catch{}a.addEventListener("pointerdown",n=>{n.preventDefault();let c=n.clientX,p=i.getBoundingClientRect().width;e.classList.add("liveResizing"),a.setPointerCapture(n.pointerId);let h=m=>t(r(p+(c-m.clientX))),y=()=>{e.classList.remove("liveResizing"),a.removeEventListener("pointermove",h),a.removeEventListener("pointerup",y),a.removeEventListener("pointercancel",y);try{localStorage.setItem(o,String(Math.round(i.getBoundingClientRect().width)))}catch{}};a.addEventListener("pointermove",h),a.addEventListener("pointerup",y),a.addEventListener("pointercancel",y)}),a.addEventListener("dblclick",()=>{t(null);try{localStorage.removeItem(o)}catch{}})}window.addEventListener("message",e=>{if(!ee(e.data))return;let a=document.querySelector("#cityMapFrame");if(!a||e.source!==a.contentWindow||e.origin!==new URL(a.src,location.href).origin)return;let i=e.data.view;i!=="committee"&&i!=="red"||(j=i,w())});Ce();M();