Blocks

Ready-made layouts built on the Workspace primitives. Click any block to preview, copy, or install it.

Tax tables

Tax year 2026

3 jurisdictions · 16 brackets

JurisdictionFiling statusIncome rangeRate
FederalSingle$0 – $11,92510.0%
FederalSingle$11,925 – $48,47512.0%
FederalSingle$48,475 – $103,35022.0%
FederalSingle$103,350 – $197,30024.0%
FederalSingle$197,300+32.0%
FederalMarried filing jointly$0 – $23,85010.0%
FederalMarried filing jointly$23,850 – $96,95012.0%
FederalMarried filing jointly$96,950 – $206,70022.0%
FederalMarried filing jointly$206,700+24.0%
CaliforniaSingle$0 – $10,7561.0%
CaliforniaSingle$10,756 – $25,4992.0%
CaliforniaSingle$25,499 – $40,2454.0%
CaliforniaSingle$40,245+6.0%
New YorkSingle$0 – $8,5004.0%
New YorkSingle$8,500 – $11,7004.5%
New YorkSingle$11,700+5.3%

Reference Table with Facet Filter

Tables

Searchable tax bracket reference table filterable by jurisdiction, with income range and rate per filing status.

Payroll Tasks

6 of 6 tasks

Pending
3
Overdue
2
Completed
1
TaskEmployeeDueStatusAction
Approve March timesheetSarah Chen2026-07-10Pending
Verify tax withholdingMike Johnson2026-07-02Overdue
Submit expense reimbursementEmma Davis2026-07-12Pending
Confirm bank detailsDavid Lee2026-06-28Overdue
Sign payslip acknowledgementPriya Nair2026-06-20CompletedDone
Update emergency contactTom Wu2026-07-15Pending

Work Queue with Stat Cards

Tables

Employee payroll task dashboard — pending/overdue/completed overview cards, a searchable task list, and a complete-with-summary dialog.

Compensation

FY2026

6 employees · annual base salary

Headcount
6
Total base
$887,000
Average base
$147,833
EmployeeRoleBandBaseLast changeEffective
Sarah ChenSenior EngineerIC4$168,000+6.2%2026-01-01
Mike JohnsonAccount ExecutiveIC3$132,000+4.0%2025-07-01
Emma DavisProduct DesignerIC3$128,000+3.5%2026-01-01
David LeeSupport LeadM1$142,000+5.1%2025-10-01
Priya NairStaff EngineerM2$205,000+8.4%2026-01-01
Tom AlvarezEngineerIC2$112,0000.0%2025-04-01
Total$887,000

Table with Computed Columns

Tables

Searchable org-wide salary overview with pay band, last adjustment, and change percentage.

Activity Log

18 events

  • AC
    Alice Chen2m ago
    created·Q4 Report
    success
  • BM
    Bob Martinez8m ago
    deleted·Old Backup
    success
  • DP
    Diana Park14m ago
    updated·Website Redesign
    success
  • EJ
    Eve Johnson22m ago
    exported·Sales Summary
    pending
  • CK
    Charlie Kim35m ago
    shared·Invoice #1042
    success
  • AC
    Alice Chen41m ago
    viewed·Fix navbar bug
    success
  • BM
    Bob Martinez56m ago
    updated·john@acme.com
    failed
  • DP
    Diana Park1h ago
    created·Sprint 12 Plan
    success
  • EJ
    Eve Johnson1h ago
    deleted·Draft Campaign
    success
  • CK
    Charlie Kim1h ago
    exported·Monthly KPIs
    failed
18 row(s)
Page 1 of 2

Responsive Table (Card Fallback)

Tables

Filterable activity log with a responsive datatable — collapses to cards on narrow panes.

Audit Log

10 changes

WhenActorRecordFieldChangeAction
2026-07-07 14:32
SCSarah Chen
Invoice #1024status
draftsent
updated
2026-07-07 14:20
MJMike Johnson
Customer Acme Co.credit_limit
$10,000$25,000
updated
2026-07-07 13:58
EDEmma Davis
Product SKU-4471
Wireless Mouse
created
2026-07-07 11:47
DLDavid Lee
Purchase Order #88approver
unassignedPriya Nair
updated
2026-07-07 10:15
PNPriya Nair
User bob@acme.corole
editoradmin
updated
2026-07-06 17:02
SCSarah Chen
Discount SUMMER25
10% off orders
deleted
2026-07-06 16:30
MJMike Johnson
Invoice #1019due_date
2026-07-152026-07-30
updated
2026-07-06 15:11
EDEmma Davis
Department Researchmanager
vacantPriya Nair
updated
2026-07-06 09:44
DLDavid Lee
Warehouse WH-02
Portland DC
created
2026-07-05 18:20
PNPriya Nair
Contract #C-330value
$48,000$52,500
updated

Before / After Diff Table

Tables

Field-level audit trail — who changed what field, with before → after values, actor avatars, and search/action filters.

