[V0_FILE]typescriptreact:file="executor.tsx" isEdit="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Textarea } from "@/components/ui/textarea" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Badge } from "@/components/ui/badge" import { Switch } from "@/components/ui/switch" import { Label } from "@/components/ui/label" import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select" import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog" import { Input } from "@/components/ui/input" import { ScrollArea } from "@/components/ui/scroll-area" import { Play, Square, Trash2, Copy, FileText, Terminal, Settings, Folder, Save, Upload, Minimize2, Maximize2, X, Palette, Keyboard, Shield, Code, Plus, Search, RefreshCw, Monitor, Zap, XCircle, CheckCircle, AlertCircle, } from "lucide-react" interface ScriptTab { id: string name: string content: string saved: boolean } interface RobloxProcess { pid: number name: string windowTitle: string status: "running" | "injected" | "error" memoryUsage: string cpuUsage: string } export default function Component() { const [consoleOutput, setConsoleOutput] = useState("Synapse X - Ready\n> Waiting for injection...") const [isExecuting, setIsExecuting] = useState(false) const [isInjected, setIsInjected] = useState(true) const [settingsOpen, setSettingsOpen] = useState(false) const [searchTerm, setSearchTerm] = useState("") // Script tabs state const [scriptTabs, setScriptTabs] = useState([{ id: "1", name: "Script 1", content: "", saved: true }]) const [activeTabId, setActiveTabId] = useState("1") // Roblox processes state const [robloxProcesses, setRobloxProcesses] = useState([ { pid: 12345, name: "RobloxPlayerBeta.exe", windowTitle: "Roblox - Brookhaven RP", status: "injected", memoryUsage: "245 MB", cpuUsage: "12%", }, { pid: 67890, name: "RobloxPlayerBeta.exe", windowTitle: "Roblox - Arsenal", status: "running", memoryUsage: "189 MB", cpuUsage: "8%", }, { pid: 54321, name: "RobloxStudioBeta.exe", windowTitle: "Roblox Studio - My Game", status: "running", memoryUsage: "512 MB", cpuUsage: "15%", }, { pid: 98765, name: "RobloxPlayerBeta.exe", windowTitle: "Roblox - Phantom Forces", status: "error", memoryUsage: "156 MB", cpuUsage: "5%", }, ]) // Settings state const [settings, setSettings] = useState({ autoInject: true, autoExecute: false, saveScripts: true, darkMode: true, fontSize: "14", hotkeysEnabled: true, autoComplete: true, lineNumbers: true, wordWrap: false, topMost: false, }) const activeTab = scriptTabs.find((tab) => tab.id === activeTabId) const handleExecute = () => { if (!activeTab?.content.trim()) return setIsExecuting(true) setConsoleOutput((prev) => prev + "\n> Executing script...") // Simulate execution setTimeout(() => { setIsExecuting(false) setConsoleOutput((prev) => prev + "\n> Script executed successfully") }, 1500) } const handleClear = () => { if (activeTab) { setScriptTabs((tabs) => tabs.map((tab) => (tab.id === activeTabId ? { ...tab, content: "", saved: false } : tab))) } } const handleCopy = () => { if (activeTab?.content) { navigator.clipboard.writeText(activeTab.content) } } const handleInject = () => { setIsInjected(!isInjected) setConsoleOutput((prev) => prev + `\n> ${isInjected ? "Ejected from" : "Injected into"} Roblox`) } const updateSetting = (key: string, value: any) => { setSettings((prev) => ({ ...prev, [key]: value })) } const addNewTab = () => { const newId = Date.now().toString() const newTab: ScriptTab = { id: newId, name: `Script ${scriptTabs.length + 1}`, content: "", saved: true, } setScriptTabs([...scriptTabs, newTab]) setActiveTabId(newId) } const closeTab = (tabId: string) => { if (scriptTabs.length === 1) return // Don't close the last tab const newTabs = scriptTabs.filter((tab) => tab.id !== tabId) setScriptTabs(newTabs) if (activeTabId === tabId) { setActiveTabId(newTabs[0].id) } } const updateTabContent = (content: string) => { setScriptTabs((tabs) => tabs.map((tab) => (tab.id === activeTabId ? { ...tab, content, saved: false } : tab))) } const refreshProcesses = () => { setConsoleOutput((prev) => prev + "\n> Refreshing Roblox processes...") // Simulate refresh setTimeout(() => { setConsoleOutput((prev) => prev + "\n> Process list updated") }, 1000) } const injectIntoProcess = (pid: number) => { setRobloxProcesses((processes) => processes.map((process) => (process.pid === pid ? { ...process, status: "injected" as const } : process)), ) setConsoleOutput((prev) => prev + `\n> Injected into process ${pid}`) } const closeProcess = (pid: number) => { setRobloxProcesses((processes) => processes.filter((process) => process.pid !== pid)) setConsoleOutput((prev) => prev + `\n> Closed process ${pid}`) } const getStatusIcon = (status: string) => { switch (status) { case "injected": return case "running": return case "error": return default: return } } const getStatusBadge = (status: string) => { switch (status) { case "injected": return Injected case "running": return Running case "error": return Error default: return Unknown } } const filteredProcesses = robloxProcesses.filter( (process) => process.name.toLowerCase().includes(searchTerm.toLowerCase()) || process.windowTitle.toLowerCase().includes(searchTerm.toLowerCase()) || process.pid.toString().includes(searchTerm), ) return (

