File size: 4,693 Bytes
8a0e39e 20ec4ad 8a0e39e 20ec4ad 8a0e39e 20ec4ad |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 |
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
/* src/components/ask-ai/ask-ai.tsx */
import { useState, useEffect } from "react";
import { useLocalStorage } from "react-use";
import { toast } from "react-toastify";
import ChatInterface from "./ChatInterface";
import { FiCpu, FiCheckCircle, FiLoader } from "react-icons/fi";
export default function AskAI(props) {
const { agentId, html, setHtml, isAiWorking, setisAiWorking, onNewPrompt, onScrollToBottom, } = props;
/* lê as três chaves do localStorage ---------------------------- */
const [geminiKey] = useLocalStorage("geminiKey", "");
const [chatgptKey] = useLocalStorage("chatgptKey", "");
const [hfToken] = useLocalStorage("hfToken", "");
const [activeTasks, setActiveTasks] = useState([]);
const [currentPlan, setCurrentPlan] = useState(null);
// Funções para o orquestrador
const handleTaskCreated = (task) => {
setActiveTasks(prev => [...prev, task]);
toast.info(`Nova tarefa criada: ${task.description.substring(0, 40)}...`);
};
const handlePlanCreated = (plan) => {
setCurrentPlan(plan);
toast.success(`Plano criado com ${plan.steps.length} passos`);
};
const handleTaskUpdated = (taskId, status, result) => {
setActiveTasks(prev => prev.map(task => task.id === taskId
? {
...task,
status,
result,
completedAt: (status === 'completed' || status === 'failed') ? new Date() : undefined
}
: task));
};
// Limpa tarefas concluídas após 1 hora
useEffect(() => {
const interval = setInterval(() => {
const oneHourAgo = new Date(Date.now() - 60 * 60 * 1000);
setActiveTasks(prev => prev.filter(task => task.status !== 'completed' ||
!task.completedAt ||
task.completedAt > oneHourAgo));
}, 15 * 60 * 1000); // Checa a cada 15 minutos
return () => clearInterval(interval);
}, []);
// Determina a cor do status baseado no agentId
const getAgentStatusColor = () => {
switch (agentId) {
case 'orchestrator':
return 'bg-purple-600';
case 'mike':
return 'bg-blue-600';
case 'alex':
return 'bg-green-600';
case 'david':
return 'bg-amber-600';
default:
return 'bg-indigo-600';
}
};
return (_jsxs("div", { className: "flex flex-col h-full", children: [_jsxs("div", { className: "bg-gray-900 text-white py-3 px-4 border-b border-gray-800", children: [_jsxs("div", { className: "flex items-center", children: [_jsx("div", { className: `w-3 h-3 rounded-full mr-2 ${getAgentStatusColor()}` }), _jsxs("h2", { className: "text-lg font-medium", children: ["Agente: ", agentId] }), isAiWorking && (_jsx("div", { className: "ml-2 animate-pulse text-amber-400", children: _jsx(FiLoader, { className: "animate-spin" }) }))] }), currentPlan && (_jsxs("div", { className: "mt-2 text-sm bg-gray-800 rounded p-2", children: [_jsxs("div", { className: "flex items-center text-indigo-400 mb-1", children: [_jsx(FiCpu, { className: "mr-1" }), " Plano: ", currentPlan.name] }), _jsxs("div", { className: "text-xs text-gray-400", children: [currentPlan.steps.length, " passos planejados"] })] })), activeTasks.length > 0 && (_jsxs("div", { className: "mt-2", children: [_jsx("div", { className: "text-xs text-gray-400 mb-1", children: "Tarefas:" }), _jsxs("div", { className: "flex flex-wrap gap-2", children: [activeTasks
.filter(t => t.status === 'in-progress')
.slice(0, 2)
.map(task => (_jsxs("div", { className: "text-xs bg-gray-800 rounded px-2 py-1 flex items-center", children: [_jsx(FiLoader, { className: "animate-spin mr-1 text-amber-400" }), _jsx("span", { className: "truncate max-w-[180px]", children: task.description })] }, task.id))), activeTasks.filter(t => t.status === 'completed').length > 0 && (_jsxs("div", { className: "text-xs bg-gray-800 rounded px-2 py-1 flex items-center", children: [_jsx(FiCheckCircle, { className: "mr-1 text-green-400" }), _jsxs("span", { children: [activeTasks.filter(t => t.status === 'completed').length, " conclu\u00EDdas"] })] }))] })] }))] }), _jsx(ChatInterface, { agentId: agentId, html: html, setHtml: setHtml, isAiWorking: isAiWorking, setisAiWorking: setisAiWorking, onNewPrompt: onNewPrompt, onScrollToBottom: onScrollToBottom, geminiKey: geminiKey, chatgptKey: chatgptKey, hfToken: hfToken })] }));
}
|