frontend-react/src/components/onboarding/onboardingTours.ts

import type { DriveStep } from 'driver.js';

export const dashboardTourSteps: DriveStep[] = [
  {
    element: '.sidebar-menu',
    popover: {
      title: 'Menu główne',
      description:
        'Tutaj znajduje się główne menu aplikacji — przejdziesz do projektów, naborów i ustawień.',
      side: 'right',
      align: 'start',
    },
  },
  {
    element: '.new-project-btn',
    popover: {
      title: 'Nowy projekt',
      description:
        'Kliknij ten przycisk, aby wygenerować nowy wniosek o dofinansowanie przy pomocy AI.',
      side: 'right',
      align: 'start',
    },
  },
  {
    element: '.projects-list',
    popover: {
      title: 'Twoje projekty',
      description: 'W tym miejscu zobaczysz wszystkie aktualne i zakończone projekty.',
      side: 'right',
      align: 'start',
    },
  },
  {
    element: '.user-profile-menu',
    popover: {
      title: 'Profil',
      description: 'Zarządzaj kontem, subskrypcją oraz wylogowaniem.',
      side: 'right',
      align: 'start',
    },
  },
];

export const wizardTourSteps: DriveStep[] = [
  {
    element: '.wizard-input',
    popover: {
      title: 'NIP firmy',
      description:
        'Wpisz NIP — system pobierze dane z GUS/KRS i zweryfikuje status MŚP.',
      side: 'bottom',
      align: 'start',
    },
  },
  {
    element: '.wizard-step-indicator',
    popover: {
      title: 'Kroki kreatora',
      description:
        'Postęp: profil firmy → opis inwestycji → dopasowanie programów. W kolejnym kroku opiszesz inwestycję.',
      side: 'bottom',
      align: 'end',
    },
  },
];

export const wizardStep2TourSteps: DriveStep[] = [
  {
    element: '.wizard-textarea',
    popover: {
      title: 'Opis inwestycji',
      description:
        'Opisz planowaną inwestycję — AI wyciągnie kryteria kluczowe dla dopasowania programów.',
      side: 'top',
      align: 'start',
    },
  },
];

export const workspaceTourSteps: DriveStep[] = [
  {
    element: '.tour-step-sections',
    popover: {
      title: 'Sekcje wniosku',
      description:
        'Lista sekcji wymaganych w wniosku. Kliknij pierwszą z góry, aby uruchomić edytor.',
      side: 'right',
      align: 'start',
    },
  },
  {
    element: '.tour-step-qa',
    popover: {
      title: 'Asystent QA',
      description:
        'Nie wiesz jak wypełnić trudną sekcję? Asystent zasilany regulaminem i RAG pomoże.',
      side: 'left',
      align: 'start',
    },
  },
];