// Hive Console — screens 2 (passes + scanner, chat, onboarding) const { useState: useD2, useEffect: useDE2, useRef: useDR2 } = React; // ══ PASSES (approval queue + scanner) ═════════════════════════ function PassesConsoleScreen() { const [mode, setMode] = useD2("QUEUE"); return ( {["QUEUE", "SCANNER"].map((m) => ( ))} } /> {mode === "QUEUE" ? : } ); } function PassQueue() { const cols = [ { label: "Member", w: "1.4fr" }, { label: "Event", w: "1.4fr" }, { label: "Rating", w: "0.8fr", align: "right" }, { label: "Requested", w: "0.9fr", align: "right" }, { label: "", w: "1.6fr", align: "right" }, ]; return (
APPROVE ALL ≥ 70% EXPORT
{CONSOLE.passRequests.map((r) => ( {r.member}, cellText(r.event, { color: "var(--text-secondary)", upper: true }), = 70 ? "var(--accent-primary)" : "var(--text-secondary)" }}>{r.rating}%, cellText(r.requestedAt, { color: "var(--text-dim)", size: "var(--fs-xs)" }),
APPROVEDECLINE
, ]} /> ))}
); } function Scanner() { const [scanned, setScanned] = useD2(false); useDE2(() => { const t = setTimeout(() => setScanned(true), 1400); return () => clearTimeout(t); }, []); return (
{/* viewport */}
{/* bracket corners */} {[["tl", { top: 16, left: 16, borderTop: "2px solid", borderLeft: "2px solid" }], ["tr", { top: 16, right: 16, borderTop: "2px solid", borderRight: "2px solid" }], ["bl", { bottom: 16, left: 16, borderBottom: "2px solid", borderLeft: "2px solid" }], ["br", { bottom: 16, right: 16, borderBottom: "2px solid", borderRight: "2px solid" }]].map(([k, s]) => )}
CAM · DOOR_01
{/* result */}

// LAST SCAN

{!scanned ? (

awaiting code…

) : (
ADMIT

@cybernaut

HIVE-2K7-X9F4 · 1 ENTRY

monolith · checked in 00:07

setScanned(false)}>SCAN NEXT
)}
); } // ══ CHAT (organizer side, 1:1 with members) ═══════════════════ function ChatConsoleScreen() { const [active, setActive] = useD2(CONSOLE.chats[0].id); const ch = CONSOLE.chats.find((c) => c.id === active); return (
{/* thread list */}
{CONSOLE.chats.map((c) => { const on = c.id === active; return (
setActive(c.id)} style={{ display: "flex", gap: 12, padding: "16px 18px", borderBottom: "0.5px solid var(--border-hairline)", cursor: "pointer", background: on ? "var(--accent-primary-wash)" : "transparent", position: "relative" }}> {on && } 0} />
{c.member} {c.lastTime}

{c.lastMessage}

{c.unread > 0 ? : null}
); })}
{/* thread */}

{ch.member}

● MEMBER · VOID

{ch.messages.map((m, i) => { const mine = m.from === "me"; return (

{m.text}

{m.time}
); })}
SEND
); } // ══ ONBOARDING — create collective ════════════════════════════ function OnboardingConsole({ onDone }) { const [step, setStep] = useD2(0); const steps = ["ACCOUNT", "COLLECTIVE", "IMPORT"]; return (
HIVE CONSOLE
{/* step indicator */}
{steps.map((s, i) => )}

// {steps[step]} · {step + 1} OF 3

{step === 0 && } {step === 1 && } {step === 2 &&

seed your collective with existing members. upload historic attendee data — hive matches it to accounts and builds the taste graph. you can skip and do this later.

DROP .CSV — handles, emails, history

}
{step > 0 && setStep(step - 1)}>BACK} (step < 2 ? setStep(step + 1) : onDone())}>{step < 2 ? "CONTINUE" : "ENTER CONSOLE"}

invite-only platform · collectives are vetted before launch

); } function OField({ label, placeholder }) { return (

{label}

); } Object.assign(window, { PassesConsoleScreen, ChatConsoleScreen, OnboardingConsole });