removed unecessary code

Author: Gerome-Elassaad

app/globals.css

@@ -56,6 +56,10 @@ body {
     --sidebar-accent-foreground: 220.9 39.3% 11%;
     --sidebar-border: 220 13% 91%;
     --sidebar-ring: 262.1 83.3% 57.8%;
+    --cursor-background: 0 0% 10.2%;
+    --cursor-foreground: 0 0% 98%;
+    --cursor-border: 0 0% 20%;
+    --cursor-accent: 0 0% 16.5%;
   }
 
   /* GitHub Dark theme for authenticated users */
@@ -129,6 +133,10 @@ body {
     --sidebar-accent-foreground: 210 20% 98%;
     --sidebar-border: 215 27.9% 16.9%;
     --sidebar-ring: 263.4 70% 50.4%;
+    --cursor-background: 0 0% 10.2%;
+    --cursor-foreground: 0 0% 98%;
+    --cursor-border: 0 0% 20%;
+    --cursor-accent: 0 0% 16.5%;
   }
 
   /* GitHub Dark theme for authenticated users in dark mode */

app/page.tsx

@@ -11,7 +11,6 @@ import { Preview } from "@/components/preview"
 import { E2BToolsPanel } from "@/components/e2b-tools/E2BToolsPanel"
 import { CommandPalette } from "@/components/ui/command-palette"
 import { EditorCommandPalette } from "@/components/ui/editor-command-palette"
-import { ProjectDialog } from "@/components/ui/project-dialog"
 import { useProjectDialog } from "@/hooks/use-project-dialog"
 import { useAuth } from "@/contexts/AuthContext"
 import { type Message, toAISDKMessages, toMessageImage } from "@/lib/messages" 
@@ -88,7 +87,7 @@ export default function Home() {
     "languageModel",
     modelsList.models[0] as LLMModelConfig
   )
-  const [currentTab, setCurrentTab] = useState<"code" | "preview" | "editor">("code")
+  const [currentTab, setCurrentTab] = useState<"preview" | "editor">("preview")
   const [isPreviewLoading, setIsPreviewLoading] = useState(false)
   const [errorMessage, setErrorMessage] = useState("")
   const [isRateLimited, setIsRateLimited] = useState(false)
@@ -99,6 +98,7 @@ export default function Home() {
     analysis: ProjectAnalysis | null
   }>({ files: [], analysis: null })
   const [isE2BToolsModalOpen, setIsE2BToolsModalOpen] = useState(false)
+  const [isEditorCommandPaletteOpen, setEditorCommandPaletteOpen] = useState(false)
 
   const handleToggleE2BToolsModal = () => {
     if (session && currentModel) { // Ensure user is authenticated and model is loaded
@@ -172,7 +172,7 @@ export default function Home() {
       }
 
       setErrorMessage(parsedError.message)
-      setCurrentTab("code")
+      setCurrentTab("preview")
     }, []),
   })
 
@@ -203,7 +203,7 @@ export default function Home() {
     setErrorMessage("")
     setFiles([])
     setProjectContext({ files: [], analysis: null })
-    setCurrentTab("code")
+    setCurrentTab("preview")
   }, [])
 
   const handleUndo = useCallback(() => {
@@ -294,7 +294,7 @@ export default function Home() {
           setIsRateLimited(true)
         }
         setResult(undefined)
-        setCurrentTab("code")
+        setCurrentTab("preview")
       } finally {
         setIsPreviewLoading(false)
       }
@@ -372,6 +372,18 @@ export default function Home() {
     setHasMounted(true)
   }, [])
 
