PK-75: Commit dodaných DESIGN_REFERENCE GIF-iek (14 ks) #4

Open
forge-admin wants to merge 1 commit from feature/f0-design-reference into main
Owner

Súhrn

PK-75: Commit 14 dodaných DESIGN_REFERENCE GIF-iek z DecisionRules.io a Nected, vrátane NOTES.md záznamov, drobnej úpravy DESIGN_REFERENCE/README.md (.gif konvencia) a .gitattributes.

Decision-table kategória je týmto pokrytá kompletne pre Fázu 4. Zvyšné kategórie sleduje PK-72.

Zmeny

  • 14 GIF-iek uložených do DESIGN_REFERENCE/<kategória>/ podľa mapovania v PK-75
  • NOTES.md doplnené v app-shell/, decision-flow/, decision-table/, design-system/ (záznam pre každý commitnutý GIF — sekcie „Kľúčové detaily" a „Čo NEnapodobňovať" sú zámerne _doplníme pri implementácii UI ticketu_)
  • DESIGN_REFERENCE/README.md: minor edit — konvencia rozšírená o .gif (animované referencie)
  • .gitattributes (nový): *.gif, *.png, *.jpg, *.jpeg, *.webp, *.ico ako binary, bez LFS
  • Celková veľkosť: ~3.0 MB (každý GIF < 700 KB), všetko v jednom commite

Preview (animované)

app-shell — 01 sidebar expanded

sidebar expanded

decision-table — 03 operator picker

operator picker

decision-table — 04 autofill drag

autofill drag

design-system — 04 toasts

toasts

Polish Acceptance Bar (side-by-side, symbolicky)

Aby bolo zrejmé ako sa tieto referencie premietnu do UI tikietov neskôr, pridávam dva symbolické príklady — referenčný GIF + krátky popis použitia v budúcich tikietoch:

decision-table — 03 operator picker

operator picker

Použitie v UI tickete (later): Operator picker v condition cell decision-table. Polish-bar má zhodnotiť: (a) plynulosť open/close animácie popoveru, (b) micro-interakcia hoveru nad operátorom (Nected používa background-tint, nie border), (c) klávesnicová ovládateľnosť (↑/↓, Enter, Esc). Reference je z Nected — DecisionRules má jednoduchší picker, pre Fázu 4 sa riadime Nected variantom.

design-system — 04 toasts

toasts

Použitie v UI tickete (later): Toast notification systém. Polish-bar pre Fázu 1 (Design System) má zhodnotiť: (a) slide-in/out timing (~200ms ease-out), (b) stacking pri viacerých toastoch súčasne, (c) auto-dismiss timeout (success 4s, error až po klik), (d) close button hover-state. Reference kombinuje DecisionRules (vizuál) a Nected (stacking behaviour).

Ostatné GIF-y (12 ks) majú „Kľúčové detaily" a „Čo NEnapodobňovať" zámerne otvorené v NOTES.md — vyplnia sa pri konkrétnom UI tickete (po AC), nie tu.

Test plan

  • DESIGN_REFERENCE/<kategória>/<NN-popis>.gif existuje pre všetkých 14 položiek z mapovania v PK-75
  • Každá kategória (app-shell/, decision-flow/, decision-table/, design-system/) má NOTES.md so záznamom pre každý commitnutý GIF
  • .gitattributes označuje raster formáty ako binary
  • DESIGN_REFERENCE/README.md spomína aj .gif konvenciu
  • CI green (pull_request trigger)
  • Renderovanie animovaných GIF-iek v Preview funguje (GitLab Markdown)

Čo sa schválne nerieši v tomto PR

  • Vyplnenie „Kľúčové detaily na napodobnenie" a „Čo NEnapodobňovať" v NOTES.md pre všetkých 14 GIF-iek — robí sa pri implementácii konkrétneho UI ticketu po AC (Polish Acceptance Bar v PR popise slúži ako preview workflow-u, nie ako finálne vyplnenie)
  • Chýbajúce GIF-y/screeny pre app-shell (02/03/04), decision-flow (01/03), test-bench/, versioning/, design-system (01/02) — sledované v PK-72

