{useCustomIcon && customIconPreview ? (
- 
+
) : (
(undefined);
-
-export function ThemeProvider({ children }: { children: ReactNode }) {
- const [theme, setThemeState] = useState(() => {
- const stored = localStorage.getItem('theme') as Theme | null;
- if (stored) return stored;
- // Default to dark theme
- return 'dark';
- });
-
- useEffect(() => {
- const root = document.documentElement;
- if (theme === 'dark') {
- root.classList.add('dark');
- } else {
- root.classList.remove('dark');
- }
- localStorage.setItem('theme', theme);
- }, [theme]);
-
- const toggleTheme = () => {
- setThemeState((prev) => (prev === 'dark' ? 'light' : 'dark'));
- };
-
- const setTheme = (newTheme: Theme) => {
- setThemeState(newTheme);
- };
-
- return (
-
- {children}
-
- );
-}
-
-export function useTheme() {
- const context = useContext(ThemeContext);
- if (!context) {
- throw new Error('useTheme must be used within a ThemeProvider');
- }
- return context;
-}
diff --git a/frontend/src/contexts/ThemeContext.tsx b/frontend/src/contexts/ThemeContext.tsx
index a635552e8..a87236961 100644
--- a/frontend/src/contexts/ThemeContext.tsx
+++ b/frontend/src/contexts/ThemeContext.tsx
@@ -1,43 +1,171 @@
import { createContext, useContext, useEffect, useState, type ReactNode } from 'react';
+import { api } from '../api/client';
-type Theme = 'light' | 'dark';
+type ThemeMode = 'light' | 'dark';
+type ThemeStyle = 'classic' | 'glow' | 'vibrant';
+type DarkBackground = 'neutral' | 'warm' | 'cool' | 'oled' | 'slate' | 'forest';
+type LightBackground = 'neutral' | 'warm' | 'cool';
+type ThemeAccent = 'green' | 'teal' | 'blue' | 'orange' | 'purple' | 'red';
interface ThemeContextType {
- theme: Theme;
- toggleTheme: () => void;
- setTheme: (theme: Theme) => void;
+ mode: ThemeMode;
+ // Dark mode settings
+ darkStyle: ThemeStyle;
+ darkBackground: DarkBackground;
+ darkAccent: ThemeAccent;
+ // Light mode settings
+ lightStyle: ThemeStyle;
+ lightBackground: LightBackground;
+ lightAccent: ThemeAccent;
+ // Actions
+ toggleMode: () => void;
+ setMode: (mode: ThemeMode) => void;
+ setDarkStyle: (style: ThemeStyle) => void;
+ setDarkBackground: (background: DarkBackground) => void;
+ setDarkAccent: (accent: ThemeAccent) => void;
+ setLightStyle: (style: ThemeStyle) => void;
+ setLightBackground: (background: LightBackground) => void;
+ setLightAccent: (accent: ThemeAccent) => void;
}
const ThemeContext = createContext(undefined);
export function ThemeProvider({ children }: { children: ReactNode }) {
- const [theme, setThemeState] = useState(() => {
- const stored = localStorage.getItem('theme') as Theme | null;
- if (stored) return stored;
- // Default to dark theme
- return 'dark';
+ // Mode
+ const [mode, setModeState] = useState(() => {
+ const stored = localStorage.getItem('theme-mode') as ThemeMode | null;
+ const legacy = localStorage.getItem('theme') as ThemeMode | null;
+ return stored || legacy || 'dark';
});
+ // Dark mode settings
+ const [darkStyle, setDarkStyleState] = useState(() => {
+ return (localStorage.getItem('dark-style') as ThemeStyle) || 'classic';
+ });
+ const [darkBackground, setDarkBackgroundState] = useState(() => {
+ return (localStorage.getItem('dark-background') as DarkBackground) || 'neutral';
+ });
+ const [darkAccent, setDarkAccentState] = useState(() => {
+ return (localStorage.getItem('dark-accent') as ThemeAccent) || 'green';
+ });
+
+ // Light mode settings
+ const [lightStyle, setLightStyleState] = useState(() => {
+ return (localStorage.getItem('light-style') as ThemeStyle) || 'classic';
+ });
+ const [lightBackground, setLightBackgroundState] = useState(() => {
+ return (localStorage.getItem('light-background') as LightBackground) || 'neutral';
+ });
+ const [lightAccent, setLightAccentState] = useState(() => {
+ return (localStorage.getItem('light-accent') as ThemeAccent) || 'green';
+ });
+
+ // Sync from API on mount
+ useEffect(() => {
+ api.getSettings().then((settings) => {
+ // Dark settings
+ if (settings.dark_style) {
+ setDarkStyleState(settings.dark_style as ThemeStyle);
+ localStorage.setItem('dark-style', settings.dark_style);
+ }
+ if (settings.dark_background) {
+ setDarkBackgroundState(settings.dark_background as DarkBackground);
+ localStorage.setItem('dark-background', settings.dark_background);
+ }
+ if (settings.dark_accent) {
+ setDarkAccentState(settings.dark_accent as ThemeAccent);
+ localStorage.setItem('dark-accent', settings.dark_accent);
+ }
+ // Light settings
+ if (settings.light_style) {
+ setLightStyleState(settings.light_style as ThemeStyle);
+ localStorage.setItem('light-style', settings.light_style);
+ }
+ if (settings.light_background) {
+ setLightBackgroundState(settings.light_background as LightBackground);
+ localStorage.setItem('light-background', settings.light_background);
+ }
+ if (settings.light_accent) {
+ setLightAccentState(settings.light_accent as ThemeAccent);
+ localStorage.setItem('light-accent', settings.light_accent);
+ }
+ }).catch(() => {});
+ }, []);
+
+ // Apply theme classes based on current mode
useEffect(() => {
const root = document.documentElement;
- if (theme === 'dark') {
- root.classList.add('dark');
- } else {
- root.classList.remove('dark');
- }
- localStorage.setItem('theme', theme);
- }, [theme]);
- const toggleTheme = () => {
- setThemeState((prev) => (prev === 'dark' ? 'light' : 'dark'));
+ // Remove all theme classes
+ root.classList.remove(
+ 'dark',
+ 'style-classic', 'style-glow', 'style-vibrant',
+ 'bg-neutral', 'bg-warm', 'bg-cool', 'bg-oled', 'bg-slate', 'bg-forest',
+ 'accent-green', 'accent-teal', 'accent-blue', 'accent-orange', 'accent-purple', 'accent-red'
+ );
+
+ // Apply based on current mode
+ if (mode === 'dark') {
+ root.classList.add('dark');
+ root.classList.add(`style-${darkStyle}`);
+ root.classList.add(`bg-${darkBackground}`);
+ root.classList.add(`accent-${darkAccent}`);
+ } else {
+ root.classList.add(`style-${lightStyle}`);
+ root.classList.add(`bg-${lightBackground}`);
+ root.classList.add(`accent-${lightAccent}`);
+ }
+
+ localStorage.setItem('theme-mode', mode);
+ localStorage.removeItem('theme');
+ }, [mode, darkStyle, darkBackground, darkAccent, lightStyle, lightBackground, lightAccent]);
+
+ const toggleMode = () => setModeState(prev => prev === 'dark' ? 'light' : 'dark');
+ const setMode = (m: ThemeMode) => setModeState(m);
+
+ // Dark setters
+ const setDarkStyle = (v: ThemeStyle) => {
+ setDarkStyleState(v);
+ localStorage.setItem('dark-style', v);
+ api.updateSettings({ dark_style: v }).catch(() => {});
+ };
+ const setDarkBackground = (v: DarkBackground) => {
+ setDarkBackgroundState(v);
+ localStorage.setItem('dark-background', v);
+ api.updateSettings({ dark_background: v }).catch(() => {});
+ };
+ const setDarkAccent = (v: ThemeAccent) => {
+ setDarkAccentState(v);
+ localStorage.setItem('dark-accent', v);
+ api.updateSettings({ dark_accent: v }).catch(() => {});
};
- const setTheme = (newTheme: Theme) => {
- setThemeState(newTheme);
+ // Light setters
+ const setLightStyle = (v: ThemeStyle) => {
+ setLightStyleState(v);
+ localStorage.setItem('light-style', v);
+ api.updateSettings({ light_style: v }).catch(() => {});
+ };
+ const setLightBackground = (v: LightBackground) => {
+ setLightBackgroundState(v);
+ localStorage.setItem('light-background', v);
+ api.updateSettings({ light_background: v }).catch(() => {});
+ };
+ const setLightAccent = (v: ThemeAccent) => {
+ setLightAccentState(v);
+ localStorage.setItem('light-accent', v);
+ api.updateSettings({ light_accent: v }).catch(() => {});
};
return (
-
+
{children}
);
@@ -45,8 +173,8 @@ export function ThemeProvider({ children }: { children: ReactNode }) {
export function useTheme() {
const context = useContext(ThemeContext);
- if (!context) {
- throw new Error('useTheme must be used within a ThemeProvider');
- }
+ if (!context) throw new Error('useTheme must be used within ThemeProvider');
return context;
}
+
+export type { ThemeMode, ThemeStyle, DarkBackground, LightBackground, ThemeAccent };
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 32a23ad67..f5847012d 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -5,10 +5,10 @@
@custom-variant dark (&:where(.dark, .dark *));
@theme {
- /* Bambu Lab brand colors - always the same */
- --color-bambu-green: #00ae42;
- --color-bambu-green-light: #00c64d;
- --color-bambu-green-dark: #009438;
+ /* Accent colors - use CSS variables for theming */
+ --color-bambu-green: var(--accent);
+ --color-bambu-green-light: var(--accent-light);
+ --color-bambu-green-dark: var(--accent-dark);
/* Theme-aware colors via CSS variables */
--color-bambu-dark: var(--bg-primary);
@@ -19,8 +19,17 @@
--color-bambu-gray-dark: var(--text-tertiary);
}
-/* Light mode (default) */
+/* ============================================
+ BASE DEFAULTS
+ ============================================ */
+
:root {
+ /* Default accent color (green) */
+ --accent: #00ae42;
+ --accent-light: #00c64d;
+ --accent-dark: #009438;
+
+ /* Default light mode background (neutral) */
--bg-primary: #f5f5f5;
--bg-secondary: #ffffff;
--bg-tertiary: #e5e5e5;
@@ -30,6 +39,10 @@
--text-tertiary: #808080;
--border-color: #d4d4d4;
+ /* Default style (classic) */
+ --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+ --glow-color: transparent;
+
font-family: 'Inter', system-ui, sans-serif;
line-height: 1.5;
font-weight: 400;
@@ -39,7 +52,7 @@
-moz-osx-font-smoothing: grayscale;
}
-/* Dark mode */
+/* Dark mode base */
.dark {
--bg-primary: #1a1a1a;
--bg-secondary: #2d2d2d;
@@ -49,6 +62,172 @@
--text-muted: #808080;
--text-tertiary: #4a4a4a;
--border-color: #3d3d3d;
+ --card-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
+}
+
+/* ============================================
+ LAYER 1: BACKGROUND PALETTES
+ ============================================ */
+
+/* Light mode backgrounds */
+.bg-neutral {
+ /* Default - already set in :root */
+}
+
+.bg-warm {
+ --bg-primary: #faf8f5;
+ --bg-secondary: #fffefa;
+ --bg-tertiary: #e8e4dd;
+ --text-primary: #2d2a26;
+ --text-secondary: #5c5750;
+ --text-muted: #7a756c;
+ --text-tertiary: #9a9590;
+ --border-color: #d8d4cc;
+}
+
+.bg-cool {
+ --bg-primary: #f0f4f8;
+ --bg-secondary: #ffffff;
+ --bg-tertiary: #dce4ec;
+ --text-primary: #1a2530;
+ --text-secondary: #4a5568;
+ --text-muted: #6b7a8a;
+ --text-tertiary: #8a9aaa;
+ --border-color: #c8d4e0;
+}
+
+/* Dark mode backgrounds */
+.dark.bg-neutral {
+ --bg-primary: #1a1a1a;
+ --bg-secondary: #2d2d2d;
+ --bg-tertiary: #3d3d3d;
+ --text-primary: #ffffff;
+ --text-secondary: #a0a0a0;
+ --text-muted: #808080;
+ --text-tertiary: #4a4a4a;
+ --border-color: #3d3d3d;
+}
+
+.dark.bg-warm {
+ --bg-primary: #1c1a18;
+ --bg-secondary: #2e2a26;
+ --bg-tertiary: #3e3a36;
+ --text-primary: #f5f0ea;
+ --text-secondary: #b0a898;
+ --text-muted: #8a8278;
+ --text-tertiary: #5a5248;
+ --border-color: #3e3a36;
+}
+
+.dark.bg-cool {
+ --bg-primary: #181c20;
+ --bg-secondary: #262c32;
+ --bg-tertiary: #363e46;
+ --text-primary: #f0f4f8;
+ --text-secondary: #98a8b8;
+ --text-muted: #788898;
+ --text-tertiary: #4a5a6a;
+ --border-color: #363e46;
+}
+
+.dark.bg-oled {
+ --bg-primary: #000000;
+ --bg-secondary: #141414;
+ --bg-tertiary: #1f1f1f;
+ --text-primary: #ffffff;
+ --text-secondary: #a0a0a0;
+ --text-muted: #707070;
+ --text-tertiary: #404040;
+ --border-color: #2a2a2a;
+}
+
+.dark.bg-slate {
+ --bg-primary: #0f172a;
+ --bg-secondary: #1e293b;
+ --bg-tertiary: #334155;
+ --text-primary: #f1f5f9;
+ --text-secondary: #94a3b8;
+ --text-muted: #64748b;
+ --text-tertiary: #475569;
+ --border-color: #334155;
+}
+
+.dark.bg-forest {
+ --bg-primary: #121a16;
+ --bg-secondary: #1c2a22;
+ --bg-tertiary: #2a3d30;
+ --text-primary: #e8f5ec;
+ --text-secondary: #8aa894;
+ --text-muted: #6a8874;
+ --text-tertiary: #4a6854;
+ --border-color: #2a3d30;
+}
+
+/* ============================================
+ LAYER 2: STYLE EFFECTS
+ ============================================ */
+
+/* Classic - default, clean minimal shadows */
+.style-classic {
+ /* Uses default shadows from :root and .dark */
+}
+
+/* Glow - accent-colored glow effects on cards */
+.style-glow {
+ --card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 25px color-mix(in srgb, var(--accent) 12%, transparent);
+}
+
+.dark.style-glow {
+ --card-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), 0 0 40px color-mix(in srgb, var(--accent) 15%, transparent);
+}
+
+/* Vibrant - dramatic deep shadows, more contrast */
+.style-vibrant {
+ --card-shadow: 0 8px 30px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.dark.style-vibrant {
+ --card-shadow: 0 10px 40px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.4);
+}
+
+/* ============================================
+ LAYER 3: ACCENT COLORS
+ ============================================ */
+
+.accent-green {
+ --accent: #00ae42;
+ --accent-light: #00c64d;
+ --accent-dark: #009438;
+}
+
+.accent-teal {
+ --accent: #14b8a6;
+ --accent-light: #2dd4bf;
+ --accent-dark: #0d9488;
+}
+
+.accent-blue {
+ --accent: #3b82f6;
+ --accent-light: #60a5fa;
+ --accent-dark: #2563eb;
+}
+
+.accent-orange {
+ --accent: #f97316;
+ --accent-light: #fb923c;
+ --accent-dark: #ea580c;
+}
+
+.accent-purple {
+ --accent: #8b5cf6;
+ --accent-light: #a78bfa;
+ --accent-dark: #7c3aed;
+}
+
+.accent-red {
+ --accent: #ef4444;
+ --accent-light: #f87171;
+ --accent-dark: #dc2626;
}
body {
@@ -181,3 +360,8 @@ body {
.animate-slide-in-left {
animation: slide-in-left 0.3s ease-out;
}
+
+/* Card shadows - uses theme-specific shadow */
+.card-shadow {
+ box-shadow: var(--card-shadow);
+}
diff --git a/frontend/src/pages/ArchivesPage.tsx b/frontend/src/pages/ArchivesPage.tsx
index 975db81c5..671de713c 100644
--- a/frontend/src/pages/ArchivesPage.tsx
+++ b/frontend/src/pages/ArchivesPage.tsx
@@ -42,6 +42,7 @@ import {
FolderKanban,
} from 'lucide-react';
import { api } from '../api/client';
+import { openInSlicer } from '../utils/slicer';
import { useIsMobile } from '../hooks/useIsMobile';
import type { Archive, ProjectListItem } from '../api/client';
import { Card, CardContent } from '../components/Card';
@@ -233,7 +234,7 @@ function ArchiveCard({
onClick: () => {
const filename = archive.print_name || archive.filename || 'model';
const downloadUrl = `${window.location.origin}${api.getArchiveForSlicer(archive.id, filename)}`;
- window.location.href = `bambustudioopen://${encodeURIComponent(downloadUrl)}`;
+ openInSlicer(downloadUrl);
},
},
] : [
@@ -243,7 +244,7 @@ function ArchiveCard({
onClick: () => {
const filename = archive.print_name || archive.filename || 'model';
const downloadUrl = `${window.location.origin}${api.getArchiveForSlicer(archive.id, filename)}`;
- window.location.href = `bambustudioopen://${encodeURIComponent(downloadUrl)}`;
+ openInSlicer(downloadUrl);
},
},
]),
@@ -498,7 +499,7 @@ function ArchiveCard({
// Open source 3MF in Bambu Studio - use filename in URL for slicer compatibility
const sourceName = (archive.print_name || archive.filename || 'source').replace(/\.gcode\.3mf$/i, '') + '_source';
const downloadUrl = `${window.location.origin}${api.getSource3mfForSlicer(archive.id, sourceName)}`;
- window.location.href = `bambustudioopen://${encodeURIComponent(downloadUrl)}`;
+ openInSlicer(downloadUrl);
}}
title="Open source 3MF in Bambu Studio (right-click for more options)"
>
@@ -684,7 +685,7 @@ function ArchiveCard({
onClick={() => {
const filename = archive.print_name || archive.filename || 'model';
const downloadUrl = `${window.location.origin}${api.getArchiveForSlicer(archive.id, filename)}`;
- window.location.href = `bambustudioopen://${encodeURIComponent(downloadUrl)}`;
+ openInSlicer(downloadUrl);
}}
title="Open in Bambu Studio"
>
@@ -700,7 +701,7 @@ function ArchiveCard({
onClick={() => {
const filename = archive.print_name || archive.filename || 'model';
const downloadUrl = `${window.location.origin}${api.getArchiveForSlicer(archive.id, filename)}`;
- window.location.href = `bambustudioopen://${encodeURIComponent(downloadUrl)}`;
+ openInSlicer(downloadUrl);
}}
title="Open in Bambu Studio to slice"
>
@@ -1850,7 +1851,7 @@ export function ArchivesPage() {
onClick={() => {
const filename = archive.print_name || archive.filename || 'model';
const downloadUrl = `${window.location.origin}${api.getArchiveForSlicer(archive.id, filename)}`;
- window.location.href = `bambustudioopen://${encodeURIComponent(downloadUrl)}`;
+ openInSlicer(downloadUrl);
}}
title="Slice"
>
diff --git a/frontend/src/pages/CameraPage.tsx b/frontend/src/pages/CameraPage.tsx
index 288b9a7cb..02887a503 100644
--- a/frontend/src/pages/CameraPage.tsx
+++ b/frontend/src/pages/CameraPage.tsx
@@ -100,6 +100,43 @@ export function CameraPage() {
return () => document.removeEventListener('fullscreenchange', handleFullscreenChange);
}, []);
+ // Save window size and position when user resizes or moves (only for popup windows)
+ useEffect(() => {
+ if (!window.opener) return;
+
+ let saveTimeout: NodeJS.Timeout;
+ const saveWindowState = () => {
+ // Debounce to avoid saving during drag
+ clearTimeout(saveTimeout);
+ saveTimeout = setTimeout(() => {
+ localStorage.setItem('cameraWindowState', JSON.stringify({
+ width: window.outerWidth,
+ height: window.outerHeight,
+ left: window.screenX,
+ top: window.screenY,
+ }));
+ }, 500);
+ };
+
+ window.addEventListener('resize', saveWindowState);
+ // Use interval to detect position changes (no native 'move' event)
+ const positionInterval = setInterval(() => {
+ const saved = localStorage.getItem('cameraWindowState');
+ if (saved) {
+ const state = JSON.parse(saved);
+ if (state.left !== window.screenX || state.top !== window.screenY) {
+ saveWindowState();
+ }
+ }
+ }, 1000);
+
+ return () => {
+ clearTimeout(saveTimeout);
+ clearInterval(positionInterval);
+ window.removeEventListener('resize', saveWindowState);
+ };
+ }, []);
+
// Clean up reconnect timers on unmount
useEffect(() => {
return () => {
@@ -178,6 +215,28 @@ export function CameraPage() {
if (countdownIntervalRef.current) {
clearInterval(countdownIntervalRef.current);
}
+
+ // Auto-resize popup window to fit video content (only if no saved preference)
+ if (window.opener && imgRef.current && !localStorage.getItem('cameraWindowState')) {
+ const img = imgRef.current;
+ const videoWidth = img.naturalWidth;
+ const videoHeight = img.naturalHeight;
+
+ if (videoWidth > 0 && videoHeight > 0) {
+ // Add space for header bar (~45px) and some padding
+ const headerHeight = 45;
+ const padding = 16;
+
+ // Calculate window size (outer size includes chrome)
+ const chromeWidth = window.outerWidth - window.innerWidth;
+ const chromeHeight = window.outerHeight - window.innerHeight;
+
+ const targetWidth = videoWidth + padding + chromeWidth;
+ const targetHeight = videoHeight + headerHeight + padding + chromeHeight;
+
+ window.resizeTo(targetWidth, targetHeight);
+ }
+ }
};
const stopStream = () => {
diff --git a/frontend/src/pages/ExternalLinkPage.tsx b/frontend/src/pages/ExternalLinkPage.tsx
index 12c837b85..b67f7ac1f 100644
--- a/frontend/src/pages/ExternalLinkPage.tsx
+++ b/frontend/src/pages/ExternalLinkPage.tsx
@@ -6,7 +6,7 @@ import { useTheme } from '../contexts/ThemeContext';
export function ExternalLinkPage() {
const { id } = useParams<{ id: string }>();
- const { theme } = useTheme();
+ const { mode } = useTheme();
const { data: link, isLoading, error } = useQuery({
queryKey: ['external-link', id],
@@ -35,7 +35,7 @@ export function ExternalLinkPage() {
diff --git a/frontend/src/pages/MaintenancePage.tsx b/frontend/src/pages/MaintenancePage.tsx
index b59b572d7..4dfce21ec 100644
--- a/frontend/src/pages/MaintenancePage.tsx
+++ b/frontend/src/pages/MaintenancePage.tsx
@@ -76,12 +76,22 @@ function formatDuration(value: number, type: 'hours' | 'days'): string {
if (value < 1) return 'Today';
if (value === 1) return '1 day';
if (value < 7) return `${Math.round(value)} days`;
- if (value < 30) return `${Math.round(value / 7)} weeks`;
+ // Show weeks for anything under 6 months for better precision
+ if (value < 180) return `${Math.round(value / 7)} weeks`;
+ // 6+ months show as months
return `${Math.round(value / 30)} months`;
} else {
+ // Print hours - convert to readable units
if (value < 1) return `${Math.round(value * 60)}m`;
- if (value < 10) return `${value.toFixed(1)}h`;
- return `${Math.round(value)}h`;
+ if (value < 24) return `${value < 10 ? value.toFixed(1) : Math.round(value)}h`;
+ // 24+ hours: show as days of print time
+ const days = value / 24;
+ if (days < 7) return `${days < 2 ? days.toFixed(1) : Math.round(days)}d`;
+ // 7+ days: show as weeks of print time
+ const weeks = days / 7;
+ if (weeks < 12) return `${weeks < 2 ? weeks.toFixed(1) : Math.round(weeks)}w`;
+ // 12+ weeks: show as months of print time
+ return `${Math.round(weeks / 4)}mo`;
}
}
diff --git a/frontend/src/pages/PrintersPage.tsx b/frontend/src/pages/PrintersPage.tsx
index 711af8de0..06bd9ed06 100644
--- a/frontend/src/pages/PrintersPage.tsx
+++ b/frontend/src/pages/PrintersPage.tsx
@@ -40,12 +40,154 @@ import { MQTTDebugModal } from '../components/MQTTDebugModal';
import { HMSErrorModal, filterKnownHMSErrors } from '../components/HMSErrorModal';
import { PrinterQueueWidget } from '../components/PrinterQueueWidget';
import { AMSHistoryModal } from '../components/AMSHistoryModal';
+import { FilamentHoverCard, EmptySlotHoverCard } from '../components/FilamentHoverCard';
+
+// Bambu Lab color code mapping (color suffix from tray_id_name -> color name)
+// tray_id_name format: "A00-Y2" where Y2 is the color code
+const BAMBU_COLOR_CODES: Record = {
+ // Yellows
+ 'Y0': 'Yellow',
+ 'Y1': 'Savana Yellow',
+ 'Y2': 'Sunflower Yellow',
+ 'Y3': 'Lemon Yellow',
+ // Oranges
+ 'O0': 'Orange',
+ 'O1': 'Mandarin Orange',
+ 'O2': 'Coral Orange',
+ // Reds
+ 'R0': 'Red',
+ 'R1': 'Scarlet Red',
+ 'R2': 'Magenta',
+ 'R3': 'Sakura Pink',
+ 'R4': 'Raspberry Red',
+ // Pinks
+ 'P0': 'Pink',
+ 'P1': 'Sakura Pink',
+ // Purples
+ 'V0': 'Purple',
+ 'V1': 'Violet',
+ 'V2': 'Lilac Purple',
+ // Blues
+ 'B0': 'Blue',
+ 'B1': 'Sky Blue',
+ 'B2': 'Navy Blue',
+ 'B3': 'Ice Blue',
+ 'B4': 'Cyan',
+ // Greens
+ 'G0': 'Green',
+ 'G1': 'Grass Green',
+ 'G2': 'Lime Green',
+ 'G3': 'Mint Green',
+ 'G4': 'Olive Green',
+ 'G5': 'Jungle Green',
+ 'G6': 'Bambu Green',
+ // Browns
+ 'N0': 'Brown',
+ 'N1': 'Peanut Brown',
+ 'N2': 'Coffee Brown',
+ 'N3': 'Caramel Brown',
+ // Grays
+ 'A0': 'Gray',
+ 'A1': 'Charcoal Gray',
+ 'A2': 'Silver Gray',
+ 'A3': 'Titan Gray',
+ // Blacks
+ 'K0': 'Black',
+ 'K1': 'Black',
+ // Whites
+ 'W0': 'White',
+ 'W1': 'Jade White',
+ 'W2': 'Ivory White',
+ // Special
+ 'T0': 'Transparent',
+ 'C0': 'Marble',
+ 'X0': 'Bronze',
+ 'X1': 'Gold',
+ 'X2': 'Silver',
+};
+
+// Get color name from Bambu Lab tray_id_name (e.g., "A00-Y2" -> "Sunflower Yellow")
+function getBambuColorName(trayIdName: string | null | undefined): string | null {
+ if (!trayIdName) return null;
+ // Extract color code after the dash (e.g., "A00-Y2" -> "Y2")
+ const parts = trayIdName.split('-');
+ if (parts.length < 2) return null;
+ const colorCode = parts[1];
+ return BAMBU_COLOR_CODES[colorCode] || null;
+}
+
+// Convert hex color to basic color name
+function hexToBasicColorName(hex: string | null | undefined): string {
+ if (!hex || hex.length < 6) return 'Unknown';
+
+ // Parse RGB from hex (format: RRGGBBAA or RRGGBB)
+ const r = parseInt(hex.substring(0, 2), 16);
+ const g = parseInt(hex.substring(2, 4), 16);
+ const b = parseInt(hex.substring(4, 6), 16);
+
+ // Calculate HSL for better color classification
+ const max = Math.max(r, g, b) / 255;
+ const min = Math.min(r, g, b) / 255;
+ const l = (max + min) / 2;
+
+ let h = 0;
+ let s = 0;
+
+ if (max !== min) {
+ const d = max - min;
+ s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+
+ const rNorm = r / 255;
+ const gNorm = g / 255;
+ const bNorm = b / 255;
+
+ if (max === rNorm) {
+ h = ((gNorm - bNorm) / d + (gNorm < bNorm ? 6 : 0)) / 6;
+ } else if (max === gNorm) {
+ h = ((bNorm - rNorm) / d + 2) / 6;
+ } else {
+ h = ((rNorm - gNorm) / d + 4) / 6;
+ }
+ }
+
+ // Convert to degrees
+ h = h * 360;
+
+ // Classify by lightness first
+ if (l < 0.15) return 'Black';
+ if (l > 0.85) return 'White';
+
+ // Low saturation = gray
+ if (s < 0.15) {
+ if (l < 0.4) return 'Dark Gray';
+ if (l > 0.6) return 'Light Gray';
+ return 'Gray';
+ }
+
+ // Classify by hue
+ if (h < 15 || h >= 345) return 'Red';
+ if (h < 45) return 'Orange';
+ if (h < 70) return 'Yellow';
+ if (h < 150) return 'Green';
+ if (h < 200) return 'Cyan';
+ if (h < 260) return 'Blue';
+ if (h < 290) return 'Purple';
+ if (h < 345) return 'Pink';
+
+ return 'Unknown';
+}
+
+// Format K value with 3 decimal places, default to 0.020 if null
+function formatKValue(k: number | null | undefined): string {
+ const value = k ?? 0.020;
+ return value.toFixed(3);
+}
// Nozzle side indicators (Bambu Lab style - square badge with L/R)
function NozzleBadge({ side }: { side: 'L' | 'R' }) {
- const { theme } = useTheme();
- // Light theme: #e7f5e9 (light green), Dark theme: #1a4d2e (dark green)
- const bgColor = theme === 'dark' ? '#1a4d2e' : '#e7f5e9';
+ const { mode } = useTheme();
+ // Light mode: #e7f5e9 (light green), Dark mode: #1a4d2e (dark green)
+ const bgColor = mode === 'dark' ? '#1a4d2e' : '#e7f5e9';
return (
- {/* Outer casing with window */}
-
-
- )
- ))}
- {/* Bottom half overlay (spool holders - creates rounded bottom edges) */}
- ();
+ if (status?.ams) {
+ for (const ams of status.ams) {
+ for (const tray of ams.tray || []) {
+ if (tray.tray_info_idx) {
+ ids.add(tray.tray_info_idx);
+ }
+ }
+ }
+ }
+ if (status?.vt_tray?.tray_info_idx) {
+ ids.add(status.vt_tray.tray_info_idx);
+ }
+ return Array.from(ids);
+ }, [status?.ams, status?.vt_tray]);
+
+ // Fetch cloud filament info for tooltips (name includes color, also has K value)
+ const { data: filamentInfo } = useQuery({
+ queryKey: ['filamentInfo', trayInfoIds],
+ queryFn: () => api.getFilamentInfo(trayInfoIds),
+ enabled: trayInfoIds.length > 0,
+ staleTime: 5 * 60 * 1000, // 5 minutes
+ });
+
// Cache WiFi signal to prevent it disappearing on updates
const [cachedWifiSignal, setCachedWifiSignal] = useState(null);
useEffect(() => {
@@ -653,6 +748,19 @@ function PrinterCard({
}, [status?.ams]);
const amsData = (status?.ams && status.ams.length > 0) ? status.ams : cachedAmsData.current;
+ // Cache tray_now to prevent flickering when 255 (unloaded) or undefined values come in
+ // Only update cache when we get a valid tray ID (0-253 or 254 for external)
+ const cachedTrayNow = useRef(255);
+ const currentTrayNow = status?.tray_now;
+ // Update cache synchronously during render if we have a valid value
+ if (currentTrayNow !== undefined && currentTrayNow !== 255) {
+ cachedTrayNow.current = currentTrayNow;
+ }
+ // Use cached value if current is 255/undefined but we had a valid value before
+ const effectiveTrayNow = (currentTrayNow === undefined || currentTrayNow === 255)
+ ? cachedTrayNow.current
+ : currentTrayNow;
+
// Fetch smart plug for this printer
const { data: smartPlug } = useQuery({
queryKey: ['smartPlugByPrinter', printer.id],
@@ -1135,132 +1243,328 @@ function PrinterCard({
);
})()}
- {/* AMS Units with Device Icons, Humidity & Temperature */}
- {amsData && amsData.length > 0 && viewMode === 'expanded' && (
-
-
+
@@ -326,7 +326,7 @@ export function Layout() {
{/* Logo */}
@@ -379,7 +379,7 @@ export function Layout() {
) : (
LinkIcon &&
)}
diff --git a/frontend/src/components/ModelViewerModal.tsx b/frontend/src/components/ModelViewerModal.tsx
index 859cfe248..18c2917c5 100644
--- a/frontend/src/components/ModelViewerModal.tsx
+++ b/frontend/src/components/ModelViewerModal.tsx
@@ -4,6 +4,7 @@ import { ModelViewer } from './ModelViewer';
import { GcodeViewer } from './GcodeViewer';
import { Button } from './Button';
import { api } from '../api/client';
+import { openInSlicer } from '../utils/slicer';
type ViewTab = '3d' | 'gcode';
@@ -55,11 +56,10 @@ export function ModelViewerModal({ archiveId, title, onClose }: ModelViewerModal
}, [archiveId]);
const handleOpenInSlicer = () => {
- // Use bambustudioopen:// protocol like MakerWorld does
// URL must include .3mf filename for Bambu Studio to recognize the format
const filename = title || 'model';
const downloadUrl = `${window.location.origin}${api.getArchiveForSlicer(archiveId, filename)}`;
- window.location.href = `bambustudioopen://${encodeURIComponent(downloadUrl)}`;
+ openInSlicer(downloadUrl);
};
return (
diff --git a/frontend/src/components/ThemeContext.tsx b/frontend/src/components/ThemeContext.tsx
deleted file mode 100644
index a635552e8..000000000
--- a/frontend/src/components/ThemeContext.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { createContext, useContext, useEffect, useState, type ReactNode } from 'react';
-
-type Theme = 'light' | 'dark';
-
-interface ThemeContextType {
- theme: Theme;
- toggleTheme: () => void;
- setTheme: (theme: Theme) => void;
-}
-
-const ThemeContext = createContext
- {amsData.map((ams) => {
- // For dual nozzle printers, determine which nozzle this AMS is connected to
- // Use actual ams.id for map lookup (map uses real IDs: 0-3 for AMS, 128+ for AMS-HT)
- const mappedExtruderId = amsExtruderMap[String(ams.id)];
- // Fallback: normalize ID for conventional mapping (0=R, 1=L)
- const normalizedId = ams.id >= 128 ? ams.id - 128 : ams.id;
- const extruderId = mappedExtruderId !== undefined
- ? mappedExtruderId
- : normalizedId; // Fallback: AMS 0 → extruder 0 (R), AMS 1 → extruder 1 (L)
- // Use printer.nozzle_count as primary source (stable), fallback to nozzle_2 temp
- const isDualNozzle = printer.nozzle_count === 2 || status?.temperatures?.nozzle_2 !== undefined;
- // extruder 0 = Right, extruder 1 = Left
- const isLeftNozzle = extruderId === 1;
- const isRightNozzle = extruderId === 0;
+ {/* AMS Units - 2-Column Grid Layout */}
+ {amsData && amsData.length > 0 && viewMode === 'expanded' && (() => {
+ // Separate regular AMS (4-tray) from HT AMS (1-tray)
+ const regularAms = amsData.filter(ams => ams.tray.length > 1);
+ const htAms = amsData.filter(ams => ams.tray.length === 1);
+ const isDualNozzle = printer.nozzle_count === 2 || status?.temperatures?.nozzle_2 !== undefined;
- // Get colors for the AMS icon (null for empty slots)
- const slotColors = ams.tray.map(tray =>
- tray.tray_color ? `#${tray.tray_color}` : (tray.tray_type ? '#333' : null)
- );
- const isHtAms = ams.tray.length === 1;
+ return (
+
+ {/* Section Header */}
+
+
+ Filaments
+
+
+
- return (
-
-
r[i]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))r(i);new MutationObserver(i=>{for(const a of i)if(a.type==="childList")for(const s of a.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&r(s)}).observe(document,{childList:!0,subtree:!0});function n(i){const a={};return i.integrity&&(a.integrity=i.integrity),i.referrerPolicy&&(a.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?a.credentials="include":i.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function r(i){if(i.ep)return;i.ep=!0;const a=n(i);fetch(i.href,a)}})();var vv=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function go(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var kT={exports:{}},ux={};var gF;function Hre(){if(gF)return ux;gF=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function n(r,i,a){var s=null;if(a!==void 0&&(s=""+a),i.key!==void 0&&(s=""+i.key),"key"in i){a={};for(var o in i)o!=="key"&&(a[o]=i[o])}else a=i;return i=a.ref,{$$typeof:t,type:r,key:s,ref:i!==void 0?i:null,props:a}}return ux.Fragment=e,ux.jsx=n,ux.jsxs=n,ux}var xF;function $re(){return xF||(xF=1,kT.exports=Hre()),kT.exports}var l=$re(),PT={exports:{}},Jt={};var bF;function Vre(){if(bF)return Jt;bF=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.consumer"),s=Symbol.for("react.context"),o=Symbol.for("react.forward_ref"),c=Symbol.for("react.suspense"),u=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),f=Symbol.for("react.activity"),g=Symbol.iterator;function p(B){return B===null||typeof B!="object"?null:(B=g&&B[g]||B["@@iterator"],typeof B=="function"?B:null)}var x={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},v=Object.assign,y={};function b(B,$,Z){this.props=B,this.context=$,this.refs=y,this.updater=Z||x}b.prototype.isReactComponent={},b.prototype.setState=function(B,$){if(typeof B!="object"&&typeof B!="function"&&B!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,B,$,"setState")},b.prototype.forceUpdate=function(B){this.updater.enqueueForceUpdate(this,B,"forceUpdate")};function E(){}E.prototype=b.prototype;function w(B,$,Z){this.props=B,this.context=$,this.refs=y,this.updater=Z||x}var T=w.prototype=new E;T.constructor=w,v(T,b.prototype),T.isPureReactComponent=!0;var A=Array.isArray;function C(){}var N={H:null,A:null,T:null,S:null},F=Object.prototype.hasOwnProperty;function k(B,$,Z){var te=Z.ref;return{$$typeof:t,type:B,key:$,ref:te!==void 0?te:null,props:Z}}function R(B,$){return k(B.type,$,B.props)}function I(B){return typeof B=="object"&&B!==null&&B.$$typeof===t}function L(B){var $={"=":"=0",":":"=2"};return"$"+B.replace(/[=:]/g,function(Z){return $[Z]})}var q=/\/+/g;function j(B,$){return typeof B=="object"&&B!==null&&B.key!=null?L(""+B.key):$.toString(36)}function V(B){switch(B.status){case"fulfilled":return B.value;case"rejected":throw B.reason;default:switch(typeof B.status=="string"?B.then(C,C):(B.status="pending",B.then(function($){B.status==="pending"&&(B.status="fulfilled",B.value=$)},function($){B.status==="pending"&&(B.status="rejected",B.reason=$)})),B.status){case"fulfilled":return B.value;case"rejected":throw B.reason}}throw B}function K(B,$,Z,te,he){var de=typeof B;(de==="undefined"||de==="boolean")&&(B=null);var ge=!1;if(B===null)ge=!0;else switch(de){case"bigint":case"string":case"number":ge=!0;break;case"object":switch(B.$$typeof){case t:case e:ge=!0;break;case d:return ge=B._init,K(ge(B._payload),$,Z,te,he)}}if(ge)return he=he(B),ge=te===""?"."+j(B,0):te,A(he)?(Z="",ge!=null&&(Z=ge.replace(q,"$&/")+"/"),K(he,$,Z,"",function(ce){return ce})):he!=null&&(I(he)&&(he=R(he,Z+(he.key==null||B&&B.key===he.key?"":(""+he.key).replace(q,"$&/")+"/")+ge)),$.push(he)),1;ge=0;var Ae=te===""?".":te+":";if(A(B))for(var me=0;me>>1,Q=K[ee];if(0>>1;eei(Z,J))tei(he,Z)?(K[ee]=he,K[te]=J,ee=te):(K[ee]=Z,K[$]=J,ee=$);else if(tei(he,J))K[ee]=he,K[te]=J,ee=te;else break e}}return G}function i(K,G){var J=K.sortIndex-G.sortIndex;return J!==0?J:K.id-G.id}if(t.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var a=performance;t.unstable_now=function(){return a.now()}}else{var s=Date,o=s.now();t.unstable_now=function(){return s.now()-o}}var c=[],u=[],d=1,f=null,g=3,p=!1,x=!1,v=!1,y=!1,b=typeof setTimeout=="function"?setTimeout:null,E=typeof clearTimeout=="function"?clearTimeout:null,w=typeof setImmediate<"u"?setImmediate:null;function T(K){for(var G=n(u);G!==null;){if(G.callback===null)r(u);else if(G.startTime<=K)r(u),G.sortIndex=G.expirationTime,e(c,G);else break;G=n(u)}}function A(K){if(v=!1,T(K),!x)if(n(c)!==null)x=!0,C||(C=!0,L());else{var G=n(u);G!==null&&V(A,G.startTime-K)}}var C=!1,N=-1,F=5,k=-1;function R(){return y?!0:!(t.unstable_now()-kK&&R());){var ee=f.callback;if(typeof ee=="function"){f.callback=null,g=f.priorityLevel;var Q=ee(f.expirationTime<=K);if(K=t.unstable_now(),typeof Q=="function"){f.callback=Q,T(K),G=!0;break t}f===n(c)&&r(c),T(K)}else r(c);f=n(c)}if(f!==null)G=!0;else{var B=n(u);B!==null&&V(A,B.startTime-K),G=!1}}break e}finally{f=null,g=J,p=!1}G=void 0}}finally{G?L():C=!1}}}var L;if(typeof w=="function")L=function(){w(I)};else if(typeof MessageChannel<"u"){var q=new MessageChannel,j=q.port2;q.port1.onmessage=I,L=function(){j.postMessage(null)}}else L=function(){b(I,0)};function V(K,G){N=b(function(){K(t.unstable_now())},G)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(K){K.callback=null},t.unstable_forceFrameRate=function(K){0>K||125ee?(K.sortIndex=J,e(u,K),n(c)===null&&K===n(u)&&(v?(E(N),N=-1):v=!0,V(A,J-ee))):(K.sortIndex=Q,e(c,K),x||p||(x=!0,C||(C=!0,L()))),K},t.unstable_shouldYield=R,t.unstable_wrapCallback=function(K){var G=g;return function(){var J=g;g=G;try{return K.apply(this,arguments)}finally{g=J}}}})(DT)),DT}var _F;function qre(){return _F||(_F=1,RT.exports=Wre()),RT.exports}var OT={exports:{}},oa={};var wF;function Kre(){if(wF)return oa;wF=1;var t=Zp();function e(c){var u="https://react.dev/errors/"+c;if(1"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(t)}catch(e){console.error(e)}}return t(),OT.exports=Kre(),OT.exports}var MF;function Xre(){if(MF)return dx;MF=1;var t=qre(),e=Zp(),n=I9();function r(h){var m="https://react.dev/errors/"+h;if(1Q||(h.current=ee[Q],ee[Q]=null,Q--)}function Z(h,m){Q++,ee[Q]=h.current,h.current=m}var te=B(null),he=B(null),de=B(null),ge=B(null);function Ae(h,m){switch(Z(de,m),Z(he,h),Z(te,null),m.nodeType){case 9:case 11:h=(h=m.documentElement)&&(h=h.namespaceURI)?U5(h):0;break;default:if(h=m.tagName,m=m.namespaceURI)m=U5(m),h=z5(m,h);else switch(h){case"svg":h=1;break;case"math":h=2;break;default:h=0}}$(te),Z(te,h)}function me(){$(te),$(he),$(de)}function ce(h){h.memoizedState!==null&&Z(ge,h);var m=te.current,_=z5(m,h.type);m!==_&&(Z(he,h),Z(te,_))}function Pe(h){he.current===h&&($(te),$(he)),ge.current===h&&($(ge),sx._currentValue=J)}var oe,Le;function z(h){if(oe===void 0)try{throw Error()}catch(_){var m=_.stack.trim().match(/\n( *(at )?)/);oe=m&&m[1]||"",Le=-1<_.stack.indexOf(`
+function Zre(t,e){for(var n=0;nr[i]})}}}return Object.freeze(Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}))}(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))r(i);new MutationObserver(i=>{for(const a of i)if(a.type==="childList")for(const s of a.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&r(s)}).observe(document,{childList:!0,subtree:!0});function n(i){const a={};return i.integrity&&(a.integrity=i.integrity),i.referrerPolicy&&(a.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?a.credentials="include":i.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function r(i){if(i.ep)return;i.ep=!0;const a=n(i);fetch(i.href,a)}})();var wv=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function bo(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var jT={exports:{}},fx={};var SF;function Qre(){if(SF)return fx;SF=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function n(r,i,a){var s=null;if(a!==void 0&&(s=""+a),i.key!==void 0&&(s=""+i.key),"key"in i){a={};for(var l in i)l!=="key"&&(a[l]=i[l])}else a=i;return i=a.ref,{$$typeof:t,type:r,key:s,ref:i!==void 0?i:null,props:a}}return fx.Fragment=e,fx.jsx=n,fx.jsxs=n,fx}var MF;function Jre(){return MF||(MF=1,jT.exports=Qre()),jT.exports}var o=Jre(),RT={exports:{}},tn={};var EF;function eie(){if(EF)return tn;EF=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.consumer"),s=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),c=Symbol.for("react.suspense"),u=Symbol.for("react.memo"),d=Symbol.for("react.lazy"),f=Symbol.for("react.activity"),g=Symbol.iterator;function p(B){return B===null||typeof B!="object"?null:(B=g&&B[g]||B["@@iterator"],typeof B=="function"?B:null)}var x={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},v=Object.assign,y={};function b(B,G,Q){this.props=B,this.context=G,this.refs=y,this.updater=Q||x}b.prototype.isReactComponent={},b.prototype.setState=function(B,G){if(typeof B!="object"&&typeof B!="function"&&B!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,B,G,"setState")},b.prototype.forceUpdate=function(B){this.updater.enqueueForceUpdate(this,B,"forceUpdate")};function E(){}E.prototype=b.prototype;function w(B,G,Q){this.props=B,this.context=G,this.refs=y,this.updater=Q||x}var T=w.prototype=new E;T.constructor=w,v(T,b.prototype),T.isPureReactComponent=!0;var A=Array.isArray;function C(){}var N={H:null,A:null,T:null,S:null},F=Object.prototype.hasOwnProperty;function k(B,G,Q){var te=Q.ref;return{$$typeof:t,type:B,key:G,ref:te!==void 0?te:null,props:Q}}function R(B,G){return k(B.type,G,B.props)}function I(B){return typeof B=="object"&&B!==null&&B.$$typeof===t}function L(B){var G={"=":"=0",":":"=2"};return"$"+B.replace(/[=:]/g,function(Q){return G[Q]})}var q=/\/+/g;function j(B,G){return typeof B=="object"&&B!==null&&B.key!=null?L(""+B.key):G.toString(36)}function V(B){switch(B.status){case"fulfilled":return B.value;case"rejected":throw B.reason;default:switch(typeof B.status=="string"?B.then(C,C):(B.status="pending",B.then(function(G){B.status==="pending"&&(B.status="fulfilled",B.value=G)},function(G){B.status==="pending"&&(B.status="rejected",B.reason=G)})),B.status){case"fulfilled":return B.value;case"rejected":throw B.reason}}throw B}function K(B,G,Q,te,he){var oe=typeof B;(oe==="undefined"||oe==="boolean")&&(B=null);var xe=!1;if(B===null)xe=!0;else switch(oe){case"bigint":case"string":case"number":xe=!0;break;case"object":switch(B.$$typeof){case t:case e:xe=!0;break;case d:return xe=B._init,K(xe(B._payload),G,Q,te,he)}}if(xe)return he=he(B),xe=te===""?"."+j(B,0):te,A(he)?(Q="",xe!=null&&(Q=xe.replace(q,"$&/")+"/"),K(he,G,Q,"",function(ce){return ce})):he!=null&&(I(he)&&(he=R(he,Q+(he.key==null||B&&B.key===he.key?"":(""+he.key).replace(q,"$&/")+"/")+xe)),G.push(he)),1;xe=0;var Te=te===""?".":te+":";if(A(B))for(var me=0;me>>1,Z=K[ee];if(0>>1;eei(Q,J))tei(he,Q)?(K[ee]=he,K[te]=J,ee=te):(K[ee]=Q,K[G]=J,ee=G);else if(tei(he,J))K[ee]=he,K[te]=J,ee=te;else break e}}return W}function i(K,W){var J=K.sortIndex-W.sortIndex;return J!==0?J:K.id-W.id}if(t.unstable_now=void 0,typeof performance=="object"&&typeof performance.now=="function"){var a=performance;t.unstable_now=function(){return a.now()}}else{var s=Date,l=s.now();t.unstable_now=function(){return s.now()-l}}var c=[],u=[],d=1,f=null,g=3,p=!1,x=!1,v=!1,y=!1,b=typeof setTimeout=="function"?setTimeout:null,E=typeof clearTimeout=="function"?clearTimeout:null,w=typeof setImmediate<"u"?setImmediate:null;function T(K){for(var W=n(u);W!==null;){if(W.callback===null)r(u);else if(W.startTime<=K)r(u),W.sortIndex=W.expirationTime,e(c,W);else break;W=n(u)}}function A(K){if(v=!1,T(K),!x)if(n(c)!==null)x=!0,C||(C=!0,L());else{var W=n(u);W!==null&&V(A,W.startTime-K)}}var C=!1,N=-1,F=5,k=-1;function R(){return y?!0:!(t.unstable_now()-kK&&R());){var ee=f.callback;if(typeof ee=="function"){f.callback=null,g=f.priorityLevel;var Z=ee(f.expirationTime<=K);if(K=t.unstable_now(),typeof Z=="function"){f.callback=Z,T(K),W=!0;break t}f===n(c)&&r(c),T(K)}else r(c);f=n(c)}if(f!==null)W=!0;else{var B=n(u);B!==null&&V(A,B.startTime-K),W=!1}}break e}finally{f=null,g=J,p=!1}W=void 0}}finally{W?L():C=!1}}}var L;if(typeof w=="function")L=function(){w(I)};else if(typeof MessageChannel<"u"){var q=new MessageChannel,j=q.port2;q.port1.onmessage=I,L=function(){j.postMessage(null)}}else L=function(){b(I,0)};function V(K,W){N=b(function(){K(t.unstable_now())},W)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(K){K.callback=null},t.unstable_forceFrameRate=function(K){0>K||125ee?(K.sortIndex=J,e(u,K),n(c)===null&&K===n(u)&&(v?(E(N),N=-1):v=!0,V(A,J-ee))):(K.sortIndex=Z,e(c,K),x||p||(x=!0,C||(C=!0,L()))),K},t.unstable_shouldYield=R,t.unstable_wrapCallback=function(K){var W=g;return function(){var J=g;g=W;try{return K.apply(this,arguments)}finally{g=J}}}})(LT)),LT}var NF;function rie(){return NF||(NF=1,OT.exports=nie()),OT.exports}var IT={exports:{}},ca={};var CF;function iie(){if(CF)return ca;CF=1;var t=Jp();function e(c){var u="https://react.dev/errors/"+c;if(1"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(t)}catch(e){console.error(e)}}return t(),IT.exports=iie(),IT.exports}var PF;function aie(){if(PF)return mx;PF=1;var t=rie(),e=Jp(),n=X9();function r(h){var m="https://react.dev/errors/"+h;if(1Z||(h.current=ee[Z],ee[Z]=null,Z--)}function Q(h,m){Z++,ee[Z]=h.current,h.current=m}var te=B(null),he=B(null),oe=B(null),xe=B(null);function Te(h,m){switch(Q(oe,m),Q(he,h),Q(te,null),m.nodeType){case 9:case 11:h=(h=m.documentElement)&&(h=h.namespaceURI)?W5(h):0;break;default:if(h=m.tagName,m=m.namespaceURI)m=W5(m),h=q5(m,h);else switch(h){case"svg":h=1;break;case"math":h=2;break;default:h=0}}G(te),Q(te,h)}function me(){G(te),G(he),G(oe)}function ce(h){h.memoizedState!==null&&Q(xe,h);var m=te.current,_=q5(m,h.type);m!==_&&(Q(he,h),Q(te,_))}function Ce(h){he.current===h&&(G(te),G(he)),xe.current===h&&(G(xe),cx._currentValue=J)}var fe,Ie;function z(h){if(fe===void 0)try{throw Error()}catch(_){var m=_.stack.trim().match(/\n( *(at )?)/);fe=m&&m[1]||"",Ie=-1<_.stack.indexOf(`
at`)?" ()":-1<_.stack.indexOf("@")?"@unknown:0:0":""}return`
-`+oe+h+Le}var H=!1;function ne(h,m){if(!h||H)return"";H=!0;var _=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var S={DetermineComponentFrameRoot:function(){try{if(m){var ft=function(){throw Error()};if(Object.defineProperty(ft.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(ft,[])}catch(st){var Qe=st}Reflect.construct(h,[],ft)}else{try{ft.call()}catch(st){Qe=st}h.call(ft.prototype)}}else{try{throw Error()}catch(st){Qe=st}(ft=h())&&typeof ft.catch=="function"&&ft.catch(function(){})}}catch(st){if(st&&Qe&&typeof st.stack=="string")return[st.stack,Qe.stack]}return[null,null]}};S.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var P=Object.getOwnPropertyDescriptor(S.DetermineComponentFrameRoot,"name");P&&P.configurable&&Object.defineProperty(S.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var D=S.DetermineComponentFrameRoot(),X=D[0],le=D[1];if(X&&le){var Ce=X.split(`
-`),Ye=le.split(`
-`);for(P=S=0;SP||Ce[S]!==Ye[P]){var ct=`
-`+Ce[S].replace(" at new "," at ");return h.displayName&&ct.includes("")&&(ct=ct.replace("",h.displayName)),ct}while(1<=S&&0<=P);break}}}finally{H=!1,Error.prepareStackTrace=_}return(_=h?h.displayName||h.name:"")?z(_):""}function W(h,m){switch(h.tag){case 26:case 27:case 5:return z(h.type);case 16:return z("Lazy");case 13:return h.child!==m&&m!==null?z("Suspense Fallback"):z("Suspense");case 19:return z("SuspenseList");case 0:case 15:return ne(h.type,!1);case 11:return ne(h.type.render,!1);case 1:return ne(h.type,!0);case 31:return z("Activity");default:return""}}function Y(h){try{var m="",_=null;do m+=W(h,_),_=h,h=h.return;while(h);return m}catch(S){return`
+`+fe+h+Ie}var H=!1;function re(h,m){if(!h||H)return"";H=!0;var _=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var S={DetermineComponentFrameRoot:function(){try{if(m){var ft=function(){throw Error()};if(Object.defineProperty(ft.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(ft,[])}catch(st){var tt=st}Reflect.construct(h,[],ft)}else{try{ft.call()}catch(st){tt=st}h.call(ft.prototype)}}else{try{throw Error()}catch(st){tt=st}(ft=h())&&typeof ft.catch=="function"&&ft.catch(function(){})}}catch(st){if(st&&tt&&typeof st.stack=="string")return[st.stack,tt.stack]}return[null,null]}};S.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var P=Object.getOwnPropertyDescriptor(S.DetermineComponentFrameRoot,"name");P&&P.configurable&&Object.defineProperty(S.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var D=S.DetermineComponentFrameRoot(),X=D[0],le=D[1];if(X&&le){var Ne=X.split(`
+`),Je=le.split(`
+`);for(P=S=0;SP||Ne[S]!==Je[P]){var ut=`
+`+Ne[S].replace(" at new "," at ");return h.displayName&&ut.includes("")&&(ut=ut.replace("",h.displayName)),ut}while(1<=S&&0<=P);break}}}finally{H=!1,Error.prepareStackTrace=_}return(_=h?h.displayName||h.name:"")?z(_):""}function $(h,m){switch(h.tag){case 26:case 27:case 5:return z(h.type);case 16:return z("Lazy");case 13:return h.child!==m&&m!==null?z("Suspense Fallback"):z("Suspense");case 19:return z("SuspenseList");case 0:case 15:return re(h.type,!1);case 11:return re(h.type.render,!1);case 1:return re(h.type,!0);case 31:return z("Activity");default:return""}}function Y(h){try{var m="",_=null;do m+=$(h,_),_=h,h=h.return;while(h);return m}catch(S){return`
Error generating stack: `+S.message+`
-`+S.stack}}var se=Object.prototype.hasOwnProperty,be=t.unstable_scheduleCallback,Te=t.unstable_cancelCallback,Me=t.unstable_shouldYield,U=t.unstable_requestPaint,O=t.unstable_now,re=t.unstable_getCurrentPriorityLevel,ve=t.unstable_ImmediatePriority,we=t.unstable_UserBlockingPriority,ye=t.unstable_NormalPriority,rt=t.unstable_LowPriority,Ve=t.unstable_IdlePriority,tt=t.log,ut=t.unstable_setDisableYieldValue,ue=null,ae=null;function $e(h){if(typeof tt=="function"&&ut(h),ae&&typeof ae.setStrictMode=="function")try{ae.setStrictMode(ue,h)}catch{}}var Ue=Math.clz32?Math.clz32:fe,Ze=Math.log,dt=Math.LN2;function fe(h){return h>>>=0,h===0?32:31-(Ze(h)/dt|0)|0}var Je=256,xe=262144,ze=4194304;function Re(h){var m=h&42;if(m!==0)return m;switch(h&-h){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return h&261888;case 262144:case 524288:case 1048576:case 2097152:return h&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return h&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return h}}function _e(h,m,_){var S=h.pendingLanes;if(S===0)return 0;var P=0,D=h.suspendedLanes,X=h.pingedLanes;h=h.warmLanes;var le=S&134217727;return le!==0?(S=le&~D,S!==0?P=Re(S):(X&=le,X!==0?P=Re(X):_||(_=le&~h,_!==0&&(P=Re(_))))):(le=S&~D,le!==0?P=Re(le):X!==0?P=Re(X):_||(_=S&~h,_!==0&&(P=Re(_)))),P===0?0:m!==0&&m!==P&&(m&D)===0&&(D=P&-P,_=m&-m,D>=_||D===32&&(_&4194048)!==0)?m:P}function qe(h,m){return(h.pendingLanes&~(h.suspendedLanes&~h.pingedLanes)&m)===0}function lt(h,m){switch(h){case 1:case 2:case 4:case 8:case 64:return m+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return m+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Se(){var h=ze;return ze<<=1,(ze&62914560)===0&&(ze=4194304),h}function bt(h){for(var m=[],_=0;31>_;_++)m.push(h);return m}function Gt(h,m){h.pendingLanes|=m,m!==268435456&&(h.suspendedLanes=0,h.pingedLanes=0,h.warmLanes=0)}function kt(h,m,_,S,P,D){var X=h.pendingLanes;h.pendingLanes=_,h.suspendedLanes=0,h.pingedLanes=0,h.warmLanes=0,h.expiredLanes&=_,h.entangledLanes&=_,h.errorRecoveryDisabledLanes&=_,h.shellSuspendCounter=0;var le=h.entanglements,Ce=h.expirationTimes,Ye=h.hiddenUpdates;for(_=X&~_;0<_;){var ct=31-Ue(_),ft=1<"u")return null;try{return h.activeElement||h.body}catch{return h.body}}var Br=/[\n"\\]/g;function Ln(h){return h.replace(Br,function(m){return"\\"+m.charCodeAt(0).toString(16)+" "})}function yo(h,m,_,S,P,D,X,le){h.name="",X!=null&&typeof X!="function"&&typeof X!="symbol"&&typeof X!="boolean"?h.type=X:h.removeAttribute("type"),m!=null?X==="number"?(m===0&&h.value===""||h.value!=m)&&(h.value=""+fn(m)):h.value!==""+fn(m)&&(h.value=""+fn(m)):X!=="submit"&&X!=="reset"||h.removeAttribute("value"),m!=null?Ti(h,X,fn(m)):_!=null?Ti(h,X,fn(_)):S!=null&&h.removeAttribute("value"),P==null&&D!=null&&(h.defaultChecked=!!D),P!=null&&(h.checked=P&&typeof P!="function"&&typeof P!="symbol"),le!=null&&typeof le!="function"&&typeof le!="symbol"&&typeof le!="boolean"?h.name=""+fn(le):h.removeAttribute("name")}function Fn(h,m,_,S,P,D,X,le){if(D!=null&&typeof D!="function"&&typeof D!="symbol"&&typeof D!="boolean"&&(h.type=D),m!=null||_!=null){if(!(D!=="submit"&&D!=="reset"||m!=null)){Qt(h);return}_=_!=null?""+fn(_):"",m=m!=null?""+fn(m):_,le||m===h.value||(h.value=m),h.defaultValue=m}S=S??P,S=typeof S!="function"&&typeof S!="symbol"&&!!S,h.checked=le?h.checked:!!S,h.defaultChecked=!!S,X!=null&&typeof X!="function"&&typeof X!="symbol"&&typeof X!="boolean"&&(h.name=X),Qt(h)}function Ti(h,m,_){m==="number"&&Pr(h.ownerDocument)===h||h.defaultValue===""+_||(h.defaultValue=""+_)}function ci(h,m,_,S){if(h=h.options,m){m={};for(var P=0;P<_.length;P++)m["$"+_[P]]=!0;for(_=0;_"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),kE=!1;if(Ll)try{var Mg={};Object.defineProperty(Mg,"passive",{get:function(){kE=!0}}),window.addEventListener("test",Mg,Mg),window.removeEventListener("test",Mg,Mg)}catch{kE=!1}var tu=null,PE=null,hy=null;function zL(){if(hy)return hy;var h,m=PE,_=m.length,S,P="value"in tu?tu.value:tu.textContent,D=P.length;for(h=0;h<_&&m[h]===P[h];h++);var X=_-h;for(S=1;S<=X&&m[_-S]===P[D-S];S++);return hy=P.slice(h,1=Ag),WL=" ",qL=!1;function KL(h,m){switch(h){case"keyup":return cne.indexOf(m.keyCode)!==-1;case"keydown":return m.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function XL(h){return h=h.detail,typeof h=="object"&&"data"in h?h.data:null}var Af=!1;function dne(h,m){switch(h){case"compositionend":return XL(m);case"keypress":return m.which!==32?null:(qL=!0,WL);case"textInput":return h=m.data,h===WL&&qL?null:h;default:return null}}function hne(h,m){if(Af)return h==="compositionend"||!LE&&KL(h,m)?(h=zL(),hy=PE=tu=null,Af=!1,h):null;switch(h){case"paste":return null;case"keypress":if(!(m.ctrlKey||m.altKey||m.metaKey)||m.ctrlKey&&m.altKey){if(m.char&&1=m)return{node:_,offset:m-h};h=S}e:{for(;_;){if(_.nextSibling){_=_.nextSibling;break e}_=_.parentNode}_=void 0}_=r4(_)}}function a4(h,m){return h&&m?h===m?!0:h&&h.nodeType===3?!1:m&&m.nodeType===3?a4(h,m.parentNode):"contains"in h?h.contains(m):h.compareDocumentPosition?!!(h.compareDocumentPosition(m)&16):!1:!1}function s4(h){h=h!=null&&h.ownerDocument!=null&&h.ownerDocument.defaultView!=null?h.ownerDocument.defaultView:window;for(var m=Pr(h.document);m instanceof h.HTMLIFrameElement;){try{var _=typeof m.contentWindow.location.href=="string"}catch{_=!1}if(_)h=m.contentWindow;else break;m=Pr(h.document)}return m}function UE(h){var m=h&&h.nodeName&&h.nodeName.toLowerCase();return m&&(m==="input"&&(h.type==="text"||h.type==="search"||h.type==="tel"||h.type==="url"||h.type==="password")||m==="textarea"||h.contentEditable==="true")}var vne=Ll&&"documentMode"in document&&11>=document.documentMode,Nf=null,zE=null,Pg=null,BE=!1;function o4(h,m,_){var S=_.window===_?_.document:_.nodeType===9?_:_.ownerDocument;BE||Nf==null||Nf!==Pr(S)||(S=Nf,"selectionStart"in S&&UE(S)?S={start:S.selectionStart,end:S.selectionEnd}:(S=(S.ownerDocument&&S.ownerDocument.defaultView||window).getSelection(),S={anchorNode:S.anchorNode,anchorOffset:S.anchorOffset,focusNode:S.focusNode,focusOffset:S.focusOffset}),Pg&&kg(Pg,S)||(Pg=S,S=av(zE,"onSelect"),0>=X,P-=X,Ko=1<<32-Ue(m)+P|_<rn?(_n=It,It=null):_n=It.sibling;var kn=Qe(He,It,Xe[rn],ht);if(kn===null){It===null&&(It=_n);break}h&&It&&kn.alternate===null&&m(He,It),De=D(kn,De,rn),Cn===null?zt=kn:Cn.sibling=kn,Cn=kn,It=_n}if(rn===Xe.length)return _(He,It),Mn&&Fl(He,rn),zt;if(It===null){for(;rnrn?(_n=It,It=null):_n=It.sibling;var Su=Qe(He,It,kn.value,ht);if(Su===null){It===null&&(It=_n);break}h&&It&&Su.alternate===null&&m(He,It),De=D(Su,De,rn),Cn===null?zt=Su:Cn.sibling=Su,Cn=Su,It=_n}if(kn.done)return _(He,It),Mn&&Fl(He,rn),zt;if(It===null){for(;!kn.done;rn++,kn=Xe.next())kn=ft(He,kn.value,ht),kn!==null&&(De=D(kn,De,rn),Cn===null?zt=kn:Cn.sibling=kn,Cn=kn);return Mn&&Fl(He,rn),zt}for(It=S(It);!kn.done;rn++,kn=Xe.next())kn=st(It,He,rn,kn.value,ht),kn!==null&&(h&&kn.alternate!==null&&It.delete(kn.key===null?rn:kn.key),De=D(kn,De,rn),Cn===null?zt=kn:Cn.sibling=kn,Cn=kn);return h&&It.forEach(function(zre){return m(He,zre)}),Mn&&Fl(He,rn),zt}function Kn(He,De,Xe,ht){if(typeof Xe=="object"&&Xe!==null&&Xe.type===v&&Xe.key===null&&(Xe=Xe.props.children),typeof Xe=="object"&&Xe!==null){switch(Xe.$$typeof){case p:e:{for(var zt=Xe.key;De!==null;){if(De.key===zt){if(zt=Xe.type,zt===v){if(De.tag===7){_(He,De.sibling),ht=P(De,Xe.props.children),ht.return=He,He=ht;break e}}else if(De.elementType===zt||typeof zt=="object"&&zt!==null&&zt.$$typeof===F&&Gd(zt)===De.type){_(He,De.sibling),ht=P(De,Xe.props),Ig(ht,Xe),ht.return=He,He=ht;break e}_(He,De);break}else m(He,De);De=De.sibling}Xe.type===v?(ht=zd(Xe.props.children,He.mode,ht,Xe.key),ht.return=He,He=ht):(ht=wy(Xe.type,Xe.key,Xe.props,null,He.mode,ht),Ig(ht,Xe),ht.return=He,He=ht)}return X(He);case x:e:{for(zt=Xe.key;De!==null;){if(De.key===zt)if(De.tag===4&&De.stateNode.containerInfo===Xe.containerInfo&&De.stateNode.implementation===Xe.implementation){_(He,De.sibling),ht=P(De,Xe.children||[]),ht.return=He,He=ht;break e}else{_(He,De);break}else m(He,De);De=De.sibling}ht=KE(Xe,He.mode,ht),ht.return=He,He=ht}return X(He);case F:return Xe=Gd(Xe),Kn(He,De,Xe,ht)}if(V(Xe))return Ot(He,De,Xe,ht);if(L(Xe)){if(zt=L(Xe),typeof zt!="function")throw Error(r(150));return Xe=zt.call(Xe),Wt(He,De,Xe,ht)}if(typeof Xe.then=="function")return Kn(He,De,Cy(Xe),ht);if(Xe.$$typeof===w)return Kn(He,De,Ey(He,Xe),ht);ky(He,Xe)}return typeof Xe=="string"&&Xe!==""||typeof Xe=="number"||typeof Xe=="bigint"?(Xe=""+Xe,De!==null&&De.tag===6?(_(He,De.sibling),ht=P(De,Xe),ht.return=He,He=ht):(_(He,De),ht=qE(Xe,He.mode,ht),ht.return=He,He=ht),X(He)):_(He,De)}return function(He,De,Xe,ht){try{Lg=0;var zt=Kn(He,De,Xe,ht);return Uf=null,zt}catch(It){if(It===Ff||It===Ay)throw It;var Cn=cs(29,It,null,He.mode);return Cn.lanes=ht,Cn.return=He,Cn}finally{}}}var qd=k4(!0),P4=k4(!1),su=!1;function s2(h){h.updateQueue={baseState:h.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function o2(h,m){h=h.updateQueue,m.updateQueue===h&&(m.updateQueue={baseState:h.baseState,firstBaseUpdate:h.firstBaseUpdate,lastBaseUpdate:h.lastBaseUpdate,shared:h.shared,callbacks:null})}function ou(h){return{lane:h,tag:0,payload:null,callback:null,next:null}}function lu(h,m,_){var S=h.updateQueue;if(S===null)return null;if(S=S.shared,(Dn&2)!==0){var P=S.pending;return P===null?m.next=m:(m.next=P.next,P.next=m),S.pending=m,m=_y(h),m4(h,null,_),m}return vy(h,S,m,_),_y(h)}function Fg(h,m,_){if(m=m.updateQueue,m!==null&&(m=m.shared,(_&4194048)!==0)){var S=m.lanes;S&=h.pendingLanes,_|=S,m.lanes=_,Nn(h,_)}}function l2(h,m){var _=h.updateQueue,S=h.alternate;if(S!==null&&(S=S.updateQueue,_===S)){var P=null,D=null;if(_=_.firstBaseUpdate,_!==null){do{var X={lane:_.lane,tag:_.tag,payload:_.payload,callback:null,next:null};D===null?P=D=X:D=D.next=X,_=_.next}while(_!==null);D===null?P=D=m:D=D.next=m}else P=D=m;_={baseState:S.baseState,firstBaseUpdate:P,lastBaseUpdate:D,shared:S.shared,callbacks:S.callbacks},h.updateQueue=_;return}h=_.lastBaseUpdate,h===null?_.firstBaseUpdate=m:h.next=m,_.lastBaseUpdate=m}var c2=!1;function Ug(){if(c2){var h=If;if(h!==null)throw h}}function zg(h,m,_,S){c2=!1;var P=h.updateQueue;su=!1;var D=P.firstBaseUpdate,X=P.lastBaseUpdate,le=P.shared.pending;if(le!==null){P.shared.pending=null;var Ce=le,Ye=Ce.next;Ce.next=null,X===null?D=Ye:X.next=Ye,X=Ce;var ct=h.alternate;ct!==null&&(ct=ct.updateQueue,le=ct.lastBaseUpdate,le!==X&&(le===null?ct.firstBaseUpdate=Ye:le.next=Ye,ct.lastBaseUpdate=Ce))}if(D!==null){var ft=P.baseState;X=0,ct=Ye=Ce=null,le=D;do{var Qe=le.lane&-536870913,st=Qe!==le.lane;if(st?(vn&Qe)===Qe:(S&Qe)===Qe){Qe!==0&&Qe===Lf&&(c2=!0),ct!==null&&(ct=ct.next={lane:0,tag:le.tag,payload:le.payload,callback:null,next:null});e:{var Ot=h,Wt=le;Qe=m;var Kn=_;switch(Wt.tag){case 1:if(Ot=Wt.payload,typeof Ot=="function"){ft=Ot.call(Kn,ft,Qe);break e}ft=Ot;break e;case 3:Ot.flags=Ot.flags&-65537|128;case 0:if(Ot=Wt.payload,Qe=typeof Ot=="function"?Ot.call(Kn,ft,Qe):Ot,Qe==null)break e;ft=f({},ft,Qe);break e;case 2:su=!0}}Qe=le.callback,Qe!==null&&(h.flags|=64,st&&(h.flags|=8192),st=P.callbacks,st===null?P.callbacks=[Qe]:st.push(Qe))}else st={lane:Qe,tag:le.tag,payload:le.payload,callback:le.callback,next:null},ct===null?(Ye=ct=st,Ce=ft):ct=ct.next=st,X|=Qe;if(le=le.next,le===null){if(le=P.shared.pending,le===null)break;st=le,le=st.next,st.next=null,P.lastBaseUpdate=st,P.shared.pending=null}}while(!0);ct===null&&(Ce=ft),P.baseState=Ce,P.firstBaseUpdate=Ye,P.lastBaseUpdate=ct,D===null&&(P.shared.lanes=0),fu|=X,h.lanes=X,h.memoizedState=ft}}function j4(h,m){if(typeof h!="function")throw Error(r(191,h));h.call(m)}function R4(h,m){var _=h.callbacks;if(_!==null)for(h.callbacks=null,h=0;h<_.length;h++)j4(_[h],m)}var zf=B(null),Py=B(0);function D4(h,m){h=Xl,Z(Py,h),Z(zf,m),Xl=h|m.baseLanes}function u2(){Z(Py,Xl),Z(zf,zf.current)}function d2(){Xl=Py.current,$(zf),$(Py)}var us=B(null),Is=null;function cu(h){var m=h.alternate;Z(Hr,Hr.current&1),Z(us,h),Is===null&&(m===null||zf.current!==null||m.memoizedState!==null)&&(Is=h)}function h2(h){Z(Hr,Hr.current),Z(us,h),Is===null&&(Is=h)}function O4(h){h.tag===22?(Z(Hr,Hr.current),Z(us,h),Is===null&&(Is=h)):uu()}function uu(){Z(Hr,Hr.current),Z(us,us.current)}function ds(h){$(us),Is===h&&(Is=null),$(Hr)}var Hr=B(0);function jy(h){for(var m=h;m!==null;){if(m.tag===13){var _=m.memoizedState;if(_!==null&&(_=_.dehydrated,_===null||bT(_)||yT(_)))return m}else if(m.tag===19&&(m.memoizedProps.revealOrder==="forwards"||m.memoizedProps.revealOrder==="backwards"||m.memoizedProps.revealOrder==="unstable_legacy-backwards"||m.memoizedProps.revealOrder==="together")){if((m.flags&128)!==0)return m}else if(m.child!==null){m.child.return=m,m=m.child;continue}if(m===h)break;for(;m.sibling===null;){if(m.return===null||m.return===h)return null;m=m.return}m.sibling.return=m.return,m=m.sibling}return null}var Bl=0,tn=null,Wn=null,Zr=null,Ry=!1,Bf=!1,Kd=!1,Dy=0,Bg=0,Hf=null,kne=0;function jr(){throw Error(r(321))}function f2(h,m){if(m===null)return!1;for(var _=0;_D?D:8;var X=K.T,le={};K.T=le,N2(h,!1,m,_);try{var Ce=P(),Ye=K.S;if(Ye!==null&&Ye(le,Ce),Ce!==null&&typeof Ce=="object"&&typeof Ce.then=="function"){var ct=Cne(Ce,S);$g(h,m,ct,ms(h))}else $g(h,m,S,ms(h))}catch(ft){$g(h,m,{then:function(){},status:"rejected",reason:ft},ms())}finally{G.p=D,X!==null&&le.types!==null&&(X.types=le.types),K.T=X}}function One(){}function T2(h,m,_,S){if(h.tag!==5)throw Error(r(476));var P=dI(h).queue;uI(h,P,m,J,_===null?One:function(){return hI(h),_(S)})}function dI(h){var m=h.memoizedState;if(m!==null)return m;m={memoizedState:J,baseState:J,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Hl,lastRenderedState:J},next:null};var _={};return m.next={memoizedState:_,baseState:_,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Hl,lastRenderedState:_},next:null},h.memoizedState=m,h=h.alternate,h!==null&&(h.memoizedState=m),m}function hI(h){var m=dI(h);m.next===null&&(m=h.alternate.memoizedState),$g(h,m.next.queue,{},ms())}function A2(){return Vi(sx)}function fI(){return $r().memoizedState}function mI(){return $r().memoizedState}function Lne(h){for(var m=h.return;m!==null;){switch(m.tag){case 24:case 3:var _=ms();h=ou(_);var S=lu(m,h,_);S!==null&&(Va(S,m,_),Fg(S,m,_)),m={cache:n2()},h.payload=m;return}m=m.return}}function Ine(h,m,_){var S=ms();_={lane:S,revertLane:0,gesture:null,action:_,hasEagerState:!1,eagerState:null,next:null},zy(h)?gI(m,_):(_=GE(h,m,_,S),_!==null&&(Va(_,h,S),xI(_,m,S)))}function pI(h,m,_){var S=ms();$g(h,m,_,S)}function $g(h,m,_,S){var P={lane:S,revertLane:0,gesture:null,action:_,hasEagerState:!1,eagerState:null,next:null};if(zy(h))gI(m,P);else{var D=h.alternate;if(h.lanes===0&&(D===null||D.lanes===0)&&(D=m.lastRenderedReducer,D!==null))try{var X=m.lastRenderedState,le=D(X,_);if(P.hasEagerState=!0,P.eagerState=le,ls(le,X))return vy(h,m,P,0),rr===null&&yy(),!1}catch{}finally{}if(_=GE(h,m,P,S),_!==null)return Va(_,h,S),xI(_,m,S),!0}return!1}function N2(h,m,_,S){if(S={lane:2,revertLane:sT(),gesture:null,action:S,hasEagerState:!1,eagerState:null,next:null},zy(h)){if(m)throw Error(r(479))}else m=GE(h,_,S,2),m!==null&&Va(m,h,2)}function zy(h){var m=h.alternate;return h===tn||m!==null&&m===tn}function gI(h,m){Bf=Ry=!0;var _=h.pending;_===null?m.next=m:(m.next=_.next,_.next=m),h.pending=m}function xI(h,m,_){if((_&4194048)!==0){var S=m.lanes;S&=h.pendingLanes,_|=S,m.lanes=_,Nn(h,_)}}var Vg={readContext:Vi,use:Ly,useCallback:jr,useContext:jr,useEffect:jr,useImperativeHandle:jr,useLayoutEffect:jr,useInsertionEffect:jr,useMemo:jr,useReducer:jr,useRef:jr,useState:jr,useDebugValue:jr,useDeferredValue:jr,useTransition:jr,useSyncExternalStore:jr,useId:jr,useHostTransitionStatus:jr,useFormState:jr,useActionState:jr,useOptimistic:jr,useMemoCache:jr,useCacheRefresh:jr};Vg.useEffectEvent=jr;var bI={readContext:Vi,use:Ly,useCallback:function(h,m){return Sa().memoizedState=[h,m===void 0?null:m],h},useContext:Vi,useEffect:tI,useImperativeHandle:function(h,m,_){_=_!=null?_.concat([h]):null,Fy(4194308,4,aI.bind(null,m,h),_)},useLayoutEffect:function(h,m){return Fy(4194308,4,h,m)},useInsertionEffect:function(h,m){Fy(4,2,h,m)},useMemo:function(h,m){var _=Sa();m=m===void 0?null:m;var S=h();if(Kd){$e(!0);try{h()}finally{$e(!1)}}return _.memoizedState=[S,m],S},useReducer:function(h,m,_){var S=Sa();if(_!==void 0){var P=_(m);if(Kd){$e(!0);try{_(m)}finally{$e(!1)}}}else P=m;return S.memoizedState=S.baseState=P,h={pending:null,lanes:0,dispatch:null,lastRenderedReducer:h,lastRenderedState:P},S.queue=h,h=h.dispatch=Ine.bind(null,tn,h),[S.memoizedState,h]},useRef:function(h){var m=Sa();return h={current:h},m.memoizedState=h},useState:function(h){h=_2(h);var m=h.queue,_=pI.bind(null,tn,m);return m.dispatch=_,[h.memoizedState,_]},useDebugValue:M2,useDeferredValue:function(h,m){var _=Sa();return E2(_,h,m)},useTransition:function(){var h=_2(!1);return h=uI.bind(null,tn,h.queue,!0,!1),Sa().memoizedState=h,[!1,h]},useSyncExternalStore:function(h,m,_){var S=tn,P=Sa();if(Mn){if(_===void 0)throw Error(r(407));_=_()}else{if(_=m(),rr===null)throw Error(r(349));(vn&127)!==0||U4(S,m,_)}P.memoizedState=_;var D={value:_,getSnapshot:m};return P.queue=D,tI(B4.bind(null,S,D,h),[h]),S.flags|=2048,$f(9,{destroy:void 0},z4.bind(null,S,D,_,m),null),_},useId:function(){var h=Sa(),m=rr.identifierPrefix;if(Mn){var _=Xo,S=Ko;_=(S&~(1<<32-Ue(S)-1)).toString(32)+_,m="_"+m+"R_"+_,_=Dy++,0<_&&(m+="H"+_.toString(32)),m+="_"}else _=kne++,m="_"+m+"r_"+_.toString(32)+"_";return h.memoizedState=m},useHostTransitionStatus:A2,useFormState:Y4,useActionState:Y4,useOptimistic:function(h){var m=Sa();m.memoizedState=m.baseState=h;var _={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return m.queue=_,m=N2.bind(null,tn,!0,_),_.dispatch=m,[h,m]},useMemoCache:b2,useCacheRefresh:function(){return Sa().memoizedState=Lne.bind(null,tn)},useEffectEvent:function(h){var m=Sa(),_={impl:h};return m.memoizedState=_,function(){if((Dn&2)!==0)throw Error(r(440));return _.impl.apply(void 0,arguments)}}},C2={readContext:Vi,use:Ly,useCallback:oI,useContext:Vi,useEffect:S2,useImperativeHandle:sI,useInsertionEffect:rI,useLayoutEffect:iI,useMemo:lI,useReducer:Iy,useRef:eI,useState:function(){return Iy(Hl)},useDebugValue:M2,useDeferredValue:function(h,m){var _=$r();return cI(_,Wn.memoizedState,h,m)},useTransition:function(){var h=Iy(Hl)[0],m=$r().memoizedState;return[typeof h=="boolean"?h:Hg(h),m]},useSyncExternalStore:F4,useId:fI,useHostTransitionStatus:A2,useFormState:Z4,useActionState:Z4,useOptimistic:function(h,m){var _=$r();return V4(_,Wn,h,m)},useMemoCache:b2,useCacheRefresh:mI};C2.useEffectEvent=nI;var yI={readContext:Vi,use:Ly,useCallback:oI,useContext:Vi,useEffect:S2,useImperativeHandle:sI,useInsertionEffect:rI,useLayoutEffect:iI,useMemo:lI,useReducer:v2,useRef:eI,useState:function(){return v2(Hl)},useDebugValue:M2,useDeferredValue:function(h,m){var _=$r();return Wn===null?E2(_,h,m):cI(_,Wn.memoizedState,h,m)},useTransition:function(){var h=v2(Hl)[0],m=$r().memoizedState;return[typeof h=="boolean"?h:Hg(h),m]},useSyncExternalStore:F4,useId:fI,useHostTransitionStatus:A2,useFormState:J4,useActionState:J4,useOptimistic:function(h,m){var _=$r();return Wn!==null?V4(_,Wn,h,m):(_.baseState=h,[h,_.queue.dispatch])},useMemoCache:b2,useCacheRefresh:mI};yI.useEffectEvent=nI;function k2(h,m,_,S){m=h.memoizedState,_=_(S,m),_=_==null?m:f({},m,_),h.memoizedState=_,h.lanes===0&&(h.updateQueue.baseState=_)}var P2={enqueueSetState:function(h,m,_){h=h._reactInternals;var S=ms(),P=ou(S);P.payload=m,_!=null&&(P.callback=_),m=lu(h,P,S),m!==null&&(Va(m,h,S),Fg(m,h,S))},enqueueReplaceState:function(h,m,_){h=h._reactInternals;var S=ms(),P=ou(S);P.tag=1,P.payload=m,_!=null&&(P.callback=_),m=lu(h,P,S),m!==null&&(Va(m,h,S),Fg(m,h,S))},enqueueForceUpdate:function(h,m){h=h._reactInternals;var _=ms(),S=ou(_);S.tag=2,m!=null&&(S.callback=m),m=lu(h,S,_),m!==null&&(Va(m,h,_),Fg(m,h,_))}};function vI(h,m,_,S,P,D,X){return h=h.stateNode,typeof h.shouldComponentUpdate=="function"?h.shouldComponentUpdate(S,D,X):m.prototype&&m.prototype.isPureReactComponent?!kg(_,S)||!kg(P,D):!0}function _I(h,m,_,S){h=m.state,typeof m.componentWillReceiveProps=="function"&&m.componentWillReceiveProps(_,S),typeof m.UNSAFE_componentWillReceiveProps=="function"&&m.UNSAFE_componentWillReceiveProps(_,S),m.state!==h&&P2.enqueueReplaceState(m,m.state,null)}function Xd(h,m){var _=m;if("ref"in m){_={};for(var S in m)S!=="ref"&&(_[S]=m[S])}if(h=h.defaultProps){_===m&&(_=f({},_));for(var P in h)_[P]===void 0&&(_[P]=h[P])}return _}function wI(h){by(h)}function SI(h){console.error(h)}function MI(h){by(h)}function By(h,m){try{var _=h.onUncaughtError;_(m.value,{componentStack:m.stack})}catch(S){setTimeout(function(){throw S})}}function EI(h,m,_){try{var S=h.onCaughtError;S(_.value,{componentStack:_.stack,errorBoundary:m.tag===1?m.stateNode:null})}catch(P){setTimeout(function(){throw P})}}function j2(h,m,_){return _=ou(_),_.tag=3,_.payload={element:null},_.callback=function(){By(h,m)},_}function TI(h){return h=ou(h),h.tag=3,h}function AI(h,m,_,S){var P=_.type.getDerivedStateFromError;if(typeof P=="function"){var D=S.value;h.payload=function(){return P(D)},h.callback=function(){EI(m,_,S)}}var X=_.stateNode;X!==null&&typeof X.componentDidCatch=="function"&&(h.callback=function(){EI(m,_,S),typeof P!="function"&&(mu===null?mu=new Set([this]):mu.add(this));var le=S.stack;this.componentDidCatch(S.value,{componentStack:le!==null?le:""})})}function Fne(h,m,_,S,P){if(_.flags|=32768,S!==null&&typeof S=="object"&&typeof S.then=="function"){if(m=_.alternate,m!==null&&Of(m,_,P,!0),_=us.current,_!==null){switch(_.tag){case 31:case 13:return Is===null?Jy():_.alternate===null&&Rr===0&&(Rr=3),_.flags&=-257,_.flags|=65536,_.lanes=P,S===Ny?_.flags|=16384:(m=_.updateQueue,m===null?_.updateQueue=new Set([S]):m.add(S),rT(h,S,P)),!1;case 22:return _.flags|=65536,S===Ny?_.flags|=16384:(m=_.updateQueue,m===null?(m={transitions:null,markerInstances:null,retryQueue:new Set([S])},_.updateQueue=m):(_=m.retryQueue,_===null?m.retryQueue=new Set([S]):_.add(S)),rT(h,S,P)),!1}throw Error(r(435,_.tag))}return rT(h,S,P),Jy(),!1}if(Mn)return m=us.current,m!==null?((m.flags&65536)===0&&(m.flags|=256),m.flags|=65536,m.lanes=P,S!==ZE&&(h=Error(r(422),{cause:S}),Rg(Rs(h,_)))):(S!==ZE&&(m=Error(r(423),{cause:S}),Rg(Rs(m,_))),h=h.current.alternate,h.flags|=65536,P&=-P,h.lanes|=P,S=Rs(S,_),P=j2(h.stateNode,S,P),l2(h,P),Rr!==4&&(Rr=2)),!1;var D=Error(r(520),{cause:S});if(D=Rs(D,_),Qg===null?Qg=[D]:Qg.push(D),Rr!==4&&(Rr=2),m===null)return!0;S=Rs(S,_),_=m;do{switch(_.tag){case 3:return _.flags|=65536,h=P&-P,_.lanes|=h,h=j2(_.stateNode,S,h),l2(_,h),!1;case 1:if(m=_.type,D=_.stateNode,(_.flags&128)===0&&(typeof m.getDerivedStateFromError=="function"||D!==null&&typeof D.componentDidCatch=="function"&&(mu===null||!mu.has(D))))return _.flags|=65536,P&=-P,_.lanes|=P,P=TI(P),AI(P,h,_,S),l2(_,P),!1}_=_.return}while(_!==null);return!1}var R2=Error(r(461)),Qr=!1;function Gi(h,m,_,S){m.child=h===null?P4(m,null,_,S):qd(m,h.child,_,S)}function NI(h,m,_,S,P){_=_.render;var D=m.ref;if("ref"in S){var X={};for(var le in S)le!=="ref"&&(X[le]=S[le])}else X=S;return $d(m),S=m2(h,m,_,X,D,P),le=p2(),h!==null&&!Qr?(g2(h,m,P),$l(h,m,P)):(Mn&&le&&XE(m),m.flags|=1,Gi(h,m,S,P),m.child)}function CI(h,m,_,S,P){if(h===null){var D=_.type;return typeof D=="function"&&!WE(D)&&D.defaultProps===void 0&&_.compare===null?(m.tag=15,m.type=D,kI(h,m,D,S,P)):(h=wy(_.type,null,S,m,m.mode,P),h.ref=m.ref,h.return=m,m.child=h)}if(D=h.child,!B2(h,P)){var X=D.memoizedProps;if(_=_.compare,_=_!==null?_:kg,_(X,S)&&h.ref===m.ref)return $l(h,m,P)}return m.flags|=1,h=Il(D,S),h.ref=m.ref,h.return=m,m.child=h}function kI(h,m,_,S,P){if(h!==null){var D=h.memoizedProps;if(kg(D,S)&&h.ref===m.ref)if(Qr=!1,m.pendingProps=S=D,B2(h,P))(h.flags&131072)!==0&&(Qr=!0);else return m.lanes=h.lanes,$l(h,m,P)}return D2(h,m,_,S,P)}function PI(h,m,_,S){var P=S.children,D=h!==null?h.memoizedState:null;if(h===null&&m.stateNode===null&&(m.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),S.mode==="hidden"){if((m.flags&128)!==0){if(D=D!==null?D.baseLanes|_:_,h!==null){for(S=m.child=h.child,P=0;S!==null;)P=P|S.lanes|S.childLanes,S=S.sibling;S=P&~D}else S=0,m.child=null;return jI(h,m,D,_,S)}if((_&536870912)!==0)m.memoizedState={baseLanes:0,cachePool:null},h!==null&&Ty(m,D!==null?D.cachePool:null),D!==null?D4(m,D):u2(),O4(m);else return S=m.lanes=536870912,jI(h,m,D!==null?D.baseLanes|_:_,_,S)}else D!==null?(Ty(m,D.cachePool),D4(m,D),uu(),m.memoizedState=null):(h!==null&&Ty(m,null),u2(),uu());return Gi(h,m,P,_),m.child}function Gg(h,m){return h!==null&&h.tag===22||m.stateNode!==null||(m.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),m.sibling}function jI(h,m,_,S,P){var D=i2();return D=D===null?null:{parent:Yr._currentValue,pool:D},m.memoizedState={baseLanes:_,cachePool:D},h!==null&&Ty(m,null),u2(),O4(m),h!==null&&Of(h,m,S,!0),m.childLanes=P,null}function Hy(h,m){return m=Vy({mode:m.mode,children:m.children},h.mode),m.ref=h.ref,h.child=m,m.return=h,m}function RI(h,m,_){return qd(m,h.child,null,_),h=Hy(m,m.pendingProps),h.flags|=2,ds(m),m.memoizedState=null,h}function Une(h,m,_){var S=m.pendingProps,P=(m.flags&128)!==0;if(m.flags&=-129,h===null){if(Mn){if(S.mode==="hidden")return h=Hy(m,S),m.lanes=536870912,Gg(null,h);if(h2(m),(h=ur)?(h=G5(h,Ls),h=h!==null&&h.data==="&"?h:null,h!==null&&(m.memoizedState={dehydrated:h,treeContext:nu!==null?{id:Ko,overflow:Xo}:null,retryLane:536870912,hydrationErrors:null},_=g4(h),_.return=m,m.child=_,$i=m,ur=null)):h=null,h===null)throw iu(m);return m.lanes=536870912,null}return Hy(m,S)}var D=h.memoizedState;if(D!==null){var X=D.dehydrated;if(h2(m),P)if(m.flags&256)m.flags&=-257,m=RI(h,m,_);else if(m.memoizedState!==null)m.child=h.child,m.flags|=128,m=null;else throw Error(r(558));else if(Qr||Of(h,m,_,!1),P=(_&h.childLanes)!==0,Qr||P){if(S=rr,S!==null&&(X=nn(S,_),X!==0&&X!==D.retryLane))throw D.retryLane=X,Ud(h,X),Va(S,h,X),R2;Jy(),m=RI(h,m,_)}else h=D.treeContext,ur=Fs(X.nextSibling),$i=m,Mn=!0,ru=null,Ls=!1,h!==null&&y4(m,h),m=Hy(m,S),m.flags|=4096;return m}return h=Il(h.child,{mode:S.mode,children:S.children}),h.ref=m.ref,m.child=h,h.return=m,h}function $y(h,m){var _=m.ref;if(_===null)h!==null&&h.ref!==null&&(m.flags|=4194816);else{if(typeof _!="function"&&typeof _!="object")throw Error(r(284));(h===null||h.ref!==_)&&(m.flags|=4194816)}}function D2(h,m,_,S,P){return $d(m),_=m2(h,m,_,S,void 0,P),S=p2(),h!==null&&!Qr?(g2(h,m,P),$l(h,m,P)):(Mn&&S&&XE(m),m.flags|=1,Gi(h,m,_,P),m.child)}function DI(h,m,_,S,P,D){return $d(m),m.updateQueue=null,_=I4(m,S,_,P),L4(h),S=p2(),h!==null&&!Qr?(g2(h,m,D),$l(h,m,D)):(Mn&&S&&XE(m),m.flags|=1,Gi(h,m,_,D),m.child)}function OI(h,m,_,S,P){if($d(m),m.stateNode===null){var D=Pf,X=_.contextType;typeof X=="object"&&X!==null&&(D=Vi(X)),D=new _(S,D),m.memoizedState=D.state!==null&&D.state!==void 0?D.state:null,D.updater=P2,m.stateNode=D,D._reactInternals=m,D=m.stateNode,D.props=S,D.state=m.memoizedState,D.refs={},s2(m),X=_.contextType,D.context=typeof X=="object"&&X!==null?Vi(X):Pf,D.state=m.memoizedState,X=_.getDerivedStateFromProps,typeof X=="function"&&(k2(m,_,X,S),D.state=m.memoizedState),typeof _.getDerivedStateFromProps=="function"||typeof D.getSnapshotBeforeUpdate=="function"||typeof D.UNSAFE_componentWillMount!="function"&&typeof D.componentWillMount!="function"||(X=D.state,typeof D.componentWillMount=="function"&&D.componentWillMount(),typeof D.UNSAFE_componentWillMount=="function"&&D.UNSAFE_componentWillMount(),X!==D.state&&P2.enqueueReplaceState(D,D.state,null),zg(m,S,D,P),Ug(),D.state=m.memoizedState),typeof D.componentDidMount=="function"&&(m.flags|=4194308),S=!0}else if(h===null){D=m.stateNode;var le=m.memoizedProps,Ce=Xd(_,le);D.props=Ce;var Ye=D.context,ct=_.contextType;X=Pf,typeof ct=="object"&&ct!==null&&(X=Vi(ct));var ft=_.getDerivedStateFromProps;ct=typeof ft=="function"||typeof D.getSnapshotBeforeUpdate=="function",le=m.pendingProps!==le,ct||typeof D.UNSAFE_componentWillReceiveProps!="function"&&typeof D.componentWillReceiveProps!="function"||(le||Ye!==X)&&_I(m,D,S,X),su=!1;var Qe=m.memoizedState;D.state=Qe,zg(m,S,D,P),Ug(),Ye=m.memoizedState,le||Qe!==Ye||su?(typeof ft=="function"&&(k2(m,_,ft,S),Ye=m.memoizedState),(Ce=su||vI(m,_,Ce,S,Qe,Ye,X))?(ct||typeof D.UNSAFE_componentWillMount!="function"&&typeof D.componentWillMount!="function"||(typeof D.componentWillMount=="function"&&D.componentWillMount(),typeof D.UNSAFE_componentWillMount=="function"&&D.UNSAFE_componentWillMount()),typeof D.componentDidMount=="function"&&(m.flags|=4194308)):(typeof D.componentDidMount=="function"&&(m.flags|=4194308),m.memoizedProps=S,m.memoizedState=Ye),D.props=S,D.state=Ye,D.context=X,S=Ce):(typeof D.componentDidMount=="function"&&(m.flags|=4194308),S=!1)}else{D=m.stateNode,o2(h,m),X=m.memoizedProps,ct=Xd(_,X),D.props=ct,ft=m.pendingProps,Qe=D.context,Ye=_.contextType,Ce=Pf,typeof Ye=="object"&&Ye!==null&&(Ce=Vi(Ye)),le=_.getDerivedStateFromProps,(Ye=typeof le=="function"||typeof D.getSnapshotBeforeUpdate=="function")||typeof D.UNSAFE_componentWillReceiveProps!="function"&&typeof D.componentWillReceiveProps!="function"||(X!==ft||Qe!==Ce)&&_I(m,D,S,Ce),su=!1,Qe=m.memoizedState,D.state=Qe,zg(m,S,D,P),Ug();var st=m.memoizedState;X!==ft||Qe!==st||su||h!==null&&h.dependencies!==null&&My(h.dependencies)?(typeof le=="function"&&(k2(m,_,le,S),st=m.memoizedState),(ct=su||vI(m,_,ct,S,Qe,st,Ce)||h!==null&&h.dependencies!==null&&My(h.dependencies))?(Ye||typeof D.UNSAFE_componentWillUpdate!="function"&&typeof D.componentWillUpdate!="function"||(typeof D.componentWillUpdate=="function"&&D.componentWillUpdate(S,st,Ce),typeof D.UNSAFE_componentWillUpdate=="function"&&D.UNSAFE_componentWillUpdate(S,st,Ce)),typeof D.componentDidUpdate=="function"&&(m.flags|=4),typeof D.getSnapshotBeforeUpdate=="function"&&(m.flags|=1024)):(typeof D.componentDidUpdate!="function"||X===h.memoizedProps&&Qe===h.memoizedState||(m.flags|=4),typeof D.getSnapshotBeforeUpdate!="function"||X===h.memoizedProps&&Qe===h.memoizedState||(m.flags|=1024),m.memoizedProps=S,m.memoizedState=st),D.props=S,D.state=st,D.context=Ce,S=ct):(typeof D.componentDidUpdate!="function"||X===h.memoizedProps&&Qe===h.memoizedState||(m.flags|=4),typeof D.getSnapshotBeforeUpdate!="function"||X===h.memoizedProps&&Qe===h.memoizedState||(m.flags|=1024),S=!1)}return D=S,$y(h,m),S=(m.flags&128)!==0,D||S?(D=m.stateNode,_=S&&typeof _.getDerivedStateFromError!="function"?null:D.render(),m.flags|=1,h!==null&&S?(m.child=qd(m,h.child,null,P),m.child=qd(m,null,_,P)):Gi(h,m,_,P),m.memoizedState=D.state,h=m.child):h=$l(h,m,P),h}function LI(h,m,_,S){return Bd(),m.flags|=256,Gi(h,m,_,S),m.child}var O2={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function L2(h){return{baseLanes:h,cachePool:E4()}}function I2(h,m,_){return h=h!==null?h.childLanes&~_:0,m&&(h|=fs),h}function II(h,m,_){var S=m.pendingProps,P=!1,D=(m.flags&128)!==0,X;if((X=D)||(X=h!==null&&h.memoizedState===null?!1:(Hr.current&2)!==0),X&&(P=!0,m.flags&=-129),X=(m.flags&32)!==0,m.flags&=-33,h===null){if(Mn){if(P?cu(m):uu(),(h=ur)?(h=G5(h,Ls),h=h!==null&&h.data!=="&"?h:null,h!==null&&(m.memoizedState={dehydrated:h,treeContext:nu!==null?{id:Ko,overflow:Xo}:null,retryLane:536870912,hydrationErrors:null},_=g4(h),_.return=m,m.child=_,$i=m,ur=null)):h=null,h===null)throw iu(m);return yT(h)?m.lanes=32:m.lanes=536870912,null}var le=S.children;return S=S.fallback,P?(uu(),P=m.mode,le=Vy({mode:"hidden",children:le},P),S=zd(S,P,_,null),le.return=m,S.return=m,le.sibling=S,m.child=le,S=m.child,S.memoizedState=L2(_),S.childLanes=I2(h,X,_),m.memoizedState=O2,Gg(null,S)):(cu(m),F2(m,le))}var Ce=h.memoizedState;if(Ce!==null&&(le=Ce.dehydrated,le!==null)){if(D)m.flags&256?(cu(m),m.flags&=-257,m=U2(h,m,_)):m.memoizedState!==null?(uu(),m.child=h.child,m.flags|=128,m=null):(uu(),le=S.fallback,P=m.mode,S=Vy({mode:"visible",children:S.children},P),le=zd(le,P,_,null),le.flags|=2,S.return=m,le.return=m,S.sibling=le,m.child=S,qd(m,h.child,null,_),S=m.child,S.memoizedState=L2(_),S.childLanes=I2(h,X,_),m.memoizedState=O2,m=Gg(null,S));else if(cu(m),yT(le)){if(X=le.nextSibling&&le.nextSibling.dataset,X)var Ye=X.dgst;X=Ye,S=Error(r(419)),S.stack="",S.digest=X,Rg({value:S,source:null,stack:null}),m=U2(h,m,_)}else if(Qr||Of(h,m,_,!1),X=(_&h.childLanes)!==0,Qr||X){if(X=rr,X!==null&&(S=nn(X,_),S!==0&&S!==Ce.retryLane))throw Ce.retryLane=S,Ud(h,S),Va(X,h,S),R2;bT(le)||Jy(),m=U2(h,m,_)}else bT(le)?(m.flags|=192,m.child=h.child,m=null):(h=Ce.treeContext,ur=Fs(le.nextSibling),$i=m,Mn=!0,ru=null,Ls=!1,h!==null&&y4(m,h),m=F2(m,S.children),m.flags|=4096);return m}return P?(uu(),le=S.fallback,P=m.mode,Ce=h.child,Ye=Ce.sibling,S=Il(Ce,{mode:"hidden",children:S.children}),S.subtreeFlags=Ce.subtreeFlags&65011712,Ye!==null?le=Il(Ye,le):(le=zd(le,P,_,null),le.flags|=2),le.return=m,S.return=m,S.sibling=le,m.child=S,Gg(null,S),S=m.child,le=h.child.memoizedState,le===null?le=L2(_):(P=le.cachePool,P!==null?(Ce=Yr._currentValue,P=P.parent!==Ce?{parent:Ce,pool:Ce}:P):P=E4(),le={baseLanes:le.baseLanes|_,cachePool:P}),S.memoizedState=le,S.childLanes=I2(h,X,_),m.memoizedState=O2,Gg(h.child,S)):(cu(m),_=h.child,h=_.sibling,_=Il(_,{mode:"visible",children:S.children}),_.return=m,_.sibling=null,h!==null&&(X=m.deletions,X===null?(m.deletions=[h],m.flags|=16):X.push(h)),m.child=_,m.memoizedState=null,_)}function F2(h,m){return m=Vy({mode:"visible",children:m},h.mode),m.return=h,h.child=m}function Vy(h,m){return h=cs(22,h,null,m),h.lanes=0,h}function U2(h,m,_){return qd(m,h.child,null,_),h=F2(m,m.pendingProps.children),h.flags|=2,m.memoizedState=null,h}function FI(h,m,_){h.lanes|=m;var S=h.alternate;S!==null&&(S.lanes|=m),e2(h.return,m,_)}function z2(h,m,_,S,P,D){var X=h.memoizedState;X===null?h.memoizedState={isBackwards:m,rendering:null,renderingStartTime:0,last:S,tail:_,tailMode:P,treeForkCount:D}:(X.isBackwards=m,X.rendering=null,X.renderingStartTime=0,X.last=S,X.tail=_,X.tailMode=P,X.treeForkCount=D)}function UI(h,m,_){var S=m.pendingProps,P=S.revealOrder,D=S.tail;S=S.children;var X=Hr.current,le=(X&2)!==0;if(le?(X=X&1|2,m.flags|=128):X&=1,Z(Hr,X),Gi(h,m,S,_),S=Mn?jg:0,!le&&h!==null&&(h.flags&128)!==0)e:for(h=m.child;h!==null;){if(h.tag===13)h.memoizedState!==null&&FI(h,_,m);else if(h.tag===19)FI(h,_,m);else if(h.child!==null){h.child.return=h,h=h.child;continue}if(h===m)break e;for(;h.sibling===null;){if(h.return===null||h.return===m)break e;h=h.return}h.sibling.return=h.return,h=h.sibling}switch(P){case"forwards":for(_=m.child,P=null;_!==null;)h=_.alternate,h!==null&&jy(h)===null&&(P=_),_=_.sibling;_=P,_===null?(P=m.child,m.child=null):(P=_.sibling,_.sibling=null),z2(m,!1,P,_,D,S);break;case"backwards":case"unstable_legacy-backwards":for(_=null,P=m.child,m.child=null;P!==null;){if(h=P.alternate,h!==null&&jy(h)===null){m.child=P;break}h=P.sibling,P.sibling=_,_=P,P=h}z2(m,!0,_,null,D,S);break;case"together":z2(m,!1,null,null,void 0,S);break;default:m.memoizedState=null}return m.child}function $l(h,m,_){if(h!==null&&(m.dependencies=h.dependencies),fu|=m.lanes,(_&m.childLanes)===0)if(h!==null){if(Of(h,m,_,!1),(_&m.childLanes)===0)return null}else return null;if(h!==null&&m.child!==h.child)throw Error(r(153));if(m.child!==null){for(h=m.child,_=Il(h,h.pendingProps),m.child=_,_.return=m;h.sibling!==null;)h=h.sibling,_=_.sibling=Il(h,h.pendingProps),_.return=m;_.sibling=null}return m.child}function B2(h,m){return(h.lanes&m)!==0?!0:(h=h.dependencies,!!(h!==null&&My(h)))}function zne(h,m,_){switch(m.tag){case 3:Ae(m,m.stateNode.containerInfo),au(m,Yr,h.memoizedState.cache),Bd();break;case 27:case 5:ce(m);break;case 4:Ae(m,m.stateNode.containerInfo);break;case 10:au(m,m.type,m.memoizedProps.value);break;case 31:if(m.memoizedState!==null)return m.flags|=128,h2(m),null;break;case 13:var S=m.memoizedState;if(S!==null)return S.dehydrated!==null?(cu(m),m.flags|=128,null):(_&m.child.childLanes)!==0?II(h,m,_):(cu(m),h=$l(h,m,_),h!==null?h.sibling:null);cu(m);break;case 19:var P=(h.flags&128)!==0;if(S=(_&m.childLanes)!==0,S||(Of(h,m,_,!1),S=(_&m.childLanes)!==0),P){if(S)return UI(h,m,_);m.flags|=128}if(P=m.memoizedState,P!==null&&(P.rendering=null,P.tail=null,P.lastEffect=null),Z(Hr,Hr.current),S)break;return null;case 22:return m.lanes=0,PI(h,m,_,m.pendingProps);case 24:au(m,Yr,h.memoizedState.cache)}return $l(h,m,_)}function zI(h,m,_){if(h!==null)if(h.memoizedProps!==m.pendingProps)Qr=!0;else{if(!B2(h,_)&&(m.flags&128)===0)return Qr=!1,zne(h,m,_);Qr=(h.flags&131072)!==0}else Qr=!1,Mn&&(m.flags&1048576)!==0&&b4(m,jg,m.index);switch(m.lanes=0,m.tag){case 16:e:{var S=m.pendingProps;if(h=Gd(m.elementType),m.type=h,typeof h=="function")WE(h)?(S=Xd(h,S),m.tag=1,m=OI(null,m,h,S,_)):(m.tag=0,m=D2(null,m,h,S,_));else{if(h!=null){var P=h.$$typeof;if(P===T){m.tag=11,m=NI(null,m,h,S,_);break e}else if(P===N){m.tag=14,m=CI(null,m,h,S,_);break e}}throw m=j(h)||h,Error(r(306,m,""))}}return m;case 0:return D2(h,m,m.type,m.pendingProps,_);case 1:return S=m.type,P=Xd(S,m.pendingProps),OI(h,m,S,P,_);case 3:e:{if(Ae(m,m.stateNode.containerInfo),h===null)throw Error(r(387));S=m.pendingProps;var D=m.memoizedState;P=D.element,o2(h,m),zg(m,S,null,_);var X=m.memoizedState;if(S=X.cache,au(m,Yr,S),S!==D.cache&&t2(m,[Yr],_,!0),Ug(),S=X.element,D.isDehydrated)if(D={element:S,isDehydrated:!1,cache:X.cache},m.updateQueue.baseState=D,m.memoizedState=D,m.flags&256){m=LI(h,m,S,_);break e}else if(S!==P){P=Rs(Error(r(424)),m),Rg(P),m=LI(h,m,S,_);break e}else{switch(h=m.stateNode.containerInfo,h.nodeType){case 9:h=h.body;break;default:h=h.nodeName==="HTML"?h.ownerDocument.body:h}for(ur=Fs(h.firstChild),$i=m,Mn=!0,ru=null,Ls=!0,_=P4(m,null,S,_),m.child=_;_;)_.flags=_.flags&-3|4096,_=_.sibling}else{if(Bd(),S===P){m=$l(h,m,_);break e}Gi(h,m,S,_)}m=m.child}return m;case 26:return $y(h,m),h===null?(_=Z5(m.type,null,m.pendingProps,null))?m.memoizedState=_:Mn||(_=m.type,h=m.pendingProps,S=sv(de.current).createElement(_),S[wr]=m,S[zr]=h,Wi(S,_,h),Ie(S),m.stateNode=S):m.memoizedState=Z5(m.type,h.memoizedProps,m.pendingProps,h.memoizedState),null;case 27:return ce(m),h===null&&Mn&&(S=m.stateNode=K5(m.type,m.pendingProps,de.current),$i=m,Ls=!0,P=ur,bu(m.type)?(vT=P,ur=Fs(S.firstChild)):ur=P),Gi(h,m,m.pendingProps.children,_),$y(h,m),h===null&&(m.flags|=4194304),m.child;case 5:return h===null&&Mn&&((P=S=ur)&&(S=gre(S,m.type,m.pendingProps,Ls),S!==null?(m.stateNode=S,$i=m,ur=Fs(S.firstChild),Ls=!1,P=!0):P=!1),P||iu(m)),ce(m),P=m.type,D=m.pendingProps,X=h!==null?h.memoizedProps:null,S=D.children,pT(P,D)?S=null:X!==null&&pT(P,X)&&(m.flags|=32),m.memoizedState!==null&&(P=m2(h,m,Pne,null,null,_),sx._currentValue=P),$y(h,m),Gi(h,m,S,_),m.child;case 6:return h===null&&Mn&&((h=_=ur)&&(_=xre(_,m.pendingProps,Ls),_!==null?(m.stateNode=_,$i=m,ur=null,h=!0):h=!1),h||iu(m)),null;case 13:return II(h,m,_);case 4:return Ae(m,m.stateNode.containerInfo),S=m.pendingProps,h===null?m.child=qd(m,null,S,_):Gi(h,m,S,_),m.child;case 11:return NI(h,m,m.type,m.pendingProps,_);case 7:return Gi(h,m,m.pendingProps,_),m.child;case 8:return Gi(h,m,m.pendingProps.children,_),m.child;case 12:return Gi(h,m,m.pendingProps.children,_),m.child;case 10:return S=m.pendingProps,au(m,m.type,S.value),Gi(h,m,S.children,_),m.child;case 9:return P=m.type._context,S=m.pendingProps.children,$d(m),P=Vi(P),S=S(P),m.flags|=1,Gi(h,m,S,_),m.child;case 14:return CI(h,m,m.type,m.pendingProps,_);case 15:return kI(h,m,m.type,m.pendingProps,_);case 19:return UI(h,m,_);case 31:return Une(h,m,_);case 22:return PI(h,m,_,m.pendingProps);case 24:return $d(m),S=Vi(Yr),h===null?(P=i2(),P===null&&(P=rr,D=n2(),P.pooledCache=D,D.refCount++,D!==null&&(P.pooledCacheLanes|=_),P=D),m.memoizedState={parent:S,cache:P},s2(m),au(m,Yr,P)):((h.lanes&_)!==0&&(o2(h,m),zg(m,null,null,_),Ug()),P=h.memoizedState,D=m.memoizedState,P.parent!==S?(P={parent:S,cache:S},m.memoizedState=P,m.lanes===0&&(m.memoizedState=m.updateQueue.baseState=P),au(m,Yr,S)):(S=D.cache,au(m,Yr,S),S!==P.cache&&t2(m,[Yr],_,!0))),Gi(h,m,m.pendingProps.children,_),m.child;case 29:throw m.pendingProps}throw Error(r(156,m.tag))}function Vl(h){h.flags|=4}function H2(h,m,_,S,P){if((m=(h.mode&32)!==0)&&(m=!1),m){if(h.flags|=16777216,(P&335544128)===P)if(h.stateNode.complete)h.flags|=8192;else if(f5())h.flags|=8192;else throw Wd=Ny,a2}else h.flags&=-16777217}function BI(h,m){if(m.type!=="stylesheet"||(m.state.loading&4)!==0)h.flags&=-16777217;else if(h.flags|=16777216,!nF(m))if(f5())h.flags|=8192;else throw Wd=Ny,a2}function Gy(h,m){m!==null&&(h.flags|=4),h.flags&16384&&(m=h.tag!==22?Se():536870912,h.lanes|=m,qf|=m)}function Wg(h,m){if(!Mn)switch(h.tailMode){case"hidden":m=h.tail;for(var _=null;m!==null;)m.alternate!==null&&(_=m),m=m.sibling;_===null?h.tail=null:_.sibling=null;break;case"collapsed":_=h.tail;for(var S=null;_!==null;)_.alternate!==null&&(S=_),_=_.sibling;S===null?m||h.tail===null?h.tail=null:h.tail.sibling=null:S.sibling=null}}function dr(h){var m=h.alternate!==null&&h.alternate.child===h.child,_=0,S=0;if(m)for(var P=h.child;P!==null;)_|=P.lanes|P.childLanes,S|=P.subtreeFlags&65011712,S|=P.flags&65011712,P.return=h,P=P.sibling;else for(P=h.child;P!==null;)_|=P.lanes|P.childLanes,S|=P.subtreeFlags,S|=P.flags,P.return=h,P=P.sibling;return h.subtreeFlags|=S,h.childLanes=_,m}function Bne(h,m,_){var S=m.pendingProps;switch(YE(m),m.tag){case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return dr(m),null;case 1:return dr(m),null;case 3:return _=m.stateNode,S=null,h!==null&&(S=h.memoizedState.cache),m.memoizedState.cache!==S&&(m.flags|=2048),zl(Yr),me(),_.pendingContext&&(_.context=_.pendingContext,_.pendingContext=null),(h===null||h.child===null)&&(Df(m)?Vl(m):h===null||h.memoizedState.isDehydrated&&(m.flags&256)===0||(m.flags|=1024,QE())),dr(m),null;case 26:var P=m.type,D=m.memoizedState;return h===null?(Vl(m),D!==null?(dr(m),BI(m,D)):(dr(m),H2(m,P,null,S,_))):D?D!==h.memoizedState?(Vl(m),dr(m),BI(m,D)):(dr(m),m.flags&=-16777217):(h=h.memoizedProps,h!==S&&Vl(m),dr(m),H2(m,P,h,S,_)),null;case 27:if(Pe(m),_=de.current,P=m.type,h!==null&&m.stateNode!=null)h.memoizedProps!==S&&Vl(m);else{if(!S){if(m.stateNode===null)throw Error(r(166));return dr(m),null}h=te.current,Df(m)?v4(m):(h=K5(P,S,_),m.stateNode=h,Vl(m))}return dr(m),null;case 5:if(Pe(m),P=m.type,h!==null&&m.stateNode!=null)h.memoizedProps!==S&&Vl(m);else{if(!S){if(m.stateNode===null)throw Error(r(166));return dr(m),null}if(D=te.current,Df(m))v4(m);else{var X=sv(de.current);switch(D){case 1:D=X.createElementNS("http://www.w3.org/2000/svg",P);break;case 2:D=X.createElementNS("http://www.w3.org/1998/Math/MathML",P);break;default:switch(P){case"svg":D=X.createElementNS("http://www.w3.org/2000/svg",P);break;case"math":D=X.createElementNS("http://www.w3.org/1998/Math/MathML",P);break;case"script":D=X.createElement("div"),D.innerHTML="
-
+
+
- {/* Nozzle badge + AMS device icon */}
-
-
- {/* Second Column - AMS & Spoolman */}
-
- {isDualNozzle && (isLeftNozzle || isRightNozzle) && (
-
+ {/* AMS Content */}
+
+ {/* Row 1-2: Regular AMS (4-tray) in 2-column grid */}
+ {regularAms.length > 0 && (
+ (null);
const [showPlugModal, setShowPlugModal] = useState(false);
const [editingPlug, setEditingPlug] = useState(null);
@@ -586,6 +595,121 @@ export function SettingsPage() {
+
+
+
+
+
+
+ {/* Dark Mode Settings */}
+
+
+
+
+
+ {/* Second Column - Cost, AMS & Spoolman */}
+
+ {regularAms.map((ams) => {
+ const mappedExtruderId = amsExtruderMap[String(ams.id)];
+ const normalizedId = ams.id >= 128 ? ams.id - 128 : ams.id;
+ const extruderId = mappedExtruderId !== undefined ? mappedExtruderId : normalizedId;
+ const isLeftNozzle = extruderId === 1;
+ const isRightNozzle = extruderId === 0;
- {/* Label and filament info */}
-
+ );
+ })()}
)}
@@ -1362,11 +1666,17 @@ function PrinterCard({
variant="secondary"
size="sm"
onClick={() => {
- window.open(
- `/camera/${printer.id}`,
- `camera-${printer.id}`,
- 'width=640,height=400,menubar=no,toolbar=no,location=no,status=no'
- );
+ // Use saved window state or defaults
+ const saved = localStorage.getItem('cameraWindowState');
+ const state = saved ? JSON.parse(saved) : { width: 640, height: 400 };
+ const features = [
+ `width=${state.width}`,
+ `height=${state.height}`,
+ state.left !== undefined ? `left=${state.left}` : '',
+ state.top !== undefined ? `top=${state.top}` : '',
+ 'menubar=no,toolbar=no,location=no,status=no',
+ ].filter(Boolean).join(',');
+ window.open(`/camera/${printer.id}`, `camera-${printer.id}`, features);
}}
disabled={!status?.connected}
title="Open camera in new window"
diff --git a/frontend/src/pages/SettingsPage.tsx b/frontend/src/pages/SettingsPage.tsx
index 786aff67d..befc68fa7 100644
--- a/frontend/src/pages/SettingsPage.tsx
+++ b/frontend/src/pages/SettingsPage.tsx
@@ -21,12 +21,21 @@ import { virtualPrinterApi } from '../api/client';
import { defaultNavItems, getDefaultView, setDefaultView } from '../components/Layout';
import { availableLanguages } from '../i18n';
import { useToast } from '../contexts/ToastContext';
+import { useTheme, type ThemeStyle, type DarkBackground, type LightBackground, type ThemeAccent } from '../contexts/ThemeContext';
import { useState, useEffect, useRef, useCallback } from 'react';
+import { Palette } from 'lucide-react';
export function SettingsPage() {
const queryClient = useQueryClient();
const { t, i18n } = useTranslation();
const { showToast, showPersistentToast, dismissToast } = useToast();
+ const {
+ mode,
+ darkStyle, darkBackground, darkAccent,
+ lightStyle, lightBackground, lightAccent,
+ setDarkStyle, setDarkBackground, setDarkAccent,
+ setLightStyle, setLightBackground, setLightAccent,
+ } = useTheme();
const [localSettings, setLocalSettings] = useState
-
- {getAmsLabel(ams.id, ams.tray.length)}
-
- {/* Filament types and fill levels */}
-
- )}
+
- {ams.tray.map((tray, i) => (
-
- );
- })}
- {/* External spool indicator */}
- {status.vt_tray && status.vt_tray.tray_type && (
-
-
- {/* Humidity/temp - responsive positioning */}
- {(ams.humidity != null || ams.temp != null) && (
-
-
- {tray.tray_type ? (tray.tray_sub_brands || tray.tray_type) : '—'}
-
-
- {tray.tray_type && tray.remain >= 0 ? `${tray.remain}%` : '—'}
-
-
- {i < ams.tray.length - 1 && (
-
- ·
- ·
-
+ return (
+
+ {/* Header: Label + Stats (no icon) */}
+
-
+
+ {/* Slots grid: 4 columns - always render 4 slots */}
+
+
+ {getAmsLabel(ams.id, ams.tray.length)}
+
+ {isDualNozzle && (isLeftNozzle || isRightNozzle) && (
+
- ))}
+ {(ams.humidity != null || ams.temp != null) && (
+
+ {ams.humidity != null && (
+ setAmsHistoryModal({
+ amsId: ams.id,
+ amsLabel: getAmsLabel(ams.id, ams.tray.length),
+ mode: 'humidity',
+ })}
+ compact
+ />
+ )}
+ {ams.temp != null && (
+ setAmsHistoryModal({
+ amsId: ams.id,
+ amsLabel: getAmsLabel(ams.id, ams.tray.length),
+ mode: 'temperature',
+ })}
+ compact
+ />
+ )}
+
+ )}
+
+ {[0, 1, 2, 3].map((slotIdx) => {
+ // Find tray data for this slot (may be undefined if data incomplete)
+ // Use array index if available, as tray.id may not always be set
+ const tray = ams.tray[slotIdx] || ams.tray.find(t => t.id === slotIdx);
+ const hasFillLevel = tray?.tray_type && tray.remain >= 0;
+ const isEmpty = !tray?.tray_type;
+ // Check if this is the currently loaded tray
+ // Global tray ID = ams.id * 4 + slot index (for standard AMS)
+ const globalTrayId = ams.id * 4 + slotIdx;
+ const isActive = effectiveTrayNow === globalTrayId;
+ // Get cloud preset info if available
+ const cloudInfo = tray?.tray_info_idx ? filamentInfo?.[tray.tray_info_idx] : null;
+
+ // Build filament data for hover card
+ const filamentData = tray?.tray_type ? {
+ vendor: (tray.tray_uuid ? 'Bambu Lab' : 'Generic') as 'Bambu Lab' | 'Generic',
+ profile: cloudInfo?.name || tray.tray_sub_brands || tray.tray_type,
+ colorName: getBambuColorName(tray.tray_id_name) || hexToBasicColorName(tray.tray_color),
+ colorHex: tray.tray_color || null,
+ kFactor: formatKValue(tray.k),
+ fillLevel: hasFillLevel ? tray.remain : null,
+ } : null;
+
+ const slotContent = (
+
+ {slotContent}
+
+ ) : (
+
+ {slotContent}
+
+ );
+ })}
+
+
+
+ );
+
+ return filamentData ? (
+
+ {tray?.tray_type || '—'}
+
+ {/* Fill bar */}
+
+ {hasFillLevel && tray ? (
+
+ ) : tray?.tray_type ? (
+
+ ) : null}
+
+
- {ams.humidity != null && (
- setAmsHistoryModal({
- amsId: ams.id,
- amsLabel: getAmsLabel(ams.id, ams.tray.length),
- mode: 'humidity',
- })}
- />
- )}
- {ams.temp != null && (
- setAmsHistoryModal({
- amsId: ams.id,
- amsLabel: getAmsLabel(ams.id, ams.tray.length),
- mode: 'temperature',
- })}
- />
- )}
+ );
+ })}
+
+ )}
+
+ {/* Row 3: HT AMS + External spools (same style as regular AMS, 4 across) */}
+ {(htAms.length > 0 || (status.vt_tray && status.vt_tray.tray_type)) && (
+
+ {/* HT AMS units - name/badge top, slot left, stats right */}
+ {htAms.map((ams) => {
+ const mappedExtruderId = amsExtruderMap[String(ams.id)];
+ const normalizedId = ams.id >= 128 ? ams.id - 128 : ams.id;
+ const extruderId = mappedExtruderId !== undefined ? mappedExtruderId : normalizedId;
+ const isLeftNozzle = extruderId === 1;
+ const isRightNozzle = extruderId === 0;
+ const tray = ams.tray[0];
+ const hasFillLevel = tray?.tray_type && tray.remain >= 0;
+ const isEmpty = !tray?.tray_type;
+ // Check if this is the currently loaded tray
+ // Global tray ID = ams.id * 4 + tray.id
+ const globalTrayId = ams.id * 4 + (tray?.id ?? 0);
+ const isActive = effectiveTrayNow === globalTrayId;
+ // Get cloud preset info if available
+ const cloudInfo = tray?.tray_info_idx ? filamentInfo?.[tray.tray_info_idx] : null;
+
+ // Build filament data for hover card
+ const filamentData = tray?.tray_type ? {
+ vendor: (tray.tray_uuid ? 'Bambu Lab' : 'Generic') as 'Bambu Lab' | 'Generic',
+ profile: cloudInfo?.name || tray.tray_sub_brands || tray.tray_type,
+ colorName: getBambuColorName(tray.tray_id_name) || hexToBasicColorName(tray.tray_color),
+ colorHex: tray.tray_color || null,
+ kFactor: formatKValue(tray.k),
+ fillLevel: hasFillLevel ? tray.remain : null,
+ } : null;
+
+ const slotContent = (
+
-
+
+
- )}
+ );
+
+ return (
+
+ {tray?.tray_type || '—'}
+
+ {/* Fill bar */}
+
+ {hasFillLevel ? (
+
+ ) : tray?.tray_type ? (
+
+ ) : null}
+
+ {/* Row 1: Label + Nozzle */}
+
+ );
+ })}
+ {/* External spool - name top, slot below (no stats) */}
+ {status.vt_tray && status.vt_tray.tray_type && (() => {
+ const extTray = status.vt_tray;
+ // Check if external spool is active (tray_now = 254)
+ const isExtActive = effectiveTrayNow === 254;
+ // Get cloud preset info if available
+ const extCloudInfo = extTray.tray_info_idx ? filamentInfo?.[extTray.tray_info_idx] : null;
+
+ // Build filament data for hover card
+ const extFilamentData = {
+ vendor: (extTray.tray_uuid ? 'Bambu Lab' : 'Generic') as 'Bambu Lab' | 'Generic',
+ profile: extCloudInfo?.name || extTray.tray_sub_brands || extTray.tray_type || 'Unknown',
+ colorName: getBambuColorName(extTray.tray_id_name) || hexToBasicColorName(extTray.tray_color),
+ colorHex: extTray.tray_color || null,
+ kFactor: formatKValue(extTray.k),
+ fillLevel: null, // External spool has unknown fill level
+ };
+
+ const extSlotContent = (
+
+
+ {getAmsLabel(ams.id, ams.tray.length)}
+
+ {isDualNozzle && (isLeftNozzle || isRightNozzle) && (
+
+ {/* Row 2: Slot (left) + Stats (right stacked) */}
+
+ {/* Slot - takes remaining width */}
+ {filamentData ? (
+
+ {slotContent}
+
+ ) : (
+
+ {slotContent}
+
+ )}
+ {/* Stats stacked vertically: Temp on top, Humidity below */}
+ {(ams.humidity != null || ams.temp != null) && (
+
+
+ {ams.temp != null && (
+ setAmsHistoryModal({
+ amsId: ams.id,
+ amsLabel: getAmsLabel(ams.id, ams.tray.length),
+ mode: 'temperature',
+ })}
+ compact
+ />
+ )}
+ {ams.humidity != null && (
+ setAmsHistoryModal({
+ amsId: ams.id,
+ amsLabel: getAmsLabel(ams.id, ams.tray.length),
+ mode: 'humidity',
+ })}
+ compact
+ />
+ )}
+
+ )}
+
+
+
+ );
+
+ return (
+
+ {extTray.tray_type || 'Spool'}
+
+ {/* Unknown fill level - subtle bar */}
+
+
+
+
+ {/* Row 1: Label */}
+
+ {extSlotContent}
+
+
+ );
+ })()}
+ External
+
+ {/* Row 2: Slot (full width since no stats) */}
+
-
- )}
-
-
-
+ )}
- External
-
- - {status.vt_tray.tray_sub_brands || status.vt_tray.tray_type || 'Spool'} -
-
+
+
+
+
+ {/* Light Mode Settings */}
+ + Dark Mode + {mode === 'dark' && (active)} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Light Mode + {mode === 'light' && (active)} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Toggle between dark and light mode using the sun/moon icon in the sidebar. +
+