SÚGÓ › Kezdési útmutató

UI-mode választó — Klasszikus vs. Desktop dashboard

Onboarding 6. lépésén és a profil-oldalon: két dashboard-élmény közül választhatsz. Mikor melyiket?

A PromNET-dashboard két alapvetően különböző élményben érhető el. Klasszikus — oldal-alapú, sidebar-os, mint a legtöbb SaaS. Desktop — ablakos, drag/resize, dock-os, mint egy operációs-rendszer.

A választás az onboarding 6. lépésén történik először, és bármikor átállítható a /app/profil oldalon.

1. Mi a különbség?

2. Hogyan választod ki?

a) Onboarding 6. lépésén (új user)

Az új-felhasználói kezdeti-flow utolsó lépésén:

“Hogyan szeretnéd a dashboard-ot látni?” ☐ Klasszikus — egyszerű, gyors, mint minden online-felület ☐ Desktop — ablakos, párhuzamos, mint egy operációs-rendszer

Mindkét opciónál egy mini-preview screen-shot, hogy lásd, mire számíts. 1 klikk, és átirányít.

Tipp: Ha most kezdesz, válaszd a klasszikus-at. Bármikor át tudsz váltani később, és a klasszikus felület gyorsabban tanulható.

b) Profil-oldalon utólag

/app/profil → “UI mód” szekció:

[● Klasszikus]  [○ Desktop]
[Mentés]

A választás azonnal érvényesül — átirányít a megfelelő dashboard-ra.

3. Mikor a Klasszikus?

Válaszd a klasszikus felületet, ha:

• Most kezded a PromNET-et, és nem akarsz extra UI-bonyolítással foglalkozni
• Mobil-on is sokszor használod a dashboard-ot (asztali-only akkor a desktop)
• Lineáris feladatokat csinálsz: 1 dolgot egyszerre
• Régi laptop / kis-erőforrású gép — a glassmorphic blur-effektek lassítanak
• Konzisztens élmény — sok más SaaS hasonló (sidebar + tartalom)

4. Mikor a Desktop?

Válaszd a desktop-mode-ot, ha:

• Power-user vagy — sok funkciót használsz egyszerre
• Több projekt párhuzamos kezelése a feladatod
• Asztali / nagy-monitor elsődleges használat
• Multi-tasking — chatbot-config + analytics + fájl-szerkesztő mind látható egyszerre
• Esztétikus élmény — a glassmorphic stílus tetszik

Részletek: Desktop-mode súgó.

5. Mobile-on automatikusan klasszikus

Ha a ui_mode = 'desktop' beállítás van rajtad, de mobiltelefonról jelentkezel be, akkor is a klasszikus-felület töltődik be. Indok: a desktop-mode ablakai mobilra szabva nem működnek jól.

A mobile-tip-banner figyelmeztet:

“A desktop-mode csak nagyobb képernyőn elérhető. Mobil-on a klasszikus felülettel tudsz dolgozni.”

Ld. Mobile-tip banner súgó.

6. Onboarding-flow lépései

A teljes onboarding-flow 6 lépésből áll:

1. Üdvözlő-képernyő
2. Email-megerősítés (ha még nem)
3. Számlázási-cím (magyar e.v.-ként adószám)
4. Csomag-választás (Free / Start / Pro / Shared)
5. Első projekt-template (opcionális)
6. UI-mode választó (klasszikus vs. desktop)

A 6. lépés után átkerül a választott dashboard-ra. Ha a 6.-ot átugrod (skip), alapértelmezetten klasszikus.

7. Hogyan változtatás közben?

A két dashboard ugyanazokat az adatokat mutatja — csak a renderer más. A váltás adatvesztés-mentes, nincs migrációs-folyamat.

A backend mindig ugyanott van; a frontend (klasszikus / desktop) csak megjelenítési-réteg.

8. Több-eszközös konzisztencia

A választott UI-mode-ot a server-oldali profil-ban is mentjük (a users táblán ui_mode mező). Ezért:

• Asztal-on válts desktop-ra → a laptopodon is desktop indul
• Telefonon klasszikus (auto-fallback) → asztal-on a desktop megmarad

9. Hibák és figyelmeztetések

“A desktop nem indul el”: a böngésződ régi vagy a JavaScript blokkolva. Próbálj egy modern Chrome-ot vagy Firefox-ot.

“Lassan reagál”: a glassmorphic blur GPU-igényes. Régi gépen váltsd klasszikusra.

“Mobil-on dest top-ot akarok”: tényleg nem javasolt, de a /app/desktop URL-t direktben megnyitva kényszerítheted. A keret-zsugorodás csúnya lesz.

10. Roadmap

Tervezett bővítések a UI-mode-választón:

• Hibrid mode — klasszikus alap-on, de néhány funkció desktop-ablakban
• Téma-választó — sötét / világos / auto
• Density — kompakt / normál / nagy (nézet-sűrűség)
• Saját rendszer-szín — accent-color saját HEX-ből

Szavazz a /roadmap oldalon, melyik feature kell hamarabb.