claude-flow-novice 1.6.1 → 1.6.3

package/.claude-flow-novice/dist/src/web/dashboard/hooks/useWebSocket.js

@@ -0,0 +1,385 @@
+/**
+ * WebSocket Hook for Real-time Updates
+ * Provides WebSocket connection management for real-time dashboard updates
+ */ import { useState, useEffect, useRef, useCallback } from 'react';
+import { io } from 'socket.io-client';
+export const useWebSocket = (options = {})=>{
+    const { url = `ws://${window.location.host}`, autoConnect = true, reconnectAttempts = 5, reconnectDelay = 1000, heartbeatInterval = 30000, onConnect, onDisconnect, onError, onMessage } = options;
+    const [socket, setSocket] = useState(null);
+    const [status, setStatus] = useState({
+        connected: false,
+        reconnectAttempts: 0,
+        lastConnected: undefined,
+        lastMessage: undefined,
+        error: undefined
+    });
+    const [error, setError] = useState(null);
+    const [lastMessage, setLastMessage] = useState(null);
+    const socketRef = useRef(null);
+    const reconnectTimeoutRef = useRef();
+    const heartbeatIntervalRef = useRef();
+    const subscriptionsRef = useRef(new Map());
+    const connect = useCallback(()=>{
+        if (socketRef.current?.connected) {
+            return;
+        }
+        try {
+            const newSocket = io(url, {
+                transports: [
+                    'websocket',
+                    'polling'
+                ],
+                upgrade: true,
+                rememberUpgrade: true,
+                timeout: 10000,
+                forceNew: true
+            });
+            socketRef.current = newSocket;
+            setSocket(newSocket);
+            // Connection established
+            newSocket.on('connect', ()=>{
+                console.log('WebSocket connected');
+                setStatus((prev)=>({
+                        ...prev,
+                        connected: true,
+                        reconnectAttempts: 0,
+                        lastConnected: new Date(),
+                        error: undefined
+                    }));
+                setError(null);
+                onConnect?.();
+                // Start heartbeat
+                if (heartbeatIntervalRef.current) {
+                    clearInterval(heartbeatIntervalRef.current);
+                }
+                heartbeatIntervalRef.current = setInterval(()=>{
+                    if (newSocket.connected) {
+                        newSocket.emit('ping');
+                    }
+                }, heartbeatInterval);
+                // Request initial data
+                newSocket.emit('request-mcp-status');
+                newSocket.emit('request-swarm-metrics');
+            });
+            // Connection lost
+            newSocket.on('disconnect', (reason)=>{
+                console.log('WebSocket disconnected:', reason);
+                setStatus((prev)=>({
+                        ...prev,
+                        connected: false
+                    }));
+                onDisconnect?.();
+                // Clear heartbeat
+                if (heartbeatIntervalRef.current) {
+                    clearInterval(heartbeatIntervalRef.current);
+                }
+                // Auto-reconnect
+                if (reason !== 'io client disconnect' && status.reconnectAttempts < reconnectAttempts) {
+                    const delay = reconnectDelay * Math.pow(2, status.reconnectAttempts);
+                    console.log(`Reconnecting in ${delay}ms...`);
+                    reconnectTimeoutRef.current = setTimeout(()=>{
+                        setStatus((prev)=>({
+                                ...prev,
+                                reconnectAttempts: prev.reconnectAttempts + 1
+                            }));
+                        connect();
+                    }, delay);
+                }
+            });
+            // Connection error
+            newSocket.on('connect_error', (error)=>{
+                console.error('WebSocket connection error:', error);
+                const errorMessage = error.message || 'Connection failed';
+                setError(errorMessage);
+                setStatus((prev)=>({
+                        ...prev,
+                        connected: false,
+                        error: errorMessage
+                    }));
+                onError?.(error);
+            });
+            // Handle messages
+            newSocket.on('message', (data)=>{
+                try {
+                    const message = typeof data === 'string' ? JSON.parse(data) : data;
+                    setLastMessage(message);
+                    setStatus((prev)=>({
+                            ...prev,
+                            lastMessage: new Date()
+                        }));
+                    // Notify subscribers
+                    const subscribers = subscriptionsRef.current.get(message.type);
+                    if (subscribers) {
+                        subscribers.forEach((callback)=>callback(message.payload));
+                    }
+                    onMessage?.(message);
+                } catch (error) {
+                    console.error('Error parsing WebSocket message:', error);
+                }
+            });
+            // Handle specific dashboard events
+            newSocket.on('mcp-status', (data)=>{
+                const message = {
+                    type: 'agent_update',
+                    timestamp: new Date(),
+                    payload: data
+                };
+                setLastMessage(message);
+                onMessage?.(message);
+            });
+            newSocket.on('swarm-metrics', (data)=>{
+                const message = {
+                    type: 'metrics_update',
+                    timestamp: new Date(),
+                    payload: data
+                };
+                setLastMessage(message);
+                onMessage?.(message);
+            });
+            newSocket.on('hierarchy-change', (data)=>{
+                const message = {
+                    type: 'hierarchy_change',
+                    timestamp: new Date(),
+                    payload: data
+                };
+                setLastMessage(message);
+                onMessage?.(message);
+            });
+            newSocket.on('event-stream', (data)=>{
+                const message = {
+                    type: 'event_stream',
+                    timestamp: new Date(),
+                    payload: data
+                };
+                setLastMessage(message);
+                onMessage?.(message);
+            });
+            newSocket.on('error', (data)=>{
+                const message = {
+                    type: 'error',
+                    timestamp: new Date(),
+                    payload: data
+                };
+                setLastMessage(message);
+                setError(data.message || 'WebSocket error');
+                onMessage?.(message);
+            });
+            // Heartbeat response
+            newSocket.on('pong', ()=>{
+            // Heartbeat received
+            });
+        } catch (error) {
+            console.error('Failed to create WebSocket connection:', error);
+            setError(error instanceof Error ? error.message : 'Unknown error');
+            onError?.(error instanceof Error ? error : new Error('Unknown error'));
+        }
+    }, [
+        url,
+        reconnectAttempts,
+        reconnectDelay,
+        heartbeatInterval,
+        status.reconnectAttempts,
+        onConnect,
+        onDisconnect,
+        onError,
+        onMessage
+    ]);
+    const disconnect = useCallback(()=>{
+        if (reconnectTimeoutRef.current) {
+            clearTimeout(reconnectTimeoutRef.current);
+        }
+        if (heartbeatIntervalRef.current) {
+            clearInterval(heartbeatIntervalRef.current);
+        }
+        if (socketRef.current) {
+            socketRef.current.disconnect();
+            socketRef.current = null;
+        }
+        setSocket(null);
+        setStatus((prev)=>({
+                ...prev,
+                connected: false
+            }));
+    }, []);
+    const reconnect = useCallback(()=>{
+        disconnect();
+        setTimeout(connect, 100);
+    }, [
+        disconnect,
+        connect
+    ]);
+    const sendMessage = useCallback((type, payload)=>{
+        if (socketRef.current?.connected) {
+            socketRef.current.emit('message', {
+                type,
+                payload
+            });
+        } else {
+            console.warn('WebSocket not connected, cannot send message:', type);
+        }
+    }, []);
+    const subscribe = useCallback((event, callback)=>{
+        if (!subscriptionsRef.current.has(event)) {
+            subscriptionsRef.current.set(event, new Set());
+        }
+        subscriptionsRef.current.get(event).add(callback);
+        // Return unsubscribe function
+        return ()=>{
+            const subscribers = subscriptionsRef.current.get(event);
+            if (subscribers) {
+                subscribers.delete(callback);
+                if (subscribers.size === 0) {
+                    subscriptionsRef.current.delete(event);
+                }
+            }
+        };
+    }, []);
+    // Auto-connect on mount
+    useEffect(()=>{
+        if (autoConnect) {
+            connect();
+        }
+        return ()=>{
+            disconnect();
+        };
+    }, [
+        autoConnect,
+        connect,
+        disconnect
+    ]);
+    return {
+        socket,
+        status,
+        isConnected: status.connected,
+        error,
+        sendMessage,
+        subscribe,
+        disconnect,
+        reconnect,
+        lastMessage
+    };
+};
+// Higher-order hook for dashboard state management
+export const useDashboardWebSocket = (initialData, options)=>{
+    const [dashboardState, setDashboardState] = useState({
+        agents: initialData.agents || [],
+        statuses: initialData.statuses || {},
+        events: initialData.events || [],
+        metrics: initialData.metrics || null,
+        alerts: initialData.alerts || [],
+        resourceUsage: initialData.resourceUsage || {
+            memoryUsage: 0,
+            cpuUsage: 0,
+            networkLatency: 0,
+            diskUsage: 0
+        },
+        filters: initialData.filters || {},
+        loading: initialData.loading || false,
+        error: initialData.error || null,
+        lastUpdated: initialData.lastUpdated || null,
+        connected: initialData.connected || false
+    });
+    const webSocket = useWebSocket({
+        ...options,
+        onMessage: (message)=>{
+            switch(message.type){
+                case 'agent_update':
+                    setDashboardState((prev)=>({
+                            ...prev,
+                            statuses: {
+                                ...prev.statuses,
+                                ...message.payload.statuses
+                            },
+                            lastUpdated: new Date()
+                        }));
+                    break;
+                case 'hierarchy_change':
+                    setDashboardState((prev)=>({
+                            ...prev,
+                            agents: message.payload.agents || prev.agents,
+                            lastUpdated: new Date()
+                        }));
+                    break;
+                case 'metrics_update':
+                    setDashboardState((prev)=>({
+                            ...prev,
+                            metrics: message.payload.metrics || prev.metrics,
+                            resourceUsage: message.payload.resourceUsage || prev.resourceUsage,
+                            alerts: message.payload.alerts || prev.alerts,
+                            lastUpdated: new Date()
+                        }));
+                    break;
+                case 'event_stream':
+                    setDashboardState((prev)=>({
+                            ...prev,
+                            events: [
+                                message.payload.event,
+                                ...prev.events.slice(0, 999)
+                            ],
+                            lastUpdated: new Date()
+                        }));
+                    break;
+                case 'error':
+                    setDashboardState((prev)=>({
+                            ...prev,
+                            error: message.payload.message,
+                            lastUpdated: new Date()
+                        }));
+                    break;
+            }
+            options?.onMessage?.(message);
+        },
+        onConnect: ()=>{
+            setDashboardState((prev)=>({
+                    ...prev,
+                    connected: true,
+                    error: null,
+                    lastUpdated: new Date()
+                }));
+            options?.onConnect?.();
+        },
+        onDisconnect: ()=>{
+            setDashboardState((prev)=>({
+                    ...prev,
+                    connected: false,
+                    lastUpdated: new Date()
+                }));
+            options?.onDisconnect?.();
+        },
+        onError: (error)=>{
+            setDashboardState((prev)=>({
+                    ...prev,
+                    connected: false,
+                    error: error.message,
+                    lastUpdated: new Date()
+                }));
+            options?.onError?.(error);
+        }
+    });
+    const refreshData = useCallback(()=>{
+        if (webSocket.isConnected) {
+            webSocket.sendMessage('refresh', {});
+        }
+    }, [
+        webSocket
+    ]);
+    const updateFilters = useCallback((filters)=>{
+        setDashboardState((prev)=>({
+                ...prev,
+                filters: {
+                    ...prev.filters,
+                    ...filters
+                }
+            }));
+    }, []);
+    return {
+        ...webSocket,
+        dashboardState,
+        setDashboardState,
+        refreshData,
+        updateFilters
+    };
+};
+export default useWebSocket;
+
+//# sourceMappingURL=useWebSocket.js.map

