Restock desk

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

Restocking from suppliers' own shops. Items low on stock (below the minimum on danger, at it on warning, unknown said) beside the chosen item with how short it is and its usual supplier. Reorder opens the supplier's page; coming back, it asks what was actually ordered: how many of which pack (what that is in the item's unit, or that it's unknown), the price (empty allowed), and onto a new draft order or an open order with that seller (none said), recorded once per handoff; Nothing ordered records nothing and says so. Other offers like the item: seller, pack and what it holds in the item's unit (unknown said), price per pack and per unit, and the price as of when (weeks-old prices on warning); opening one starts a handoff and never renames the item or records a purchase by itself. Supplier orders: the orders synced from a supplier account (ordered, partly shipped, shipped, partly delivered, delivered there, voided struck through) with their lines, total and the order here they're on; delivered there isn't received here, said; the account connected, syncing, out of date, disconnected with its history kept read-only, or none connected.

Use it for

Reordering low stock on suppliers' own websites and recording afterwards what was actually ordered.
Comparing offers for an item by price per unit, and seeing orders synced from a supplier account.

Not for

Writing and approving purchase orders (purchase-order-desk).
Setting the alerts that say an item is low (stock-alerts).

Anatomy

header: the tool's mark, To restock or Supplier orders, the view switch
restock: the low items; the item's head with on hand as the figure, how short, usual supplier and Reorder; the handoff: how many, price (Not known yet), Record it on (A new order · An open order) with what it does, Nothing ordered, Record; other offers (their note a hint)
supplier orders: the account, its state and Sync now or Reconnect; the delivered-there note; each order's number, lines, total, match and status

States

item below, at its minimum, unknown; no supplier linked; nothing to restock
handoff waiting, recorded, dismissed, refused; no open orders with that seller; pack size unknown
offer price recent or weeks old; none found
account connected, syncing, out of date, disconnected, none; no orders yet
phone: one column
right to left: mirrored
reduced motion: through the tokens

Keyboard

Tab through the items, Reorder, the handoff's fields and the offers' Open; the view switch with the arrow keys

Motion

Nothing runs at rest.

Props

Prop	Type	Default	Description
`items` (required)	`RestockItem[]`	—
`offers` (required)	`Offer[]`	—
`openOrders` (required)	`OpenOrder[]`	—
`onOpenLink` (required)	`(url: string, itemId: string) => void`	—	Opens a supplier's page (a new tab, the app's browser).
`onRecord` (required)	`(r: RestockRecord) => Promise<{ orderNumber: string; } \| { refused: string; }>`	—
`account` (required)	`SupplierAccount`	—
`onlineOrders` (required)	`OnlineOrder[]`	—
`onSync`	`(() => Promise<{ account: SupplierAccount; orders: OnlineOrder[]; }>)`	—
`onReconnect`	`(() => void)`	—
`currency`	`string`	—
`now`	`string`	—	What "now" is for the age of prices; the moment it renders by default.
`defaultView`	`"orders" \| "restock"`	—
`defaultItem`	`string \| null`	—
`defaultHandoff`	`{ seller: string; url: string; pack: string; packSize: number \| null; price: number \| n…`	—	Start as if the item's supplier page was just opened.
`product`	`string`	—
`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

Dependencies

lucide-react

Import

import { RestockDesk } from "@beamline/restock-desk";

Get it

Restock desk 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

Restock deskComplete system · $49

Restocking from suppliers' own shops.

Back from the supplier's page

The HVAC filters are 2 short of their minimum. Their supplier's page was opened to reorder; back here, it asks what was actually ordered (how many, the price, onto a new draft or the open order with Coldstream) or takes Nothing ordered and records nothing. Other offers say what their pack holds in filters (one doesn't say), the price per filter, and when the price was read; the AirParts price is weeks old.

0 × 0full

States

Orders synced from a Northline trade account, delivered there kept apart from received here; syncing brings a delivery in. The same account out of date, and disconnected with its history kept read-only. No supplier account. An item with no supplier page linked. Nothing to restock.