fixing layout issue and rendering issues

app/components/Desktop.tsx

@@ -136,7 +136,7 @@ export function Desktop() {
     setCurrentPath(path)
     setFileManagerOpen(true)
     setFileManagerMinimized(false)
-    setWindowZIndices(prev => ({ ...prev, fileManager: getNextZIndex() }))
+    bringWindowToFront('fileManager')
   }
 
   const closeFileManager = () => {
@@ -148,7 +148,7 @@ export function Desktop() {
     console.log('Opening Calendar')
     setCalendarOpen(true)
     setCalendarMinimized(false)
-    setWindowZIndices(prev => ({ ...prev, calendar: getNextZIndex() }))
+    bringWindowToFront('calendar')
   }
 
   const closeCalendar = () => {
@@ -159,7 +159,7 @@ export function Desktop() {
   const openClock = () => {
     setClockOpen(true)
     setClockMinimized(false)
-    setWindowZIndices(prev => ({ ...prev, clock: getNextZIndex() }))
+    bringWindowToFront('clock')
   }
 
   const closeClock = () => {
@@ -170,7 +170,7 @@ export function Desktop() {
   const openMessages = () => {
     setMessagesOpen(true)
     setMessagesMinimized(false)
-    setWindowZIndices(prev => ({ ...prev, messages: getNextZIndex() }))
+    bringWindowToFront('messages')
   }
 
   const closeMessages = () => {
@@ -182,7 +182,7 @@ export function Desktop() {
     console.log('Opening Gemini Chat')
     setGeminiChatOpen(true)
     setGeminiChatMinimized(false)
-    setWindowZIndices(prev => ({ ...prev, gemini: getNextZIndex() }))
+    bringWindowToFront('gemini')
   }
 
   const closeGeminiChat = () => {
@@ -198,7 +198,7 @@ export function Desktop() {
     setActiveFlutterApp(appFile)
     setFlutterRunnerOpen(true)
     setFlutterRunnerMinimized(false)
-    setWindowZIndices(prev => ({ ...prev, flutterRunner: getNextZIndex() }))
+    bringWindowToFront('flutterRunner')
   }
 
   const closeFlutterRunner = () => {
@@ -220,7 +220,7 @@ export function Desktop() {
     }
     setFlutterCodeEditorOpen(true)
     setFlutterCodeEditorMinimized(false)
-    setWindowZIndices(prev => ({ ...prev, flutterCodeEditor: getNextZIndex() }))
+    bringWindowToFront('flutterCodeEditor')
   }
 
   const closeFlutterCodeEditor = () => {
@@ -239,7 +239,7 @@ export function Desktop() {
     }
     setLaTeXEditorOpen(true)
     setLaTeXEditorMinimized(false)
-    setWindowZIndices(prev => ({ ...prev, latexEditor: getNextZIndex() }))
+    bringWindowToFront('latexEditor')
   }
 
   const closeLaTeXEditor = () => {
@@ -250,7 +250,7 @@ export function Desktop() {
   const openQuizApp = () => {
     setQuizAppOpen(true)
     setQuizAppMinimized(false)
-    setWindowZIndices(prev => ({ ...prev, quizApp: getNextZIndex() }))
+    bringWindowToFront('quizApp')
   }
 
   const closeQuizApp = () => {
@@ -400,7 +400,10 @@ export function Desktop() {
           <Folder size={20} weight="regular" className="text-blue-900" />
         </div>
       ),
-      onRestore: () => setFileManagerMinimized(false)
+      onRestore: () => {
+        setFileManagerMinimized(false)
+        bringWindowToFront('fileManager')
+      }
     })
   }
 
@@ -413,7 +416,10 @@ export function Desktop() {
           <CalendarIcon size={20} weight="regular" className="text-white" />
         </div>
       ),
-      onRestore: () => setCalendarMinimized(false)
+      onRestore: () => {
+        setCalendarMinimized(false)
+        bringWindowToFront('calendar')
+      }
     })
   }
 
@@ -426,7 +432,10 @@ export function Desktop() {
           <ClockIcon size={20} weight="regular" className="text-white" />
         </div>
       ),
-      onRestore: () => setClockMinimized(false)
+      onRestore: () => {
+        setClockMinimized(false)
+        bringWindowToFront('clock')
+      }
     })
   }
 
@@ -440,7 +449,10 @@ export function Desktop() {
           <ChatCircleDots size={20} weight="fill" className="text-white relative z-10 drop-shadow-md" />
         </div>
       ),
-      onRestore: () => setMessagesMinimized(false)
+      onRestore: () => {
+        setMessagesMinimized(false)
+        bringWindowToFront('messages')
+      }
     })
   }
 
