pixelon 0.3.25 → 0.3.27

package/dist/components/templates/lumi/Dashboard/store/types(1).d.ts

@@ -0,0 +1,73 @@
+import { DASHBOARD_STORE_KEYS } from './storeKeys';
+import type { BreadcrumbItem } from '../../../../molecules/lumi/Breadcrumb/types';
+/**
+ * Estado completo del store del Dashboard
+ */
+export interface DashboardStoreState {
+    /**
+     * Estado del drawer del menú lateral
+     */
+    [DASHBOARD_STORE_KEYS.DRAWER]: {
+        /** Si el drawer está abierto */
+        isOpen: boolean;
+        /** Si está en proceso de animación */
+        isAnimating: boolean;
+        /** Ancho del drawer en píxeles (desktop) */
+        width: number;
+    };
+    /**
+     * Estado del navbar
+     */
+    [DASHBOARD_STORE_KEYS.NAVBAR]: {
+        /** Altura del navbar en píxeles */
+        height: number;
+        /** Si el navbar es sticky */
+        isSticky: boolean;
+        /** Si muestra sombra (cuando hay scroll) */
+        showShadow: boolean;
+    };
+    /**
+     * Estado del breadcrumb
+     */
+    [DASHBOARD_STORE_KEYS.BREADCRUMB]: {
+        /** Items actuales del breadcrumb */
+        items: BreadcrumbItem[];
+        /** Si el breadcrumb necesita scroll horizontal */
+        isScrollable: boolean;
+        /** Posición de scroll horizontal */
+        scrollPosition: number;
+    };
+    /**
+     * Estado del menú
+     */
+    [DASHBOARD_STORE_KEYS.MENU]: {
+        /** Keys de los items seleccionados */
+        selectedKeys: string[];
+        /** Keys de los submenús abiertos */
+        openKeys: string[];
+    };
+    /**
+     * Estado del workspace (área de trabajo)
+     */
+    [DASHBOARD_STORE_KEYS.WORKSPACE]: {
+        /** Posición de scroll vertical */
+        scrollTop: number;
+        /** Si muestra el botón "scroll to top" */
+        showScrollButton: boolean;
+        /** Si está en proceso de scroll automático */
+        isScrolling: boolean;
+    };
+    /**
+     * Estado del viewport
+     */
+    [DASHBOARD_STORE_KEYS.VIEWPORT]: {
+        /** Si está en modo móvil (≤768px) */
+        isMobile: boolean;
+        /** Si está en modo tablet (769-1024px) */
+        isTablet: boolean;
+        /** Ancho del viewport */
+        width: number;
+        /** Altura del viewport */
+        height: number;
+    };
+}

package/dist/components/templates/lumi/Dashboard/store/types(2).d.ts

@@ -0,0 +1,73 @@
+import { DASHBOARD_STORE_KEYS } from './storeKeys';
+import type { BreadcrumbItem } from '../../../../molecules/lumi/Breadcrumb/types';
+/**
+ * Estado completo del store del Dashboard
+ */
+export interface DashboardStoreState {
+    /**
+     * Estado del drawer del menú lateral
+     */
+    [DASHBOARD_STORE_KEYS.DRAWER]: {
+        /** Si el drawer está abierto */
+        isOpen: boolean;
+        /** Si está en proceso de animación */
+        isAnimating: boolean;
+        /** Ancho del drawer en píxeles (desktop) */
+        width: number;
+    };
+    /**
+     * Estado del navbar
+     */
+    [DASHBOARD_STORE_KEYS.NAVBAR]: {
+        /** Altura del navbar en píxeles */
+        height: number;
+        /** Si el navbar es sticky */
+        isSticky: boolean;
+        /** Si muestra sombra (cuando hay scroll) */
+        showShadow: boolean;
+    };
+    /**
+     * Estado del breadcrumb
+     */
+    [DASHBOARD_STORE_KEYS.BREADCRUMB]: {
+        /** Items actuales del breadcrumb */
+        items: BreadcrumbItem[];
+        /** Si el breadcrumb necesita scroll horizontal */
+        isScrollable: boolean;
+        /** Posición de scroll horizontal */
+        scrollPosition: number;
+    };
+    /**
+     * Estado del menú
+     */
+    [DASHBOARD_STORE_KEYS.MENU]: {
+        /** Keys de los items seleccionados */
+        selectedKeys: string[];
+        /** Keys de los submenús abiertos */
+        openKeys: string[];
+    };
+    /**
+     * Estado del workspace (área de trabajo)
+     */
+    [DASHBOARD_STORE_KEYS.WORKSPACE]: {
+        /** Posición de scroll vertical */
+        scrollTop: number;
+        /** Si muestra el botón "scroll to top" */
+        showScrollButton: boolean;
+        /** Si está en proceso de scroll automático */
+        isScrolling: boolean;
+    };
+    /**
+     * Estado del viewport
+     */
+    [DASHBOARD_STORE_KEYS.VIEWPORT]: {
+        /** Si está en modo móvil (≤768px) */
+        isMobile: boolean;
+        /** Si está en modo tablet (769-1024px) */
+        isTablet: boolean;
+        /** Ancho del viewport */
+        width: number;
+        /** Altura del viewport */
+        height: number;
+    };
+}