package/.claude-flow-novice/dist/src/web/dashboard/hooks/useWebSocket.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/web/dashboard/hooks/useWebSocket.ts"],"names":["useState","useEffect","useRef","useCallback","io","useWebSocket","options","url","window","location","host","autoConnect","reconnectAttempts","reconnectDelay","heartbeatInterval","onConnect","onDisconnect","onError","onMessage","socket","setSocket","status","setStatus","connected","lastConnected","undefined","lastMessage","error","setError","setLastMessage","socketRef","reconnectTimeoutRef","heartbeatIntervalRef","subscriptionsRef","Map","connect","current","newSocket","transports","upgrade","rememberUpgrade","timeout","forceNew","on","console","log","prev","Date","clearInterval","setInterval","emit","reason","delay","Math","pow","setTimeout","errorMessage","message","data","JSON","parse","subscribers","get","type","forEach","callback","payload","timestamp","Error","disconnect","clearTimeout","reconnect","sendMessage","warn","subscribe","event","has","set","Set","add","delete","size","isConnected","useDashboardWebSocket","initialData","dashboardState","setDashboardState","agents","statuses","events","metrics","alerts","resourceUsage","memoryUsage","cpuUsage","networkLatency","diskUsage","filters","loading","lastUpdated","webSocket","slice","refreshData","updateFilters"],"mappings":"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"}

