@decido/shell-vscode-core 1.0.0

package/dist/core/HookService.js

@@ -0,0 +1,64 @@
+/**
+ * Gestiona el registro y la ejecución de hooks de ciclo de vida de forma
+ * segura, asíncrona y desacoplada.
+ */
+export class HookService {
+    hooks = new Map();
+    /**
+     * Registra un callback para un hook y devuelve una función para desregistrarlo.
+     * @param hookName El nombre del hook al que suscribirse.
+     * @param callback La función a ejecutar cuando el hook se dispare.
+     * @returns Una función que, al llamarla, desuscribe el callback.
+     */
+    on(hookName, callback) {
+        if (!this.hooks.has(hookName)) {
+            this.hooks.set(hookName, []);
+        }
+        this.hooks.get(hookName).push(callback);
+        // Devolvemos una función "disposer" para una fácil limpieza.
+        return () => this.off(hookName, callback);
+    }
+    /**
+     * Alias para el método `on`.
+     */
+    register(hookName, callback) {
+        return this.on(hookName, callback);
+    }
+    /**
+     * Elimina un callback previamente registrado para un hook.
+     * @param hookName El nombre del hook.
+     * @param callbackToRemove La instancia exacta del callback a eliminar.
+     */
+    off(hookName, callbackToRemove) {
+        const callbacks = this.hooks.get(hookName);
+        if (!callbacks)
+            return;
+        const updatedCallbacks = callbacks.filter(cb => cb !== callbackToRemove);
+        if (updatedCallbacks.length > 0) {
+            this.hooks.set(hookName, updatedCallbacks);
+        }
+        else {
+            this.hooks.delete(hookName);
+        }
+    }
+    /**
+     * Dispara un hook, ejecutando todos los callbacks registrados para él.
+     * @param hookName El nombre del hook a disparar.
+     * @param data Los datos a pasar a los callbacks.
+     */
+    async trigger(hookName, data) {
+        const callbacks = this.hooks.get(hookName);
+        if (!callbacks || callbacks.length === 0)
+            return;
+        console.log(`🪝 Disparando hook: ${hookName}`, data);
+        // Hacemos una copia para evitar problemas si un callback desregistra a otro
+        for (const callback of [...callbacks]) {
+            try {
+                await Promise.resolve(callback(data));
+            }
+            catch (error) {
+                console.error(`Error en un callback del hook '${hookName}':`, error);
+            }
+        }
+    }
+}

package/dist/core/LayoutService.d.ts

@@ -0,0 +1,61 @@
+import { IPlatformAPI } from './api';
+import { ILayoutService } from '../platform/ILayoutService';
+import { Signal } from './signals';
+export declare class LayoutService implements ILayoutService {
+    api: IPlatformAPI;
+    state: {
+        activeActivityId: Signal<string>;
+        isSidebarVisible: Signal<boolean>;
+        isSidebarRightVisible: Signal<boolean>;
+        isPanelVisible: Signal<boolean>;
+        activePanelId: Signal<string>;
+        activeSidebarRightId: Signal<string>;
+        panelHeight: Signal<number>;
+        sidebarWidth: Signal<number>;
+        sidebarRightWidth: Signal<number>;
+    };
+    dom: {
+        appGrid: HTMLElement | null;
+        mainContent: HTMLElement | null;
+        activityBar: HTMLElement | null;
+        sidebarContainer: HTMLElement | null;
+        sidebarRightContainer: HTMLElement | null;
+        panelContainer: HTMLElement | null;
+        panelResizeHandle: HTMLElement | null;
+        sidebarResizeHandle: HTMLElement | null;
+        sidebarRightResizeHandle: HTMLElement | null;
+        statusBarContainer: HTMLElement | null;
+        topBar: HTMLElement | null;
+    };
+    openTab: () => void;
+    closeTab: () => void;
+    setActiveTab: () => void;
+    setActivePane: () => void;
+    splitPane: () => void;
+    closePane: () => void;
+    renderMainContent: () => void;
+    renderActivityBar: () => void;
+    renderSidebar: () => void;
+    renderSidebarRight: () => void;
+    renderPanel: () => void;
+    renderStatusBar: () => void;
+    renderTopBar: () => void;
+    attachVerticalResizeHandler: () => void;
+    attachHorizontalResizeHandler: () => void;
+    handleResizeMouseMove: () => void;
+    handleResizeMouseUp: () => void;
+    registerActivityBarItem: (item: any) => void;
+    registerSidebarView: (view: any) => void;
+    registerSidebarRightView: (view: any) => void;
+    registerMainView: (view: any) => void;
+    registerPanelView: (view: any) => void;
+    registerStatusBarItem: (item: any) => void;
+    registerTopBarItem: (item: any) => void;
+    listenToEvents(): void;
+    initLayout(appContainer: HTMLElement): void;
+    activateEffects(): void;
+    initCommands(): void;
+    renderComponent(tag: string, options?: any): void;
+    _toggleUserMenu: (e: Event) => void;
+}
+//# sourceMappingURL=LayoutService.d.ts.map

