@fde/ui
Component kit
Static production-incident examples of the shared UI components. These displays are not live operational records or metrics; model badges below are illustrative.
Brand
Logo, palette tokens and type. Internal-use marks only.
Accelerate transformation
Magenta
Primary accent
Magenta 2
Gradient partner
Purple
Accent
Blue
Cool accent / info
Cyan
Cool accent
Red
Alert / destructive only
Charcoal
Text
Muted
Secondary text
Line
Hairlines
StatCard
Illustrative seed counts, not live operational metrics. One tile per tone.
StatusBadge / StatusDot
Domain values map to tones via toneFor().
ResultPanel / SourceBadge
AI output labelled by source: model vs sample.
Artifact
Generated deliverables with copy and download.
DataTable
Typed table; click a row to select it.
| ID | Title | Status | Priority |
|---|---|---|---|
| CASE-1001 | Recurring equipment stoppage on Line 3 | In progress | Critical |
| CASE-1002 | Seal-quality hold awaiting laboratory results | Awaiting input | High |
| CASE-1008 | Torque-check failures on Assembly Cell 2 | New | High |
| CASE-1007 | Photoeye alignment repair verified | Resolved | Low |
No incidents yet
Incident records appear here once data is available.
KeyValueList
Record attributes; empty values render as a dash.
ConfirmAction / FileUpload
Human-in-the-loop confirmation and in-browser file reading.
Loading / Empty / Error states
Use these instead of ad-hoc spinners and messages.
No results
Try a different filter or add a record.
Couldn't load incidents
The data service didn't respond. Check the connection and try again.
Markdown
Minimal, injection-free renderer for model replies.
ChatPanel
Empty state with suggestions, and a seeded conversation (AI and sample replies).
Ask about production incidents. Replies here come from the kit's sample endpoint, not live incident retrieval.
Which incidents need attention today?
Illustrative incident response:
- CASE-1001 is critical: repeated E-214 stoppages on Line 3
- CASE-1002 awaits laboratory input for a quality hold
Draft a review note for CASE-1001.
Bring the fault log, changeover notes and temperature readings to the supervisor review. This sample draft does not authorize a restart.
Primitives
shadcn/ui (Radix) building blocks, themed by tokens.