+
+
+
+ )}
+
+ {/* Discovery Section - only show when not editing and Tasmota is selected */}
+ {!isEditing && plugType === 'tasmota' && (
{/* Scan button - auto-detects network */}
{isScanning ? (
@@ -319,38 +390,132 @@ export function AddSmartPlugModal({ plug, onClose }: AddSmartPlugModalProps) {
)}
- {/* IP Address */}
-
-
-
+ {/* Home Assistant Entity Selector - only show when HA is selected */}
+ {plugType === 'homeassistant' && (
+
- {
- setIpAddress(e.target.value);
- setTestResult(null);
- }}
- placeholder="192.168.1.100"
- className="flex-1 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
-
-
-
+ {/* HA not configured */}
+ {!haConfigured && (
+
+ )}
+
+ {/* IP Address - only show for Tasmota */}
+ {plugType === 'tasmota' && (
+
+
+ )}
- {/* Test Result */}
- {testResult && (
+ {/* HA configured - show loading/entities */}
+ {haConfigured && (
+ <>
+ {haEntitiesLoading && (
+
+ Home Assistant is not configured. Set it up in{' '}
+ Settings → Network → Home Assistant
+
+
+
+
+
+
+
+ )}
+
+ {haEntities && haEntities.length === 0 && (
+
+ No switch/light entities found in Home Assistant
+
+ )}
+
+ {haEntities && haEntities.length > 0 && (() => {
+ // Filter out entities already configured (except current plug when editing)
+ const configuredEntityIds = existingPlugs
+ ?.filter(p => p.ha_entity_id && p.id !== plug?.id)
+ .map(p => p.ha_entity_id) || [];
+ const availableEntities = haEntities.filter(e => !configuredEntityIds.includes(e.entity_id));
+
+ return (
+
+
+
+ {configuredEntityIds.length > 0 && (
+
+ );
+ })()}
+
+ {haEntityId && haEntities && (
+ + {configuredEntityIds.length} entity(s) already configured +
+ )} +
+
+ )}
+
+ )}
+
+
+ Entity selected
++ {haEntities.find(e => e.entity_id === haEntityId)?.friendly_name} - {haEntities.find(e => e.entity_id === haEntityId)?.state} +
+
+
+
+ )}
+
+ {/* Test Result - only show for Tasmota */}
+ {plugType === 'tasmota' && testResult && (
- {/* Authentication (optional) */}
-
+ {
+ setIpAddress(e.target.value);
+ setTestResult(null);
+ }}
+ placeholder="192.168.1.100"
+ className="flex-1 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+
+
+
-
-
-
- setUsername(e.target.value)}
- placeholder="admin"
- className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
-
-
-
- setPassword(e.target.value)}
- placeholder="********"
- className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
-
- - Leave empty if your Tasmota device doesn't require authentication -
+ {/* Authentication (optional) - only show for Tasmota */} + {plugType === 'tasmota' && ( + <> +
+
+
+
+ setUsername(e.target.value)}
+ placeholder="admin"
+ className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+
+
+
+ setPassword(e.target.value)}
+ placeholder="********"
+ className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+
+ + Leave empty if your Tasmota device doesn't require authentication +
+ + )} {/* Link to Printer */}
diff --git a/frontend/src/components/EditQueueItemModal.tsx b/frontend/src/components/EditQueueItemModal.tsx
index 0191e5807..d03fe68b9 100644
--- a/frontend/src/components/EditQueueItemModal.tsx
+++ b/frontend/src/components/EditQueueItemModal.tsx
@@ -1,6 +1,6 @@
import { useState, useEffect, useMemo } from 'react';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { Calendar, Clock, X, AlertCircle, Power, Pencil, Hand, Check, AlertTriangle, Circle, RefreshCw, ChevronDown, ChevronUp } from 'lucide-react';
+import { Calendar, Clock, X, AlertCircle, Power, Pencil, Hand, Check, AlertTriangle, Circle, RefreshCw, ChevronDown, ChevronUp, Layers, Settings } from 'lucide-react';
import { api } from '../api/client';
import type { PrintQueueItem, PrintQueueItemUpdate } from '../api/client';
import { Card, CardContent } from './Card';
@@ -18,6 +18,7 @@ export function EditQueueItemModal({ item, onClose }: EditQueueItemModalProps) {
const { showToast } = useToast();
const [printerId, setPrinterId] = useState(item.printer_id);
+ const [selectedPlate, setSelectedPlate] = useState(item.plate_id);
// Check if scheduled_time is a "placeholder" far-future date (more than 6 months out)
const isPlaceholderDate = item.scheduled_time &&
@@ -39,7 +40,17 @@ export function EditQueueItemModal({ item, onClose }: EditQueueItemModalProps) {
const [requirePreviousSuccess, setRequirePreviousSuccess] = useState(item.require_previous_success);
const [autoOffAfter, setAutoOffAfter] = useState(item.auto_off_after);
const [showFilamentMapping, setShowFilamentMapping] = useState(false);
+ const [showPrintOptions, setShowPrintOptions] = useState(false);
const [isRefreshing, setIsRefreshing] = useState(false);
+ // Print options
+ const [printOptions, setPrintOptions] = useState({
+ bed_levelling: item.bed_levelling ?? true,
+ flow_cali: item.flow_cali ?? false,
+ vibration_cali: item.vibration_cali ?? true,
+ layer_inspect: item.layer_inspect ?? false,
+ timelapse: item.timelapse ?? false,
+ use_ams: item.use_ams ?? true,
+ });
// Manual slot overrides: slot_id (1-indexed) -> globalTrayId
// Initialize from existing ams_mapping if present
const [manualMappings, setManualMappings] = useState>(() => {
@@ -60,10 +71,27 @@ export function EditQueueItemModal({ item, onClose }: EditQueueItemModalProps) {
queryFn: () => api.getPrinters(),
});
- // Fetch filament requirements from the archived 3MF
+ // Fetch available plates from the archived 3MF
+ const { data: platesData } = useQuery({
+ queryKey: ['archive-plates', item.archive_id],
+ queryFn: () => api.getArchivePlates(item.archive_id),
+ });
+
+ // Auto-select the first plate for single-plate files, or use existing plate_id
+ useEffect(() => {
+ if (platesData?.plates?.length === 1 && !selectedPlate) {
+ setSelectedPlate(platesData.plates[0].index);
+ }
+ }, [platesData, selectedPlate]);
+
+ const isMultiPlate = platesData?.is_multi_plate ?? false;
+ const plates = platesData?.plates ?? [];
+
+ // Fetch filament requirements from the archived 3MF (filtered by plate if selected)
const { data: filamentReqs } = useQuery({
- queryKey: ['archive-filaments', item.archive_id],
- queryFn: () => api.getArchiveFilamentRequirements(item.archive_id),
+ queryKey: ['archive-filaments', item.archive_id, selectedPlate],
+ queryFn: () => api.getArchiveFilamentRequirements(item.archive_id, selectedPlate ?? undefined),
+ enabled: selectedPlate !== null || !isMultiPlate,
});
// Fetch printer status when a printer is selected
@@ -73,13 +101,14 @@ export function EditQueueItemModal({ item, onClose }: EditQueueItemModalProps) {
enabled: printerId !== null,
});
- // Clear manual mappings when printer changes (but not on initial load)
+ // Clear manual mappings when printer or plate changes (but not on initial load)
const [initialPrinterId] = useState(item.printer_id);
+ const [initialPlateId] = useState(item.plate_id);
useEffect(() => {
- if (printerId !== initialPrinterId) {
+ if (printerId !== initialPrinterId || selectedPlate !== initialPlateId) {
setManualMappings({});
}
- }, [printerId, initialPrinterId]);
+ }, [printerId, initialPrinterId, selectedPlate, initialPlateId]);
// Close on Escape key
useEffect(() => {
@@ -312,6 +341,8 @@ export function EditQueueItemModal({ item, onClose }: EditQueueItemModalProps) {
auto_off_after: autoOffAfter,
manual_start: scheduleType === 'manual',
ams_mapping: amsMapping,
+ plate_id: selectedPlate,
+ ...printOptions,
};
if (scheduleType === 'scheduled' && scheduledTime) {
@@ -393,8 +424,61 @@ export function EditQueueItemModal({ item, onClose }: EditQueueItemModalProps) {
)}
+ {/* Plate selection - show when multi-plate file detected */}
+ {isMultiPlate && plates.length > 1 && (
+
+
+ )}
+
{/* Filament Mapping Section */}
- {printerId !== null && hasFilamentReqs && (
+ {printerId !== null && (isMultiPlate ? selectedPlate !== null : true) && hasFilamentReqs && (
+
+
+ {plates.map((plate) => (
+
+ ))}
+
+
)}
+ {/* F3D badge */}
+ {archive.f3d_path && (
+
+ )}
{/* Timelapse badge */}
{archive.timelapse_path && (
@@ -1489,6 +1657,21 @@ function ArchiveListRow({
/>
)}
+ {/* Delete F3D Confirmation */}
+ {showDeleteF3dConfirm && (
+ {
+ f3dDeleteMutation.mutate();
+ setShowDeleteF3dConfirm(false);
+ }}
+ onCancel={() => setShowDeleteF3dConfirm(false)}
+ />
+ )}
+
{/* Context Menu */}
{contextMenu && (
(null);
+
+ const flattenFolders = (items: LibraryFolderTree[], depth = 0): { id: number | null; name: string; depth: number }[] => {
+ const result: { id: number | null; name: string; depth: number }[] = [];
+ for (const item of items) {
+ result.push({ id: item.id, name: item.name, depth });
+ if (item.children.length > 0) {
+ result.push(...flattenFolders(item.children, depth + 1));
+ }
+ }
+ return result;
+ };
+
+ const flatFolders = [{ id: null, name: 'Root (No Folder)', depth: 0 }, ...flattenFolders(folders)];
+
+ return (
+ (
+ folder.project_id || folder.archive_id || null
+ );
+
+ // Initialize linkType based on existing link
+ useState(() => {
+ if (folder.archive_id) setLinkType('archive');
+ });
+
+ const { data: projects } = useQuery({
+ queryKey: ['projects'],
+ queryFn: () => api.getProjects(),
+ });
+
+ const { data: archives } = useQuery({
+ queryKey: ['archives-for-link'],
+ queryFn: () => api.getArchives(undefined, undefined, 100),
+ });
+
+ const handleSave = () => {
+ if (linkType === 'project') {
+ onLink({
+ project_id: selectedId,
+ archive_id: 0, // Unlink archive
+ });
+ } else {
+ onLink({
+ project_id: 0, // Unlink project
+ archive_id: selectedId,
+ });
+ }
+ };
+
+ const handleUnlink = () => {
+ onLink({
+ project_id: 0,
+ archive_id: 0,
+ });
+ };
+
+ const isLinked = folder.project_id || folder.archive_id;
+
+ return (
+ ([]);
+ const [isDragging, setIsDragging] = useState(false);
+ const [isUploading, setIsUploading] = useState(false);
+ const fileInputRef = useRef(null);
+
+ const handleDragOver = (e: DragEvent) => {
+ e.preventDefault();
+ setIsDragging(true);
+ };
+
+ const handleDragLeave = (e: DragEvent) => {
+ e.preventDefault();
+ setIsDragging(false);
+ };
+
+ const handleDrop = (e: DragEvent) => {
+ e.preventDefault();
+ setIsDragging(false);
+ const droppedFiles = Array.from(e.dataTransfer.files);
+ addFiles(droppedFiles);
+ };
+
+ const handleFileSelect = (e: React.ChangeEvent) => {
+ if (e.target.files) {
+ addFiles(Array.from(e.target.files));
+ }
+ };
+
+ const addFiles = (newFiles: File[]) => {
+ const uploadFiles: UploadFile[] = newFiles.map((file) => ({
+ file,
+ status: 'pending',
+ }));
+ setFiles((prev) => [...prev, ...uploadFiles]);
+ };
+
+ const removeFile = (index: number) => {
+ setFiles((prev) => prev.filter((_, i) => i !== index));
+ };
+
+ const handleUpload = async () => {
+ if (files.length === 0) return;
+
+ setIsUploading(true);
+
+ for (let i = 0; i < files.length; i++) {
+ if (files[i].status !== 'pending') continue;
+
+ setFiles((prev) =>
+ prev.map((f, idx) => (idx === i ? { ...f, status: 'uploading' } : f))
+ );
+
+ try {
+ await api.uploadLibraryFile(files[i].file, folderId);
+ setFiles((prev) =>
+ prev.map((f, idx) => (idx === i ? { ...f, status: 'success' } : f))
+ );
+ } catch (err) {
+ setFiles((prev) =>
+ prev.map((f, idx) =>
+ idx === i
+ ? { ...f, status: 'error', error: err instanceof Error ? err.message : 'Upload failed' }
+ : f
+ )
+ );
+ }
+ }
+
+ setIsUploading(false);
+ onUploadComplete();
+ // Auto-close modal after upload completes
+ onClose();
+ };
+
+ const pendingCount = files.filter((f) => f.status === 'pending').length;
+ const successCount = files.filter((f) => f.status === 'success').length;
+ const errorCount = files.filter((f) => f.status === 'error').length;
+ const allDone = files.length > 0 && pendingCount === 0 && !isUploading;
+
+ return (
+
+
+ );
+}
+
+// Move Files Modal
+interface MoveFilesModalProps {
+ folders: LibraryFolderTree[];
+ selectedFiles: number[];
+ currentFolderId: number | null;
+ onClose: () => void;
+ onMove: (folderId: number | null) => void;
+ isLoading: boolean;
+}
+
+function MoveFilesModal({ folders, selectedFiles, currentFolderId, onClose, onMove, isLoading }: MoveFilesModalProps) {
+ const [targetFolder, setTargetFolder] = useState
+
+
+
+
+ New Folder
+
+
+ );
+}
+
+// Link Folder Modal
+interface LinkFolderModalProps {
+ folder: LibraryFolderTree;
+ onClose: () => void;
+ onLink: (update: LibraryFolderUpdate) => void;
+ isLoading: boolean;
+}
+
+function LinkFolderModal({ folder, onClose, onLink, isLoading }: LinkFolderModalProps) {
+ const [linkType, setLinkType] = useState<'project' | 'archive'>('project');
+ const [selectedId, setSelectedId] = useState
+
+
+
+ Move {selectedFiles.length} File(s)
+
+
+
+ {flatFolders.map((folder) => (
+
+ ))}
+
+
+
+
+
+
+
+ );
+}
+
+// Upload Modal with Drag & Drop
+interface UploadModalProps {
+ folderId: number | null;
+ onClose: () => void;
+ onUploadComplete: () => void;
+}
+
+interface UploadFile {
+ file: File;
+ status: 'pending' | 'uploading' | 'success' | 'error';
+ error?: string;
+}
+
+function UploadModal({ folderId, onClose, onUploadComplete }: UploadModalProps) {
+ const [files, setFiles] = useState
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Link "{folder.name}" to a project or archive for quick access. +
+ + {/* Link type selector */} +
+
+
+
+
+ {/* Selection list */}
+
+ {linkType === 'project' ? (
+ projects && projects.length > 0 ? (
+ projects.map((project) => (
+
+ ))
+ ) : (
+
+ No projects found
+ ) + ) : ( + archives && archives.length > 0 ? ( + archives.map((archive: Archive) => ( + + )) + ) : ( +No archives found
+ ) + )} +
+ {isLinked && (
+
+ )}
+
+
+
+
+
+
+
+ );
+}
+
+// Folder Tree Item
+interface FolderTreeItemProps {
+ folder: LibraryFolderTree;
+ selectedFolderId: number | null;
+ onSelect: (id: number | null) => void;
+ onDelete: (id: number) => void;
+ onLink: (folder: LibraryFolderTree) => void;
+ depth?: number;
+}
+
+function FolderTreeItem({ folder, selectedFolderId, onSelect, onDelete, onLink, depth = 0 }: FolderTreeItemProps) {
+ const [expanded, setExpanded] = useState(true);
+ const [showActions, setShowActions] = useState(false);
+ const hasChildren = folder.children.length > 0;
+ const isLinked = folder.project_id || folder.archive_id;
+
+ return (
+
+
+
+
+
+ Upload Files
+ +
+ {/* Drop Zone */}
+
+
+ fileInputRef.current?.click()}
+ className={`border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${
+ isDragging
+ ? 'border-bambu-green bg-bambu-green/10'
+ : 'border-bambu-dark-tertiary hover:border-bambu-green/50'
+ }`}
+ >
+
+
+
+
+ {/* File List */}
+ {files.length > 0 && (
+ + {isDragging ? 'Drop files here' : 'Drag & drop files here'} +
+or click to browse
+
+ {files.map((uploadFile, index) => (
+
+ )}
+
+ {/* Summary */}
+ {allDone && (
+
+
+ ))}
+
+
+ {uploadFile.status === 'pending' && (
+
+ )}
+ {uploadFile.status === 'uploading' && (
+ {uploadFile.file.name}
++ {(uploadFile.file.size / 1024 / 1024).toFixed(2)} MB +
+
+
+ )}
+ + Upload complete: {successCount} succeeded + {errorCount > 0 && , {errorCount} failed} +
+
+
+ {!allDone && (
+
+ )}
+
+
+
onSelect(folder.id)}
+ >
+ {hasChildren ? (
+
+ ) : (
+
+ )}
+
+ );
+}
+
+// Helper to check if a file is sliced (printable)
+function isSlicedFilename(filename: string): boolean {
+ const lower = filename.toLowerCase();
+ return lower.endsWith('.gcode') || lower.includes('.gcode.');
+}
+
+// File Card
+interface FileCardProps {
+ file: LibraryFileListItem;
+ isSelected: boolean;
+ onSelect: (id: number) => void;
+ onDelete: (id: number) => void;
+ onDownload: (id: number) => void;
+ onAddToQueue?: (id: number) => void;
+}
+
+function FileCard({ file, isSelected, onSelect, onDelete, onDownload, onAddToQueue }: FileCardProps) {
+ const [showActions, setShowActions] = useState(false);
+
+ return (
+ e.stopPropagation()}>
+
+ {hasChildren && expanded && (
+
+
+ {showActions && (
+ <>
+
+ setShowActions(false)} />
+
+
+
+
+
+
+ )}
+
+ {folder.children.map((child) => (
+
+ )}
+ onSelect(file.id)}
+ >
+ {/* Thumbnail */}
+ (initialFolderId);
+ const [selectedFiles, setSelectedFiles] = useState([]);
+ const [showNewFolderModal, setShowNewFolderModal] = useState(false);
+ const [showMoveModal, setShowMoveModal] = useState(false);
+ const [showUploadModal, setShowUploadModal] = useState(false);
+ const [linkFolder, setLinkFolder] = useState(null);
+ const [deleteConfirm, setDeleteConfirm] = useState<{ type: 'file' | 'folder' | 'bulk'; id: number; count?: number } | null>(null);
+ const [viewMode, setViewMode] = useState<'grid' | 'list'>(() => {
+ return (localStorage.getItem('library-view-mode') as 'grid' | 'list') || 'grid';
+ });
+
+ // Filter and sort state
+ const [searchQuery, setSearchQuery] = useState('');
+ const [filterType, setFilterType] = useState('all');
+ const [sortField, setSortField] = useState('date');
+ const [sortDirection, setSortDirection] = useState('desc');
+
+ // Update selectedFolderId when URL parameter changes (e.g., navigating from Project or Archive page)
+ useEffect(() => {
+ const folderParam = searchParams.get('folder');
+ const newFolderId = folderParam ? parseInt(folderParam, 10) : null;
+ if (newFolderId !== selectedFolderId) {
+ setSelectedFolderId(newFolderId);
+ }
+ }, [searchParams]);
+
+ // Queries
+ const { data: settings } = useQuery({
+ queryKey: ['settings'],
+ queryFn: () => api.getSettings() as Promise,
+ });
+ const { data: folders, isLoading: foldersLoading } = useQuery({
+ queryKey: ['library-folders'],
+ queryFn: () => api.getLibraryFolders(),
+ });
+
+ const { data: files, isLoading: filesLoading } = useQuery({
+ queryKey: ['library-files', selectedFolderId],
+ queryFn: () => api.getLibraryFiles(selectedFolderId, selectedFolderId === null),
+ });
+
+ const { data: stats } = useQuery({
+ queryKey: ['library-stats'],
+ queryFn: () => api.getLibraryStats(),
+ });
+
+ // Get unique file types for filter dropdown
+ const fileTypes = useMemo(() => {
+ if (!files) return [];
+ const types = new Set(files.map((f) => f.file_type));
+ return Array.from(types).sort();
+ }, [files]);
+
+ // Filter and sort files
+ const filteredAndSortedFiles = useMemo(() => {
+ if (!files) return [];
+
+ let result = [...files];
+
+ // Apply search filter
+ if (searchQuery.trim()) {
+ const query = searchQuery.toLowerCase();
+ result = result.filter(
+ (f) =>
+ f.filename.toLowerCase().includes(query) ||
+ (f.print_name && f.print_name.toLowerCase().includes(query))
+ );
+ }
+
+ // Apply type filter
+ if (filterType !== 'all') {
+ result = result.filter((f) => f.file_type === filterType);
+ }
+
+ // Apply sorting
+ result.sort((a, b) => {
+ let comparison = 0;
+ switch (sortField) {
+ case 'name':
+ comparison = (a.print_name || a.filename).localeCompare(b.print_name || b.filename);
+ break;
+ case 'date':
+ comparison = new Date(a.created_at).getTime() - new Date(b.created_at).getTime();
+ break;
+ case 'size':
+ comparison = a.file_size - b.file_size;
+ break;
+ case 'type':
+ comparison = a.file_type.localeCompare(b.file_type);
+ break;
+ case 'prints':
+ comparison = a.print_count - b.print_count;
+ break;
+ }
+ return sortDirection === 'asc' ? comparison : -comparison;
+ });
+
+ return result;
+ }, [files, searchQuery, filterType, sortField, sortDirection]);
+
+ // Check if disk space is low
+ const isDiskSpaceLow = useMemo(() => {
+ if (!stats || !settings) return false;
+ const thresholdBytes = (settings.library_disk_warning_gb || 5) * 1024 * 1024 * 1024;
+ return stats.disk_free_bytes < thresholdBytes;
+ }, [stats, settings]);
+
+ // Mutations
+ const createFolderMutation = useMutation({
+ mutationFn: (data: LibraryFolderCreate) => api.createLibraryFolder(data),
+ onSuccess: () => {
+ queryClient.invalidateQueries({ queryKey: ['library-folders'] });
+ setShowNewFolderModal(false);
+ showToast('Folder created', 'success');
+ },
+ onError: (error: Error) => showToast(error.message, 'error'),
+ });
+
+ const deleteFolderMutation = useMutation({
+ mutationFn: (id: number) => api.deleteLibraryFolder(id),
+ onSuccess: () => {
+ queryClient.invalidateQueries({ queryKey: ['library-folders'] });
+ queryClient.invalidateQueries({ queryKey: ['library-files'] });
+ queryClient.invalidateQueries({ queryKey: ['library-stats'] });
+ if (selectedFolderId === deleteConfirm?.id) {
+ setSelectedFolderId(null);
+ }
+ setDeleteConfirm(null);
+ showToast('Folder deleted', 'success');
+ },
+ onError: (error: Error) => {
+ setDeleteConfirm(null);
+ showToast(error.message, 'error');
+ },
+ });
+
+ const deleteFileMutation = useMutation({
+ mutationFn: (id: number) => api.deleteLibraryFile(id),
+ onSuccess: () => {
+ queryClient.invalidateQueries({ queryKey: ['library-files'] });
+ queryClient.invalidateQueries({ queryKey: ['library-folders'] });
+ queryClient.invalidateQueries({ queryKey: ['library-stats'] });
+ setSelectedFiles((prev) => prev.filter((id) => id !== deleteConfirm?.id));
+ setDeleteConfirm(null);
+ showToast('File deleted', 'success');
+ },
+ onError: (error: Error) => {
+ setDeleteConfirm(null);
+ showToast(error.message, 'error');
+ },
+ });
+
+ const moveFilesMutation = useMutation({
+ mutationFn: ({ fileIds, folderId }: { fileIds: number[]; folderId: number | null }) =>
+ api.moveLibraryFiles(fileIds, folderId),
+ onSuccess: () => {
+ queryClient.invalidateQueries({ queryKey: ['library-files'] });
+ queryClient.invalidateQueries({ queryKey: ['library-folders'] });
+ setSelectedFiles([]);
+ setShowMoveModal(false);
+ showToast('Files moved', 'success');
+ },
+ onError: (error: Error) => showToast(error.message, 'error'),
+ });
+
+ const updateFolderMutation = useMutation({
+ mutationFn: ({ id, data }: { id: number; data: LibraryFolderUpdate }) =>
+ api.updateLibraryFolder(id, data),
+ onSuccess: (_, variables) => {
+ queryClient.invalidateQueries({ queryKey: ['library-folders'] });
+ // Invalidate project/archive folder queries so other pages see the update
+ queryClient.invalidateQueries({ queryKey: ['project-folders'] });
+ queryClient.invalidateQueries({ queryKey: ['archive-folders'] });
+ setLinkFolder(null);
+ const isUnlink = variables.data.project_id === 0 && variables.data.archive_id === 0;
+ showToast(isUnlink ? 'Folder unlinked' : 'Folder linked', 'success');
+ },
+ onError: (error: Error) => showToast(error.message, 'error'),
+ });
+
+ const addToQueueMutation = useMutation({
+ mutationFn: (fileIds: number[]) => api.addLibraryFilesToQueue(fileIds),
+ onSuccess: (result) => {
+ queryClient.invalidateQueries({ queryKey: ['library-files'] });
+ queryClient.invalidateQueries({ queryKey: ['queue'] });
+ setSelectedFiles([]);
+
+ if (result.added.length > 0 && result.errors.length === 0) {
+ showToast(
+ `Added ${result.added.length} file${result.added.length > 1 ? 's' : ''} to queue`,
+ 'success'
+ );
+ } else if (result.added.length > 0 && result.errors.length > 0) {
+ showToast(
+ `Added ${result.added.length} file${result.added.length > 1 ? 's' : ''}, ${result.errors.length} failed`,
+ 'success'
+ );
+ } else {
+ showToast(`Failed to add files: ${result.errors[0]?.error || 'Unknown error'}`, 'error');
+ }
+ },
+ onError: (error: Error) => showToast(error.message, 'error'),
+ });
+
+ // Helper to check if a file is sliced (printable)
+ const isSlicedFile = useCallback((filename: string) => {
+ const lower = filename.toLowerCase();
+ return lower.endsWith('.gcode') || lower.includes('.gcode.');
+ }, []);
+
+ // Get sliced files from selection
+ const selectedSlicedFiles = useMemo(() => {
+ if (!files) return [];
+ return files.filter(f => selectedFiles.includes(f.id) && isSlicedFile(f.filename));
+ }, [files, selectedFiles, isSlicedFile]);
+
+ // Handlers
+ const handleFileSelect = useCallback((id: number) => {
+ // Always toggle selection (multi-select by default)
+ setSelectedFiles((prev) => {
+ return prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id];
+ });
+ }, []);
+
+ const handleSelectAll = useCallback(() => {
+ if (filteredAndSortedFiles.length > 0) {
+ setSelectedFiles(filteredAndSortedFiles.map((f) => f.id));
+ }
+ }, [filteredAndSortedFiles]);
+
+ const handleDeselectAll = useCallback(() => {
+ setSelectedFiles([]);
+ }, []);
+
+ const handleUploadComplete = () => {
+ queryClient.invalidateQueries({ queryKey: ['library-files'] });
+ queryClient.invalidateQueries({ queryKey: ['library-folders'] });
+ queryClient.invalidateQueries({ queryKey: ['library-stats'] });
+ };
+
+ const handleDownload = (id: number) => {
+ window.open(api.getLibraryFileDownloadUrl(id), '_blank');
+ };
+
+ const handleDeleteConfirm = () => {
+ if (!deleteConfirm) return;
+ if (deleteConfirm.type === 'file') {
+ deleteFileMutation.mutate(deleteConfirm.id);
+ } else if (deleteConfirm.type === 'folder') {
+ deleteFolderMutation.mutate(deleteConfirm.id);
+ } else if (deleteConfirm.type === 'bulk') {
+ // Bulk delete selected files
+ api.bulkDeleteLibrary(selectedFiles, []).then(() => {
+ queryClient.invalidateQueries({ queryKey: ['library-files'] });
+ queryClient.invalidateQueries({ queryKey: ['library-folders'] });
+ queryClient.invalidateQueries({ queryKey: ['library-stats'] });
+ showToast(`Deleted ${selectedFiles.length} files`, 'success');
+ setSelectedFiles([]);
+ setDeleteConfirm(null);
+ }).catch((err) => {
+ showToast(err.message, 'error');
+ setDeleteConfirm(null);
+ });
+ }
+ };
+
+ const handleViewModeChange = (mode: 'grid' | 'list') => {
+ setViewMode(mode);
+ localStorage.setItem('library-view-mode', mode);
+ };
+
+ const isLoading = foldersLoading || filesLoading;
+
+ return (
+ (null);
const projectId = parseInt(id || '0', 10);
@@ -236,6 +231,12 @@ export function ProjectDetailPage() {
queryFn: api.getSettings,
});
+ const { data: linkedFolders } = useQuery({
+ queryKey: ['project-folders', projectId],
+ queryFn: () => api.getLibraryFoldersByProject(projectId),
+ enabled: projectId > 0,
+ });
+
const currency = settings?.currency || '$';
const timeFormat: TimeFormat = settings?.time_format || 'system';
@@ -267,49 +268,6 @@ export function ProjectDetailPage() {
setNotesContent('');
};
- const handleFileSelect = async (e: React.ChangeEvent) => {
- const file = e.target.files?.[0];
- if (!file) return;
-
- setUploadingAttachment(true);
- try {
- const result = await api.uploadProjectAttachment(projectId, file);
- queryClient.invalidateQueries({ queryKey: ['project', projectId] });
- showToast(`Uploaded: ${result.original_name}`, 'success');
- } catch (error) {
- showToast((error as Error).message, 'error');
- } finally {
- setUploadingAttachment(false);
- if (fileInputRef.current) {
- fileInputRef.current.value = '';
- }
- }
- };
-
- const handleDeleteAttachment = (filename: string, originalName: string) => {
- setConfirmModal({
- isOpen: true,
- title: 'Delete Attachment',
- message: `Are you sure you want to delete "${originalName}"?`,
- onConfirm: async () => {
- setConfirmModal(prev => ({ ...prev, isOpen: false }));
- try {
- await api.deleteProjectAttachment(projectId, filename);
- queryClient.invalidateQueries({ queryKey: ['project', projectId] });
- showToast('Attachment deleted', 'success');
- } catch (error) {
- showToast((error as Error).message, 'error');
- }
- },
- });
- };
-
- const formatFileSize = (bytes: number): string => {
- if (bytes < 1024) return `${bytes} B`;
- if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
- return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
- };
-
// BOM handlers
const [newBomName, setNewBomName] = useState('');
const [newBomQty, setNewBomQty] = useState(1);
@@ -787,82 +745,49 @@ export function ProjectDetailPage() {
- {/* Attachments section */}
+ {/* Files section - linked folders from File Manager */}
-
-
diff --git a/frontend/src/pages/SettingsPage.tsx b/frontend/src/pages/SettingsPage.tsx
index 26129de39..ac22b038b 100644
--- a/frontend/src/pages/SettingsPage.tsx
+++ b/frontend/src/pages/SettingsPage.tsx
@@ -1,5 +1,5 @@
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
-import { Loader2, Plus, Plug, AlertTriangle, RotateCcw, Bell, Download, RefreshCw, ExternalLink, Globe, Droplets, Thermometer, FileText, Edit2, Send, CheckCircle, XCircle, History, Trash2, Upload, Zap, TrendingUp, Calendar, DollarSign, Power, PowerOff, Key, Copy, Database, Info, X, Shield, Printer, Cylinder, Wifi } from 'lucide-react';
+import { Loader2, Plus, Plug, AlertTriangle, RotateCcw, Bell, Download, RefreshCw, ExternalLink, Globe, Droplets, Thermometer, FileText, Edit2, Send, CheckCircle, XCircle, History, Trash2, Upload, Zap, TrendingUp, Calendar, DollarSign, Power, PowerOff, Key, Copy, Database, Info, X, Shield, Printer, Cylinder, Wifi, Home } from 'lucide-react';
import { useTranslation } from 'react-i18next';
import { api } from '../api/client';
import { formatDateOnly } from '../utils/date';
@@ -67,6 +67,10 @@ export function SettingsPage() {
const [showTelemetryInfo, setShowTelemetryInfo] = useState(false);
const [showReleaseNotes, setShowReleaseNotes] = useState(false);
+ // Home Assistant test connection state
+ const [haTestResult, setHaTestResult] = useState<{ success: boolean; message: string | null; error: string | null } | null>(null);
+ const [haTestLoading, setHaTestLoading] = useState(false);
+
const handleDefaultViewChange = (path: string) => {
setDefaultViewState(path);
setDefaultView(path);
@@ -300,6 +304,7 @@ export function SettingsPage() {
// Ref for debounce timeout
const saveTimeoutRef = useRef | null>(null);
+ const isSavingRef = useRef(false);
const isInitialLoadRef = useRef(true);
// Sync local state when settings load
@@ -317,6 +322,8 @@ export function SettingsPage() {
mutationFn: api.updateSettings,
onSuccess: (data) => {
queryClient.setQueryData(['settings'], data);
+ // Sync localSettings with the saved data to prevent re-triggering saves
+ setLocalSettings(data);
// Invalidate archive stats to reflect energy tracking mode change
queryClient.invalidateQueries({ queryKey: ['archiveStats'] });
showToast('Settings saved', 'success');
@@ -324,6 +331,10 @@ export function SettingsPage() {
onError: (error: Error) => {
showToast(`Failed to save: ${error.message}`, 'error');
},
+ onSettled: () => {
+ // Reset saving flag when mutation completes (success or error)
+ isSavingRef.current = false;
+ },
});
// Debounced auto-save when localSettings change
@@ -363,12 +374,22 @@ export function SettingsPage() {
settings.mqtt_username !== localSettings.mqtt_username ||
settings.mqtt_password !== localSettings.mqtt_password ||
settings.mqtt_topic_prefix !== localSettings.mqtt_topic_prefix ||
- settings.mqtt_use_tls !== localSettings.mqtt_use_tls;
+ settings.mqtt_use_tls !== localSettings.mqtt_use_tls ||
+ settings.ha_enabled !== localSettings.ha_enabled ||
+ settings.ha_url !== localSettings.ha_url ||
+ settings.ha_token !== localSettings.ha_token ||
+ (settings.library_archive_mode ?? 'ask') !== (localSettings.library_archive_mode ?? 'ask') ||
+ Number(settings.library_disk_warning_gb ?? 5) !== Number(localSettings.library_disk_warning_gb ?? 5);
if (!hasChanges) {
return;
}
+ // Don't queue more saves while one is in progress
+ if (isSavingRef.current) {
+ return;
+ }
+
// Clear existing timeout
if (saveTimeoutRef.current) {
clearTimeout(saveTimeoutRef.current);
@@ -376,6 +397,11 @@ export function SettingsPage() {
// Set new debounced save (500ms delay)
saveTimeoutRef.current = setTimeout(() => {
+ // Skip if a save is already in progress
+ if (isSavingRef.current) {
+ return;
+ }
+ isSavingRef.current = true;
// Only send the fields we manage on this page (exclude virtual_printer_* which are managed separately)
const settingsToSave: AppSettingsUpdate = {
auto_archive: localSettings.auto_archive,
@@ -407,6 +433,11 @@ export function SettingsPage() {
mqtt_password: localSettings.mqtt_password,
mqtt_topic_prefix: localSettings.mqtt_topic_prefix,
mqtt_use_tls: localSettings.mqtt_use_tls,
+ ha_enabled: localSettings.ha_enabled,
+ ha_url: localSettings.ha_url,
+ ha_token: localSettings.ha_token,
+ library_archive_mode: localSettings.library_archive_mode,
+ library_disk_warning_gb: localSettings.library_disk_warning_gb,
};
updateMutation.mutate(settingsToSave);
}, 500);
@@ -918,140 +949,62 @@ export function SettingsPage() {
+ {/* File Manager Settings */}
-
+
-
+ {file.thumbnail_path ? (
+ })
+ ) : (
+
+
+ {/* Info */}
+
+
+ )}
+ {/* File type badge */}
+
+ {file.file_type.toUpperCase()}
+
+
+
+
+ {/* Actions */}
+ + {file.print_name || file.filename} +
+
+ {formatFileSize(file.file_size)}
+ {file.print_time_seconds && (
+
+
+ {file.print_count > 0 && (
+
+ Printed {file.print_count}x
+
+ )}
+ e.stopPropagation()}>
+
+ {showActions && (
+ <>
+
+ );
+}
+
+export function FileManagerPage() {
+ const queryClient = useQueryClient();
+ const { showToast } = useToast();
+ const [searchParams] = useSearchParams();
+
+ // Read folder ID from URL query parameter
+ const folderIdFromUrl = searchParams.get('folder');
+ const initialFolderId = folderIdFromUrl ? parseInt(folderIdFromUrl, 10) : null;
+
+ // State
+ const [selectedFolderId, setSelectedFolderId] = useState setShowActions(false)} />
+
+
+ {/* Selection checkbox */}
+
+ {onAddToQueue && isSlicedFilename(file.filename) && (
+
+ )}
+
+
+
+
+ )}
+
+ {isSelected && }
+
+
+ {/* Header */}
+ setShowNewFolderModal(false)}
+ onSave={(data) => createFolderMutation.mutate(data)}
+ isLoading={createFolderMutation.isPending}
+ />
+ )}
+
+ {showMoveModal && folders && (
+ setShowMoveModal(false)}
+ onMove={(folderId) => moveFilesMutation.mutate({ fileIds: selectedFiles, folderId })}
+ isLoading={moveFilesMutation.isPending}
+ />
+ )}
+
+ {showUploadModal && (
+ setShowUploadModal(false)}
+ onUploadComplete={handleUploadComplete}
+ />
+ )}
+
+ {linkFolder && (
+ setLinkFolder(null)}
+ onLink={(data) => updateFolderMutation.mutate({ id: linkFolder.id, data })}
+ isLoading={updateFolderMutation.isPending}
+ />
+ )}
+
+ {deleteConfirm && (
+ setDeleteConfirm(null)}
+ />
+ )}
+
+ );
+}
diff --git a/frontend/src/pages/ProjectDetailPage.tsx b/frontend/src/pages/ProjectDetailPage.tsx
index c4264d6e4..fc990e33a 100644
--- a/frontend/src/pages/ProjectDetailPage.tsx
+++ b/frontend/src/pages/ProjectDetailPage.tsx
@@ -1,4 +1,4 @@
-import { useState, useRef } from 'react';
+import { useState } from 'react';
import { useParams, useNavigate, Link } from 'react-router-dom';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import {
@@ -18,11 +18,7 @@ import {
AlertTriangle,
Save,
X,
- Paperclip,
- Upload,
- Download,
Trash2,
- File,
Plus,
History,
FolderTree,
@@ -30,6 +26,7 @@ import {
Layers,
ExternalLink,
ShoppingCart,
+ FolderOpen,
} from 'lucide-react';
import { api } from '../api/client';
import { parseUTCDate, formatDateOnly, formatDateTime, type TimeFormat } from '../utils/date';
@@ -202,8 +199,6 @@ export function ProjectDetailPage() {
const [showEditModal, setShowEditModal] = useState(false);
const [editingNotes, setEditingNotes] = useState(false);
const [notesContent, setNotesContent] = useState('');
- const [uploadingAttachment, setUploadingAttachment] = useState(false);
- const fileInputRef = useRef
+
+
+ {/* Disk space warning */}
+ {isDiskSpaceLow && stats && settings && (
+
+
+
+
+
+
+
+ + Organize and manage your print files +
+
+ {/* View mode toggle */}
+
+
+
+
+
+
+
+
+
+ )}
+
+ {/* Stats bar */}
+ {stats && (
+
+
+ Low disk space warning
++ Only {formatFileSize(stats.disk_free_bytes)} free of {formatFileSize(stats.disk_total_bytes)} total. + Threshold is set to {settings.library_disk_warning_gb} GB in settings. +
+
+
+ )}
+
+ {/* Main content */}
+
+
+
+
+
+
+
+ Free:
+
+ {formatFileSize(stats.disk_free_bytes)}
+
+
+
+ {/* Folder sidebar */}
+
+
+ {/* Modals */}
+ {showNewFolderModal && (
+
+
+
+ {/* Files area */}
+
+
+ Folders
+
+ {/* All Files (root) */}
+ setDeleteConfirm({ type: 'folder', id })}
+ onLink={setLinkFolder}
+ />
+ ))}
+
+ setSelectedFolderId(null)}
+ >
+
+
+ {/* Folder tree */}
+ {folders?.map((folder) => (
+
+ {/* Search, Filter, Sort toolbar */}
+ {files && files.length > 0 && (
+
+
+ {/* Search */}
+
+ )}
+
+ {/* Selection toolbar */}
+ {filteredAndSortedFiles.length > 0 && (
+
+
+
+ {/* Type filter */}
+
+
+
+ {/* Sort */}
+
+
+
+
+
+ {/* Results count */}
+ {(searchQuery || filterType !== 'all') && (
+
+ {filteredAndSortedFiles.length} of {files.length} files
+
+ )}
+
+ {/* Select all / Deselect all */}
+ {selectedFiles.length === filteredAndSortedFiles.length && selectedFiles.length > 0 ? (
+
+ ) : (
+
+ )}
+
+ {selectedFiles.length > 0 && (
+ <>
+
+ {selectedFiles.length} selected
+
+
+ {selectedSlicedFiles.length > 0 && (
+
+ )}
+
+
+
+
+ )}
+
+ )}
+
+ {/* File grid/list */}
+ {isLoading ? (
+
+
+ ) : files?.length === 0 ? (
+
+
+ Loading files...
+
+
+ ) : filteredAndSortedFiles.length === 0 ? (
+
+
+ + {selectedFolderId !== null ? 'Folder is empty' : 'No files yet'} +
++ {selectedFolderId !== null + ? 'Upload files or move files into this folder to get started.' + : 'Upload files to start organizing your print-related files.'} +
+ +
+
+ ) : viewMode === 'grid' ? (
+
+
+ No matching files
++ No files match your current search or filter criteria. +
+ +
+
+ ) : (
+
+ {filteredAndSortedFiles.map((file) => (
+ setDeleteConfirm({ type: 'file', id })}
+ onDownload={handleDownload}
+ onAddToQueue={(id) => addToQueueMutation.mutate([id])}
+ />
+ ))}
+
+
+
+ )}
+
+ {/* List header */}
+
+
+
+
+ {/* List rows */}
+ {filteredAndSortedFiles.map((file) => (
+ Name
+ Type
+ Size
+ Prints
+
+ handleFileSelect(file.id)}
+ >
+ {/* Checkbox */}
+
+ ))}
+
+ {selectedFiles.includes(file.id) && }
+
+ {/* Name with thumbnail */}
+
+
+ {/* Type */}
+
+
+
+ {file.thumbnail_path ? (
+
+ ) : (
+
+ {/* Hover preview */}
+ {file.thumbnail_path && (
+
+
+ )}
+
+
+ )}
+
+
+
+
+
+ {file.print_name || file.filename}
+ {file.duplicate_count > 0 && (
+
+
+ )}
+
+
+ {file.file_type.toUpperCase()}
+
+
+ {/* Size */}
+ {formatFileSize(file.file_size)}
+ {/* Prints */}
+ {file.print_count > 0 ? `${file.print_count}x` : '-'}
+ {/* Actions */}
+ e.stopPropagation()}>
+ {isSlicedFilename(file.filename) && (
+
+ )}
+
+
+
+
-
-
-
-
-
- Upload any file: images (PNG, JPG), PDFs, STL files, or documents. + + Link folders from the File Manager + + {' '}to this project for quick access.
- {project.attachments && project.attachments.length > 0 ? ( + {linkedFolders && linkedFolders.length > 0 ? (
- {project.attachments.map((attachment) => (
-
) : (
(
+
+
-
- - {attachment.original_name} + {folder.name}
- {formatFileSize(attachment.size)} + {folder.file_count} file{folder.file_count !== 1 ? 's' : ''}
-
-
- - No attachments yet. Click Upload to add files. + No folders linked. Go to File Manager and link a folder to this project.
)}AMS Display Thresholds
+
+
- Configure color thresholds for AMS humidity and temperature indicators. -
- - {/* Humidity Thresholds */} -
-
-
-
-
-
-
-
-
- updateSetting('ams_humidity_good', parseInt(e.target.value) || 40)}
- className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
- %
-
-
-
-
-
- updateSetting('ams_humidity_fair', parseInt(e.target.value) || 60)}
- className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
- %
-
- - Above fair threshold shows as red (bad) + {/* Archive Mode */} +
+
+
+
- {/* Temperature Thresholds */}
- + When printing from File Manager, optionally create an archive entry
-
-
- {/* Third Column - Updates */}
+ {/* Third Column - Sidebar Links & Updates */}
+
+
-
- {/* History Retention */}
-
+ updateSetting('library_disk_warning_gb', parseFloat(e.target.value) || 5)}
+ className="w-24 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+ GB
-
-
-
-
-
-
- updateSetting('ams_temp_good', parseFloat(e.target.value) || 28)}
- className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
- °C
-
-
-
-
-
- updateSetting('ams_temp_fair', parseFloat(e.target.value) || 35)}
- className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
- °C
-
- - Above fair threshold shows as red (hot) -
-
-
-
-
-
-
-
-
- updateSetting('ams_history_retention_days', parseInt(e.target.value) || 30)}
- className="w-24 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
- days
-
- - Older humidity and temperature data will be automatically deleted +
+ Show warning when free disk space falls below this threshold
+ {/* Sidebar Links */}
@@ -1299,7 +1252,205 @@ export function SettingsPage() {
{/* Network Tab */}
{activeTab === 'network' && localSettings && (
- {/* Left Column - MQTT */}
+ {/* Left Column - FTP Retry & Home Assistant */}
+
@@ -1456,108 +1607,40 @@ export function SettingsPage() {
-
- {/* Right Column - FTP Retry */}
-
)}
+ {/* Home Assistant Test Connection Modal */}
+ {haTestResult && (
+
+
+
+
+
+
+
+
+
+
+ {/* Home Assistant Integration */}
+
+
+
+
+
+
+
+
+ {/* Right Column - MQTT Publishing */}
+
+ + Retry FTP operations when printer WiFi is unreliable. Applies to 3MF downloads, print uploads, timelapse downloads, and firmware updates. +
+ +
+
+
+ {localSettings.ftp_retry_enabled && (
+
+
+
+ Enable retry
++ Automatically retry failed FTP operations +
+
+
+ )}
+
+
+
+
+
+
+ updateSetting('ftp_retry_count', Math.min(10, Math.max(1, parseInt(e.target.value) || 3)))}
+ className="w-24 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+ times
+
+ + Number of retry attempts before giving up (1-10) +
+
+
+
+
+ updateSetting('ftp_retry_delay', Math.min(30, Math.max(1, parseInt(e.target.value) || 2)))}
+ className="w-24 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+ seconds
+
+ + Wait time between retries (1-30) +
+
+
+
+
+ updateSetting('ftp_timeout', Math.min(120, Math.max(10, parseInt(e.target.value) || 30)))}
+ className="w-24 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+ seconds
+
+ + Socket timeout for slow connections. Increase for A1/A1 Mini printers with weak WiFi (10-120) +
+
+
+
+ {localSettings.ha_enabled && haTestResult && (
+
+
+
+ {localSettings.ha_enabled && haTestResult && (
+
+
+
+ {haTestResult.success ? 'Connected' : 'Disconnected'}
+
+
+ )}
+ + Connect to Home Assistant to control smart plugs via HA's REST API. Supports switch, light, and input_boolean entities. +
+ +
+
+
+ {localSettings.ha_enabled && (
+ <>
+
+
+
+ Enable Home Assistant
+Control smart plugs via Home Assistant
+
+
+ updateSetting('ha_url', e.target.value)}
+ placeholder="http://192.168.1.100:8123"
+ className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+
+
+
+
+ updateSetting('ha_token', e.target.value)}
+ placeholder="eyJ0eXAiOiJKV1QiLC..."
+ className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+
+
+ {localSettings.ha_url && localSettings.ha_token && (
+ + Create a token in HA: Profile → Long-Lived Access Tokens → Create Token +
+
+
+
+ )}
+
+ )}
+
-
-
-
-
-
-
-
-
-
-
- - Retry FTP operations when printer WiFi is unreliable. Applies to 3MF downloads, print uploads, timelapse downloads, and firmware updates. -
- -
-
-
- {localSettings.ftp_retry_enabled && (
-
-
-
- Enable retry
-- Automatically retry failed FTP operations -
-
-
- )}
-
-
-
-
-
-
- updateSetting('ftp_retry_count', Math.min(10, Math.max(1, parseInt(e.target.value) || 3)))}
- className="w-24 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
- times
-
- - Number of retry attempts before giving up (1-10) -
-
-
-
-
- updateSetting('ftp_retry_delay', Math.min(30, Math.max(1, parseInt(e.target.value) || 2)))}
- className="w-24 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
- seconds
-
- - Wait time between retries (1-30) -
-
-
-
-
- updateSetting('ftp_timeout', Math.min(120, Math.max(10, parseInt(e.target.value) || 30)))}
- className="w-24 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
- />
- seconds
-
- - Socket timeout for slow connections. Increase for A1/A1 Mini printers with weak WiFi (10-120) -
-
+
+ )}
+
{/* Smart Plugs Tab */}
{activeTab === 'plugs' && (
+
+
+ {haTestResult.success ? (
+
+ + {haTestResult.success ? 'Connection Successful' : 'Connection Failed'} +
++ {haTestResult.success + ? haTestResult.message || 'Successfully connected to Home Assistant.' + : haTestResult.error || 'Failed to connect to Home Assistant.'} +
+
+
+
+
@@ -1568,7 +1651,7 @@ export function SettingsPage() {
Smart Plugs
- Connect Tasmota-based smart plugs to automate power control and track energy usage for your printers. + Connect smart plugs (Tasmota or Home Assistant) to automate power control and track energy usage for your printers.
@@ -2273,9 +2356,145 @@ export function SettingsPage() {
)}
{/* Filament Tab */}
- {activeTab === 'filament' && (
- 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 o of a.addedNodes)o.tagName==="LINK"&&o.rel==="modulepreload"&&r(o)}).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 Lv=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Co(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var tA={exports:{}},Tx={};var BF;function kie(){if(BF)return Tx;BF=1;var t=Symbol.for("react.transitional.element"),e=Symbol.for("react.fragment");function n(r,i,a){var o=null;if(a!==void 0&&(o=""+a),i.key!==void 0&&(o=""+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:o,ref:i!==void 0?i:null,props:a}}return Tx.Fragment=e,Tx.jsx=n,Tx.jsxs=n,Tx}var $F;function jie(){return $F||($F=1,tA.exports=kie()),tA.exports}var s=jie(),nA={exports:{}},on={};var HF;function Pie(){if(HF)return on;HF=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"),o=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(F){return F===null||typeof F!="object"?null:(F=g&&F[g]||F["@@iterator"],typeof F=="function"?F:null)}var b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},v=Object.assign,x={};function y(F,W,ne){this.props=F,this.context=W,this.refs=x,this.updater=ne||b}y.prototype.isReactComponent={},y.prototype.setState=function(F,W){if(typeof F!="object"&&typeof F!="function"&&F!=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,F,W,"setState")},y.prototype.forceUpdate=function(F){this.updater.enqueueForceUpdate(this,F,"forceUpdate")};function E(){}E.prototype=y.prototype;function w(F,W,ne){this.props=F,this.context=W,this.refs=x,this.updater=ne||b}var A=w.prototype=new E;A.constructor=w,v(A,y.prototype),A.isPureReactComponent=!0;var N=Array.isArray;function C(){}var T={H:null,A:null,T:null,S:null},D=Object.prototype.hasOwnProperty;function k(F,W,ne){var re=ne.ref;return{$$typeof:t,type:F,key:W,ref:re!==void 0?re:null,props:ne}}function P(F,W){return k(F.type,W,F.props)}function z(F){return typeof F=="object"&&F!==null&&F.$$typeof===t}function I(F){var W={"=":"=0",":":"=2"};return"$"+F.replace(/[=:]/g,function(ne){return W[ne]})}var Y=/\/+/g;function R(F,W){return typeof F=="object"&&F!==null&&F.key!=null?I(""+F.key):W.toString(36)}function X(F){switch(F.status){case"fulfilled":return F.value;case"rejected":throw F.reason;default:switch(typeof F.status=="string"?F.then(C,C):(F.status="pending",F.then(function(W){F.status==="pending"&&(F.status="fulfilled",F.value=W)},function(W){F.status==="pending"&&(F.status="rejected",F.reason=W)})),F.status){case"fulfilled":return F.value;case"rejected":throw F.reason}}throw F}function J(F,W,ne,re,se){var ue=typeof F;(ue==="undefined"||ue==="boolean")&&(F=null);var ge=!1;if(F===null)ge=!0;else switch(ue){case"bigint":case"string":case"number":ge=!0;break;case"object":switch(F.$$typeof){case t:case e:ge=!0;break;case d:return ge=F._init,J(ge(F._payload),W,ne,re,se)}}if(ge)return se=se(F),ge=re===""?"."+R(F,0):re,N(se)?(ne="",ge!=null&&(ne=ge.replace(Y,"$&/")+"/"),J(se,W,ne,"",function(ye){return ye})):se!=null&&(z(se)&&(se=P(se,ne+(se.key==null||F&&F.key===se.key?"":(""+se.key).replace(Y,"$&/")+"/")+ge)),W.push(se)),1;ge=0;var de=re===""?".":re+":";if(N(F))for(var le=0;le>>1,q=J[ee];if(0>>1;eei(ne,K))rei(se,ne)?(J[ee]=se,J[re]=K,ee=re):(J[ee]=ne,J[W]=K,ee=W);else if(rei(se,K))J[ee]=se,J[re]=K,ee=re;else break e}}return G}function i(J,G){var K=J.sortIndex-G.sortIndex;return K!==0?K:J.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 o=Date,l=o.now();t.unstable_now=function(){return o.now()-l}}var c=[],u=[],d=1,f=null,g=3,p=!1,b=!1,v=!1,x=!1,y=typeof setTimeout=="function"?setTimeout:null,E=typeof clearTimeout=="function"?clearTimeout:null,w=typeof setImmediate<"u"?setImmediate:null;function A(J){for(var G=n(u);G!==null;){if(G.callback===null)r(u);else if(G.startTime<=J)r(u),G.sortIndex=G.expirationTime,e(c,G);else break;G=n(u)}}function N(J){if(v=!1,A(J),!b)if(n(c)!==null)b=!0,C||(C=!0,I());else{var G=n(u);G!==null&&X(N,G.startTime-J)}}var C=!1,T=-1,D=5,k=-1;function P(){return x?!0:!(t.unstable_now()-kJ&&P());){var ee=f.callback;if(typeof ee=="function"){f.callback=null,g=f.priorityLevel;var q=ee(f.expirationTime<=J);if(J=t.unstable_now(),typeof q=="function"){f.callback=q,A(J),G=!0;break t}f===n(c)&&r(c),A(J)}else r(c);f=n(c)}if(f!==null)G=!0;else{var F=n(u);F!==null&&X(N,F.startTime-J),G=!1}}break e}finally{f=null,g=K,p=!1}G=void 0}}finally{G?I():C=!1}}}var I;if(typeof w=="function")I=function(){w(z)};else if(typeof MessageChannel<"u"){var Y=new MessageChannel,R=Y.port2;Y.port1.onmessage=z,I=function(){R.postMessage(null)}}else I=function(){y(z,0)};function X(J,G){T=y(function(){J(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(J){J.callback=null},t.unstable_forceFrameRate=function(J){0>J||125ee?(J.sortIndex=K,e(u,J),n(c)===null&&J===n(u)&&(v?(E(T),T=-1):v=!0,X(N,K-ee))):(J.sortIndex=q,e(c,J),b||p||(b=!0,C||(C=!0,I()))),J},t.unstable_shouldYield=P,t.unstable_wrapCallback=function(J){var G=g;return function(){var K=g;g=G;try{return J.apply(this,arguments)}finally{g=K}}}})(aA)),aA}var WF;function Oie(){return WF||(WF=1,iA.exports=Die()),iA.exports}var sA={exports:{}},xa={};var qF;function Lie(){if(qF)return xa;qF=1;var t=fg();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(),sA.exports=Lie(),sA.exports}var XF;function Iie(){if(XF)return Cx;XF=1;var t=Oie(),e=fg(),n=pG();function r(h){var m="https://react.dev/errors/"+h;if(1q||(h.current=ee[q],ee[q]=null,q--)}function ne(h,m){q++,ee[q]=h.current,h.current=m}var re=F(null),se=F(null),ue=F(null),ge=F(null);function de(h,m){switch(ne(ue,m),ne(se,h),ne(re,null),m.nodeType){case 9:case 11:h=(h=m.documentElement)&&(h=h.namespaceURI)?uF(h):0;break;default:if(h=m.tagName,m=m.namespaceURI)m=uF(m),h=dF(m,h);else switch(h){case"svg":h=1;break;case"math":h=2;break;default:h=0}}W(re),ne(re,h)}function le(){W(re),W(se),W(ue)}function ye(h){h.memoizedState!==null&&ne(ge,h);var m=re.current,_=dF(m,h.type);m!==_&&(ne(se,h),ne(re,_))}function pe(h){se.current===h&&(W(re),W(se)),ge.current===h&&(W(ge),Mx._currentValue=K)}var ce,Fe;function V(h){if(ce===void 0)try{throw Error()}catch(_){var m=_.stack.trim().match(/\n( *(at )?)/);ce=m&&m[1]||"",Fe=-1<_.stack.indexOf(`
+ at`)?" ()":-1<_.stack.indexOf("@")?"@unknown:0:0":""}return`
+`+ce+h+Fe}var $=!1;function Z(h,m){if(!h||$)return"";$=!0;var _=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var M={DetermineComponentFrameRoot:function(){try{if(m){var xt=function(){throw Error()};if(Object.defineProperty(xt.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(xt,[])}catch(ot){var it=ot}Reflect.construct(h,[],xt)}else{try{xt.call()}catch(ot){it=ot}h.call(xt.prototype)}}else{try{throw Error()}catch(ot){it=ot}(xt=h())&&typeof xt.catch=="function"&&xt.catch(function(){})}}catch(ot){if(ot&&it&&typeof ot.stack=="string")return[ot.stack,it.stack]}return[null,null]}};M.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var j=Object.getOwnPropertyDescriptor(M.DetermineComponentFrameRoot,"name");j&&j.configurable&&Object.defineProperty(M.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var O=M.DetermineComponentFrameRoot(),te=O[0],he=O[1];if(te&&he){var je=te.split(`
+`),tt=he.split(`
+`);for(j=M=0;Mj||je[M]!==tt[j]){var ut=`
+`+je[M].replace(" at new "," at ");return h.displayName&&ut.includes("")&&(ut=ut.replace("",h.displayName)),ut}while(1<=M&&0<=j);break}}}finally{$=!1,Error.prepareStackTrace=_}return(_=h?h.displayName||h.name:"")?V(_):""}function B(h,m){switch(h.tag){case 26:case 27:case 5:return V(h.type);case 16:return V("Lazy");case 13:return h.child!==m&&m!==null?V("Suspense Fallback"):V("Suspense");case 19:return V("SuspenseList");case 0:case 15:return Z(h.type,!1);case 11:return Z(h.type.render,!1);case 1:return Z(h.type,!0);case 31:return V("Activity");default:return""}}function U(h){try{var m="",_=null;do m+=B(h,_),_=h,h=h.return;while(h);return m}catch(M){return`
+Error generating stack: `+M.message+`
+`+M.stack}}var Q=Object.prototype.hasOwnProperty,Me=t.unstable_scheduleCallback,Ce=t.unstable_cancelCallback,fe=t.unstable_shouldYield,H=t.unstable_requestPaint,L=t.unstable_now,ae=t.unstable_getCurrentPriorityLevel,we=t.unstable_ImmediatePriority,Ee=t.unstable_UserBlockingPriority,Se=t.unstable_NormalPriority,rt=t.unstable_LowPriority,We=t.unstable_IdlePriority,at=t.log,dt=t.unstable_setDisableYieldValue,Le=null,me=null;function Ke(h){if(typeof at=="function"&&dt(h),me&&typeof me.setStrictMode=="function")try{me.setStrictMode(Le,h)}catch{}}var Xe=Math.clz32?Math.clz32:ie,Ze=Math.log,ct=Math.LN2;function ie(h){return h>>>=0,h===0?32:31-(Ze(h)/ct|0)|0}var Be=256,be=262144,$e=4194304;function Pe(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 Ne(h,m,_){var M=h.pendingLanes;if(M===0)return 0;var j=0,O=h.suspendedLanes,te=h.pingedLanes;h=h.warmLanes;var he=M&134217727;return he!==0?(M=he&~O,M!==0?j=Pe(M):(te&=he,te!==0?j=Pe(te):_||(_=he&~h,_!==0&&(j=Pe(_))))):(he=M&~O,he!==0?j=Pe(he):te!==0?j=Pe(te):_||(_=M&~h,_!==0&&(j=Pe(_)))),j===0?0:m!==0&&m!==j&&(m&O)===0&&(O=j&-j,_=m&-m,O>=_||O===32&&(_&4194048)!==0)?m:j}function Ye(h,m){return(h.pendingLanes&~(h.suspendedLanes&~h.pingedLanes)&m)===0}function ht(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 Nt(){var h=$e;return $e<<=1,($e&62914560)===0&&($e=4194304),h}function Dt(h){for(var m=[],_=0;31>_;_++)m.push(h);return m}function Qt(h,m){h.pendingLanes|=m,m!==268435456&&(h.suspendedLanes=0,h.pingedLanes=0,h.warmLanes=0)}function jt(h,m,_,M,j,O){var te=h.pendingLanes;h.pendingLanes=_,h.suspendedLanes=0,h.pingedLanes=0,h.warmLanes=0,h.expiredLanes&=_,h.entangledLanes&=_,h.errorRecoveryDisabledLanes&=_,h.shellSuspendCounter=0;var he=h.entanglements,je=h.expirationTimes,tt=h.hiddenUpdates;for(_=te&~_;0<_;){var ut=31-Xe(_),xt=1<"u")return null;try{return h.activeElement||h.body}catch{return h.body}}var ei=/[\n"\\]/g;function Vn(h){return h.replace(ei,function(m){return"\\"+m.charCodeAt(0).toString(16)+" "})}function jo(h,m,_,M,j,O,te,he){h.name="",te!=null&&typeof te!="function"&&typeof te!="symbol"&&typeof te!="boolean"?h.type=te:h.removeAttribute("type"),m!=null?te==="number"?(m===0&&h.value===""||h.value!=m)&&(h.value=""+Mn(m)):h.value!==""+Mn(m)&&(h.value=""+Mn(m)):te!=="submit"&&te!=="reset"||h.removeAttribute("value"),m!=null?Ii(h,te,Mn(m)):_!=null?Ii(h,te,Mn(_)):M!=null&&h.removeAttribute("value"),j==null&&O!=null&&(h.defaultChecked=!!O),j!=null&&(h.checked=j&&typeof j!="function"&&typeof j!="symbol"),he!=null&&typeof he!="function"&&typeof he!="symbol"&&typeof he!="boolean"?h.name=""+Mn(he):h.removeAttribute("name")}function qn(h,m,_,M,j,O,te,he){if(O!=null&&typeof O!="function"&&typeof O!="symbol"&&typeof O!="boolean"&&(h.type=O),m!=null||_!=null){if(!(O!=="submit"&&O!=="reset"||m!=null)){sn(h);return}_=_!=null?""+Mn(_):"",m=m!=null?""+Mn(m):_,he||m===h.value||(h.value=m),h.defaultValue=m}M=M??j,M=typeof M!="function"&&typeof M!="symbol"&&!!M,h.checked=he?h.checked:!!M,h.defaultChecked=!!M,te!=null&&typeof te!="function"&&typeof te!="symbol"&&typeof te!="boolean"&&(h.name=te),sn(h)}function Ii(h,m,_){m==="number"&&zr(h.ownerDocument)===h||h.defaultValue===""+_||(h.defaultValue=""+_)}function _i(h,m,_,M){if(h=h.options,m){m={};for(var j=0;j<_.length;j++)m["$"+_[j]]=!0;for(_=0;_"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),tE=!1;if(ql)try{var $g={};Object.defineProperty($g,"passive",{get:function(){tE=!0}}),window.addEventListener("test",$g,$g),window.removeEventListener("test",$g,$g)}catch{tE=!1}var mu=null,nE=null,Ty=null;function dL(){if(Ty)return Ty;var h,m=nE,_=m.length,M,j="value"in mu?mu.value:mu.textContent,O=j.length;for(h=0;h<_&&m[h]===j[h];h++);var te=_-h;for(M=1;M<=te&&m[_-M]===j[O-M];M++);return Ty=j.slice(h,1=Gg),xL=" ",bL=!1;function yL(h,m){switch(h){case"keyup":return Qne.indexOf(m.keyCode)!==-1;case"keydown":return m.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function vL(h){return h=h.detail,typeof h=="object"&&"data"in h?h.data:null}var Hf=!1;function Jne(h,m){switch(h){case"compositionend":return vL(m);case"keypress":return m.which!==32?null:(bL=!0,xL);case"textInput":return h=m.data,h===xL&&bL?null:h;default:return null}}function ere(h,m){if(Hf)return h==="compositionend"||!oE&&yL(h,m)?(h=dL(),Ty=nE=mu=null,Hf=!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=M}e:{for(;_;){if(_.nextSibling){_=_.nextSibling;break e}_=_.parentNode}_=void 0}_=TL(_)}}function kL(h,m){return h&&m?h===m?!0:h&&h.nodeType===3?!1:m&&m.nodeType===3?kL(h,m.parentNode):"contains"in h?h.contains(m):h.compareDocumentPosition?!!(h.compareDocumentPosition(m)&16):!1:!1}function jL(h){h=h!=null&&h.ownerDocument!=null&&h.ownerDocument.defaultView!=null?h.ownerDocument.defaultView:window;for(var m=zr(h.document);m instanceof h.HTMLIFrameElement;){try{var _=typeof m.contentWindow.location.href=="string"}catch{_=!1}if(_)h=m.contentWindow;else break;m=zr(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 lre=ql&&"documentMode"in document&&11>=document.documentMode,Vf=null,dE=null,Xg=null,hE=!1;function PL(h,m,_){var M=_.window===_?_.document:_.nodeType===9?_:_.ownerDocument;hE||Vf==null||Vf!==zr(M)||(M=Vf,"selectionStart"in M&&uE(M)?M={start:M.selectionStart,end:M.selectionEnd}:(M=(M.ownerDocument&&M.ownerDocument.defaultView||window).getSelection(),M={anchorNode:M.anchorNode,anchorOffset:M.anchorOffset,focusNode:M.focusNode,focusOffset:M.focusOffset}),Xg&&Kg(Xg,M)||(Xg=M,M=_v(dE,"onSelect"),0>=te,j-=te,sl=1<<32-Xe(m)+j|_<hn?(Rn=Ut,Ut=null):Rn=Ut.sibling;var Fn=it(Ge,Ut,et[hn],mt);if(Fn===null){Ut===null&&(Ut=Rn);break}h&&Ut&&Fn.alternate===null&&m(Ge,Ut),Ue=O(Fn,Ue,hn),In===null?Gt=Fn:In.sibling=Fn,In=Fn,Ut=Rn}if(hn===et.length)return _(Ge,Ut),Dn&&Xl(Ge,hn),Gt;if(Ut===null){for(;hnhn?(Rn=Ut,Ut=null):Rn=Ut.sibling;var Lu=it(Ge,Ut,Fn.value,mt);if(Lu===null){Ut===null&&(Ut=Rn);break}h&&Ut&&Lu.alternate===null&&m(Ge,Ut),Ue=O(Lu,Ue,hn),In===null?Gt=Lu:In.sibling=Lu,In=Lu,Ut=Rn}if(Fn.done)return _(Ge,Ut),Dn&&Xl(Ge,hn),Gt;if(Ut===null){for(;!Fn.done;hn++,Fn=et.next())Fn=xt(Ge,Fn.value,mt),Fn!==null&&(Ue=O(Fn,Ue,hn),In===null?Gt=Fn:In.sibling=Fn,In=Fn);return Dn&&Xl(Ge,hn),Gt}for(Ut=M(Ut);!Fn.done;hn++,Fn=et.next())Fn=ot(Ut,Ge,hn,Fn.value,mt),Fn!==null&&(h&&Fn.alternate!==null&&Ut.delete(Fn.key===null?hn:Fn.key),Ue=O(Fn,Ue,hn),In===null?Gt=Fn:In.sibling=Fn,In=Fn);return h&&Ut.forEach(function(Tie){return m(Ge,Tie)}),Dn&&Xl(Ge,hn),Gt}function ar(Ge,Ue,et,mt){if(typeof et=="object"&&et!==null&&et.type===v&&et.key===null&&(et=et.props.children),typeof et=="object"&&et!==null){switch(et.$$typeof){case p:e:{for(var Gt=et.key;Ue!==null;){if(Ue.key===Gt){if(Gt=et.type,Gt===v){if(Ue.tag===7){_(Ge,Ue.sibling),mt=j(Ue,et.props.children),mt.return=Ge,Ge=mt;break e}}else if(Ue.elementType===Gt||typeof Gt=="object"&&Gt!==null&&Gt.$$typeof===D&&sh(Gt)===Ue.type){_(Ge,Ue.sibling),mt=j(Ue,et.props),tx(mt,et),mt.return=Ge,Ge=mt;break e}_(Ge,Ue);break}else m(Ge,Ue);Ue=Ue.sibling}et.type===v?(mt=th(et.props.children,Ge.mode,mt,et.key),mt.return=Ge,Ge=mt):(mt=Fy(et.type,et.key,et.props,null,Ge.mode,mt),tx(mt,et),mt.return=Ge,Ge=mt)}return te(Ge);case b:e:{for(Gt=et.key;Ue!==null;){if(Ue.key===Gt)if(Ue.tag===4&&Ue.stateNode.containerInfo===et.containerInfo&&Ue.stateNode.implementation===et.implementation){_(Ge,Ue.sibling),mt=j(Ue,et.children||[]),mt.return=Ge,Ge=mt;break e}else{_(Ge,Ue);break}else m(Ge,Ue);Ue=Ue.sibling}mt=yE(et,Ge.mode,mt),mt.return=Ge,Ge=mt}return te(Ge);case D:return et=sh(et),ar(Ge,Ue,et,mt)}if(X(et))return It(Ge,Ue,et,mt);if(I(et)){if(Gt=I(et),typeof Gt!="function")throw Error(r(150));return et=Gt.call(et),Zt(Ge,Ue,et,mt)}if(typeof et.then=="function")return ar(Ge,Ue,Gy(et),mt);if(et.$$typeof===w)return ar(Ge,Ue,By(Ge,et),mt);Wy(Ge,et)}return typeof et=="string"&&et!==""||typeof et=="number"||typeof et=="bigint"?(et=""+et,Ue!==null&&Ue.tag===6?(_(Ge,Ue.sibling),mt=j(Ue,et),mt.return=Ge,Ge=mt):(_(Ge,Ue),mt=bE(et,Ge.mode,mt),mt.return=Ge,Ge=mt),te(Ge)):_(Ge,Ue)}return function(Ge,Ue,et,mt){try{ex=0;var Gt=ar(Ge,Ue,et,mt);return tm=null,Gt}catch(Ut){if(Ut===em||Ut===Hy)throw Ut;var In=xs(29,Ut,null,Ge.mode);return In.lanes=mt,In.return=Ge,In}finally{}}}var lh=tI(!0),nI=tI(!1),yu=!1;function jE(h){h.updateQueue={baseState:h.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function PE(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 vu(h){return{lane:h,tag:0,payload:null,callback:null,next:null}}function _u(h,m,_){var M=h.updateQueue;if(M===null)return null;if(M=M.shared,($n&2)!==0){var j=M.pending;return j===null?m.next=m:(m.next=j.next,j.next=m),M.pending=m,m=Iy(h),UL(h,null,_),m}return Ly(h,M,m,_),Iy(h)}function nx(h,m,_){if(m=m.updateQueue,m!==null&&(m=m.shared,(_&4194048)!==0)){var M=m.lanes;M&=h.pendingLanes,_|=M,m.lanes=_,qt(h,_)}}function RE(h,m){var _=h.updateQueue,M=h.alternate;if(M!==null&&(M=M.updateQueue,_===M)){var j=null,O=null;if(_=_.firstBaseUpdate,_!==null){do{var te={lane:_.lane,tag:_.tag,payload:_.payload,callback:null,next:null};O===null?j=O=te:O=O.next=te,_=_.next}while(_!==null);O===null?j=O=m:O=O.next=m}else j=O=m;_={baseState:M.baseState,firstBaseUpdate:j,lastBaseUpdate:O,shared:M.shared,callbacks:M.callbacks},h.updateQueue=_;return}h=_.lastBaseUpdate,h===null?_.firstBaseUpdate=m:h.next=m,_.lastBaseUpdate=m}var DE=!1;function rx(){if(DE){var h=Jf;if(h!==null)throw h}}function ix(h,m,_,M){DE=!1;var j=h.updateQueue;yu=!1;var O=j.firstBaseUpdate,te=j.lastBaseUpdate,he=j.shared.pending;if(he!==null){j.shared.pending=null;var je=he,tt=je.next;je.next=null,te===null?O=tt:te.next=tt,te=je;var ut=h.alternate;ut!==null&&(ut=ut.updateQueue,he=ut.lastBaseUpdate,he!==te&&(he===null?ut.firstBaseUpdate=tt:he.next=tt,ut.lastBaseUpdate=je))}if(O!==null){var xt=j.baseState;te=0,ut=tt=je=null,he=O;do{var it=he.lane&-536870913,ot=it!==he.lane;if(ot?(Pn&it)===it:(M&it)===it){it!==0&&it===Zf&&(DE=!0),ut!==null&&(ut=ut.next={lane:0,tag:he.tag,payload:he.payload,callback:null,next:null});e:{var It=h,Zt=he;it=m;var ar=_;switch(Zt.tag){case 1:if(It=Zt.payload,typeof It=="function"){xt=It.call(ar,xt,it);break e}xt=It;break e;case 3:It.flags=It.flags&-65537|128;case 0:if(It=Zt.payload,it=typeof It=="function"?It.call(ar,xt,it):It,it==null)break e;xt=f({},xt,it);break e;case 2:yu=!0}}it=he.callback,it!==null&&(h.flags|=64,ot&&(h.flags|=8192),ot=j.callbacks,ot===null?j.callbacks=[it]:ot.push(it))}else ot={lane:it,tag:he.tag,payload:he.payload,callback:he.callback,next:null},ut===null?(tt=ut=ot,je=xt):ut=ut.next=ot,te|=it;if(he=he.next,he===null){if(he=j.shared.pending,he===null)break;ot=he,he=ot.next,ot.next=null,j.lastBaseUpdate=ot,j.shared.pending=null}}while(!0);ut===null&&(je=xt),j.baseState=je,j.firstBaseUpdate=tt,j.lastBaseUpdate=ut,O===null&&(j.shared.lanes=0),Nu|=te,h.lanes=te,h.memoizedState=xt}}function rI(h,m){if(typeof h!="function")throw Error(r(191,h));h.call(m)}function iI(h,m){var _=h.callbacks;if(_!==null)for(h.callbacks=null,h=0;h<_.length;h++)rI(_[h],m)}var nm=F(null),qy=F(0);function aI(h,m){h=sc,ne(qy,h),ne(nm,m),sc=h|m.baseLanes}function OE(){ne(qy,sc),ne(nm,nm.current)}function LE(){sc=qy.current,W(nm),W(qy)}var bs=F(null),Qs=null;function wu(h){var m=h.alternate;ne(ti,ti.current&1),ne(bs,h),Qs===null&&(m===null||nm.current!==null||m.memoizedState!==null)&&(Qs=h)}function IE(h){ne(ti,ti.current),ne(bs,h),Qs===null&&(Qs=h)}function sI(h){h.tag===22?(ne(ti,ti.current),ne(bs,h),Qs===null&&(Qs=h)):Su()}function Su(){ne(ti,ti.current),ne(bs,bs.current)}function ys(h){W(bs),Qs===h&&(Qs=null),W(ti)}var ti=F(0);function Ky(h){for(var m=h;m!==null;){if(m.tag===13){var _=m.memoizedState;if(_!==null&&(_=_.dehydrated,_===null||HN(_)||VN(_)))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 Zl=0,dn=null,rr=null,oi=null,Xy=!1,rm=!1,ch=!1,Yy=0,ax=0,im=null,bre=0;function Br(){throw Error(r(321))}function FE(h,m){if(m===null)return!1;for(var _=0;_O?O:8;var te=J.T,he={};J.T=he,JE(h,!1,m,_);try{var je=j(),tt=J.S;if(tt!==null&&tt(he,je),je!==null&&typeof je=="object"&&typeof je.then=="function"){var ut=xre(je,M);ox(h,m,ut,ws(h))}else ox(h,m,M,ws(h))}catch(xt){ox(h,m,{then:function(){},status:"rejected",reason:xt},ws())}finally{G.p=O,te!==null&&he.types!==null&&(te.types=he.types),J.T=te}}function Sre(){}function QE(h,m,_,M){if(h.tag!==5)throw Error(r(476));var j=LI(h).queue;OI(h,j,m,K,_===null?Sre:function(){return II(h),_(M)})}function LI(h){var m=h.memoizedState;if(m!==null)return m;m={memoizedState:K,baseState:K,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Jl,lastRenderedState:K},next:null};var _={};return m.next={memoizedState:_,baseState:_,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:Jl,lastRenderedState:_},next:null},h.memoizedState=m,h=h.alternate,h!==null&&(h.memoizedState=m),m}function II(h){var m=LI(h);m.next===null&&(m=h.alternate.memoizedState),ox(h,m.next.queue,{},ws())}function ZE(){return ea(Mx)}function FI(){return ni().memoizedState}function UI(){return ni().memoizedState}function Mre(h){for(var m=h.return;m!==null;){switch(m.tag){case 24:case 3:var _=ws();h=vu(_);var M=_u(m,h,_);M!==null&&(es(M,m,_),nx(M,m,_)),m={cache:AE()},h.payload=m;return}m=m.return}}function Ere(h,m,_){var M=ws();_={lane:M,revertLane:0,gesture:null,action:_,hasEagerState:!1,eagerState:null,next:null},nv(h)?BI(m,_):(_=gE(h,m,_,M),_!==null&&(es(_,h,M),$I(_,m,M)))}function zI(h,m,_){var M=ws();ox(h,m,_,M)}function ox(h,m,_,M){var j={lane:M,revertLane:0,gesture:null,action:_,hasEagerState:!1,eagerState:null,next:null};if(nv(h))BI(m,j);else{var O=h.alternate;if(h.lanes===0&&(O===null||O.lanes===0)&&(O=m.lastRenderedReducer,O!==null))try{var te=m.lastRenderedState,he=O(te,_);if(j.hasEagerState=!0,j.eagerState=he,gs(he,te))return Ly(h,m,j,0),mr===null&&Oy(),!1}catch{}finally{}if(_=gE(h,m,j,M),_!==null)return es(_,h,M),$I(_,m,M),!0}return!1}function JE(h,m,_,M){if(M={lane:2,revertLane:jN(),gesture:null,action:M,hasEagerState:!1,eagerState:null,next:null},nv(h)){if(m)throw Error(r(479))}else m=gE(h,_,M,2),m!==null&&es(m,h,2)}function nv(h){var m=h.alternate;return h===dn||m!==null&&m===dn}function BI(h,m){rm=Xy=!0;var _=h.pending;_===null?m.next=m:(m.next=_.next,_.next=m),h.pending=m}function $I(h,m,_){if((_&4194048)!==0){var M=m.lanes;M&=h.pendingLanes,_|=M,m.lanes=_,qt(h,_)}}var lx={readContext:ea,use:Zy,useCallback:Br,useContext:Br,useEffect:Br,useImperativeHandle:Br,useLayoutEffect:Br,useInsertionEffect:Br,useMemo:Br,useReducer:Br,useRef:Br,useState:Br,useDebugValue:Br,useDeferredValue:Br,useTransition:Br,useSyncExternalStore:Br,useId:Br,useHostTransitionStatus:Br,useFormState:Br,useActionState:Br,useOptimistic:Br,useMemoCache:Br,useCacheRefresh:Br};lx.useEffectEvent=Br;var HI={readContext:ea,use:Zy,useCallback:function(h,m){return Pa().memoizedState=[h,m===void 0?null:m],h},useContext:ea,useEffect:NI,useImperativeHandle:function(h,m,_){_=_!=null?_.concat([h]):null,ev(4194308,4,kI.bind(null,m,h),_)},useLayoutEffect:function(h,m){return ev(4194308,4,h,m)},useInsertionEffect:function(h,m){ev(4,2,h,m)},useMemo:function(h,m){var _=Pa();m=m===void 0?null:m;var M=h();if(ch){Ke(!0);try{h()}finally{Ke(!1)}}return _.memoizedState=[M,m],M},useReducer:function(h,m,_){var M=Pa();if(_!==void 0){var j=_(m);if(ch){Ke(!0);try{_(m)}finally{Ke(!1)}}}else j=m;return M.memoizedState=M.baseState=j,h={pending:null,lanes:0,dispatch:null,lastRenderedReducer:h,lastRenderedState:j},M.queue=h,h=h.dispatch=Ere.bind(null,dn,h),[M.memoizedState,h]},useRef:function(h){var m=Pa();return h={current:h},m.memoizedState=h},useState:function(h){h=WE(h);var m=h.queue,_=zI.bind(null,dn,m);return m.dispatch=_,[h.memoizedState,_]},useDebugValue:XE,useDeferredValue:function(h,m){var _=Pa();return YE(_,h,m)},useTransition:function(){var h=WE(!1);return h=OI.bind(null,dn,h.queue,!0,!1),Pa().memoizedState=h,[!1,h]},useSyncExternalStore:function(h,m,_){var M=dn,j=Pa();if(Dn){if(_===void 0)throw Error(r(407));_=_()}else{if(_=m(),mr===null)throw Error(r(349));(Pn&127)!==0||uI(M,m,_)}j.memoizedState=_;var O={value:_,getSnapshot:m};return j.queue=O,NI(hI.bind(null,M,O,h),[h]),M.flags|=2048,am(9,{destroy:void 0},dI.bind(null,M,O,_,m),null),_},useId:function(){var h=Pa(),m=mr.identifierPrefix;if(Dn){var _=ol,M=sl;_=(M&~(1<<32-Xe(M)-1)).toString(32)+_,m="_"+m+"R_"+_,_=Yy++,0<_&&(m+="H"+_.toString(32)),m+="_"}else _=bre++,m="_"+m+"r_"+_.toString(32)+"_";return h.memoizedState=m},useHostTransitionStatus:ZE,useFormState:_I,useActionState:_I,useOptimistic:function(h){var m=Pa();m.memoizedState=m.baseState=h;var _={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return m.queue=_,m=JE.bind(null,dn,!0,_),_.dispatch=m,[h,m]},useMemoCache:HE,useCacheRefresh:function(){return Pa().memoizedState=Mre.bind(null,dn)},useEffectEvent:function(h){var m=Pa(),_={impl:h};return m.memoizedState=_,function(){if(($n&2)!==0)throw Error(r(440));return _.impl.apply(void 0,arguments)}}},eN={readContext:ea,use:Zy,useCallback:PI,useContext:ea,useEffect:KE,useImperativeHandle:jI,useInsertionEffect:TI,useLayoutEffect:CI,useMemo:RI,useReducer:Jy,useRef:EI,useState:function(){return Jy(Jl)},useDebugValue:XE,useDeferredValue:function(h,m){var _=ni();return DI(_,rr.memoizedState,h,m)},useTransition:function(){var h=Jy(Jl)[0],m=ni().memoizedState;return[typeof h=="boolean"?h:sx(h),m]},useSyncExternalStore:cI,useId:FI,useHostTransitionStatus:ZE,useFormState:wI,useActionState:wI,useOptimistic:function(h,m){var _=ni();return pI(_,rr,h,m)},useMemoCache:HE,useCacheRefresh:UI};eN.useEffectEvent=AI;var VI={readContext:ea,use:Zy,useCallback:PI,useContext:ea,useEffect:KE,useImperativeHandle:jI,useInsertionEffect:TI,useLayoutEffect:CI,useMemo:RI,useReducer:GE,useRef:EI,useState:function(){return GE(Jl)},useDebugValue:XE,useDeferredValue:function(h,m){var _=ni();return rr===null?YE(_,h,m):DI(_,rr.memoizedState,h,m)},useTransition:function(){var h=GE(Jl)[0],m=ni().memoizedState;return[typeof h=="boolean"?h:sx(h),m]},useSyncExternalStore:cI,useId:FI,useHostTransitionStatus:ZE,useFormState:MI,useActionState:MI,useOptimistic:function(h,m){var _=ni();return rr!==null?pI(_,rr,h,m):(_.baseState=h,[h,_.queue.dispatch])},useMemoCache:HE,useCacheRefresh:UI};VI.useEffectEvent=AI;function tN(h,m,_,M){m=h.memoizedState,_=_(M,m),_=_==null?m:f({},m,_),h.memoizedState=_,h.lanes===0&&(h.updateQueue.baseState=_)}var nN={enqueueSetState:function(h,m,_){h=h._reactInternals;var M=ws(),j=vu(M);j.payload=m,_!=null&&(j.callback=_),m=_u(h,j,M),m!==null&&(es(m,h,M),nx(m,h,M))},enqueueReplaceState:function(h,m,_){h=h._reactInternals;var M=ws(),j=vu(M);j.tag=1,j.payload=m,_!=null&&(j.callback=_),m=_u(h,j,M),m!==null&&(es(m,h,M),nx(m,h,M))},enqueueForceUpdate:function(h,m){h=h._reactInternals;var _=ws(),M=vu(_);M.tag=2,m!=null&&(M.callback=m),m=_u(h,M,_),m!==null&&(es(m,h,_),nx(m,h,_))}};function GI(h,m,_,M,j,O,te){return h=h.stateNode,typeof h.shouldComponentUpdate=="function"?h.shouldComponentUpdate(M,O,te):m.prototype&&m.prototype.isPureReactComponent?!Kg(_,M)||!Kg(j,O):!0}function WI(h,m,_,M){h=m.state,typeof m.componentWillReceiveProps=="function"&&m.componentWillReceiveProps(_,M),typeof m.UNSAFE_componentWillReceiveProps=="function"&&m.UNSAFE_componentWillReceiveProps(_,M),m.state!==h&&nN.enqueueReplaceState(m,m.state,null)}function uh(h,m){var _=m;if("ref"in m){_={};for(var M in m)M!=="ref"&&(_[M]=m[M])}if(h=h.defaultProps){_===m&&(_=f({},_));for(var j in h)_[j]===void 0&&(_[j]=h[j])}return _}function qI(h){Dy(h)}function KI(h){console.error(h)}function XI(h){Dy(h)}function rv(h,m){try{var _=h.onUncaughtError;_(m.value,{componentStack:m.stack})}catch(M){setTimeout(function(){throw M})}}function YI(h,m,_){try{var M=h.onCaughtError;M(_.value,{componentStack:_.stack,errorBoundary:m.tag===1?m.stateNode:null})}catch(j){setTimeout(function(){throw j})}}function rN(h,m,_){return _=vu(_),_.tag=3,_.payload={element:null},_.callback=function(){rv(h,m)},_}function QI(h){return h=vu(h),h.tag=3,h}function ZI(h,m,_,M){var j=_.type.getDerivedStateFromError;if(typeof j=="function"){var O=M.value;h.payload=function(){return j(O)},h.callback=function(){YI(m,_,M)}}var te=_.stateNode;te!==null&&typeof te.componentDidCatch=="function"&&(h.callback=function(){YI(m,_,M),typeof j!="function"&&(Au===null?Au=new Set([this]):Au.add(this));var he=M.stack;this.componentDidCatch(M.value,{componentStack:he!==null?he:""})})}function Nre(h,m,_,M,j){if(_.flags|=32768,M!==null&&typeof M=="object"&&typeof M.then=="function"){if(m=_.alternate,m!==null&&Qf(m,_,j,!0),_=bs.current,_!==null){switch(_.tag){case 31:case 13:return Qs===null?pv():_.alternate===null&&$r===0&&($r=3),_.flags&=-257,_.flags|=65536,_.lanes=j,M===Vy?_.flags|=16384:(m=_.updateQueue,m===null?_.updateQueue=new Set([M]):m.add(M),TN(h,M,j)),!1;case 22:return _.flags|=65536,M===Vy?_.flags|=16384:(m=_.updateQueue,m===null?(m={transitions:null,markerInstances:null,retryQueue:new Set([M])},_.updateQueue=m):(_=m.retryQueue,_===null?m.retryQueue=new Set([M]):_.add(M)),TN(h,M,j)),!1}throw Error(r(435,_.tag))}return TN(h,M,j),pv(),!1}if(Dn)return m=bs.current,m!==null?((m.flags&65536)===0&&(m.flags|=256),m.flags|=65536,m.lanes=j,M!==wE&&(h=Error(r(422),{cause:M}),Qg(qs(h,_)))):(M!==wE&&(m=Error(r(423),{cause:M}),Qg(qs(m,_))),h=h.current.alternate,h.flags|=65536,j&=-j,h.lanes|=j,M=qs(M,_),j=rN(h.stateNode,M,j),RE(h,j),$r!==4&&($r=2)),!1;var O=Error(r(520),{cause:M});if(O=qs(O,_),gx===null?gx=[O]:gx.push(O),$r!==4&&($r=2),m===null)return!0;M=qs(M,_),_=m;do{switch(_.tag){case 3:return _.flags|=65536,h=j&-j,_.lanes|=h,h=rN(_.stateNode,M,h),RE(_,h),!1;case 1:if(m=_.type,O=_.stateNode,(_.flags&128)===0&&(typeof m.getDerivedStateFromError=="function"||O!==null&&typeof O.componentDidCatch=="function"&&(Au===null||!Au.has(O))))return _.flags|=65536,j&=-j,_.lanes|=j,j=QI(j),ZI(j,h,_,M),RE(_,j),!1}_=_.return}while(_!==null);return!1}var iN=Error(r(461)),li=!1;function ta(h,m,_,M){m.child=h===null?nI(m,null,_,M):lh(m,h.child,_,M)}function JI(h,m,_,M,j){_=_.render;var O=m.ref;if("ref"in M){var te={};for(var he in M)he!=="ref"&&(te[he]=M[he])}else te=M;return ih(m),M=UE(h,m,_,te,O,j),he=zE(),h!==null&&!li?(BE(h,m,j),ec(h,m,j)):(Dn&&he&&vE(m),m.flags|=1,ta(h,m,M,j),m.child)}function e5(h,m,_,M,j){if(h===null){var O=_.type;return typeof O=="function"&&!xE(O)&&O.defaultProps===void 0&&_.compare===null?(m.tag=15,m.type=O,t5(h,m,O,M,j)):(h=Fy(_.type,null,M,m,m.mode,j),h.ref=m.ref,h.return=m,m.child=h)}if(O=h.child,!hN(h,j)){var te=O.memoizedProps;if(_=_.compare,_=_!==null?_:Kg,_(te,M)&&h.ref===m.ref)return ec(h,m,j)}return m.flags|=1,h=Kl(O,M),h.ref=m.ref,h.return=m,m.child=h}function t5(h,m,_,M,j){if(h!==null){var O=h.memoizedProps;if(Kg(O,M)&&h.ref===m.ref)if(li=!1,m.pendingProps=M=O,hN(h,j))(h.flags&131072)!==0&&(li=!0);else return m.lanes=h.lanes,ec(h,m,j)}return aN(h,m,_,M,j)}function n5(h,m,_,M){var j=M.children,O=h!==null?h.memoizedState:null;if(h===null&&m.stateNode===null&&(m.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),M.mode==="hidden"){if((m.flags&128)!==0){if(O=O!==null?O.baseLanes|_:_,h!==null){for(M=m.child=h.child,j=0;M!==null;)j=j|M.lanes|M.childLanes,M=M.sibling;M=j&~O}else M=0,m.child=null;return r5(h,m,O,_,M)}if((_&536870912)!==0)m.memoizedState={baseLanes:0,cachePool:null},h!==null&&$y(m,O!==null?O.cachePool:null),O!==null?aI(m,O):OE(),sI(m);else return M=m.lanes=536870912,r5(h,m,O!==null?O.baseLanes|_:_,_,M)}else O!==null?($y(m,O.cachePool),aI(m,O),Su(),m.memoizedState=null):(h!==null&&$y(m,null),OE(),Su());return ta(h,m,j,_),m.child}function cx(h,m){return h!==null&&h.tag===22||m.stateNode!==null||(m.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),m.sibling}function r5(h,m,_,M,j){var O=CE();return O=O===null?null:{parent:si._currentValue,pool:O},m.memoizedState={baseLanes:_,cachePool:O},h!==null&&$y(m,null),OE(),sI(m),h!==null&&Qf(h,m,M,!0),m.childLanes=j,null}function iv(h,m){return m=sv({mode:m.mode,children:m.children},h.mode),m.ref=h.ref,h.child=m,m.return=h,m}function i5(h,m,_){return lh(m,h.child,null,_),h=iv(m,m.pendingProps),h.flags|=2,ys(m),m.memoizedState=null,h}function Are(h,m,_){var M=m.pendingProps,j=(m.flags&128)!==0;if(m.flags&=-129,h===null){if(Dn){if(M.mode==="hidden")return h=iv(m,M),m.lanes=536870912,cx(null,h);if(IE(m),(h=_r)?(h=gF(h,Ys),h=h!==null&&h.data==="&"?h:null,h!==null&&(m.memoizedState={dehydrated:h,treeContext:pu!==null?{id:sl,overflow:ol}:null,retryLane:536870912,hydrationErrors:null},_=BL(h),_.return=m,m.child=_,Ji=m,_r=null)):h=null,h===null)throw xu(m);return m.lanes=536870912,null}return iv(m,M)}var O=h.memoizedState;if(O!==null){var te=O.dehydrated;if(IE(m),j)if(m.flags&256)m.flags&=-257,m=i5(h,m,_);else if(m.memoizedState!==null)m.child=h.child,m.flags|=128,m=null;else throw Error(r(558));else if(li||Qf(h,m,_,!1),j=(_&h.childLanes)!==0,li||j){if(M=mr,M!==null&&(te=tr(M,_),te!==0&&te!==O.retryLane))throw O.retryLane=te,eh(h,te),es(M,h,te),iN;pv(),m=i5(h,m,_)}else h=O.treeContext,_r=Zs(te.nextSibling),Ji=m,Dn=!0,gu=null,Ys=!1,h!==null&&VL(m,h),m=iv(m,M),m.flags|=4096;return m}return h=Kl(h.child,{mode:M.mode,children:M.children}),h.ref=m.ref,m.child=h,h.return=m,h}function av(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 aN(h,m,_,M,j){return ih(m),_=UE(h,m,_,M,void 0,j),M=zE(),h!==null&&!li?(BE(h,m,j),ec(h,m,j)):(Dn&&M&&vE(m),m.flags|=1,ta(h,m,_,j),m.child)}function a5(h,m,_,M,j,O){return ih(m),m.updateQueue=null,_=lI(m,M,_,j),oI(h),M=zE(),h!==null&&!li?(BE(h,m,O),ec(h,m,O)):(Dn&&M&&vE(m),m.flags|=1,ta(h,m,_,O),m.child)}function s5(h,m,_,M,j){if(ih(m),m.stateNode===null){var O=qf,te=_.contextType;typeof te=="object"&&te!==null&&(O=ea(te)),O=new _(M,O),m.memoizedState=O.state!==null&&O.state!==void 0?O.state:null,O.updater=nN,m.stateNode=O,O._reactInternals=m,O=m.stateNode,O.props=M,O.state=m.memoizedState,O.refs={},jE(m),te=_.contextType,O.context=typeof te=="object"&&te!==null?ea(te):qf,O.state=m.memoizedState,te=_.getDerivedStateFromProps,typeof te=="function"&&(tN(m,_,te,M),O.state=m.memoizedState),typeof _.getDerivedStateFromProps=="function"||typeof O.getSnapshotBeforeUpdate=="function"||typeof O.UNSAFE_componentWillMount!="function"&&typeof O.componentWillMount!="function"||(te=O.state,typeof O.componentWillMount=="function"&&O.componentWillMount(),typeof O.UNSAFE_componentWillMount=="function"&&O.UNSAFE_componentWillMount(),te!==O.state&&nN.enqueueReplaceState(O,O.state,null),ix(m,M,O,j),rx(),O.state=m.memoizedState),typeof O.componentDidMount=="function"&&(m.flags|=4194308),M=!0}else if(h===null){O=m.stateNode;var he=m.memoizedProps,je=uh(_,he);O.props=je;var tt=O.context,ut=_.contextType;te=qf,typeof ut=="object"&&ut!==null&&(te=ea(ut));var xt=_.getDerivedStateFromProps;ut=typeof xt=="function"||typeof O.getSnapshotBeforeUpdate=="function",he=m.pendingProps!==he,ut||typeof O.UNSAFE_componentWillReceiveProps!="function"&&typeof O.componentWillReceiveProps!="function"||(he||tt!==te)&&WI(m,O,M,te),yu=!1;var it=m.memoizedState;O.state=it,ix(m,M,O,j),rx(),tt=m.memoizedState,he||it!==tt||yu?(typeof xt=="function"&&(tN(m,_,xt,M),tt=m.memoizedState),(je=yu||GI(m,_,je,M,it,tt,te))?(ut||typeof O.UNSAFE_componentWillMount!="function"&&typeof O.componentWillMount!="function"||(typeof O.componentWillMount=="function"&&O.componentWillMount(),typeof O.UNSAFE_componentWillMount=="function"&&O.UNSAFE_componentWillMount()),typeof O.componentDidMount=="function"&&(m.flags|=4194308)):(typeof O.componentDidMount=="function"&&(m.flags|=4194308),m.memoizedProps=M,m.memoizedState=tt),O.props=M,O.state=tt,O.context=te,M=je):(typeof O.componentDidMount=="function"&&(m.flags|=4194308),M=!1)}else{O=m.stateNode,PE(h,m),te=m.memoizedProps,ut=uh(_,te),O.props=ut,xt=m.pendingProps,it=O.context,tt=_.contextType,je=qf,typeof tt=="object"&&tt!==null&&(je=ea(tt)),he=_.getDerivedStateFromProps,(tt=typeof he=="function"||typeof O.getSnapshotBeforeUpdate=="function")||typeof O.UNSAFE_componentWillReceiveProps!="function"&&typeof O.componentWillReceiveProps!="function"||(te!==xt||it!==je)&&WI(m,O,M,je),yu=!1,it=m.memoizedState,O.state=it,ix(m,M,O,j),rx();var ot=m.memoizedState;te!==xt||it!==ot||yu||h!==null&&h.dependencies!==null&&zy(h.dependencies)?(typeof he=="function"&&(tN(m,_,he,M),ot=m.memoizedState),(ut=yu||GI(m,_,ut,M,it,ot,je)||h!==null&&h.dependencies!==null&&zy(h.dependencies))?(tt||typeof O.UNSAFE_componentWillUpdate!="function"&&typeof O.componentWillUpdate!="function"||(typeof O.componentWillUpdate=="function"&&O.componentWillUpdate(M,ot,je),typeof O.UNSAFE_componentWillUpdate=="function"&&O.UNSAFE_componentWillUpdate(M,ot,je)),typeof O.componentDidUpdate=="function"&&(m.flags|=4),typeof O.getSnapshotBeforeUpdate=="function"&&(m.flags|=1024)):(typeof O.componentDidUpdate!="function"||te===h.memoizedProps&&it===h.memoizedState||(m.flags|=4),typeof O.getSnapshotBeforeUpdate!="function"||te===h.memoizedProps&&it===h.memoizedState||(m.flags|=1024),m.memoizedProps=M,m.memoizedState=ot),O.props=M,O.state=ot,O.context=je,M=ut):(typeof O.componentDidUpdate!="function"||te===h.memoizedProps&&it===h.memoizedState||(m.flags|=4),typeof O.getSnapshotBeforeUpdate!="function"||te===h.memoizedProps&&it===h.memoizedState||(m.flags|=1024),M=!1)}return O=M,av(h,m),M=(m.flags&128)!==0,O||M?(O=m.stateNode,_=M&&typeof _.getDerivedStateFromError!="function"?null:O.render(),m.flags|=1,h!==null&&M?(m.child=lh(m,h.child,null,j),m.child=lh(m,null,_,j)):ta(h,m,_,j),m.memoizedState=O.state,h=m.child):h=ec(h,m,j),h}function o5(h,m,_,M){return nh(),m.flags|=256,ta(h,m,_,M),m.child}var sN={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function oN(h){return{baseLanes:h,cachePool:YL()}}function lN(h,m,_){return h=h!==null?h.childLanes&~_:0,m&&(h|=_s),h}function l5(h,m,_){var M=m.pendingProps,j=!1,O=(m.flags&128)!==0,te;if((te=O)||(te=h!==null&&h.memoizedState===null?!1:(ti.current&2)!==0),te&&(j=!0,m.flags&=-129),te=(m.flags&32)!==0,m.flags&=-33,h===null){if(Dn){if(j?wu(m):Su(),(h=_r)?(h=gF(h,Ys),h=h!==null&&h.data!=="&"?h:null,h!==null&&(m.memoizedState={dehydrated:h,treeContext:pu!==null?{id:sl,overflow:ol}:null,retryLane:536870912,hydrationErrors:null},_=BL(h),_.return=m,m.child=_,Ji=m,_r=null)):h=null,h===null)throw xu(m);return VN(h)?m.lanes=32:m.lanes=536870912,null}var he=M.children;return M=M.fallback,j?(Su(),j=m.mode,he=sv({mode:"hidden",children:he},j),M=th(M,j,_,null),he.return=m,M.return=m,he.sibling=M,m.child=he,M=m.child,M.memoizedState=oN(_),M.childLanes=lN(h,te,_),m.memoizedState=sN,cx(null,M)):(wu(m),cN(m,he))}var je=h.memoizedState;if(je!==null&&(he=je.dehydrated,he!==null)){if(O)m.flags&256?(wu(m),m.flags&=-257,m=uN(h,m,_)):m.memoizedState!==null?(Su(),m.child=h.child,m.flags|=128,m=null):(Su(),he=M.fallback,j=m.mode,M=sv({mode:"visible",children:M.children},j),he=th(he,j,_,null),he.flags|=2,M.return=m,he.return=m,M.sibling=he,m.child=M,lh(m,h.child,null,_),M=m.child,M.memoizedState=oN(_),M.childLanes=lN(h,te,_),m.memoizedState=sN,m=cx(null,M));else if(wu(m),VN(he)){if(te=he.nextSibling&&he.nextSibling.dataset,te)var tt=te.dgst;te=tt,M=Error(r(419)),M.stack="",M.digest=te,Qg({value:M,source:null,stack:null}),m=uN(h,m,_)}else if(li||Qf(h,m,_,!1),te=(_&h.childLanes)!==0,li||te){if(te=mr,te!==null&&(M=tr(te,_),M!==0&&M!==je.retryLane))throw je.retryLane=M,eh(h,M),es(te,h,M),iN;HN(he)||pv(),m=uN(h,m,_)}else HN(he)?(m.flags|=192,m.child=h.child,m=null):(h=je.treeContext,_r=Zs(he.nextSibling),Ji=m,Dn=!0,gu=null,Ys=!1,h!==null&&VL(m,h),m=cN(m,M.children),m.flags|=4096);return m}return j?(Su(),he=M.fallback,j=m.mode,je=h.child,tt=je.sibling,M=Kl(je,{mode:"hidden",children:M.children}),M.subtreeFlags=je.subtreeFlags&65011712,tt!==null?he=Kl(tt,he):(he=th(he,j,_,null),he.flags|=2),he.return=m,M.return=m,M.sibling=he,m.child=M,cx(null,M),M=m.child,he=h.child.memoizedState,he===null?he=oN(_):(j=he.cachePool,j!==null?(je=si._currentValue,j=j.parent!==je?{parent:je,pool:je}:j):j=YL(),he={baseLanes:he.baseLanes|_,cachePool:j}),M.memoizedState=he,M.childLanes=lN(h,te,_),m.memoizedState=sN,cx(h.child,M)):(wu(m),_=h.child,h=_.sibling,_=Kl(_,{mode:"visible",children:M.children}),_.return=m,_.sibling=null,h!==null&&(te=m.deletions,te===null?(m.deletions=[h],m.flags|=16):te.push(h)),m.child=_,m.memoizedState=null,_)}function cN(h,m){return m=sv({mode:"visible",children:m},h.mode),m.return=h,h.child=m}function sv(h,m){return h=xs(22,h,null,m),h.lanes=0,h}function uN(h,m,_){return lh(m,h.child,null,_),h=cN(m,m.pendingProps.children),h.flags|=2,m.memoizedState=null,h}function c5(h,m,_){h.lanes|=m;var M=h.alternate;M!==null&&(M.lanes|=m),EE(h.return,m,_)}function dN(h,m,_,M,j,O){var te=h.memoizedState;te===null?h.memoizedState={isBackwards:m,rendering:null,renderingStartTime:0,last:M,tail:_,tailMode:j,treeForkCount:O}:(te.isBackwards=m,te.rendering=null,te.renderingStartTime=0,te.last=M,te.tail=_,te.tailMode=j,te.treeForkCount=O)}function u5(h,m,_){var M=m.pendingProps,j=M.revealOrder,O=M.tail;M=M.children;var te=ti.current,he=(te&2)!==0;if(he?(te=te&1|2,m.flags|=128):te&=1,ne(ti,te),ta(h,m,M,_),M=Dn?Yg:0,!he&&h!==null&&(h.flags&128)!==0)e:for(h=m.child;h!==null;){if(h.tag===13)h.memoizedState!==null&&c5(h,_,m);else if(h.tag===19)c5(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(j){case"forwards":for(_=m.child,j=null;_!==null;)h=_.alternate,h!==null&&Ky(h)===null&&(j=_),_=_.sibling;_=j,_===null?(j=m.child,m.child=null):(j=_.sibling,_.sibling=null),dN(m,!1,j,_,O,M);break;case"backwards":case"unstable_legacy-backwards":for(_=null,j=m.child,m.child=null;j!==null;){if(h=j.alternate,h!==null&&Ky(h)===null){m.child=j;break}h=j.sibling,j.sibling=_,_=j,j=h}dN(m,!0,_,null,O,M);break;case"together":dN(m,!1,null,null,void 0,M);break;default:m.memoizedState=null}return m.child}function ec(h,m,_){if(h!==null&&(m.dependencies=h.dependencies),Nu|=m.lanes,(_&m.childLanes)===0)if(h!==null){if(Qf(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,_=Kl(h,h.pendingProps),m.child=_,_.return=m;h.sibling!==null;)h=h.sibling,_=_.sibling=Kl(h,h.pendingProps),_.return=m;_.sibling=null}return m.child}function hN(h,m){return(h.lanes&m)!==0?!0:(h=h.dependencies,!!(h!==null&&zy(h)))}function Tre(h,m,_){switch(m.tag){case 3:de(m,m.stateNode.containerInfo),bu(m,si,h.memoizedState.cache),nh();break;case 27:case 5:ye(m);break;case 4:de(m,m.stateNode.containerInfo);break;case 10:bu(m,m.type,m.memoizedProps.value);break;case 31:if(m.memoizedState!==null)return m.flags|=128,IE(m),null;break;case 13:var M=m.memoizedState;if(M!==null)return M.dehydrated!==null?(wu(m),m.flags|=128,null):(_&m.child.childLanes)!==0?l5(h,m,_):(wu(m),h=ec(h,m,_),h!==null?h.sibling:null);wu(m);break;case 19:var j=(h.flags&128)!==0;if(M=(_&m.childLanes)!==0,M||(Qf(h,m,_,!1),M=(_&m.childLanes)!==0),j){if(M)return u5(h,m,_);m.flags|=128}if(j=m.memoizedState,j!==null&&(j.rendering=null,j.tail=null,j.lastEffect=null),ne(ti,ti.current),M)break;return null;case 22:return m.lanes=0,n5(h,m,_,m.pendingProps);case 24:bu(m,si,h.memoizedState.cache)}return ec(h,m,_)}function d5(h,m,_){if(h!==null)if(h.memoizedProps!==m.pendingProps)li=!0;else{if(!hN(h,_)&&(m.flags&128)===0)return li=!1,Tre(h,m,_);li=(h.flags&131072)!==0}else li=!1,Dn&&(m.flags&1048576)!==0&&HL(m,Yg,m.index);switch(m.lanes=0,m.tag){case 16:e:{var M=m.pendingProps;if(h=sh(m.elementType),m.type=h,typeof h=="function")xE(h)?(M=uh(h,M),m.tag=1,m=s5(null,m,h,M,_)):(m.tag=0,m=aN(null,m,h,M,_));else{if(h!=null){var j=h.$$typeof;if(j===A){m.tag=11,m=JI(null,m,h,M,_);break e}else if(j===T){m.tag=14,m=e5(null,m,h,M,_);break e}}throw m=R(h)||h,Error(r(306,m,""))}}return m;case 0:return aN(h,m,m.type,m.pendingProps,_);case 1:return M=m.type,j=uh(M,m.pendingProps),s5(h,m,M,j,_);case 3:e:{if(de(m,m.stateNode.containerInfo),h===null)throw Error(r(387));M=m.pendingProps;var O=m.memoizedState;j=O.element,PE(h,m),ix(m,M,null,_);var te=m.memoizedState;if(M=te.cache,bu(m,si,M),M!==O.cache&&NE(m,[si],_,!0),rx(),M=te.element,O.isDehydrated)if(O={element:M,isDehydrated:!1,cache:te.cache},m.updateQueue.baseState=O,m.memoizedState=O,m.flags&256){m=o5(h,m,M,_);break e}else if(M!==j){j=qs(Error(r(424)),m),Qg(j),m=o5(h,m,M,_);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(_r=Zs(h.firstChild),Ji=m,Dn=!0,gu=null,Ys=!0,_=nI(m,null,M,_),m.child=_;_;)_.flags=_.flags&-3|4096,_=_.sibling}else{if(nh(),M===j){m=ec(h,m,_);break e}ta(h,m,M,_)}m=m.child}return m;case 26:return av(h,m),h===null?(_=wF(m.type,null,m.pendingProps,null))?m.memoizedState=_:Dn||(_=m.type,h=m.pendingProps,M=wv(ue.current).createElement(_),M[Bt]=m,M[cn]=h,na(M,_,h),Oe(M),m.stateNode=M):m.memoizedState=wF(m.type,h.memoizedProps,m.pendingProps,h.memoizedState),null;case 27:return ye(m),h===null&&Dn&&(M=m.stateNode=yF(m.type,m.pendingProps,ue.current),Ji=m,Ys=!0,j=_r,ju(m.type)?(GN=j,_r=Zs(M.firstChild)):_r=j),ta(h,m,m.pendingProps.children,_),av(h,m),h===null&&(m.flags|=4194304),m.child;case 5:return h===null&&Dn&&((j=M=_r)&&(M=iie(M,m.type,m.pendingProps,Ys),M!==null?(m.stateNode=M,Ji=m,_r=Zs(M.firstChild),Ys=!1,j=!0):j=!1),j||xu(m)),ye(m),j=m.type,O=m.pendingProps,te=h!==null?h.memoizedProps:null,M=O.children,zN(j,O)?M=null:te!==null&&zN(j,te)&&(m.flags|=32),m.memoizedState!==null&&(j=UE(h,m,yre,null,null,_),Mx._currentValue=j),av(h,m),ta(h,m,M,_),m.child;case 6:return h===null&&Dn&&((h=_=_r)&&(_=aie(_,m.pendingProps,Ys),_!==null?(m.stateNode=_,Ji=m,_r=null,h=!0):h=!1),h||xu(m)),null;case 13:return l5(h,m,_);case 4:return de(m,m.stateNode.containerInfo),M=m.pendingProps,h===null?m.child=lh(m,null,M,_):ta(h,m,M,_),m.child;case 11:return JI(h,m,m.type,m.pendingProps,_);case 7:return ta(h,m,m.pendingProps,_),m.child;case 8:return ta(h,m,m.pendingProps.children,_),m.child;case 12:return ta(h,m,m.pendingProps.children,_),m.child;case 10:return M=m.pendingProps,bu(m,m.type,M.value),ta(h,m,M.children,_),m.child;case 9:return j=m.type._context,M=m.pendingProps.children,ih(m),j=ea(j),M=M(j),m.flags|=1,ta(h,m,M,_),m.child;case 14:return e5(h,m,m.type,m.pendingProps,_);case 15:return t5(h,m,m.type,m.pendingProps,_);case 19:return u5(h,m,_);case 31:return Are(h,m,_);case 22:return n5(h,m,_,m.pendingProps);case 24:return ih(m),M=ea(si),h===null?(j=CE(),j===null&&(j=mr,O=AE(),j.pooledCache=O,O.refCount++,O!==null&&(j.pooledCacheLanes|=_),j=O),m.memoizedState={parent:M,cache:j},jE(m),bu(m,si,j)):((h.lanes&_)!==0&&(PE(h,m),ix(m,null,null,_),rx()),j=h.memoizedState,O=m.memoizedState,j.parent!==M?(j={parent:M,cache:M},m.memoizedState=j,m.lanes===0&&(m.memoizedState=m.updateQueue.baseState=j),bu(m,si,M)):(M=O.cache,bu(m,si,M),M!==j.cache&&NE(m,[si],_,!0))),ta(h,m,m.pendingProps.children,_),m.child;case 29:throw m.pendingProps}throw Error(r(156,m.tag))}function tc(h){h.flags|=4}function fN(h,m,_,M,j){if((m=(h.mode&32)!==0)&&(m=!1),m){if(h.flags|=16777216,(j&335544128)===j)if(h.stateNode.complete)h.flags|=8192;else if(F5())h.flags|=8192;else throw oh=Vy,kE}else h.flags&=-16777217}function h5(h,m){if(m.type!=="stylesheet"||(m.state.loading&4)!==0)h.flags&=-16777217;else if(h.flags|=16777216,!AF(m))if(F5())h.flags|=8192;else throw oh=Vy,kE}function ov(h,m){m!==null&&(h.flags|=4),h.flags&16384&&(m=h.tag!==22?Nt():536870912,h.lanes|=m,cm|=m)}function ux(h,m){if(!Dn)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 M=null;_!==null;)_.alternate!==null&&(M=_),_=_.sibling;M===null?m||h.tail===null?h.tail=null:h.tail.sibling=null:M.sibling=null}}function wr(h){var m=h.alternate!==null&&h.alternate.child===h.child,_=0,M=0;if(m)for(var j=h.child;j!==null;)_|=j.lanes|j.childLanes,M|=j.subtreeFlags&65011712,M|=j.flags&65011712,j.return=h,j=j.sibling;else for(j=h.child;j!==null;)_|=j.lanes|j.childLanes,M|=j.subtreeFlags,M|=j.flags,j.return=h,j=j.sibling;return h.subtreeFlags|=M,h.childLanes=_,m}function Cre(h,m,_){var M=m.pendingProps;switch(_E(m),m.tag){case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return wr(m),null;case 1:return wr(m),null;case 3:return _=m.stateNode,M=null,h!==null&&(M=h.memoizedState.cache),m.memoizedState.cache!==M&&(m.flags|=2048),Ql(si),le(),_.pendingContext&&(_.context=_.pendingContext,_.pendingContext=null),(h===null||h.child===null)&&(Yf(m)?tc(m):h===null||h.memoizedState.isDehydrated&&(m.flags&256)===0||(m.flags|=1024,SE())),wr(m),null;case 26:var j=m.type,O=m.memoizedState;return h===null?(tc(m),O!==null?(wr(m),h5(m,O)):(wr(m),fN(m,j,null,M,_))):O?O!==h.memoizedState?(tc(m),wr(m),h5(m,O)):(wr(m),m.flags&=-16777217):(h=h.memoizedProps,h!==M&&tc(m),wr(m),fN(m,j,h,M,_)),null;case 27:if(pe(m),_=ue.current,j=m.type,h!==null&&m.stateNode!=null)h.memoizedProps!==M&&tc(m);else{if(!M){if(m.stateNode===null)throw Error(r(166));return wr(m),null}h=re.current,Yf(m)?GL(m):(h=yF(j,M,_),m.stateNode=h,tc(m))}return wr(m),null;case 5:if(pe(m),j=m.type,h!==null&&m.stateNode!=null)h.memoizedProps!==M&&tc(m);else{if(!M){if(m.stateNode===null)throw Error(r(166));return wr(m),null}if(O=re.current,Yf(m))GL(m);else{var te=wv(ue.current);switch(O){case 1:O=te.createElementNS("http://www.w3.org/2000/svg",j);break;case 2:O=te.createElementNS("http://www.w3.org/1998/Math/MathML",j);break;default:switch(j){case"svg":O=te.createElementNS("http://www.w3.org/2000/svg",j);break;case"math":O=te.createElementNS("http://www.w3.org/1998/Math/MathML",j);break;case"script":O=te.createElement("div"),O.innerHTML="
-
+
+
diff --git a/update_website_wiki.sh b/update_website_wiki.sh
index c19292825..d88feaf7c 100755
--- a/update_website_wiki.sh
+++ b/update_website_wiki.sh
@@ -15,4 +15,9 @@ git add .
git commit -m "Updated Wiki"
git push
+cd ../spoolbuddy-website
+git add .
+git commit -m "Updated website"
+git push
+
cd ../bambuddy
-
-
+ {/* Left Column - AMS Display Thresholds */}
+
)}
diff --git a/frontend/src/pages/SystemInfoPage.tsx b/frontend/src/pages/SystemInfoPage.tsx
index b3598bc55..e2f08c7c8 100644
--- a/frontend/src/pages/SystemInfoPage.tsx
+++ b/frontend/src/pages/SystemInfoPage.tsx
@@ -20,11 +20,19 @@ import {
Bug,
Download,
Headphones,
+ FolderOpen,
} from 'lucide-react';
import { api, supportApi } from '../api/client';
import { Card } from '../components/Card';
import { formatDateTime, type TimeFormat } from '../utils/date';
+function formatBytes(bytes: number): string {
+ if (bytes < 1024) return `${bytes} B`;
+ if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+ if (bytes < 1024 * 1024 * 1024) return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+ return `${(bytes / (1024 * 1024 * 1024)).toFixed(2)} GB`;
+}
+
function StatCard({
icon: Icon,
label,
@@ -108,6 +116,11 @@ export function SystemInfoPage() {
queryFn: api.getSettings,
});
+ const { data: libraryStats } = useQuery({
+ queryKey: ['library-stats'],
+ queryFn: api.getLibraryStats,
+ });
+
const timeFormat: TimeFormat = settings?.time_format || 'system';
const handleToggleDebugLogging = async () => {
@@ -456,7 +469,7 @@ export function SystemInfoPage() {
{(100 - systemInfo.storage.disk_percent_used).toFixed(1)}%)
+
+
+
+
+
+
+
+
+ {/* Right Column - Spoolman Integration */}
+ AMS Display Thresholds
++ Configure color thresholds for AMS humidity and temperature indicators. +
+ + {/* Humidity Thresholds */} +
+
+
+ {/* Temperature Thresholds */}
+
+
+
+
+
+
+
+
+ updateSetting('ams_humidity_good', parseInt(e.target.value) || 40)}
+ className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+ %
+
+
+
+
+
+ updateSetting('ams_humidity_fair', parseInt(e.target.value) || 60)}
+ className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+ %
+
+ + Above fair threshold shows as red (bad) +
+
+
+
+ {/* History Retention */}
+
+
+
+
+
+
+
+
+ updateSetting('ams_temp_good', parseFloat(e.target.value) || 28)}
+ className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+ °C
+
+
+
+
+
+ updateSetting('ams_temp_fair', parseFloat(e.target.value) || 35)}
+ className="w-full px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+ °C
+
+ + Above fair threshold shows as red (hot) +
+
+
+
+
+
+
+
+
+ updateSetting('ams_history_retention_days', parseInt(e.target.value) || 30)}
+ className="w-24 px-3 py-2 bg-bambu-dark border border-bambu-dark-tertiary rounded-lg text-white focus:border-bambu-green focus:outline-none"
+ />
+ days
+
+ + Older humidity and temperature data will be automatically deleted +
+
+
+
diff --git a/icons/fc3b0d1fbe8b4815b0f7dbd92f3b68fd.svg b/icons/fc3b0d1fbe8b4815b0f7dbd92f3b68fd.svg
deleted file mode 100644
index 9d0321d94..000000000
--- a/icons/fc3b0d1fbe8b4815b0f7dbd92f3b68fd.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/static/assets/index-CBKbW_8F.js b/static/assets/index-CBKbW_8F.js
new file mode 100644
index 000000000..e5660e83d
--- /dev/null
+++ b/static/assets/index-CBKbW_8F.js
@@ -0,0 +1,8663 @@
+function Cie(t,e){for(var n=0;n