rax-flow 0.1.9 → 0.2.0

package/dist/tui/components/AgentStateIcon.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { Text } from "ink";
+import { tuiColors } from "../styles/index.js";
+const THINKING_FRAMES = ["◠", "◡", "◠", "◡"];
+const PROCESSING_FRAMES = ["▶", "▷", "▶", "▷"];
+const RUNNING_FRAMES = ["●", "◉", "●", "○"];
+const WAITING_FRAMES = ["◐", "◓", "◐", "◓"];
+const STATE_CONFIG = {
+    idle: { icon: "○", color: tuiColors.textTertiary, animated: false },
+    thinking: { icon: "◠", color: tuiColors.warning, animated: true, frames: THINKING_FRAMES },
+    processing: { icon: "▶", color: tuiColors.primary, animated: true, frames: PROCESSING_FRAMES },
+    running: { icon: "●", color: tuiColors.success, animated: true, frames: RUNNING_FRAMES },
+    success: { icon: "✓", color: tuiColors.success, animated: false },
+    error: { icon: "✗", color: tuiColors.error, animated: false },
+    waiting: { icon: "◐", color: tuiColors.warning, animated: true, frames: WAITING_FRAMES },
+};
+export const AgentStateIcon = memo(function AgentStateIcon({ state, animated = true, tick = 0 }) {
+    const config = STATE_CONFIG[state];
+    const showAnimation = animated && config.animated && config.frames;
+    const icon = useMemo(() => {
+        if (showAnimation && config.frames) {
+            return config.frames[tick % config.frames.length];
+        }
+        return config.icon;
+    }, [showAnimation, config.frames, config.icon, tick]);
+    return _jsx(Text, { color: config.color, children: icon });
+});
+export function useAgentStateFrame(state, tick) {
+    const config = STATE_CONFIG[state];
+    if (config.frames) {
+        return config.frames[tick % config.frames.length];
+    }
+    return config.icon;
+}
+const STATE_LABELS = {
+    idle: "pending",
+    thinking: "thinking...",
+    processing: "processing",
+    running: "running",
+    success: "done",
+    error: "error",
+    waiting: "waiting",
+};
+export const AgentStateWithLabel = memo(function AgentStateWithLabel({ state, label, tick }) {
+    return (_jsxs(_Fragment, { children: [_jsx(AgentStateIcon, { state: state, tick: tick }), _jsxs(Text, { color: tuiColors.textSecondary, children: [" ", label] }), _jsxs(Text, { color: tuiColors.textTertiary, children: [" ", STATE_LABELS[state]] })] }));
+});
+export const agentStateColors = {
+    idle: tuiColors.textTertiary,
+    thinking: tuiColors.warning,
+    processing: tuiColors.primary,
+    running: tuiColors.success,
+    success: tuiColors.success,
+    error: tuiColors.error,
+    waiting: tuiColors.warning,
+};
+//# sourceMappingURL=AgentStateIcon.js.map

package/dist/tui/components/AgentStateIcon.js.map

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

package/dist/tui/components/AnimatedBranch.d.ts

@@ -0,0 +1,39 @@
+import React from "react";
+export type BranchType = 'vertical' | 'horizontal' | 'corner-left' | 'corner-right' | 'branch' | 'last-branch' | 'flow';
+interface AnimatedBranchProps {
+    type: BranchType;
+    tick?: number;
+    animated?: boolean;
+    length?: number;
+    color?: string;
+}
+export declare const AnimatedBranch: React.NamedExoticComponent<AnimatedBranchProps>;
+interface BranchLineProps {
+    tick: number;
+    animated?: boolean;
+    length?: number;
+    color?: string;
+}
+export declare const VerticalBranch: React.NamedExoticComponent<BranchLineProps>;
+export declare const HorizontalBranch: React.NamedExoticComponent<BranchLineProps>;
+export declare const BranchConnector: React.NamedExoticComponent<BranchLineProps>;
+export declare const LastBranchConnector: React.NamedExoticComponent<BranchLineProps>;
+export declare const FlowIndicator: React.NamedExoticComponent<BranchLineProps>;
+interface TaskBranchProps {
+    tick: number;
+    depth: number;
+    isLast: boolean;
+    hasChildren?: boolean;
+    isExpanded?: boolean;
+    color?: string;
+}
+export declare const TaskBranch: React.NamedExoticComponent<TaskBranchProps>;
+interface AnimatedConnectorProps {
+    tick: number;
+    fromLevel: number;
+    toLevel: number;
+    isActive: boolean;
+}
+export declare const AnimatedConnector: React.NamedExoticComponent<AnimatedConnectorProps>;
+export {};
+//# sourceMappingURL=AnimatedBranch.d.ts.map

