B
dprvda
/
beamline
/
blocks
Files
Code
Info
Security
account-security
A person's account security on one page: how protected they are at a glance with the next step to take, password change with strength and rules, two-step sign-in set up by scanning a code, confirming one and saving recovery codes, passkeys added from the device and renamed in place, and every signed-in device with sign out one by one or everywhere else at once. (Beamline complete system)
Admin users
admin-users
Your staff's view of every account: headline counts that follow the filters, a virtualised users table with search, status and plan filters and sorting, bulk suspend (with a reason), reactivate, reset two-step sign-in, export and delete with Undo; a row opens the person in a side panel with their facts, workspaces and recent activity, and Sign in as them. (Beamline complete system)
Agent runs monitor
agent-runs
Every run of your agents in one place: success rate, run time, tokens and spend; the last runs as a strip of status blocks; a live table where running rows count up their time and cost; and a run's detail with its trace (thinking, each tool call with input and output, the answer or the error) and Retry or Cancel. (Beamline complete system)
AI agent workspace
agent-workspace
Threads, a conversation with streamed reasoning, cited answers and a plan that waits for approval then runs step by step, and an artifacts panel with changes, sources and files; it renders the run you give it and calls back for every decision. (Beamline complete system)
Analytics dashboard
analytics-dashboard
A SaaS overview in the app shell, fed by your metrics hook: range and segment filters drive KPIs, new and expansion revenue, channels, plan mix, uptime and the activity feed, with loading placeholders and a failed state with retry. (Beamline complete system)
API keys & webhooks
api-keys
The developer page of a SaaS: API keys with environment, scopes, last use and expiry, created through a form whose secret is shown once (copy it before you can leave), rotated with an overlap or revoked; and webhook endpoints with their recent deliveries as a status strip, opened in a side panel to switch on or off, send a test event, read each delivery's request and response, and resend it. (Beamline complete system)
Artifact workbench
artifact-workbench
Where the things an assistant makes are checked before they leave: every document, piece of code, small app and data result from a conversation, each version with what was asked for it, a live preview (the app runs in a sandbox, at desktop or phone width), the source, the changes from any earlier version, a failed version with Ask to fix, and Export in the format the work needs, with the file it made. (Beamline complete system)
Audit log
audit-log
Who did what, to what, when and from where, for a whole workspace: newest first and grouped by day, people with avatars and keys or systems with toned marks, sensitive actions flagged; filter by words, area, person and dates; open an entry for exactly what changed (before → after) and its request id; new entries wait above the list until shown; older pages load on demand; export the filtered log as CSV or JSON. (Beamline complete system)
Auth page
auth
The whole sign-in / sign-up route: product mark, a quiet dotted field with a light that follows the mouse, an optional notice, the SignIn and SignupForm cards switching in place with focus following, and legal links. (Beamline complete system)
Billing & invoices
billing
The billing page of a subscription: the plan with its seats and renewal, cancel and resume in place, the card on file with a checked update form, metered usage against the plan, the next invoice line by line, and the invoice history with status, PDF download and Pay now on a failed one; a failed payment leads the page with the one action that fixes it. (Beamline complete system)
Changelog feed
changelog-feed
An in-app What's new page: release notes grouped by month with tags, versions, pictures and details, a tag filter with counts, entries since your last visit marked as new, and a copyable link to each. (Beamline complete system)
Contact profile
contact-profile
One customer on one page: who they are and how to reach them (fields edit in place), their lifecycle stage and owner, the deals they are in with what is open, and the activity timeline with a composer to log a note, call, meeting or email, all optimistic. (Beamline complete system)
Conversation history
conversation-history
Past conversations with an assistant, ready to pick up again: the list by day with bookmarks and unsent drafts, a search through every message that groups hits by conversation and lands on the exact message, a link to a conversation or to one message that reopens it there, an interrupted answer with Continue, and a composer whose draft stays with its conversation when you open another. (Beamline complete system)
CRM pipeline
crm
A pipeline screen: KPIs and stage mix derived from a virtualised deals grid with inline edit, bulk moves and delete with undo; a row opens the deal in a side sheet with stage stepper, fields and notes. Every change goes to your onDealsChange. (Beamline complete system)
Empty states
empty-states
The five empty moments every product has, written and wired: first use with a first step, no results with the filters to clear, an error with retry and a copyable error id, no permission with a request for access, and offline with reconnecting. (Beamline complete system)
File manager
file-manager
Files and folders in one screen: the views (My files, Shared, Recent, Starred, Trash) with storage at the foot, a folder tree beside the files, breadcrumb, search across folders, grid or list, Upload as the one primary action, and a file's preview, details, people and Share in a side panel; rename, trash, restore, star and share are optimistic. (Beamline complete system)
Helpdesk inbox
helpdesk-inbox
A support team's inbox: views with counts, a virtualised ticket queue with search, priority filters and live SLA clocks, and the open ticket with its conversation, reply composer, status, priority, assignee and the requester's details with internal notes. (Beamline complete system)
AI image studio
image-studio
Write a prompt, pick a shape, a style and how many, and watch the variations generate side by side; each one opens full screen and can be upscaled or used as the start of more like it. Every batch stays in a history you can step back to, with its prompt and settings. (Beamline complete system)
Integrations
integrations
A directory of the apps a product connects to: search and categories with counts, connected apps first with their state (Connected, Needs attention), a card per app with its mark, one line and one button that connects in place (waiting on the app's sign-in, then connected) or opens it; an app's side panel holds the connected account, sync history, its settings that save as they change, Sync now and Disconnect; no match offers Request an integration. (Beamline complete system)
Invoices
invoices
Accounts receivable in one screen: what is outstanding, overdue and paid, the invoices by status in a virtualised grid with bulk reminders, and each invoice opened as the document itself with its history and the one action its status calls for (send, record payment, download), all optimistic. (Beamline complete system)
Knowledge base manager
knowledge-base
What your assistant knows and whether it is fresh: sources with live sync status (syncing with progress, out of date, failed with the reason and Retry), the chunks each source became, and a test bench where you ask a question and see the cited answer beside the chunks it was built from. (Beamline complete system)
Market screener
market-screener
The whole market at a glance and a way to narrow it down: a sector heatmap, today's top movers with the market's breadth, ready-made screens (gainers, losers, most active, your watchlist) and a live table to search, sort and star markets into the watchlist. (Beamline complete system)
Meeting and call review
meeting-review
Everything a recorded call left behind on one screen: the recording with its transcript by speaker, an AI summary that streams in, action items with owners and due dates that each jump to the moment they were said, chapters, and who talked how much. (Beamline complete system)
Model playground
model-playground
Try one prompt on up to three models side by side: pick each model with its price and speed in view, set the system prompt, temperature and length once for all, run, and watch the answers write themselves while time to first token, speed, tokens and cost count up under each; when they finish, the fastest and the cheapest are marked. (Beamline complete system)
Notification preferences
notification-preferences
What reaches a person and where: events grouped by area down the side, channels (email, push, Slack, in-app) across the top, a switch per pair that saves on its own and steps back if refused, a column switch for a whole channel, channels that still need connecting, alerts that cannot be turned off, a digest, quiet hours and a pause for everything. In a narrow room each event carries its channels as a row of toggles. (Beamline complete system)
Onboarding checklist
onboarding-checklist
The first screen after sign-up: a welcome with how far set-up has come, a checklist of the few steps that make the product useful (each with why, how long it takes and one button that starts it), the next step opened and offered as the page's one primary action, done steps drawing their check and gathering at the end, steps that can be skipped and brought back, and a finished state with Hide this list; under it, guides to read or watch. (Beamline complete system)
Order history and fills
order-history
Every order the account placed and every fill it got, for a period: totals for volume, fees, fill rate and maker share; orders with their status and how much filled; each fill with its price, fee and maker or taker; an order opens with its fills and what happened when; and the view exports as CSV. (Beamline complete system)
Orders admin
orders-admin
A shop's order desk: today's orders and revenue, quick filters for what needs doing (to fulfil, unpaid, returns), a virtualised orders grid, and the chosen order beside it with its items, fulfilment steps, shipping and payment; fulfil with a carrier and tracking number, or refund chosen items, both optimistic. (Beamline complete system)
Page header
page-header
The top of a record or project page: breadcrumb, title with status, description and meta, a primary action with secondary actions that fold into a More menu when the width runs out, and tabs underneath; on long pages it can condense into a compact bar pinned to the top as you scroll. (Beamline complete system)
Plan comparison
plan-comparison
Plans side by side against every feature: prices that roll between monthly and yearly, the current and recommended plan marked, a header that stays in view while the features scroll, differences only, and included, not included and not specified told apart. (Beamline complete system)
Portfolio overview
portfolio
What an account holds and how it is doing: the total that rolls as prices tick with today's change, value over time against a benchmark, allocation by asset or sector, daily profit and loss, and every holding with its value, cost, unrealised P&L and weight. (Beamline complete system)
Product analytics
product-analytics
How people use the product: a funnel whose steps are the selector, where the people lost at a step went (saved as a cohort in one action), retention by sign-up cohort as a heat table, and the tracked events with their trends. (Beamline complete system)
Project board
project-board
A team's sprint as a board: the sprint's goal, points done and days left, filters by person and label, the work as cards in columns with work-in-progress limits, moves that are applied at once and refused with the reason, and a card opened beside the board with its details, estimate and discussion. (Beamline complete system)
Projects
projects
A team's projects: the portfolio by health (on track, at risk, off track) with progress, lead, team and due date, filtered and searched; a project opens in place to its overview — health and the latest status update, milestones, task mix, team and the update history — where posting the weekly update is the one primary action. (Beamline complete system)
Report builder
report-builder
Build a chart from your metrics without code: choose metrics, how to group them over time, an optional breakdown, filters, the range and the chart, see the chart and its numbers update as you choose, then save it as a named report (optimistic, with unsaved-changes and a refused save kept). (Beamline complete system)
Roles & permissions
roles-permissions
What each role may do, as one matrix: permissions grouped by area down the side, roles across the top with their head counts, a check per cell; a group's box sets the whole area. Edits gather in a draft whose changed cells are marked and counted in a save bar, risky grants are flagged, and custom roles can be created from an existing one or deleted with their people moved. In a narrow room it shows one role at a time. (Beamline complete system)
Sales dashboard
sales-dashboard
A sales leader's week in one screen: closed won against quota and pace, pipeline coverage and win rate, the quarter's run toward target with the forecast ahead of it, pipeline by stage, a rep leaderboard that scopes every figure to one rep, and the forecast call submitted to your API. (Beamline complete system)
Settings
settings
Profile and workspace settings with one draft and real save handler. Personal mode omits workspace data; optional profile fields share validation, persistence, error recovery and focus return. Existing members, billing, notifications and API sections remain available.
Sign in
sign-in
The sign-in card: email and password, a one-time code or a magic link, passkeys and single sign-on, with validation, progress, errors and a signed-in state; every step runs on your handlers. (Beamline complete system)
Sign up form
signup-form
The account creation card: single sign-on, name, work email and a password with strength and Caps Lock hints, terms consent, inline validation, your request's progress and errors, an emailed-code check and a finished state. (Beamline complete system)
Social media scheduler
social-scheduler
Plan posts across your social accounts: a week calendar where every post sits at its time in its account's colour and moves by drag, a queue of what goes out next with results for what already went, and a composer that writes once for several accounts, counts each one's character limit, previews the post as it will look and suggests the times your audience is around. (Beamline complete system)
Status dashboard
status-dashboard
An operations view of service health: the overall state in one line, every service with its status, uptime, latency now and 90 days of history, latency percentiles against the SLO, the live incident with its updates and a composer to post the next one, and past incidents. Declare incident when all is well, Post update when something is not. (Beamline complete system)
Step form
step-form
The finished frame for any multi-step form you compose — onboarding, intake brief, questionnaire, booking, application: a wide card with progress, the step's title and your fields, one accent Continue; a side panel with the steps and the answers so far (each with Edit); an automatic review step, sending and done. (Beamline complete system)
AI support chat
support-chat
The customer's side of AI support: an assistant that answers from your help centre with numbered citations, a thumbs up or down on every answer (a down asks why and offers a person), a handoff that queues, counts down the line and morphs the header into the person who joins, and a rating when the case ends. (Beamline complete system)
AI support console
support-console
The support team's side of AI support: a queue sorted by what is due first (who the assistant is still handling, who asked for a person, who waits), the conversation with the assistant's turns marked, a suggested reply that streams in with its sources and goes into the composer in one press, the customer's context and case summary, and the day's resolution rate, CSAT and first response. (Beamline complete system)
System pages
system-page
The four pages a product shows when the normal one cannot: page not found (search and the likely places), something broke (try again, an error id to quote, the status page), down for maintenance (when it is back, counting down, and Email me when it's back), and offline (retrying by itself with growing pauses, the changes waiting to sync, and Back online when it returns). One block, a kind each, on a quiet field of split light. (Beamline complete system)
Team calendar
team-calendar
A team's schedule: the people and shared calendars to show (each its colour), a month to jump by, who is out this week, and the week, day or month of events — drag to move or resize, drag across empty time to schedule, an event opened with its details and Cancel; every change optimistic and refused with the reason. (Beamline complete system)
Team chat
team-chat
A team's messages in one screen: channels and direct messages with unread counts and mentions, who is online, the conversation with reactions, receipts and who is typing, threads that open beside it, and every place you were mentioned in one list. (Beamline complete system)
Team & members
team-members
The people page of a workspace: seats used against the plan, members and pending invitations in one list with search and a role filter, role changes that apply at once and step back if your API refuses, invitations by pasted email list, and removal with Undo that only reaches your API once the Undo window closes. (Beamline complete system)
Trading terminal
trading-terminal
A perpetuals terminal on your feed and your account: ticker tape, market header with funding, candles, book / trades / depth, order ticket, account figures, positions and open orders. The terminal renders and calls the account; it never fills an order itself. (Beamline complete system)
Voice agent
voice-agent
A voice agent in three layouts on one session: a support panel that mixes typing and talking, a call screen with the agent's orb and one call button, and a workspace with an empty state, the live transcript and the conversation bar. One adapter connects any provider. (Beamline complete system)
Workspace switcher
workspace-switcher
Moving between workspaces and making a new one: a switcher for the top of your sidebar (the current workspace's mark, name and plan; a searchable list with roles and unread counts; Create workspace) and a Choose a workspace page for after sign-in with waiting invitations to join or decline; both open the same three-step create dialog (name with its address checked as you type, a colour for its mark, teammates to invite) that ends in the new workspace. (Beamline complete system)
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Security
account-security
A person's account security on one page: how protected they are at a glance with the next step to take, password change with strength and rules, two-step sign-in set up by scanning a code, confirming one and saving recovery codes, passkeys added from the device and renamed in place, and every signed-in device with sign out one by one or everywhere else at once. (Beamline complete system)
Admin users
admin-users
Your staff's view of every account: headline counts that follow the filters, a virtualised users table with search, status and plan filters and sorting, bulk suspend (with a reason), reactivate, reset two-step sign-in, export and delete with Undo; a row opens the person in a side panel with their facts, workspaces and recent activity, and Sign in as them. (Beamline complete system)
Agent runs monitor
agent-runs
Every run of your agents in one place: success rate, run time, tokens and spend; the last runs as a strip of status blocks; a live table where running rows count up their time and cost; and a run's detail with its trace (thinking, each tool call with input and output, the answer or the error) and Retry or Cancel. (Beamline complete system)
AI agent workspace
agent-workspace
Threads, a conversation with streamed reasoning, cited answers and a plan that waits for approval then runs step by step, and an artifacts panel with changes, sources and files; it renders the run you give it and calls back for every decision. (Beamline complete system)
Analytics dashboard
analytics-dashboard
A SaaS overview in the app shell, fed by your metrics hook: range and segment filters drive KPIs, new and expansion revenue, channels, plan mix, uptime and the activity feed, with loading placeholders and a failed state with retry. (Beamline complete system)
API keys & webhooks
api-keys
The developer page of a SaaS: API keys with environment, scopes, last use and expiry, created through a form whose secret is shown once (copy it before you can leave), rotated with an overlap or revoked; and webhook endpoints with their recent deliveries as a status strip, opened in a side panel to switch on or off, send a test event, read each delivery's request and response, and resend it. (Beamline complete system)
Artifact workbench
artifact-workbench
Where the things an assistant makes are checked before they leave: every document, piece of code, small app and data result from a conversation, each version with what was asked for it, a live preview (the app runs in a sandbox, at desktop or phone width), the source, the changes from any earlier version, a failed version with Ask to fix, and Export in the format the work needs, with the file it made. (Beamline complete system)
Audit log
audit-log
Who did what, to what, when and from where, for a whole workspace: newest first and grouped by day, people with avatars and keys or systems with toned marks, sensitive actions flagged; filter by words, area, person and dates; open an entry for exactly what changed (before → after) and its request id; new entries wait above the list until shown; older pages load on demand; export the filtered log as CSV or JSON. (Beamline complete system)
Auth page
auth
The whole sign-in / sign-up route: product mark, a quiet dotted field with a light that follows the mouse, an optional notice, the SignIn and SignupForm cards switching in place with focus following, and legal links. (Beamline complete system)
Billing & invoices
billing
The billing page of a subscription: the plan with its seats and renewal, cancel and resume in place, the card on file with a checked update form, metered usage against the plan, the next invoice line by line, and the invoice history with status, PDF download and Pay now on a failed one; a failed payment leads the page with the one action that fixes it. (Beamline complete system)
Changelog feed
changelog-feed
An in-app What's new page: release notes grouped by month with tags, versions, pictures and details, a tag filter with counts, entries since your last visit marked as new, and a copyable link to each. (Beamline complete system)
Contact profile
contact-profile
One customer on one page: who they are and how to reach them (fields edit in place), their lifecycle stage and owner, the deals they are in with what is open, and the activity timeline with a composer to log a note, call, meeting or email, all optimistic. (Beamline complete system)
Conversation history
conversation-history
Past conversations with an assistant, ready to pick up again: the list by day with bookmarks and unsent drafts, a search through every message that groups hits by conversation and lands on the exact message, a link to a conversation or to one message that reopens it there, an interrupted answer with Continue, and a composer whose draft stays with its conversation when you open another. (Beamline complete system)
CRM pipeline
crm
A pipeline screen: KPIs and stage mix derived from a virtualised deals grid with inline edit, bulk moves and delete with undo; a row opens the deal in a side sheet with stage stepper, fields and notes. Every change goes to your onDealsChange. (Beamline complete system)
Empty states
empty-states
The five empty moments every product has, written and wired: first use with a first step, no results with the filters to clear, an error with retry and a copyable error id, no permission with a request for access, and offline with reconnecting. (Beamline complete system)
File manager
file-manager
Files and folders in one screen: the views (My files, Shared, Recent, Starred, Trash) with storage at the foot, a folder tree beside the files, breadcrumb, search across folders, grid or list, Upload as the one primary action, and a file's preview, details, people and Share in a side panel; rename, trash, restore, star and share are optimistic. (Beamline complete system)
Helpdesk inbox
helpdesk-inbox
A support team's inbox: views with counts, a virtualised ticket queue with search, priority filters and live SLA clocks, and the open ticket with its conversation, reply composer, status, priority, assignee and the requester's details with internal notes. (Beamline complete system)
AI image studio
image-studio
Write a prompt, pick a shape, a style and how many, and watch the variations generate side by side; each one opens full screen and can be upscaled or used as the start of more like it. Every batch stays in a history you can step back to, with its prompt and settings. (Beamline complete system)
Integrations
integrations
A directory of the apps a product connects to: search and categories with counts, connected apps first with their state (Connected, Needs attention), a card per app with its mark, one line and one button that connects in place (waiting on the app's sign-in, then connected) or opens it; an app's side panel holds the connected account, sync history, its settings that save as they change, Sync now and Disconnect; no match offers Request an integration. (Beamline complete system)
Invoices
invoices
Accounts receivable in one screen: what is outstanding, overdue and paid, the invoices by status in a virtualised grid with bulk reminders, and each invoice opened as the document itself with its history and the one action its status calls for (send, record payment, download), all optimistic. (Beamline complete system)
Knowledge base manager
knowledge-base
What your assistant knows and whether it is fresh: sources with live sync status (syncing with progress, out of date, failed with the reason and Retry), the chunks each source became, and a test bench where you ask a question and see the cited answer beside the chunks it was built from. (Beamline complete system)
Market screener
market-screener
The whole market at a glance and a way to narrow it down: a sector heatmap, today's top movers with the market's breadth, ready-made screens (gainers, losers, most active, your watchlist) and a live table to search, sort and star markets into the watchlist. (Beamline complete system)
Meeting and call review
meeting-review
Everything a recorded call left behind on one screen: the recording with its transcript by speaker, an AI summary that streams in, action items with owners and due dates that each jump to the moment they were said, chapters, and who talked how much. (Beamline complete system)
Model playground
model-playground
Try one prompt on up to three models side by side: pick each model with its price and speed in view, set the system prompt, temperature and length once for all, run, and watch the answers write themselves while time to first token, speed, tokens and cost count up under each; when they finish, the fastest and the cheapest are marked. (Beamline complete system)
Notification preferences
notification-preferences
What reaches a person and where: events grouped by area down the side, channels (email, push, Slack, in-app) across the top, a switch per pair that saves on its own and steps back if refused, a column switch for a whole channel, channels that still need connecting, alerts that cannot be turned off, a digest, quiet hours and a pause for everything. In a narrow room each event carries its channels as a row of toggles. (Beamline complete system)
Onboarding checklist
onboarding-checklist
The first screen after sign-up: a welcome with how far set-up has come, a checklist of the few steps that make the product useful (each with why, how long it takes and one button that starts it), the next step opened and offered as the page's one primary action, done steps drawing their check and gathering at the end, steps that can be skipped and brought back, and a finished state with Hide this list; under it, guides to read or watch. (Beamline complete system)
Order history and fills
order-history
Every order the account placed and every fill it got, for a period: totals for volume, fees, fill rate and maker share; orders with their status and how much filled; each fill with its price, fee and maker or taker; an order opens with its fills and what happened when; and the view exports as CSV. (Beamline complete system)
Orders admin
orders-admin
A shop's order desk: today's orders and revenue, quick filters for what needs doing (to fulfil, unpaid, returns), a virtualised orders grid, and the chosen order beside it with its items, fulfilment steps, shipping and payment; fulfil with a carrier and tracking number, or refund chosen items, both optimistic. (Beamline complete system)
Page header
page-header
The top of a record or project page: breadcrumb, title with status, description and meta, a primary action with secondary actions that fold into a More menu when the width runs out, and tabs underneath; on long pages it can condense into a compact bar pinned to the top as you scroll. (Beamline complete system)
Plan comparison
plan-comparison
Plans side by side against every feature: prices that roll between monthly and yearly, the current and recommended plan marked, a header that stays in view while the features scroll, differences only, and included, not included and not specified told apart. (Beamline complete system)
Portfolio overview
portfolio
What an account holds and how it is doing: the total that rolls as prices tick with today's change, value over time against a benchmark, allocation by asset or sector, daily profit and loss, and every holding with its value, cost, unrealised P&L and weight. (Beamline complete system)
Product analytics
product-analytics
How people use the product: a funnel whose steps are the selector, where the people lost at a step went (saved as a cohort in one action), retention by sign-up cohort as a heat table, and the tracked events with their trends. (Beamline complete system)
Project board
project-board
A team's sprint as a board: the sprint's goal, points done and days left, filters by person and label, the work as cards in columns with work-in-progress limits, moves that are applied at once and refused with the reason, and a card opened beside the board with its details, estimate and discussion. (Beamline complete system)
Projects
projects
A team's projects: the portfolio by health (on track, at risk, off track) with progress, lead, team and due date, filtered and searched; a project opens in place to its overview — health and the latest status update, milestones, task mix, team and the update history — where posting the weekly update is the one primary action. (Beamline complete system)
Report builder
report-builder
Build a chart from your metrics without code: choose metrics, how to group them over time, an optional breakdown, filters, the range and the chart, see the chart and its numbers update as you choose, then save it as a named report (optimistic, with unsaved-changes and a refused save kept). (Beamline complete system)
Roles & permissions
roles-permissions
What each role may do, as one matrix: permissions grouped by area down the side, roles across the top with their head counts, a check per cell; a group's box sets the whole area. Edits gather in a draft whose changed cells are marked and counted in a save bar, risky grants are flagged, and custom roles can be created from an existing one or deleted with their people moved. In a narrow room it shows one role at a time. (Beamline complete system)
Sales dashboard
sales-dashboard
A sales leader's week in one screen: closed won against quota and pace, pipeline coverage and win rate, the quarter's run toward target with the forecast ahead of it, pipeline by stage, a rep leaderboard that scopes every figure to one rep, and the forecast call submitted to your API. (Beamline complete system)
Settings
settings
Profile and workspace settings with one draft and real save handler. Personal mode omits workspace data; optional profile fields share validation, persistence, error recovery and focus return. Existing members, billing, notifications and API sections remain available.
Sign in
sign-in
The sign-in card: email and password, a one-time code or a magic link, passkeys and single sign-on, with validation, progress, errors and a signed-in state; every step runs on your handlers. (Beamline complete system)
Sign up form
signup-form
The account creation card: single sign-on, name, work email and a password with strength and Caps Lock hints, terms consent, inline validation, your request's progress and errors, an emailed-code check and a finished state. (Beamline complete system)
Social media scheduler
social-scheduler
Plan posts across your social accounts: a week calendar where every post sits at its time in its account's colour and moves by drag, a queue of what goes out next with results for what already went, and a composer that writes once for several accounts, counts each one's character limit, previews the post as it will look and suggests the times your audience is around. (Beamline complete system)
Status dashboard
status-dashboard
An operations view of service health: the overall state in one line, every service with its status, uptime, latency now and 90 days of history, latency percentiles against the SLO, the live incident with its updates and a composer to post the next one, and past incidents. Declare incident when all is well, Post update when something is not. (Beamline complete system)
Step form
step-form
The finished frame for any multi-step form you compose — onboarding, intake brief, questionnaire, booking, application: a wide card with progress, the step's title and your fields, one accent Continue; a side panel with the steps and the answers so far (each with Edit); an automatic review step, sending and done. (Beamline complete system)
AI support chat
support-chat
The customer's side of AI support: an assistant that answers from your help centre with numbered citations, a thumbs up or down on every answer (a down asks why and offers a person), a handoff that queues, counts down the line and morphs the header into the person who joins, and a rating when the case ends. (Beamline complete system)
AI support console
support-console
The support team's side of AI support: a queue sorted by what is due first (who the assistant is still handling, who asked for a person, who waits), the conversation with the assistant's turns marked, a suggested reply that streams in with its sources and goes into the composer in one press, the customer's context and case summary, and the day's resolution rate, CSAT and first response. (Beamline complete system)
System pages
system-page
The four pages a product shows when the normal one cannot: page not found (search and the likely places), something broke (try again, an error id to quote, the status page), down for maintenance (when it is back, counting down, and Email me when it's back), and offline (retrying by itself with growing pauses, the changes waiting to sync, and Back online when it returns). One block, a kind each, on a quiet field of split light. (Beamline complete system)
Team calendar
team-calendar
A team's schedule: the people and shared calendars to show (each its colour), a month to jump by, who is out this week, and the week, day or month of events — drag to move or resize, drag across empty time to schedule, an event opened with its details and Cancel; every change optimistic and refused with the reason. (Beamline complete system)
Team chat
team-chat
A team's messages in one screen: channels and direct messages with unread counts and mentions, who is online, the conversation with reactions, receipts and who is typing, threads that open beside it, and every place you were mentioned in one list. (Beamline complete system)
Team & members
team-members
The people page of a workspace: seats used against the plan, members and pending invitations in one list with search and a role filter, role changes that apply at once and step back if your API refuses, invitations by pasted email list, and removal with Undo that only reaches your API once the Undo window closes. (Beamline complete system)
Trading terminal
trading-terminal
A perpetuals terminal on your feed and your account: ticker tape, market header with funding, candles, book / trades / depth, order ticket, account figures, positions and open orders. The terminal renders and calls the account; it never fills an order itself. (Beamline complete system)
Voice agent
voice-agent
A voice agent in three layouts on one session: a support panel that mixes typing and talking, a call screen with the agent's orb and one call button, and a workspace with an empty state, the live transcript and the conversation bar. One adapter connects any provider. (Beamline complete system)
Workspace switcher
workspace-switcher
Moving between workspaces and making a new one: a switcher for the top of your sidebar (the current workspace's mark, name and plan; a searchable list with roles and unread counts; Create workspace) and a Choose a workspace page for after sign-in with waiting invitations to join or decline; both open the same three-step create dialog (name with its address checked as you type, a colour for its mark, teammates to invite) that ends in the new workspace. (Beamline complete system)
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information