Visit board

A React block (a whole screen) in Beamline's Shop app.

The staff board for a walk-in queue: visits move from waiting through called and serving to done today. Arrival (here or on the way), the place in the queue and the service stage are separate facts with their own buttons, and every move stamps its own time without rewriting when someone joined; Call next skips people not yet here. Who can serve says why someone can't (on a break, serving another ticket); a refused move says why and changes nothing; a long wait and someone called but not come carry the warning tone. The admission strip shows how many are in, the cap and whether new visitors can join, with the reason in words: lowering the cap never removes anyone, an unknown count turns closing-itself off, closing by hand is said with its time, and each open and close is announced. On a phone, one stage at a time with the others counted.

Use it for

A front desk running a walk-in queue: calling people, starting and finishing service, and closing the queue when it's full.
Anywhere arrival, queue order and service progress must stay separate facts with their own times.

Not for

Matching waitlisted requests to openings in a booked day (waitlist-desk).
The screen the waiting room sees (queue-display).

Anatomy

header: the product's mark, the title, the branch and date, Call next with its ticket
admission: in the queue and the cap beside it as figures (the cap edits in place), the state with its reason, Close now or Reopen
said: a refusal or an announcement
lanes: Waiting, Called, Serving, Done today, each with its count
visit: position, code, name, here or on the way; service and party; joined, waiting, arrived, called, started with whom, done or no-show times; the stage's buttons (Mark arrived, Call, Move up, Move down; who serves, Start service, Back to the queue, Not here; Done)

States

visit: waiting here, waiting on the way (can't be called), waiting long (warning), called, called and not come (warning), serving, done, no-show
staff: free, serving another ticket, away with why
move: busy; done (stamped); refused (said, nothing changed)
admission: open (success), full at the cap (warning), closed by hand (warning), count unknown (info); cap lowered below the count (said, nobody removed)
empty lane: said
phone: one stage at a time, the others counted
right to left: the layout mirrors
reduced motion: nothing animates

Keyboard

Tab to Call next, the cap, Close now; then each visit's buttons in queue order; arrows within the phone's stage switch

Motion

Nothing moves beyond the parts' own feedback. Nothing runs at rest.

Props

Prop	Type	Default	Description
`branch` (required)	`string`	—
`defaultVisits` (required)	`Visit[]`	—
`staff` (required)	`QueueStaff[]`	—
`defaultCap`	`number \| null`	—	The queue's cap; null when there is none.
`countKnown`	`boolean`	—	false: the live count isn't coming through.
`defaultClosed`	`boolean`	—
`now`	`string`	—	Now, as an ISO time (for demos); the clock by default.
`onAction`	`((visitId: string, action: VisitAction, staffId?: string \| undefined) => Promise<unknown>)`	—	Do the move in your system; reject with the reason to refuse it.
`onAdmission`	`((change: { cap: number \| null; closed: boolean; }) => Promise<unknown>)`	—
`product`	`string`	—	Your product's name, shown as its mark.
`className`	`string`	—	Classes on the documented visual root; no override by default.
`ref`	`Ref<HTMLDivElement>`	—	Receives the documented native target or imperative handle; omitted by default.
`onTaskDone`	`((visitId: string, taskId: string) => Promise<unknown>)`	—	Tick off one of a visit's pending tasks in your system; reject with the reason to refuse it. Without it the tasks are read only.
`providerFilter`	`boolean`	—	Show a provider filter above the lanes: one staff member's visits (by `providerId`, else who serves them), or visits with no provider yet. Off by default.
`defaultProvider`	`string`	—	The provider the board opens on; "all" by default, "none" for visits with no provider.

Built from

Dependencies

lucide-react

Import

import { VisitBoard } from "@beamline/visit-board";

Get it

Visit board is part of Beamline UI. Install the parts you need in your React app as compiled packages or editable source. Get Beamline · Connect your agent

Visit boardComplete system · $49

The staff board for a walk-in queue: visits move from waiting through called and serving to done today.

Market Street at 13:40

Rosa was called seven minutes ago and hasn't come up; Maya has waited 38 minutes. Tom joined from home and is on the way, so Call next skips to the first person here. Lena is on a break and Jonas is busy, so only Ana can take Rosa. Lower the cap to 5 to close the queue to new visitors without removing anyone.

0 × 0full

Patient flow with what's still to do

Each patient's card says what is still to do around the visit: Oskar must sign his consent, Grace's recall and payment wait until she's done. Tick a task off from its chip (the insurance check is refused and says why). Choose a provider to see only their patients; how many are hidden is said, and the queue count stays the whole queue.

0 × 0full

States

One state at a time: the queue full at its cap; the count not coming through, so closing itself is off; closed by hand; a move refused with nothing changed.

0 × 0full

About Visit board

← Parts tracker

Part of Beamline UI: polished, editable React components and complete screens for custom applications. Build your own style from any look; tokens, fonts, radii, motion; not only colours.

Visit board

Use it for

Not for

Anatomy

States

Keyboard

Motion

Props

Built from

Dependencies

Import

Get it

More in Shop