Bank reconciliation

Not reconciled

Statement as of 2026-06-30

Statement balance
$16,308.75
Cleared balance
$21,428.75
Difference
-$5,120.00
DateDescriptionAmount
2026-06-02Customer payment — Acme Co.+$5,400.00
2026-06-04Rent — June-$3,200.00
2026-06-08Vendor payment — Bluepeak Logistics-$1,875.50
2026-06-11Customer payment — Northwind Traders+$3,200.00
2026-06-15Payroll run-$6,100.00
2026-06-18Card processing fees-$142.25
2026-06-22Customer payment — Cascade Retail+$980.00
2026-06-27Office supplies-$374.00

Checklist Table with Running Totals

Tables

Bank reconciliation checklist — mark transactions cleared against a statement balance, with live statement/cleared/difference summary cards.

Stock levels

3 need reorder

6 stock records

  • Aluminium Water Bottle 750mlSKU-1001

    WH-CEN · 1,240 on hand

    In stock
  • Aluminium Water Bottle 750mlSKU-1001

    WH-W · 180 on hand

    Low
  • Canvas Tote BagSKU-1002

    WH-CEN · 0 on hand

    Out of stock
  • Recycled Notebook A5SKU-1004

    WH-NW · 620 on hand

    In stock
  • Recycled Notebook A5SKU-1004

    WH-SE · 95 on hand

    Low
  • Insulated Lunch BoxSKU-1006

    WH-W · 430 on hand

    In stock

Table with Derived Status + Inline Adjust

Tables

On-hand stock per SKU and warehouse — searchable, with derived low/out-of-stock badges and a stock-take adjustment dialog.

Stock movements

6 movements · net +345

  • SKU-1001WH-CEN

    2026-07-06 · PO-8841

    receipt
    +500
  • SKU-1002WH-CEN

    2026-07-05 · SO-2290

    shipment
    -150
  • SKU-1004WH-SE

    2026-07-04 · Cycle count

    adjustment
    -5
  • SKU-1001WH-W

    2026-07-03 · TR-114 → WH-CEN

    transfer
    -220
  • SKU-1006WH-W

    2026-07-03 · PO-8836

    receipt
    +300
  • SKU-1004WH-NW

    2026-07-01 · SO-2281

    shipment
    -80

Append-only Ledger Table

Tables

Append-only stock ledger — receipts, shipments, adjustments, and transfers with a type filter, running net change, and a record-movement dialog.

Repayment schedule · LN-2041

$7,108.79 outstanding · $493.07 total interest · 5/12 paid

  • $1,041.09#1

    Due 2026-02-01 · balance $11,033.91

    paid
  • $1,041.09#2

    Due 2026-03-01 · balance $10,061.78

    paid
  • $1,041.09#3

    Due 2026-04-01 · balance $9,083.58

    paid
  • $1,041.09#4

    Due 2026-05-01 · balance $8,099.26

    paid
  • $1,041.09#5

    Due 2026-06-01 · balance $7,108.79

    paid
  • $1,041.09#6

    Due 2026-07-01 · balance $6,112.13

    overdue
  • $1,041.09#7

    Due 2026-08-01 · balance $5,109.24

    overdue
  • $1,041.09#8

    Due 2026-09-01 · balance $4,100.08

    scheduled
  • $1,041.09#9

    Due 2026-10-01 · balance $3,084.62

    scheduled
  • $1,041.09#10

    Due 2026-11-01 · balance $2,062.81

    scheduled
  • $1,041.09#11

    Due 2026-12-01 · balance $1,034.61

    scheduled
  • $1,041.08#12

    Due 2027-01-01 · balance $0.00

    scheduled

Computed Schedule Table

Tables

Amortisation table derived from the loan terms — per-instalment interest/principal split, derived paid/due/overdue status, and in-order payment recording.

Employees

7 employees

  • Sarah Chen

    Senior Engineer · Engineering

    active
  • Mike Johnson

    Account Executive · Sales

    active
  • Emma Davis

    Product Designer · Design

    active
  • David Lee

    Support Lead · Customer Support

    active
  • Priya Nair

    Staff Engineer · Engineering

    active
  • Tom Alvarez

    Engineer · Engineering

    onboarding
  • Lena Ortiz

    SDR · Sales

    terminated

CRUD Table with Slide-over Sheet

CRUD Tables

Employee directory with a slide-over create/edit sheet, row-action menu, and a delete confirmation.

Departments

5 departments

  • EngineeringENG

    Sarah Chen · 42 people

    active
  • SalesSAL

    Mike Johnson · 28 people

    active
  • DesignDSN

    Emma Davis · 12 people

    active
  • Customer SupportSUP

    David Lee · 19 people

    active
  • ResearchRND

    Priya Nair · 8 people

    archived

CRUD Table with Inline Row Editing

CRUD Tables