package/dist/core/LayoutService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutService.d.ts","sourceRoot":"","sources":["../../src/core/LayoutService.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAA8B,MAAM,EAAE,MAAM,WAAW,CAAC;AAW/D,qBAAa,aAAc,YAAW,cAAc;IAChD,GAAG,EAAG,YAAY,CAAC;IAEnB,KAAK;;;;;;;;;;MAUH;IAEF,GAAG;iBACkB,WAAW,GAAG,IAAI;qBACd,WAAW,GAAG,IAAI;qBAClB,WAAW,GAAG,IAAI;0BACb,WAAW,GAAG,IAAI;+BACb,WAAW,GAAG,IAAI;wBACzB,WAAW,GAAG,IAAI;2BACf,WAAW,GAAG,IAAI;6BAChB,WAAW,GAAG,IAAI;kCACb,WAAW,GAAG,IAAI;4BACxB,WAAW,GAAG,IAAI;gBAC9B,WAAW,GAAG,IAAI;MACpC;IAGF,OAAO,aAAW;IAClB,QAAQ,aAAY;IACpB,YAAY,aAAgB;IAC5B,aAAa,aAAiB;IAC9B,SAAS,aAAa;IACtB,SAAS,aAAa;IAEtB,iBAAiB,aAAgC;IACjD,iBAAiB,aAAgC;IACjD,aAAa,aAA4B;IACzC,kBAAkB,aAAiC;IACnD,WAAW,aAA0B;IACrC,eAAe,aAA8B;IAC7C,YAAY,aAA2B;IAEvC,2BAA2B,aAA+B;IAC1D,6BAA6B,aAAiC;IAC9D,qBAAqB,aAAyB;IAC9C,mBAAmB,aAAuB;IAO1C,uBAAuB,SAAU,GAAG,UAGlC;IACF,mBAAmB,SAAU,GAAG,UAG9B;IACF,wBAAwB,SAAU,GAAG,UAGnC;IACF,gBAAgB,SAAU,GAAG,UAG3B;IACF,iBAAiB,SAAU,GAAG,UAG5B;IACF,qBAAqB,SAAU,GAAG,UAGhC;IACF,kBAAkB,SAAU,GAAG,UAG7B;IAEF,cAAc;IAMd,UAAU,CAAC,YAAY,EAAE,WAAW;IAqCpC,eAAe;IAqBf,YAAY;IAsCZ,eAAe,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,GAAQ;IAwB9C,eAAe,MAAO,KAAK,UAQzB;CACL"}

package/dist/core/LayoutService.js