Linked: PK-75 (review-gate, bez self-merge), parent PK-66.

## Súhrn [PK-75](mention://issue/6ad53ba0-8808-4d90-844d-5c01d3f1db88): Commit 14 dodaných DESIGN_REFERENCE GIF-iek z DecisionRules.io a Nected, vrátane NOTES.md záznamov, drobnej úpravy `DESIGN_REFERENCE/README.md` (.gif konvencia) a `.gitattributes`. Decision-table kategória je týmto **pokrytá kompletne pre Fázu 4**. Zvyšné kategórie sleduje PK-72. ## Zmeny - 14 GIF-iek uložených do `DESIGN_REFERENCE/<kategória>/` podľa mapovania v PK-75 - `NOTES.md` doplnené v `app-shell/`, `decision-flow/`, `decision-table/`, `design-system/` (záznam pre každý commitnutý GIF — sekcie „Kľúčové detaily" a „Čo NEnapodobňovať" sú zámerne `_doplníme pri implementácii UI ticketu_`) - `DESIGN_REFERENCE/README.md`: minor edit — konvencia rozšírená o `.gif` (animované referencie) - `.gitattributes` (nový): `*.gif`, `*.png`, `*.jpg`, `*.jpeg`, `*.webp`, `*.ico` ako `binary`, bez LFS - Celková veľkosť: ~3.0 MB (každý GIF < 700 KB), všetko v jednom commite ## Preview (animované) ### app-shell — 01 sidebar expanded ![sidebar expanded](DESIGN_REFERENCE/app-shell/01-sidebar-expanded.gif) ### decision-table — 03 operator picker ![operator picker](DESIGN_REFERENCE/decision-table/03-operator-picker.gif) ### decision-table — 04 autofill drag ![autofill drag](DESIGN_REFERENCE/decision-table/04-autofill-drag.gif) ### design-system — 04 toasts ![toasts](DESIGN_REFERENCE/design-system/04-toasts.gif) ## Polish Acceptance Bar (side-by-side, symbolicky) Aby bolo zrejmé ako sa tieto referencie premietnu do UI tikietov neskôr, pridávam dva symbolické príklady — referenčný GIF + krátky popis použitia v budúcich tikietoch: ### decision-table — 03 operator picker ![operator picker](DESIGN_REFERENCE/decision-table/03-operator-picker.gif) **Použitie v UI tickete (later):** Operator picker v condition cell decision-table. Polish-bar má zhodnotiť: (a) plynulosť open/close animácie popoveru, (b) micro-interakcia hoveru nad operátorom (Nected používa background-tint, nie border), (c) klávesnicová ovládateľnosť (↑/↓, Enter, Esc). Reference je z Nected — DecisionRules má jednoduchší picker, pre Fázu 4 sa riadime Nected variantom. ### design-system — 04 toasts ![toasts](DESIGN_REFERENCE/design-system/04-toasts.gif) **Použitie v UI tickete (later):** Toast notification systém. Polish-bar pre Fázu 1 (Design System) má zhodnotiť: (a) slide-in/out timing (~200ms ease-out), (b) stacking pri viacerých toastoch súčasne, (c) auto-dismiss timeout (success 4s, error až po klik), (d) close button hover-state. Reference kombinuje DecisionRules (vizuál) a Nected (stacking behaviour). > Ostatné GIF-y (12 ks) majú „Kľúčové detaily" a „Čo NEnapodobňovať" zámerne otvorené v NOTES.md — vyplnia sa pri konkrétnom UI tickete (po AC), nie tu. ## Test plan - [ ] `DESIGN_REFERENCE/<kategória>/<NN-popis>.gif` existuje pre všetkých 14 položiek z mapovania v PK-75 - [ ] Každá kategória (`app-shell/`, `decision-flow/`, `decision-table/`, `design-system/`) má `NOTES.md` so záznamom pre každý commitnutý GIF - [ ] `.gitattributes` označuje raster formáty ako `binary` - [ ] `DESIGN_REFERENCE/README.md` spomína aj `.gif` konvenciu - [ ] CI green (pull_request trigger) - [ ] Renderovanie animovaných GIF-iek v Preview funguje (GitLab Markdown) ## Čo sa schválne nerieši v tomto PR - Vyplnenie „Kľúčové detaily na napodobnenie" a „Čo NEnapodobňovať" v NOTES.md pre všetkých 14 GIF-iek — robí sa pri implementácii konkrétneho UI ticketu po AC (Polish Acceptance Bar v PR popise slúži ako preview workflow-u, nie ako finálne vyplnenie) - Chýbajúce GIF-y/screeny pre `app-shell` (02/03/04), `decision-flow` (01/03), `test-bench/`, `versioning/`, `design-system` (01/02) — sledované v PK-72 --- Linked: PK-75 (review-gate, **bez self-merge**), parent PK-66.
feat(design-reference): commit 14 DecisionRules/Nected reference GIFs (PK-75)
All checks were successful
CI / Lint (backend) (pull_request) Successful in 7s
CI / Lint (shared-types) (pull_request) Successful in 8s
CI / Lint (drl-generator) (pull_request) Successful in 8s
CI / Lint (frontend) (pull_request) Successful in 8s
CI / Typecheck (drl-generator) (pull_request) Successful in 6s
CI / Typecheck (backend) (pull_request) Successful in 7s
CI / Typecheck (frontend) (pull_request) Successful in 7s
CI / Typecheck (shared-types) (pull_request) Successful in 6s
816b08a7ae
- Pridaných 14 animovaných GIF referencií do DESIGN_REFERENCE/<kategória>/
  - app-shell/: 01-sidebar-expanded, 05-nected-dashboard
  - decision-flow/: 02-nodes-connected
  - decision-table/: 01-empty-state, 02-basic-table-minimal, 02-basic-table,
    03-operator-picker, 04-autofill-drag, 05-row-context-menu,
    06-test-bench-debug, 08-function-autocomplete
  - design-system/: 03-dialogs-create-popover, 03-dialogs-create-rule, 04-toasts
