Design System · v0.2

States + nove komponente koje su izronile kroz W12—W27.

Dopuna na v0.1 sa svim stanjima i komponentama koje su uvedene od kako smo prvi put dokumentovali sistem. Cilj: dosledan reference za prezentaciju sa CRTA timom i dev hand-off. Sve uživo, sve s tokenima iz v0.1.

Verzija: 0.2Maj 2026 · dopuna
Stanja: 5empty · loading · error · offline · success
Nove komponente: 9kroz W12—W27
Boje · grupe: 2posmatrač · BM klasifikacija

01States 02Nove komponente 03Color coding vodič

States · za ključne komponente

Pet stanja koja svaka komponenta treba da pokriva — empty / loading / error / offline (SMS failover) / success. Skeleton kopira oblik realnog sadržaja, ne generičan spinner. Error stanje govori šta korisnik može da uradi, ne samo „greška 503".

Tabela · 5 stanja

EMPTY

Tabela bez podataka

obično prvi pristup

Nema posmatrača

Za ovu opštinu još nije dodeljen niko. Otvori HR bazu da pretražiš.

Otvori HR bazu

Skeleton

imita oblik realnog reda

ERROR

Server ne odgovara

sa retry akcijom

Greška pri učitavanju (503)

Server CRTA-e privremeno nedostupan. Tvoji podaci su sigurni — pokušaj ponovo.

Probaj ponovo

Inbox lista + Mapa · 3 stanja

EMPTY · INBOX

Sve pročitano

cilj-stanje za analitičara

Sve prijave obrađene

Možeš da pređeš na klaster pregled ili da pratiš mapu.

OFFLINE · SMS

Veza pala — SMS failover

M3 SOS pattern

Slabija veza · koristim SMS

Lokacija i poruka su poslate SMS-om. Audio će biti uplodovan kada se veza vrati.

EMPTY · MAPA

Nema BM u filteru

sa „očisti filter" akcijom

Nema BM u krugu od 3 km

Probaj da povećaš radijus ili da pomeraš centar

Forma · 3 stanja

SUCCESS

Izveštaj poslat

14:00 presek

Izveštaj poslat

14:00 izveštaj zaveden · sledeći u 16:00.

SOFT WARNING

Poslato sa upozorenjem

Tamarin princip

Poslato sa upozorenjem

Razlika listići +6 · sistem označio za pregled analitičara. Princip: nikad ne blokira.

SUBMIT ERROR

Nije moglo da pošalje

drafted lokalno

Nije moglo da pošalje

Tvoj unos je sačuvan lokalno. Šalje se automatski kad se veza vrati.

Nove komponente · W12—W27

Devet komponenata koje su izronile dok smo pravili klaster admin (W12), inbox (W3), kartice BM (W2), notifikacije (W27). Svaka sa jasnim značenjem, semantičkom bojom, i context-om kad se koristi.

Skor rizika · 0—100 + bar

SKOR RIZIKA

BM ili klaster skor

computed iz LTO + signali + istorija · viša boja = veći rizik

≥ 80 = visoki rizik (crvena) · 50—80 = pažnja (žuta) · 20—50 = nizak (zelena) · < 20 = stabilan (siva) · Brojevi su mono, bar uvek 60px širok.

BM klasifikacija · zelena / žuta / crvena / siva

BM COLOR

Klasifikacija biračkog mesta

computed status — različito od posmatračkog statusa

Zelena · bez nalaza Žuta · prati Crvena · eskaluje Siva · follow-up

Siva = pratili, follow-up — to NIJE „nepokriveno" ili „neaktivan". BM je posmatran, ali se rezultati prate posle dana (npr. žalba u toku, kontekst se razvija). Standardno značenje kroz W2/W3/W12.

Klaster K1—K4 · kategorija rizika

KLASTER

Tip rizika · semantika

korišćeno u W12, W1, W2, W27

K1 sigurnost K2 kupovina glasova K3 operativno K4 narativno

K1 nosi crvenu (pretnja, fizički sukob) · K2 žutu (sistemski rizik, kombi sa kovertama) · K3 plavu (kabine, operativni problemi) · K4 sivu (letak, LTO narativ).

Lifecycle · ongoing / escalated / done

LIFECYCLE

Operativni stadijum incidenta

odvojeno od approved/pending/rejected (verifikacija — W3)

Ongoing Escalated Done

Lifecycle = operativni tok (gde je incident u radu) · različito od approval flow u W3 Inbox (da li je analitičar potvrdio prijavu). Vidi se u W19 Otvoreni slučajevi i u W2 CC log.

Multi-model slaganje · AI saglasnost

MMA · MULTI-MODEL

Slaganje AI modela

2+ model proverava klasifikaciju · W12

3 modela saglasna96% 2 / 3 saglasna71% Razilaze se · human review42%