{/* Mac-style Title Bar - Dark */}

{/* Mac window controls - Dark theme */}

Synapse X

{isInjected ? "Injected" : "Not Injected"} Settings General


                      Editor



                  
                    
                      
                        
                          Auto Inject on Startup
                        
                         updateSetting("autoInject", checked)}
                          className="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-900 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-700 border-2 border-zinc-600 data-[state=checked]:border-blue-500 hover:border-zinc-500 transition-all duration-200"
                        />
                      
                      
                        
                          Auto Execute Scripts
                        
                         updateSetting("autoExecute", checked)}
                          className="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-900 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-700 border-2 border-zinc-600 data-[state=checked]:border-blue-500 hover:border-zinc-500 transition-all duration-200"
                        />
                      
                      
                        
                          Save Scripts Automatically
                        
                         updateSetting("saveScripts", checked)}
                          className="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-900 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-700 border-2 border-zinc-600 data-[state=checked]:border-blue-500 hover:border-zinc-500 transition-all duration-200"
                        />
                      
                      
                        
                          Always on Top
                        
                         updateSetting("topMost", checked)}
                          className="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-900 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-700 border-2 border-zinc-600 data-[state=checked]:border-blue-500 hover:border-zinc-500 transition-all duration-200"
                        />
                      
                    
                  

                  
                    
                      
                        
                          Show Line Numbers
                        
                         updateSetting("lineNumbers", checked)}
                          className="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-900 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-700 border-2 border-zinc-600 data-[state=checked]:border-blue-500 hover:border-zinc-500 transition-all duration-200"
                        />
                      
                      
                        
                          Word Wrap
                        
                         updateSetting("wordWrap", checked)}
                          className="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-900 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-700 border-2 border-zinc-600 data-[state=checked]:border-blue-500 hover:border-zinc-500 transition-all duration-200"
                        />
                      
                      
                        
                          Auto Complete
                        
                         updateSetting("autoComplete", checked)}
                          className="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-900 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-700 border-2 border-zinc-600 data-[state=checked]:border-blue-500 hover:border-zinc-500 transition-all duration-200"
                        />
                      
                      
                        
                          Font Size
                        
                        
                      
                    
                  

                  
                    
                      
                        
                          Dark Mode
                        
                         updateSetting("darkMode", checked)}
                          className="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-900 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-700 border-2 border-zinc-600 data-[state=checked]:border-blue-500 hover:border-zinc-500 transition-all duration-200"
                        />
                      
                      
                        Theme Preset
                        
                      
                    
                  

                  
                    
                      
                        
                          Enable Hotkeys
                        
                         updateSetting("hotkeysEnabled", checked)}
                          className="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-zinc-900 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-700 border-2 border-zinc-600 data-[state=checked]:border-blue-500 hover:border-zinc-500 transition-all duration-200"
                        />
                      
                      
                        
                          Execute Script:
                          ⌘ + Enter
                        
                        
                          Clear Script:
                          ⌘ + L
                        
                        
                          Save Script:
                          ⌘ + S
                        
                        
                          Load Script:
                          ⌘ + O



      {/* Main Interface */}
      
        
          
            
              
              Executor
            
            
              
              Console
            
            
              
              Scripts
            
            
              
              Process Manager
            
          

          
            
              {/* Script Tabs */}
              
                
                  {scriptTabs.map((tab) => (
                     setActiveTabId(tab.id)}
                    >
                      
                      {tab.name}
                      {!tab.saved && }
                      {scriptTabs.length > 1 && (
                        
                      )}
                    
                  ))}
                
                
              

              {/* Script Editor */}
               updateTabContent(e.target.value)}
                className="min-h-[400px] bg-zinc-950 border-2 border-zinc-700 text-zinc-100 placeholder:text-zinc-500 font-mono resize-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 rounded-lg shadow-inner"
                style={{ fontSize: `${settings.fontSize}px` }}
              />

              {/* Bottom Button Bar */}
              <div className="flex items-center justify-between bg-zinc-800 p-4 rounded-lg border border-zinc-700 shadow-sm">
                <div className="flex gap-3">
                  <Button
                    onClick={handleExecute}
                    disabled={!activeTab?.content.trim() || isExecuting || !isInjected}
                    className="bg-blue-600 hover:bg-blue-700 text-white px-6 h-9 text-sm font-medium rounded-lg shadow-sm border-0"
                  >
                    {isExecuting ? (
                      <>
                        <Square className="h-4 w-4 mr-2" />
                        Stop
                      </>
                    ) : (
                      <>
                        <Play className="h-4 w-4 mr-2" />
                        Execute
                      </>
                    )}
                  </Button>

                  <Button
                    onClick={handleClear}
                    variant="outline"
                    className="border-2 border-zinc-600 text-zinc-300 hover:text-zinc-100 hover:bg-zinc-700 bg-zinc-800 px-4 h-9 text-sm font-medium rounded-lg shadow-sm"
                  >
                    <Trash2 className="h-4 w-4 mr-2" />
                    Clear
                  </Button>

                  <Button
                    onClick={handleCopy}
                    variant="outline"
                    className="border-2 border-zinc-600 text-zinc-300 hover:text-zinc-100 hover:bg-zinc-700 bg-zinc-800 px-4 h-9 text-sm font-medium rounded-lg shadow-sm"
                  >
                    <Copy className="h-4 w-4 mr-2" />
                    Copy
                  </Button>
                </div>

                <div className="flex gap-3">
                  <Button
                    variant="outline"
                    className="border-2 border-zinc-600 text-zinc-300 hover:text-zinc-100 hover:bg-zinc-700 bg-zinc-800 px-4 h-9 text-sm font-medium rounded-lg shadow-sm"
                  >
                    <Save className="h-4 w-4 mr-2" />
                    Save
                  </Button>

                  <Button
                    variant="outline"
                    className="border-2 border-zinc-600 text-zinc-300 hover:text-zinc-100 hover:bg-zinc-700 bg-zinc-800 px-4 h-9 text-sm font-medium rounded-lg shadow-sm"
                  >
                    <Upload className="h-4 w-4 mr-2" />
                    Load
                  </Button>

                  <Button
                    onClick={handleInject}
                    className={`px-6 h-9 text-sm font-medium rounded-lg shadow-sm border-0 ${
                      isInjected
                        ? "bg-red-600 hover:bg-red-700 text-white"
                        : "bg-green-600 hover:bg-green-700 text-white"
                    }`}
                  >
                    {isInjected ? "Eject" : "Inject"}
                  </Button>
                </div>
              </div>
            </div>
          </TabsContent>

          <TabsContent value="console" className="m-0 p-6 bg-zinc-900">
            <div className="bg-zinc-950 border-2 border-zinc-700 rounded-lg p-4 h-[400px] overflow-y-auto shadow-inner">
              <pre className="text-zinc-300 font-mono text-sm whitespace-pre-wrap">{consoleOutput}</pre>
            </div>
          </TabsContent>

          <TabsContent value="scripts" className="m-0 p-6 bg-zinc-900">
            <div className="bg-zinc-950 border-2 border-zinc-700 rounded-lg p-4 h-[400px] shadow-inner">
              <div className="text-zinc-400 text-sm">
                <div className="mb-4">
                  <h3 className="text-zinc-100 font-semibold mb-3 text-base">Script Hub</h3>
                  <div className="space-y-2">
                    <div className="flex items-center justify-between p-3 bg-zinc-800 border border-zinc-700 rounded-lg cursor-pointer hover:bg-zinc-700 shadow-sm transition-colors">
                      <span className="text-zinc-200 font-medium">Speed Script</span>
                      <Button
                        size="sm"
                        variant="ghost"
                        className="text-blue-400 hover:text-blue-300 hover:bg-zinc-700 h-7 px-3 rounded-md font-medium"
                      >
                        Load
                      </Button>
                    </div>
                    <div className="flex items-center justify-between p-3 bg-zinc-800 border border-zinc-700 rounded-lg cursor-pointer hover:bg-zinc-700 shadow-sm transition-colors">
                      <span className="text-zinc-200 font-medium">Jump Power</span>
                      <Button
                        size="sm"
                        variant="ghost"
                        className="text-blue-400 hover:text-blue-300 hover:bg-zinc-700 h-7 px-3 rounded-md font-medium"
                      >
                        Load
                      </Button>
                    </div>
                    <div className="flex items-center justify-between p-3 bg-zinc-800 border border-zinc-700 rounded-lg cursor-pointer hover:bg-zinc-700 shadow-sm transition-colors">
                      <span className="text-zinc-200 font-medium">Fly Script</span>
                      <Button
                        size="sm"
                        variant="ghost"
                        className="text-blue-400 hover:text-blue-300 hover:bg-zinc-700 h-7 px-3 rounded-md font-medium"
                      >
                        Load
                      </Button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </TabsContent>

          <TabsContent value="processes" className="m-0 p-6 bg-zinc-900">
            <div className="bg-zinc-950 border-2 border-zinc-700 rounded-lg h-[500px] shadow-inner">
              <div className="p-4 border-b border-zinc-700">
                <div className="flex items-center justify-between mb-3">
                  <div className="flex items-center gap-2">
                    <Monitor className="h-5 w-5 text-zinc-300" />
                    <h3 className="text-zinc-100 font-semibold text-base">Roblox Process Manager</h3>
                  </div>
                  <Button
                    onClick={refreshProcesses}
                    variant="outline"
                    size="sm"
                    className="border-zinc-600 text-zinc-300 hover:bg-zinc-800 bg-transparent"
                  >
                    <RefreshCw className="h-4 w-4 mr-2" />
                    Refresh
                  </Button>
                </div>
                <div className="relative">
                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-zinc-500" />
                  <Input
                    placeholder="Search processes..."
                    value={searchTerm}
                    onChange={(e) => setSearchTerm(e.target.value)}
                    className="pl-10 bg-zinc-800 border-zinc-600 text-zinc-100 placeholder:text-zinc-500 focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
                  />
                </div>
              </div>
              <ScrollArea className="h-[400px]">
                <div className="p-4 space-y-3">
                  {filteredProcesses.map((process) => (
                    <div
                      key={process.pid}
                      className="bg-zinc-800 border border-zinc-700 rounded-lg p-4 hover:bg-zinc-750 transition-colors"
                    >
                      <div className="flex items-center justify-between">
                        <div className="flex items-center gap-3">
                          {getStatusIcon(process.status)}
                          <div>
                            <div className="flex items-center gap-2">
                              <span className="text-zinc-200 font-medium">{process.name}</span>
                              {getStatusBadge(process.status)}
                            </div>
                            <div className="text-sm text-zinc-400 mt-1">{process.windowTitle}</div>
                            <div className="flex items-center gap-4 text-xs text-zinc-500 mt-2">
                              <span>PID: {process.pid}</span>
                              <span>Memory: {process.memoryUsage}</span>
                              <span>CPU: {process.cpuUsage}</span>
                            </div>
                          </div>
                        </div>
                        <div className="flex items-center gap-2">
                          <Button
                            onClick={() => injectIntoProcess(process.pid)}
                            disabled={process.status === "injected" || process.status === "error"}
                            size="sm"
                            className="bg-green-600 hover:bg-green-700 text-white disabled:bg-zinc-700 disabled:text-zinc-500"
                          >
                            <Zap className="h-4 w-4 mr-1" />
                            Inject
                          </Button>
                          <Button
                            onClick={() => closeProcess(process.pid)}
                            size="sm"
                            variant="outline"
                            className="border-red-600 text-red-400 hover:bg-red-600 hover:text-white"
                          >
                            <XCircle className="h-4 w-4 mr-1" />
                            Close
                          </Button>
                        </div>
                      </div>
                    </div>
                  ))}
                  {filteredProcesses.length === 0 && (
                    <div className="text-center text-zinc-500 py-8">
                      <Monitor className="h-12 w-12 mx-auto mb-3 opacity-50" />
                      <p>No Roblox processes found</p>
                      <p className="text-sm mt-1">Start Roblox and click Refresh to see processes</p>
                    </div>
                  )}
                </div>
              </ScrollArea>
            </div>
          </TabsContent>
        </Tabs>
      </div>

      {/* Mac-style status bar - Dark */}
      <div className="bg-zinc-800 border-t border-zinc-700 px-4 py-2 flex items-center justify-between text-xs text-zinc-400">
        <span>Lines: {activeTab?.content.split("\n").length || 0}</span>
        <span>Characters: {activeTab?.content.length || 0}</span>
        <span className="font-medium">Ready to execute</span>
      </div>
    </div>
  )
}
[V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true"
"use client"

import Component from "../executor"

export default function Page() {
  return (
    <main className="flex min-h-screen flex-col items-center justify-center p-8 bg-black">
      <Component />
    </main>
  )
}</article></body></html>