package/.claude-flow-novice/dist/src/web/dashboard/index.js

@@ -0,0 +1,87 @@
+/**
+ * Dashboard Module Exports
+ * Central export point for all dashboard components and utilities
+ */ // Main Components
+export { default as Dashboard } from './Dashboard';
+export { default as AgentHierarchyTree } from './components/AgentHierarchyTree';
+export { default as AgentStatusMonitor } from './components/AgentStatusMonitor';
+export { default as PerformanceMetricsChart } from './components/PerformanceMetricsChart';
+export { default as EventTimeline } from './components/EventTimeline';
+export { default as ResourceGauges } from './components/ResourceGauges';
+// Hooks
+export { useWebSocket, useDashboardWebSocket } from './hooks/useWebSocket';
+// Utilities
+export const createDashboardConfig = (overrides = {})=>({
+        refreshInterval: 5000,
+        maxEvents: 1000,
+        enableAnimations: true,
+        theme: 'light',
+        autoRefresh: true,
+        ...overrides
+    });
+export const formatBytes = (bytes)=>{
+    const sizes = [
+        'B',
+        'KB',
+        'MB',
+        'GB',
+        'TB'
+    ];
+    if (bytes === 0) return '0 B';
+    const i = Math.floor(Math.log(bytes) / Math.log(1024));
+    return `${(bytes / Math.pow(1024, i)).toFixed(1)} ${sizes[i]}`;
+};
+export const formatDuration = (ms)=>{
+    const seconds = Math.floor(ms / 1000);
+    const minutes = Math.floor(seconds / 60);
+    const hours = Math.floor(minutes / 60);
+    if (hours > 0) return `${hours}h ${minutes % 60}m`;
+    if (minutes > 0) return `${minutes}m ${seconds % 60}s`;
+    return `${seconds}s`;
+};
+export const getAgentStateColor = (state)=>{
+    switch(state){
+        case 'active':
+            return 'text-green-600 bg-green-50 border-green-200';
+        case 'paused':
+            return 'text-yellow-600 bg-yellow-50 border-yellow-200';
+        case 'error':
+            return 'text-red-600 bg-red-50 border-red-200';
+        case 'terminated':
+            return 'text-gray-600 bg-gray-50 border-gray-200';
+        default:
+            return 'text-blue-600 bg-blue-50 border-blue-200';
+    }
+};
+export const getAlertSeverityColor = (severity)=>{
+    switch(severity){
+        case 'critical':
+            return 'text-red-600 bg-red-50 border-red-200';
+        case 'high':
+            return 'text-orange-600 bg-orange-50 border-orange-200';
+        case 'medium':
+            return 'text-yellow-600 bg-yellow-50 border-yellow-200';
+        case 'low':
+            return 'text-blue-600 bg-blue-50 border-blue-200';
+        default:
+            return 'text-gray-600 bg-gray-50 border-gray-200';
+    }
+};
+// Default export
+export default {
+    Dashboard,
+    AgentHierarchyTree,
+    AgentStatusMonitor,
+    PerformanceMetricsChart,
+    EventTimeline,
+    ResourceGauges,
+    useWebSocket,
+    useDashboardWebSocket,
+    createDashboardConfig,
+    formatBytes,
+    formatDuration,
+    getAgentStateColor,
+    getAlertSeverityColor
+};
+
+//# sourceMappingURL=index.js.map