package/dist/components/templates/lumi/Dashboard/types(1).d.ts

@@ -0,0 +1,114 @@
+import type { ReactNode } from 'react';
+import type { MenuItemData, SelectInfo } from '../../../molecules/lumi/Menu/types';
+import type { BreadcrumbItem } from '../../../molecules/lumi/Breadcrumb/types';
+/**
+ * Props del template Dashboard
+ */
+export interface DashboardProps {
+    /**
+     * Items del menú de navegación
+     */
+    menuItems: MenuItemData[];
+    /**
+     * Items del breadcrumb (controlado)
+     * Si no se proporciona, se genera automáticamente desde el menú seleccionado
+     */
+    breadcrumbItems?: BreadcrumbItem[];
+    /**
+     * Contenido principal del workspace
+     */
+    children: ReactNode;
+    /**
+     * Contenido extra para el navbar (botones, perfil, notificaciones, etc.)
+     */
+    navbarExtra?: ReactNode;
+    /**
+     * Contenido extra para el header del sidebar (junto al botón de close)
+     */
+    sidebarHeaderExtra?: ReactNode;
+    /**
+     * Keys de los items seleccionados (controlado)
+     */
+    selectedKeys?: string[];
+    /**
+     * Keys de los items seleccionados por defecto (no controlado)
+     * @default []
+     */
+    defaultSelectedKeys?: string[];
+    /**
+     * Keys de los submenús abiertos (controlado)
+     */
+    openKeys?: string[];
+    /**
+     * Keys de los submenús abiertos por defecto (no controlado)
+     * @default []
+     */
+    defaultOpenKeys?: string[];
+    /**
+     * Si el drawer está abierto (controlado)
+     */
+    drawerOpen?: boolean;
+    /**
+     * Si el drawer está abierto por defecto (no controlado)
+     * @default false
+     */
+    defaultDrawerOpen?: boolean;
+    /**
+     * Callback cuando se selecciona un item del menú
+     */
+    onMenuSelect?: (info: SelectInfo, breadcrumbPath: BreadcrumbItem[]) => void;
+    /**
+     * Callback cuando se hace clic en un item del breadcrumb
+     */
+    onBreadcrumbClick?: (item: BreadcrumbItem, index: number) => void;
+    /**
+     * Callback cuando cambia el estado del drawer
+     */
+    onDrawerChange?: (isOpen: boolean) => void;
+    /**
+     * Callback cuando cambian los submenús abiertos
+     */
+    onOpenChange?: (openKeys: string[]) => void;
+    /**
+     * Si muestra el icono de home en el breadcrumb
+     * @default false
+     */
+    showHomeIcon?: boolean;
+    /**
+     * Si habilita el botón "volver arriba"
+     * @default true
+     */
+    enableScrollToTop?: boolean;
+    /**
+     * Altura del navbar en píxeles
+     * @default 64
+     */
+    navbarHeight?: number;
+    /**
+     * Ancho del drawer en píxeles
+     * @default 280
+     */
+    drawerWidth?: number;
+    /**
+     * Tema del menú
+     * @default 'light'
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * Color de fondo del workspace
+     * @default '#fafafa'
+     */
+    workspaceBackgroundColor?: string;
+    /**
+     * Padding del workspace (CSS string)
+     */
+    workspacePadding?: string;
+    /**
+     * Clase CSS adicional
+     */
+    className?: string;
+    /**
+     * Test ID para testing
+     */
+    'data-testid'?: string;
+}