- Doplnené záznamy v NOTES.md pre každý commitnutý GIF (Zdroj/Dátum/Čo zachytáva;
  Kľúčové detaily a Čo NEnapodobňovať doplníme pri implementácii UI ticketu).
- DESIGN_REFERENCE/README.md: konvencia povoľuje aj .gif (pre animované referencie);
  .gitignore príklad rozšírený o *.gif.
- Pridaný .gitattributes — *.gif, *.png a iné rastre označené ako binárne.

Decision-table kategória je týmto pokrytá kompletne pre Fázu 4. Chýbajúce kategórie
sú vedené v PK-72 (sledovacie referencie pred Fázou 1).

Co-authored-by: multica-agent <github@multica.ai>
All checks were successful
CI / Lint (backend) (pull_request) Successful in 7s
CI / Lint (shared-types) (pull_request) Successful in 8s
CI / Lint (drl-generator) (pull_request) Successful in 8s
CI / Lint (frontend) (pull_request) Successful in 8s
CI / Typecheck (drl-generator) (pull_request) Successful in 6s
CI / Typecheck (backend) (pull_request) Successful in 7s
CI / Typecheck (frontend) (pull_request) Successful in 7s
CI / Typecheck (shared-types) (pull_request) Successful in 6s
This pull request has changes conflicting with the target branch.
  • DESIGN_REFERENCE/app-shell/NOTES.md
  • DESIGN_REFERENCE/decision-flow/NOTES.md
  • DESIGN_REFERENCE/decision-table/NOTES.md
  • DESIGN_REFERENCE/design-system/NOTES.md
View command line instructions

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin feature/f0-design-reference:feature/f0-design-reference
git switch feature/f0-design-reference

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch main
git merge --no-ff feature/f0-design-reference
git switch feature/f0-design-reference
git rebase main
git switch main
git merge --ff-only feature/f0-design-reference
git switch feature/f0-design-reference
git rebase main
git switch main
git merge --no-ff feature/f0-design-reference
git switch main
git merge --squash feature/f0-design-reference
git switch main
git merge --ff-only feature/f0-design-reference
git switch main
git merge feature/f0-design-reference
git push origin main
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
forge-admin/DMN-Kokpit!4
No description provided.