package/.claude-flow-novice/dist/src/web/dashboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/web/dashboard/index.ts"],"names":["default","Dashboard","AgentHierarchyTree","AgentStatusMonitor","PerformanceMetricsChart","EventTimeline","ResourceGauges","useWebSocket","useDashboardWebSocket","createDashboardConfig","overrides","refreshInterval","maxEvents","enableAnimations","theme","autoRefresh","formatBytes","bytes","sizes","i","Math","floor","log","pow","toFixed","formatDuration","ms","seconds","minutes","hours","getAgentStateColor","state","getAlertSeverityColor","severity"],"mappings":"AAAA;;;CAGC,GAED,kBAAkB;AAClB,SAASA,WAAWC,SAAS,QAAQ,cAAc;AACnD,SAASD,WAAWE,kBAAkB,QAAQ,kCAAkC;AAChF,SAASF,WAAWG,kBAAkB,QAAQ,kCAAkC;AAChF,SAASH,WAAWI,uBAAuB,QAAQ,uCAAuC;AAC1F,SAASJ,WAAWK,aAAa,QAAQ,6BAA6B;AACtE,SAASL,WAAWM,cAAc,QAAQ,8BAA8B;AAExE,QAAQ;AACR,SAASC,YAAY,EAAEC,qBAAqB,QAAQ,uBAAuB;AAoC3E,YAAY;AACZ,OAAO,MAAMC,wBAAwB,CAACC,YAAsC,CAAC,CAAC,GAAuB,CAAA;QACnGC,iBAAiB;QACjBC,WAAW;QACXC,kBAAkB;QAClBC,OAAO;QACPC,aAAa;QACb,GAAGL,SAAS;IACd,CAAA,EAAG;AAEH,OAAO,MAAMM,cAAc,CAACC;IAC1B,MAAMC,QAAQ;QAAC;QAAK;QAAM;QAAM;QAAM;KAAK;IAC3C,IAAID,UAAU,GAAG,OAAO;IACxB,MAAME,IAAIC,KAAKC,KAAK,CAACD,KAAKE,GAAG,CAACL,SAASG,KAAKE,GAAG,CAAC;IAChD,OAAO,GAAG,AAACL,CAAAA,QAAQG,KAAKG,GAAG,CAAC,MAAMJ,EAAC,EAAGK,OAAO,CAAC,GAAG,CAAC,EAAEN,KAAK,CAACC,EAAE,EAAE;AAChE,EAAE;AAEF,OAAO,MAAMM,iBAAiB,CAACC;IAC7B,MAAMC,UAAUP,KAAKC,KAAK,CAACK,KAAK;IAChC,MAAME,UAAUR,KAAKC,KAAK,CAACM,UAAU;IACrC,MAAME,QAAQT,KAAKC,KAAK,CAACO,UAAU;IAEnC,IAAIC,QAAQ,GAAG,OAAO,GAAGA,MAAM,EAAE,EAAED,UAAU,GAAG,CAAC,CAAC;IAClD,IAAIA,UAAU,GAAG,OAAO,GAAGA,QAAQ,EAAE,EAAED,UAAU,GAAG,CAAC,CAAC;IACtD,OAAO,GAAGA,QAAQ,CAAC,CAAC;AACtB,EAAE;AAEF,OAAO,MAAMG,qBAAqB,CAACC;IACjC,OAAQA;QACN,KAAK;YAAU,OAAO;QACtB,KAAK;YAAU,OAAO;QACtB,KAAK;YAAS,OAAO;QACrB,KAAK;YAAc,OAAO;QAC1B;YAAS,OAAO;IAClB;AACF,EAAE;AAEF,OAAO,MAAMC,wBAAwB,CAACC;IACpC,OAAQA;QACN,KAAK;YAAY,OAAO;QACxB,KAAK;YAAQ,OAAO;QACpB,KAAK;YAAU,OAAO;QACtB,KAAK;YAAO,OAAO;QACnB;YAAS,OAAO;IAClB;AACF,EAAE;AAEF,iBAAiB;AACjB,eAAe;IACbhC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAO;IACAS;IACAK;IACAE;AACF,EAAE"}

package/.claude-flow-novice/dist/src/web/dashboard/types.js

@@ -0,0 +1,6 @@
+/**
+ * Dashboard Types for Agent Lifecycle Transparency System
+ * TypeScript interfaces and type definitions for the React dashboard
+ */ export { };
+
+//# sourceMappingURL=types.js.map

package/.claude-flow-novice/dist/src/web/dashboard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/web/dashboard/types.ts"],"names":[],"mappings":"AAAA;;;CAGC,GAmRD,WAGC"}