@roj-ai/debug 0.1.3 → 0.1.4

package/dist/components/debug/communication/hooks/useDiagramData.js

@@ -0,0 +1,252 @@
+import { useMemo } from 'react';
+import { useTimeCompression } from './useTimeCompression';
+export function useDiagramData({ events, agents }) {
+    // Extract all timestamps for compression
+    const timestamps = useMemo(() => {
+        return events.map((e) => e.timestamp).sort((a, b) => a - b);
+    }, [events]);
+    const { segments, totalHeight, timestampToY, formatIdleDuration } = useTimeCompression(timestamps);
+    // Build participants from agents
+    const participants = useMemo(() => {
+        const result = [];
+        // User is always first
+        const sessionStart = events.find((e) => e.type === 'session_created')?.timestamp ?? Date.now();
+        result.push({
+            id: 'user',
+            name: 'User',
+            role: 'user',
+            spawnedAt: sessionStart,
+            status: 'idle',
+            columnIndex: 0,
+        });
+        // Flatten agent tree with BFS to maintain hierarchy order
+        const flattenAgents = (nodes, parentRole = null) => {
+            for (const agent of nodes) {
+                const role = determineRole(agent.definitionName, parentRole);
+                result.push({
+                    id: agent.id,
+                    name: formatAgentName(agent.definitionName),
+                    role,
+                    spawnedAt: getAgentSpawnTime(events, agent.id),
+                    status: mapAgentStatus(agent.status),
+                    columnIndex: result.length,
+                });
+                flattenAgents(agent.children, role);
+            }
+        };
+        flattenAgents(agents);
+        return result;
+    }, [agents, events]);
+    // Build messages from mailbox events with parallel message offset
+    const messages = useMemo(() => {
+        const rawMessages = [];
+        for (const event of events) {
+            const e = event;
+            if (e.type === 'mailbox_message') {
+                const fromId = e.message.from === 'user' ? 'user' : e.message.from;
+                rawMessages.push({
+                    id: e.message.id,
+                    fromId: fromId,
+                    toId: e.toAgentId,
+                    timestamp: e.timestamp,
+                    content: e.message.content,
+                    yPosition: timestampToY(e.timestamp),
+                });
+            }
+            // User messages to agents (sent via send_message endpoint)
+            if (e.type === 'user_message_sent') {
+                rawMessages.push({
+                    id: e.messageId,
+                    fromId: e.agentId,
+                    toId: 'user',
+                    timestamp: e.timestamp,
+                    content: e.message,
+                    yPosition: timestampToY(e.timestamp),
+                });
+            }
+        }
+        // Sort by timestamp
+        rawMessages.sort((a, b) => a.timestamp - b.timestamp);
+        // Offset parallel messages (same timestamp or within 100ms)
+        const PARALLEL_THRESHOLD_MS = 100;
+        const MESSAGE_Y_OFFSET = 14;
+        const result = [];
+        let parallelGroup = [];
+        for (const msg of rawMessages) {
+            if (parallelGroup.length === 0) {
+                parallelGroup.push(msg);
+            }
+            else {
+                const lastMsg = parallelGroup[parallelGroup.length - 1];
+                if (Math.abs(msg.timestamp - lastMsg.timestamp) <= PARALLEL_THRESHOLD_MS) {
+                    parallelGroup.push(msg);
+                }
+                else {
+                    // Process previous group
+                    result.push(...offsetParallelMessages(parallelGroup, MESSAGE_Y_OFFSET));
+                    parallelGroup = [msg];
+                }
+            }
+        }
+        // Process last group
+        if (parallelGroup.length > 0) {
+            result.push(...offsetParallelMessages(parallelGroup, MESSAGE_Y_OFFSET));
+        }
+        return result;
+    }, [events, timestampToY]);
+    // Build LLM blocks from inference events
+    const llmBlocks = useMemo(() => {
+        const result = [];
+        const pendingInferences = new Map();
+        for (const event of events) {
+            const e = event;
+            if (e.type === 'inference_started') {
+                const idx = result.length;
+                result.push({
+                    id: `llm-${e.agentId}-${e.timestamp}`,
+                    participantId: e.agentId,
+                    startTime: e.timestamp,
+                    status: 'running',
+                    yStart: timestampToY(e.timestamp),
+                    yEnd: timestampToY(e.timestamp) + 30, // Minimum height
+                });
+                pendingInferences.set(e.agentId, { event: e, idx });
+            }
+            if (e.type === 'inference_completed') {
+                const pending = pendingInferences.get(e.agentId);
+                if (pending) {
+                    result[pending.idx] = {
+                        ...result[pending.idx],
+                        endTime: e.timestamp,
+                        status: 'success',
+                        model: e.metrics.model,
+                        tokens: e.metrics.totalTokens,
+                        llmCallId: e.llmCallId,
+                        yEnd: timestampToY(e.timestamp),
+                    };
+                    pendingInferences.delete(e.agentId);
+                }
+            }
+            if (e.type === 'inference_failed') {
+                const pending = pendingInferences.get(e.agentId);
+                if (pending) {
+                    result[pending.idx] = {
+                        ...result[pending.idx],
+                        endTime: e.timestamp,
+                        status: 'error',
+                        llmCallId: e.llmCallId,
+                        yEnd: timestampToY(e.timestamp),
+                    };
+                    pendingInferences.delete(e.agentId);
+                }
+            }
+        }
+        return result;
+    }, [events, timestampToY]);
+    // Build tool blocks from tool events
+    const toolBlocks = useMemo(() => {
+        const result = [];
+        const pendingTools = new Map();
+        for (const event of events) {
+            const e = event;
+            if (e.type === 'tool_started') {
+                const idx = result.length;
+                result.push({
+                    id: `tool-${e.toolCallId}`,
+                    toolCallId: e.toolCallId,
+                    participantId: e.agentId,
+                    toolName: e.toolName,
+                    startTime: e.timestamp,
+                    status: 'running',
+                    yStart: timestampToY(e.timestamp),
+                    yEnd: timestampToY(e.timestamp) + 20, // Minimum height
+                });
+                pendingTools.set(e.toolCallId, { event: e, idx });
+            }
+            if (e.type === 'tool_completed') {
+                const pending = pendingTools.get(e.toolCallId);
+                if (pending) {
+                    result[pending.idx] = {
+                        ...result[pending.idx],
+                        endTime: e.timestamp,
+                        status: 'success',
+                        yEnd: timestampToY(e.timestamp),
+                    };
+                    pendingTools.delete(e.toolCallId);
+                }
+            }
+            if (e.type === 'tool_failed') {
+                const pending = pendingTools.get(e.toolCallId);
+                if (pending) {
+                    result[pending.idx] = {
+                        ...result[pending.idx],
+                        endTime: e.timestamp,
+                        status: 'error',
+                        yEnd: timestampToY(e.timestamp),
+                    };
+                    pendingTools.delete(e.toolCallId);
+                }
+            }
+        }
+        return result;
+    }, [events, timestampToY]);
+    const sessionStartTime = useMemo(() => {
+        const sessionCreated = events.find((e) => e.type === 'session_created');
+        return sessionCreated?.timestamp ?? Date.now();
+    }, [events]);
+    return {
+        participants,
+        messages,
+        llmBlocks,
+        toolBlocks,
+        timeSegments: segments,
+        totalHeight,
+        sessionStartTime,
+        timestampToY,
+        formatIdleDuration,
+    };
+}
+// Helper functions
+function determineRole(definitionName, parentRole) {
+    const lower = definitionName.toLowerCase();
+    if (lower.includes('communicator'))
+        return 'communicator';
+    if (lower.includes('orchestrator'))
+        return 'orchestrator';
+    if (parentRole === 'orchestrator' || parentRole === 'worker')
+        return 'worker';
+    if (parentRole === null)
+        return 'communicator'; // Root agent without orchestrator
+    return 'worker';
+}
+function formatAgentName(definitionName) {
+    // Convert kebab-case or snake_case to Title Case
+    return definitionName
+        .replace(/[-_]/g, ' ')
+        .replace(/\b\w/g, (c) => c.toUpperCase())
+        .replace(/^Entry$/, 'Entry Agent');
+}
+function getAgentSpawnTime(events, agentId) {
+    const spawnEvent = events.find((e) => e.type === 'agent_spawned' && 'agentId' in e && e.agentId === agentId);
+    return spawnEvent?.timestamp ?? Date.now();
+}
+function mapAgentStatus(status) {
+    // AgentTreeNode.status is from common-schemas AgentStatus:
+    // "idle" | "thinking" | "responding" | "waiting_for_user" | "error"
+    // which matches ParticipantStatus exactly
+    return status;
+}
+function offsetParallelMessages(messages, offset) {
+    if (messages.length <= 1) {
+        return messages;
+    }
+    // Center the group around the original Y position
+    const baseY = messages[0].yPosition;
+    const totalHeight = (messages.length - 1) * offset;
+    const startY = baseY - totalHeight / 2;
+    return messages.map((msg, idx) => ({
+        ...msg,
+        yPosition: startY + idx * offset,
+    }));
+}
+//# sourceMappingURL=useDiagramData.js.map