package/dist/tui/components/AnimatedBranch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedBranch.d.ts","sourceRoot":"","sources":["../../../src/tui/components/AnimatedBranch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAQ7C,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,cAAc,GAAG,QAAQ,GAAG,aAAa,GAAG,MAAM,CAAC;AAExH,UAAU,mBAAmB;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,iDAmCzB,CAAC;AAEH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,6CAEzB,CAAC;AAEH,eAAO,MAAM,gBAAgB,6CAE3B,CAAC;AAEH,eAAO,MAAM,eAAe,6CAE1B,CAAC;AAEH,eAAO,MAAM,mBAAmB,6CAE9B,CAAC;AAEH,eAAO,MAAM,aAAa,6CAExB,CAAC;AAEH,UAAU,eAAe;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,6CAerB,CAAC;AAEH,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,iBAAiB,oDAkB5B,CAAC"}

package/dist/tui/components/AnimatedBranch.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { Box, Text } from "ink";
+import { tuiColors } from "../styles/index.js";
+const VERTICAL_PULSE_FRAMES = ["│", "┃", "│", "┃"];
+const HORIZONTAL_PULSE_FRAMES = ["─", "━", "─", "━"];
+const FLOW_FRAMES = ["◀═══▶", "═◀═══▶", "══◀══▶", "═══◀═▶", "════◀▶", "═▶═══◀", "══▶══◀", "═══▶═◀"];
+export const AnimatedBranch = memo(function AnimatedBranch({ type, tick = 0, animated = true, length = 1, color }) {
+    const branchColor = color || tuiColors.textTertiary;
+    const getFrame = (frames) => {
+        return frames[tick % frames.length];
+    };
+    const renderBranch = () => {
+        switch (type) {
+            case 'vertical':
+                return animated ? getFrame(VERTICAL_PULSE_FRAMES) : "│";
+            case 'horizontal':
+                return animated ? getFrame(HORIZONTAL_PULSE_FRAMES).repeat(length) : "─".repeat(length);
+            case 'corner-left':
+                return "┌";
+            case 'corner-right':
+                return "┐";
+            case 'branch':
+                return "├─";
+            case 'last-branch':
+                return "└─";
+            case 'flow':
+                return animated ? getFrame(FLOW_FRAMES) : "◀═══▶";
+            default:
+                return "│";
+        }
+    };
+    return _jsx(Text, { color: branchColor, children: renderBranch() });
+});
+export const VerticalBranch = memo(function VerticalBranch({ tick, animated = true, length = 1, color }) {
+    return _jsx(AnimatedBranch, { type: "vertical", tick: tick, animated: animated, color: color });
+});
+export const HorizontalBranch = memo(function HorizontalBranch({ tick, animated = true, length = 1, color }) {
+    return _jsx(AnimatedBranch, { type: "horizontal", tick: tick, animated: animated, length: length, color: color });
+});
+export const BranchConnector = memo(function BranchConnector({ tick, animated = true, color }) {
+    return _jsx(AnimatedBranch, { type: "branch", tick: tick, animated: animated, color: color });
+});
+export const LastBranchConnector = memo(function LastBranchConnector({ tick, animated = true, color }) {
+    return _jsx(AnimatedBranch, { type: "last-branch", tick: tick, animated: animated, color: color });
+});
+export const FlowIndicator = memo(function FlowIndicator({ tick, animated = true, color }) {
+    return _jsx(AnimatedBranch, { type: "flow", tick: tick, animated: animated, color: color });
+});
+export const TaskBranch = memo(function TaskBranch({ tick, depth, isLast, hasChildren = false, isExpanded = true, color }) {
+    const branchColor = color || tuiColors.textTertiary;
+    if (depth === 0) {
+        return null;
+    }
+    const indent = "  ".repeat(depth - 1);
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: branchColor, children: indent }), _jsx(AnimatedBranch, { type: isLast ? "last-branch" : "branch", tick: tick, color: branchColor })] }));
+});
+export const AnimatedConnector = memo(function AnimatedConnector({ tick, fromLevel, toLevel, isActive }) {
+    const color = isActive ? tuiColors.primary : tuiColors.textTertiary;
+    const rows = toLevel - fromLevel;
+    const connectorElements = useMemo(() => Array.from({ length: rows }).map((_, idx) => (_jsx(Box, { paddingLeft: 2, children: _jsx(AnimatedBranch, { type: "vertical", tick: tick, animated: isActive, color: color }) }, idx))), [rows, tick, isActive, color]);
+    return (_jsx(Box, { flexDirection: "column", children: connectorElements }));
+});
+//# sourceMappingURL=AnimatedBranch.js.map

