Danaco Console — Okno rejestracji i logowania

Metoda	Aktywna domyślnie	Pola w formularzu	Odzyskiwanie
Login i hasło	Tak (bazowa, obecna zawsze)	Login · Hasło	Nie
Adres e-mail uwierzytelniający	Tak	Adres e-mail (jako identyfikator logowania)	Tak — jedyna metoda pełniąca tę funkcję
PIN	Nie — wymaga świadomego włączenia w oknie konfiguracji	Krótki kod numeryczny	Nie
Windows Hello	Nie — wymaga świadomego włączenia w oknie konfiguracji	Mechanizm systemowy (bez pola tekstowego)	Nie

Co przedstawia

Etap 2 przepływu głównego Danaco Console — okno rejestracji i logowania. Prototyp odwzorowuje wszystkie sześć stanów okna jako przełączalne widoki jednego pliku: Rejestracja · Konto niepotwierdzone · Logowanie · Logowanie z błędem · Odzyskiwanie konta krok 1 · Odzyskiwanie konta krok 2. Panel boczny wyjaśnia model „jedno konto, wiele urządzeń”, fazę wdrożenia i ustawienia okna konfiguracji sterujące zachowaniem okna.

Źródło w dokumentacji

dok/projekt-ui/przeplyw/przeplyw-okien.md — rozdz. 3.2 „Etap 2 — Okno rejestracji i logowania”: warunek wejścia, zachowanie przycisku „Pomiń” wobec ustawienia „Wymóg logowania”, schemat faz wdrożenia, trzy pod-stany okna, makieta widoku logowania oraz tabela elementów interfejsu.
dok/projekt-ui/przeplyw/elementy-okien.md — rozdz. 1 w całości: 1.1 model „jedno konto, wiele urządzeń” i Schemat 2; 1.2 Diagram 1 (pełny przepływ uwierzytelniania); 1.3 elementy wspólne obu stanów (rama okna, godło marki, nazwa platformy); 1.4 Makiety 1–4 (rejestracja + stan pośredni, logowanie + stan błędu, logowanie z przyciskiem „Pomiń”, odzyskiwanie w dwóch krokach); 1.5 Tabela 1 — pełna tabela elementów; 1.6 Tabela 2 — metody dodatkowe.
brief/INWENTARZ-OKIEN.md — sekcja 3: charakterystyka 3.1, fazy wdrożenia 3.2, model konta 3.3, trzy pod-stany 3.4, makiety 3.5, elementy wspólne 3.6, scalona tabela elementów 3.7, metody dodatkowe 3.8.
WYNIK/KANON.md — rozdz. 7.1 (sześć stanów okna w inwentarzu), rozdz. 8 (ADL-017 „zero blokad”: brak wyłączonych kontrolek, „Pomiń” klikalny w obu fazach, odliczanie wyłącznie informacyjne, metoda wyłączona nierenderowana), rozdz. 11 (standard techniczny prototypów).

Odwzorowane interakcje

Przełączanie sześciu stanów okna paskiem wyboru stanu oraz zakładkami „Zaloguj się / Zarejestruj się” w ramie okna (obsługa klawiatury: strzałki, Home, End).
Ikona oka przy każdym polu hasła — działające przełączanie maskowania, ze zmianą ikony i etykiety dostępnościowej („Pokaż hasło” / „Ukryj hasło”).
Walidacja formatu adresu e-mail na bieżąco — obrys błędu .dn-pole--blad z komunikatem pod polem, obrys potwierdzenia po poprawnym wypełnieniu.
Wszystkie przyciski zawsze klikalne: puste pole wymagane wywołuje komunikat ostrzegawczy i podświetlenie brakującego pola zamiast blokady wysyłki.
Stan ładowania przycisku głównego — spinner w miejscu etykiety (data-symuluj), po zakończeniu przejście do stanu wynikowego: rejestracja → konto niepotwierdzone; odzyskiwanie krok 1 → krok 2; odzyskiwanie krok 2 → logowanie z komunikatem potwierdzającym.
Odliczanie informacyjne przy „Wyślij ponownie” — sekundnik biegnie, ale przycisk pozostaje klikalny przez cały czas; każde kliknięcie ponawia wysyłkę i pokazuje toast.
Przełącznik fazy wdrożenia (budowa / produkcyjna) ustawia domyślną wartość „Wymogu logowania”; niezależny przełącznik ustawienia pozwala Operatorowi zmienić ją w każdej fazie.
Przycisk „Pomiń”: wymóg nieaktywny → komunikat „Przejście do Centrum dowodzenia”; wymóg aktywny → komunikat ostrzegawczy o obowiązującym wymogu uwierzytelnienia, formularz pozostaje otwarty.
Przełącznik metody logowania: segmenty PIN i Windows Hello nie są renderowane domyślnie — przełączniki w panelu bocznym dokładają je i usuwają; wybór segmentu podmienia pola formularza (login+hasło · e-mail+hasło · PIN · mechanizm systemowy).
Enter w polu „Login” przenosi fokus do pola „Hasło”.
Modal „Metody uwierzytelniania” z sortowalną tabelą odniesienia (Tabela 2 źródła).
Tętno kropki sygnału w godle (2,4 s); przy prefers-reduced-motion zastąpione statycznym pierścieniem.
Przełącznik motywu na pasku górnym — oba motywy równoprawne, pasek atramentowy w obu.