Departments table with inline row editing, a new-row form, and a delete confirmation — no dialog for create/edit.

Products

6 products

CRUD Table with Master–Detail Panel

CRUD Tables

Product / SKU catalog with a master-detail split view — select a row to view and edit it in a side panel, no dialog.

Warehouses

5 warehouses

  • Northwest DistributionWH-NW

    Portland, OR · 9,400 / 12,000 (78%)

    active
  • Central FulfilmentWH-CEN

    Kansas City, MO · 7,200 / 20,000 (36%)

    active
  • Southeast DepotWH-SE

    Atlanta, GA · 7,900 / 8,000 (99%)

    active
  • Northeast OverflowWH-NE

    Newark, NJ · 0 / 5,000 (0%)

    inactive
  • West Coast HubWH-W

    Long Beach, CA · 18,500 / 30,000 (62%)

    active

CRUD Table with Utilization Bar

CRUD Tables

Warehouse list with capacity utilization, create/edit dialog form, row-action menu, and a delete confirmation.

Leave requests

5 requests · 2 pending

  • Ava Chenvacation

    2026-07-132026-07-17 · 5 days

    pending
  • Marcus Webbsick

    2026-07-062026-07-06 · 1 day

    approved
  • Priya Nairpersonal

    2026-07-202026-07-21 · 2 days

    pending
  • Tom Okaforunpaid

    2026-08-032026-08-14 · 12 days

    rejected
  • Lena Fischervacation

    2026-09-012026-09-05 · 5 days

    approved

CRUD Table with Approve / Reject Actions

CRUD Tables

Leave request list with a status filter, approve/reject row actions, a submit-request dialog, and a delete confirmation.

Attendance

6 entries · 33.9h logged

  • Ava Chen2026-07-07

    08:5617:32 · 8.6h

    present
  • Marcus Webb2026-07-07

    09:2418:05 · 8.7h

    late
  • Priya Nair2026-07-07

    No punches ·

    leave
  • Tom Okafor2026-07-07

    No punches ·

    absent
  • Lena Fischer2026-07-07

    08:4516:30 · 7.8h

    present
  • Ava Chen2026-07-06

    09:0217:48 · 8.8h

    late

CRUD Table with Date Filter

CRUD Tables

Daily attendance log with a date filter, punch-derived present/late/absent status, total hours, and create/edit/delete.

Projects

5 projects · 2 active

  • Billing migrationPRJ-101

    Northwind · Ava Chen · due 2026-09-30

    active62%
  • Mobile app rewritePRJ-102

    Contoso · Marcus Webb · due 2026-06-15

    active40%
  • Warehouse rolloutPRJ-103

    Fabrikam · Priya Nair · due 2026-12-01

    planning5%
  • Data lake pilotPRJ-104

    Northwind · Tom Okafor · due 2026-08-20

    on-hold30%
  • SSO integrationPRJ-105

    Contoso · Lena Fischer · due 2026-03-31

    completed100%

CRUD Table with Progress Bars

CRUD Tables

Project portfolio list with a status filter, progress bars, overdue due-date highlighting, and create/edit/delete.

Contacts

5 contacts

  • IM
    Iris Muller
    VP Finance

    Northwind · iris@northwind.example

  • RW
    Ray Whitfield
    Controller

    Northwind · ray@northwind.example

  • DP
    Devon Park
    Head of Ops

    Contoso · devon@contoso.example

  • NR
    Nadia Rahman
    CTO

    Fabrikam · nadia@fabrikam.example

  • OB
    Owen Blake
    Buyer

    Tailspin · owen@tailspin.example

CRUD Table with Search and Promote Action

CRUD Tables

Contact book with search, one-primary-per-account enforced on promote, and a warning for accounts left without a primary.

Journal entries

3 entries

  • JE-1001

    June rent payment · $3,200.00

    posted
  • JE-1002

    Sale on account · $5,400.00

    posted
  • JE-1003

    Equipment purchase · $12,000.00

    draft

Line-Item Form that Must Balance

Guarded CRUD

Journal entry list with a dynamic debit/credit line-item dialog that validates the entry balances before it can be saved.

Performance reviews

5 reviews · avg 4

  • Ava ChenH1 2026

    Reviewed by Dana Reyes

    completed
  • Marcus WebbH1 2026

    Reviewed by Dana Reyes

    completed
  • Priya NairH1 2026

    Reviewed by Sam Iqbal

    in-review
  • Tom OkaforH1 2026

    Reviewed by Sam Iqbal

    draftUnrated
  • Lena FischerH2 2025

    Reviewed by Dana Reyes

    completed

CRUD with Completion Precondition

Guarded CRUD

Performance review list with star ratings, a status filter, average-rating summary, and a create/edit dialog that blocks completing an unrated review.

Timesheets

