/* ============================================================================
DIVONCI WORLD — VIIERA COMMAND CONSOLE (screens_viiera_console.jsx)
----------------------------------------------------------------------------
Viiera's control plane over the entire Council's voice. An agent switcher
scopes the per-agent tabs (Profile, Rules, Templates, Tests, Logs). Phrase
Controls are Council-wide policy; Versions are Viiera-gated — publishing any
agent's persona routes through her authority. Backed by 8 Supabase tables
(project bdiknyzwfgucnlvvyzbs) through the DW.* seam. Every read flows through
useResource()/DW.get; every write through DW.mutate. Destructive actions are
confirm-gated; failures surface as toasts.
========================================================================== */
const { useState: useStateV, useEffect: useEffectV, useMemo: useMemoV, useRef: useRefV } = React;
/* ── option vocabularies (mirror the table CHECK constraints) ─────────────── */
const RULE_TYPES = ["must", "should", "never", "style", "fallback"];
const CONTROL_TYPES = ["banned", "avoid", "preferred", "required"];
const SEVERITIES = ["critical", "high", "medium", "low"];
const PROFILE_STATUS = ["draft", "staging", "live", "archived"];
const TONES = ["warm", "precise", "commanding", "urgent", "firm"];
const COUNCIL_ORDER = ["viiera", "nova", "claws", "brodex", "vv", "optimus"];
/* sample values used to render intent-template previews */
const VC_SAMPLE = {
name: "Diego", salutation: "Evening", council_state: "steady — one threat held",
live_count: "3", held_count: "1", top_priority: "clear deploy #A7F2",
recommendation: "Hold until BroDex closes the dual-reasoning.",
deploy_id: "#A7F2", verdict: "held", reason: "BroDex flagged a dependency origin.",
threat: "Threat signature confirmed", target: "external dependency",
alternative: "stage it behind a flag and route to BroDex", question: "which surface — hero, nav, or banner?",
agent: "Claws", topic: "the launch film", safe: "a product montage", strong: "one operator's day end to end",
wild: "narrate it as the Council waking up", premise: "we shipped with no homepage", assumption: "that a launch needs a page",
headline: "Divonci World is live", body: "The command OS for agencies.", route: "Eagle",
changes: "Cut two intensifiers and the filler line.", outcome: "reads in half the words",
claim: "the dependency is safe", confidence: "medium", for: "signed releases", against: "one unverified origin", sources: "SBOM, registry",
signature: "typosquat origin", action: "hold the deploy", status: "validated", detail: "Build green, preview up.",
task: "spin up the build agents", scope: "build + test only", cycle: "Cycle 12", metric: "frame time", delta: "18%", before: "42ms", after: "34ms", next: "shader cache warming",
};
/* tiny helpers */
function vcCommaList(v) { return Array.isArray(v) ? v.join(", ") : (v || ""); }
function vcParseList(s) { return String(s || "").split(",").map((x) => x.trim()).filter(Boolean); }
function vcDate(iso) { if (!iso) return "—"; const d = new Date(iso); return d.toLocaleDateString(undefined, { month: "short", day: "numeric" }) + " · " + d.toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" }); }
function vcJSON(v) { try { return JSON.stringify(v, null, 2); } catch (e) { return "{}"; } }
function agentName(slug) { if (slug === "council") return "Council"; const a = DW.agent(slug); return a ? a.name : slug; }
function agentColor(slug) { if (slug === "council") return "var(--gold-bright)"; const a = DW.agent(slug); return a ? a.ac : "var(--violet-bright)"; }
/* ── TOAST ─────────────────────────────────────────────────────────────────── */
function useToasts() {
const [toasts, setToasts] = useStateV([]);
const push = (msg, tone = "ok") => {
const id = Math.random().toString(36).slice(2);
setToasts((t) => [...t, { id, msg, tone }]);
setTimeout(() => setToasts((t) => t.filter((x) => x.id !== id)), 3600);
};
const node = (
{toasts.map((t) => (
{t.msg}
))}
e.stopPropagation()}>
{title}
{desc}
{note &&
{note}
}
);
}
/* ── shared field primitives ──────────────────────────────────────────────── */
function VField({ label, hint, children }) {
return {children}{hint &&
{hint}
}
{options.map((o) => )}
);
}
function VToggle({ on, label, onClick }) {
return ;
}
function TypeChip({ k }) { return {k}; }
function SevChip({ s }) { return {s}; }
function ScopeChip({ slug }) {
if (slug === "council") return council;
return {agentName(slug)};
}
/* drawer shell reused by every editor */
function VDrawer({ title, sub, accent, onClose, children }) {
return (
<>
);
}
/* JSON textarea with live validation */
function VJsonField({ label, hint, value, onChange }) {
const [txt, setTxt] = useStateV(() => vcJSON(value));
const [err, setErr] = useStateV(null);
useEffectV(() => { setTxt(vcJSON(value)); setErr(null); }, [value]);
function handle(v) {
setTxt(v);
try { const parsed = JSON.parse(v); setErr(null); onChange(parsed); }
catch (e) { setErr(e.message.replace(/^JSON\.parse:\s*/, "")); }
}
const rows = Math.min(16, Math.max(5, txt.split("\n").length + 1));
return (