@@ -453,7 +465,10 @@ export function Desktop() {
           <Sparkle size={20} weight="fill" className="text-blue-500" />
         </div>
       ),
-      onRestore: () => setGeminiChatMinimized(false)
+      onRestore: () => {
+        setGeminiChatMinimized(false)
+        bringWindowToFront('gemini')
+      }
     })
   }
 
@@ -474,7 +489,10 @@ export function Desktop() {
           </div>
         </div>
       ),
-      onRestore: () => setFlutterRunnerMinimized(false)
+      onRestore: () => {
+        setFlutterRunnerMinimized(false)
+        bringWindowToFront('flutterRunner')
+      }
     })
   }
 
@@ -493,7 +511,10 @@ export function Desktop() {
           </div>
         </div>
       ),
-      onRestore: () => setFlutterCodeEditorMinimized(false)
+      onRestore: () => {
+        setFlutterCodeEditorMinimized(false)
+        bringWindowToFront('flutterCodeEditor')
+      }
     })
   }
 
@@ -510,7 +531,10 @@ export function Desktop() {
           </div>
         </div>
       ),
-      onRestore: () => setLaTeXEditorMinimized(false)
+      onRestore: () => {
+        setLaTeXEditorMinimized(false)
+        bringWindowToFront('latexEditor')
+      }
     })
   }
 
@@ -524,7 +548,10 @@ export function Desktop() {
           <Brain size={20} weight="fill" className="text-white relative z-10 drop-shadow-md" />
         </div>
       ),
-      onRestore: () => setQuizAppMinimized(false)
+      onRestore: () => {
+        setQuizAppMinimized(false)
+        bringWindowToFront('quizApp')
+      }
     })
   }
 
@@ -850,6 +877,8 @@ export function Desktop() {
                     setActiveFlutterApp(null)
                   }}
                   onMinimize={() => setFlutterRunnerMinimized(true)}
+                  onFocus={() => bringWindowToFront('flutterRunner')}
+                  zIndex={windowZIndices.flutterRunner || 1000}
                 />
               </motion.div>
             )}
@@ -874,6 +903,8 @@ export function Desktop() {
                   initialCode={activeFlutterApp?.dartCode}
                   onClose={closeFlutterCodeEditor}
                   onMinimize={() => setFlutterCodeEditorMinimized(true)}
+                  onFocus={() => bringWindowToFront('flutterCodeEditor')}
+                  zIndex={windowZIndices.flutterCodeEditor || 1000}
                 />
               </motion.div>
             )}
@@ -901,6 +932,8 @@ export function Desktop() {
                     setActiveLaTeXApp(null)
                   }}
                   onMinimize={() => setLaTeXEditorMinimized(true)}
+                  onFocus={() => bringWindowToFront('latexEditor')}
+                  zIndex={windowZIndices.latexEditor || 1000}
                 />
               </motion.div>
             )}