Decyzje projektowe ponad źródła

Przycisk główny. Dokumentacja v1.0 wskazuje klasę .dn-btn--zloty (złoto starego systemu wizualnego). Pakiet wizualny v2.0 nie ma barwy złotej — jedynym akcentem jest błękit sygnałowy. Przycisk główny formularza odwzorowano klasą .dn-btn--atrament (KANON rozdz. 5: atrament jest domyślnym przyciskiem głównym), z zachowaniem cechy „jedyny CTA widoku, pełna szerokość formularza”.
Klasy nieobecne w bibliotece. Dokumentacja posługuje się nazwami .dn-alert--info, .dn-alert--blad, .dn-separator, .dn-zakladki--pigulki, .dn-pole--blad, których nie ma jeszcze w zasoby/css/komponenty.css. Dodano je jako lokalne rozszerzenia w tym pliku, z zachowaniem nazw źródłowych i wyłącznie na żetonach var(--dn-*), aby mogły wrócić do biblioteki bez zmiany nazwy.
Krój nagłówkowy. Dokumentacja v1.0 wskazuje Cormorant Garamond; KANON rozdz. 2 ustala Space Grotesk jako krój nagłówkowy v2.0 — zastosowano żeton --dn-ff-naglowek.
Forma przełącznika metody. Źródła podają dwie formy tego samego elementu: przeplyw-okien.md — grupa przełączników radiowych .dn-check, elementy-okien.md — grupa segmentowa .dn-zakladki--pigulki. Wybrano formę segmentową (nowsza i bardziej szczegółowa tabela elementów), zgodnie z zaleceniem zwartej gęstości KANON rozdz. 1.
Metoda „E-mail uwierzytelniający”. Tabela 2 podaje jako pole formularza „Adres e-mail (jako identyfikator logowania)”. W prototypie adres zastępuje pole „Login”, a pole „Hasło” pozostaje — e-mail jest identyfikatorem, nie zastępuje poświadczenia. Forma nie jest w źródle rozstrzygnięta wprost.
Zakładki i linki obok siebie. przeplyw-okien.md opisuje przełącznik zakładkowy „Zaloguj się / Zarejestruj się”, a elementy-okien.md — linki „Masz już konto? Zaloguj się” i „Nie pamiętasz hasła? Odzyskaj dostęp”. Odwzorowano oba mechanizmy, ponieważ oba są udokumentowane i prowadzą do tych samych stanów.
Kroki odzyskiwania konta. Czterostopniowa lista kroków w stanach 5 i 6 wizualizuje sekwencję opisaną w przeplyw-okien.md rozdz. 3.2 (adres e-mail → potwierdzenie tożsamości → nowe hasło → unieważnienie tokenów); forma listy jest decyzją projektową.
Panel boczny. Dokumentacja nie przewiduje panelu bocznego w tym oknie — panel jest warstwą demonstracyjną prototypu, nośnikiem objaśnień i przełączników konfiguracji, które w produkcie znajdują się w oknie konfiguracji.
Nazwa produktu. Dokumentacja funkcjonalna v1.0 mówi „Danaco Console”; zgodnie z KANON rozdz. 0 w opracowaniach wizualnych produkt nazywamy Danaco Console.