63:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 64:I[544296,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"ItemStyles"] 65:I[8513,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"ScrollArea"] 66:I[8513,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"ScrollBar"] 67:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 68:T5ba7,"use client"; import { useCallback, useEffect, useId, useRef, useState, type KeyboardEvent as ReactKeyboardEvent, type PointerEvent as ReactPointerEvent, } from "react"; // --------------------------------------------------------------------------- // BrassCheck — the active-sessions list as a pit-head lamp-room check board. // Every live session is a stamped brass tag (its number in Geist Mono) // hanging on its own hook; signing one out is unhooking it, not deleting a // row. One governing scalar per tag: hang angle `theta` on a damped harmonic // spring (`accel = -K*(theta-target) - C*vel`), written straight to an SVG // 's `transform` every frame — never React state in the hot path. // // - idle: target = 0deg // - hover: target = 2deg (the tag answers the pointer, proving it's live) // - hold: target = 48deg (well past the 28deg release angle) — pressing // and holding the sign-out button drives the spring toward it // // If the hold is released (pointerup/keyup/pointerleave) BEFORE the tag's // actual angle has crossed 28deg AND at least MIN_HOLD_MS has elapsed, the // gesture aborts: target snaps back to 0 (or 2 if still hovered) and the // same spring visibly swings the tag back and re-seats it — never an // ambiguous static reset. Only once both conditions are true does the hold // COMMIT: the row is removed from the board immediately (an instant list // reflow, not a fade or a height-collapse) and a separate ballistic "ghost" // tag takes over — free-fall under gravity with one 0.18-restitution // bounce off the tray floor, no easing curve, real per-frame integration // (vy += g*dt; y += vy*dt) written to `transform: translate3d(...) rotate(...)`. // Once the ghost settles it is retired and a real

