Fixing many errors

app/components/FlutterRunner.tsx

@@ -6,7 +6,8 @@ import {
   Download,
   SidebarSimple,
   FileCode,
-  CaretDown
+  CaretDown,
+  Copy
 
 } from '@phosphor-icons/react'
 import Window from './Window'
@@ -243,6 +244,14 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
     a.download = activeFileName || 'main.dart'
     a.click()
     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 (
@@ -311,6 +320,14 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
 
             <div className="flex items-center gap-2">
               <button
+              <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>
                 onClick={handleDownload}
                 className="p-1.5 text-gray-400 hover:text-white hover:bg-[#3e3e42] rounded transition-colors"
                 title="Download Code"
@@ -367,9 +384,12 @@ 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>
             <iframe
               
-              src={`https://dartpad.dev/embed-flutter.html?theme=dark&run=true&split=50&code=${encodeURIComponent(code)}`}
+              src="https://dartpad.dev/embed-flutter.html?theme=dark&split=50"
               className="w-full h-full border-0"
               sandbox="allow-scripts allow-same-origin allow-popups"
               title="Flutter Preview"
@@ -386,14 +406,16 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
             <div className="flex-1 overflow-y-auto py-2">
               <div className="px-2">
                 <div className="flex items-center gap-1 py-1 px-2 text-sm text-gray-300 hover:bg-[#2a2d2e] rounded cursor-pointer">
-                  <CaretDown size={12} weight="bold" />
+                  <CaretDown,
+  Copy size={12} weight="bold" />
                   <span className="font-bold">Flutter App</span>
                 </div>
                 <div className="pl-4">
                   {files.map(file => (
                     <div key={file.id}>
                       <div className="flex items-center gap-2 py-1 px-2 text-sm hover:bg-[#2a2d2e] rounded cursor-pointer text-blue-400">
-                        <CaretDown size={12} weight="bold" />
+                        <CaretDown,
+  Copy size={12} weight="bold" />
                         {file.name}
                       </div>
                       {file.children?.map(child => (