// Hive Console — shared UI primitives (desktop / web density) const { useState: useCS, useRef: useCR, useEffect: useCE } = React; // ── Monogram avatar ─────────────────────────────────────────── function CAvatar({ name = "", size = 32, glow = false, color = "var(--accent-primary)" }) { const initials = name.replace(/^@/, "").split(/[\s._]+/).map((w) => w[0] || "").join("").slice(0, 2).toUpperCase(); return (
{initials}
); } // ── Status readout [text] ───────────────────────────────────── const C_TONE = { active: "var(--accent-primary)", published: "var(--accent-primary)", approved: "var(--accent-primary)", synced: "var(--accent-primary)", pending: "var(--accent-secondary)", draft: "var(--accent-secondary)", invited: "var(--accent-secondary)", blocked: "var(--text-secondary)", declined: "var(--text-secondary)", }; function CStatus({ status, style }) { return [{status}]; } // ── Buttons ─────────────────────────────────────────────────── function CBtn({ children, onClick, variant = "primary", size = "md", style }) { const pad = size === "sm" ? "6px 12px" : "10px 20px"; const fs = size === "sm" ? "var(--fs-xs)" : "var(--fs-sm)"; const base = { appearance: "none", cursor: "pointer", fontFamily: "var(--font-sans)", fontWeight: "var(--fw-bold)", fontSize: fs, letterSpacing: "var(--ls-wide)", textTransform: "uppercase", padding: pad, borderRadius: 0, transition: "background 120ms, color 120ms, box-shadow 120ms", whiteSpace: "nowrap", ...style, }; const variants = { primary: { border: "1px solid var(--accent-primary)", background: "var(--accent-primary-wash)", color: "var(--accent-primary)" }, solid: { border: "1px solid var(--accent-primary)", background: "var(--accent-primary)", color: "var(--on-accent)", boxShadow: "var(--glow-green-sm)" }, ghost: { border: "1px solid var(--border-hairline)", background: "transparent", color: "var(--text-secondary)" }, danger: { border: "1px solid var(--text-secondary)", background: "transparent", color: "var(--text-secondary)" }, }; return ; } // ── Section label ───────────────────────────────────────────── function CLabel({ children, tone = "green", style }) { return

// {children}

; } // ── Panel (bordered surface block) ──────────────────────────── function Panel({ title, action, children, style }) { return (
{title ? (
{title} {action}
) : null}
{children}
); } // ── Metric tile ─────────────────────────────────────────────── function Metric({ value, label, sub, accent = false }) { return (

{value}

{label}

{sub ?

{sub}

: null}
); } // ── Table primitives ────────────────────────────────────────── function Table({ cols, children }) { return (
c.w).join(" "), gap: "var(--sp-md)", padding: "0 0 10px", borderBottom: "1px solid var(--border-hairline)" }}> {cols.map((c) => {c.label})}
{children}
); } function Row({ cols, cells, onClick, dim }) { return (
c.w).join(" "), gap: "var(--sp-md)", alignItems: "center", padding: "13px 0", borderBottom: "0.5px solid var(--border-hairline)", cursor: onClick ? "pointer" : "default", opacity: dim ? 0.5 : 1 }}> {cells.map((cell, i) =>
{cell}
)}
); } const cellText = (t, opts = {}) => {t}; // ── Sidebar ─────────────────────────────────────────────────── function Sidebar({ active, onNav, nav, badges = {} }) { const c = CONSOLE.collective; const [open, setOpen] = useCS(false); return (
{/* wordmark */}
HIVE CONSOLE
{/* collective switcher */}
{open && (
{CONSOLE.otherCollectives.map((o) => (
{o.name}
))}
+ NEW COLLECTIVE
)}
{/* nav */}
{nav.map((n) => { const on = n === active; return ( ); })}
{/* account */}

@void.admin

OWNER

); } // ── Content header ──────────────────────────────────────────── function CHeader({ title, sub, action }) { return (

{title}

{sub ?

{sub}

: null}
{action}
); } // ── Scrollable content body ─────────────────────────────────── function Body({ children }) { return
{children}
; } Object.assign(window, { CAvatar, CStatus, CBtn, CLabel, Panel, Metric, Table, Row, cellText, Sidebar, CHeader, Body, CScanlines }); // ── Scanlines overlay (console) ─────────────────────────────── function CScanlines() { return
; } // alias used by screens var Scanlines = CScanlines; window.Scanlines = CScanlines;