4e: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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"] 4f: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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"] 50:T1a68,import { useMemo, useState } from 'react' import { Button } from '../Button' import { Input, Field } from '../Input' import { BottomNav, type NavItem } from '../BottomNav' import { NavLink } from '../NavLink' import { Empty } from '../feedback' import { Avatar } from '../avatar' import { Blob, Badge, Dot } from '../media' import { Grid, Row, Shell, Sidebar, Stack } from '../layout' import { Stat } from '../readout' import { Segmented } from '../Segmented' import { Card } from '../surface' import { Eyebrow, Heading, Text } from '../text' const NAV: NavItem[] = [ { href: '/', label: 'Overview', icon: 'overview', tone: 'purple' }, { href: '/check-in', label: 'Check-in', icon: 'ok', tone: 'mint' }, { href: '/schedule', label: 'Schedule', icon: 'calendar', tone: 'blue' }, { href: '/attendees', label: 'Attendees', icon: 'users', tone: 'pink' }, { href: '/settings', label: 'Settings', icon: 'settings', tone: 'orange' }, ] const HERE = '/check-in' const NUMBER = new Intl.NumberFormat('en-US') type AttendanceFilter = 'all' | 'waiting' | 'checked' interface Attendee { id: string name: string company: string ticket: 'Standard' | 'Speaker' | 'VIP' checkedIn: boolean } const INITIAL_ATTENDEES: Attendee[] = [ { id: 'maya', name: 'Maya Bloom', company: 'Northstar', ticket: 'Speaker', checkedIn: true }, { id: 'noah', name: 'Noah Kim', company: 'Pollen', ticket: 'Standard', checkedIn: false }, { id: 'iris', name: 'Iris Chen', company: 'Fieldwork', ticket: 'VIP', checkedIn: false }, { id: 'leo', name: 'Leo Martins', company: 'Common Room', ticket: 'Standard', checkedIn: true }, { id: 'sana', name: 'Sana Ali', company: 'Tandem', ticket: 'Standard', checkedIn: false }, ] function initials(name: string): string { return name.split(' ').map((part) => part[0]).join('').slice(0, 2) } /** A live event check-in screen with search, attendance filters, real status * updates, and a compact arrival summary for the front-desk team. */ export function EventBlock() { const [attendees, setAttendees] = useState(INITIAL_ATTENDEES) const [filter, setFilter] = useState('all') const [query, setQuery] = useState('') const visible = useMemo(() => { const normalized = query.trim().toLowerCase() return attendees.filter((attendee) => { const matchesQuery = !normalized || `${attendee.name} ${attendee.company} ${attendee.ticket}`.toLowerCase().includes(normalized) const matchesFilter = filter === 'all' || (filter === 'waiting' && !attendee.checkedIn) || (filter === 'checked' && attendee.checkedIn) return matchesQuery && matchesFilter }) }, [attendees, filter, query]) const checkedCount = attendees.filter((attendee) => attendee.checkedIn).length const waitingCount = attendees.length - checkedCount function toggleCheckIn(id: string) { setAttendees((current) => current.map((attendee) => attendee.id === id ? { ...attendee, checkedIn: !attendee.checkedIn } : attendee, ), ) } return ( <> Gather {NAV.map((item) => ( {item.label} ))} Design Systems Day Guest Check-in Doors are open · Hall A Live {(id, describedBy) => ( )} {visible.length > 0 ? ( visible.map((attendee) => ( {attendee.name} {attendee.company} · {attendee.ticket} )) ) : ( Check the spelling or show all attendance states. )} ) } 4d:["$","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,["$","$L4e",null,{"namespace":"@1st-pouf","registryDependencies":["https://1st-pouf.worksonmy.dev/r/avatar.json","https://1st-pouf.worksonmy.dev/r/base.json","https://1st-pouf.worksonmy.dev/r/bottom-nav.json","https://1st-pouf.worksonmy.dev/r/button.json","https://1st-pouf.worksonmy.dev/r/feedback.json","https://1st-pouf.worksonmy.dev/r/input.json","https://1st-pouf.worksonmy.dev/r/layout.json","https://1st-pouf.worksonmy.dev/r/media.json","https://1st-pouf.worksonmy.dev/r/nav-link.json","https://1st-pouf.worksonmy.dev/r/readout.json","https://1st-pouf.worksonmy.dev/r/segmented.json","https://1st-pouf.worksonmy.dev/r/surface.json","https://1st-pouf.worksonmy.dev/r/text.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/pouf/blocks/event.tsx","content":"$50","type":"registry:block","target":"components/pouf/blocks/event.tsx"}],"className":"h-[70svh] min-h-80"}]]}]