@decido/shell-vscode-core 1.0.0 → 4.0.1

package/dist/ui/debug-panel/renderer.js

@@ -1,181 +0,0 @@
-import { createEffect } from '../../core/signals.js';
-import { consoleLogs, consoleFilter, networkLogs, networkFilter, eventLogs, performanceLogs, fpsCounter, capitalize } from './state.js';
-import * as appState from '../../appState.js';
-import * as uiState from '../../core/uiState.js';
-import { formatLogMessage, getLogIcon } from './utils.js';
-import { renderStateTree } from './stateEditor.js';
-// ===================================================================
-// Funciones de Vista Puras (Generan HTML, no tocan el DOM)
-// ===================================================================
-function createConsoleViewHTML(logs, settings) {
-    return logs.map(log => `
-        <div class="log-entry log-level-${log.type}" data-log-id="${log.id}">
-            ${settings.showTimestamps ? `<span class="log-time">${log.timestamp.toLocaleTimeString()}</span>` : ''}
-            <span class="log-type-icon">${getLogIcon(log.type)}</span>
-            <div class="log-content">
-                <div class="log-message">${formatLogMessage(log.message)}</div>
-                ${log.stack ? `<div class="log-stack">${log.stack}</div>` : ''}
-            </div>
-        </div>
-    `).join('');
-}
-function createNetworkViewHTML(logs, settings) {
-    return logs.map(log => `
-        <div class="log-entry network-entry ${log.status >= 400 ? 'error' : 'success'}" data-log-id="${log.id}">
-             ${settings.showTimestamps ? `<span class="log-time">${log.timestamp.toLocaleTimeString()}</span>` : ''}
-            <span class="network-status status-${Math.floor(log.status / 100)}xx">${log.status || 'ERR'}</span>
-            <span class="network-method">${log.method}</span>
-            <span class="network-duration">${log.duration.toFixed(0)}ms</span>
-            <div class="network-url">${log.url}</div>
-            ${log.error ? `<div class="network-error">${log.error}</div>` : ''}
-        </div>
-    `).join('');
-}
-function createEventsViewHTML(logs, settings) {
-    if (logs.length === 0) {
-        return '<div class="placeholder">No events have occurred yet.</div>';
-    }
-    return logs.map(log => `
-        <div class="log-entry event-entry event-${log.direction}">
-            ${settings.showTimestamps ? `<span class="log-time">${log.timestamp.toLocaleTimeString()}</span>` : ''}
-            <span class="event-direction">${log.direction === 'emitted' ? '📤' : '📥'}</span>
-            <span class="event-name">${log.name}</span>
-            <div class="event-data">${log.data ? JSON.stringify(log.data, null, 2) : 'No data'}</div>
-        </div>
-    `).join('');
-}
-function createPerformanceViewHTML(logs, settings) {
-    return logs.map(log => `
-        <div class="log-entry performance-entry" data-log-id="${log.id}">
-            ${settings.showTimestamps ? `<span class="log-time">${log.timestamp.toLocaleTimeString()}</span>` : ''}
-            <span class="performance-type type-${log.type}">${log.type.toUpperCase()}</span>
-            <span class="performance-duration">${log.duration.toFixed(2)}ms</span>
-            <div class="performance-name">${log.name}</div>
-        </div>
-    `).join('');
-}
-// ===================================================================
-// Función Principal para Configurar la Reactividad del Panel
-// ===================================================================
-export function setupPanelRenderEffects(panelId, settingsSignal) {
-    const [settings] = settingsSignal;
-    const panelEl = document.getElementById(`debug-panel-${panelId}`);
-    if (!panelEl)
-        return;
-    // --- Efecto para la pestaña de Consola ---
-    createEffect(() => {
-        const currentLogs = consoleLogs();
-        const currentFilter = consoleFilter();
-        const currentSettings = settings();
-        const filteredLogs = currentLogs.filter(log => currentFilter.has(log.type));
-        const viewHTML = createConsoleViewHTML(filteredLogs, currentSettings);
-        const container = panelEl.querySelector(`#debug-panel-${panelId}-console .console-logs`);
-        if (container) {
-            container.innerHTML = viewHTML;
-            if (currentSettings.autoScroll) {
-                container.scrollTop = container.scrollHeight;
-            }
-        }
-    });
-    // --- Efecto para la pestaña de Red ---
-    createEffect(() => {
-        const currentLogs = networkLogs();
-        const currentFilter = networkFilter();
-        const currentSettings = settings();
-        const filteredLogs = currentLogs.filter(log => log.url.toLowerCase().includes(currentFilter.toLowerCase()));
-        const viewHTML = createNetworkViewHTML(filteredLogs, currentSettings);
-        const container = panelEl.querySelector(`#debug-panel-${panelId}-network .network-logs`);
-        if (container) {
-            container.innerHTML = viewHTML;
-            if (currentSettings.autoScroll) {
-                container.scrollTop = container.scrollHeight;
-            }
-        }
-    });
-    // --- Efecto para la pestaña de Eventos ---
-    createEffect(() => {
-        const currentLogs = eventLogs();
-        const currentSettings = settings();
-        const viewHTML = createEventsViewHTML(currentLogs, currentSettings);
-        const container = panelEl.querySelector(`#debug-panel-${panelId}-events .events-log`);
-        if (container) {
-            container.innerHTML = viewHTML;
-            if (currentSettings.autoScroll) {
-                container.scrollTop = container.scrollHeight;
-            }
-        }
-    });
-    // --- Efecto para la pestaña de Performance ---
-    createEffect(() => {
-        const currentLogs = performanceLogs();
-        const currentSettings = settings();
-        const viewHTML = createPerformanceViewHTML(currentLogs, currentSettings);
-        const container = panelEl.querySelector(`#debug-panel-${panelId}-performance .performance-logs`);
-        if (container) {
-            container.innerHTML = viewHTML;
-            if (currentSettings.autoScroll) {
-                container.scrollTop = container.scrollHeight;
-            }
-        }
-    });
-    // --- Efecto para las estadísticas de Performance (FPS, Memoria, etc.) ---
-    createEffect(() => {
-        // Depende de fpsCounter para re-renderizarse
-        const currentFps = fpsCounter().fps;
-        // Actualiza el DOM directamente para estas estadísticas de alta frecuencia
-        const memoryEl = panelEl.querySelector(`#memory-usage-${panelId}`);
-        if (memoryEl && 'memory' in performance) {
-            const memory = performance.memory;
-            memoryEl.textContent = (memory.usedJSHeapSize / 1024 / 1024).toFixed(1);
-        }
-        const domNodesEl = panelEl.querySelector(`#dom-nodes-${panelId}`);
-        if (domNodesEl) {
-            domNodesEl.textContent = document.querySelectorAll('*').length.toString();
-        }
-        const fpsEl = panelEl.querySelector(`#fps-${panelId}`);
-        if (fpsEl) {
-            fpsEl.textContent = currentFps.toString();
-        }
-    });
-    // --- Efecto para la pestaña de Estado (State) ---
-    // NOTA: Este efecto es más complejo porque depende del estado de toda tu aplicación.
-    // Deberás asegurarte de que `appState` y `uiState` sean reactivos si quieres que esta
-    // pestaña se actualice automáticamente.
-    createEffect(() => {
-        const container = panelEl.querySelector(`#debug-panel-${panelId}-state .state-tree`);
-        if (!container)
-            return;
-        // 1. Define qué hacer cuando un valor del estado cambie
-        const handleStateChange = (path, newValue) => {
-            console.log('State change requested:', { path, newValue });
-            // Aquí iría tu lógica para llamar a los setters de appState o uiState
-            const stateModule = path[0] === 'App' ? appState : uiState;
-            const setterName = `set${capitalize(path[1])}`;
-            if (typeof stateModule[setterName] === 'function') {
-                stateModule[setterName](newValue);
-            }
-        };
-        try {
-            // Este bloque se re-ejecutará si los signals dentro de appState/uiState cambian.
-            const fullState = {
-                App: {
-                    ...Object.fromEntries(Object
-                        .entries(appState)
-                        .filter(([, fn]) => typeof fn === 'function' &&
-                        fn.length === 0 // solo getters sin argumentos
-                    )
-                        //@ts-ignore
-                        .map(([key, get]) => [key, get()]))
-                },
-                UI: {
-                    ...Object.fromEntries(Object.entries(uiState).map(([key, signalTuple]) => [key, signalTuple[0]()]))
-                }
-            };
-            // 3. Llama a la función de renderizado desacoplada
-            renderStateTree(fullState, container, settings(), handleStateChange);
-        }
-        catch (error) {
-            container.innerHTML = `<div class="error">Error rendering state: ${error}</div>`;
-        }
-    });
-}