package/dist/tui/components/AnimatedBranch.js.map

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

package/dist/tui/components/ChatPanel.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface Message {
     id: string;
     type: "user" | "system" | "agent" | "error" | "success";
@@ -10,6 +11,6 @@ interface ChatPanelProps {
     isProcessing: boolean;
     isActive: boolean;
 }
-export declare function ChatPanel({ messages, isProcessing, isActive }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
+export declare const ChatPanel: React.NamedExoticComponent<ChatPanelProps>;
 export {};
 //# sourceMappingURL=ChatPanel.d.ts.map

package/dist/tui/components/ChatPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../../src/tui/components/ChatPanel.tsx"],"names":[],"mappings":"AAGA,UAAU,OAAO;IACf,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAuCD,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,cAAc,2CA4B7E"}
+{"version":3,"file":"ChatPanel.d.ts","sourceRoot":"","sources":["../../../src/tui/components/ChatPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAK/E,UAAU,OAAO;IACf,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,cAAc;IACtB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAgDD,eAAO,MAAM,SAAS,4CA2DpB,CAAC"}

package/dist/tui/components/ChatPanel.js

@@ -1,31 +1,50 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React, { useState, useEffect, useMemo, memo } from "react";
 import { Box, Text } from "ink";
-function formatTime(date) {
-    return date.toLocaleTimeString("fr-FR", {
-        hour: "2-digit",
-        minute: "2-digit",
-        second: "2-digit",
-    });
-}
-function MessageItem({ message }) {
-    const typeColors = {
-        user: "cyan",
-        system: "gray",
-        agent: "#f97316",
-        error: "red",
-        success: "green",
-    };
-    const typeLabels = {
-        user: "YOU",
-        system: "SYS",
-        agent: message.agent || "AGENT",
-        error: "ERR",
-        success: "OK",
-    };
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: "gray", dimColor: true, children: ["[", formatTime(message.timestamp), "]"] }), _jsxs(Text, { color: typeColors[message.type], bold: true, children: [" [", typeLabels[message.type], "]"] }), message.agent && _jsxs(Text, { color: "gray", children: [" [", message.agent, "]"] })] }), _jsx(Text, { color: "white", children: message.content })] }));
-}
-export function ChatPanel({ messages, isProcessing, isActive }) {
-    const borderColor = isActive ? "#f97316" : "gray";
-    return (_jsxs(Box, { flexDirection: "column", flexGrow: 2, borderStyle: "single", borderColor: borderColor, paddingX: 1, children: [_jsxs(Box, { borderStyle: "single", borderColor: "#f97316", marginBottom: 1, children: [_jsx(Text, { color: "#f97316", bold: true, children: "CHAT" }), _jsx(Text, { color: "gray", children: " \u2014 Tapez /help pour les commandes" }), isActive && _jsx(Text, { color: "yellow", children: " [ACTIF]" })] }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [messages.slice(-15).map((msg) => (_jsx(MessageItem, { message: msg }, msg.id))), isProcessing && (_jsx(Box, { children: _jsx(Text, { color: "yellow", children: "\u25CF Processing..." }) }))] })] }));
-}
+import { tuiColors, formatTimestamp, getProviderTag } from "../styles/index.js";
+import { TypingEffect, ProcessingIndicator } from "./animations/index.js";
+const MESSAGE_CONFIG = {
+    user: { tag: "[YOU]", color: tuiColors.textPrimary },
+    system: { tag: "[SYS]", color: tuiColors.textTertiary },
+    agent: { tag: "[AGENT]", color: tuiColors.primary },
+    error: { tag: "[ERROR]", color: tuiColors.error },
+    success: { tag: "[SUCCESS]", color: tuiColors.success },
+};
+const MAX_DISPLAYED_MESSAGES = 12;
+const TYPING_SPEED_PER_CHAR = 15;
+const TYPING_BUFFER_MS = 500;
+const MessageItem = memo(function MessageItem({ message, animate = false }) {
+    const config = MESSAGE_CONFIG[message.type];
+    const providerInfo = useMemo(() => message.agent ? getProviderTag(message.agent) : null, [message.agent]);
+    const tag = message.type === "agent" && message.agent
+        ? `[${message.agent.toUpperCase().slice(0, 8)}]`
+        : config.tag;
+    const formattedTime = useMemo(() => formatTimestamp(message.timestamp), [message.timestamp]);
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: tuiColors.textTertiary, children: ["[", formattedTime, "]"] }), _jsx(Text, { color: config.color, bold: true, children: tag.padEnd(12) }), providerInfo && (_jsx(Text, { color: tuiColors.textTertiary, children: providerInfo.code }))] }), animate ? (_jsx(TypingEffect, { text: message.content, speed: TYPING_SPEED_PER_CHAR, showCursor: false })) : (_jsxs(Text, { color: tuiColors.textPrimary, children: ["  ", message.content] }))] }));
+});
+export const ChatPanel = memo(function ChatPanel({ messages, isProcessing, isActive }) {
+    const borderColor = isActive ? tuiColors.primary : tuiColors.border;
+    const [animatingMessageId, setAnimatingMessageId] = useState(null);
+    const timeoutRef = React.useRef(null);
+    const displayMessages = useMemo(() => messages.slice(-MAX_DISPLAYED_MESSAGES), [messages]);
+    useEffect(() => {
+        if (messages.length === 0)
+            return;
+        const lastMessage = messages[messages.length - 1];
+        if (lastMessage.type !== "agent" && lastMessage.type !== "system")
+            return;
+        if (timeoutRef.current)
+            clearTimeout(timeoutRef.current);
+        setAnimatingMessageId(lastMessage.id);
+        timeoutRef.current = setTimeout(() => {
+            setAnimatingMessageId(null);
+        }, lastMessage.content.length * TYPING_SPEED_PER_CHAR + TYPING_BUFFER_MS);
+        return () => {
+            if (timeoutRef.current)
+                clearTimeout(timeoutRef.current);
+        };
+    }, [messages]);
+    const messageElements = useMemo(() => displayMessages.map((msg) => (_jsx(MessageItem, { message: msg, animate: msg.id === animatingMessageId }, msg.id))), [displayMessages, animatingMessageId]);
+    return (_jsxs(Box, { flexDirection: "column", flexGrow: 2, borderStyle: "single", borderColor: borderColor, paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: tuiColors.primary, bold: true, children: "\u250C\u2500" }), _jsx(Text, { color: tuiColors.primary, bold: true, children: " CHAT " }), _jsx(Text, { color: tuiColors.textTertiary, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" })] }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: [messageElements, isProcessing && _jsx(ProcessingIndicator, { text: "Processing" })] })] }));
+});
 //# sourceMappingURL=ChatPanel.js.map

package/dist/tui/components/ChatPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPanel.js","sourceRoot":"","sources":["../../../src/tui/components/ChatPanel.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAgBhC,SAAS,UAAU,CAAC,IAAU;IAC5B,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACtC,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,SAAS;KAClB,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,OAAO,EAAwB;IACpD,MAAM,UAAU,GAA2B;QACzC,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,OAAO;KACjB,CAAC;IAEF,MAAM,UAAU,GAA2B;QACzC,IAAI,EAAE,KAAK;QACX,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,OAAO;QAC/B,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,IAAI;KACd,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,YAAY,EAAE,CAAC,aACzC,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,aACtB,MAAC,IAAI,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,wBAAG,UAAU,CAAC,OAAO,CAAC,SAAS,CAAC,SAAS,EACpE,MAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,IAAI,yBAAI,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAC/E,OAAO,CAAC,KAAK,IAAI,MAAC,IAAI,IAAC,KAAK,EAAC,MAAM,mBAAI,OAAO,CAAC,KAAK,SAAS,IAC1D,EACN,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,YAAE,OAAO,CAAC,OAAO,GAAQ,IACxC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAkB;IAC5E,MAAM,WAAW,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;IAElD,OAAO,CACL,MAAC,GAAG,IACF,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAE,CAAC,EACX,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,CAAC,aAEX,MAAC,GAAG,IAAC,WAAW,EAAC,QAAQ,EAAC,WAAW,EAAC,SAAS,EAAC,YAAY,EAAE,CAAC,aAC7D,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,2BAAY,EACtC,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,uDAAyC,EAC1D,QAAQ,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,yBAAgB,IAC7C,EACN,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,aACvD,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAChC,KAAC,WAAW,IAAc,OAAO,EAAE,GAAG,IAApB,GAAG,CAAC,EAAE,CAAkB,CAC3C,CAAC,EACD,YAAY,IAAI,CACf,KAAC,GAAG,cACF,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,qCAAuB,GACvC,CACP,IACG,IACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"ChatPanel.js","sourceRoot":"","sources":["../../../src/tui/components/ChatPanel.tsx"],"names":[],"mappings":"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"}

package/dist/tui/components/DAGPanel.d.ts

@@ -1,13 +1,25 @@
+import React from "react";
+import { AgentState } from "./AgentStateIcon.js";
+interface DAGSubtask {
+    id: string;
+    name: string;
+    state: AgentState;
+}
 interface DAGNode {
     id: string;
     name: string;
     status: "pending" | "running" | "done" | "error";
     agent?: string;
+    state?: AgentState;
+    executionTime?: number;
+    detail?: string;
+    subtasks?: DAGSubtask[];
 }
 interface DAGLevel {
     name: string;
     progress: number;
     nodes: DAGNode[];
+    status?: 'done' | 'running' | 'pending';
 }
 interface WorkflowState {
     levels: DAGLevel[];
@@ -19,6 +31,6 @@ interface DAGPanelProps {
     tick: number;
     isActive: boolean;
 }
-export declare function DAGPanel({ workflowState, tick, isActive }: DAGPanelProps): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare const DAGPanel: React.NamedExoticComponent<DAGPanelProps>;
+export type { DAGNode, DAGLevel, WorkflowState, DAGSubtask };
 //# sourceMappingURL=DAGPanel.d.ts.map

package/dist/tui/components/DAGPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DAGPanel.d.ts","sourceRoot":"","sources":["../../../src/tui/components/DAGPanel.tsx"],"names":[],"mappings":"AAGA,UAAU,OAAO;IACf,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,EAAE,CAAC;CAClB;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,aAAa;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAuDD,wBAAgB,QAAQ,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,aAAa,2CAkCxE"}
+{"version":3,"file":"DAGPanel.d.ts","sourceRoot":"","sources":["../../../src/tui/components/DAGPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAkB,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjE,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;CACnB;AAED,UAAU,OAAO;IACf,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,UAAU,EAAE,CAAC;CACzB;AAED,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACzC;AAED,UAAU,aAAa;IACrB,MAAM,EAAE,QAAQ,EAAE,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB;AAgHD,UAAU,aAAa;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,2CAqDnB,CAAC;AAEH,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}

package/dist/tui/components/DAGPanel.js

@@ -1,30 +1,51 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, memo } from "react";
 import { Box, Text } from "ink";
-const statusIcons = {
-    pending: { icon: "○", color: "gray" },
-    running: { icon: "▶", color: "yellow" },
-    done: { icon: "●", color: "green" },
-    error: { icon: "✗", color: "red" },
+import { tuiColors, getStatusIndicator, getSpinnerFrame, treeChars } from "../styles/index.js";
+import { AnimatedProgressBar } from "./animations/index.js";
+import { AgentStateIcon } from "./AgentStateIcon.js";
+const STATE_LABELS = {
+    idle: "pending",
+    thinking: "thinking...",
+    processing: "processing",
+    running: "running",
+    success: "done",
+    error: "error",
+    waiting: "waiting",
 };
-const spinnerFrames = ["◐", "◓", "◑", "◒"];
-function ProgressBar({ progress, width = 20 }) {
-    const filled = Math.round((progress / 100) * width);
-    const empty = width - filled;
-    const bar = "█".repeat(filled) + "░".repeat(empty);
-    return (_jsx(Text, { color: progress >= 100 ? "green" : progress > 0 ? "yellow" : "gray", children: bar }));
-}
-function DAGNodeItem({ node, tick }) {
-    const { icon, color } = statusIcons[node.status];
-    const animatedIcon = node.status === "running"
-        ? spinnerFrames[tick % spinnerFrames.length]
-        : icon;
-    return (_jsxs(Box, { flexDirection: "row", marginLeft: 2, children: [_jsx(Text, { color: color, children: animatedIcon }), _jsxs(Text, { color: "white", children: [" ", node.name] }), node.agent && _jsxs(Text, { color: "gray", children: [" [", node.agent, "]"] })] }));
-}
-function DAGLevelView({ level, tick, isActive }) {
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: isActive ? "#f97316" : "gray", bold: isActive, children: level.name }), _jsx(Text, { color: "gray", children: " " }), _jsx(ProgressBar, { progress: level.progress, width: 12 }), _jsxs(Text, { color: "gray", children: [" ", level.progress, "%"] })] }), level.nodes.map((node) => (_jsx(DAGNodeItem, { node: node, tick: tick }, node.id)))] }));
-}
-export function DAGPanel({ workflowState, tick, isActive }) {
-    const borderColor = isActive ? "#f97316" : "gray";
-    return (_jsxs(Box, { flexDirection: "column", width: 40, borderStyle: "single", borderColor: borderColor, paddingX: 1, children: [_jsxs(Box, { borderStyle: "single", borderColor: "#f97316", marginBottom: 1, children: [_jsx(Text, { color: "#f97316", bold: true, children: "DAG" }), _jsx(Text, { color: "gray", children: " EXECUTION" })] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: workflowState.levels.map((level, index) => (_jsx(DAGLevelView, { level: level, tick: tick, isActive: index === workflowState.currentLevel }, level.name))) }), _jsxs(Box, { borderStyle: "single", borderColor: "gray", marginTop: 1, children: [_jsx(Text, { color: "gray", children: "Total: " }), _jsx(ProgressBar, { progress: workflowState.totalProgress, width: 10 }), _jsxs(Text, { color: "white", children: [" ", workflowState.totalProgress, "%"] })] })] }));
-}
+const DAGNodeItem = memo(function DAGNodeItem({ node, tick, isLast }) {
+    const statusInfo = useMemo(() => getStatusIndicator(node.status), [node.status]);
+    const agentState = useMemo(() => {
+        if (node.state)
+            return node.state;
+        if (node.status === 'running')
+            return 'running';
+        if (node.status === 'done')
+            return 'success';
+        if (node.status === 'error')
+            return 'error';
+        return 'idle';
+    }, [node.state, node.status]);
+    const icon = node.status === "running"
+        ? getSpinnerFrame(tick, "dots")
+        : statusInfo.icon;
+    const prefix = isLast ? treeChars.lastBranch : treeChars.branch;
+    const timeStr = node.executionTime ? `${node.executionTime.toFixed(1)}s` : "";
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: tuiColors.textTertiary, children: [prefix, " "] }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: tuiColors.textSecondary, children: "[" }), _jsx(AgentStateIcon, { state: agentState, tick: tick }), _jsx(Text, { color: tuiColors.textSecondary, children: "]" })] }), _jsxs(Text, { color: tuiColors.textPrimary, children: [" ", node.name.padEnd(18)] }), timeStr && (_jsxs(Text, { color: tuiColors.textTertiary, children: [" \u25CF ", timeStr] }))] }), node.detail && (_jsx(Box, { flexDirection: "row", children: _jsxs(Text, { color: tuiColors.textTertiary, children: ["      \u2514\u2500\u2500 ", node.detail] }) })), node.subtasks && node.subtasks.length > 0 && (_jsx(Box, { flexDirection: "column", children: node.subtasks.map((subtask, idx) => (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: tuiColors.textTertiary, children: ["        ", idx === node.subtasks.length - 1 ? '└──' : '├──', " "] }), _jsx(AgentStateIcon, { state: subtask.state, tick: tick }), _jsxs(Text, { color: tuiColors.textTertiary, children: [" ", subtask.name] })] }, subtask.id))) }))] }));
+});
+const DAGLevelView = memo(function DAGLevelView({ level, tick, isActive }) {
+    const levelColor = isActive ? tuiColors.primary : tuiColors.textSecondary;
+    const statusColor = level.status === 'done'
+        ? tuiColors.success
+        : level.status === 'running'
+            ? tuiColors.warning
+            : tuiColors.textTertiary;
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: levelColor, bold: true, children: level.name.padEnd(12) }), _jsx(AnimatedProgressBar, { progress: level.progress, width: 16, tick: tick, animated: isActive, showMarker: isActive, glowEffect: isActive })] }), _jsx(Box, { flexDirection: "row", children: _jsx(Text, { color: isActive ? tuiColors.primary : tuiColors.textTertiary, children: isActive ? "┃" : "│" }) }), level.nodes.map((node, idx) => (_jsx(DAGNodeItem, { node: node, tick: tick, isLast: idx === level.nodes.length - 1 }, node.id)))] }));
+});
+export const DAGPanel = memo(function DAGPanel({ workflowState, tick, isActive }) {
+    const borderColor = isActive ? tuiColors.primary : tuiColors.border;
+    const levelViews = useMemo(() => workflowState.levels.map((level, index) => (_jsx(DAGLevelView, { level: level, tick: tick, isActive: index === workflowState.currentLevel }, level.name))), [workflowState.levels, workflowState.currentLevel, tick]);
+    const isAnimating = useMemo(() => workflowState.totalProgress > 0 && workflowState.totalProgress < 100, [workflowState.totalProgress]);
+    return (_jsxs(Box, { flexDirection: "column", width: 46, borderStyle: "single", borderColor: borderColor, paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: tuiColors.primary, bold: true, children: "\u250C\u2500" }), _jsx(Text, { color: tuiColors.primary, bold: true, children: " DAG_EXECUTION " }), _jsx(Text, { color: tuiColors.textTertiary, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" })] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: levelViews }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: tuiColors.textTertiary, children: "\u251C\u2500 TOTAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }) }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: tuiColors.textSecondary, children: "Progress: " }), _jsx(AnimatedProgressBar, { progress: workflowState.totalProgress, width: 16, tick: tick, animated: isAnimating, showMarker: true })] })] }));
+});
 //# sourceMappingURL=DAGPanel.js.map