@@ -0,0 +1,223 @@
+import { createSignal, createEffect } from './signals';
+import { html } from '../utils';
+import * as uiState from './uiState';
+// Imports del layout (Managers)
+// Estos archivos deben existir o ser recuperados
+import { renderMainContent, renderActivityBar, renderSidebar, renderSidebarRight, renderPanel, renderStatusBar, renderTopBar } from './layout/renderer';
+import { openTab, closeTab, setActiveTab, setActivePane, splitPane, closePane } from './layout/paneManager';
+import { attachVerticalResizeHandler, attachHorizontalResizeHandler, handleResizeMouseMove, handleResizeMouseUp } from './layout/resizeManager';
+// import { addDragDropListeners, handleDragStart, handleDragOver, handleDragLeave, handleDrop, handleDragEnd, cleanupDropVisuals } from './layout/dragDropManager';
+export class LayoutService {
+    api;
+    state = {
+        activeActivityId: createSignal('dashboard'),
+        isSidebarVisible: createSignal(true),
+        isSidebarRightVisible: createSignal(false),
+        isPanelVisible: createSignal(false),
+        activePanelId: createSignal(''),
+        activeSidebarRightId: createSignal(''),
+        panelHeight: createSignal(250),
+        sidebarWidth: createSignal(280),
+        sidebarRightWidth: createSignal(350),
+    };
+    dom = {
+        appGrid: null,
+        mainContent: null,
+        activityBar: null,
+        sidebarContainer: null,
+        sidebarRightContainer: null,
+        panelContainer: null,
+        panelResizeHandle: null,
+        sidebarResizeHandle: null,
+        sidebarRightResizeHandle: null,
+        statusBarContainer: null,
+        topBar: null,
+    };
+    // Delegamos a los managers importados
+    openTab = openTab;
+    closeTab = closeTab;
+    setActiveTab = setActiveTab;
+    setActivePane = setActivePane;
+    splitPane = splitPane;
+    closePane = closePane;
+    renderMainContent = renderMainContent.bind(this);
+    renderActivityBar = renderActivityBar.bind(this);
+    renderSidebar = renderSidebar.bind(this);
+    renderSidebarRight = renderSidebarRight.bind(this);
+    renderPanel = renderPanel.bind(this);
+    renderStatusBar = renderStatusBar.bind(this);
+    renderTopBar = renderTopBar.bind(this);
+    attachVerticalResizeHandler = attachVerticalResizeHandler;
+    attachHorizontalResizeHandler = attachHorizontalResizeHandler;
+    handleResizeMouseMove = handleResizeMouseMove;
+    handleResizeMouseUp = handleResizeMouseUp;
+    // Drag and Drop (Comentado en JS original?)
+    // handleDragStart = handleDragStart;
+    // handleDragOver = handleDragOver; 
+    // ...
+    registerActivityBarItem = (item) => {
+        const [get, set] = uiState.registeredActivityBarItems;
+        set({ ...get(), [item.id]: item });
+    };
+    registerSidebarView = (view) => {
+        const [get, set] = uiState.registeredSidebarViews;
+        set({ ...get(), [view.id]: view });
+    };
+    registerSidebarRightView = (view) => {
+        const [get, set] = uiState.registeredSidebarRightViews;
+        set({ ...get(), [view.id]: view });
+    };
+    registerMainView = (view) => {
+        const [get, set] = uiState.registeredMainViews;
+        set({ ...get(), [view.id]: view });
+    };
+    registerPanelView = (view) => {
+        const [get, set] = uiState.registeredPanelViews;
+        set({ ...get(), [view.id]: view });
+    };
+    registerStatusBarItem = (item) => {
+        const [get, set] = uiState.registeredStatusBarItems;
+        set({ ...get(), [item.id]: item });
+    };
+    registerTopBarItem = (item) => {
+        const [get, set] = uiState.registeredTopBarItems;
+        set({ ...get(), [item.id]: item });
+    };
+    listenToEvents() {
+        this.api.events.on('layout:toggle-sidebar', () => this.state.isSidebarVisible[1](!this.state.isSidebarVisible[0]()));
+        this.api.events.on('layout:toggle-sidebar-right', () => this.state.isSidebarRightVisible[1](!this.state.isSidebarRightVisible[0]()));
+        this.api.events.on('layout:toggle-panel', () => this.state.isPanelVisible[1](!this.state.isPanelVisible[0]()));
+    }
+    initLayout(appContainer) {
+        appContainer.innerHTML = html `
+            <div id="app-grid-layout">
+                <div id="app-top-bar"></div>
+                <div id="app-activity-bar"></div>
+                <div id="app-sidebar"></div>
+                <div id="app-sidebar-resizer" class="sidebar-resizer v-resizer"></div>
+                <main id="app-main"></main>
+                <div id="app-sidebar-right-resizer" class="sidebar-resizer v-resizer"></div>
+                <div id="app-sidebar-right"></div>
+                <div id="app-panel-resize-handle" class="h-resizer"></div>
+                <div id="app-panel"></div>
+                <div id="app-status-bar"></div>
+            </div>
+        `;
+        this.dom.appGrid = document.getElementById('app-grid-layout');
+        this.dom.mainContent = document.getElementById('app-main');
+        this.dom.activityBar = document.getElementById('app-activity-bar');
+        this.dom.sidebarContainer = document.getElementById('app-sidebar');
+        this.dom.sidebarRightContainer = document.getElementById('app-sidebar-right');
+        this.dom.sidebarResizeHandle = document.getElementById('app-sidebar-resizer');
+        this.dom.sidebarRightResizeHandle = document.getElementById('app-sidebar-right-resizer');
+        this.dom.panelResizeHandle = document.getElementById('app-panel-resize-handle');
+        this.dom.panelContainer = document.getElementById('app-panel');
+        this.dom.statusBarContainer = document.getElementById('app-status-bar');
+        this.dom.topBar = document.getElementById('app-top-bar');
+        this.attachVerticalResizeHandler();
+        this.attachHorizontalResizeHandler(this.dom.sidebarResizeHandle, 'left');
+        this.attachHorizontalResizeHandler(this.dom.sidebarRightResizeHandle, 'right');
+        // Bindings
+        this.handleResizeMouseMove = this.handleResizeMouseMove.bind(this);
+        this.handleResizeMouseUp = this.handleResizeMouseUp.bind(this);
+    }
+    activateEffects() {
+        createEffect(this.renderMainContent.bind(this));
+        createEffect(this.renderActivityBar.bind(this));
+        createEffect(this.renderSidebar.bind(this));
+        createEffect(this.renderSidebarRight.bind(this));
+        createEffect(() => {
+            if (!this.dom.appGrid)
+                return;
+            this.dom.appGrid.classList.toggle('sidebar-hidden', !this.state.isSidebarVisible[0]());
+            this.dom.appGrid.classList.toggle('sidebar-right-hidden', !this.state.isSidebarRightVisible[0]());
+            this.dom.appGrid.classList.toggle('panel-hidden', !this.state.isPanelVisible[0]());
+        });
+        createEffect(this.renderPanel.bind(this));
+        createEffect(this.renderStatusBar.bind(this));
+        createEffect(this.renderTopBar.bind(this));
+        createEffect(() => {
+            document.documentElement.style.setProperty('--panel-height', `${this.state.panelHeight[0]()}px`);
+            document.documentElement.style.setProperty('--sidebar-width', `${this.state.sidebarWidth[0]()}px`);
+            document.documentElement.style.setProperty('--sidebar-right-width', `${this.state.sidebarRightWidth[0]()}px`);
+        });
+    }
+    initCommands() {
+        this.api.commands.register({ id: 'workbench.closeTab', title: 'Cerrar Pestaña', execute: (_api, args) => this.closeTab(args.tabId, args.paneId) });
+        this.api.commands.register({ id: 'workbench.focusTab', title: 'Enfocar Pestaña', execute: (_api, args) => this.setActiveTab(args.tabId, args.paneId) });
+        this.api.commands.register({ id: 'workbench.splitEditor', title: 'Dividir Editor', execute: (_api, args) => this.splitPane(args.paneId, args.tab) });
+        this.api.commands.register({
+            id: 'layout.focusActivity', title: 'Enfocar Actividad', execute: (_api, activityId) => {
+                if (activityId)
+                    this.state.activeActivityId[1](activityId);
+                if (!this.state.isSidebarVisible[0]())
+                    this.state.isSidebarVisible[1](true);
+            }
+        });
+        this.api.commands.register({
+            id: 'layout.focusPanel', title: 'Enfocar Panel', execute: (_api, panelId) => {
+                if (panelId)
+                    this.state.activePanelId[1](panelId);
+                if (!this.state.isPanelVisible[0]())
+                    this.state.isPanelVisible[1](true);
+            }
+        });
+        this.api.commands.register({
+            id: 'layout.toggleSidebarRight',
+            title: 'Mostrar/Ocultar Panel Derecho',
+            execute: () => this.api.events.emit('layout:toggle-sidebar-right')
+        });
+        this.api.commands.register({
+            id: 'layout.focusSidebarRight',
+            title: 'Enfocar Panel Derecho',
+            execute: (api, viewId) => {
+                if (!viewId)
+                    return;
+                const [getVisible, setVisible] = api.layout.state.isSidebarRightVisible;
+                const [getActiveId, setActiveId] = api.layout.state.activeSidebarRightId;
+                if (getVisible() && getActiveId() === viewId) {
+                    setVisible(false);
+                }
+                else {
+                    setActiveId(viewId);
+                    setVisible(true);
+                }
+            }
+        });
+    }
+    renderComponent(tag, options = {}) {
+        if (options.isFullscreen) {
+            const container = document.getElementById('fullscreen-view-container');
+            if (container) {
+                container.innerHTML = `<${tag}></${tag}>`;
+            }
+            const appContainer = document.getElementById('app');
+            if (appContainer)
+                appContainer.style.display = 'none';
+        }
+        else {
+            const appContainer = document.getElementById('app');
+            if (appContainer)
+                appContainer.style.display = 'block';
+            const fullscreenContainer = document.getElementById('fullscreen-view-container');
+            if (fullscreenContainer)
+                fullscreenContainer.innerHTML = '';
+            const newTab = {
+                id: tag,
+                title: tag.replace(/-view$/, '').replace(/-/, ' '),
+                componentTag: tag,
+                icon: 'fas fa-cube'
+            };
+            this.openTab(newTab);
+        }
+    }
+    _toggleUserMenu = (e) => {
+        e.stopPropagation();
+        const dropdown = this.dom.topBar?.querySelector('#user-menu-dropdown');
+        dropdown?.classList.toggle('hidden');
+        const closeMenu = () => dropdown?.classList.add('hidden');
+        if (!dropdown?.classList.contains('hidden')) {
+            window.addEventListener('click', closeMenu, { once: true });
+        }
+    };
+}

