KAOS/TASKS/reports/T21-report.md

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