US-008: Restructure DashboardLayout with SubNav, new tile order, and DetailPanel

- Wrap DashboardLayout with DetailPanelProvider in App.tsx
- Import and render DetailPanel component alongside CommandPalette
- Reorder tiles: PatientSummary (full) → LatestResults (half) + Projects (half) → CoreSkills (full) → LastConsultation (full) → CareerActivity (full) → Education (full)
- Update ProjectsTile from full-width to half-width (remove full prop)
- Update CoreSkillsTile from half-width to full-width (add full prop)
- SubNav already renders between TopBar and content
- Content area marginTop already accounts for both TopBar and SubNav heights
- All tiles already have data-tile-id attributes for SubNav scrolling

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-02-13 23:14:58 +00:00
parent 6c26518806
commit b18746ecee
4 changed files with 16 additions and 7 deletions
+8 -4
View File
@@ -4,6 +4,7 @@ import { TopBar } from './TopBar'
import { SubNav } from './SubNav'
import Sidebar from './Sidebar'
import { CommandPalette } from './CommandPalette'
import { DetailPanel } from './DetailPanel'
import { PatientSummaryTile } from './tiles/PatientSummaryTile'
import { LatestResultsTile } from './tiles/LatestResultsTile'
import { CoreSkillsTile } from './tiles/CoreSkillsTile'
@@ -163,7 +164,10 @@ export function DashboardLayout() {
{/* LatestResultsTile — half width (left) */}
<LatestResultsTile />
{/* CoreSkillsTile — half width (right) */}
{/* ProjectsTile — half width (right) */}
<ProjectsTile />
{/* CoreSkillsTile — full width */}
<CoreSkillsTile />
{/* LastConsultationTile — full width */}
@@ -174,9 +178,6 @@ export function DashboardLayout() {
{/* EducationTile — full width */}
<EducationTile />
{/* ProjectsTile — full width */}
<ProjectsTile />
</div>
</motion.main>
</div>
@@ -187,6 +188,9 @@ export function DashboardLayout() {
onClose={handlePaletteClose}
onAction={handlePaletteAction}
/>
{/* Detail panel */}
<DetailPanel />
</div>
)
}