package/dist/components/debug/communication/hooks/useDiagramData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDiagramData.js","sourceRoot":"","sources":["../../../../../src/components/debug/communication/hooks/useDiagramData.ts"],"names":[],"mappings":"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"}

package/dist/components/debug/communication/hooks/useTimeCompression.d.ts

@@ -5,3 +5,4 @@ export declare function useTimeCompression(timestamps: number[], config?: Partia
     timestampToY: (timestamp: number) => number;
     formatIdleDuration: (ms: number) => string;
 };
+//# sourceMappingURL=useTimeCompression.d.ts.map

package/dist/components/debug/communication/hooks/useTimeCompression.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeCompression.d.ts","sourceRoot":"","sources":["../../../../../src/components/debug/communication/hooks/useTimeCompression.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQlE,wBAAgB,kBAAkB,CACjC,UAAU,EAAE,MAAM,EAAE,EACpB,MAAM,GAAE,OAAO,CAAC,qBAAqB,CAAM,GACzC;IACF,QAAQ,EAAE,WAAW,EAAE,CAAA;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IAC3C,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAA;CAC1C,CA0HA"}

package/dist/components/debug/communication/hooks/useTimeCompression.js

@@ -0,0 +1,109 @@
+import { useMemo } from 'react';
+const DEFAULT_CONFIG = {
+    pixelsPerSecond: 50,
+    maxIdleHeight: 40,
+    idleThresholdMs: 30000, // 30 seconds
+};
+export function useTimeCompression(timestamps, config = {}) {
+    const mergedConfig = { ...DEFAULT_CONFIG, ...config };
+    const segments = useMemo(() => {
+        if (timestamps.length === 0) {
+            return [];
+        }
+        const sorted = [...timestamps].sort((a, b) => a - b);
+        const result = [];
+        let currentStart = sorted[0];
+        let lastTimestamp = sorted[0];
+        let isIdle = false;
+        for (let i = 1; i < sorted.length; i++) {
+            const gap = sorted[i] - lastTimestamp;
+            if (gap > mergedConfig.idleThresholdMs && !isIdle) {
+                // End active segment, start idle
+                result.push({
+                    startTime: currentStart,
+                    endTime: lastTimestamp,
+                    type: 'active',
+                    displayHeight: Math.max(20, ((lastTimestamp - currentStart) / 1000) * mergedConfig.pixelsPerSecond),
+                    actualDuration: lastTimestamp - currentStart,
+                });
+                currentStart = lastTimestamp;
+                isIdle = true;
+            }
+            else if (gap <= mergedConfig.idleThresholdMs && isIdle) {
+                // End idle segment, start active
+                result.push({
+                    startTime: currentStart,
+                    endTime: sorted[i],
+                    type: 'idle',
+                    displayHeight: mergedConfig.maxIdleHeight,
+                    actualDuration: sorted[i] - currentStart,
+                });
+                currentStart = sorted[i];
+                isIdle = false;
+            }
+            lastTimestamp = sorted[i];
+        }
+        // Close final segment
+        if (currentStart !== lastTimestamp || result.length === 0) {
+            result.push({
+                startTime: currentStart,
+                endTime: lastTimestamp,
+                type: isIdle ? 'idle' : 'active',
+                displayHeight: isIdle
+                    ? mergedConfig.maxIdleHeight
+                    : Math.max(20, ((lastTimestamp - currentStart) / 1000) * mergedConfig.pixelsPerSecond),
+                actualDuration: lastTimestamp - currentStart,
+            });
+        }
+        return result;
+    }, [timestamps, mergedConfig.idleThresholdMs, mergedConfig.pixelsPerSecond, mergedConfig.maxIdleHeight]);
+    const totalHeight = useMemo(() => {
+        return segments.reduce((sum, seg) => sum + seg.displayHeight, 0);
+    }, [segments]);
+    const timestampToY = useMemo(() => {
+        return (timestamp) => {
+            let y = 0;
+            for (const segment of segments) {
+                if (timestamp < segment.startTime) {
+                    return y;
+                }
+                if (timestamp <= segment.endTime) {
+                    if (segment.type === 'idle') {
+                        // Linear interpolation within idle segment
+                        const progress = (timestamp - segment.startTime) / (segment.endTime - segment.startTime);
+                        return y + progress * segment.displayHeight;
+                    }
+                    else {
+                        // Active segment: proportional to time
+                        const segmentDuration = segment.endTime - segment.startTime;
+                        if (segmentDuration === 0) {
+                            return y;
+                        }
+                        const progress = (timestamp - segment.startTime) / segmentDuration;
+                        return y + progress * segment.displayHeight;
+                    }
+                }
+                y += segment.displayHeight;
+            }
+            return y;
+        };
+    }, [segments]);
+    const formatIdleDuration = (ms) => {
+        const seconds = Math.floor(ms / 1000);
+        const minutes = Math.floor(seconds / 60);
+        const hours = Math.floor(minutes / 60);
+        const days = Math.floor(hours / 24);
+        if (days > 0) {
+            return `${days}d ${hours % 24}h idle`;
+        }
+        if (hours > 0) {
+            return `${hours}h ${minutes % 60}m idle`;
+        }
+        if (minutes > 0) {
+            return `${minutes}m idle`;
+        }
+        return `${seconds}s idle`;
+    };
+    return { segments, totalHeight, timestampToY, formatIdleDuration };
+}
+//# sourceMappingURL=useTimeCompression.js.map