package/dist/core/ModalService.d.ts

@@ -0,0 +1,21 @@
+import { TemplateResult } from "lit-html";
+interface ModalOptions {
+    title: string;
+    content: string | HTMLElement | TemplateResult;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    actions?: {
+        text: string;
+        type: 'primary' | 'secondary';
+        onClick: (close: () => void) => void;
+    }[];
+}
+export declare class ModalService {
+    private container;
+    constructor();
+    show(options: ModalOptions): {
+        close: () => void;
+    };
+    hide(): void;
+}
+export {};
+//# sourceMappingURL=ModalService.d.ts.map

package/dist/core/ModalService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalService.d.ts","sourceRoot":"","sources":["../../src/core/ModalService.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,UAAU,YAAY;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,WAAW,GAAG,cAAc,CAAC;IAC/C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,SAAS,GAAG,WAAW,CAAC;QAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;KACxC,EAAE,CAAC;CACP;AAED,qBAAa,YAAY;IACrB,OAAO,CAAC,SAAS,CAAc;;IAQ/B,IAAI,CAAC,OAAO,EAAE,YAAY;;;IAkE1B,IAAI;CAMP"}

package/dist/core/ModalService.js

@@ -0,0 +1,71 @@
+import { html } from "../utils.js";
+export class ModalService {
+    container;
+    constructor() {
+        this.container = document.createElement('div');
+        this.container.id = 'modal-container';
+        document.body.appendChild(this.container);
+    }
+    show(options) {
+        this.hide(); // Cierra cualquier modal existente antes de mostrar uno nuevo
+        const modalId = `modal_${Date.now()}`;
+        const sizeClasses = {
+            sm: 'max-w-md',
+            md: 'max-w-lg',
+            lg: 'max-w-2xl',
+            xl: 'max-w-4xl',
+        };
+        const modalWrapper = document.createElement('div');
+        modalWrapper.id = modalId;
+        modalWrapper.className = 'fixed inset-0 bg-darker/80 backdrop-blur-sm flex items-center justify-center z-50';
+        modalWrapper.innerHTML = html `
+            <div class="glass-premium p-8 rounded-2xl w-full ${sizeClasses[options.size || 'md']} animate-scale-in">
+                <div class="flex justify-between items-center mb-6">
+                    <h2 class="text-2xl font-bold text-white">${options.title}</h2>
+                    <button class="text-muted-foreground hover:text-foreground text-2xl close-btn">&times;</button>
+                </div>
+                <div class="modal-body"></div>
+                ${options.actions && options.actions.length > 0 ? `
+                <div class="pt-6 border-t border-white/10 mt-6 text-right space-x-4 modal-footer">
+                </div>
+                ` : ''}
+            </div>
+        `;
+        const closeModal = () => modalWrapper.remove();
+        // Contenido
+        const body = modalWrapper.querySelector('.modal-body');
+        if (typeof options.content === 'string') {
+            body.innerHTML = options.content;
+        }
+        else {
+            body.appendChild(options.content);
+        }
+        // Acciones (botones)
+        const footer = modalWrapper.querySelector('.modal-footer');
+        if (footer && options.actions) {
+            options.actions.forEach(action => {
+                const btn = document.createElement('button');
+                btn.textContent = action.text;
+                btn.className = action.type === 'primary' ? 'btn-premium' : 'btn-secondary'; // necesitarás .btn-secondary
+                btn.onclick = () => action.onClick(closeModal);
+                footer.appendChild(btn);
+            });
+        }
+        modalWrapper.querySelector('.close-btn')?.addEventListener('click', closeModal);
+        modalWrapper.addEventListener('click', (e) => {
+            if (e.target === modalWrapper) {
+                closeModal();
+            }
+        });
+        this.container.appendChild(modalWrapper);
+        return {
+            close: closeModal,
+        };
+    }
+    hide() {
+        const modal = this.container.querySelector('.fixed');
+        if (modal) {
+            modal.remove();
+        }
+    }
+}