package/dist/ui/debug-panel/services.d.ts

@@ -1,4 +0,0 @@
-export declare function setupInterceptors(): void;
-export declare function startPerformanceMonitoring(): void;
-export declare function startFPSCounter(): void;
-//# sourceMappingURL=services.d.ts.map

package/dist/ui/debug-panel/services.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"services.d.ts","sourceRoot":"","sources":["../../../src/ui/debug-panel/services.ts"],"names":[],"mappings":"AAiBA,wBAAgB,iBAAiB,IAAI,IAAI,CAIxC;AAiFD,wBAAgB,0BAA0B,IAAI,IAAI,CAqBjD;AAGD,wBAAgB,eAAe,IAAI,IAAI,CAqBtC"}

package/dist/ui/debug-panel/services.js

@@ -1,134 +0,0 @@
-import { originalMethods, generateId, setConsoleLogs, setNetworkLogs, setPerformanceLogs, setPerformanceObserver, setFpsCounter, consoleLogs, networkLogs, performanceLogs, performanceObserver, fpsCounter } from './state.js';
-// import { DebugPanel } from './main.js';
-export function setupInterceptors() {
-    interceptConsole();
-    interceptFetch();
-    interceptErrors();
-}
-function interceptConsole() {
-    ['log', 'info', 'warn', 'error'].forEach(level => {
-        window.console[level] = (...args) => {
-            const log = {
-                id: generateId(),
-                type: level,
-                timestamp: new Date(),
-                message: args,
-                stack: level === 'error' ? new Error().stack : undefined
-            };
-            setConsoleLogs([...consoleLogs(), log]);
-            originalMethods.console[level](...args);
-        };
-    });
-}
-function interceptFetch() {
-    window.fetch = async (input, init) => {
-        const startTime = performance.now();
-        const url = input instanceof Request ? input.url : input.toString();
-        const method = init?.method || 'GET';
-        try {
-            const response = await originalMethods.fetch(input, init);
-            const duration = performance.now() - startTime;
-            const log = {
-                id: generateId(),
-                url,
-                method,
-                status: response.status,
-                timestamp: new Date(),
-                duration,
-                size: getResponseSize(response)
-            };
-            setNetworkLogs([...networkLogs(), log]);
-            return response;
-        }
-        catch (error) {
-            const duration = performance.now() - startTime;
-            const log = {
-                id: generateId(),
-                url,
-                method,
-                status: 0,
-                timestamp: new Date(),
-                duration,
-                error: error instanceof Error ? error.message : 'Unknown error'
-            };
-            setNetworkLogs([...networkLogs(), log]);
-            throw error;
-        }
-    };
-}
-function interceptErrors() {
-    window.addEventListener('error', (event) => {
-        const log = {
-            id: generateId(),
-            type: 'error',
-            timestamp: new Date(),
-            message: [`${event.filename}:${event.lineno}:${event.colno}`, event.message],
-            stack: event.error?.stack
-        };
-        setConsoleLogs([...consoleLogs(), log]);
-    });
-    window.addEventListener('unhandledrejection', (event) => {
-        const log = {
-            id: generateId(),
-            type: 'error',
-            timestamp: new Date(),
-            message: ['Unhandled Promise Rejection:', event.reason],
-            stack: event.reason?.stack
-        };
-        setConsoleLogs([...consoleLogs(), log]);
-    });
-}
-export function startPerformanceMonitoring() {
-    if ('PerformanceObserver' in window) {
-        setPerformanceObserver(new PerformanceObserver((list) => {
-            list.getEntries().forEach((entry) => {
-                const log = {
-                    id: generateId(),
-                    name: entry.name,
-                    duration: entry.duration,
-                    timestamp: new Date(entry.startTime),
-                    type: getPerformanceType(entry.entryType)
-                };
-                setPerformanceLogs([...performanceLogs(), log]);
-            });
-        }));
-        try {
-            performanceObserver()?.observe({ entryTypes: ['navigation', 'resource', 'measure', 'mark'] });
-        }
-        catch (e) {
-            console.warn('Performance monitoring not fully supported');
-        }
-    }
-}
-// services.ts (startFPSCounter CORREGIDO)
-export function startFPSCounter() {
-    const updateFPS = () => {
-        const now = performance.now();
-        const previousCounter = fpsCounter(); // Lee el estado una vez
-        // Crea un objeto nuevo con el frame incrementado
-        const newCounter = { ...previousCounter, frames: previousCounter.frames + 1 };
-        if (now >= previousCounter.lastTime + 1000) {
-            // Si es tiempo de actualizar el FPS, calcula y actualiza el resto de las propiedades
-            newCounter.fps = Math.round((newCounter.frames * 1000) / (now - previousCounter.lastTime));
-            newCounter.frames = 0;
-            newCounter.lastTime = now;
-        }
-        // Llama al setter con el nuevo objeto de estado
-        setFpsCounter(newCounter);
-        requestAnimationFrame(updateFPS);
-    };
-    requestAnimationFrame(updateFPS);
-}
-function getResponseSize(response) {
-    const contentLength = response.headers.get('content-length');
-    return contentLength ? parseInt(contentLength) : undefined;
-}
-function getPerformanceType(entryType) {
-    switch (entryType) {
-        case 'navigation': return 'navigation';
-        case 'resource': return 'resource';
-        case 'measure': return 'measure';
-        case 'mark': return 'mark';
-        default: return 'measure';
-    }
-}