package/dist/components/templates/lumi/Dashboard/types(2).d.ts

@@ -0,0 +1,114 @@
+import type { ReactNode } from 'react';
+import type { MenuItemData, SelectInfo } from '../../../molecules/lumi/Menu/types';
+import type { BreadcrumbItem } from '../../../molecules/lumi/Breadcrumb/types';
+/**
+ * Props del template Dashboard
+ */
+export interface DashboardProps {
+    /**
+     * Items del menú de navegación
+     */
+    menuItems: MenuItemData[];
+    /**
+     * Items del breadcrumb (controlado)
+     * Si no se proporciona, se genera automáticamente desde el menú seleccionado
+     */
+    breadcrumbItems?: BreadcrumbItem[];
+    /**
+     * Contenido principal del workspace
+     */
+    children: ReactNode;
+    /**
+     * Contenido extra para el navbar (botones, perfil, notificaciones, etc.)
+     */
+    navbarExtra?: ReactNode;
+    /**
+     * Contenido extra para el header del sidebar (junto al botón de close)
+     */
+    sidebarHeaderExtra?: ReactNode;
+    /**
+     * Keys de los items seleccionados (controlado)
+     */
+    selectedKeys?: string[];
+    /**
+     * Keys de los items seleccionados por defecto (no controlado)
+     * @default []
+     */
+    defaultSelectedKeys?: string[];
+    /**
+     * Keys de los submenús abiertos (controlado)
+     */
+    openKeys?: string[];
+    /**
+     * Keys de los submenús abiertos por defecto (no controlado)
+     * @default []
+     */
+    defaultOpenKeys?: string[];
+    /**
+     * Si el drawer está abierto (controlado)
+     */
+    drawerOpen?: boolean;
+    /**
+     * Si el drawer está abierto por defecto (no controlado)
+     * @default false
+     */
+    defaultDrawerOpen?: boolean;
+    /**
+     * Callback cuando se selecciona un item del menú
+     */
+    onMenuSelect?: (info: SelectInfo, breadcrumbPath: BreadcrumbItem[]) => void;
+    /**
+     * Callback cuando se hace clic en un item del breadcrumb
+     */
+    onBreadcrumbClick?: (item: BreadcrumbItem, index: number) => void;
+    /**
+     * Callback cuando cambia el estado del drawer
+     */
+    onDrawerChange?: (isOpen: boolean) => void;
+    /**
+     * Callback cuando cambian los submenús abiertos
+     */
+    onOpenChange?: (openKeys: string[]) => void;
+    /**
+     * Si muestra el icono de home en el breadcrumb
+     * @default false
+     */
+    showHomeIcon?: boolean;
+    /**
+     * Si habilita el botón "volver arriba"
+     * @default true
+     */
+    enableScrollToTop?: boolean;
+    /**
+     * Altura del navbar en píxeles
+     * @default 64
+     */
+    navbarHeight?: number;
+    /**
+     * Ancho del drawer en píxeles
+     * @default 280
+     */
+    drawerWidth?: number;
+    /**
+     * Tema del menú
+     * @default 'light'
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * Color de fondo del workspace
+     * @default '#fafafa'
+     */
+    workspaceBackgroundColor?: string;
+    /**
+     * Padding del workspace (CSS string)
+     */
+    workspacePadding?: string;
+    /**
+     * Clase CSS adicional
+     */
+    className?: string;
+    /**
+     * Test ID para testing
+     */
+    'data-testid'?: string;
+}

package/dist/components/templates/lumi/index(1).d.ts

@@ -0,0 +1,3 @@
+export * from './Base';
+export * from './Crud';
+export * from './Dashboard';