package/dist/core/NotificationService.d.ts

@@ -0,0 +1,7 @@
+export type NotificationType = 'info' | 'success' | 'warning' | 'error' | 'achievement';
+export declare class NotificationService {
+    container: HTMLElement;
+    constructor();
+    show(type: NotificationType, title: string, message: string, duration?: number): void;
+}
+//# sourceMappingURL=NotificationService.d.ts.map

package/dist/core/NotificationService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationService.d.ts","sourceRoot":"","sources":["../../src/core/NotificationService.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAExF,qBAAa,mBAAmB;IACrB,SAAS,EAAE,WAAW,CAAC;;IASvB,IAAI,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,GAAE,MAAa;CAoC9F"}

package/dist/core/NotificationService.js

@@ -0,0 +1,42 @@
+// /src/core/NotificationService.ts (REDISENADO)
+import { html } from "../utils.js";
+export class NotificationService {
+    container;
+    constructor() {
+        this.container = document.createElement('div');
+        this.container.id = 'notification-container';
+        this.container.className = 'fixed top-5 right-5 z-10000 w-96 space-y-3';
+        document.body.appendChild(this.container);
+    }
+    show(type, title, message, duration = 4000) {
+        const id = `notif_${Date.now()}`;
+        const notificationEl = document.createElement('div');
+        notificationEl.id = id;
+        const typeStyles = {
+            info: { icon: 'fas fa-info-circle', color: 'border-secondary' },
+            success: { icon: 'fas fa-check-circle', color: 'border-success' },
+            warning: { icon: 'fas fa-exclamation-triangle', color: 'border-accent' },
+            error: { icon: 'fas fa-times-circle', color: 'border-danger' },
+            achievement: { icon: 'fas fa-trophy', color: 'border-accent' },
+        };
+        const styles = typeStyles[type];
+        // Usamos la estética glass-card con un borde de color distintivo
+        notificationEl.innerHTML = html `
+            <div class="notification-item glass-card animate-slide-in-right border-l-4 ${styles.color}">
+                <i class="notification-icon ${styles.icon}"></i>
+                <div class="flex-grow">
+                    <h4 class="notification-title">${title}</h4>
+                    <p class="notification-message">${message}</p>
+                </div>
+                <button class="notification-close-btn" data-close-id="${id}">&times;</button>
+            </div>
+        `;
+        notificationEl.querySelector('.notification-close-btn')?.addEventListener('click', () => {
+            notificationEl.remove();
+        });
+        this.container.appendChild(notificationEl);
+        setTimeout(() => {
+            document.getElementById(id)?.remove();
+        }, duration);
+    }
+}

