diff --git a/src/pages/TestPrompt.tsx b/src/pages/TestPrompt.tsx index 88cd29c..6149d85 100644 --- a/src/pages/TestPrompt.tsx +++ b/src/pages/TestPrompt.tsx @@ -24,6 +24,7 @@ export default function TestPrompt() { const [messages, setMessages] = useState([]); const [isLoading, setIsLoading] = useState(false); const [selectedPrompt, setSelectedPrompt] = useState(""); + const [selectedModel, setSelectedModel] = useState(""); const scrollRef = useRef(null); useEffect(() => { @@ -33,7 +34,7 @@ export default function TestPrompt() { }, [messages]); const handleSend = () => { - if (!input.trim() || !selectedPrompt) return; + if (!input.trim() || !selectedPrompt || !selectedModel) return; const userMessage: Message = { id: Date.now().toString(), @@ -74,21 +75,43 @@ export default function TestPrompt() { - {/* Selector de Prompt */} -
- - + {/* Selector de Prompt e Modelo */} +
+
+ + +
+ +
+ + +
{/* Chat Area */} @@ -96,7 +119,7 @@ export default function TestPrompt() {
{messages.length === 0 ? (
-

Selecione um prompt e comece a conversar

+

Selecione um prompt e modelo para começar a conversar

) : ( messages.map((message) => ( @@ -153,12 +176,12 @@ export default function TestPrompt() { value={input} onChange={(e) => setInput(e.target.value)} onKeyPress={handleKeyPress} - disabled={isLoading || !selectedPrompt} + disabled={isLoading || !selectedPrompt || !selectedModel} className="flex-1" />