package/dist/ui/debug-panel/settings.d.ts

@@ -1,5 +0,0 @@
-import { DebugSettings } from './types.js';
-export declare const DEFAULT_SETTINGS: DebugSettings;
-export declare function loadSettings(): DebugSettings;
-export declare function saveSettings(settings: DebugSettings): void;
-//# sourceMappingURL=settings.d.ts.map

package/dist/ui/debug-panel/settings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"settings.d.ts","sourceRoot":"","sources":["../../../src/ui/debug-panel/settings.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAE3C,eAAO,MAAM,gBAAgB,EAAE,aAkB9B,CAAC;AAEF,wBAAgB,YAAY,IAAI,aAAa,CAW5C;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,aAAa,GAAG,IAAI,CAE1D"}

package/dist/ui/debug-panel/settings.js

@@ -1,35 +0,0 @@
-export const DEFAULT_SETTINGS = {
-    maxLogs: 1000,
-    autoScroll: true,
-    showTimestamps: true,
-    position: 'floating',
-    isMinimized: false,
-    layout: 'single',
-    panels: [{
-            id: 'main',
-            activeTab: 'state',
-            position: { x: 50, y: 50 },
-            size: { width: 800, height: 600 },
-            isMinimized: false,
-            zIndex: 1000
-        }],
-    enableStateEditing: true,
-    autoSaveState: false,
-    theme: 'dark'
-};
-export function loadSettings() {
-    const saved = localStorage.getItem('debugPanel:settings');
-    if (saved) {
-        try {
-            const parsed = JSON.parse(saved);
-            return { ...DEFAULT_SETTINGS, ...parsed };
-        }
-        catch (e) {
-            console.warn('Failed to load debug panel settings');
-        }
-    }
-    return DEFAULT_SETTINGS;
-}
-export function saveSettings(settings) {
-    localStorage.setItem('debugPanel:settings', JSON.stringify(settings));
-}