@@ -924,6 +957,7 @@ export function Desktop() {
                 <QuizApp
                   onClose={closeQuizApp}
                   onMinimize={() => setQuizAppMinimized(true)}
+                  onFocus={() => bringWindowToFront('quizApp')}
                   zIndex={windowZIndices.quizApp || 1000}
                 />
               </motion.div>

app/components/FlutterRunner.tsx

@@ -6,9 +6,7 @@ import {
   Download,
   SidebarSimple,
   FileCode,
-  CaretDown,
-  Copy
-
+  CaretDown
 } from '@phosphor-icons/react'
 import Window from './Window'
 
@@ -16,6 +14,8 @@ interface FlutterRunnerProps {
   onClose: () => void
   onMinimize?: () => void
   onMaximize?: () => void
+  onFocus?: () => void
+  zIndex?: number
   initialCode?: string
 }
 
@@ -97,7 +97,7 @@ class _MyHomePageState extends State<MyHomePage> {
   }
 }`
 
-export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }: FlutterRunnerProps) {
+export function FlutterRunner({ onClose, onMinimize, onMaximize, onFocus, zIndex, initialCode }: FlutterRunnerProps) {
   const [code, setCode] = useState(initialCode || DEFAULT_FLUTTER_CODE)
   const [showEditor, setShowEditor] = useState(true)
   const [showFiles, setShowFiles] = useState(true)
@@ -246,13 +246,6 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
     URL.revokeObjectURL(url)
   }
 
-  const handleCopyCode = () => {
-    navigator.clipboard.writeText(code).then(() => {
-      console.log("Code copied to clipboard!")
-    }).catch(err => {
-      console.error("Failed to copy:", err)
-    })
-  }
 
   return (
     <Window
@@ -262,6 +255,8 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
       onClose={onClose}
       onMinimize={onMinimize}
       onMaximize={onMaximize}
+      onFocus={onFocus}
+      zIndex={zIndex}
       width={1400}
       height={800}
       x={40}
@@ -319,14 +314,6 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
             </div>
 
             <div className="flex items-center gap-2">
-              <button
-                onClick={handleCopyCode}
-                className="flex items-center gap-1 px-3 py-1.5 bg-green-600 hover:bg-green-700 text-white rounded text-xs font-medium transition-colors"
-                title="Copy Code to Clipboard"
-              >
-                <Copy size={14} weight="bold" />
-                Copy Code
-              </button>
               <button
                 onClick={handleDownload}
                 className="p-1.5 text-gray-400 hover:text-white hover:bg-[#3e3e42] rounded transition-colors"
@@ -384,8 +371,8 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
             <div className="w-24" /> {/* Spacer for centering */}
           </div>
           <div className="flex-1 bg-[#1e1e1e] relative overflow-hidden">
-            <div className="absolute top-0 left-0 right-0 bg-blue-900/90 backdrop-blur-sm px-4 py-2 z-10 border-b border-blue-700">
-              <p className="text-blue-100 text-sm font-medium">📋 Click "Copy Code" button, then paste into DartPad editor</p>
+            <div className="absolute top-0 left-0 right-0 bg-gray-900/95 backdrop-blur-sm px-4 py-2 z-10 border-b border-gray-700">
+              <p className="text-red-500 text-sm font-bold">Copy the code from editor to DartPad</p>
             </div>
             <iframe
               

app/components/LaTeXEditor.tsx

@@ -24,6 +24,8 @@ interface LaTeXEditorProps {
   onClose: () => void
   onMinimize?: () => void
   onMaximize?: () => void
+  onFocus?: () => void
+  zIndex?: number
   initialContent?: string
 }
 
@@ -55,7 +57,7 @@ Here is an equation:
 
 \\end{document}`
 
-export function LaTeXEditor({ onClose, onMinimize, onMaximize, initialContent }: LaTeXEditorProps) {
+export function LaTeXEditor({ onClose, onMinimize, onMaximize, onFocus, zIndex, initialContent }: LaTeXEditorProps) {
   const [code, setCode] = useState(initialContent || DEFAULT_LATEX)
   const [showSidebar, setShowSidebar] = useState(true)
   const [files, setFiles] = useState<FileNode[]>([])
@@ -339,6 +341,8 @@ export function LaTeXEditor({ onClose, onMinimize, onMaximize, initialContent }:
       onClose={onClose}
       onMinimize={onMinimize}
       onMaximize={onMaximize}
+      onFocus={onFocus}
+      zIndex={zIndex}
       width={1200}
       height={800}
       x={60}

app/components/QuizApp.tsx

@@ -27,10 +27,11 @@ interface QuizQuestion {
 interface QuizAppProps {
     onClose: () => void
     onMinimize: () => void
+    onFocus?: () => void
     zIndex: number
 }
 
-export function QuizApp({ onClose, onMinimize, zIndex }: QuizAppProps) {
+export function QuizApp({ onClose, onMinimize, onFocus, zIndex }: QuizAppProps) {
     const [windowSize, setWindowSize] = useState({ width: 800, height: 600 })
     const [passkey, setPasskey] = useState('')
     const [tempPasskey, setTempPasskey] = useState('')
@@ -259,6 +260,7 @@ export function QuizApp({ onClose, onMinimize, zIndex }: QuizAppProps) {
             isOpen={true}
             onClose={onClose}
             onMinimize={onMinimize}
+            onFocus={onFocus}
             zIndex={zIndex}
             width={windowSize.width}
             height={windowSize.height}