23.0h logged · 80% billable

  • Ava Chenapproved

    Map legacy billing tables · 2026-07-06 · 6.5h

  • Ava Chensubmitted

    Dual-write shim · 2026-07-07 · 7.0h

  • Marcus Webbdraft

    Navigation refactor · 2026-07-07 · 5.0h

  • Priya Nairdraft

    Site survey · 2026-07-07 · 3.5h · non-billable

  • Tom Okaforapproved

    Internal standup · 2026-07-06 · 1.0h · non-billable

CRUD with Locking Lifecycle

Guarded CRUD

Time entries per project with billable-utilization summary and a draft → submitted → approved lifecycle that locks an entry once submitted.

Team

5 members · 102h / week allocated

  • AC
    Ava Chen
    ava.chen@example.com
    lead40h / wk
  • MW
    Marcus Webb
    marcus.webb@example.com
    member30h / wk
  • PN
    Priya Nair
    priya.nair@example.com
    member20h / wk
  • TO
    Tom Okafor
    tom.okafor@example.com
    member10h / wk
  • DR
    Dana Reyes
    dana.reyes@example.com
    viewer2h / wk

CRUD with Capacity + Uniqueness Guards

Guarded CRUD

Project roster with roles, weekly allocation, and guards that keep one lead on the project and nobody booked past a full week.

Leads

5 leads · 2 hot · 25% qualified

  • Iris MullerNorthwind

    iris@northwind.example · referral

    qualified88
  • Devon ParkContoso

    devon@contoso.example · web

    contacted41
  • Nadia RahmanFabrikam

    nadia@fabrikam.example · event

    contacted79
  • Owen BlakeTailspin

    owen@tailspin.example · outbound

    unqualified12
  • Sofia MarchettiAdventure Works

    sofia@advworks.example · web

    new64

CRUD with Gated State Transition

Guarded CRUD

Lead pipeline with a stage filter, hot-lead scoring, qualification rate, and a convert action gated on the lead being qualified.

Accounts

5 accounts · $738,000 ARR · 3 at risk

  • Northwindstrategic

    Ava Chen · $480,000 ARR

    watch
  • Contosomid-market

    Marcus Webb · $120,000 ARR

    at-risk
  • Fabrikammid-market

    Priya Nair · $96,000 ARR

    at-risk
  • Tailspinsmb

    Tom Okafor · $18,000 ARR

    healthy
  • Adventure Workssmb

    Ava Chen · $24,000 ARR

    at-risk

CRUD with Delete Blocked by Dependents

Guarded CRUD

Account book with tier filter, ARR roll-up, health derived from contact recency, and delete blocked while deals are open.

Loan applications

3 pending · $253,000 in pipeline

  • Iris MullerLN-2041

    $60,000 · $1,451/mo

    under-reviewDTI 29%
  • Devon ParkLN-2042

    $25,000 · $1,142/mo

    submittedDTI 66%
  • Nadia RahmanLN-2043

    $150,000 · $2,956/mo

    approvedDTI 27%
  • Owen BlakeLN-2044

    $40,000 · $1,257/mo

    rejectedDTI 67%
  • Sofia MarchettiLN-2045

    $18,000 · $813/mo

    draftDTI 19%

CRUD with Threshold-Gated Approval

Guarded CRUD

Loan application queue with amortised monthly payment, debt-to-income assessment, and approval blocked above the DTI ceiling.

Borrowers

5 borrowers · 3 eligible · $197,700 outstanding

  • IM
    Iris Muller
    iris@northwind.example
    verified762A
  • DP
    Devon Park
    devon@contoso.example
    pending648C
  • NR
    Nadia Rahman
    nadia@fabrikam.example
    verified801A
  • OB
    Owen Blake
    owen@tailspin.example
    unverified542D
  • SM
    Sofia Marchetti
    sofia@advworks.example
    verified705B

CRUD with Eligibility Gate

Guarded CRUD

Borrower register with search, risk grade derived from credit score, KYC gating on eligibility, and delete blocked while loans are active.

Disbursements

$140,000 released · 2 scheduled

  • $40,000LN-2041

    Iris Muller · 2026-06-15

    released
  • $20,000LN-2041

    Iris Muller · 2026-07-15

    scheduled
  • $100,000LN-2043

    Nadia Rahman · 2026-06-01

    released
  • $25,000LN-2043

    Nadia Rahman · 2026-07-20

    scheduled
  • $18,000LN-2045

    Sofia Marchetti · 2026-06-28

    failed

CRUD Capped by a Parent Total

Guarded CRUD

Loan disbursement tranches with a loan filter, release/fail settlement, and scheduling blocked from overdrawing the approved principal.

Collateral

5 assets · $277,000 lendable security

  • Warehouse unit 4, PortlandLN-2041

    $90,000 · lendable $72,000

    perfected2026-03-12
  • Forklift fleet (3 units)LN-2041

    $40,000 · lendable $24,000

    pending2024-05-02
  • Office floor, AtlantaLN-2043

    $210,000 · lendable $168,000

    perfected2026-01-20
  • Delivery van, 2023LN-2045

    $26,000 · lendable $13,000

    pending2026-05-30
  • Bond portfolioLN-2045

    $12,000 · lendable $8,400

    released2026-06-11

