Patterns
Reusable workspace foundations
This page demonstrates the generic table, modal, field, badge, and empty-state layers that future modules should adopt.
Workspace foundations
The generic patterns below are intended to receive future module schemas, actions, and views.
Modal-ready workspace
Shared table and form primitives are already connected for future module migration.
| Foundation area | What exists | State |
|---|---|---|
| Providers | AppProviders composes SessionProvider, QueryClientProvider, and Toaster. | ready |
| Shell | Left icon rail, secondary sidebar, compact header, and content workspace. | ready |
| Forms | Modal form shell and field wrapper for consistent validation presentation. | ready |
| Data | TanStack table wrapper prepared for server actions or API-fed datasets. | ready |
Empty-state foundation
Use this when a module has not been migrated or has no records yet.
No migrated modules yet
Finance, CRM, inventory, procurement, and HR should move onto the new shell module by module.
Form foundation
Consistent labels, helper text, and validation messaging for modal and inline workflows.
`FormField` standardizes label, helper, and error placement.
`ModalFormShell` standardizes dialog spacing, footer actions, and submit states.
`workspaceTemplateSchema` is a generic example schema under `schemas/`.