fix: address issues in model pull and chat API

- Refactored model pull logic to improve error handling and user feedback. - Enhanced chat API to ensure better performance and reliability during message fetching. - Updated UI components for a more intuitive user experience when interacting with models and messages.
2025-11-19 00:01:14 -03:00
1 parent ad9d5d32d2
commit b2a06ed994
@@ -0,0 +1,26 @@
+import { Button } from "@/components/ui/button";
+import { ArrowRight, Cpu } from "lucide-react";
+
+export function Hero({ onStart }: { onStart: () => void }) {
+  return (
+    <div className="flex flex-col items-center justify-center min-h-[60vh] text-center px-4 space-y-6 animate-in fade-in zoom-in duration-500">
+      <div className="p-4 rounded-full bg-primary/10 animate-pulse">
+        <Cpu className="w-12 h-12 text-primary" />
+      </div>
+      <h1 className="text-4xl md:text-6xl font-bold tracking-tighter bg-clip-text text-transparent bg-gradient-to-r from-primary to-primary/60">
+        OllaHub
+      </h1>
+      <p className="text-lg md:text-xl text-muted-foreground max-w-[600px]">
+        Sua interface moderna e poderosa para interagir com Ollama e Modelos de Linguagem Locais.
+      </p>
+      
+      <div className="flex gap-4 pt-4">
+        <Button size="lg" onClick={onStart} className="group text-lg px-8 h-12">
+          Iniciar Chat
+          <ArrowRight className="ml-2 w-5 h-5 transition-transform group-hover:translate-x-1" />
+        </Button>
+      </div>
+    </div>
+  );
+}
+
@@ -0,0 +1,85 @@
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+import { Button } from "@/components/ui/button"
+import { RefreshCw, Copy, Check, Play, Loader2 } from "lucide-react"
+import { useState } from "react"
+import { invoke } from "@tauri-apps/api/core"
+
+export function StoppedCard({ onCheckAgain }: { onCheckAgain: () => void }) {
+  const [copied, setCopied] = useState(false);
+  const [starting, setStarting] = useState(false);
+  const command = "ollama serve";
+
+  const handleCopy = () => {
+    navigator.clipboard.writeText(command);
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  };
+
+  const handleStart = async () => {
+    setStarting(true);
+    try {
+      await invoke('start_ollama_server');
+      // Wait a bit for the server to start before checking again
+      setTimeout(() => {
+        onCheckAgain();
+        setStarting(false);
+      }, 3000);
+    } catch (error) {
+      console.error("Failed to start ollama:", error);
+      setStarting(false);
+    }
+  };
+
+  return (
+    <Card className="w-full max-w-md mx-auto border-yellow-500/50 bg-yellow-50/10 dark:bg-yellow-900/10">
+      <CardHeader>
+        <CardTitle className="text-yellow-600 dark:text-yellow-500">Ollama está parado</CardTitle>
+        <CardDescription>
+          O Ollama está instalado mas não está rodando. Você pode iniciá-lo automaticamente ou executar o comando manualmente.
+        </CardDescription>
+      </CardHeader>
+      <CardContent className="space-y-4">
+        <Button 
+          onClick={handleStart} 
+          className="w-full bg-yellow-600 hover:bg-yellow-700 text-white" 
+          disabled={starting}
+        >
+          {starting ? (
+            <>
+              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+              Iniciando...
+            </>
+          ) : (
+            <>
+              <Play className="mr-2 h-4 w-4" />
+              Iniciar Ollama Automaticamente
+            </>
+          )}
+        </Button>
+
+        <div className="relative">
+          <div className="absolute inset-0 flex items-center">
+            <span className="w-full border-t border-yellow-500/20" />
+          </div>
+          <div className="relative flex justify-center text-xs uppercase">
+            <span className="bg-background px-2 text-muted-foreground">Ou manualmente</span>
+          </div>
+        </div>
+
+        <div className="flex items-center space-x-2">
+          <div className="bg-muted p-3 rounded-md font-mono text-sm flex-1 border">
+            {command}
+          </div>
+          <Button size="icon" variant="outline" onClick={handleCopy}>
+            {copied ? <Check className="h-4 w-4" /> : <Copy className="h-4 w-4" />}
+          </Button>
+        </div>
+        
+        <Button onClick={onCheckAgain} className="w-full" variant="secondary">
+          <RefreshCw className="mr-2 h-4 w-4" />
+          Verificar Novamente
+        </Button>
+      </CardContent>
+    </Card>
+  )
+}