Intake triage

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

Incoming requests decided before work starts, and the rules that route them. Triage: the items waiting (key, title, reporter and source, label in its hue) with snoozed ones apart until their date; the open item with its words and the customer request it carries; Accept, Duplicate, Decline or Snooze as cards, each with what it needs (a team, the work it duplicates, a reason, a date) and what it will do said before it runs (a duplicate merges into the named work and carries the customer's request, said with the new count); a refused outcome says why and leaves the item as it was; done says what happened and opens the next. Rules: an ordered list, each read as a sentence (When label is Bug, then set priority High and send to Web team), with on/off, move up and down, edit (conditions and actions) and remove; a later rule that sets what an earlier one set says it overrides it; a destination that's archived is said and blocks saving; a sample request runs through the list with the result per field, the winning rule marked and what it overrode crossed out, so reordering shows its effect before saving; save, undo all, and a refused save keeps the draft.

Use it for

A product, support or ops team deciding what comes in: accept, merge duplicates, decline or snooze, with routing rules set up front.
Any queue where incoming items are sorted before work (bug intake, requests to a platform team, applications).

Not for

Replying to customers (helpdesk-inbox, support-console).
A general automation builder with many triggers (workflow builders).

Anatomy

tabs: Incoming (count), Rules
triage list: items waiting, then Snoozed with their dates
the open item: key, title, label, reporter and source, time, its words, the customer request it carries
outcome panel: the four outcomes as cards; the field the outcome needs; what it will do; the refusal; the confirm button in the outcome's words
rules: the save bar (changes, Undo all, Save rules); the intro; each rule (number in its hue, the sentence, on/off, move, edit, remove; overrides, archived destination, no actions said; the editor's condition and action lines); Add a rule
sample: title, label, customer plan, source; the result per field with the winning rule and what it overrode

States

new request
reviewing
accept pending
merge target selection
snoozed
action refused
triage clear
no rules
draft
enabled
disabled
conflicting actions
invalid destination
save refused
saved
no rule matches

Keyboard

Tab through the list rows (Enter opens), the outcome cards (arrows move, Space picks), the outcome's field and the confirm button
In the rules each rule's switch, move, edit and remove are buttons; the editor's selects open with Enter

Props

Prop	Type	Default	Description
`items` (required)	`TriageItem[]`	—
`targets` (required)	`WorkTarget[]`	—
`teams` (required)	`Team[]`	—
`onOutcome`	`((itemId: string, outcome: TriageOutcome) => void \| Promise<unknown>)`	—	Runs an outcome; a rejection is said and the item stays as it was.
`rules` (required)	`TriageRule[]`	—
`onRulesSave`	`((rules: TriageRule[]) => void \| Promise<unknown>)`	—	Saves the whole ordered list; a rejection keeps the draft.
`options` (required)	`{ labels: string[]; tiers: string[]; sources: string[]; priorities: string[]; }`	—	Values the rule editor offers.
`sample` (required)	`SampleRequest`	—
`now`	`number`	—	"Now" (ms), for snooze dates.
`defaultItem`	`string`	—
`defaultOutcome`	`"accept" \| "decline" \| "duplicate" \| "snooze"`	—
`tab`	`TriageTab`	—
`defaultTab`	`TriageTab`	—
`onTabChange`	`((t: TriageTab) => void)`	—
`className`	`string`	—	Classes on the documented visual root; no override by default.
`style`	`CSSProperties`	—	Inline styles on the documented visual root; no overrides by default.
`ref`	`Ref<HTMLDivElement>`	—	Receives the documented native target or imperative handle; omitted by default.

Built from

tabs
radio-cards
select
textarea
input
switch
badge
button

Dependencies

lucide-react

Import

import { IntakeTriage } from "@beamline/intake-triage";

Get it

Intake triage 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