package/dist/ui/debug-panel/state.d.ts

@@ -1,128 +0,0 @@
-import { ConsoleLog, NetworkLog, PerformanceLog, EventLog, LogLevel, StateEditContext } from './types.js';
-export declare const consoleLogs: () => ConsoleLog[], setConsoleLogs: import("../../core/signals.js").Setter<ConsoleLog[]>;
-export declare const networkLogs: () => NetworkLog[], setNetworkLogs: import("../../core/signals.js").Setter<NetworkLog[]>;
-export declare const performanceLogs: () => PerformanceLog[], setPerformanceLogs: import("../../core/signals.js").Setter<PerformanceLog[]>;
-export declare const eventLogs: () => EventLog[], setEventLogs: import("../../core/signals.js").Setter<EventLog[]>;
-export declare const consoleFilter: () => Set<LogLevel>, setConsoleFilter: import("../../core/signals.js").Setter<Set<LogLevel>>;
-export declare const networkFilter: () => string, setNetworkFilter: import("../../core/signals.js").Setter<string>;
-export declare const performanceFilter: () => string, setPerformanceFilter: import("../../core/signals.js").Setter<string>;
-export declare const eventsFilter: () => string, setEventsFilter: import("../../core/signals.js").Setter<string>;
-export declare const dragState: () => {
-    isDragging: boolean;
-    activePanel: string | undefined;
-    startPos: {
-        x: number;
-        y: number;
-    };
-    startPanelPos: {
-        x: number;
-        y: number;
-    };
-}, setDragState: import("../../core/signals.js").Setter<{
-    isDragging: boolean;
-    activePanel: string | undefined;
-    startPos: {
-        x: number;
-        y: number;
-    };
-    startPanelPos: {
-        x: number;
-        y: number;
-    };
-}>;
-export declare const resizeState: () => {
-    isResizing: boolean;
-    activePanel: string | undefined;
-    startPos: {
-        x: number;
-        y: number;
-    };
-    startSize: {
-        width: number;
-        height: number;
-    };
-    startPanelPos: {
-        x: number;
-        y: number;
-    };
-    handle: string | undefined;
-}, setResizeState: import("../../core/signals.js").Setter<{
-    isResizing: boolean;
-    activePanel: string | undefined;
-    startPos: {
-        x: number;
-        y: number;
-    };
-    startSize: {
-        width: number;
-        height: number;
-    };
-    startPanelPos: {
-        x: number;
-        y: number;
-    };
-    handle: string | undefined;
-}>;
-export declare const highestZIndex: () => number, setHighestZIndex: import("../../core/signals.js").Setter<number>;
-export declare const stateEditContext: () => StateEditContext | null, setStateEditContext: import("../../core/signals.js").Setter<StateEditContext | null>;
-export declare const fpsCounter: () => {
-    frames: number;
-    lastTime: number;
-    fps: number;
-}, setFpsCounter: import("../../core/signals.js").Setter<{
-    frames: number;
-    lastTime: number;
-    fps: number;
-}>;
-export declare const performanceObserver: () => PerformanceObserver | undefined, setPerformanceObserver: import("../../core/signals.js").Setter<PerformanceObserver | undefined>;
-export declare const originalMethods: {
-    console: {
-        assert(condition?: boolean, ...data: any[]): void;
-        assert(value: any, message?: string, ...optionalParams: any[]): void;
-        clear(): void;
-        clear(): void;
-        count(label?: string): void;
-        count(label?: string): void;
-        countReset(label?: string): void;
-        countReset(label?: string): void;
-        debug(...data: any[]): void;
-        debug(message?: any, ...optionalParams: any[]): void;
-        dir(item?: any, options?: any): void;
-        dir(obj: any, options?: import("util").InspectOptions): void;
-        dirxml(...data: any[]): void;
-        dirxml(...data: any[]): void;
-        error(...data: any[]): void;
-        error(message?: any, ...optionalParams: any[]): void;
-        group(...data: any[]): void;
-        group(...label: any[]): void;
-        groupCollapsed(...data: any[]): void;
-        groupCollapsed(...label: any[]): void;
-        groupEnd(): void;
-        groupEnd(): void;
-        info(...data: any[]): void;
-        info(message?: any, ...optionalParams: any[]): void;
-        log(...data: any[]): void;
-        log(message?: any, ...optionalParams: any[]): void;
-        table(tabularData?: any, properties?: string[]): void;
-        table(tabularData: any, properties?: readonly string[]): void;
-        time(label?: string): void;
-        time(label?: string): void;
-        timeEnd(label?: string): void;
-        timeEnd(label?: string): void;
-        timeLog(label?: string, ...data: any[]): void;
-        timeLog(label?: string, ...data: any[]): void;
-        timeStamp(label?: string): void;
-        timeStamp(label?: string): void;
-        trace(...data: any[]): void;
-        trace(message?: any, ...optionalParams: any[]): void;
-        warn(...data: any[]): void;
-        warn(message?: any, ...optionalParams: any[]): void;
-        Console: console.ConsoleConstructor;
-        profile(label?: string): void;
-        profileEnd(label?: string): void;
-    };
-    fetch: ((input: RequestInfo | URL, init?: RequestInit) => Promise<Response>) & typeof fetch;
-};
-export declare function generateId(): string;
-export declare function capitalize(str: string): string;
-//# sourceMappingURL=state.d.ts.map