CRUD with Staleness Guard

Guarded CRUD

Pledged-asset register with per-type advance rates, lien perfection blocked on a stale appraisal, and an under-secured loan warning.

Off-cycle Payment

Draft

One-off payment outside the regular payroll run

Total payment$0.00

Single-Purpose Form

Forms & Wizards

Form for issuing a one-off bonus, correction, or reimbursement outside the regular payroll run.

Import / Export

Bulk-load records from a CSV file

  1. 1Upload
  2. 2Map columns
  3. 3Done

CSV Import Wizard + Export

Forms & Wizards

CSV import wizard — paste or load data, map columns to entity fields with a live preview, then import. Includes a CSV export action.

Attachments

4 files · 2 uploaded

Drop files here, or click to browse

PDF, images, or documents up to 25 MB

Q3-financials.pdfPDF · 2.3 MB
logo-final.pngPNG · 180 KB
vendor-contract.docxUploading · 62%
warehouse-photo.jpgUpload failed. Try again.

Dropzone Upload with Per-File State

Forms & Wizards

Attachments panel — click-or-drag dropzone, per-file upload/error states, type icons, retry, and remove.

New Purchase Order

1Details
2Line Items
3Review

Multi-step Form Wizard

Forms & Wizards

Three-step wizard for creating a purchase order — vendor details, line items, and review.

API keys

3 keys

  • Production
  • Staging
  • CI pipeline

Confirm Dialog

Dialogs

Reusable confirm-before-you-act dialog for destructive actions — controlled open state, custom title/description/labels, destructive styling.

Contacts

3 contacts

  • AL
    Ada Lovelaceactive

    ada@acme.co · Acme Co.

  • GH
    Grace Hopperactive

    grace@acme.co · Umbrella Corp

  • AT
    Alan Turinginactive

    alan@acme.co · Initech

Create / Edit Dialog

Dialogs

Standalone create/edit dialog — one form handles both add and update, seeded from the record being edited.

Payroll · March 2026

Processing

5 employees · pay date 2026-03-31

Gross pay
$32,900.00
Deductions
$7,677.00
Net pay
$25,223.00
EmployeeRoleGrossDeductionsNet
Sarah ChenEngineering$8,200.00$1,968.00$6,232.00
Mike JohnsonSales$6,400.00$1,472.00$4,928.00
Emma DavisDesign$5,900.00$1,357.00$4,543.00
David LeeSupport$4,800.00$1,056.00$3,744.00
Priya NairEngineering$7,600.00$1,824.00$5,776.00
Total$32,900.00$7,677.00$25,223.00

Summary + Line Items View

Detail Views

Payroll run summary with per-employee payslips — gross, deductions, and net pay.

Payslip · Sarah Chen

Paid 2026-03-31

Senior Engineer · EMP-0142 · March 2026

Earnings
$8,200.00
Deductions
$1,968.00
Net pay
$6,232.00

Earnings

ItemCurrentYTD
Base salary$7,500.00$22,500.00
Overtime$420.00$980.00
Bonus$280.00$280.00
Total$8,200.00$23,760.00

Deductions

ItemCurrentYTD
Federal tax$1,240.00$3,720.00
State tax$468.00$1,404.00
Health insurance$180.00$540.00
401(k)$80.00$240.00
Total$1,968.00$5,904.00

Employer contributions

ItemCurrentYTD
401(k) match$160.00$480.00
Health insurance$420.00$1,260.00
Total$580.00$1,740.00

Statement / Breakdown View

Detail Views

Single-employee payslip breakdown — earnings, deductions, and employer contributions with YTD totals.

Customer

Acme Inc.

SC

Sarah Chen

active

sarah@acme.com

Company
Acme Inc.
Phone
+1 (555) 018-2245
Plan
Enterprise
Customer since
Mar 2023
Lifetime value
$18,420

Record ID: 1

Detail View with Tabs

Detail Views

Single-record detail view with a header and Overview / Activity / Orders tabs.

Priya Nair

Active

Senior Product Designer

PN

Employment

Department
Design
Manager
Emma Davis
Start date
2022-03-14
Employment type
Full-time

Contact

Email
priya.nair@acme.co
Phone
+1 (555) 019-2244
Location
Austin, TX

Record ID: EMP-1042

Read-only Record View

Detail Views

Read-only single-record view — header with avatar/status badge and grouped label/value field sections, no tabs.

Tasks

5 tasks

No task selected
Select a task from the list to view its details.

Resizable Master–Detail Split

Detail Views

Resizable list + detail split pane — select a row on the left to view its fields on the right, with an empty state when nothing's selected.

Master–Detail that Opens a Tab

Detail Views