is appended to the // tray's `role="log"` — THAT DOM insertion, with the li's accessible name // set to "{device} signed out, N sessions remain", is the announcement. // // This two-phase handoff (rest -> spring resists -> commit -> gravity owns // it) is the falsifiable bit: revocation is a one-way physical transfer, // never an opacity fade or a height collapse standing in for it. It is also // why a stray click can't revoke anything — a fast pointerdown/up never // accumulates MIN_HOLD_MS, so the verifier's incidental "press" pass on the // first control just nudges the tag and lets it swing back, exactly like an // aborted hold from a real user. // // The current device's tag has no sign-out control at all (a decorative // lanyard loop through the ring instead of a hook) — not a disabled button, // since there is nothing to confirm or explain, just nothing there. // // prefers-reduced-motion: hover/hold produce no continuous spring animation // (poses are set instantly, no interpolation), and a committed hold moves // the tag from hook to tray in a single paint — no ghost, no flight — with // the identical log announcement. // --------------------------------------------------------------------------- export interface CheckSession { id: string; device: string; location: string; lastSeen: string; /** the session driving this render — gets a lanyard, no sign-out control */ current?: boolean; } export interface BrassCheckProps { /** every live session; order fixes each tag's stamped number */ sessions: CheckSession[]; /** accessible name for the board */ label?: string; /** fires the instant a tag leaves the hook (not when it lands in the tray) */ onSignOut?: (id: string) => void; className?: string; } const HOVER_DEG = 2; const RELEASE_ANGLE = 28; const HOLD_TARGET_DEG = 48; const MIN_HOLD_MS = 620; const SPRING_K = 18; const SPRING_C = 7; const REST_EPS = 0.06; const GRAVITY = 2200; // px/s^2 const RESTITUTION = 0.18; const ROT_DAMP = 3.2; // 1/s decay on the tumble const SLIP_VX = 46; // px/s lateral slip at the moment of release function restTilt(tagNumber: number) { return ((tagNumber * 53) % 13) - 6; } function formatClock(d: Date) { const p = (n: number) => n.toString().padStart(2, "0"); return `${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}`; } interface RowRuntime { theta: number; vel: number; target: number; holding: boolean; hovered: boolean; holdStart: number | null; released: boolean; rafId: number | undefined; lastTs: number | undefined; reducedTimer: number | undefined; groupEl: SVGGElement | null; buttonEl: HTMLButtonElement | null; } interface GhostRuntime { x: number; y: number; vx: number; vy: number; rot: number; vRot: number; floorY: number; bounced: boolean; rafId: number | undefined; lastTs: number | undefined; el: HTMLDivElement | null; } interface GhostView { id: string; tagNumber: number; } interface TrayEntry { id: string; device: string; tagNumber: number; time: string; remaining: number; tilt: number; } export function BrassCheck({ sessions, label = "Active sessions", onSignOut, className = "" }: BrassCheckProps) { const [removedIds, setRemovedIds] = useState>(() => new Set()); const [ghosts, setGhosts] = useState([]); const [tray, setTray] = useState([]); const rootRef = useRef(null); const trayRef = useRef(null); const reducedRef = useRef(false); const runtimes = useRef(new Map()).current; const ghostRuntimes = useRef(new Map()).current; const tagNumbers = useRef(new Map(sessions.map((s, i) => [s.id, i + 1]))).current; const pendingFocusRef = useRef(null); // Not derived from `removedIds` state: the in-flight rAF chain that calls // `commitRelease` was captured when its hold started, so if a second row // finishes falling while a first row's ghost is still airborne, that // stale closure would otherwise read a `removedIds` from its own render // and undercount by however many revocations landed since. This ref is // mutated synchronously, so every commit sees the true running total. const removedCountRef = useRef(0); const trayLabelId = useId(); useEffect(() => { const mq = window.matchMedia("(prefers-reduced-motion: reduce)"); reducedRef.current = mq.matches; const onChange = () => { reducedRef.current = mq.matches; }; mq.addEventListener("change", onChange); return () => mq.removeEventListener("change", onChange); }, []); useEffect( () => () => { runtimes.forEach((r) => { if (r.rafId !== undefined) cancelAnimationFrame(r.rafId); if (r.reducedTimer !== undefined) window.clearTimeout(r.reducedTimer); }); ghostRuntimes.forEach((g) => { if (g.rafId !== undefined) cancelAnimationFrame(g.rafId); }); }, // eslint-disable-next-line react-hooks/exhaustive-deps [] ); const getRuntime = useCallback( (id: string): RowRuntime => { let r = runtimes.get(id); if (!r) { r = { theta: 0, vel: 0, target: 0, holding: false, hovered: false, holdStart: null, released: false, rafId: undefined, lastTs: undefined, reducedTimer: undefined, groupEl: null, buttonEl: null, }; runtimes.set(id, r); } return r; }, [runtimes] ); const applyRowPose = (r: RowRuntime) => { if (r.groupEl) r.groupEl.style.transform = `rotate(${r.theta.toFixed(2)}deg)`; }; const commitRelease = useCallback( (id: string, theta: number, angularVel: number) => { const runtime = getRuntime(id); if (runtime.released) return; runtime.released = true; runtime.holding = false; if (runtime.rafId !== undefined) { cancelAnimationFrame(runtime.rafId); runtime.rafId = undefined; } const session = sessions.find((s) => s.id === id); if (!session) return; onSignOut?.(id); const root = rootRef.current; if (root) { const buttons = Array.from(root.querySelectorAll(".ns-bc-signout")); const idx = buttons.indexOf(runtime.buttonEl as HTMLButtonElement); pendingFocusRef.current = idx >= 0 ? idx : null; } removedCountRef.current += 1; const remaining = sessions.length - removedCountRef.current; const tagNumber = tagNumbers.get(id) ?? 0; const tilt = restTilt(tagNumber); const rootRect = root?.getBoundingClientRect(); const trayRect = trayRef.current?.getBoundingClientRect(); const groupRect = runtime.groupEl?.getBoundingClientRect(); setRemovedIds((prev) => { const next = new Set(prev); next.add(id); return next; }); if (reducedRef.current || !rootRect || !trayRect || !groupRect) { // one paint: land immediately, no ghost flight. setTray((prev) => [ { id: `${id}-${Date.now()}`, device: session.device, tagNumber, time: formatClock(new Date()), remaining, tilt }, ...prev, ]); return; } const ghostId = `${id}-${Date.now()}`; const startX = groupRect.left - rootRect.left + groupRect.width / 2; const startY = groupRect.top - rootRect.top + groupRect.height / 2; // Aim the ghost's center at roughly where a landed ticket's own // center sits (tray padding + half the ~26px ticket row height), // not just the tray's outer top edge, so the handoff to the real //

