Module / Search Prompt — Input

Left: with hint copy (bodyCopy=true). Right: without hint copy (bodyCopy=false), narrower demo frame.

Module / Search Prompt — Confirmation

Module / Lead Card — Collapsed

Module / Lead Card — Expanded, with showButton (e.g. Passed list context)

Module / Search Parameter

Module / Lead Actions

Module / Lead List Item

Real production module (leadListItem.js), rendered via the actual renderLeadListItem() against two of the demo's fictional sample leads. First item shows the divider (divider=true); second/last item omits it (divider=false). Tab through both to see the shared Hover/Pressed/Focus treatment. The "..." Action Menu trigger and row click below call the real openActionMenu()/openLeadDetailModal() (dev-only no-op actions, doesn't touch app data).

Module / Action Menu

Real production module (actionMenu.js) — Saved/Passed's "..." overflow menu, centered over a scrim. Trigger below calls the actual openActionMenu() with a dev-only no-op "Remove" action.

Module / Lead Detail Modal

Real production module (leadDetailModal.js) — Saved/Passed's full Lead Card in a global overlay. Triggers below call the actual openLeadDetailModal(); the Move to Saved/Move to Passed buttons are wired to no-ops (dev-only, doesn't touch app data).

Module / Content Banner

Real production module (contentBanner.js), rendered via the actual renderContentBanner(). Eyebrow is optional — e.g. Loading's banner omits it.

Module / Empty State

Real production module (emptyState.js), rendered via the actual renderEmptyState()/initEmptyState(). With-CTA variant (e.g. "No new leads") and without (e.g. "No saved leads yet").

Screen / Loading — discovery progress states

Real production rendering (renderLoadingIndicator() + renderContentBanner(), inside the actual .lead-experience composition), fed through the same DISCOVERY_STAGE_COPY mapping loading.js uses when simulating demo progress. Static examples only — no request of any kind is made by this preview.

Global Module / Navigation Header (Job Discovery style)

Full-width, real page chrome — not wrapped in a demo-frame. Resize the window to see Desktop/Laptop/Tablet (inline links) vs Mobile (hamburger — tap to open the full-screen menu, or press Escape / select a link to close it).

Global Module / Navigation Footer