Release 20260503_02 — workflow editor, podgląd tras GPS, migracja React Flow v12
Filip Borkowski, Backend/Frontend/Fullstack Engineer
Workflow editor — rozszerzony o typy z folderu WorkFlow
Strona Parametry > Przepływ pracy ma teraz 9 typów węzłów (wcześniej 5):
Istniejące: Start, Warunek, Akcja, Czekaj, Koniec Nowe (z folderu WorkFlow):
- 🔵 Wejście tekstu (
textInput) — dane wejściowe do przepływu - 🟢 AI Tekst (
aiText) — wywołanie LLM z provider (OpenAI/Anthropic/Google/xAI), modelem i promptem - 🟣 Połącz (
merge) — łączenie strumieni z separatorem - 🌹 Wyjście (
output) — wynik z typem (text/status/email/db) i nazwą pliku
Szablony predefiniowane
Przycisk Szablony w toolbarze pozwala wczytać 3 gotowe przepływy:
- 📧 Email → Zlecenie: walidacja AI emaili → accept/reject zlecenia
- 🛣️ Podsumowanie dzienne: cron 22:00 → AI raport tras GPS → email do biura
- 🚨 Alert pojazdu: cron → warunek OC krótszy niż 30 dni → notify lub wait
Edycja w Sheet po prawej
Pojedynczy klik na węzeł otwiera Sheet po prawej stronie z edycją wszystkich pól:
- Provider/model/prompt dla AI
- Czas + jednostka dla Czekaj
- Typ akcji + szczegóły
- Typ wyjścia + nazwa pliku
Wcześniej wymagało dwukrotnego kliku + modal centralny — teraz jest szybciej i pozwala edytować bez utraty kontekstu canvas.
Biblioteka danych — podgląd plików tras GPS
W Bibliotece > Park maszyn przy każdym pojeździe pojawia się badge „X tras" pokazujący ile plików GPS jest dostępnych. Po rozwinięciu folderu Trasy → miesiąc → dzień:
- Klik na nazwę pliku = podgląd JSON w prawej Card "Pliki"
- Ikony akcji widoczne stale przy każdym pliku: 👁 Podgląd, ⬇ Pobierz
- Podgląd zawiera 4 karty statystyk: dystans (km), liczba punktów GPS, czas jazdy, status
- Surowy JSON w monospace pre (scrollable max 60vh)
Wcześniej pliki były ukryte za 3 poziomami foldera i wymagały kliku który nie zawsze działał — teraz są ładowane eagerly i widoczne od razu.
Migracja reactflow v11 → @xyflow/react v12
Pełna migracja node-based editora w 3 lokalizacjach:
src/styles/tailwind.csssrc/app/dashboard/parametry/page.jsxsrc/app/dashboard/okno-playground/page.jsx
Korzyści:
- Mniejszy bundle (usunięty pakiet
reactflow^11.11.4 — ~120kb) - Najnowsze API z aktywnym maintenance (v11 jest w trybie utrzymaniowym)
- Gotowość pod ewentualną migrację .jsx → .tsx
Wszystkie API kompatybilne — tylko zmiana sposobu importu (import ReactFlow, {...} → import { ReactFlow, ...}).
Drobne poprawki spójności
- Sheet "Szczegóły reguły" — większa szerokość (440px), padding 20px, header/footer z border-b/border-t i bg-muted/20
- Lista podstatusów — hover effect z border
- Etykiety pól — uniform
text-[10px] uppercase tracking-widerw całym Sheet - Naprawa literówki w imporcie
IconType→IconTypography(Tabler Icons) - Filter legacy nodów w FlowEditor — Sheet otwiera się tylko dla 9 zdefiniowanych typów
Suma: 5 commitów, ~1500 linii zmian, 1 nowy endpoint API (/api/fleet/route-files-summary), 1 nowy komponent (flow-editor.jsx), 1 nowa zależność (@xyflow/react), 1 usunięta zależność (reactflow).