// Hive Console — screens (dashboard, members & invitations, events) const { useState: useD, useRef: useDR } = React; // ══ DASHBOARD ═════════════════════════════════════════════════ function DashboardScreen({ onNav }) { const m = CONSOLE.metrics; return ( onNav("EVENTS")}>+ NEW EVENT} />
{CONSOLE.activity.map((a, i) => (
{a.text} {a.time}
))} AGGREGATED · ANONYMIZED}>

// TOP FREQUENCIES

hive never exposes individual member data. you only ever see aggregated, anonymized signals.

); } function Bar({ label, pct }) { return (
{label} {pct}%
); } // ══ MEMBERS & INVITATIONS ═════════════════════════════════════ function MembersScreen() { const [tab, setTab] = useD("APPLICATIONS"); const tabs = ["APPLICATIONS", "MEMBERS", "INVITATIONS"]; return (
{tabs.map((t) => { const on = t === tab; const count = t === "APPLICATIONS" ? CONSOLE.applications.length : t === "MEMBERS" ? CONSOLE.members.length : null; return ( ); })}
{tab === "APPLICATIONS" && } {tab === "MEMBERS" && } {tab === "INVITATIONS" && } ); } function Applications() { return (

each applicant traces back to a member who invited them. review the chain and shared taste before admitting.

{CONSOLE.applications.map((a) => (

{a.handle}

invited by {a.invitedBy} · {a.appliedDate}

{a.sharedTaste}%

SHARED

{a.genres.map((g) => {g})} · {a.mutuals} mutuals
{a.note ?

“{a.note}”

: null}
ADMIT DECLINE
))}
); } function MembersTable() { const cols = [ { label: "Member", w: "1.6fr" }, { label: "Joined", w: "1fr" }, { label: "Events", w: "0.7fr", align: "right" }, { label: "Rating", w: "0.9fr", align: "right" }, { label: "Invites", w: "0.8fr", align: "right" }, { label: "Status", w: "0.9fr" }, { label: "", w: "1.3fr", align: "right" }, ]; return ( {CONSOLE.members.map((m) => ( {m.handle}, cellText(m.joined, { color: "var(--text-secondary)" }), cellText(m.events), = 70 ? "var(--accent-primary)" : "var(--text-secondary)" }}>{m.rating}%, cellText(m.invites, { color: "var(--text-secondary)" }), ,
{m.status === "blocked" ? UNBLOCK : MESSAGEBLOCK}
, ]} /> ))}
); } function Invitations() { const s = CONSOLE.invitationSettings; const [enabled, setEnabled] = useD(s.invitationsEnabled); const [auto, setAuto] = useD(s.autoApprove); const [limit, setLimit] = useD(s.perMemberPerEvent); const Toggle = ({ on, set }) => ( ); const SettingRow = ({ title, desc, right, last }) => (

{title}

{desc}

{right}
); return (
} /> } /> {limit}
} /> DIRECT}>

HANDLE OR EMAIL

SEND INVITE — AUTO APPROVE

directly invited members bypass the application queue and join immediately.
); } const stepBtn = { appearance: "none", cursor: "pointer", width: 28, height: 28, border: "1px solid var(--border-hairline)", background: "transparent", color: "var(--text-primary)", fontFamily: "var(--font-sans)", fontSize: "var(--fs-lg)", lineHeight: 1 }; // ══ EVENTS ════════════════════════════════════════════════════ function EventsScreen() { const [creating, setCreating] = useD(false); if (creating) return setCreating(false)} />; const cols = [ { label: "Event", w: "1.8fr" }, { label: "Date", w: "1.1fr" }, { label: "Capacity", w: "0.9fr", align: "right" }, { label: "Passes", w: "0.9fr", align: "right" }, { label: "Requests", w: "0.9fr", align: "right" }, { label: "Status", w: "0.9fr" }, ]; return ( e.status === "published").length} live`} action={ setCreating(true)}>+ NEW EVENT} /> {CONSOLE.events.map((e) => ( {e.name}, cellText(`${e.date} · ${e.time}`, { color: "var(--text-secondary)" }), cellText(e.capacity), {e.passesIssued}, {e.requests}, , ]} /> ))}
); } function CreateEvent({ onBack }) { const Field = ({ label, placeholder, full }) => (

{label}

); return ( CANCELPUBLISH} />
); } function Pill({ label, on }) { return {label}; } Object.assign(window, { DashboardScreen, MembersScreen, EventsScreen });