+  useEffect(() => {
+    const down = (e: KeyboardEvent) => {
+      if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
+        e.preventDefault()
+        setEditorCommandPaletteOpen((open) => !open)
+      }
+    }
+
+    document.addEventListener("keydown", down)
+    return () => document.removeEventListener("keydown", down)
+  }, [])
+
   const handleSubmitAuth = useCallback(async (
     e: FormEvent<HTMLFormElement>, 
     projectFiles?: File[], 
@@ -465,7 +477,7 @@ export default function Home() {
 
       setChatInput("")
       setFiles([])
-      setCurrentTab("code")
+      setCurrentTab("preview")
       setErrorMessage("")
       setIsRateLimited(false)
 
@@ -518,6 +530,15 @@ export default function Home() {
     setAuthDialog(true)
   }, [])
 
+  const fragmentFiles = fragment?.files?.map(file => {
+    if (!file) return undefined
+    return {
+      name: file.file_name || file.file_path?.split('/').pop() || 'untitled',
+      content: file.file_content || '',
+      path: file.file_path || file.file_name || 'untitled'
+    }
+  }).filter((file): file is { name: string; content: string; path: string } => !!file && !!file.content && !file.content.includes('__pycache__'))
+
   const showPreviewPanel = fragment && hasMounted;
 
   let gridLayoutClass = "flex w-full"; 
@@ -573,7 +594,7 @@ export default function Home() {
             if (selectedFragment?.files && selectedFragment.files.length > 0) {
             setCurrentTab("preview");
             } else {
-            setCurrentTab("code");
+            setCurrentTab("preview");
             }
           }}
           />
@@ -666,31 +687,7 @@ export default function Home() {
         </DialogContent>
       </Dialog>
       )}
-
-      {/* Floating Action Button */}
-      <AnimatePresence>
-      {session && hasMounted && (
-        <motion.button
-        onClick={openCreateDialog}
-        className="fixed bottom-6 right-6 z-40 flex h-14 w-14 items-center justify-center rounded-full bg-blue-500 text-white shadow-lg hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
-        whileHover={{ scale: 1.05 }}
-        whileTap={{ scale: 0.95 }}
-        initial={{ opacity: 0, scale: 0, y: 20 }}
-        animate={{ opacity: 1, scale: 1, y: 0 }}
-        exit={{ opacity: 0, scale: 0, y: 20 }}
-        transition={{
-          type: "spring",
-          damping: 25,
-          stiffness: 300,
-          duration: 0.3,
-        }}
-        title="Create New Project"
-        >
-        <FolderPlus className="h-6 w-6" />
-        </motion.button>
-      )}
-      </AnimatePresence>
-
+      
       {/* Command Palette */}
       <CommandPalette 
       onCreateFragment={() => {
@@ -716,21 +713,10 @@ export default function Home() {
       />
       )}
 
-      <EditorCommandPalette 
-      isOpen={false} 
-      onOpenChange={(open: boolean) => {
-        // Implement the editor command palette logic here
-        console.log("Editor command palette state changed:", open);
-      }} 
-      files={[]} 
-      />
-      
-      <ProjectDialog
-      open={isProjectDialogOpen}
-      onOpenChange={closeProjectDialog}
-      mode={projectDialogMode}
-      project={editingProject}
-      onSave={handleProjectSave}
+      <EditorCommandPalette
+        isOpen={isEditorCommandPaletteOpen}
+        onOpenChange={setEditorCommandPaletteOpen}
+        files={fragmentFiles || []}
       />
     </div>
   )

components/code-view.tsx

