# Halo Flow interactive dashboard kit

Source-faithful, framework-free package of the live Operations Board in the Halo website's canonical `HaloFlowsSection`. This is the full operational board—not the lighter presentation-only `DealerFlowsDemo`.

## Use

1. Keep the folder intact.
2. Open `index.html` directly, or serve the folder from a static host.
3. Search stock, VIN, stage, vehicle or owner; filter by stage, owner and SLA; switch between Board and Table; and select Comfortable or Compact density.
4. Select any vehicle to inspect ownership, next action, workflow progression and activity.
5. Use the inspector to confirm a stage handoff, correct a stage with a required reason, nudge the owner, record or resolve a blocker, and view Vehicle Observations.
6. On a fine-pointer desktop, drag a vehicle between lanes. The confirmation guardrail requires a reason for skipped/reversed stages and blocked forward moves.
7. On mobile, use stage tabs, the navigation drawer and the filter sheet. Stage movement remains available through the vehicle inspector.

No framework, build step, font, analytics, API or external network dependency is required. All 12 stock records are illustrative demo data from the website component.

## Source fidelity

The package includes unmodified copies of the website's canonical implementation in `source/`:

- `HaloFlowsSection.tsx`
- `halo-flows-section.module.css`
- `PrismSelect.tsx`
- `prism-select.module.css`
- `HaloIcon.tsx`
- `tokens.css`
- `motion.css`

The standalone adapter uses the same board records, five stages, ownership assignments, SLA states, operational ordering, labels, responsive breakpoints, Lucide icon geometry and interaction guardrails. The earlier `DealerFlowsDemo` sources remain in the kit only as presentation provenance; they are not the standalone board's canonical target.

## Adaptation boundary

This kit demonstrates workflow language and interface hierarchy. It is not connected to dealership, inventory, customer or partner data. Keep every example labeled as demo data. Do not use the board to imply a live integration, guaranteed time saving or exact production capability. Preserve the confirmation step for operational moves, require a reason for non-sequential moves, and allow the UI to reflow rather than applying fixed screenshots or fixed-pixel scaling.

The supplied `workflow-dealer-merchandising-dashboard-reference.png` preserves the earlier approved merchandising-dashboard specimen for comparison.

Canonical hosted entry point:

`https://brand.halocompass.com/assets/flow-dashboard-demo/index.html`