reads as a landing rather than a teleport. const floorY = trayRect.top - rootRect.top + 12 + 13; const vx = SLIP_VX * (theta >= 0 ? 1 : -1); ghostRuntimes.set(ghostId, { x: startX, y: startY, vx, vy: 30, rot: theta, vRot: Math.max(-260, Math.min(260, angularVel * 12)), floorY, bounced: false, rafId: undefined, lastTs: undefined, el: null, }); setGhosts((prev) => [...prev, { id: ghostId, tagNumber }]); const tick = (ts: number) => { const g = ghostRuntimes.get(ghostId); if (!g) return; const last = g.lastTs ?? ts; const dt = Math.min((ts - last) / 1000, 0.032); g.lastTs = ts; g.vy += GRAVITY * dt; g.y += g.vy * dt; g.x += g.vx * dt; g.vx *= Math.max(0, 1 - 1.6 * dt); g.vRot *= Math.max(0, 1 - ROT_DAMP * dt); g.rot += g.vRot * dt; let landed = false; if (g.y >= g.floorY) { if (!g.bounced) { g.y = g.floorY; g.vy = -g.vy * RESTITUTION; g.bounced = true; } else { g.y = g.floorY; g.vy = 0; g.vx = 0; g.vRot = 0; g.rot = tilt; landed = true; } } if (g.el) { g.el.style.transform = `translate3d(${g.x.toFixed(1)}px, ${g.y.toFixed(1)}px, 0) rotate(${g.rot.toFixed(1)}deg)`; } if (landed) { ghostRuntimes.delete(ghostId); setGhosts((prev) => prev.filter((gh) => gh.id !== ghostId)); setTray((prev) => [{ id: ghostId, device: session.device, tagNumber, time: formatClock(new Date()), remaining, tilt }, ...prev]); return; } g.rafId = requestAnimationFrame(tick); }; ghostRuntimes.get(ghostId)!.rafId = requestAnimationFrame(tick); }, [sessions, onSignOut, getRuntime, ghostRuntimes, tagNumbers] ); const tickRow = useCallback( (id: string, ts: number) => { const r = getRuntime(id); const last = r.lastTs ?? ts; const dt = Math.min((ts - last) / 1000, 0.032); r.lastTs = ts; const accel = -SPRING_K * (r.theta - r.target) - SPRING_C * r.vel; r.vel += accel * dt; r.theta += r.vel * dt; applyRowPose(r); if (r.holding && !r.released && r.theta >= RELEASE_ANGLE && r.holdStart !== null && ts - r.holdStart >= MIN_HOLD_MS) { commitRelease(id, r.theta, r.vel); return; } if (!r.holding && Math.abs(r.theta - r.target) < REST_EPS && Math.abs(r.vel) < REST_EPS) { r.theta = r.target; r.vel = 0; applyRowPose(r); r.lastTs = undefined; r.rafId = undefined; return; } r.rafId = requestAnimationFrame((t) => tickRow(id, t)); }, [getRuntime, commitRelease] ); const ensureRowLoop = useCallback( (id: string) => { const r = getRuntime(id); if (r.rafId === undefined) { r.rafId = requestAnimationFrame((ts) => tickRow(id, ts)); } }, [getRuntime, tickRow] ); const startHold = useCallback( (id: string) => { const r = getRuntime(id); if (r.released || r.holding) return; if (reducedRef.current) { r.holding = true; r.holdStart = performance.now(); if (r.reducedTimer !== undefined) window.clearTimeout(r.reducedTimer); r.reducedTimer = window.setTimeout(() => { if (r.holding && !r.released) commitRelease(id, RELEASE_ANGLE, 0); }, MIN_HOLD_MS); return; } r.holding = true; r.holdStart = performance.now(); r.target = HOLD_TARGET_DEG; ensureRowLoop(id); }, [getRuntime, ensureRowLoop, commitRelease] ); const endHold = useCallback( (id: string) => { const r = getRuntime(id); if (r.released) return; r.holding = false; r.holdStart = null; if (r.reducedTimer !== undefined) { window.clearTimeout(r.reducedTimer); r.reducedTimer = undefined; } if (reducedRef.current) { r.theta = r.hovered ? HOVER_DEG : 0; r.target = r.theta; r.vel = 0; applyRowPose(r); return; } r.target = r.hovered ? HOVER_DEG : 0; ensureRowLoop(id); }, [getRuntime, ensureRowLoop] ); const setHover = useCallback( (id: string, hovered: boolean) => { const r = getRuntime(id); if (r.released || r.holding) { r.hovered = hovered; return; } r.hovered = hovered; if (reducedRef.current) { r.target = hovered ? HOVER_DEG : 0; r.theta = r.target; r.vel = 0; applyRowPose(r); return; } r.target = hovered ? HOVER_DEG : 0; ensureRowLoop(id); }, [getRuntime, ensureRowLoop] ); useEffect(() => { const idx = pendingFocusRef.current; pendingFocusRef.current = null; if (idx === null) return; const root = rootRef.current; if (!root) return; const buttons = Array.from(root.querySelectorAll(".ns-bc-signout")); const target = buttons[Math.min(idx, buttons.length - 1)]; target?.focus(); }, [removedIds]); const visible = sessions.filter((s) => !removedIds.has(s.id)); const onKeyDown = (id: string) => (e: ReactKeyboardEvent) => { if ((e.key === "Enter" || e.key === " ") && !e.repeat) { e.preventDefault(); startHold(id); } }; const onKeyUp = (id: string) => (e: ReactKeyboardEvent) => { if (e.key === "Enter" || e.key === " ") { e.preventDefault(); endHold(id); } }; const onPointerDown = (id: string) => (e: ReactPointerEvent) => { if (e.pointerType === "mouse" && e.button !== 0) return; startHold(id); }; return (

{s.current ? ( ) : ( )} {s.device} {s.current && This device} {s.location} · {s.lastSeen}

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

Sign-out history

Tray empty
{t.device} signed out, {t.remaining} session{t.remaining === 1 ? "" : "s"} remain

); } const CSS = ` .ns-bc-root{position:relative;display:flex;flex-direction:column;gap:18px;} .ns-bc-board{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--background);} .ns-bc-row{position:relative;display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--border);} .ns-bc-row:last-child{border-bottom:none;} .ns-bc-row:hover{background:color-mix(in oklab, var(--ns-muted) 7%, var(--background));} .ns-bc-signout,.ns-bc-hookslot{flex:none;display:inline-flex;line-height:0;} .ns-bc-signout{background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:6px;touch-action:none;} .ns-bc-signout:focus-visible{outline:2px solid var(--ns-accent);outline-offset:3px;border-radius:6px;} .ns-bc-info{display:flex;flex-direction:column;gap:2px;min-width:0;} .ns-bc-device{font-size:13px;color:var(--foreground);display:flex;align-items:center;gap:8px;} .ns-bc-thisdevice{font-size:10px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:0.06em;color:var(--ns-muted);border:1px solid var(--border);border-radius:999px;padding:1px 7px;} .ns-bc-meta{font-size:11px;color:var(--ns-muted);font-family:var(--font-mono);} .ns-bc-ghost{position:absolute;top:0;left:0;width:52px;height:52px;margin:-26px 0 0 -26px;pointer-events:none;z-index:10;} .ns-bc-traywrap{display:flex;flex-direction:column;gap:8px;} .ns-bc-traylabel{margin:0;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:0.08em;color:var(--ns-muted);} .ns-bc-tray{list-style:none;margin:0;padding:12px;min-height:60px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;border:1px dashed var(--border);border-radius:12px;background:color-mix(in oklab, var(--ns-muted) 4%, var(--background));} .ns-bc-trayempty{font-size:11px;color:var(--ns-muted);font-family:var(--font-mono);padding:4px 2px;} .ns-bc-trayrow{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--background);font-family:var(--font-mono);font-size:11px;color:var(--foreground);box-shadow:0 1px 2px color-mix(in oklab, var(--foreground) 16%, transparent);} .ns-bc-traynum{color:var(--ns-muted);} .ns-bc-traytime{color:var(--ns-muted);} `; 62:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L63",null,{"namespace":"@registrydirectory","registryDependencies":[]}]]}],["$","$L64",null,{"children":["$","div",null,{"className":"@container","children":["$","div",null,{"className":"grid grid-cols-1 gap-4 @xl:grid-cols-2","children":[["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"Light Mode"}],["$","div",null,{"children":["$","$L65",null,{"type":"always","className":"h-80 px-2","children":[["$","div",null,{"className":"gap-2 pb-8 flex flex-col pt-4","children":[["$","div","ns-muted",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","ns-muted",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#4d4d4d"}]]}],["$","div","ns-accent",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","ns-accent",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#006bff"}]]}]]}],["$","$L66",null,{"orientation":"horizontal"}]]}]}]]}],["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"Dark Mode"}],["$","div",null,{"children":["$","$L65",null,{"type":"always","className":"h-80 px-2","children":[["$","div",null,{"className":"gap-2 pb-8 flex flex-col pt-4","children":[["$","div","ns-muted",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","ns-muted",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"#8f8f8f"}]]}]]}],["$","$L66",null,{"orientation":"horizontal"}]]}]}]]}],["$","div",null,{"className":"flex flex-col border rounded-md","children":[["$","p",null,{"className":"text-sm font-medium border-b p-2","children":"Theme"}],["$","div",null,{"children":["$","$L65",null,{"type":"always","className":"h-80 px-2","children":[["$","div",null,{"className":"gap-2 pb-8 flex flex-col pt-4","children":[["$","div","color-ns-muted",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-ns-muted",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--ns-muted)"}]]}],["$","div","color-ns-accent",{"className":"items-start gap-1 grid grid-cols-2 text-sm","children":[["$","div",null,{"className":"hover:bg-muted/50 py-2","children":["$","p",null,{"className":"text-foreground/80 text-sm","children":["--","color-ns-accent",":"]}]}],["$","div",null,{"className":"hover:bg-muted/50 py-2 px-1 rounded-md w-full","children":"var(--ns-accent)"}]]}]]}],["$","$L66",null,{"orientation":"horizontal"}]]}]}]]}],null]}]}]}]]}],["$","$L67",null,{"files":[{"path":"registry/core/brass-check/component.tsx","content":"$68","type":"registry:ui","target":"components/ui/brass-check.tsx"}],"className":"h-[70svh] min-h-80"}]]}]