changing background

app/api/download/route.ts

@@ -66,7 +66,19 @@ export async function GET(request: NextRequest) {
       '.mp3': 'audio/mpeg',
       '.mp4': 'video/mp4',
       '.zip': 'application/zip',
-      '.rar': 'application/x-rar-compressed'
+      '.rar': 'application/x-rar-compressed',
+      '.tex': 'text/x-tex',
+      '.latex': 'text/x-latex',
+      '.dart': 'text/x-dart',
+      '.flutter': 'text/x-dart',
+      '.yaml': 'text/yaml',
+      '.yml': 'text/yaml',
+      '.xml': 'text/xml',
+      '.csv': 'text/csv',
+      '.rtf': 'application/rtf',
+      '.odt': 'application/vnd.oasis.opendocument.text',
+      '.ods': 'application/vnd.oasis.opendocument.spreadsheet',
+      '.odp': 'application/vnd.oasis.opendocument.presentation'
     }
 
     if (mimeTypes[ext]) {

app/api/sessions/download/route.ts

@@ -77,11 +77,39 @@ export async function GET(request: NextRequest) {
       'html': 'text/html',
       'css': 'text/css',
       'js': 'application/javascript',
+      'ts': 'text/typescript',
+      'jsx': 'text/javascript',
+      'tsx': 'text/typescript',
       'png': 'image/png',
       'jpg': 'image/jpeg',
       'jpeg': 'image/jpeg',
       'gif': 'image/gif',
-      'svg': 'image/svg+xml'
+      'svg': 'image/svg+xml',
+      'tex': 'text/x-tex',
+      'latex': 'text/x-latex',
+      'dart': 'text/x-dart',
+      'flutter': 'text/x-dart',
+      'yaml': 'text/yaml',
+      'yml': 'text/yaml',
+      'xml': 'text/xml',
+      'csv': 'text/csv',
+      'md': 'text/markdown',
+      'py': 'text/x-python',
+      'java': 'text/x-java',
+      'cpp': 'text/x-c++',
+      'c': 'text/x-c',
+      'h': 'text/x-c',
+      'hpp': 'text/x-c++',
+      'zip': 'application/zip',
+      'rar': 'application/x-rar-compressed',
+      'mp3': 'audio/mpeg',
+      'mp4': 'video/mp4',
+      'avi': 'video/x-msvideo',
+      'mov': 'video/quicktime',
+      'rtf': 'application/rtf',
+      'odt': 'application/vnd.oasis.opendocument.text',
+      'ods': 'application/vnd.oasis.opendocument.spreadsheet',
+      'odp': 'application/vnd.oasis.opendocument.presentation'
     };
 
     if (ext && contentTypes[ext]) {

app/components/Desktop.tsx

@@ -59,7 +59,7 @@ export function Desktop() {
   const [contextMenuOpen, setContextMenuOpen] = useState(false)
   const [contextMenuPos, setContextMenuPos] = useState({ x: 0, y: 0 })
   const [backgroundSelectorOpen, setBackgroundSelectorOpen] = useState(false)
-  const [currentBackground, setCurrentBackground] = useState('gradient-sonoma')
+  const [currentBackground, setCurrentBackground] = useState('https://images.unsplash.com/photo-1545159639-3f3534aa074e')
   const [aboutModalOpen, setAboutModalOpen] = useState(false)
   const [sessionManagerOpen, setSessionManagerOpen] = useState(false)
   const [flutterRunnerOpen, setFlutterRunnerOpen] = useState(false)

app/components/FileManager.tsx

@@ -71,7 +71,7 @@ export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp
   const [uploadModalOpen, setUploadModalOpen] = useState(false)
   const [previewFile, setPreviewFile] = useState<FileItem | null>(null)
   const [isPublicFolder, setIsPublicFolder] = useState(false)
-  const [sidebarSelection, setSidebarSelection] = useState('documents') // 'applications', 'desktop', 'documents', 'downloads', 'public'
+  const [sidebarSelection, setSidebarSelection] = useState('myfiles') // 'myfiles', 'public', 'applications'
 
   // Load files when path changes or sessionId becomes available
   useEffect(() => {
@@ -83,12 +83,8 @@ export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp
       setSidebarSelection('public')
     } else if (currentPath === 'Applications') {
       setSidebarSelection('applications')
-    } else if (currentPath === 'Desktop') {
-      setSidebarSelection('desktop')
-    } else if (currentPath === 'Downloads') {
-      setSidebarSelection('downloads')
     } else {
-      setSidebarSelection('documents')
+      setSidebarSelection('myfiles')
     }
 
     // Only load files if we have a sessionId (for non-public folders) or if it's a public folder
@@ -196,7 +192,21 @@ export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp
   }
 
   const handleDownload = (file: FileItem) => {
-    window.open(`/api/download?path=${encodeURIComponent(file.path)}`, '_blank')
+    // Check if it's a public file or session file
+    if (isPublicFolder) {
+      // For public files, use the sessions/download endpoint
+      window.open(`/api/sessions/download?file=${encodeURIComponent(file.name)}&public=true`, '_blank')
+    } else if (sessionId) {
+      // For session files, we need to pass the session ID
+      // Create a temporary form to submit with headers
+      const link = document.createElement('a')
+      link.href = `/api/sessions/download?file=${encodeURIComponent(file.name)}`
+      link.download = file.name
+      link.click()
+    } else {
+      // Fallback to the old API for backward compatibility
+      window.open(`/api/download?path=${encodeURIComponent(file.path)}`, '_blank')
+    }
   }
 
   const handlePreview = (file: FileItem) => {
@@ -317,12 +327,8 @@ export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp
     setSidebarSelection(item)
     if (item === 'applications') {
       onNavigate('Applications')
-    } else if (item === 'desktop') {
-      onNavigate('Desktop')
-    } else if (item === 'documents') {
+    } else if (item === 'myfiles') {
       onNavigate('')
-    } else if (item === 'downloads') {
-      onNavigate('Downloads')
     } else if (item === 'public') {
       onNavigate('public')
     }
@@ -400,39 +406,25 @@ export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp
             </div>
             <nav className="space-y-1 px-2">
               <button
-                onClick={() => handleSidebarClick('applications')}
-                className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm ${sidebarSelection === 'applications' ? 'bg-gray-200 text-black' : 'text-gray-600 hover:bg-gray-100'}`}
-              >
-                <AppWindow size={18} weight="fill" className="text-blue-500" />
-                Applications
-              </button>
-              <button
-                onClick={() => handleSidebarClick('desktop')}
-                className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm ${sidebarSelection === 'desktop' ? 'bg-gray-200 text-black' : 'text-gray-600 hover:bg-gray-100'}`}
-              >
-                <Desktop size={18} weight="fill" className="text-cyan-500" />
-                Desktop
-              </button>
-              <button
-                onClick={() => handleSidebarClick('documents')}
-                className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm ${sidebarSelection === 'documents' ? 'bg-gray-200 text-black' : 'text-gray-600 hover:bg-gray-100'}`}
+                onClick={() => handleSidebarClick('myfiles')}
+                className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm ${sidebarSelection === 'myfiles' ? 'bg-gray-200 text-black' : 'text-gray-600 hover:bg-gray-100'}`}
               >
-                <FileText size={18} weight="fill" className="text-gray-500" />
-                Documents
+                <FolderIcon size={18} weight="fill" className="text-blue-500" />
+                My Files
               </button>
               <button
-                onClick={() => handleSidebarClick('downloads')}
-                className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm ${sidebarSelection === 'downloads' ? 'bg-gray-200 text-black' : 'text-gray-600 hover:bg-gray-100'}`}
+                onClick={() => handleSidebarClick('public')}
+                className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm ${sidebarSelection === 'public' ? 'bg-gray-200 text-black' : 'text-gray-600 hover:bg-gray-100'}`}
               >
-                <DownloadSimple size={18} weight="fill" className="text-blue-500" />
-                Downloads
+                <Globe size={18} weight="fill" className="text-purple-500" />
+                Public Files
               </button>
               <button
-                onClick={() => handleSidebarClick('public')}
-                className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm ${sidebarSelection === 'public' ? 'bg-gray-200 text-black' : 'text-gray-600 hover:bg-gray-100'}`}
+                onClick={() => handleSidebarClick('applications')}
+                className={`w-full flex items-center gap-2 px-2 py-1.5 rounded-md text-sm ${sidebarSelection === 'applications' ? 'bg-gray-200 text-black' : 'text-gray-600 hover:bg-gray-100'}`}
               >
-                <Users size={18} weight="fill" className="text-purple-500" />
-                Public
+                <AppWindow size={18} weight="fill" className="text-green-500" />
+                Applications
               </button>
             </nav>
           </div>
@@ -533,7 +525,18 @@ export function FileManager({ currentPath, onNavigate, onClose, onOpenFlutterApp
                                 onNavigate(file.path)
                               } else if (file.type === 'flutter_app' && onOpenFlutterApp) {
                                 onOpenFlutterApp(file)
+                              } else if (file.extension === 'dart' || file.extension === 'flutter') {
+                                // Open Flutter files in Flutter IDE
+                                if (onOpenApp) {
+                                  onOpenApp('flutter-editor')
+                                }
+                              } else if (file.extension === 'tex') {
+                                // Open LaTeX files in LaTeX Studio
+                                if (onOpenApp) {
+                                  onOpenApp('latex-editor')
+                                }
                               } else {
+                                // Preview other files
                                 handlePreview(file)
                               }
                             }}

app/components/Window.tsx

@@ -20,6 +20,7 @@ interface WindowProps {
   resizable?: boolean;
   className?: string;
   headerClassName?: string;
+  contentClassName?: string;
   darkMode?: boolean;
 }
 
@@ -40,6 +41,7 @@ const Window: React.FC<WindowProps> = ({
   resizable = true,
   className = '',
   headerClassName = '',
+  contentClassName = '',
   darkMode = false,
 }) => {
   const [isMaximized, setIsMaximized] = React.useState(false);
@@ -114,9 +116,11 @@ const Window: React.FC<WindowProps> = ({
 
   // Calculate Rnd props based on state
   const rndProps = isMaximized ? {
-    position: { x: 0, y: 32 }, // 32px for TopBar offset (h-8 = 32px)
-    size: { width: typeof window !== 'undefined' ? window.innerWidth : '100vw',
-           height: typeof window !== 'undefined' ? window.innerHeight - 32 : 'calc(100vh - 32px)' },
+    position: { x: 0, y: 4 }, // 32px for TopBar offset (h-8 = 32px)
+    size: {
+      width: typeof window !== 'undefined' ? window.innerWidth : '100vw',
+      height: typeof window !== 'undefined' ? window.innerHeight - 4 : 'calc(100vh - 4px)'
+    },
     disableDragging: true,
     enableResizing: false
   } : {
@@ -146,9 +150,9 @@ const Window: React.FC<WindowProps> = ({
       }}
       onDrag={(e, d) => {
         // Constrain dragging to not go above TopBar
-        if (d.y < 32) {
+        if (d.y < 4) {
           // Update position ref to boundary
-          currentPositionRef.current = { x: d.x, y: 32 };
+          currentPositionRef.current = { x: d.x, y: 4 };
           return false;
         }
         // Update position ref during drag
@@ -158,7 +162,7 @@ const Window: React.FC<WindowProps> = ({
         setIsDraggingOrResizing(false);
         if (!isMaximized) {
           // Ensure window doesn't go above TopBar and update position ref
-          const constrainedY = Math.max(d.y, 32);
+          const constrainedY = Math.max(d.y, 4);
           currentPositionRef.current = { x: d.x, y: constrainedY };
         }
       }}
@@ -195,7 +199,7 @@ const Window: React.FC<WindowProps> = ({
           </div>
           <span className="font-semibold text-gray-700 flex-1 text-center pr-16 text-sm select-none">{title}</span>
         </div>
-        <div className="flex-1 overflow-auto bg-white/90 backdrop-blur-sm" style={{ height: 'calc(100% - 2.5rem)' }}>
+        <div className={`flex-1 overflow-auto ${darkMode ? 'bg-gray-900/95 text-white' : 'bg-white/90'} backdrop-blur-sm ${contentClassName || ''}`} style={{ height: 'calc(100% - 2.5rem)' }}>
           {children}
         </div>
       </div>

mcp-server.js

@@ -293,6 +293,106 @@ class ReubenOSMCPServer {
             required: ['name'],
           },
         },
+        {
+          name: 'create_latex_document',
+          description: 'Create a LaTeX document that can be edited in LaTeX Studio',
+          inputSchema: {
+            type: 'object',
+            properties: {
+              sessionKey: {
+                type: 'string',
+                description: 'Session ID for authentication (auto-filled if session verified)',
+              },
+              fileName: {
+                type: 'string',
+                description: 'Name of the LaTeX file (without .tex extension)',
+              },
+              content: {
+                type: 'string',
+                description: 'LaTeX document content',
+              },
+              isPublic: {
+                type: 'boolean',
+                description: 'Save to public folder',
+                default: false,
+              },
+            },
+            required: ['fileName', 'content'],
+          },
+        },
+        {
+          name: 'get_latex_document',
+          description: 'Retrieve a LaTeX document content',
+          inputSchema: {
+            type: 'object',
+            properties: {
+              sessionKey: {
+                type: 'string',
+                description: 'Session ID for authentication (auto-filled if session verified)',
+              },
+              fileName: {
+                type: 'string',
+                description: 'Name of the LaTeX file',
+              },
+              isPublic: {
+                type: 'boolean',
+                description: 'File is in public folder',
+                default: false,
+              },
+            },
+            required: ['fileName'],
+          },
+        },
+        {
+          name: 'update_latex_document',
+          description: 'Update an existing LaTeX document',
+          inputSchema: {
+            type: 'object',
+            properties: {
+              sessionKey: {
+                type: 'string',
+                description: 'Session ID for authentication (auto-filled if session verified)',
+              },
+              fileName: {
+                type: 'string',
+                description: 'Name of the LaTeX file to update',
+              },
+              content: {
+                type: 'string',
+                description: 'New LaTeX content',
+              },
+              isPublic: {
+                type: 'boolean',
+                description: 'File is in public folder',
+                default: false,
+              },
+            },
+            required: ['fileName', 'content'],
+          },
+        },
+        {
+          name: 'compile_latex_to_pdf',
+          description: 'Compile a LaTeX document to PDF',
+          inputSchema: {
+            type: 'object',
+            properties: {
+              sessionKey: {
+                type: 'string',
+                description: 'Session ID for authentication (auto-filled if session verified)',
+              },
+              fileName: {
+                type: 'string',
+                description: 'Name of the LaTeX file to compile',
+              },
+              isPublic: {
+                type: 'boolean',
+                description: 'File is in public folder',
+                default: false,
+              },
+            },
+            required: ['fileName'],
+          },
+        },
       ],
     }));
 
@@ -325,6 +425,14 @@ class ReubenOSMCPServer {
             return await this.updateFlutterApp(args);
           case 'delete_flutter_app':
             return await this.deleteFlutterApp(args);
+          case 'create_latex_document':
+            return await this.createLatexDocument(args);
+          case 'get_latex_document':
+            return await this.getLatexDocument(args);
+          case 'update_latex_document':
+            return await this.updateLatexDocument(args);
+          case 'compile_latex_to_pdf':
+            return await this.compileLatexToPdf(args);
           default:
             throw new Error(`Unknown tool: ${name}`);
         }
@@ -669,6 +777,117 @@ class ReubenOSMCPServer {
     };
   }
 
+  async createLatexDocument(args) {
+    const response = await fetch(`${BASE_URL}/api/latex/save`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-session-id': args.sessionKey || this.sessionId,
+      },
+      body: JSON.stringify({
+        fileName: args.fileName.endsWith('.tex') ? args.fileName : `${args.fileName}.tex`,
+        content: args.content,
+        isPublic: args.isPublic || false,
+      }),
+    });
+
+    const data = await response.json();
+    return {
+      content: [
+        {
+          type: 'text',
+          text: data.success
+            ? `✅ LaTeX document created successfully!\n\n📄 Document: ${data.fileName}\n📂 Location: ${args.isPublic ? 'Public' : 'Session'} folder\n\n🎯 Next Steps:\n1. Open ReubenOS File Manager\n2. Navigate to ${args.isPublic ? 'Public' : 'My Files'}\n3. Double-click "${data.fileName}" to open in LaTeX Studio\n4. Edit and compile your document\n\n✨ Your LaTeX document is ready!`
+            : `❌ Failed to create LaTeX document: ${data.error}`,
+        },
+      ],
+    };
+  }
+
+  async getLatexDocument(args) {
+    // First download the file to get its content
+    const url = `${BASE_URL}/api/sessions/download?file=${encodeURIComponent(args.fileName)}${
+      args.isPublic ? '&public=true' : ''
+    }`;
+    const headers = args.isPublic ? {} : { 'x-session-id': args.sessionKey || this.sessionId };
+
+    const response = await fetch(url, { headers });
+
+    if (response.ok) {
+      const content = await response.text();
+      return {
+        content: [
+          {
+            type: 'text',
+            text: `LaTeX Document: ${args.fileName}\n\n${content}`,
+          },
+        ],
+      };
+    } else {
+      return {
+        content: [
+          {
+            type: 'text',
+            text: `Failed to get LaTeX document: ${response.statusText}`,
+          },
+        ],
+      };
+    }
+  }
+
+  async updateLatexDocument(args) {
+    const response = await fetch(`${BASE_URL}/api/latex/save`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-session-id': args.sessionKey || this.sessionId,
+      },
+      body: JSON.stringify({
+        fileName: args.fileName.endsWith('.tex') ? args.fileName : `${args.fileName}.tex`,
+        content: args.content,
+        isPublic: args.isPublic || false,
+      }),
+    });
+
+    const data = await response.json();
+    return {
+      content: [
+        {
+          type: 'text',
+          text: data.success
+            ? `✅ LaTeX document "${args.fileName}" updated successfully!`
+            : `❌ Failed to update LaTeX document: ${data.error}`,
+        },
+      ],
+    };
+  }
+
+  async compileLatexToPdf(args) {
+    const response = await fetch(`${BASE_URL}/api/latex/compile`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-session-id': args.sessionKey || this.sessionId,
+      },
+      body: JSON.stringify({
+        fileName: args.fileName.endsWith('.tex') ? args.fileName : `${args.fileName}.tex`,
+        isPublic: args.isPublic || false,
+      }),
+    });
+
+    const data = await response.json();
+    return {
+      content: [
+        {
+          type: 'text',
+          text: data.success
+            ? `✅ LaTeX compiled to PDF successfully!\n\n📄 PDF File: ${data.pdfFileName}\n📂 Location: ${args.isPublic ? 'Public' : 'Session'} folder\n\n✨ Your PDF is ready for download!`
+            : `❌ Failed to compile LaTeX: ${data.error}`,
+        },
+      ],
+    };
+  }
+
   async run() {
     const transport = new StdioServerTransport();
     await this.server.connect(transport);