{cur.label}

{cur.desc}

{GEM_STATES.map(g => ( ))}

click a state · the whole Council reads through this light

); } /* --------------------------------------------------------- VV MASK/MODE - */ const VV_MODES = [ { id: "butler", label: "Butler", icon: "agent", state: "clear", title: "Butler Mode", desc: "Casual execution. Warm operating assistant — organising, responding, keeping the house in order.", mask: "open", perms: ["responds to Diego directly", "light automation", "no destructive deploys"] }, { id: "battle", label: "Battle / DND", icon: "shield", state: "caution", title: "Battle Mode · DND", desc: "Deployment focus. Mask closed. No interruption unless critical. Currently holding deploy #A7F2 for Viiera.", mask: "closed", perms: ["deployment focus", "interrupts suppressed", "critical-only escalation"] }, { id: "agent", label: "Agent Swarm", icon: "nexus", state: "focus", title: "Agent Mode", desc: "Coordinates smaller bot crews and parallel execution threads. 4 sub-agents currently active.", mask: "half", perms: ["spawns sub-agents", "parallel threads", "aggregates results"] }, ]; function VVMask({ mode }) { const m = VV_MODES.find(x => x.id === mode); const c = DW.STATE_META[m.state].c; const eyeOpen = m.mask === "open" ? 1 : m.mask === "half" ? 0.45 : 0.08; return (

{/* eyes */}

{[0, 1].map(i => (

))}

{/* mask visor line */}

{m.title}

Mask {m.mask}

); } /* ----------------------------------------------------------- AGENT PROFILE */ function AgentProfile({ agentId, nav }) { const a = DW.agent(agentId); const [gemState, setGemState] = useState(a.state); const [vvMode, setVVMode] = useState("battle"); const isViiera = a.id === "viiera", isVV = a.id === "vv"; const liveState = isViiera ? gemState : isVV ? VV_MODES.find(m => m.id === vvMode).state : a.state; return (

{a.domain} Domain{a.name}

{/* profile header — surface tints toward domain colour */}

{/* portrait slot — character key art */} {a.art ? (

{a.domain} · key art

) : (

{a.name.toUpperCase()}portrait / key art
character render
drop asset here

)} {/* identity + boundaries */}

{a.name}

{a.role}

g.s===gemState).label : a.stateLabel} tag={a.indicator} />

{a.desc}

Current task

{a.task}

Operating boundaries · domain does not cross uninvited

{a.boundaries.map((b, i) => {b})}

{/* state instrument: gem / mask / generic */}

{isViiera ? "Crown Gem" : isVV ? "VV Core · Mask" : "State indicator"}

{isViiera ? : isVV ? :

{a.indicatorLabel}

}

{/* VV mode selector */} {isVV && ( m.id===vvMode).state} label={VV_MODES.find(m=>m.id===vvMode).label} />} />

{VV_MODES.map(m => )}

{VV_MODES.map(m => (

{m.title}

{m.desc}

{m.perms.map((p, i) =>

{p}

)}

))}

)} {/* lower grid: telemetry, tools, memory, recent activity */}

{a.stats.map((s, i) => (

{s.k} {s.v}

))}

{a.tools.map((t, i) => (

{t.n} {t.gated && gated} {t.why && {t.why}}

))}

{a.memory.map((m, i) => (

{m}

))}

nav("log")}>all →} />

{DW.LOG.filter(e => e.agent === a.name).slice(0, 5).map((e, i) => (

{e.t} {e.msg}

))} {DW.LOG.filter(e => e.agent === a.name).length === 0 &&

No recent events

}

{/* capability tree + token budget */}

{/* Development Record — competence / proof / promotion history */} {typeof AgentDevelopmentRecord === "function" && }

); } /* ----------------------------------------------- skill tree (inline) ---- */ function skillTreeFor(a) { if (DW.SKILLS[a.id]) return DW.SKILLS[a.id]; const ok = a.tools.filter(t => t.ok), locked = a.tools.find(t => !t.ok); return { tiers: [ [{ n: a.domain + " Core", s: "lit" }], ok.slice(0, 3).map((t, i) => ({ n: t.n, s: i < 2 ? "lit" : "avail" })), [{ n: "Autonomy L3", s: "locked", why: "requires Diego grant" }].concat(locked ? [{ n: locked.n, s: "locked", why: locked.why }] : []), ] }; } function SkillTreeInline({ a, nav }) { const tiers = skillTreeFor(a).tiers; const [sel, setSel] = useState(null); return ( lit avail locked

} />

{tiers.map((tier, ti) => (

Tier {ti + 1}

{tier.map((node, ni) => { const lit = node.s === "lit", locked = node.s === "locked"; return ( ); })}

))}

{sel ? (

{sel.s === "locked" ? : } {sel.n} {sel.s === "lit" ? "Unlocked" : sel.s === "locked" ? "Locked" : "Available"} Tier {sel.tier}

{sel.s === "lit" ? "Active — contributes to live telemetry." : sel.s === "locked" ? (sel.why ? "Locked · requires " + sel.why + "." : "Locked by doctrine — needs a Diego grant.") : "Reachable next. No glow until unlocked."}

) :

Select a node to inspect its capability.

}

); } /* -------------------------------------------- agent token budget panel -- */ function AgentTokenPanel({ a }) { const base = DW.AGENT_TOKENS[a.id] || { spent: 0, limit: 1000000 }; const [limit, setLimit] = useState(base.limit); const pct = Math.min(100, Math.round(base.spent / limit * 100)); const over = base.spent > limit; return ( : 85 ? "caution" : "clear"} label={pct + "%"} />} />

{DW.fmtTok(base.spent)} / {DW.fmtTok(limit)} limit

85 ? "var(--state-caution)" : a.ac }} />

spend across all {a.name} work · 30-day window

Set limit

{DW.fmtTok(limit)}

Hard cap halts {a.name} at the limit until you raise it.

); } Object.assign(window, { CouncilOverview, CircuitView, AgentProfile, Sigil, CrownGem, VVMask, VV_MODES, GEM_STATES, SkillTreeInline, AgentTokenPanel });