package/dist/core/chat/ChatConfigContext(1).d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode } from 'react';
+export interface ChatConfig {
+    /** IANA timezone identifier (e.g. "America/Bogota") */
+    timezone: string;
+    /** BCP 47 locale string (e.g. "es-CO") */
+    locale: string;
+    /** Title displayed in the chat header */
+    headerTitle: string;
+    /** Subtitle displayed in the chat header */
+    headerSubtitle?: string;
+    /** Avatar image URL for the chat header */
+    headerAvatarSrc?: string;
+    /** Whether to show the chat header */
+    showHeader: boolean;
+    /** Whether to show the close button in the header */
+    showCloseButton: boolean;
+    /** Whether to show role labels ("User", "Assistant") on messages */
+    showRoleLabels: boolean;
+    /** Whether to show the attachment button */
+    showAttachmentButton: boolean;
+    /** Whether to show the microphone button */
+    showMicrophoneButton: boolean;
+    /** Default placeholder text for the input textarea */
+    placeholderText: string;
+    /** Whether to simulate streaming for assistant responses that arrive complete */
+    enableStreamingEffect: boolean;
+    /** Whether the chat should fit its container (true) or use full viewport height (false) */
+    contained: boolean;
+}
+export declare const CHAT_CONFIG_DEFAULTS: ChatConfig;
+export interface ChatConfigProviderProps {
+    value: ChatConfig;
+    children: ReactNode;
+}
+export declare const ChatConfigProvider: ({ value, children }: ChatConfigProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useChatConfig: () => ChatConfig;

package/dist/core/chat/chatMessage.d.ts

@@ -2,7 +2,7 @@ import type { CoreFile } from '../types';
 export type MessageStatusType = 'sending' | 'sent' | 'failed';
 export interface ChatMessage {
     id?: string;
-    role: 'user' | 'assistant';
+    role: 'user' | 'assistant' | 'tool' | 'system';
     content: string;
     timestamp: string;
     date: Date;

package/dist/core/eventBus/chatEventBus.d.ts

@@ -10,6 +10,13 @@ export declare const CHAT_EVENT: {
     readonly THINKING_UPDATED: "thinkingUpdated";
     readonly INPUT_DISABLED: "inputDisabled";
     readonly CLOSE: "close";
+    readonly FETCH_REQUEST: "fetchRequest";
+    readonly FETCH_RESPONSE: "fetchResponse";
+    readonly FORM_SUBMIT: "formSubmit";
+    readonly FORM_TRACE: "formTrace";
+    readonly AGENT_EVENT: "agentEvent";
+    readonly STREAM_CHUNK: "streamChunk";
+    readonly MESSAGE_SAVED: "messageSaved";
 };
 export type ChatEvents = {
     /** UI component interaction (select, confirm, etc.) */
@@ -35,6 +42,9 @@ export type ChatEvents = {
     /** Consumer -> Chat: update thinking indicator state */
     thinkingUpdated: {
         isThinking: boolean;
+        agentName?: string;
+        agentLabel?: string;
+        toolName?: string;
     };
     /** Consumer -> Chat: enable/disable input controls */
     inputDisabled: {
@@ -51,6 +61,63 @@ export type ChatEvents = {
     };
     /** Chat -> Consumer: user clicked the close button */
     close: null;
+    /** ReactiveForm -> Consumer: HTTP fetch request via EventBus */
+    fetchRequest: {
+        requestId: string;
+        service: string;
+        url: string;
+        method: string;
+        body?: Record<string, unknown>;
+    };
+    /** Consumer -> ReactiveForm: HTTP fetch response */
+    fetchResponse: {
+        requestId: string;
+        data: unknown;
+        httpError?: string;
+    };
+    /** ReactiveForm -> Consumer: form was submitted */
+    formSubmit: {
+        formType: string;
+        submitUrl: string;
+        result: unknown;
+        formValues: Record<string, unknown>;
+        formLabels?: Record<string, string>;
+    };
+    /** Backend -> Consumer: agent lifecycle event from WebSocket */
+    agentEvent: {
+        eventType: string;
+        agentName: string;
+        agentLabel?: string;
+        chatId: string;
+        data?: Record<string, unknown>;
+        timestamp?: string;
+    };
+    /** Backend -> Consumer: streaming text chunk */
+    streamChunk: {
+        content: string;
+        chatId: string;
+    };
+    /** Backend -> Consumer: message was persisted */
+    messageSaved: {
+        chatId: string;
+        messageId?: string;
+    };
+    /** ReactiveForm -> Consumer: trace info for observability */
+    formTrace: {
+        chatId: string;
+        formTitle: string;
+        source?: string;
+        phase: 'request' | 'response';
+        service: string;
+        url: string;
+        method: string;
+        body?: Record<string, unknown>;
+        status?: number;
+        duration_ms?: number;
+        success?: boolean;
+        response?: unknown;
+        error?: string;
+    };
 };
 export declare const chatEventBus: {
     on: <K extends keyof ChatEvents>(event: K, handler: (payload: ChatEvents[K]) => void) => () => void;