Master-detail invoice workspace — select a row to open its line items in a new tab.

Payroll Calendar

2026

Monthly pay schedule · timesheet cutoffs and pay dates

Next pay date
2026-03-31
March 2026 · timesheets lock 2026-03-27
PeriodRangeCutoffPay dateStatus
January 20262026-01-012026-01-312026-01-282026-01-31Paid
February 20262026-02-012026-02-282026-02-252026-02-27Paid
March 20262026-03-012026-03-312026-03-272026-03-31Processing
April 20262026-04-012026-04-302026-04-282026-04-30Upcoming
May 20262026-05-012026-05-312026-05-272026-05-29Upcoming

Schedule Calendar with Next-Up Highlight

Boards, Grids & Timelines

Monthly pay schedule with timesheet cutoffs, pay dates, and the next upcoming run highlighted.

Tasks

6 tasks · 33% done

To do2
Draft migration runbook
MWMarcus Webb
medium
Due 2026-07-20
Backfill invoice fixtures
PNPriya Nair
low
In progress1
Map legacy billing tables
ACAva Chen
high
Due 2026-07-14
In review1
Dual-write shim
ACAva Chen
high
Due 2026-07-10
Done2
Retire the cron sync
TOTom Okafor
medium
Due 2026-07-02
Spike: change-data-capture
LFLena Fischer
low
Due 2026-06-28

Kanban Board (Drag & Drop)

Boards, Grids & Timelines

Drag-and-drop Kanban board for project tasks — to do / in progress / review / done, with priority, assignee, and a create/edit dialog.

Milestones

4 open · 2 overdue

  • Schema frozenPRJ-101

    Ava Chen · due 2026-07-10

    overdue6/8
  • Dual-write livePRJ-101

    Ava Chen · due 2026-08-15

    on track3/12
  • Beta cutPRJ-102

    Marcus Webb · due 2026-06-30

    overdue7/10
  • Discovery sign-offPRJ-103

    Priya Nair · due 2026-05-29

    completed5/5
  • Pilot warehouse livePRJ-103

    Priya Nair · due 2026-11-01

    on track2/20

Timeline with Derived State

Boards, Grids & Timelines

Milestone tracker with task-scope progress and a state derived from the due date — completed, overdue, at risk, or on track.

Pipeline

$194,500 weighted · 50% win rate

Qualify1$60,000
Pilot expansion
Contoso$60,000
Marcus Webb · closes 2026-10-01
Proposal2$77,000
Warehouse add-on
Northwind$45,000
Ava Chen · closes 2026-08-14
Analytics module
Fabrikam$32,000
Priya Nair · closes 2026-07-31
Negotiation1$180,000
Platform renewal
Northwind$180,000
Ava Chen · closes 2026-09-30
Won1$12,000
Seat expansion
Tailspin$12,000
Tom Okafor · closes 2026-06-30
Lost1$90,000
Legacy migration
Contoso$90,000
Marcus Webb · closes 2026-06-15

Pipeline Board with Stage Roll-ups

Boards, Grids & Timelines

Drag-and-drop deal pipeline with per-stage value, a probability-weighted forecast, and win rate over closed deals.

Bin / Location Map

20 bins across 3 warehouses · 12 occupied

OccupancyEmpty<60%60–89%≥90%BlockedQuarantine
R1
Aisle A
R2
R3

Slot / Floor-plan Grid

Boards, Grids & Timelines

Warehouse floor-plan grid of storage bins — assign or clear stock per bin, gated on capacity, single-SKU occupancy, and blocked/quarantine status.

Approvals

3 pending review

Pending Review3
Client dinner — Q2 kickoffExpense
MCMaria Chen
$284.50
2026-06-28
Warehouse racking — 20 unitsPurchase Order
DODavid Okafor
$6,200.00
2026-06-27
Vacation — Aug 10-14Time Off
PNPriya Nair
2026-06-25
Approved2
Conference travel — SaaStrExpense
TWTom Whitfield
$1,120.00
2026-06-20
Forklift maintenance contractPurchase Order
DODavid Okafor
$3,400.00
2026-06-18
Rejected1
Sick leave — Jun 22Time Off
EVElena Vasquez
2026-06-21

Triage Board

Boards, Grids & Timelines

Drag-and-drop Kanban board for triaging expense, purchase order, and time-off approval requests.

Notifications

3 unread

Inbox with Read / Unread Tabs

Feeds & Notifications

Notification inbox with All/Unread tabs, per-type icons, unread indicators, mark-one-read on click, and mark-all-read.

Notifications

6 unread

Notification Center (Bell + Full Page)

Feeds & Notifications

Notification center with a header bell dropdown (unread badge capped at 9+, 5 most recent, mark-all-read) and a full page filtered by read state, severity, and date range with 20-per-page pagination.

Comments

