Update AppImage

AppImage/components/terminal-panel.tsx

@@ -166,7 +166,6 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
       try {
         setIsSearching(true)
 
-        // Usar el proxy local de Flask
         const apiUrl = getApiUrl()
         const response = await fetch(`${apiUrl}/api/terminal/search-command?q=${encodeURIComponent(query)}`, {
           method: "GET",
@@ -182,47 +181,23 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
 
         const data = await response.json()
 
-        if (!data.success || !data.content) {
+        if (!data.success || !data.examples || data.examples.length === 0) {
-          throw new Error("No content received")
+          throw new Error("No examples found")
         }
 
-        console.log("[v0] Cheat.sh response received from proxy")
+        console.log("[v0] Received parsed examples from server:", data.examples.length)
 
-        // Parsear la respuesta de cheat.sh
+        // Usar los ejemplos ya parseados del servidor
-        const text = data.content
+        const formattedResults: CheatSheetResult[] = data.examples.map((example: any) => ({
-        const blocks = text.split(/\n\s*\n/).filter((block: string) => block.trim())
+          command: example.command,
-        const examples: string[] = []
+          description: example.description || "",
+          examples: [example.command], // El comando limpio como ejemplo
+        }))
 
-        for (const block of blocks) {
+        setUseOnline(true)
-          const lines = block.split("\n").filter((line: string) => {
+        setSearchResults(formattedResults)
-            const trimmed = line.trim()
-            return trimmed && !trimmed.startsWith("http") && !trimmed.includes("cheat.sh") && !trimmed.includes("[")
-          })
-
-          if (lines.length > 0) {
-            const example = lines.join("\n").trim()
-            if (example.length > 10 && example.length < 500) {
-              examples.push(example)
-            }
-          }
-        }
-
-        console.log("[v0] Parsed examples:", examples.length)
-
-        if (examples.length > 0) {
-          setUseOnline(true)
-          setSearchResults([
-            {
-              command: query,
-              description: `Results from cheat.sh for "${query}"`,
-              examples: examples.slice(0, 8),
-            },
-          ])
-        } else {
-          throw new Error("No valid examples found")
-        }
       } catch (error) {
-        console.log("[v0] Error fetching from cheat.sh proxy:", error)
+        console.log("[v0] Error fetching from cheat.sh proxy, using offline commands:", error)
         // Mostrar resultados offline si falla
         const filtered = proxmoxCommands.filter(
           (item) =>
@@ -666,7 +641,7 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
                 placeholder="Search commands... (e.g., 'tar', 'docker ps', 'qm list', 'systemctl')"
                 value={searchQuery}
                 onChange={(e) => setSearchQuery(e.target.value)}
-                className="pl-10 bg-zinc-900 border-zinc-700 focus:border-blue-500 focus:ring-1 focus:ring-blue-500"
+                className="pl-10 bg-zinc-900 border-zinc-700 focus:border-blue-500 focus:ring-1 focus:ring-blue-500 text-base"
               />
             </div>
 
@@ -682,43 +657,15 @@ export const TerminalPanel: React.FC<TerminalPanelProps> = ({ websocketUrl, onCl
                 searchResults.map((result, index) => (
                   <div
                     key={index}
-                    className="p-4 rounded-lg border border-zinc-700 bg-zinc-800/50 hover:bg-zinc-800 hover:border-blue-500 transition-colors"
+                    onClick={() => sendToActiveTerminal(result.command)}
+                    className="p-4 rounded-lg border border-zinc-700 bg-zinc-800/50 hover:bg-zinc-800 hover:border-blue-500 transition-colors group"
                   >
-                    <div className="space-y-2">
+                    <div className="flex items-start justify-between gap-2">
-                      <div className="flex items-start justify-between gap-2">
+                      <div className="flex-1 min-w-0">
-                        <div className="flex-1">
+                        <code className="text-sm text-blue-400 font-mono break-all">{result.command}</code>
-                          <code className="text-sm text-blue-400 font-mono font-bold">{result.command}</code>
+                        {result.description && <p className="text-xs text-zinc-400 mt-1">{result.description}</p>}
-                          {result.description && <p className="text-xs text-zinc-400 mt-1">{result.description}</p>}
-                        </div>
                       </div>
-                      {result.examples.length > 0 && (
+                      <Send className="h-4 w-4 text-zinc-600 group-hover:text-blue-400 flex-shrink-0 mt-0.5" />
-                        <div className="space-y-1 mt-2 pt-2 border-t border-zinc-700">
-                          <p className="text-xs text-zinc-500 mb-1">Examples:</p>
-                          {result.examples.slice(0, 3).map((example, idx) => (
-                            <div
-                              key={idx}
-                              onClick={(e) => {
-                                e.stopPropagation()
-                                sendToActiveTerminal(example)
-                              }}
-                              className="flex items-center justify-between p-2 rounded bg-zinc-900/50 hover:bg-zinc-900 group cursor-pointer transition-colors"
-                            >
-                              <code className="text-xs text-green-400 font-mono flex-1 break-all">{example}</code>
-                              <Button
-                                onClick={(e) => {
-                                  e.stopPropagation()
-                                  sendToActiveTerminal(example)
-                                }}
-                                size="sm"
-                                variant="ghost"
-                                className="shrink-0 h-6 px-2 text-xs opacity-0 group-hover:opacity-100 transition-opacity"
-                              >
-                                <Send className="h-3 w-3" />
-                              </Button>
-                            </div>
-                          ))}
-                        </div>
-                      )}
                     </div>
                   </div>
                 ))

AppImage/scripts/flask_terminal_routes.py

@@ -37,7 +37,6 @@ def search_command():
         return jsonify({'error': 'Query too short'}), 400
     
     try:
-        # Hacer petición a cheat.sh desde el servidor
         url = f'https://cht.sh/{query.replace(" ", "+")}?QT'
         headers = {
             'User-Agent': 'curl/7.68.0'
@@ -46,9 +45,45 @@ def search_command():
         response = requests.get(url, headers=headers, timeout=10)
         
         if response.status_code == 200:
+            # Parsear el contenido para extraer ejemplos limpios
+            content = response.text
+            examples = []
+            
+            for line in content.split('\n'):
+                line = line.strip()
+                
+                # Ignorar líneas vacías
+                if not line:
+                    continue
+                
+                # Si la línea es un comentario que contiene ":"
+                # extraer el comando después de ":"
+                if line.startswith('#') and ':' in line:
+                    # Buscar el comando después del ":"
+                    parts = line.split(':', 1)
+                    if len(parts) == 2:
+                        description = parts[0].replace('#', '').strip()
+                        command = parts[1].strip()
+                        
+                        if command and not command.startswith('http'):
+                            examples.append({
+                                'description': description,
+                                'command': command
+                            })
+                # Si la línea empieza con el nombre del comando (sin #)
+                elif not line.startswith('#'):
+                    # Es probablemente un comando directo
+                    # Solo agregar si no es una URL
+                    if not line.startswith('http') and len(line) > 2:
+                        examples.append({
+                            'description': '',
+                            'command': line
+                        })
+            
             return jsonify({
                 'success': True,
-                'content': response.text
+                'examples': examples,
+                'raw_content': content
             })
         else:
             return jsonify({