package/dist/tui/components/DAGPanel.js.map

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

package/dist/tui/components/ExecutionTimeline.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+interface TimelineAgent {
+    name: string;
+    startTime: number;
+    endTime?: number;
+    isActive: boolean;
+    color?: string;
+}
+interface TimelineLevel {
+    name: string;
+    startTime: number;
+    endTime?: number;
+    progress: number;
+    status: 'done' | 'running' | 'pending';
+}
+export interface ExecutionTimelineProps {
+    tick: number;
+    totalDuration: number;
+    currentTime: number;
+    levels: TimelineLevel[];
+    agents: TimelineAgent[];
+    isActive?: boolean;
+    width?: number;
+}
+export declare const ExecutionTimeline: React.NamedExoticComponent<ExecutionTimelineProps>;
+interface MiniTimelineProps {
+    progress: number;
+    tick: number;
+    isActive: boolean;
+    width?: number;
+}
+export declare const MiniTimeline: React.NamedExoticComponent<MiniTimelineProps>;
+export {};
+//# sourceMappingURL=ExecutionTimeline.d.ts.map

package/dist/tui/components/ExecutionTimeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecutionTimeline.d.ts","sourceRoot":"","sources":["../../../src/tui/components/ExecutionTimeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAK7C,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACxC;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkFD,eAAO,MAAM,iBAAiB,oDAwF5B,CAAC;AAEH,UAAU,iBAAiB;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,YAAY,+CAgBvB,CAAC"}

