@decido/shell 1.0.0 → 4.0.2

package/src/hooks/usePlaygroundCommander.ts

@@ -1,475 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import { usePlaygroundStore } from '../store/usePlaygroundStore';
-import { useTimelineStore } from '@decido/engine';
-import { useEngineStore } from '@decido/engine';
-import { useUIComponentStore } from '../store/useUIComponentStore';
-import { useReactiveEngine } from '@decido/engine';
-import { useAIDirector } from '@decido/engine';
-import { useNetwork } from '../contexts/NetworkProvider';
-import { AudioController } from '@decido/engine';
-import { bridgeToMorph } from './morphBridge';
-import { useMorphInstanceStore } from '../store/useMorphInstanceStore';
-import { dlog } from '../lib/debugLogger';
-
-export const usePlaygroundCommander = (aiProvider: any) => {
-    const prototypeBrand = usePlaygroundStore((state: any) => state.prototypeBrand);
-    const setInputValue = usePlaygroundStore((state: any) => state.setInputValue);
-    const addLog = usePlaygroundStore((state: any) => state.addLog);
-    const addChatMessage = usePlaygroundStore((state: any) => state.addChatMessage);
-
-    const timelines = useTimelineStore((state: any) => state.timelines);
-
-    // AI Tools
-    const { semanticMatch, isThinking } = useReactiveEngine(aiProvider);
-    const { generateKeyframeOnTheFly, generateTimeline, isGenerating } = useAIDirector(aiProvider);
-    const { emitEvent, isConnected } = useNetwork();
-
-    const currentBlueprint = timelines[prototypeBrand];
-    const lastEvent = useEngineStore((state: any) => state.lastEvent);
-
-    useEffect(() => {
-        const handleRenderPreview = (e: any) => {
-            const html = e.detail?.html;
-            if (html) {
-                const instanceId = `web-${Date.now()}`;
-                bridgeToMorph({
-                    chatId: instanceId,
-                    shellType: 'nexusai-preview',
-                    label: 'Reporte en Vivo',
-                    data: { html, css: '', javascript: '' },
-                });
-                usePlaygroundStore.getState().setIsSidebarOpen(false);
-            }
-        };
-
-        const handleSearchOrder = (e: any) => {
-            const query = e.detail?.query;
-            if (query) {
-                usePlaygroundStore.getState().setIsSidebarOpen(false);
-            }
-        };
-
-        window.addEventListener('studio:render-preview', handleRenderPreview);
-        window.addEventListener('studio:search-order', handleSearchOrder);
-
-        return () => {
-            window.removeEventListener('studio:render-preview', handleRenderPreview);
-            window.removeEventListener('studio:search-order', handleSearchOrder);
-        };
-    }, []);
-
-    // EL NUEVO JUMP: Ahora le pide permiso al Motor en lugar de hackear el estado
-    const jumpToNode = useCallback((nodeId: string) => {
-        if (!currentBlueprint) return;
-        const targetNode = currentBlueprint.keyframes.find((kf: any) => kf.id === nodeId);
-        if (targetNode) {
-            addLog(`Reaccionando a Nodo: ${targetNode.state || targetNode.id}`, 'system');
-
-            // En lugar de mutar directamente, DISPARAMOS UN EVENTO DE SISTEMA.
-            // Para forzar la transición a este nodo específico, pasamos targetNodeId.
-            useEngineStore.getState().dispatchEvent({
-                type: 'USER_INTENT_MATCHED',
-                targetNodeId: nodeId,
-                routeHandle: 'success'
-            });
-        }
-    }, [currentBlueprint, addLog]);
-
-    const handleUserCommand = useCallback(async (input: string) => {
-        if (!input || !input.trim()) return;
-
-        // Phase 24.2: Abortar TTS activo si el usuario interrumpe
-        addLog(`Analizando intención: "${input}"`, 'system');
-        AudioController.stop();
-
-        // El usuario real escribe en el chat
-        addChatMessage({ type: 'text', sender: 'user', text: input });
-
-        // ─── Sprint AC: Web Preview interceptor with iterative context ───
-        // When 'nexusai-preview' is the selected shell, bypass intent router
-        // and generate HTML/CSS/JS directly with Gemini.
-        // If there's existing HTML in the active instance, send it as context
-        // for iterative refinement (e.g. "change header color to red").
-        const selectedShell = localStorage.getItem('decido_selected_shell');
-        if (selectedShell === 'nexusai-preview' || selectedShell === 'iframe') {
-            addLog('🌐 Web Preview mode — generando HTML directo...', 'system');
-            addChatMessage({ type: 'text', sender: 'system', text: '🌐 Generando diseño web...' });
-
-            const apiKey = localStorage.getItem('google_gemini_api_key')
-                || (window as any).__DECIDO__?._apiKey
-                || (import.meta as any).env?.VITE_GEMINI_API_KEY || '';
-            const model = localStorage.getItem('decido_gemini_model') || 'gemini-3-flash-preview';
-
-            if (!apiKey) {
-                addChatMessage({ type: 'error', sender: 'system', text: '⚠️ No se encontró API key de Gemini.' });
-                return;
-            }
-
-            // Sprint AC: Check for existing code in active MorphInstance
-            const activeInst = useMorphInstanceStore.getState().getActiveInstance();
-            const existingHtml = activeInst?.data?.html || '';
-            const existingCss = activeInst?.data?.css || '';
-            const existingJs = activeInst?.data?.javascript || '';
-            const hasContext = !!(existingHtml.trim());
-
-            // Sprint AH: Check if user selected a specific element
-            const selectedSelector = (window as any).__DECIDO__?.selectedElementSelector || null;
-            const elementContext = selectedSelector
-                ? `\n\nIMPORTANT: The user has SELECTED a specific element: \`${selectedSelector}\`. Focus your changes ONLY on this element and its children. Do not modify other parts of the page.`
-                : '';
-
-                            const systemPrompt = hasContext
-                ? `You are an expert web developer. The user has an EXISTING web page and wants to MODIFY it.${elementContext}
-
-CURRENT HTML:
-\`\`\`html
-${existingHtml}
-\`\`\`
-
-CURRENT CSS:
-\`\`\`css
-${existingCss}
-\`\`\`
-
-CURRENT JavaScript:
-\`\`\`javascript
-${existingJs}
-\`\`\`
-
-Apply the user's requested changes to the EXISTING code above. Keep everything else intact.
-IMPORTANT: DO NOT USE JSON. Instead, strictly format your response using these XML-like tags:
-<decido-html>
-  <!-- your html here without <html> or <body> tags -->
-</decido-html>
-<decido-css>
-  /* your tailwind/custom css here */
-</decido-css>
-<decido-js>
-  // your javascript here
-</decido-js>
-Use Tailwind CSS classes. Do not include explanatory text outside the tags.`
-                : `You are an expert web developer. Generate HTML, CSS, and JavaScript for the user's request.
-IMPORTANT: DO NOT USE JSON. Instead, strictly format your response using these XML-like tags:
-<decido-html>
-  <!-- your html here without <html> or <body> tags -->
-</decido-html>
-<decido-css>
-  /* your tailwind/custom css here */
-</decido-css>
-<decido-js>
-  // your javascript here
-</decido-js>
-Use Tailwind CSS classes for styling (it will be auto-loaded). Write modern, responsive, visually stunning code.
-Use vibrant gradients, dark backgrounds (#0a0a0a, #1a1a2e), neon accent colors, smooth animations, and premium typography.
-Do not include any explanatory text outside the tags.`;
-
-            try {
-                // Sprint AI: Build multi-turn conversation history for Gemini
-                const chatId = usePlaygroundStore.getState().activeChatId || '_default';
-                const allMessages = usePlaygroundStore.getState().chatMessagesByInstance[chatId] || [];
-                // Take last 10 relevant messages (user + agent text only, skip system/error/ui-artifact)
-                const recentMsgs = allMessages
-                    .filter(m => (m.sender === 'user' || m.sender === 'agent') && m.type === 'text' && m.text?.trim())
-                    .slice(-10);
-
-                // Build Gemini contents[] — alternate user/model roles
-                const contents: Array<{ role: string; parts: Array<{ text: string }> }> = [];
-                for (const m of recentMsgs) {
-                    const role = m.sender === 'user' ? 'user' : 'model';
-                    // Gemini requires alternating roles — merge consecutive same-role
-                    if (contents.length > 0 && contents[contents.length - 1].role === role) {
-                        contents[contents.length - 1].parts[0].text += '\n' + (m.text || '');
-                    } else {
-                        contents.push({ role, parts: [{ text: m.text || '' }] });
-                    }
-                }
-                // Ensure last message is the current user input (it was already added to chat above)
-                // If last content is already user role with our input, keep it. Otherwise add.
-                if (contents.length === 0 || contents[contents.length - 1].role !== 'user') {
-                    contents.push({ role: 'user', parts: [{ text: input }] });
-                }
-
-                const url = `https://generativelanguage.googleapis.com/v1beta/models/${model}:generateContent?key=${apiKey}`;
-                dlog.gemini(`POST ${model} | ${contents.length} turns | prompt: ${systemPrompt.length} chars`, { model, turnsCount: contents.length });
-                const _t0 = performance.now();
-                const res = await fetch(url, {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({
-                        contents,
-                        systemInstruction: { parts: [{ text: systemPrompt }] },
-                        generationConfig: { temperature: 0.7, maxOutputTokens: 16384 },
-                    }),
-                });
-                const _dur = Math.round(performance.now() - _t0);
-
-                const data = await res.json();
-                const rawText = data?.candidates?.[0]?.content?.parts?.[0]?.text || '';
-                const tokenCount = data?.usageMetadata?.totalTokenCount || 0;
-                dlog.gemini(`Response ${res.status} | ${_dur}ms | ${tokenCount} tokens | ${rawText.length} chars`, { status: res.status, duration: _dur, tokens: tokenCount });
-                let code = { html: '', css: '', javascript: '' };
-
-                // 1. Primary parsing Strategy: Extract XML tags
-                const htmlMatch = /<decido-html>([\s\S]*?)<\/decido-html>/i.exec(rawText);
-                const cssMatch = /<decido-css>([\s\S]*?)<\/decido-css>/i.exec(rawText);
-                const jsMatch = /<decido-js>([\s\S]*?)<\/decido-js>/i.exec(rawText);
-
-                if (htmlMatch || cssMatch || jsMatch) {
-                    code.html = htmlMatch ? htmlMatch[1].trim() : '';
-                    code.css = cssMatch ? cssMatch[1].trim() : '';
-                    code.javascript = jsMatch ? jsMatch[1].trim() : '';
-                } else {
-                    // 2. Fallback parsing Strategy: Old JSON method
-                    let jsonText = rawText.trim();
-                    const jsonMatch = /```(?:json)?\s*([\s\S]*?)```/i.exec(rawText);
-                    if (jsonMatch) {
-                        jsonText = jsonMatch[1].trim();
-                    } else {
-                        jsonText = jsonText.replace(/^```json\s*/i, '').replace(/\s*```$/i, '').trim();
-                    }
-                    try {
-                        code = JSON.parse(jsonText);
-                    } catch (e: any) {
-                        console.error("Web Preview Parse Error:", e, rawText);
-                        code.html = `
-                        <div class="fixed inset-0 flex flex-col items-center justify-center bg-gray-900 text-white p-6 text-center font-sans z-[9999]">
-                            <div class="bg-red-500/10 border border-red-500 text-red-400 p-4 rounded-xl max-w-lg shadow-2xl">
-                                <h3 class="font-bold text-lg mb-2">Error de Generación AI</h3>
-                                <p class="text-sm opacity-80 mb-4">El modelo generó código que no cumple con el formato XML o JSON estricto.</p>
-                                <div class="text-xs text-left bg-black/50 p-2 rounded overflow-auto max-h-48 text-gray-300">
-                                    ${e.message}
-                                </div>
-                            </div>
-                        </div>`;
-                    }
-                }
-
-                // Sprint AC: Reuse active instance if refining, else create new
-                let instanceId: string;
-                if (hasContext && activeInst) {
-                    instanceId = activeInst.id;
-                    // Update existing instance data in-place
-                    useMorphInstanceStore.getState().upsertInstance({
-                        id: instanceId,
-                        sourceChatId: activeInst.sourceChatId,
-                        shellType: 'nexusai-preview',
-                        label: activeInst.label,
-                        data: { html: code.html, css: code.css, javascript: code.javascript },
-                    });
-                } else {
-                    instanceId = `web-${Date.now()}`;
-                    bridgeToMorph({
-                        chatId: instanceId,
-                        shellType: 'nexusai-preview',
-                        label: input.slice(0, 40),
-                        data: { html: code.html, css: code.css, javascript: code.javascript },
-                    });
-                }
-
-                const verb = hasContext ? '🔄 Diseño actualizado' : '✅ Diseño web generado';
-                addChatMessage({ type: 'text', sender: 'agent', text: `${verb}. Revisa el panel derecho.`, morphInstanceId: instanceId });
-                addLog(`🌐 HTML ${hasContext ? 'actualizado' : 'generado'} en Web Preview`, 'success');
-            } catch (err: any) {
-                dlog.gemini(`ERROR: ${err.message}`, { error: err.message }, 'error');
-                addChatMessage({ type: 'error', sender: 'system', text: `Error generando HTML: ${err.message}` });
-            }
-            return;
-        } else if (selectedShell === 'dataway-studio') {
-            addLog('Dataway Studio — generando M-Script...', 'system');
-            
-            const activeResource = localStorage.getItem('dataway_active_resource');
-            const activeConnector = localStorage.getItem('dataway_active_connector') || 'google_sheets';
-            
-            if (!activeResource) {
-                addChatMessage({ type: 'error', sender: 'system', text: 'Debes seleccionar una tabla en el panel Recursos de Dataway primero.' });
-                return;
-            }
-            
-            const loadingId = `loading-${Date.now()}`;
-            addChatMessage({ id: loadingId, type: 'text', sender: 'system', text: 'Analizando esquema y generando M-Script...' });
-            
-            try {
-                const baseUrl = (import.meta as any).env?.VITE_API_BASE_URL || 'http://localhost:3001';
-                const res = await fetch(`${baseUrl}/api/dataway/copilot`, {
-                    method: 'POST',
-                    headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({
-                        prompt: input,
-                        connectorId: activeConnector,
-                        resource: activeResource
-                    })
-                });
-                
-                if (!res.ok) {
-                    const errData = await res.json().catch(() => ({ error: `HTTP ${res.status}` }));
-                    throw new Error(errData.error || `Error del servidor HTTP ${res.status}`);
-                }
-                
-                const data = await res.json();
-                
-                if (data.script) {
-                    const explanationText = data.explanation ? `**Análisis de la IA:** ${data.explanation}\n\n` : '';
-                    addChatMessage({ 
-                        type: 'text', 
-                        sender: 'agent', 
-                        text: `${explanationText}Pipeline actualizado. Revisa el resultado:\n\n\`\`\`dataway\n${data.script}\n\`\`\``
-                    });
-                    
-                    // Dispatch directly to the active Dataway Studio View without opening new tabs
-                    window.dispatchEvent(new CustomEvent('intent:dataway-generate-script', { detail: { 
-                        script: data.script,
-                        resource: data.targetResource 
-                    } }));
-                } else {
-                    addChatMessage({ type: 'error', sender: 'system', text: 'El agente no retornó código.' });
-                }
-            } catch (err: any) {
-                addChatMessage({ type: 'error', sender: 'system', text: `Error de IA: ${err.message}` });
-            }
-            return;
-        }
-
-        if (!currentBlueprint) {
-            addLog(`No hay blueprint activo para evaluar.`, 'error');
-            return;
-        }
-
-        // 1. Check if intent detection is enabled (Brain toggle)
-        const intentEnabled = (typeof window !== 'undefined' && (window as any).__DECIDO__?.intentEnabled !== false);
-
-        // 2. Heurística primaria para Generación Compleja (Bypasses Router) — only when intents ON
-        const isEditRequest = intentEnabled && /agrega|suma|añade|conecta|modifica|cambia|elimina|borra|parchea|actualiza|inserta|mueve/i.test(input);
-        const isCreateRequest = intentEnabled && /grafo|flujo|nodos|complejo|historia|blueprint|escenario|onboarding|proceso|workflow|pipeline|crea\s+(un|una|el|la|los|las)\s|diseña|genera\s+(un|una)|construye|orquest|trigger|subflujo|set\s+variable|marque\s+user\.|shell|tema|theme|sidebar|panel|activity\s*bar|status\s*bar|top\s*bar|notificaci[oó]n|shortcut|atajo|layout|configura\s+(el|la|los|las)\s/i.test(input);
-
-        if (isCreateRequest || isEditRequest) {
-            addLog(`Intención compleja detectada. ${isEditRequest ? 'Editando Grafo...' : 'Construyendo Nuevo Grafo...'}`, 'system');
-
-            // Si es edit, se pasa isEditRequest=true y currentBlueprint para que procese el diff
-            const result = await generateTimeline(input, prototypeBrand as any, 15, isEditRequest, currentBlueprint);
-
-            if (result === true) {
-                // Edit mode exitoso (Devuelve true porque el estado se parchó in-place)
-                addChatMessage({ type: 'text', sender: 'system', text: `Se ha modificado el grafo contextualmente según tus instrucciones.` });
-            } else if (result && result.keyframes && result.keyframes.length > 0) {
-                // Modo Creación: Saltamos al primer nodo del nuevo grafo
-                jumpToNode(result.keyframes[0].id);
-                addChatMessage({ type: 'text', sender: 'system', text: `Se ha creado un nuevo grafo.` });
-            } else {
-                addLog(`Fallo al generar el Blueprint con IA.`, 'error');
-            }
-            return; // Detenemos aquí
-        }
-
-        // 3. Semantic Match para enrutamiento (Navegación, UI Actions, MCPs) — only when intents ON
-        const matchResult = intentEnabled ? await semanticMatch(input, currentBlueprint) : null;
-
-        if (matchResult && matchResult !== "GENERATE" && typeof matchResult === "string") {
-            // Hizo match con un nodo existente localmente
-            jumpToNode(matchResult);
-
-        } else if (matchResult && typeof matchResult === "object" && matchResult.intent === "UI_ACTION") {
-            addLog(`🎨 UI_ACTION detectada. Montando artefacto: ${matchResult.artifact}`, 'system');
-
-            // 1. Guardamos el payload que envió Gemini en el Store Global
-            usePlaygroundStore.getState().setActiveArtifactData({
-                artifact: matchResult.artifact,
-                ...matchResult.payload
-            });
-
-            // 2. Bridge → MorphInstance (auto-abre canvas)
-            const uiInstanceId = `ui-${matchResult.artifact}-${Date.now()}`;
-            bridgeToMorph({
-                chatId: uiInstanceId,
-                shellType: 'nexusai-preview',
-                label: matchResult.artifact || 'Visualización',
-                data: { artifact: matchResult.artifact, ...matchResult.payload }
-            });
-
-            addChatMessage({ type: 'text', sender: 'agent', text: "He preparado la visualización solicitada en el panel derecho.", morphInstanceId: uiInstanceId });
-
-        } else if (matchResult && typeof matchResult === "object" && matchResult.intent === "MCP_ACTION") {
-            addLog(`Manejando intención MCP_ACTION: ${matchResult.tool}`, 'system');
-
-            useEngineStore.getState().dispatchEvent({
-                type: 'MCP_EXECUTION_REQUESTED',
-                payload: { tool: matchResult.tool, parameters: matchResult.parameters }
-            });
-
-            addChatMessage({ type: 'text', sender: 'system', text: `Ejecutando herramienta externa: ${matchResult.tool}` });
-
-        } else if (matchResult && typeof matchResult === "object" && matchResult.intent === "UI_COMPONENT") {
-            addLog(`🎨 UI_COMPONENT generado por IA: ${matchResult.name}`, 'system');
-
-            // 1. Save to UI Component Store
-            const componentId = `ai_${Date.now()}`;
-            useUIComponentStore.getState().addComponent({
-                id: componentId,
-                name: matchResult.name || 'AI Component',
-                category: matchResult.category || 'custom',
-                schema: matchResult.schema,
-                dataContract: { inputs: {}, outputs: {} },
-                tags: matchResult.tags || ['ai-generated'],
-                source: 'ai-generated',
-                createdAt: Date.now(),
-                updatedAt: Date.now()
-            });
-
-            // 2. Bridge → MorphInstance with artifact
-            bridgeToMorph({
-                chatId: `comp-${componentId}`,
-                shellType: 'nexusai-preview',
-                label: matchResult.name || 'AI Component',
-                data: { html: matchResult.schema, schema: matchResult.schema },
-                artifact: {
-                    id: componentId,
-                    name: matchResult.name || 'AI Component',
-                    data: { html: matchResult.schema, schema: matchResult.schema }
-                }
-            });
-
-            // 3. Render it immediately in chat via SafeLiquidUI
-            addChatMessage({
-                type: 'ui-artifact',
-                sender: 'agent',
-                text: `🎨 ${matchResult.name}`,
-                actorId: 'system',
-                uiSchema: JSON.stringify(matchResult.schema),
-                morphInstanceId: `comp-${componentId}`
-            });
-
-            addChatMessage({ type: 'text', sender: 'system', text: `Componente "${matchResult.name}" guardado en la biblioteca UI. Accede con /ui.`, morphInstanceId: `comp-${componentId}` });
-
-        } else {
-            // 3. Fallback: On the Fly Generation para un solo keyframe
-            addLog(`Intención reactiva detectada. Inventando nodo en vivo...`, 'system');
-            const newKf = await generateKeyframeOnTheFly(input, prototypeBrand as any, currentBlueprint);
-            if (newKf) {
-                jumpToNode(newKf.id);
-            } else {
-                addLog(`Fallo al generar morfología reactiva.`, 'error');
-            }
-        }
-    }, [currentBlueprint, prototypeBrand, semanticMatch, generateKeyframeOnTheFly, generateTimeline, jumpToNode, addLog, addChatMessage, emitEvent, isConnected]);
-
-    const handleGeneratePlayground = useCallback(async (eOrOverride?: React.FormEvent | string) => {
-        let promptOverride = typeof eOrOverride === 'string' ? eOrOverride : undefined;
-        if (eOrOverride && typeof (eOrOverride as React.FormEvent).preventDefault === 'function') {
-            (eOrOverride as React.FormEvent).preventDefault();
-        }
-
-        let currentInput = usePlaygroundStore.getState().inputValue;
-        const promptToUse = promptOverride || currentInput;
-
-        if (!promptToUse || typeof promptToUse !== 'string' || !promptToUse.trim()) return;
-
-        await handleUserCommand(promptToUse);
-        setInputValue("");
-
-    }, [handleUserCommand, setInputValue]);
-
-    return {
-        handleUserCommand,
-        handleGeneratePlayground,
-        isGenerating: isGenerating || isThinking
-    };
-};

