made some changes with respect to quiz and flutter MCP

app/api/data/route.ts

@@ -53,9 +53,12 @@ export async function GET(request: NextRequest) {
             const stats = await stat(itemPath)
             const relativePath = path.relative(userDir, itemPath)
 
-            // Read content for JSON files (like quiz.json, quiz_answers.json)
+            // Read content for text-based files (JSON, LaTeX, Dart, etc.)
             let content = undefined
-            if (!stats.isDirectory() && path.extname(item).toLowerCase() === '.json') {
+            const ext = path.extname(item).toLowerCase()
+            const textExtensions = ['.json', '.tex', '.dart', '.txt', '.md', '.html', '.css', '.js', '.ts', '.jsx', '.tsx']
+
+            if (!stats.isDirectory() && textExtensions.includes(ext)) {
                 try {
                     const fileContent = await fs.promises.readFile(itemPath, 'utf-8')
                     content = fileContent
@@ -89,18 +92,21 @@ export async function POST(request: NextRequest) {
         // Handle JSON body (for save_file action)
         if (contentType?.includes('application/json')) {
             const body = await request.json()
-            const { passkey, action, fileName, content, folder = '' } = body
+            // Support both 'passkey' and 'key' for backwards compatibility
+            const { passkey, key, action, fileName, content, folder = '' } = body
+            const actualKey = passkey || key
 
-            if (!passkey) {
+            if (!actualKey) {
                 return NextResponse.json({ error: 'Passkey is required' }, { status: 400 })
             }
 
             if (action === 'save_file') {
-                if (!fileName || !content) {
+                if (!fileName || content === undefined || content === null) {
+                    console.log('Save file validation failed:', { fileName, contentLength: content?.length || 0 })
                     return NextResponse.json({ error: 'fileName and content are required' }, { status: 400 })
                 }
 
-                const sanitizedKey = passkey.replace(/[^a-zA-Z0-9_-]/g, '')
+                const sanitizedKey = actualKey.replace(/[^a-zA-Z0-9_-]/g, '')
                 const userDir = path.join(DATA_DIR, sanitizedKey)
                 const targetDir = path.join(userDir, folder)
 
@@ -108,6 +114,10 @@ export async function POST(request: NextRequest) {
                 await mkdir(targetDir, { recursive: true })
 
                 const filePath = path.join(targetDir, fileName)
+
+                // Debug logging
+                console.log(`Saving file: ${filePath}, content length: ${content.length}`)
+
                 await writeFile(filePath, content, 'utf-8')
 
                 return NextResponse.json({ success: true })

app/components/FlutterRunner.tsx

@@ -6,8 +6,8 @@ import {
   Download,
   SidebarSimple,
   FileCode,
-  CaretDown,
-  Play
+  CaretDown
+
 } from '@phosphor-icons/react'
 import Window from './Window'
 
@@ -98,7 +98,7 @@ class _MyHomePageState extends State<MyHomePage> {
 
 export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }: FlutterRunnerProps) {
   const [code, setCode] = useState(initialCode || DEFAULT_FLUTTER_CODE)
-  const [key, setKey] = useState(0)
+  const [showEditor, setShowEditor] = useState(true)
   const [showFiles, setShowFiles] = useState(true)
   const [files, setFiles] = useState<FileNode[]>([])
   const [activeFileId, setActiveFileId] = useState('main')
@@ -235,10 +235,6 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
     return () => clearTimeout(saveTimer)
   }, [code, passkey, activeFileName, isUnlocked])
 
-  const handleRun = () => {
-    setKey(prev => prev + 1)
-  }
-
   const handleDownload = () => {
     const blob = new Blob([code], { type: 'text/plain' })
     const url = URL.createObjectURL(blob)
@@ -288,7 +284,8 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
         </div>
       ) : (
       <div className="flex h-full bg-[#1e1e1e] text-gray-300 font-sans">
-        {/* Code Editor - Left Side */}
+        {/* Code Editor - Conditionally Rendered */}
+        {showEditor && (
         <div className="w-[600px] flex flex-col border-r border-[#333]">
           {/* Toolbar */}
           <div className="h-10 bg-[#2d2d2d] border-b border-[#1e1e1e] flex items-center justify-between px-4">
@@ -313,14 +310,6 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
             </div>
 
             <div className="flex items-center gap-2">
-              <button
-                onClick={handleRun}
-                className="flex items-center gap-1 px-3 py-1.5 bg-blue-600 hover:bg-blue-700 text-white rounded text-xs font-medium transition-colors"
-                title="Run in DartPad"
-              >
-                <Play size={14} weight="fill" />
-                Run
-              </button>
               <button
                 onClick={handleDownload}
                 className="p-1.5 text-gray-400 hover:text-white hover:bg-[#3e3e42] rounded transition-colors"
@@ -355,15 +344,31 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
             />
           </div>
         </div>
+        )}
 
-        {/* DartPad Preview - Center */}
+        {/* DartPad Preview - Takes full width when editor is hidden */}
         <div className="flex-1 flex flex-col">
-          <div className="h-10 bg-[#2d2d2d] border-b border-[#1e1e1e] flex items-center justify-center px-4">
-            <span className="text-xs text-gray-400 uppercase font-bold">Live Preview</span>
+          <div className="h-10 bg-[#2d2d2d] border-b border-[#1e1e1e] flex items-center justify-between px-4">
+            <button
+              onClick={() => setShowEditor(!showEditor)}
+              className={`flex items-center gap-2 px-2 py-1 rounded transition-all ${showEditor
+                ? 'bg-[#3e3e42] text-white hover:bg-[#4e4e52]'
+                : 'bg-blue-600 text-white hover:bg-blue-700'}`}
+              title={showEditor ? "Hide Code Editor" : "Show Code Editor"}
+            >
+              <SidebarSimple size={16} weight={showEditor ? "fill" : "regular"} />
+              <span className="text-xs font-medium">
+                {showEditor ? "Hide Editor" : "Show Editor"}
+              </span>
+            </button>
+            <span className="text-xs text-gray-400 uppercase font-bold">
+              Live Preview {!showEditor && "- Full Screen"}
+            </span>
+            <div className="w-24" /> {/* Spacer for centering */}
           </div>
           <div className="flex-1 bg-[#1e1e1e] relative overflow-hidden">
             <iframe
-              key={key}
+              
               src={`https://dartpad.dev/embed-flutter.html?theme=dark&run=true&split=50&code=${encodeURIComponent(code)}`}
               className="w-full h-full border-0"
               sandbox="allow-scripts allow-same-origin allow-popups"
@@ -372,8 +377,8 @@ export function FlutterRunner({ onClose, onMinimize, onMaximize, initialCode }:
           </div>
         </div>
 
-        {/* File List - Right Side */}
-        {showFiles && (
+        {/* File List - Right Side - Only show when editor is visible */}
+        {showEditor && showFiles && (
           <div className="w-64 bg-[#252526] border-l border-[#333] flex flex-col">
             <div className="h-9 px-4 flex items-center text-xs font-bold text-gray-500 uppercase tracking-wider">
               Project Files

public/data/rreuben/main.dart

@@ -0,0 +1,68 @@
+import 'package:flutter/material.dart';
+
+void main() {
+  runApp(const MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  const MyApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+      title: 'Flutter Demo',
+      theme: ThemeData(
+        primarySwatch: Colors.blue,
+        useMaterial3: true,
+      ),
+      home: const MyHomePage(title: 'Flutter Demo Home Page'),
+    );
+  }
+}
+
+class MyHomePage extends StatefulWidget {
+  const MyHomePage({super.key, required this.title});
+
+  final String title;
+
+  @override
+  State<MyHomePage> createState() => _MyHomePageState();
+}
+
+class _MyHomePageState extends State<MyHomePage> {
+  int _counter = 0;
+
+  void _incrementCounter() {
+    setState(() {
+      _counter++;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(widget.title),
+      ),
+      body: Center(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: <Widget>[
+            const Text(
+              'You have pushed the button this many times:',
+            ),
+            Text(
+              '$_counter',
+              style: Theme.of(context).textTheme.headlineMedium,
+            ),
+          ],
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+        onPressed: _incrementCounter,
+        tooltip: 'Increment',
+        child: const Icon(Icons.add),
+      ),
+    );
+  }
+}