Function TourStepCard

TourStepCard(
    __namedParameters: {
        index: number;
        onBack: () => void;
        onDismiss: () => void;
        onGoTo: (index: number) => void;
        onNext: () => void;
        onSkipAll: () => void;
        step: TourStep;
        steps: TourStep[];
        targetRect: RectLike;
    },
): Element
The floating step card: title + narration, then the walkthrough carousel's control language — Back (past step one) · clickable dots · Next/Done — plus an X. Focuses itself per step and restores focus on unmount; Escape dismisses (wired here so it works wherever focus sits).
Parameters
- __namedParameters: {
      index: number;
      onBack: () => void;
      onDismiss: () => void;
      onGoTo: (index: number) => void;
      onNext: () => void;
      onSkipAll: () => void;
      step: TourStep;
      steps: TourStep[];
      targetRect: RectLike;
  }
  - index: number
  - onBack: () => void
  - onDismiss: () => void
  - onGoTo: (index: number) => void
  - onNext: () => void
    Advance; on the last step this finishes the tour.
  - onSkipAll: () => void
    Dismiss this tour AND opt out of every future auto-start.
  - step: TourStep
  - steps: TourStep[]
    The resolved (reachable) steps — drives the dot row.
  - targetRect: RectLike
Returns Element
- Defined in ui/src/tour/spotlight-overlay.tsx:213