@@ -0,0 +1,68 @@
+"use client"
+
+import React, { useState } from 'react';
+import { Folder, File, ChevronRight, ChevronDown } from 'lucide-react';
+
+export interface FileTreeNode {
+  name: string;
+  type: 'file' | 'folder';
+  children?: FileTreeNode[];
+}
+
+interface FileTreeProps {
+  files: FileTreeNode[];
+  onFileSelect: (path: string) => void;
+}
+
+const FileNode: React.FC<{ node: FileTreeNode; path: string; onFileSelect: (path: string) => void }> = ({ node, path, onFileSelect }) => {
+  const [isOpen, setIsOpen] = useState(false);
+  const currentPath = `${path}/${node.name}`;
+
+  const handleToggle = () => {
+    if (node.type === 'folder') {
+      setIsOpen(!isOpen);
+    } else {
+      onFileSelect(currentPath);
+    }
+  };
+
+  return (
+    <div>
+      <div
+        className="flex items-center p-1 cursor-pointer hover:bg-cursor-accent rounded"
+        onClick={handleToggle}
+      >
+        {node.type === 'folder' ? (
+          <>
+            {isOpen ? (
+              <ChevronDown size={16} className="shrink-0" />
+            ) : (
+              <ChevronRight size={16} className="shrink-0" />
+            )}
+            <Folder size={16} className="ml-2 shrink-0" />
+          </>
+        ) : (
+          <File size={16} className="ml-6 shrink-0" />
+        )}
+        <span className="ml-2">{node.name}</span>
+      </div>
+      {isOpen && node.children && (
+        <div className="ml-4">
+          {node.children.map((child, index) => (
+            <FileNode key={index} node={child} path={currentPath} onFileSelect={onFileSelect} />
+          ))}
+        </div>
+      )}
+    </div>
+  );
+};
+
+export const FileTree: React.FC<FileTreeProps> = ({ files, onFileSelect }) => {
+  return (
+    <div className="p-2 text-cursor-foreground bg-cursor h-full">
+      {files.map((node, index) => (
+        <FileNode key={index} node={node} path="" onFileSelect={onFileSelect} />
+      ))}
+    </div>
+  );
+};

components/file-tree.tsx

@@ -1,4 +1,3 @@
-import { CodeView } from './code-view'
 import { Button } from './ui/button'
 import { CopyButton } from './ui/copy-button'
 import {
@@ -81,12 +80,6 @@ export function FragmentCode({
           </TooltipProvider>
         </div>
       </div>
-      <div className="flex flex-col flex-1 overflow-x-auto">
-        <CodeView
-          code={currentFileContent || ''}
-          lang={currentFile.split('.').pop() || ''}
-        />
-      </div>
     </div>
   )
 }

components/fragment-code.tsx

@@ -8,6 +8,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/comp
 import { Alert, AlertDescription } from '@/components/ui/alert'
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog'
 import { Input } from '@/components/ui/input'
+import './code-theme.css'
 import { Textarea } from '@/components/ui/textarea'
 import { 
   Save, 
@@ -47,6 +48,7 @@ import {
   PanelLeftOpen
 } from 'lucide-react'
 import { cn } from '@/lib/utils'
+import { fr } from 'zod/v4/locales'
 
 interface FileContent {
   name: string
@@ -550,10 +552,10 @@ export function CursorLikeEditor({ files, sandboxId, onFileUpdate, className }:
           </Button>
           <h3 className="text-sm font-medium flex items-center gap-2">
             <Code2 className="w-4 h-4" />
-            Cursor-like Editor
+            Editor
           </h3>
           {hasUnsavedChanges && <Badge variant="secondary" className="text-xs">{modifiedFiles.length} unsaved</Badge>}
-          {isGenerating && <Badge variant="outline" className="text-xs"><Loader2 className="w-3 h-3 animate-spin mr-1" />AI Generating...</Badge>}
+          {isGenerating && <Badge variant="outline" className="text-xs"><Loader2 className="w-3 h-3 animate-spin mr-1" /></Badge>}
         </div>
 
         <div className="flex items-center gap-2">
@@ -714,7 +716,6 @@ export function CursorLikeEditor({ files, sandboxId, onFileUpdate, className }:
 
       <div className="flex items-center justify-between px-3 py-1 border-t bg-muted/20 text-xs text-muted-foreground">
         <div className="flex items-center gap-4">
-          <span>Cursor-like Editor v1.1</span>
           {sandboxId && <span className="flex items-center gap-1"><Terminal className="w-3 h-3" />Sandbox: {sandboxId.slice(0, 8)}...</span>}
           <span className="flex items-center gap-1"><GitBranch className="w-3 h-3" />main</span>
         </div>