diff --git a/frontend-modern/src/components/Dashboard/Dashboard.tsx b/frontend-modern/src/components/Dashboard/Dashboard.tsx index d3c1c0397..250a460bf 100644 --- a/frontend-modern/src/components/Dashboard/Dashboard.tsx +++ b/frontend-modern/src/components/Dashboard/Dashboard.tsx @@ -210,6 +210,15 @@ export function Dashboard(props: DashboardProps) { const { isMobile } = useBreakpoint(); const alertsActivation = useAlertsActivation(); const alertsEnabled = createMemo(() => alertsActivation.activationState() === 'active'); + + // Kiosk mode - hide filter panel for clean dashboard display + // Usage: Add ?kiosk=1 to URL + const kioskMode = createMemo(() => { + if (typeof window === 'undefined') return false; + const params = new URLSearchParams(window.location.search); + return params.get('kiosk') === '1' || params.get('kiosk') === 'true'; + }); + const [search, setSearch] = createSignal(''); const [isSearchLocked, setIsSearchLocked] = createSignal(false); const [selectedNode, setSelectedNode] = createSignal(null); @@ -940,7 +949,10 @@ export function Dashboard(props: DashboardProps) { return (
- + {/* Section nav - hidden in kiosk mode */} + + + {/* Unified Node Selector */} - {/* Dashboard Filter */} - (searchInputRef = el)} - availableColumns={columnVisibility.availableToggles()} - isColumnHidden={columnVisibility.isHiddenByUser} - onColumnToggle={columnVisibility.toggle} - onColumnReset={columnVisibility.resetToDefaults} - /> + {/* Dashboard Filter - hidden in kiosk mode */} + + (searchInputRef = el)} + availableColumns={columnVisibility.availableToggles()} + isColumnHidden={columnVisibility.isHiddenByUser} + onColumnToggle={columnVisibility.toggle} + onColumnReset={columnVisibility.resetToDefaults} + /> + {/* Loading State */}