4 comments

  • SC
    Sarah Chen2h ago

    Can we confirm the renewal terms before sending Invoice #1024? The discount looks off to me.

    MJ
    Mike Johnson1h ago

    Good catch — it should be 15%, not 25%. Updating now.

  • ED
    Emma Davis45m ago

    Added the signed contract to the attachments tab for reference.

  • DL
    David Lee20m ago

    Approved on my end. Ready to send once the discount is fixed.

YO

Threaded Comments

Feeds & Notifications

Threaded comments with avatars, inline reply composers, and a top-level composer, with a running comment count.

Activity Feed

Track changes across your workspace

Today

Sarah Chen updated Premium Headphones

Changed price from $399 to $349

2 hours ago

Mike Johnson created Wireless Mouse

4 hours ago

Emma Davis assigned Order #1234

Assigned to David Lee

6 hours ago

Yesterday

David Lee commented on Design Review

Looks great! Ready to proceed.

1 day ago

Aug 2

Admin System deleted Old Product SKU-123

2 days ago

Today 23This week 156This month 847

Grouped Activity Timeline

Feeds & Notifications

Grouped activity timeline with type/user filters and running stats.

Inbound / Receiving

3 receipts · 2 awaiting put-away

POVendorReceived / ExpectedVarianceStatus
PO-5001Acme Supply Co.0 / 180-180expected
PO-5002Northwind Traders80 / 130-50partial
PO-5003Bluepeak Logistics40 / 40put away

Receive → QC → Put-away Flow

Multi-step Workflows

Record stock arriving against a purchase order and put it away into bins — blocked receiving on a closed/cancelled PO, a QC gate before stock counts as available, and capacity-checked put-away reusing the bin/location-map contract.

Outbound / Picking

3 pick lists · 2 to pick

OrderPickerLines pickedStatus
SO-70010 / 2pending
SO-7002Dana Cruz1 / 2picking
SO-7003Rey Santos1 / 1completed

Claim → Pick → Complete Flow

Multi-step Workflows

Claim and fulfil pick lists that draw stock out of bins for an outbound order — blocked picking on a closed/cancelled order, per-line allocations across bins capped at on-hand, short-pick handling, and a picker-claim gate. Emits a pickId + picked-quantity completion record for Shipments.

Inventory Adjustments

5 adjustments · 3 pending

BinRecordedCountedVarianceStatus
CEN-A1180140-4022%
pendingneeds approval
CEN-A24038-25%
posted
CEN-A3025+25
pendingneeds approval
NW-A1120100-2017%
pendingpickingneeds approval
W-A29095+56%
rejected

Variance Approval Flow

Multi-step Workflows

Bin-level count-correction workflow — an absolute physical count raised against a bin with a reason code, where damage/shrinkage may only reduce a count, variance over 10% needs approval before it posts, and a bin held by a pick or receipt is locked. Approval posts to the bin in one step and emits a SKU/warehouse/delta record for stock levels.

Shipments

6 shipments · 2 to ship

OrderStatus
SO-7003
ready-to-ship
SO-7001
ready-to-shipshort pick
SO-7002
shipped
SO-7005
delivered
SO-7006
exception
SO-7007
cancelled

Fulfilment Flow with Derived Status

Multi-step Workflows

Outbound fulfilment records that ship a completed pick — a partially-picked order can never ship, a carrier and tracking number are required before a shipment moves to shipped, and a shipment already in transit can no longer be cancelled. Status is derived from the record, never stored: cancelled outranks exception outranks delivered outranks shipped.

Sidebar Shell (Icon-collapsible)

App Shells

Icon-collapsible sidebar (trigger in the sidebar) with the Workspace component; each tab renders inside the Page component.

Icon Rail Shell (Top Bar)

App Shells

App icon + org switcher and search in a full-width top bar, paired with a fixed icon-only nav rail (settings and profile pinned to the bottom).

Access Control

Manage role permissions across resources

Owner

1 members

Full control over the workspace

  • Projects

    Project boards and tasks

  • Documents

    Shared files and docs

  • Invoices

    Billing records

  • Users

    Team member accounts

  • Settings

    Workspace configuration

Permission Matrix

Settings & Permissions

Manage role permissions across resources with a per-role permission matrix.

Settings

Company Profile

Sectioned Settings Page

Settings & Permissions

Sectioned workspace settings — company profile, notifications, billing, and security.

Sign in to Acme
Enter your credentials to continue

Don't have an account? Sign up

Login

Authentication

Email and password sign-in form — inline field validation, invalid-credentials banner, pending state, remember-me, and forgot-password/sign-up links.

Create your account
Start your 14-day free trial
  • At least 8 characters— not met
  • An uppercase letter— not met
  • A lowercase letter— not met
  • A number— not met
  • A symbol— not met

Already have an account? Sign in

Register

Authentication

Account sign-up form with a live password-strength meter, field validation, terms agreement, and a verify-your-email confirmation state.

Enter verification code
We sent a 6-digit code to your phone ending in •••• 4291