package/dist/core/RouterService.d.ts

@@ -0,0 +1,13 @@
+import { IPlatformAPI } from './api.js';
+import { RouteDefinition } from '../types';
+export declare class RouterService {
+    private routes;
+    private api;
+    init(api: IPlatformAPI): void;
+    registerRoute(route: RouteDefinition): void;
+    navigate(path: string): void;
+    private _getCurrentHash;
+    handleRouteChange: () => void;
+}
+export declare const routerService: RouterService;
+//# sourceMappingURL=RouterService.d.ts.map

package/dist/core/RouterService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterService.d.ts","sourceRoot":"","sources":["../../src/core/RouterService.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,qBAAa,aAAa;IACtB,OAAO,CAAC,MAAM,CAAyB;IACvC,OAAO,CAAC,GAAG,CAAgB;IAEpB,IAAI,CAAC,GAAG,EAAE,YAAY;IAMtB,aAAa,CAAC,KAAK,EAAE,eAAe;IAIpC,QAAQ,CAAC,IAAI,EAAE,MAAM;IAK5B,OAAO,CAAC,eAAe;IAIhB,iBAAiB,aAoCvB;CACJ;AAED,eAAO,MAAM,aAAa,eAAsB,CAAC"}

package/dist/core/RouterService.js

@@ -0,0 +1,54 @@
+// src/core/RouterService.ts
+import { authService } from './AuthService.js';
+export class RouterService {
+    routes = [];
+    api;
+    init(api) {
+        this.api = api;
+        window.addEventListener('hashchange', this.handleRouteChange);
+        // window.addEventListener('load', this.handleRouteChange);
+    }
+    registerRoute(route) {
+        this.routes.push(route);
+    }
+    navigate(path) {
+        window.location.hash = path;
+    }
+    // Centraliza la lectura del hash en un solo lugar.
+    _getCurrentHash() {
+        return window.location.hash.slice(1) || '/';
+    }
+    handleRouteChange = () => {
+        const path = this._getCurrentHash();
+        const route = this.routes.find(r => r.path === path);
+        const session = authService.session[0](); // Obtenemos el estado actual de la sesión
+        if (!route) {
+            // Ruta no encontrada, podríamos redirigir a una página 404
+            console.error(`Ruta no encontrada: ${path}`);
+            this.api.layout.renderComponent('not-found-view');
+            return;
+        }
+        // --- LÓGICA DE GUARDIÁN DE NAVEGACIÓN ---
+        const isAuthenticated = session.status === 'authenticated';
+        // 1. Si la ruta es protegida y el usuario no está autenticado...
+        if (route.auth === 'protected' && !isAuthenticated) {
+            this.navigate('/login'); // ...redirige al login.
+            return;
+        }
+        // 2. Si la ruta es solo para invitados (como login) y el usuario ya está autenticado...
+        if (route.auth === 'guestOnly' && isAuthenticated) {
+            this.navigate('/dashboard'); // ...redirige al dashboard.
+            return;
+        }
+        // 3. (Futuro) Si la ruta requiere roles específicos...
+        // if (route.roles && !route.roles.some(role => session.user?.roles.includes(role))) {
+        //     this.navigate('/forbidden'); // ...redirige a "Acceso Denegado".
+        //     return;
+        // }
+        // Si todas las comprobaciones pasan, renderizamos el componente.
+        if (route.title)
+            document.title = `Decido - ${route.title}`;
+        this.api.layout.renderComponent(route.componentTag, { isFullscreen: route.isFullscreen });
+    };
+}
+export const routerService = new RouterService();