package/dist/tui/components/ExecutionTimeline.js

@@ -0,0 +1,67 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { memo, useMemo } from "react";
+import { Box, Text } from "ink";
+import { tuiColors } from "../styles/index.js";
+import { AnimatedBranch } from "./AnimatedBranch.js";
+const ACTIVE_MARKER_FRAMES = ["┃", "║", "┃", "║"];
+const BAR_COLORS = {
+    done: tuiColors.success,
+    running: tuiColors.warning,
+    pending: tuiColors.textTertiary,
+};
+const STATUS_TEXT = {
+    done: (endTime) => `done at ${endTime?.toFixed(1)}s`,
+    running: () => "running...",
+    pending: () => "pending",
+};
+function formatTime(s) {
+    return `${s}s`;
+}
+const TimelineBar = memo(function TimelineBar({ level, timeScale, width, currentTime }) {
+    const startCol = Math.floor(level.startTime * timeScale);
+    const endCol = level.endTime
+        ? Math.floor(level.endTime * timeScale)
+        : Math.floor(currentTime * timeScale);
+    const barWidth = Math.max(0, endCol - startCol);
+    const beforeBar = "░".repeat(startCol);
+    const barChar = level.status === 'done' ? "█" : level.status === 'running' ? "▓" : "░";
+    const afterBar = "░".repeat(Math.max(0, width - endCol));
+    const statusText = STATUS_TEXT[level.status](level.endTime);
+    const paddedName = useMemo(() => level.name.padEnd(4), [level.name]);
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: tuiColors.textTertiary, children: [paddedName, " "] }), _jsxs(Text, { color: BAR_COLORS[level.status], children: [beforeBar, barChar.repeat(barWidth)] }), _jsx(Text, { color: tuiColors.textTertiary, children: afterBar }), _jsxs(Text, { color: tuiColors.textTertiary, children: [" ", statusText] })] }));
+});
+const AgentTimeline = memo(function AgentTimeline({ agent, timeScale, width, currentTime }) {
+    const startCol = Math.floor(agent.startTime * timeScale);
+    const endCol = agent.endTime
+        ? Math.floor(agent.endTime * timeScale)
+        : Math.floor(currentTime * timeScale);
+    const barWidth = Math.max(0, endCol - startCol);
+    const indent = " ".repeat(startCol);
+    const bar = agent.isActive ? "─".repeat(barWidth) + "▶" : "─".repeat(barWidth) + "┘";
+    const afterBar = " ".repeat(Math.max(0, width - endCol - 1));
+    const agentColor = agent.color || (agent.isActive ? tuiColors.primary : tuiColors.textSecondary);
+    const prefix = agent.isActive ? "▶" : "●";
+    const paddedName = useMemo(() => agent.name.padEnd(10), [agent.name]);
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: agentColor, children: [prefix, " ", paddedName, " "] }), _jsx(Text, { color: tuiColors.textTertiary, children: indent }), _jsx(Text, { color: agentColor, children: bar }), _jsx(Text, { color: tuiColors.textTertiary, children: afterBar })] }));
+});
+export const ExecutionTimeline = memo(function ExecutionTimeline({ tick, totalDuration, currentTime, levels, agents, isActive = false, width = 50, }) {
+    const borderColor = isActive ? tuiColors.primary : tuiColors.border;
+    const timeScale = width / totalDuration;
+    const markerPositions = [0, 5, 10, 15, 20];
+    const activeMarker = isActive ? ACTIVE_MARKER_FRAMES[tick % ACTIVE_MARKER_FRAMES.length] : "│";
+    const markerElements = useMemo(() => markerPositions.map((pos, idx) => (_jsx(Box, { width: 10, children: _jsx(Text, { color: tuiColors.textTertiary, children: formatTime(pos).padStart(6) }) }, idx))), []);
+    const separatorElements = useMemo(() => Array.from({ length: 5 }).map((_, idx) => (_jsx(Box, { width: 10, children: _jsx(Text, { color: tuiColors.textTertiary, children: idx === 0 ? "│" : "      │" }) }, idx))), []);
+    const levelElements = useMemo(() => levels.map((level, idx) => (_jsx(Box, { marginBottom: 1, children: _jsx(TimelineBar, { level: level, timeScale: timeScale, width: width, currentTime: currentTime }) }, idx))), [levels, timeScale, width, currentTime]);
+    const agentElements = useMemo(() => agents.map((agent, idx) => (_jsx(Box, { children: _jsx(AgentTimeline, { agent: agent, timeScale: timeScale, width: width, currentTime: currentTime }) }, idx))), [agents, timeScale, width, currentTime]);
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "single", borderColor: borderColor, paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: tuiColors.primary, bold: true, children: "\u250C\u2500" }), _jsx(Text, { color: tuiColors.primary, bold: true, children: " EXECUTION_TIMELINE " }), _jsx(Text, { color: tuiColors.textTertiary, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" })] }), _jsx(Box, { flexDirection: "row", marginBottom: 1, children: markerElements }), _jsx(Box, { flexDirection: "row", marginBottom: 1, children: separatorElements }), _jsx(Box, { flexDirection: "row", marginBottom: 1, children: _jsx(Text, { color: tuiColors.textTertiary, children: "├" + "─".repeat(width - 2) + "┤" }) }), _jsx(Box, { flexDirection: "column", children: levelElements }), _jsx(Box, { flexDirection: "row", marginTop: 1, marginBottom: 1, children: _jsx(AnimatedBranch, { type: "vertical", tick: tick, animated: isActive }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: tuiColors.textSecondary, children: "Agents:" }) }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: agentElements })] }));
+});
+export const MiniTimeline = memo(function MiniTimeline({ progress, tick, isActive, width = 30 }) {
+    const filled = Math.floor((progress / 100) * width);
+    const empty = width - filled;
+    const currentPos = Math.min(filled, width - 1);
+    const before = "─".repeat(currentPos);
+    const marker = isActive ? "●" : "○";
+    const after = "─".repeat(empty);
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: tuiColors.textTertiary, children: ["\u251C", before] }), _jsx(Text, { color: isActive ? tuiColors.primary : tuiColors.textSecondary, children: marker }), _jsxs(Text, { color: tuiColors.textTertiary, children: [after, "\u2524"] })] }));
+});
+//# sourceMappingURL=ExecutionTimeline.js.map