claude-agent-service/frontend
Viktor Barzin 0e45445341
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
breakglass UI: foldable control sections for small screens
Viktor: "make screens foldable so they can be viewed on small screens." The VM-control sheet packed Inspect + 4 power buttons + a long output dump into one scroll on a phone. Made the dense sections collapsible with native <details>/<summary> (zero-JS, accessible):
- Inspect and Power are foldable groups, open by default (nothing important hidden), tap the caret header to collapse the one you are not using.
- Command output (e.g. a long forensics dump) is a foldable block; its <pre> is capped at 46vh with internal scroll so it never runs off the page.

Verified via Playwright at 390x844: tapping Power collapses it to its header; the forensics output folds and scrolls within a bounded box. Works on desktop too (side panel stays expanded).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-06-12 23:21:01 +00:00
..
src breakglass UI: foldable control sections for small screens 2026-06-12 23:21:01 +00:00
index.html breakglass: in-cluster emergency-recovery UI for the devvm 2026-06-12 21:36:05 +00:00
package-lock.json breakglass: in-cluster emergency-recovery UI for the devvm 2026-06-12 21:36:05 +00:00
package.json breakglass: in-cluster emergency-recovery UI for the devvm 2026-06-12 21:36:05 +00:00
svelte.config.js breakglass: in-cluster emergency-recovery UI for the devvm 2026-06-12 21:36:05 +00:00
vite.config.js breakglass: in-cluster emergency-recovery UI for the devvm 2026-06-12 21:36:05 +00:00