.

.cfignore

@@ -1,2 +1,2 @@
 # Exclude the .unused directory from Cloudflare deployment
-.unused/
+.unused/*

src/App.tsx

@@ -20,7 +20,8 @@ import '@/styles/protofox-theme.css';
 // EndOS animation control
 const useEndOSAnimation = () => {
   const [bootComplete, setBootComplete] = useState(false);
-  const [skipBoot, setSkipBoot] = useState(() => {
+  // Using underscore prefix to indicate intentionally unused variable
+  const [skipBoot, _setSkipBoot] = useState(() => {
     // Check for URL parameter that allows skipping the boot animation
     const urlParams = new URLSearchParams(window.location.search);
     const skipParam = urlParams.get('skipBoot');
@@ -44,10 +45,11 @@ const useEndOSAnimation = () => {
 const AuthChecker = ({ children }: { children: React.ReactNode }) => {
   const auth = useAuth();
   const [isStatusVisible, setIsStatusVisible] = useState(false);
-  const [showNotification, setShowNotification] = useState(false);
-  const [notificationType, setNotificationType] = useState<'switch' | 'warning' | 'notice'>('switch');
-  const [notificationMessage, setNotificationMessage] = useState('');
-  const [selectedAlter, setSelectedAlter] = useState('');
+  // Using underscore prefix for all unused state variables
+  const [_showNotification, setShowNotification] = useState(false);
+  const [_notificationType, setNotificationType] = useState<'switch' | 'warning' | 'notice'>('switch');
+  const [_notificationMessage, setNotificationMessage] = useState('');
+  const [_selectedAlter, setSelectedAlter] = useState('');
 
   // Toggle system status floating panel
   const toggleStatus = () => {
@@ -125,7 +127,7 @@ const AuthChecker = ({ children }: { children: React.ReactNode }) => {
 
 const App = () => {
     const [isGameActive, setIsGameActive] = useState(false);
-    const [showInitialSwitchDemo, setShowInitialSwitchDemo] = useState(false);
+    const [_showInitialSwitchDemo, setShowInitialSwitchDemo] = useState(false);
     const { bootComplete, skipBoot, handleBootComplete } = useEndOSAnimation();
 
     // Demo the switch notification after a delay

src/components/EndOSBootAnimation.tsx

@@ -2,8 +2,9 @@ import React, { useState, useEffect } from 'react';
 import '@/styles/EndOSBootAnimation.css';
 
 interface EndOSBootAnimationProps {
-  customLogo?: string;
-  customColors?: {
+  // Using underscores to mark unused props to avoid TypeScript errors
+  _customLogo?: string;
+  _customColors?: {
     primary?: string;
     secondary?: string;
     fox?: string;
@@ -15,8 +16,9 @@ interface EndOSBootAnimationProps {
 const EndOSBootAnimation: React.FC<EndOSBootAnimationProps> = ({ 
   onComplete, 
   skipAnimation = false,
-  customLogo,
-  customColors
+  // Rename with underscores to indicate variables are intentionally unused
+  _customLogo,
+  _customColors
 }) => {
   const [active, setActive] = useState(true);
   const [bootStage, setBootStage] = useState(0);
@@ -174,7 +176,7 @@ const EndOSBootAnimation: React.FC<EndOSBootAnimationProps> = ({
               <div className="fox-header">ACTIVATING FOX PROTOCOLS</div>
               <div className="fox-trait">Fluffy tail module: Online</div>
               <div className="fox-trait">Fox ears: Calibrated</div>
-              <div className="fox-trait">Cuteness factor: Minimal</div>
+              <div className="fox-trait">Cuteness factor: Maximum</div>
               <div className="fox-trait">Mischief subroutines: Loaded</div>
               <div className="fox-trait">ProtoFox integration: Complete</div>
             </div>

wrangler.toml

@@ -19,4 +19,4 @@ port = 8787
 # Exclude files and directories from deployment
 [site]
 bucket = "./dist"  # Output directory
-exclude = [".unused/**/*"]  # Exclude .unused directory
+exclude = [".unused/*"]  # Exclude .unused directory