package/dist/components/debug/communication/hooks/useTimeCompression.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTimeCompression.js","sourceRoot":"","sources":["../../../../../src/components/debug/communication/hooks/useTimeCompression.ts"],"names":[],"mappings":"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"}

package/dist/components/debug/communication/hooks/useZoomPan.d.ts

@@ -9,3 +9,4 @@ export declare function useZoomPan(totalHeight: number): {
     handleScroll: (e: React.UIEvent<HTMLDivElement>) => void;
     handleWheel: (e: React.WheelEvent<HTMLDivElement>) => void;
 };
+//# sourceMappingURL=useZoomPan.d.ts.map

package/dist/components/debug/communication/hooks/useZoomPan.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomPan.d.ts","sourceRoot":"","sources":["../../../../../src/components/debug/communication/hooks/useZoomPan.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAM5C,wBAAgB,UAAU,CAAC,WAAW,EAAE,MAAM;;;;;;;sBA8CR,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC;qBAY9B,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;EAqBpE"}

package/dist/components/debug/communication/hooks/useZoomPan.js

@@ -0,0 +1,75 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+const MIN_ZOOM = 0.25;
+const MAX_ZOOM = 4;
+const ZOOM_STEP = 0.25;
+export function useZoomPan(totalHeight) {
+    const [state, setState] = useState({
+        zoom: 1,
+        scrollY: 0,
+        autoScroll: true,
+    });
+    const containerRef = useRef(null);
+    const prevTotalHeightRef = useRef(totalHeight);
+    // Auto-scroll to bottom when new content arrives
+    useEffect(() => {
+        if (state.autoScroll && totalHeight > prevTotalHeightRef.current && containerRef.current) {
+            containerRef.current.scrollTop = containerRef.current.scrollHeight;
+        }
+        prevTotalHeightRef.current = totalHeight;
+    }, [totalHeight, state.autoScroll]);
+    const zoomIn = useCallback(() => {
+        setState((prev) => ({
+            ...prev,
+            zoom: Math.min(MAX_ZOOM, prev.zoom + ZOOM_STEP),
+        }));
+    }, []);
+    const zoomOut = useCallback(() => {
+        setState((prev) => ({
+            ...prev,
+            zoom: Math.max(MIN_ZOOM, prev.zoom - ZOOM_STEP),
+        }));
+    }, []);
+    const resetZoom = useCallback(() => {
+        setState((prev) => ({
+            ...prev,
+            zoom: 1,
+        }));
+    }, []);
+    const toggleAutoScroll = useCallback(() => {
+        setState((prev) => ({
+            ...prev,
+            autoScroll: !prev.autoScroll,
+        }));
+    }, []);
+    const handleScroll = useCallback((e) => {
+        const target = e.target;
+        const isAtBottom = Math.abs(target.scrollHeight - target.clientHeight - target.scrollTop) < 10;
+        setState((prev) => ({
+            ...prev,
+            scrollY: target.scrollTop,
+            // Disable auto-scroll if user scrolled up manually
+            autoScroll: prev.autoScroll ? isAtBottom : prev.autoScroll,
+        }));
+    }, []);
+    const handleWheel = useCallback((e) => {
+        if (e.ctrlKey || e.metaKey) {
+            e.preventDefault();
+            const delta = e.deltaY > 0 ? -ZOOM_STEP : ZOOM_STEP;
+            setState((prev) => ({
+                ...prev,
+                zoom: Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, prev.zoom + delta)),
+            }));
+        }
+    }, []);
+    return {
+        state,
+        containerRef,
+        zoomIn,
+        zoomOut,
+        resetZoom,
+        toggleAutoScroll,
+        handleScroll,
+        handleWheel,
+    };
+}
+//# sourceMappingURL=useZoomPan.js.map

