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.css
  • src/app/dashboard/parametry/page.jsx
  • src/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-wider w całym Sheet
  • Naprawa literówki w imporcie IconTypeIconTypography (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).

Więcej artykułów

Release 20260510_01 — Matrix auto-spaces, BoxGrupy kolumn, mapa tras GPS, edycja statusów inline

Pierwszy release dnia: 3-warstwowa redundancja auto-tworzenia Matrix Space dla każdego nowego zlecenia (cron + Realtime + naprawa endpointu), 14 BoxGrup kolumn /zlecenia-baza spójnych z widokiem karty zlecenia, mapa MapLibre z auto-load tras dla pinnymi pojazdów w /trasy-gps, edycja statusów inline w Sheet (KLUCZ vs ETYKIETA + dziedziczenie koloru parent-a), Tree wg statusów głównych (podstatusy bez folderów), breadcrumb wg sidebara, IntegrationsPanel w ustawieniach, Plan TimeLine card, fix konwersji PDF→MD (unpdf + structured post-processing).

Czytaj więcej

Release 20260510_02 — refaktor UI dashboardu, akcje statusów, widoki kolumn

Drugi release dnia: refaktor UI 28 stron dashboardu (sidebar z motion layoutId, headers bez podtytułów, tabela trasy na DataTable29, MapControls, wszędzie spójne padding/borders). Parametry Logiki dostają trzy widoki (Tabela / Diagram / Akcje) z schemą akcji statusów (5 typów × 3 triggery × JSON config). Edycja klucza statusu z AlertDialog potwierdzającym + endpoint migracji DB. Nowy widoki kolumn w /zlecenia-baza (zapisz/wczytaj/usuń presety per-user). Edytowalne user-tabele w /tablica. Blokady ownerAccount w ustawieniach konta.

Czytaj więcej