Step 2/5: Site Details sub-sidebar grouping (12 tabs → 5 categories)
User: 12 horizontal tabs unmanageable + Settings Workspace hardcoded.
Site Details:
- Replaced horizontal clu-dtabs with vertical clu-detail-nav grouped by
category (Github/Linear/Stripe pattern).
- 5 categories: ÜBERBLICK, WORDPRESS, HOSTING, ZUGANG, BEOBACHTEN.
- 12 items distributed: overview / wp+plugins+cron+redirects /
vhost+php+ssl+files+staging / access / logs.
- 220px sticky left nav, content fills remaining width.
- Mobile (<920px): nav collapses to top of stack (single column).
- Section titles uppercase muted, active item glass-highlighted with
inset shadow + accent ico, count badges (Cronjobs 4).
- 'Datei-Manager' moved from header-of-content to HOSTING category.
Settings page:
- Workspace card now binds to auth user's currentWorkspace in mount()
instead of hardcoded 'Acme Cluster'. Shows real name + slug + region.
CSS additions: clu-detail-layout (grid 220px + 1fr), clu-detail-nav
(sticky glass panel), clu-detail-section-title (caps muted), clu-
detail-item (with hover + active state + count badge).
5/5 SiteDetailsTest still green. 0 console errors. Browser-verified:
johnston.net loads, nav highlights Übersicht as active, sticky on
scroll, all sub-items navigate via wire:click setTab.
Boban Blaskovic
43fb26e1ef