KAOS/TASKS/reports/T21-report.md
djuka f137703f1b T21: UI poboljšanja — detalj panel 50%, konzola fullscreen, docs full height
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-20 13:28:29 +00:00

57 lines
1.8 KiB
Markdown

# T21 Izveštaj: UI poboljšanja (konzola, task detalj, layout)
**Agent:** coder
**Model:** Opus
**Datum:** 2026-02-20
---
## Šta je urađeno
Tri UI poboljšanja: task detalj panel 50% ekrana, konzola fullscreen, dokumenti full height.
### Izmenjeni fajlovi
| Fajl | Izmena |
|------|--------|
| `web/static/style.css` | #task-detail 50% width, body.detail-open board compression, console fullscreen, docs full height, sidebar/main scroll |
| `web/templates/layout.html` | detail-open body class toggle, click-outside-to-close za detalj panel |
| `web/templates/console.html` | Toolbar premešten iznad panela |
| `internal/server/server_test.go` | 5 novih testova |
### 1. Task detalj panel — 50% ekrana
- Panel se otvara na 50% širine ekrana (umesto fiksnih 420px)
- Board se kompresuje na 50% kad je panel otvoren (`body.detail-open .board { margin-right: 50% }`)
- Klik van panela zatvara panel (osim klika na task karticu)
- Na mobilnom (<700px) panel je 100% kao overlay
- Tranzicija: slide sa desne strane (0.3s ease)
### 2. Konzola — fullscreen layout
- Toolbar (+ Sesija 2) premešten iznad panela za bolji UX
- `min-height: 80vh` na kontejneru
- Input red: `flex-shrink: 0` za uvek vidljiv input
- Toolbar: `flex-shrink: 0` za stabilnu poziciju
### 3. Dokumenti — full height
- `docs-container`: `height: calc(100vh - 60px)` umesto `min-height: 80vh`
- `docs-layout`: `flex: 1; min-height: 0` za ispravno popunjavanje prostora
- `docs-sidebar` i `docs-main`: `overflow-y: auto` za nezavisni scroll
### Novi testovi — 5 PASS
```
TestDashboard_DetailOpenClassInJS PASS
TestDashboard_ClickOutsideClosesDetail PASS
TestConsolePage_ToolbarAbovePanels PASS
TestConsolePage_HasSessionToggle PASS
TestDocsPage_HasFullHeightLayout PASS
```
### Ukupno projekat: 142 testova, svi prolaze
- `go vet ./...` čist
- `go build ./...` prolazi