/* JARVIS extended — Agent console with streaming, tools, memory, briefing, listing analysis, descriptions, negotiation, incognito */ const TOOLS = [ { id: "search_products", desc: "Filtre + tri catalogue produits", icon: "search", usage: 142 }, { id: "get_supplier_stats", desc: "Stats détaillées d'un fournisseur", icon: "users", usage: 38 }, { id: "compute_profit", desc: "Simulation de marge avec hypothèses", icon: "dollar", usage: 67 }, { id: "send_message", desc: "Poste un message dans un canal", icon: "mail", usage: 12 }, { id: "create_task", desc: "Crée une tâche assignée à un membre", icon: "plus", usage: 24 }, { id: "run_kpi_recalc", desc: "Force le recalcul d'un KPI spécifique", icon: "refresh", usage: 19 }, { id: "analyze_listing", desc: "Analyse une page produit Amazon", icon: "eye", usage: 8 }, { id: "generate_description", desc: "Génère description produit multilingue", icon: "book", usage: 14 }, ]; const JARVIS_AGENT_HISTORY = [ { id: "ag-001", ts: "14:22", goal: "Préparer call Hangzhou BambooLine", steps: [ { ok: true, text: "Recherche fournisseur · 12 datapoints récupérés" }, { ok: true, text: "Calcul marges si MOQ 150 vs 300 · sim 3 scénarios" }, { ok: true, text: "Pull historique 6 dernières commandes" }, { ok: true, text: "Génération argumentaire négociation (FR)" }, ], status: "completed" }, { id: "ag-002", ts: "12:18", goal: "Detect rupture stock 7j", steps: [ { ok: true, text: "Scan 18 produits actifs · velocité 30j" }, { ok: true, text: "Cross-ref ETAs PO en cours" }, { ok: true, text: "Couvre-volant cuir → rupture J+3 confirmée" }, { ok: true, text: "Alerte créée + Slack #ops notifié" }, ], status: "completed" }, { id: "ag-003", ts: "il y a 5min", goal: "Recalcul marge nette 30j", steps: [ { ok: true, text: "Pull payouts Amazon mai" }, { ok: true, text: "Aggregate COGS · 18 produits" }, { ok: false, text: "Cache KV miss · refresh in progress…" }, ], status: "running" }, ]; const JarvisExtended = () => { const toast = useToastX(); const [currentUser] = (window.useCurrentUser || (() => ["clarens"]))(); const userInfo = ({ clarens: { name: "Clarens", role: "CFO", focus: "finance, marges, trésorerie" }, kevin: { name: "Kevin", role: "COO", focus: "fournisseurs, MOQ, délais" }, carly: { name: "Carly", role: "CPO", focus: "produits, BSR, opportunités" }, })[currentUser] || { name: "Clarens", role: "CFO", focus: "finance" }; const [tab, setTab] = useState("chat"); const [incognito, setIncognito] = useState(false); const [streaming, setStreaming] = useState(false); const [streamText, setStreamText] = useState(""); const [messages, setMessages] = useState([ { role: "assistant", content: `Bonjour ${userInfo.name}. Console JARVIS étendue · 8 tools disponibles · mode agent armé. Que voulez-vous accomplir ?`, t: "14:32" } ]); const [input, setInput] = useState(""); const LS_JARVIS_MEM = "kcc:jarvis-memory"; const MEM_SEED = [ { k: "Préfère réponses concises sans intro", set: "il y a 3 sem." }, { k: "Cible marge minimum 25% (override 22% défaut)", set: "il y a 2 mois" }, { k: "Devise affichée : CAD (équivalent toujours)", set: "il y a 4 mois" }, { k: "Focus principal : finance & trésorerie", set: "il y a 4 mois" }, { k: "Notifications critiques uniquement via SMS", set: "il y a 6 sem." }, ]; const [memory, _setMemory] = useState(() => { try { const s = localStorage.getItem(LS_JARVIS_MEM); return s ? JSON.parse(s) : MEM_SEED; } catch { return MEM_SEED; } }); const setMemory = (next) => { const v = typeof next === "function" ? next(memory) : next; _setMemory(v); try { localStorage.setItem(LS_JARVIS_MEM, JSON.stringify(v)); } catch {} }; const addMemory = () => { const k = (prompt("Nouveau fait à mémoriser pour JARVIS :") || "").trim(); if (!k) return; setMemory([{ k, set: "à l'instant" }, ...memory]); toast?.push?.({ tone: "good", title: "Mémorisé" }); }; const removeMemory = (i) => setMemory(memory.filter((_, j) => j !== i)); const speakBriefing = () => { try { const txt = document.getElementById("jarvis-briefing-text")?.textContent || ""; if (!("speechSynthesis" in window) || !txt) { toast?.push?.({ tone: "warn", title: "TTS indisponible" }); return; } window.speechSynthesis.cancel(); const u = new SpeechSynthesisUtterance(txt); u.lang = "fr-CA"; u.rate = 1.05; window.speechSynthesis.speak(u); toast?.push?.({ tone: "good", title: "Lecture du briefing", body: "~2 min" }); } catch (e) { toast?.push?.({ tone: "danger", title: "Erreur TTS" }); } }; const copyText = async (text, label) => { try { await navigator.clipboard.writeText(text); toast?.push?.({ tone: "good", title: (label || "Copié") + " ✓" }); } catch { toast?.push?.({ tone: "danger", title: "Copie échouée" }); } }; const simStream = async (text) => { setStreaming(true); setStreamText(""); const words = text.split(" "); for (let i = 0; i < words.length; i++) { await new Promise((r) => setTimeout(r, 40 + Math.random() * 30)); setStreamText((s) => s + (i ? " " : "") + words[i]); } setMessages((m) => [...m, { role: "assistant", content: text, t: new Date().toLocaleTimeString("fr-CA", { hour: "2-digit", minute: "2-digit" }) }]); setStreaming(false); setStreamText(""); }; const ask = async () => { if (!input.trim()) return; const q = input.trim(); const now = new Date().toLocaleTimeString("fr-CA", { hour: "2-digit", minute: "2-digit" }); setMessages((m) => [...m, { role: "user", content: q, t: now }]); setInput(""); try { const sys = `Tu es JARVIS, opérateur du portail KCC Holdings. Tu parles avec ${userInfo.name} (${userInfo.role}, focus ${userInfo.focus}). Réponse courte, française, factuelle.`; const reply = await window.claude.complete({ messages: [{ role: "user", content: q }], system: sys }); await simStream(reply); } catch (e) { simStream("⚠️ Erreur de connexion."); } }; const TABS = [ { id: "chat", label: "Chat", icon: "bot" }, { id: "agent", label: "Mode agent", icon: "zap", badge: "BETA" }, { id: "tools", label: "Tools", icon: "wrench" }, { id: "memory", label: "Mémoire", icon: "book" }, { id: "briefing", label: "Daily briefing", icon: "calendar" }, { id: "listing", label: "Analyse listing",icon: "eye" }, { id: "describe", label: "Descriptions", icon: "edit" }, { id: "negotiate", label: "Négociation", icon: "users" }, ]; return (
Console JARVIS
Opérateur complet · streaming · tools · mémoire long terme · mode agent
{TABS.map((tt) => ( ))}
{tab === "chat" && (
{messages.map((m, i) => (
{m.role === "assistant" ? : }
{m.role === "assistant" ? "JARVIS" : userInfo.name} {m.t}
{m.content}
))} {streaming && (
JARVIS streaming…
{streamText}▍
)}