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.

components/chat/chat-input.tsx

@@ -0,0 +1,72 @@
+import { Button } from "@/components/ui/button";
+import { Textarea } from "@/components/ui/textarea";
+import { Send, Square } from "lucide-react";
+import { useState, useRef, useEffect } from "react";
+
+interface ChatInputProps {
+  onSend: (message: string) => void;
+  onStop: () => void;
+  isLoading: boolean;
+}
+
+export function ChatInput({ onSend, onStop, isLoading }: ChatInputProps) {
+  const [input, setInput] = useState("");
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === "Enter" && !e.shiftKey) {
+      e.preventDefault();
+      handleSend();
+    }
+  };
+
+  const handleSend = () => {
+    if (input.trim() && !isLoading) {
+      onSend(input);
+      setInput("");
+    }
+  };
+
+  useEffect(() => {
+    if (textareaRef.current) {
+      textareaRef.current.style.height = "auto";
+      textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;
+    }
+  }, [input]);
+
+  return (
+    <div className="p-4 border-t bg-background">
+      <div className="relative flex items-end gap-2 max-w-3xl mx-auto">
+        <Textarea
+          ref={textareaRef}
+          value={input}
+          onChange={(e) => setInput(e.target.value)}
+          onKeyDown={handleKeyDown}
+          placeholder="Digite sua mensagem..."
+          className="min-h-[50px] max-h-[200px] resize-none pr-12 py-3"
+          rows={1}
+        />
+        <div className="absolute right-2 bottom-2">
+          {isLoading ? (
+            <Button size="icon" variant="destructive" onClick={onStop} className="h-8 w-8">
+              <Square className="h-4 w-4 fill-current" />
+            </Button>
+          ) : (
+            <Button 
+              size="icon" 
+              onClick={handleSend} 
+              disabled={!input.trim()} 
+              className="h-8 w-8"
+            >
+              <Send className="h-4 w-4" />
+            </Button>
+          )}
+        </div>
+      </div>
+      <div className="text-xs text-center text-muted-foreground mt-2">
+        OllaHub pode cometer erros. Verifique informações importantes.
+      </div>
+    </div>
+  );
+}
+