Vigilo pokreće 2—3 modela paralelno (haiku-4.5 + lokalni). Saglasni = visoka konfidenca, automatski. Razilaze se = ljudski analitičar potvrđuje pre eskalacije.

Anomaly kartica · LLM signal

ANOMALIJA · LLM 89% conf.

Beograd · Vračar · 5 BM ima skok izlaznosti > 2σ između 12:00 i 14:00

Detektovan obrazac: BM 0177/B, 0214/A, 0334/A, 0341/A, 0481/B imaju neuobičajeno brz porast posmatran 12:00 → 14:00 u poređenju sa istorijom (+18pp vs prosek 8pp). Nije nužno problem ali zahteva pregled analitičara.

ANOMALIJA · LLM 94% conf.

Mladenovac · ponavljaju se prijave istog tipa kod 3 različita posmatrača

3 posmatrača nezavisno opisuju „plavi kombi koji parkira ispred BM" u poslednjih 40 min (BM 0421/A, 0421/B, 0423/A). LLM grupiše kao mogući K2 (kupovina glasova) pattern. Predlog: poslati MOB tim.

RBAC permisije · po kategoriji

PERMISIJE

Permission chips · W13

grupisano po kategoriji · 4 nivoa (read/write/delete/admin)

Biračka mesta

bm.read.region bm.write.region bm.assign.observer bm.admin.all

Incidenti i PCC

inc.read.bm inc.escalate inc.close inc.delete

Korisnici

users.read.region users.write users.impersonate

Eksport

export.csv export.xlsx export.raw

4 nivoa: read (sivi) · write (plavi) · delete (crveni) · admin (tamni · samo super admin).

Map cluster bubble · veličina = skor rizika

MAP CLUSTER

Klaster bubble na mapi

veličina = broj BM × težinski skor

SMALL · ok

MED · watch

LARGE · alarm

142

XL · region

Boja prati BM klasifikaciju (zelena/žuta/crvena/siva). Veličina linearno raste sa Math.sqrt(broj BM × težinski skor). Glow halo kad K1 > 3.

Command palette · ⌘K

esc

Biračka mesta

BM 0177/BGimnazija „Sveti Sava" · Vračar

↵

BM 0177/AOŠ „Vuk Karadžić" · Vračar

Posmatrači

Milica Radović (0177/B)SOS aktivan

Akcije

Pozovi BM 0177/B

⌘P

Označi BM 0177 zastavom

⌘F

↑ ↓ kreći se ↵ izaberi ⌘K otvara svuda 217 stavki · indeks 4 sec ranije

Color coding · standard

Jedan tim će pomešati boje između posmatračkog statusa i BM klasifikacije ako nisu jasno razdvojene. Dva sistema, dve ose, ne smeju se mešati u istom view-u.

Pravilo: zelena/crvena/crna za posmatrača · zelena/žuta/crvena/siva za BM

Status posmatrača M3 SOS · W4 Raspored · M2 Home

Zelena Crvena Crna

Posmatrač javlja se OK (zelena) · problem (crvena · kasni / incident) · u opasnosti (crna · SOS aktivan).

BM klasifikacija W2 Kartica BM · W3 Inbox · W12 Klaster

Zelena Žuta Crvena Siva

BM stanje: bez nalaza (zelena) · prati (žuta) · eskaluje (crvena) · follow-up (siva · pratili, ali se rezultati prate posle dana).

Klaster K1—K4 tip rizika · semantika

K1 K2 K3 K4

Kategorija rizika prati boju klasifikacije ali sa labelom: K1 crveni (sigurnost), K2 žuti (kupovina), K3 plavi (operativno), K4 sivi (narativ).

Lifecycle stadijum W19 Slučajevi · W2 CC log

Ongoing Escalated Done

Operativni tok rada na incidentu. Žuta/crvena/zelena, ali drugačiji kontekst od BM klasifikacije — zato pulsirajuća tačka na escalated, da se vizuelno razlikuje.

Semantika sistema UI poruke · validacija · banneri

INFO SUCCESS WARNING DANGER

Plava za info / kontekst · zelena za potvrde · žuta za soft warning (može poslati) · crvena za destruktivno (SOS, eskalacija).

Ne mešaj

Status posmatrača i BM klasifikacija dele zelenu i crvenu ali znače različite stvari. Razlika u UI: status posmatrača je manji dot ili pulsing (uvek live), BM klasifikacija je bedž ili kartica (statičan, computed). Klaster (K1-K4) je strukturni chip sa labelom, nikad samo boja.

VIGILO · DESIGN SYSTEM · v0.2

Dopuna na v0.1 · 5 stanja + 9 novih komponenata + color coding standard · CRTA · Maj 2026

za prezentaciju i hand-off