Resend code in 30s

OTP Verify

Authentication

One-time passcode entry with a 6-digit segmented input, auto-verify on complete, incorrect-code error, and a countdown-gated resend.

Forgot your password?
Enter your email and we'll send a reset link

Back to sign in

Forgot Password

Authentication

Request a password-reset link by email — field validation, pending state, and a neutral check-your-email confirmation that doesn't leak account existence.

Set a new password
Choose a strong password you haven't used before
  • At least 8 characters— not met
  • An uppercase letter— not met
  • A lowercase letter— not met
  • A number— not met
  • A symbol— not met

Passwords are encrypted and never shared.

Reset Password

Authentication

Set-a-new-password form with a live strength meter, confirm-match validation, an expired-link state, and a password-updated confirmation.

Change password
Enter your current password, then choose a new one
  • At least 8 characters— not met
  • An uppercase letter— not met
  • A lowercase letter— not met
  • A number— not met
  • A symbol— not met

Changing your password signs out other devices.

Change Password

Authentication

Authenticated in-app password change — current-password re-auth check, new-password strength meter, confirm-match validation, and a changed confirmation.

Two-factor authentication
Enter the 6-digit code from your authenticator app

Two-Factor Challenge

Authentication

Post-password 2FA step — authenticator-app code entry with auto-verify, a recovery-code fallback, trust-this-device option, and error states.

Set up two-factor auth
Scan the QR code with your authenticator app, then enter the code it shows

Or enter this key manually

Enter the 6-digit code

Two-Factor Setup

Authentication

Authenticator enrollment — QR code, copyable manual setup key, and a 6-digit verify step with error and enabled states.

Save your recovery codes
Store these somewhere safe. Each code works once if you lose access to your authenticator.
  • 4X9K-7QP2
  • B3MN-2WLD
  • 8HJ5-QR41
  • K2P9-3TVX
  • 9WZ7-6MC0
  • R5N8-1YQD
  • T6B4-8KLP
  • M1V3-5XHJ

Recovery Codes

Authentication

Backup-code display with copy, download, and regenerate actions, gated behind an "I've saved them" acknowledgement before continuing.

Check your email

We sent a magic sign-in link to alex@acme.com. Click it to sign in — the link expires in 10 minutes.

Magic Link Sent

Authentication

Passwordless check-your-email confirmation after requesting a magic sign-in link — expiry note, cooldown-gated resend, and change-email action.

Confirm your email

We sent a confirmation link to alex@acme.com. Open it to activate your account.

Verify Email

Authentication

Post-registration confirm-your-email pending screen — cooldown-gated resend and a transition to the email-confirmed success state.

Sign in to Acme
Continue with a provider or your email
or

Don't have an account? Sign up

Login (Social)

Authentication

Sign-in with Google/GitHub SSO buttons over an email-and-password form — provider divider, inline validation, invalid-credentials banner, and pending state.

Session expired
You were signed out after a period of inactivity. Enter your password to continue as alex@acme.com.

Session Expired

Authentication

Re-authentication prompt after an idle timeout — quick password re-entry for the current user, incorrect-password error, and a switch-user action.

Account locked

Too many failed sign-in attempts

alex@acme.com
Try again in 14:00

Account Locked

Authentication

Account-locked screen after too many failed sign-in attempts — shows the locked email, a lockout countdown, and reset/support actions.

Awaiting approval

Your account is under review. An administrator will approve access shortly — this usually takes less than a day.

We'll email alex@acme.comonce you're approved

Pending Approval

Authorization

Account-under-review status screen — explains the pending admin approval, the notification email, and check-status/sign-out actions.

You're not a member of Globex Corp

Your account doesn't have access to this workspace. Switch to one you belong to, or ask an admin to invite you.

Forbidden Workspace

Authorization

Wrong-tenant screen — signed in but not a member of this workspace, with a switcher to workspaces you belong to and a switch-account action.

Account suspended

Access to this account has been suspended and you've been signed out. Contact support if you believe this was in error.

Reason: Terms of Service violation

Account Suspended

Authorization

Suspended-account screen — shows the suspension reason and offers an appeal action with a submitted confirmation plus a contact-support link.

You don't have access

Your account isn't permitted to view Billing settings. Ask an admin for access or head back.

Error 403 — Forbidden. If you think this is a mistake, contact your workspace administrator.

Unauthorized 403

Authorization

Signed-in-but-forbidden screen — explains the missing permission, offers a request-access action with a sent confirmation, and a back link.

Upgrade to unlock Advanced analytics

This feature isn't included in your Free plan. Upgrade to Pro to turn it on.

Unlimited history & exports
Custom dashboards and reports
Priority support

Upgrade Required

Authorization

Plan-gated feature screen — a signed-in user hits a Pro-only feature, with the perks it unlocks, an upgrade action, and an ask-an-admin fallback that confirms once sent.