package/src/hooks/usePluginEngine.ts

@@ -1,165 +0,0 @@
-import { useEffect } from 'react';
-import { ed25519 } from '@noble/curves/ed25519.js';
-import type { PluginRegistryEntry } from '@decido/plugin-engine';
-
-export interface UsePluginEngineOptions {
-    // 1. Module Federation Hooks
-    setRemote: (name: string, config: any) => void;
-    getRemote: (name: string, module: string) => Promise<any>;
-
-    // 2. Data
-    registry: PluginRegistryEntry[];
-    publicKeyB64?: string; // Optional, overrides the default Decido public key
-
-    // 3. Lifecycle Callbacks
-    onPluginLoaded: (manifest: any, name: string) => void;
-    onMCPServerDiscovered?: (serverConfig: any) => void;
-    onSecurityAlert?: (pluginName: string, reason: string) => void;
-    /** Called when a plugin registers sidebar menu items */
-    onSidebarItemsRegistered?: (pluginId: string, items: any[]) => void;
-}
-
-export const usePluginEngine = ({
-    setRemote,
-    getRemote,
-    registry,
-    publicKeyB64,
-    onPluginLoaded,
-    onMCPServerDiscovered,
-    onSecurityAlert,
-    onSidebarItemsRegistered
-}: UsePluginEngineOptions) => {
-    useEffect(() => {
-        const loadDynamicPlugin = async (remoteName: string, url: string, exposedModule: string, expectedSignature?: string) => {
-            try {
-                if (expectedSignature && expectedSignature !== 'offline_or_invalid_signature') {
-                    console.info(`🔒 [Security] Verifying Cryptographic Signature for ${remoteName}...`);
-                    try {
-                        const response = await fetch(url);
-                        if (!response.ok) throw new Error("Could not fetch remote bundle for verification");
-                        const scriptText = await response.text();
-
-                        if (!publicKeyB64) {
-                            console.error(`🚨 [Security Breach] No public key provided to verify ${remoteName}. Halting execution.`);
-                            if (onSecurityAlert) onSecurityAlert(remoteName, "El host no proveyó una llave pública para verificar la firma criptográfica.");
-                            return;
-                        }
-
-                        const pubKeyBuf = Uint8Array.from(atob(publicKeyB64), c => c.charCodeAt(0)).slice(12);
-                        const sigBuf = Uint8Array.from(atob(expectedSignature), c => c.charCodeAt(0));
-                        const msgBuf = new TextEncoder().encode(scriptText);
-
-                        const isValid = ed25519.verify(sigBuf, msgBuf, pubKeyBuf);
-                        if (!isValid) {
-                            console.error(`🚨 [Security Breach] Invalid signature for ${remoteName}. Halting execution.`);
-                            if (onSecurityAlert) onSecurityAlert(remoteName, "El plugin ha sido modificado en tránsito o no tiene firma válida.");
-                            return;
-                        }
-                        console.info(`✅ [Security] Signature verified for ${remoteName}. Secure to execute.`);
-                    } catch (secErr) {
-                        console.error(`🚨 [Security] Failed to verify signature for ${remoteName}:`, secErr);
-                        if (onSecurityAlert) onSecurityAlert(remoteName, "Fallo al verificar firma criptográfica.");
-                        return;
-                    }
-                } else {
-                    console.debug(`[Security] Loaded ${remoteName} without a cryptographic signature (Local Dev Mode).`);
-                }
-
-                setRemote(remoteName, {
-                    url: () => Promise.resolve(`${url}?t=${Date.now()}`),
-                    format: 'esm',
-                    from: 'vite'
-                });
-
-                const extractRemote = async (factory: any): Promise<any> => {
-                    const r = factory && typeof factory === 'object' && 'default' in factory
-                        ? factory.default
-                        : factory;
-                    return r;
-                };
-
-                const setupCortex = (manifest: any, name: string) => {
-                    if (manifest && manifest.widgets) {
-                        console.info(`🔥 [Federation Marketplace] Registering Cortex: ${name} with ${manifest.widgets.length} widgets`);
-
-                        manifest.widgets = manifest.widgets.map((w: any) => {
-                            let actualComponent = w.component;
-                            if (actualComponent && typeof actualComponent === 'object' && !actualComponent.$$typeof) {
-                                try {
-                                    const keys = Object.keys(actualComponent);
-                                    if (keys.length > 0 && typeof actualComponent[keys[0]] === 'function') {
-                                        actualComponent = actualComponent[keys[0]];
-                                    } else if (actualComponent.default) {
-                                        actualComponent = actualComponent.default;
-                                    }
-                                } catch (e) {
-                                    console.warn(`[Federation Marketplace] TDZ / Getter Exception unpacking component for ${w.name}:`, e);
-                                }
-                            }
-                            return { ...w, component: actualComponent };
-                        });
-
-                        onPluginLoaded(manifest, name);
-
-                        if (manifest.mcp_servers && Array.isArray(manifest.mcp_servers)) {
-                            console.info(`🔌 [Dynamic MCP] Discovered ${manifest.mcp_servers.length} MCP Servers in ${name}.`);
-                            if (onMCPServerDiscovered) {
-                                manifest.mcp_servers.forEach((server: any) => {
-                                    onMCPServerDiscovered(server);
-                                });
-                            }
-                        }
-
-                        // Process sidebar items
-                        if (manifest.sidebarItems && Array.isArray(manifest.sidebarItems) && onSidebarItemsRegistered) {
-                            console.info(`📌 [Sidebar] ${name} registered ${manifest.sidebarItems.length} sidebar items`);
-                            onSidebarItemsRegistered(manifest.id || name, manifest.sidebarItems);
-                        }
-                    } else {
-                        console.warn(`⚠️ [Federation Marketplace] Manifest ${name} is invalid or has no widgets`, manifest);
-                    }
-                };
-
-                const attemptLoad = async (retries: number) => {
-                    try {
-                        const moduleFactory = await getRemote(remoteName, exposedModule);
-                        const remote = await extractRemote(moduleFactory);
-
-                        if (remote.id && remote.widgets) {
-                            console.log(`[Plugin Injector] Setup Root Cortex: ${remote.name}`);
-                            setupCortex(remote, remote.name);
-                        } else if (remote.default && remote.default.id && remote.default.widgets) {
-                            console.log(`[Plugin Injector] Setup Default Cortex: ${remote.default.name}`);
-                            setupCortex(remote.default, remote.default.name);
-                        } else {
-                            console.warn("[Plugin Injector] No raw CORTEX structure found at root, checking legacy namespaces...");
-                            if (remote.PlantaErpPlugin) setupCortex(remote.PlantaErpPlugin, 'PlantaErpPlugin');
-                            if (remote.FrubealaUiPlugin) setupCortex(remote.FrubealaUiPlugin, 'FrubealaUiPlugin');
-                            if (remote.ForgeCortex) setupCortex(remote.ForgeCortex, 'ForgeCortex');
-                            if (remote.CommanderCortex) setupCortex(remote.CommanderCortex, 'CommanderCortex');
-                            if (remote.BridgeCortex) setupCortex(remote.BridgeCortex, 'BridgeCortex');
-                        }
-                    } catch (err: any) {
-                        if (err instanceof ReferenceError && retries > 0) {
-                            console.warn(`⏳ [Plugin Engine] TDZ ReferenceError dynamically loading ${remoteName}, waiting 100ms... (${retries} left)`);
-                            await new Promise(res => setTimeout(res, 100));
-                            await attemptLoad(retries - 1);
-                        } else {
-                            console.error(`❌ [Federation Marketplace] Could not load Remote ${remoteName} from ${url}:`, err);
-                        }
-                    }
-                };
-
-                await attemptLoad(10);
-            } catch (err) {
-                console.error(`❌ [Federation Marketplace] execution error resolving Remote ${remoteName} from ${url}:`, err);
-            }
-        };
-
-        for (const entry of registry) {
-            if (entry.enabled && entry.url && entry.exposedModule) {
-                loadDynamicPlugin(entry.name, entry.url, entry.exposedModule, entry.signature);
-            }
-        }
-    }, [registry, setRemote, getRemote, publicKeyB64, onPluginLoaded, onMCPServerDiscovered, onSecurityAlert, onSidebarItemsRegistered]);
-};