package/dist/core/ServiceContainer.d.ts

@@ -0,0 +1,18 @@
+import { ServiceKey, ServiceRegistry } from "../platform/ServiceRegistry.js";
+/**
+ * Un contenedor de inyección de dependencias tipado y genérico.
+ */
+export declare class ServiceContainer {
+    private services;
+    /**
+     * Registra una instancia de un servicio.
+     * El tipo es validado contra el `ServiceRegistry`.
+     */
+    register<K extends ServiceKey>(key: K, instance: ServiceRegistry[K]): void;
+    /**
+     * Obtiene la instancia de un servicio registrado.
+     * El tipo de retorno es inferido automáticamente a partir de la clave.
+     */
+    get<K extends ServiceKey>(key: K): ServiceRegistry[K];
+}
+//# sourceMappingURL=ServiceContainer.d.ts.map

package/dist/core/ServiceContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceContainer.d.ts","sourceRoot":"","sources":["../../src/core/ServiceContainer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAE7E;;GAEG;AACH,qBAAa,gBAAgB;IACzB,OAAO,CAAC,QAAQ,CAA8B;IAE9C;;;OAGG;IACI,QAAQ,CAAC,CAAC,SAAS,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,IAAI;IAOjF;;;OAGG;IACI,GAAG,CAAC,CAAC,SAAS,UAAU,EAAE,GAAG,EAAE,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC;CAO/D"}