package/dist/ui/debug-panel/state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"state.d.ts","sourceRoot":"","sources":["../../../src/ui/debug-panel/state.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAG1G,eAAO,MAAO,WAAW,sBAAE,cAAc,sDAAkC,CAAC;AAC5E,eAAO,MAAO,WAAW,sBAAE,cAAc,sDAAkC,CAAC;AAC5E,eAAO,MAAO,eAAe,0BAAE,kBAAkB,0DAAsC,CAAC;AACxF,eAAO,MAAO,SAAS,oBAAE,YAAY,oDAAgC,CAAC;AAGtE,eAAO,MAAO,aAAa,uBAAE,gBAAgB,uDAAqE,CAAC;AACnH,eAAO,MAAO,aAAa,gBAAE,gBAAgB,gDAAoB,CAAC;AAClE,eAAO,MAAO,iBAAiB,gBAAE,oBAAoB,gDAAoB,CAAC;AAC1E,eAAO,MAAO,YAAY,gBAAE,eAAe,gDAAoB,CAAC;AAGhE,eAAO,MAAO,SAAS;;iBAEO,MAAM,GAAG,SAAS;;;;;;;;;GAFvB,YAAY;;iBAEP,MAAM,GAAG,SAAS;;;;;;;;;EAG9C,CAAC;AAEH,eAAO,MAAO,WAAW;;iBAEK,MAAM,GAAG,SAAS;;;;;;;;;;;;;YAIvB,MAAM,GAAG,SAAS;GANhB,cAAc;;iBAEX,MAAM,GAAG,SAAS;;;;;;;;;;;;;YAIvB,MAAM,GAAG,SAAS;EACzC,CAAC;AAEH,eAAO,MAAO,aAAa,gBAAE,gBAAgB,gDAAsB,CAAC;AACpE,eAAO,MAAO,gBAAgB,iCAAE,mBAAmB,iEAA+C,CAAC;AACnG,eAAO,MAAO,UAAU;;;;GAAE,aAAa;;;;EAAoD,CAAC;AAC5F,eAAO,MAAO,mBAAmB,yCAAE,sBAAsB,yEAA4D,CAAC;AAItH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAG3B,CAAC;AAGF,wBAAgB,UAAU,IAAI,MAAM,CAEnC;AAED,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAE9C"}