package/dist/components/debug/communication/hooks/useZoomPan.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useZoomPan.js","sourceRoot":"","sources":["../../../../../src/components/debug/communication/hooks/useZoomPan.ts"],"names":[],"mappings":"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"}

package/dist/components/debug/communication/popovers/ElementPopover.d.ts

@@ -6,3 +6,4 @@ interface ElementPopoverProps {
 }
 export declare function ElementPopover({ element, x, y }: ElementPopoverProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=ElementPopover.d.ts.map

package/dist/components/debug/communication/popovers/ElementPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementPopover.d.ts","sourceRoot":"","sources":["../../../../../src/components/debug/communication/popovers/ElementPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAqD,cAAc,EAAe,MAAM,UAAU,CAAA;AAE9G,UAAU,mBAAmB;IAC5B,OAAO,EAAE,cAAc,CAAA;IACvB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;CACT;AAED,wBAAgB,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,mBAAmB,2CAqBpE"}

package/dist/components/debug/communication/popovers/ElementPopover.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function ElementPopover({ element, x, y }) {
+    // Offset from cursor
+    const offsetX = 12;
+    const offsetY = 12;
+    return (_jsx("div", { className: "fixed z-50 pointer-events-none", style: {
+            left: x + offsetX,
+            top: y + offsetY,
+        }, children: _jsxs("div", { className: "bg-slate-900 text-white text-[11px] rounded-md shadow-xl p-2.5 max-w-[280px] border border-slate-700", children: [element.type === 'message' && _jsx(MessagePopover, { data: element.data }), element.type === 'llm' && _jsx(LLMPopover, { data: element.data }), element.type === 'tool' && _jsx(ToolPopover, { data: element.data }), element.type === 'idle' && _jsx(IdlePopover, { data: element.data })] }) }));
+}
+function MessagePopover({ data }) {
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-400" }), _jsx("span", { className: "font-medium text-blue-300", children: "Message" })] }), _jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-3 gap-y-1 text-[10px]", children: [_jsx("span", { className: "text-slate-500", children: "From" }), _jsx("span", { className: "text-slate-300 font-mono", children: String(data.fromId).slice(0, 12) }), _jsx("span", { className: "text-slate-500", children: "To" }), _jsx("span", { className: "text-slate-300 font-mono", children: String(data.toId).slice(0, 12) }), _jsx("span", { className: "text-slate-500", children: "Time" }), _jsx("span", { className: "text-slate-300", children: new Date(data.timestamp).toLocaleTimeString() })] }), _jsx("div", { className: "pt-1.5 border-t border-slate-700/50", children: _jsx("div", { className: "text-slate-300 leading-relaxed line-clamp-4", children: data.content }) })] }));
+}
+function LLMPopover({ data }) {
+    const duration = data.endTime
+        ? ((data.endTime - data.startTime) / 1000).toFixed(1) + 's'
+        : null;
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-violet-400" }), _jsx("span", { className: "font-medium text-violet-300", children: "LLM Inference" }), data.status === 'running' && _jsx("span", { className: "text-[9px] bg-amber-500/20 text-amber-300 px-1.5 py-0.5 rounded", children: "Running" }), data.status === 'error' && _jsx("span", { className: "text-[9px] bg-red-500/20 text-red-300 px-1.5 py-0.5 rounded", children: "Error" })] }), _jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-3 gap-y-1 text-[10px]", children: [data.model && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-slate-500", children: "Model" }), _jsx("span", { className: "text-slate-300 font-mono", children: data.model.split('/').pop() })] })), duration && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-slate-500", children: "Duration" }), _jsx("span", { className: "text-slate-300", children: duration })] })), data.tokens && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-slate-500", children: "Tokens" }), _jsx("span", { className: "text-slate-300", children: data.tokens.toLocaleString() })] }))] }), data.llmCallId && (_jsx("div", { className: "pt-1.5 border-t border-slate-700/50 text-[9px] text-slate-500", children: "Click to view details" }))] }));
+}
+function ToolPopover({ data }) {
+    const duration = data.endTime
+        ? ((data.endTime - data.startTime) / 1000).toFixed(1) + 's'
+        : null;
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-teal-400" }), _jsx("span", { className: "font-medium text-teal-300", children: "Tool Execution" }), data.status === 'running' && _jsx("span", { className: "text-[9px] bg-amber-500/20 text-amber-300 px-1.5 py-0.5 rounded", children: "Running" }), data.status === 'error' && _jsx("span", { className: "text-[9px] bg-red-500/20 text-red-300 px-1.5 py-0.5 rounded", children: "Error" })] }), _jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-3 gap-y-1 text-[10px]", children: [_jsx("span", { className: "text-slate-500", children: "Tool" }), _jsx("span", { className: "text-slate-300 font-mono", children: data.toolName }), duration && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-slate-500", children: "Duration" }), _jsx("span", { className: "text-slate-300", children: duration })] }))] })] }));
+}
+function IdlePopover({ data }) {
+    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`;
+    };
+    return (_jsxs("div", { className: "space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-slate-400" }), _jsx("span", { className: "font-medium text-slate-300", children: "Idle Period" })] }), _jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-3 gap-y-1 text-[10px]", children: [_jsx("span", { className: "text-slate-500", children: "Duration" }), _jsx("span", { className: "text-slate-300", children: formatDuration(data.actualDuration) }), _jsx("span", { className: "text-slate-500", children: "From" }), _jsx("span", { className: "text-slate-300", children: new Date(data.startTime).toLocaleTimeString() }), _jsx("span", { className: "text-slate-500", children: "To" }), _jsx("span", { className: "text-slate-300", children: new Date(data.endTime).toLocaleTimeString() })] })] }));
+}
+//# sourceMappingURL=ElementPopover.js.map

package/dist/components/debug/communication/popovers/ElementPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ElementPopover.js","sourceRoot":"","sources":["../../../../../src/components/debug/communication/popovers/ElementPopover.tsx"],"names":[],"mappings":"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"}

package/dist/components/debug/communication/types.d.ts

@@ -134,3 +134,4 @@ export declare const COLORS: {
     };
     readonly lane: "stroke-slate-100";
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/debug/communication/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/debug/communication/types.ts"],"names":[],"mappings":"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"}

package/dist/components/debug/communication/types.js

@@ -0,0 +1,52 @@
+// ============================================================================
+// Layout constants
+// ============================================================================
+export const LAYOUT = {
+    timeAxisWidth: 60,
+    participantWidth: 100,
+    participantGap: 40,
+    headerHeight: 56,
+    laneLineWidth: 1,
+    blockWidth: 70,
+    blockMinHeight: 24,
+    idleGapHeight: 32,
+    padding: 20,
+    messageArrowOffset: 6, // Vertical offset for arrow to not overlap with blocks
+};
+export const COLORS = {
+    message: {
+        stroke: 'stroke-blue-400',
+        fill: 'fill-blue-50',
+        text: 'text-blue-600',
+    },
+    llm: {
+        stroke: 'stroke-violet-300',
+        fill: 'fill-violet-50',
+        fillRunning: 'fill-violet-100',
+        text: 'text-violet-600',
+    },
+    tool: {
+        stroke: 'stroke-teal-300',
+        fill: 'fill-teal-50',
+        fillRunning: 'fill-teal-100',
+        text: 'text-teal-600',
+    },
+    error: {
+        stroke: 'stroke-red-300',
+        fill: 'fill-red-50',
+        text: 'text-red-600',
+    },
+    idle: {
+        stroke: 'stroke-slate-200',
+        fill: 'fill-slate-50',
+        text: 'text-slate-400',
+    },
+    participant: {
+        user: 'text-blue-600',
+        communicator: 'text-emerald-600',
+        orchestrator: 'text-violet-600',
+        worker: 'text-slate-600',
+    },
+    lane: 'stroke-slate-100',
+};
+//# sourceMappingURL=types.js.map

package/dist/components/debug/communication/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/debug/communication/types.ts"],"names":[],"mappings":"AA+HA,+EAA+E;AAC/E,mBAAmB;AACnB,+EAA+E;AAE/E,MAAM,CAAC,MAAM,MAAM,GAAG;IACrB,aAAa,EAAE,EAAE;IACjB,gBAAgB,EAAE,GAAG;IACrB,cAAc,EAAE,EAAE;IAClB,YAAY,EAAE,EAAE;IAChB,aAAa,EAAE,CAAC;IAChB,UAAU,EAAE,EAAE;IACd,cAAc,EAAE,EAAE;IAClB,aAAa,EAAE,EAAE;IACjB,OAAO,EAAE,EAAE;IACX,kBAAkB,EAAE,CAAC,EAAE,uDAAuD;CACrE,CAAA;AAEV,MAAM,CAAC,MAAM,MAAM,GAAG;IACrB,OAAO,EAAE;QACR,MAAM,EAAE,iBAAiB;QACzB,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,eAAe;KACrB;IACD,GAAG,EAAE;QACJ,MAAM,EAAE,mBAAmB;QAC3B,IAAI,EAAE,gBAAgB;QACtB,WAAW,EAAE,iBAAiB;QAC9B,IAAI,EAAE,iBAAiB;KACvB;IACD,IAAI,EAAE;QACL,MAAM,EAAE,iBAAiB;QACzB,IAAI,EAAE,cAAc;QACpB,WAAW,EAAE,eAAe;QAC5B,IAAI,EAAE,eAAe;KACrB;IACD,KAAK,EAAE;QACN,MAAM,EAAE,gBAAgB;QACxB,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE,cAAc;KACpB;IACD,IAAI,EAAE;QACL,MAAM,EAAE,kBAAkB;QAC1B,IAAI,EAAE,eAAe;QACrB,IAAI,EAAE,gBAAgB;KACtB;IACD,WAAW,EAAE;QACZ,IAAI,EAAE,eAAe;QACrB,YAAY,EAAE,kBAAkB;QAChC,YAAY,EAAE,iBAAiB;QAC/B,MAAM,EAAE,gBAAgB;KACxB;IACD,IAAI,EAAE,kBAAkB;CACf,CAAA"}

package/dist/components/debug/index.d.ts

@@ -9,3 +9,4 @@ export { BackIcon, DebugShell, getNavItemClassName, navItems, type NavItem } fro
 export { LLMCallDetail } from './LLMCallDetail';
 export { AgentDetailPage, AgentsPage, CommunicationPage, DashboardPage, EventsPage, FilesPage, LLMCallPage, LLMCallsPage, LogsPage, MailboxPage, ServicesPage, TimelinePage, UserChatPage, } from './pages';
 export { CommunicationDiagram } from './communication/CommunicationDiagram';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/debug/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/debug/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGtF,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAGlG,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,KAAK,OAAO,EAAE,MAAM,cAAc,CAAA;AAGhG,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,OAAO,EACN,eAAe,EACf,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,UAAU,EACV,SAAS,EACT,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,GACZ,MAAM,SAAS,CAAA;AAGhB,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAA"}