package/dist/core/ServiceContainer.js

@@ -0,0 +1,27 @@
+/**
+ * Un contenedor de inyección de dependencias tipado y genérico.
+ */
+export class ServiceContainer {
+    services = new Map();
+    /**
+     * Registra una instancia de un servicio.
+     * El tipo es validado contra el `ServiceRegistry`.
+     */
+    register(key, instance) {
+        if (this.services.has(key)) {
+            console.warn(`[ServiceContainer] El servicio '${key}' ya está registrado. Se sobrescribirá.`);
+        }
+        this.services.set(key, instance);
+    }
+    /**
+     * Obtiene la instancia de un servicio registrado.
+     * El tipo de retorno es inferido automáticamente a partir de la clave.
+     */
+    get(key) {
+        const service = this.services.get(key);
+        if (!service) {
+            throw new Error(`[ServiceContainer] No se encontró servicio registrado con la clave: ${key}`);
+        }
+        return service;
+    }
+}

package/dist/core/ShortcutService.d.ts

@@ -0,0 +1,17 @@
+import { IPlatformAPI } from "./api.js";
+interface Shortcut {
+    id: string;
+    keys: string;
+    commandId: string;
+    commandArg?: any;
+    description?: string;
+}
+export declare class ShortcutService {
+    private api;
+    private shortcuts;
+    init(api: IPlatformAPI): void;
+    register(shortcut: Shortcut): void;
+    private handleKeyDown;
+}
+export {};
+//# sourceMappingURL=ShortcutService.d.ts.map

package/dist/core/ShortcutService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutService.d.ts","sourceRoot":"","sources":["../../src/core/ShortcutService.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,UAAU,QAAQ;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,qBAAa,eAAe;IACxB,OAAO,CAAC,GAAG,CAAgB;IAC3B,OAAO,CAAC,SAAS,CAAoC;IAE9C,IAAI,CAAC,GAAG,EAAE,YAAY;IAKtB,QAAQ,CAAC,QAAQ,EAAE,QAAQ;IAMlC,OAAO,CAAC,aAAa;CAqBxB"}