Data import / 14 primitives + composition

Data import + migration wizard

The CSV-in, validation-out, dry-run-then-commit-then-rollback stack. Parts catalog, customer book, quote intake — every primitive uses realistic Oak Flats Mufflermen data; no real writes wired.

Production answer

Data import + migration wizard is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Data import + migration wizard states
Generative search brief

Data import + migration wizard: The CSV-in, validation-out, dry-run-then-commit-then-rollback stack. Parts catalog, customer book, quote intake — every primitive uses realistic Oak Flats Mufflermen data; no real writes wired.

Visual reference only — no real writes wired
Primitive 01

Import source picker

CSV / Excel / JSON / Sheets / Airtable / DB / Webhook source cards.

Stateful · radioOpen
Primitive 02

CSV file preview

First 10 rows, header row, delimiter and encoding chips.

StatelessOpen
Primitive 03

Column mapper

Source columns → target fields, skip toggle, required + auto-match chips.

Stateful · formOpen
Primitive 04

Field type detector row

Detected type chip per column with override picker and sample value.

Stateful · rowOpen
Primitive 05

Validation errors panel

Error-class chips, row counts, row-jump CTA — blocker vs warning vs info.

Stateless · liveOpen
Primitive 06

Dry-run summary

Rows to create / update / skip / fail tiles + impact chip + commit CTA.

StatelessOpen
Primitive 07

Import progress bar

Long-running progress with rows/sec, ETA, pause/resume CTA.

Stateful · liveOpen
Primitive 08

Rollback confirmation

Undo-window list + confirmation phrase input. Hard-armed danger CTA.

Stateful · formOpen
Primitive 09

Sample row preview

Single row mapped source → target with transform chips.

StatelessOpen
Primitive 10

Import history row

Filename, timestamp, rows, status chip, duration, rollback chip.

StatelessOpen
Primitive 11

Duplicate handling rules

Key columns + action: skip / update / keep both / merge by rule.

Stateful · formOpen
Primitive 12

Mapping template card

Saved-mapping summary with apply CTA.

StatelessOpen
Primitive 13

Field mapping suggestion

AI suggestion banner with confidence chip and accept/reject.

StatelessOpen
Primitive 14

Transform rules editor

Per-column transform chips with live preview row.

Stateful · pipelineOpen
Composition

Full wizard

5-step wizard: source → preview → mapping → dry-run → progress.

CompositionOpen