# 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