package/dist/ui/debug-panel/state.js

@@ -1,42 +0,0 @@
-import { createSignal } from '../../core/signals.js';
-// Logs
-export const [consoleLogs, setConsoleLogs] = createSignal([]);
-export const [networkLogs, setNetworkLogs] = createSignal([]);
-export const [performanceLogs, setPerformanceLogs] = createSignal([]);
-export const [eventLogs, setEventLogs] = createSignal([]);
-// Filters
-export const [consoleFilter, setConsoleFilter] = createSignal(new Set(['log', 'info', 'warn', 'error']));
-export const [networkFilter, setNetworkFilter] = createSignal('');
-export const [performanceFilter, setPerformanceFilter] = createSignal('');
-export const [eventsFilter, setEventsFilter] = createSignal('');
-// UI State
-export const [dragState, setDragState] = createSignal({
-    isDragging: false,
-    activePanel: undefined,
-    startPos: { x: 0, y: 0 },
-    startPanelPos: { x: 0, y: 0 }
-});
-export const [resizeState, setResizeState] = createSignal({
-    isResizing: false,
-    activePanel: undefined,
-    startPos: { x: 0, y: 0 },
-    startSize: { width: 0, height: 0 },
-    startPanelPos: { x: 0, y: 0 },
-    handle: undefined
-});
-export const [highestZIndex, setHighestZIndex] = createSignal(1000);
-export const [stateEditContext, setStateEditContext] = createSignal(null);
-export const [fpsCounter, setFpsCounter] = createSignal({ frames: 0, lastTime: 0, fps: 0 });
-export const [performanceObserver, setPerformanceObserver] = createSignal(undefined);
-// Static original methods
-export const originalMethods = {
-    console: { ...window.console },
-    fetch: window.fetch.bind(window)
-};
-// Helper functions
-export function generateId() {
-    return `log_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`;
-}
-export function capitalize(str) {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-}

package/dist/ui/debug-panel/stateEditor.d.ts

@@ -1,9 +0,0 @@
-import { DebugSettings } from './types.js';
-export type StateChangeCallback = (path: string[], newValue: any) => void;
-/**
- * Función principal y recursiva que construye el árbol de estado en el DOM.
- * Ya no depende de `DebugPanel`, recibe las dependencias que necesita.
- */
-export declare function renderStateTree(data: any, container: HTMLElement, settings: DebugSettings, onStateChange: StateChangeCallback, path?: string[]): void;
-export declare function cancelEditing(): void;
-//# sourceMappingURL=stateEditor.d.ts.map

package/dist/ui/debug-panel/stateEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stateEditor.d.ts","sourceRoot":"","sources":["../../../src/ui/debug-panel/stateEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAK3C,MAAM,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;AAM1E;;;GAGG;AACH,wBAAgB,eAAe,CAC3B,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,aAAa,EACvB,aAAa,EAAE,mBAAmB,EAClC,IAAI,GAAE,MAAM,EAAO,GACpB,IAAI,CA0DN;AAuGD,wBAAgB,aAAa,IAAI,IAAI,CAKpC"}