From 53a631fe93ce7e3c7b39290ca81e1ee91cbf77ca Mon Sep 17 00:00:00 2001
From: jtricerolph <info@tricerolph.com>
Date: Tue, 21 Jul 2026 09:08:26 +0000
Subject: [PATCH] Apply desktop viewport to WeeklyActual and report view;
 responsive on welcome screen

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/pages/ReportsPage.tsx  | 3 +++
 frontend/src/pages/WeeklyActual.tsx | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/frontend/src/pages/ReportsPage.tsx b/frontend/src/pages/ReportsPage.tsx
index ae59b545..f6eddc2d 100644
--- a/frontend/src/pages/ReportsPage.tsx
+++ b/frontend/src/pages/ReportsPage.tsx
@@ -5,6 +5,7 @@ import {
   FileBarChart, TrendingUp, Settings, Menu,
 } from 'lucide-react'
 import { useAuth } from '../components/AuthGate'
+import { useFrameViewport } from '../hooks/useFrameViewport'
 import { fetchReports, runReport } from '../api'
 import type { ReportMeta, ReportResult } from '../types'
 import DirectorsForecast from './DirectorsForecast'
@@ -283,6 +284,8 @@ export default function ReportsPage() {
   const [loading, setLoading]     = useState(false)
   const [error, setError]         = useState<string | null>(null)
 
+  useFrameViewport(selected || showSettings ? 'desktop' : 'responsive')
+
   useEffect(() => {
     fetchReports().then(setReports).catch(err => setError(err.message))
   }, [])
diff --git a/frontend/src/pages/WeeklyActual.tsx b/frontend/src/pages/WeeklyActual.tsx
index cb7751c2..18aa190e 100644
--- a/frontend/src/pages/WeeklyActual.tsx
+++ b/frontend/src/pages/WeeklyActual.tsx
@@ -1,4 +1,5 @@
 import { useCallback, useEffect, useState } from 'react'
+import { useFrameViewport } from '../hooks/useFrameViewport'
 import { ChevronLeft, ChevronRight, RefreshCw, Printer } from 'lucide-react'
 import {
   ResponsiveContainer,
@@ -482,6 +483,7 @@ function UtilitiesPlaceholder() {
 // ── Main component ─────────────────────────────────────────────────────────
 
 export default function WeeklyActual() {
+  useFrameViewport('desktop')
   const [weekEnding, setWeekEnding] = useState(defaultWeekEnding)
   const [data, setData]             = useState<WeeklyActualData | null>(null)
   const [loading, setLoading]       = useState(false)